@charset "utf-8"; #comingsoon {width:100%;padding-top:100px;text-align:center} /* 서브페이지 공통 */ #sh_content_tit{padding-bottom:56px} #sh_navigation{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:14px;font-weight:500;color:#aaa} #sh_navigation svg{width:16px;height:16px} #sh_navigation a svg{width:19px;height:19px;stroke-width:2.5px} .pagecommon .subtit-l{line-height:1.3;font-size:40px;font-weight:700;color:#000;font-family:var(--k-font);white-space:pre-line;word-break:keep-all} .pagecommon .subtit-l.head__tit{padding-bottom:60px} .pagecommon .cont__tit{font-family:var(--k-font);font-size:30px;font-weight:700;line-height:1.2;color:var(--point);word-break:keep-all} .pagecommon .cont__desc{font-size:18px;line-height:1.4;color:#777;white-space:pre-line;word-break:keep-all} .pagecommon .btn--primary{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 17px;border-radius:100px;font-size:15px;font-weight:700;word-break:keep-all;color:#fff;transition:all 0.2s} .pagecommon .btn--primary svg{flex-shrink:0;width:20px;height:20px} /* 서브페이지 공통 배너 */ .pagecommon .cm-banner{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:space-between;min-height:230px;padding:20px 90px;margin-bottom:84px;border-radius:13px;background-repeat:no-repeat;background-size:cover;background-position:center} .pagecommon .cm-banner::before{position:absolute;content:'';inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.5);pointer-events:none} .pagecommon .cm-banner > *{position:relative;z-index:1} .pagecommon .cm-banner .text-box h3{padding-bottom:20px !important;color:#fff;white-space:pre-line} .pagecommon .cm-banner .text-box p.desc{font-size:16px;line-height:1.4;color:#fff;white-space:pre-line;word-break:keep-all} .pagecommon .cm-banner .btn--primary{background-color:rgba(255,255,255,0.3)} .pagecommon .cm-banner .btn--primary:hover{background-color:rgba(255,255,255,0.5)} #sh_about .icore-brochure{background-image:url(/sh_page/img/p17_banner.jpg)} #sh_kepl_about .kepl{background-image:url(/sh_page/img/p20_banner.jpg)} #sh_ib_about .ib{background-image:url(/sh_page/img/p22_banner.jpg)} #sh_ibec_about .ibec{background-image:url(/sh_page/img/p27_banner.jpg)} /* 서브페이지 공통 테이블 */ .pagecommon .table-box table{width:100%;border-top:2px solid var(--point);border-collapse:collapse} .pagecommon .table-box table thead th{padding:25px 36px;font-size:16px;font-weight:700;color:#333;background-color:#F6F8FF;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;text-align:left} .pagecommon .table-box table thead th:last-child{border-right:none} .pagecommon .table-box table tbody tr > *{padding:25px 36px;font-size:16px;color:#333;font-weight:500;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;word-break:keep-all} .pagecommon .table-box table tbody td:last-child{border-right:none} /* 신청내역 리스트 */ #workshop_apply_list .table-box table thead th{padding:10px;font-size:14px} #workshop_apply_list .table-box table tbody td{padding:10px;font-size:14px} #workshop_apply_list .cont__search_filter{margin-bottom:25px} #workshop_apply_list .register--form{background:#f7f7f7;padding:20px} #workshop_apply_list .register--form>div{display:flex;align-items:center;border-radius:4px;overflow:hidden;max-width:100%;background:#f7f7f7} #workshop_apply_list .register--form>div>div:nth-child(1){display:flex;align-items:center;gap:5px;padding:0 15px;border-right:1px solid #e5e5e5;background:#fcfcfc;align-self:stretch} #workshop_apply_list .register--form>div>div:nth-child(1) span:first-child{font-weight:bold;font-size:13px;color:#555;margin-right:5px} #workshop_apply_list .register--form #search_start_date,.pagecommon .register--form #search_end_date{padding:6px;border:1px solid #ddd;border-radius:3px;text-align:center;width:95px;font-size:13px;background:#fff} #workshop_apply_list .register--form>div>div:nth-child(1) span:last-child{font-size:13px;color:#777} #workshop_apply_list .register--form>div>div:nth-child(2),.pagecommon .register--form>div>div:nth-child(3){border-right:1px solid #e5e5e5;align-self:stretch;display:flex;align-items:center} #workshop_apply_list .register--form select[name="search_ca"],.pagecommon .register--form select[name="search_complete"]{padding:0 15px;border:none;height:100%;min-width:120px;font-size:13px;color:#333;cursor:pointer;background:#fff} #workshop_apply_list .register--form select[name="search_complete"]{min-width:110px} #workshop_apply_list .register--form>div>div:nth-child(4){flex-grow:1;display:flex;align-items:center;padding:0 10px} #workshop_apply_list .register--form #search_keyword{width:100%;border:none;padding:10px;font-size:13px;outline:none} #workshop_apply_list .register--form .btn--search{padding:0 25px;background:var(--point,#5856d6);color:#fff;border:none;font-weight:bold;font-size:14px;cursor:pointer;align-self:stretch;display:flex;align-items:center;justify-content:center;transition:background 0.2s} #workshop_apply_list .register--form .btn--reset{padding:0 20px;background:#f5f5f7;color:#555;border:none;border-left:1px solid #ddd;font-size:14px;cursor:pointer;align-self:stretch;display:flex;align-items:center;justify-content:center;transition:background 0.2s} #workshop_apply_list .status-tab-wrap{margin:20px 0} #workshop_apply_list .status-tab-wrap ul{display:flex;list-style:none;padding:0;margin:0;border:1px solid #ccc;border-radius:4px;overflow:hidden;text-align:center} #workshop_apply_list .status-tab-wrap ul li{flex:1;border-right:1px solid #ccc} #workshop_apply_list .status-tab-wrap ul li:last-child{border-right:none} #workshop_apply_list .status-tab-wrap ul li a{display:block;padding:15px 0;color:#333;text-decoration:none} #workshop_apply_list .status-tab-wrap ul li a span{color:#ff3b30;margin-left:3px} #workshop_apply_list .cont__actions{margin-bottom:10px} #workshop_apply_list .table-box table tbody td[colspan="13"]{text-align:center;padding:15px 0} #workshop_apply_list .table-box table tbody td .status-badge{padding:4px 12px;border-radius:15px;font-size:12px;font-weight:bold;display:inline-block;text-align:center;min-width:75px} #workshop_apply_list .table-box table tbody td .status-badge.status-step1{border:1px solid #5856d6;color:#5856d6;background:#f0f0ff} #workshop_apply_list .table-box table tbody td .status-badge.status-step2{border:1px solid #34c759;color:#34c759;background:#f0fbf2} #workshop_apply_list .table-box table tbody td .status-badge.status-step4{border:1px solid #ff3b30;color:#ff3b30;background:#fff0f0} #workshop_apply_list .table-box table tbody td .status-badge.status-cancel{border:1px solid #8e8e93;color:#fff;background:#8e8e93} #workshop_apply_list .table-box table tbody td .status-badge.status-step3{border:1px solid #1badf8;color:#fff;background:#1badf8} #workshop_apply_list .table-box table tbody td .complete-badge{padding:4px 12px;border-radius:15px;font-size:12px;display:inline-block;text-align:center;min-width:75px;border:1px solid #666;color:#333} #workshop_apply_list .table-box table tbody td .complete-badge.complete-y{background:#f5f5f5;font-weight:bold} #workshop_apply_list .table-box table tbody td .btn--info-view{padding:4px 10px;background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer} #workshop_apply_list .cont__pagination{text-align:center;margin-top:20px} #workshop_apply_list .status-tab-wrap ul li.active{background:#dbdbdb} #workshop_apply_list .status-tab-wrap ul li.active_all a{font-weight:bold} /* 신청내역 상세보기 */ #workshop_apply_view{padding-bottom:260px} #workshop_apply_view .cont__tit{margin-top:40px} #workshop_apply_view .cont__tit:first-of-type{margin-top:0;padding-bottom:14px} #workshop_apply_view .persnal-data{padding-bottom:78px} #workshop_apply_view p.desc{font-size:15px;font-weight:400;color:#777} #workshop_apply_view table tbody td.cancel-notice-box{background:#fff0f0;color:#d9534f;font-weight:bold} #workshop_apply_view .btn--cancel-approve{margin-top:5px;padding:5px 10px;background:#d9534f;color:#fff;border:none;cursor:pointer} #workshop_apply_view .btn_area{text-align:center;margin-top:30px} #workshop_apply_view .btn_area .comp_btn{padding:10px 30px;background:var(--point);color:#fff;border:none;cursor:pointer;font-weight:bold} #workshop_apply_view .btn_area .cancel_btn{padding:10px 30px;background:#888;color:#fff;text-decoration:none;margin-left:10px;display:inline-block;border-radius:3px;font-size:16px} #workshop_apply_view .item-box .table-box{overflow-x:auto;padding-bottom:0} #workshop_apply_view .item-box table{width:100%;border-collapse:collapse;text-align:center;table-layout:fixed} #workshop_apply_view .item-box table tbody td .status-txt{font-weight:bold} #workshop_apply_view .item-box table tbody td .status-txt.txt-default{color:#333} #workshop_apply_view .item-box table tbody td .status-txt.txt-primary{color:#007bff} #workshop_apply_view .item-box table tbody td .status-txt.txt-danger{color:#dc3545} #workshop_apply_view .item-box table tbody td .status-txt.txt-secondary{color:#6c757d} #workshop_apply_view .item-box>.text-center-box{text-align:center;margin-top:30px} #workshop_apply_view .item-box>.text-center-box a{display:inline-block;padding:10px 25px;background:#f4f5f9;color:#333;text-decoration:none;border-radius:5px;font-weight:500;border:1px solid #dcdde1} /* 신청 내역 확인 페이지 */ /* 워크숍 목록 공통 */ .cm--workshop .table-box--view table thead th{padding:20px 10px;font-weight:700;line-height:1.2;text-align:center;border-right:none;white-space:nowrap} .cm--workshop .table-box--view table tbody td{padding:20px 10px;border-right:none;font-size:15px;font-weight:400;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cm--workshop .table-box--view table tbody td.wk_name{text-align:left;font-weight:600;color:#333;font-size:16px} .cm--workshop .table-box--view table tbody td.wk_date{color:#777;font-size:15px} /* 게시판 페이지네이션 */ .pg_wrap{display:block;float:none;margin:70px 0 0;text-align:center} .pg_page{min-width:30px;height:30px;padding:0 5px;border:none;border-radius:5px;font-size:15px;line-height:30px;color:#999;background-color:#f2f2f2;cursor:pointer} .pg_current{display:inline-block;vertical-align:middle;min-width:30px;height:30px;padding:0 5px;border:none;border-radius:5px;font-size:15px;font-weight:normal;line-height:30px;color:#fff;background:#333;box-shadow:none} .pg_start, .pg_end{width:30px;height:30px;border-radius:5px;border:1px solid #e1e1e1;font-size:0 !important;text-indent:0;background-color:#fff} .pg_page:hover{background-color:#f2f2f2} .pg_start:hover, .pg_end:hover{background-color:#fff} /* ==================================== 진행중인 워크숍 */ .cm--workshop form{border-top:2px solid var(--point)} .cm--workshop .cont__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:57px} .cm--workshop .cont__head .link-back{display:flex;align-items:center;justify-content:center;gap:7px;max-width:102px;width:100%;height:34px;font-family:var(--k-font);font-size:15px;font-weight:500;color:#777;border:1px solid #e1e1e1;border-radius:5px;transition:all 0.2s} .cm--workshop .cont__head .link-back svg{flex-shrink:0;width:18px;height:18px} .cm--workshop .cont__head .link-back:hover{background-color:var(--point);color:#fff;border-color:var(--point)} .cm--workshop .btn--primary{all:unset;display:flex;align-items:center;justify-content:space-between;max-width:183px;width:100%;height:55px;padding:0 18px 0 27px;box-sizing:border-box;font-size:16px;font-weight:700;color:#fff;border-radius:100px;background-color:var(--point);border:1px solid var(--point);cursor:pointer;transition:all 0.3s} .cm--workshop .btn--primary.btn--large{max-width:218px} .cm--workshop .btn--primary svg{flex-shrink:0;width:18px;height:18px} .cm--workshop .btn--primary:hover{background-color:#fff;color:var(--point)} .cm--workshop .btn--primary.submit:disabled{background-color:#f1f1f1;border-color:#f1f1f1;color:#aaa} .cm--workshop .btn--primary.dark{background-color:#333;border-color:#333} .cm--workshop .btn--primary.dark:hover{background-color:#fff;color:#333} .cm--workshop form{font-size:15px;font-weight:500;color:#777} .cm--workshop .form__item{display:flex;width:100%;border-bottom:1px solid #e1e1e1} .cm--workshop .head{display:flex;align-items:center;max-width:200px;width:100%;padding-left:27px;flex-shrink:0;font-size:16px;font-weight:700;line-height:1.4;color:#333;background-color:#f6f8ff;word-break:keep-all} .cm--workshop .head.req::after{content:"*";padding-left:6px;color:#E53935} .cm--workshop .field{display:flex;align-items:center;gap:12px 15px;width:100%;min-height:64px;padding:12px 27px;word-break:keep-all;font-size:15px} .cm--workshop form input[type="text"]{max-width:418px;width:100%;height:40px;border:1px solid #e1e1e1;box-shadow:none;outline:unset;border-radius:5px;padding:14px 17px;font-size:14px;font-weight:300;color:#000} .cm--workshop form input[type="text"]::placeholder{color:#aaa} .cm--workshop form .field .notice{font-size:13px;line-height:1.3;color:var(--point);word-break:keep-all} .cm--workshop form .field .check-box{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#777} .cm--workshop form .field .check-box label{position:relative;display:flex;align-items:center;gap:8px} .cm--workshop .form__item.date .field .txt.during{padding:0 5px} .cm--workshop .form__item.date .field input[type="text"]{max-width:179px} .cm--workshop .form__item.count .field input[type="text"]{max-width:179px} .cm--workshop .form__item.count .field input[type="text"]{max-width:179px} .cm--workshop .form__item.condition .field input[type="text"]{max-width:none;height:112px} .cm--workshop .persnal-data{display:flex;border-top:2px solid var(--point)} .cm--workshop .persnal-data input[type="text"]:disabled{border:none;background-color:unset;font-size:16px;color:#777 !important;-webkit-text-fill-color:#777 !important} /* form check custom */ .cm--workshop .check-box .check__custom{display:flex;align-items:center;justify-content:center;width:14px;aspect-ratio:1;border-radius:3px;border:1px solid #e1e1e1;background-color:#fff;color:transparent;transition:all 0.2s} .cm--workshop .check-box .check__custom svg{width:11px;height:11px;stroke-width:3px} .cm--workshop .check-box input[type="checkbox"]:checked + .check__custom{background-color:var(--point);color:#fff} .cm--workshop .btn--primary{margin:0 auto} .cm--workshop .btn--primary.disabled{justify-content:center;padding:0 18px;text-align:center;background-color:#aaa;border-color:#aaa} .cm--workshop .btn--primary.disabled:hover{color:#fff} /* 워크숍 신청 1단계 */ #workshop_apply_step1{padding-bottom:360px} #workshop_apply_step1 .apply--cate{display:grid;grid-template-columns:repeat(2,1fr);gap:37px} #workshop_apply_step1 .apply--cate li{display:flex;flex-direction:column;align-items:center;gap:20px} #workshop_apply_step1 .apply--cate li .apply__item{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:54px 20px 50px;text-align:center;border-radius:13px;border:1px solid rgba(43,63,173,0.2);background-color:#F6F8FF} #workshop_apply_step1 .apply--cate li .apply__item h4{font-size:24px;font-weight:700;color:#000;padding-bottom:30px} #workshop_apply_step1 .apply--cate li .apply__item p.desc{padding-top:32px;font-size:16px;font-weight:500;line-height:1.6;color:#777;word-break:keep-all;white-space:pre-line} /* #workshop_apply_step1 .apply--cate li .notice-box p{text-align:center;font-size:14px;line-height:1.4;font-weight:600;color:#333;word-break:keep-all} */ /* 워크숍 신청 2단계 */ #workshop_apply_step2{padding-bottom:164px} #workshop_apply_step2 form{border-top:none} #workshop_apply_step2 .apply--agree h4{padding-bottom:8px;font-family:var(--k-font);font-size:16px;color:var(--point)} #workshop_apply_step2 .apply--agree p{padding-bottom:14px;font-weight:400;word-break:keep-all} #workshop_apply_step2 .apply--agree table thead th{padding:14px 20px;font-size:14px} #workshop_apply_step2 .apply--agree table tbody tr > *{padding:15px 20px;font-size:13px;word-break:keep-all} #workshop_apply_step2 .apply--agree table tbody th{text-align:left} #workshop_apply_step2 .apply--agree .radio-box{display:flex;flex-direction:column;gap:10px;padding:22px 0 60px} #workshop_apply_step2 .apply--agree .radio-box label{display:flex;align-items:center;gap:6px;color:#333;word-break:keep-all} #workshop_apply_step2 .apply--form{padding-bottom:54px;border-top:2px solid var(--point)} #workshop_apply_step2 .apply--form ul li.form__item .field{justify-content:space-between} #workshop_apply_step2 .apply--form ul li.form__item .field .check-box-group{display:flex;align-items:center;gap:13px} #workshop_apply_step2 .apply--form ul li.form__item .check-field{justify-content:flex-start;gap:18px} #workshop_apply_step2 .apply--form ul li.form__item .field.meal{flex-direction:column;align-items:flex-start;flex-wrap:wrap;padding:23px 0 23px 27px} #workshop_apply_step2 .apply--form ul li.form__item .field.meal > div{display:flex;gap:123px} #workshop_apply_step2 .apply--form ul li.form__item .field.meal > div:last-child{gap:18px 26px;flex-wrap:wrap} #workshop_apply_step2 .apply--form ul li.form__item .field.meal .etc-input-wrap input{height:27px;padding:5px} #workshop_apply_step2 .apply--form ul li.form__item.name_en .flex{display:flex;gap:8px} #workshop_apply_step2 .apply--form ul li.form__item.name_en input[type="text"]{max-width:205px} /* 워크숍 신청 3단계 */ #workshop_apply_step3 .agree--form{padding-bottom:53px} #workshop_apply_step3 .form__item{padding:47px 63px;border-bottom:1px solid #e1e1e1} #workshop_apply_step3 .form__item:nth-child(5){border-bottom:none} #workshop_apply_step3 .form__item .check-box-wrap{display:flex;align-items:center;gap:34px;width:100%} #workshop_apply_step3 .form__item .check-box-wrap .label-box{flex:1;width:100%} #workshop_apply_step3 .form__item .check-box-wrap .label-box h4{padding-bottom:15px;font-size:22px;font-weight:700;color:#000;font-family:var(--k-font);word-break:keep-all} #workshop_apply_step3 .form__item .check-box-wrap .label-box p.desc{font-size:16px;color:#777;line-height:1.3;white-space:pre-line;word-break:keep-all} #workshop_apply_step3 .form__item .table-box{padding-top:42px} #workshop_apply_step3 .check-box .check__custom.large{width:39px;border-radius:100px;border-color:transparent;color:var(--point);background-color:#e9eeff} #workshop_apply_step3 .check-box .check__custom.large svg{width:20px;height:20px} #workshop_apply_step3 .form__agree_all{padding:35px 55px 35px 38px;margin-top:10px;background-color:#f5f5f5;border-radius:8px} #workshop_apply_step3 .form__agree_all .agree-box{display:flex;align-items:center;justify-content:space-between} #workshop_apply_step3 .form__agree_all p{font-size:17px;font-weight:600;color:#333} #workshop_apply_step3 .form__agree_all .check-box{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:600;color:#000} #workshop_apply_step3 .form__agree_all .check-box .check__custom{width:22px} #workshop_apply_step3 .form__agree_all .check-box .check__custom svg{width:16px;height:16px} #workshop_apply_step3 .notice{padding-bottom:25px;font-size:16px;color:#777;text-align:center} /* 워크숍 완료 */ #workshop_apply_complete .group-subcont{padding-top:60px;padding-bottom:268px} #workshop_apply_complete .blue-box{display:flex;flex-direction:column;align-items:center;max-width:639px;width:100%;margin:0 auto;padding:73px 20px 42px;text-align:center;border:1px solid rgba(43,63,173,0.2);background-color:#F6F8FF;border-radius:13px} #workshop_apply_complete .blue-box .cont__tit{padding-bottom:37px} #workshop_apply_complete .blue-box p.desc{padding-bottom:45px;font-size:16px;font-weight:500;line-height:1.6;white-space:pre-line;word-break:keep-all;color:#777} /* 워크숍 신청 조회 */ #workshop_apply_check .group-subcont{padding-top:60px;padding-bottom:132px} #workshop_apply_check .group-subcont .item-box{display:flex;flex-direction:column;align-items:center;max-width:543px;width:100%;margin:0 auto;border:1px solid #e1e1e1;border-radius:13px;padding:73px 20px 56px} #workshop_apply_check .group-subcont .item-box .cont__tit{padding-bottom:37px} #workshop_apply_check .group-subcont .item-box p.desc{padding-bottom:53px;font-size:16px;font-weight:500;line-height:1.6;color:#777;text-align:center;word-break:keep-all} #workshop_apply_check #checkform{max-width:400px;width:100%;border-top:none} #workshop_apply_check #checkform ul{display:flex;flex-direction:column;gap:7px;width:100%;padding-bottom:57px} #workshop_apply_check #checkform .form__item{display:flex;align-items:center;gap:14px;border-bottom:none} #workshop_apply_check #checkform .form__item label{flex-shrink:0;max-width:73px;width:100%;font-size:16px;font-weight:700;color:#333} #workshop_apply_check #checkform .form__item input[type="text"]{max-width:326px;width:100%;height:40px;border:1px solid #e1e1e1;border-radius:5px;padding:12px 14px;font-size:14px;color:#111;font-family:var(--k-font)} #workshop_apply_check #checkform .form__item input[type="text"]::placeholder{color:#aaa} /* 워크숍 신청 조회 + 취소 */ #workshop_apply_cancel{padding-bottom:450px} #workshop_apply_cancel .confirm-box{display:flex;justify-content:flex-end;padding-bottom:30px} #workshop_apply_cancel .confirm-box .btn--popup{all:unset;background-color:#fff;border:1px solid #e1e1e1;border-radius:5px;padding:7px 13px;font-size:15px;font-weight:500;color:#777;cursor:pointer} #workshop_apply_cancel .apply_list #cancelform{border-top:none} #workshop_apply_cancel .apply_list #cancelform .cancel--form input[type="text"]:disabled{max-width:none;padding:0;border:none;background-color:#fff;font-size:16px;font-weight:500;color:#777} #workshop_apply_cancel .apply_list #cancelform .cancel--form .persnal-data{margin-bottom:67px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data{margin-bottom:67px;border-top:2px solid var(--point)} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data > li{display:flex;border-bottom:1px solid #e1e1e1} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process{display:flex} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li{display:flex;align-items:center;font-size:16px;font-weight:500;color:#777} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li::after{content:'';width:44px;height:1px;margin:0 20px 0 15px;background-color:#e1e1e1;transform:translateZ(0);will-change:transform} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li:last-child::after{display:none} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li .ic-check{display:flex;align-items:center;justify-content:center;width:21px;aspect-ratio:1;border-radius:100px;background-color:#f5f5f5;margin-right:7px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li svg{width:16px;height:16px;stroke-width:2.5px;stroke:#ddd} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process .text-box{display:flex;align-items:center} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li.on {color:#222} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li.on .ic-check {background-color:var(--point)} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li.on svg {stroke:#fff} #workshop_apply_cancel .notice{font-size:16px;color:#777;white-space:pre-line;word-break:keep-all;text-align:center;padding-top:26px} /* 워크숍 조회 및 취소 팝업 공통 */ .cm--workshop .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:99} .cm--workshop .apply--popup{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:540px;width:100%} .cm--workshop .apply--popup .text{padding:30px 20px;background-color:#fff;border-radius:0 0 13px 13px} .cm--workshop .apply--popup h2{background-color:var(--point);color:#fff;padding:16px 20px;font-family:var(--k-font);font-size:18px;font-weight:700;border-radius:13px 13px 0 0} .cm--workshop .apply--popup p{font-size:16px;font-weight:500;white-space:pre-line;word-break:keep-all;color:#777;line-height:1.6;padding-bottom:30px} .cm--workshop .apply--popup label.check-box{display:flex;align-items:center;gap:6px;padding-bottom:20px;word-break:keep-all} .cm--workshop .apply--popup .btn-wrap{display:flex;gap:10px;justify-content:flex-end} .cm--workshop .apply--popup .btn-wrap button{all:unset;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--point);border:1px solid var(--point);padding:6px 12px;border-radius:5px;cursor:pointer} .cm--workshop .apply--popup .btn-wrap button.btn--ok{background-color:var(--point);color:#fff} #confirmform .overlay, #confirm--popup01, #confirm--popup02{display:none} #cancel--popup{display:none} /* 워크숍 등록 */ #workshop_apply_register{padding-bottom:130px} #workshop_apply_register .register--form{padding-bottom:67px} #workshop_apply_register .date-field{gap:20px} #workshop_apply_register .date-field label{display:flex;align-items:center;gap:13px;word-break:keep-all} #workshop_apply_register .date-field input[type="text"]{max-width:180px;height:40px;border:1px solid #e1e1e1;border-radius:5px;padding:12px 14px;font-size:14px;color:#111;font-family:var(--k-font)} #workshop_apply_register input.number{max-width:157px} #workshop_apply_register textarea#sh_condition{max-width:none;width:100%;height:112px;padding:14px 17px;border:1px solid #e1e1e1;font-size:14px;font-weight:300;color:#000} #workshop_apply_register textarea#sh_condition:focus{border:1px solid #e1e1e1;box-shadow:none} /* 관리자 워크숍 스타일 가이드 */ .cm--workshop .guide{display:flex;flex-direction:column;gap:50px} .cm--workshop .guide ul{display:flex;align-items:center;gap:15px} .cm--workshop .list-status{max-width:66px;width:100%;height:28px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:15px;font-weight:600} .cm--workshop .list-status.status--yellow{background-color:rgba(244,156,12,0.1);color:#F49C0C} .cm--workshop .list-status.status--red{color:#DF282D;background-color:rgba(223,40,45,0.1)} .cm--workshop .list-status.status--gray{background-color:rgba(51,51,51,0.1);color:#777} .cm--workshop .list-status.status--blue{background-color:rgba(0,185,198,0.1);color:#00B9C6} .cm--workshop .list-status.status--incomplete{background-color:rgba(55,123,246,0.1);color:#377bf6} .cm--workshop .list-status.status--complete{background-color:var(--point);color:#fff} .cm--workshop .list-status.status--confirm{max-width:88px;background-color:#fff;border:1px solid #e1e1e1;color:#aaa} .cm--workshop .view-status{display:flex;align-items:center;justify-content:center;max-width:80px;width:100%;height:30px;border-radius:3px;font-size:16px;font-weight:700;color:#fff} .cm--workshop .view-status.status--after{background-color:var(--point)} .cm--workshop .view-status.status--before{background-color:#333} .cm--workshop .view-status.status--cancel{background-color:#DF282D} .cm--workshop .check-status{display:flex;align-items:center;gap:10px} .cm--workshop .check-status .ic-check{display:flex;align-items:center;justify-content:center;width:14px;aspect-ratio:1;border-radius:3px;border:1px solid #e1e1e1} .cm--workshop .check-status .ic-check svg{flex-shrink:0;width:10px;height:10px} .cm--workshop .check-status.status--checked .ic-check{border:1px solid var(--point);color:var(--point)} .cm--workshop .check-status.status--default .ic-check{color:transparent} .cm--workshop .admin__view .form__item .field{justify-content:space-between} .cm--workshop .admin__view .form__item .field span{font-size:16px} /* ==================================================== ABOUT US */ /* 인사말씀 */ #sh_about .col-2{display:flex;gap:100px;align-items:center;padding-bottom:128px} #sh_about .fl-l{max-width:608px;width:100%} #sh_about .fl-l .thumb-box{overflow:hidden;border-radius:13px;width:100%;aspect-ratio:608 / 630} #sh_about .fl-l .thumb-box img{width:100%;height:100%;object-fit:cover} #sh_about .fl-r .gradient span{display:inline-block;padding-bottom:45px;font-size:40px;font-weight:700;background-clip:text;color:transparent;background-image:linear-gradient(to right, var(--point), var(--primary));line-height:1} #sh_about .fl-r h2{padding-bottom:45px} #sh_about .fl-r h2 b{font-weight:700;color:var(--point)} #sh_about .fl-r p.desc{padding-bottom:70px;font-size:18px;line-height:1.4;white-space:pre-line;color:#777;word-break:keep-all} #sh_about .fl-r p.desc:first-of-type{padding-bottom:24px} #sh_about .fl-r .sign-box{display:flex;flex-direction:column;justify-content:flex-end;text-align:right;gap:5px} #sh_about .fl-r .sign-box span{font-size:14px;line-height:1.8;color:#777} #sh_about .fl-r .sign-box b{font-size:18px;font-weight:700;color:#333} #sh_about .icore-list{padding-bottom:110px} #sh_about .icore-list .cont__tit{padding-bottom:40px;color:#000} #sh_about .icore-list ul{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;counter-reset:icore} #sh_about .icore-list ul li{position:relative;padding:40px 33px 36px;background-color:#f6f8ff;border:1px solid #e9eeff;border-radius:13px;display:flex;align-items:center;gap:36px} #sh_about .icore-list ul li::after{position:absolute;content:counter(icore);counter-increment:icore;font-size:100px;font-weight:700;line-height:1;font-style:italic;color:var(--point);opacity:0.05;bottom:0px;right:28px} #sh_about .icore-list ul li .icon{flex-shrink:0;max-width:103px;width:100%} #sh_about .icore-list ul li .icon img{width:100%;height:100%} #sh_about .icore-list ul li p{font-size:17px;font-weight:700;line-height:1.5;color:#000;white-space:pre-line;word-break:keep-all} /* 기관 연혁 */ #sh_companny .group-subtit{padding-bottom:178px} #sh_companny .subtit-l:not(.head__tit){padding-bottom:60px} #sh_companny .vision-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:center;padding-bottom:208px} #sh_companny .vision-list li{display:flex;flex-direction:column;gap:28px} #sh_companny .vision-list li .item-box{position:relative;max-width:420px;width:100%;aspect-ratio:420 / 585;border-radius:13px;overflow:hidden;background-size:cover;background-repeat:no-repeat} #sh_companny .vision-list li .item-box.item01{background-image:url(../sh_page/img/p18_thumb01_p.jpg)} #sh_companny .vision-list li .item-box.item02{background-image:url(../sh_page/img/p18_thumb02_p.jpg)} #sh_companny .vision-list li .item-box.item03{background-image:url(../sh_page/img/p18_thumb03_p.jpg)} #sh_companny .vision-list li .item-box.item04{background-image:url(../sh_page/img/p18_thumb04.jpg)} #sh_companny .vision-list li .overlay{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:52px 40px 52px 48px;background:repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%)} #sh_companny .vision-list li .overlay h3{padding-bottom:27px;font-family:var(--k-font);font-size:22px;font-weight:700;line-height:1.2;color:#fff;word-break:keep-all} #sh_companny .vision-list li .overlay p.desc{font-size:16px;font-weight:500;line-height:1.6;color:#fff;white-space:pre-line;word-break:keep-all} #sh_companny .vision-list li .thumb-box{width:100%;height:100%} #sh_companny .vision-list li .thumb-box img{width:100%;height:100%;object-fit:cover} #sh_companny .area-mission{padding-bottom:209px} #sh_companny .area-mission .po-r{position:relative;max-width:834px;width:100%;aspect-ratio:1;margin:0 auto} #sh_companny .area-mission .bg-box{z-index:-1;position:relative;max-width:834px;width:100%;aspect-ratio:1;border-radius:500px;background-color:rgba(233,238,255,0.3)} #sh_companny .area-mission .bg-box::before, #sh_companny .area-mission .bg-box::after{position:absolute;content:'';top:50%;left:50%;transform:translate(-50%, -50%);width:100%;aspect-ratio:1;border-radius:500px} #sh_companny .area-mission .bg-box::before{max-width:710px;background-color:rgba(233,238,255,0.5)} #sh_companny .area-mission .bg-box::after{max-width:558px;background-color:rgba(233,238,255,1)} #sh_companny .area-mission .mission__main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;max-width:332px;width:100%;aspect-ratio:1;padding:20px;text-align:center;color:#fff;white-space:pre-line;background:linear-gradient(to bottom, #2b3fad 0%, #121a47 100%);border-radius:500px;box-shadow:0 0 30px 0 rgba(43,63,173,0.5);word-break:keep-all} #sh_companny .area-mission ul li{position:absolute;display:flex;align-items:center;justify-content:center;max-width:242px;width:100%;aspect-ratio:1;background-color:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);border-radius:500px} #sh_companny .area-mission ul li dl{display:flex;flex-direction:column;align-items:center;justify-content:center} #sh_companny .area-mission ul li dt{display:flex;flex-direction:column;align-items:center;font-size:20px;font-weight:700;color:#000} #sh_companny .area-mission ul li dt::after{content:'';width:27px;height:1px;margin:20px 0;background-color:#e1e1e1} #sh_companny .area-mission ul li dd{display:flex;flex-direction:column;align-items:center;font-size:16px;line-height:1.4;color:#777} #sh_companny .area-mission ul li:first-child{top:33px;left:42px} #sh_companny .area-mission ul li:nth-child(2){top:50%;left:-73px;transform:translateY(-50%)} #sh_companny .area-mission ul li:nth-child(3){bottom:41px;left:42px} #sh_companny .area-mission ul li:nth-child(4){top:33px;right:42px} #sh_companny .area-mission ul li:nth-child(5){top:50%;right:-73px;transform:translateY(-50%)} #sh_companny .area-mission ul li:last-child{bottom:41px;right:42px} /* 조직도 */ #sh_org{padding-top:50px} #sh_org .org-chart{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:126px} #sh_org .org-chart .org__director{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 16px 15px 25px;background-color:#043f78;border-radius:13px;overflow:hidden;max-width:468px;width:100%} #sh_org .org-chart .org__director img{max-width:112px;width:100%;aspect-ratio:112 / 109} #sh_org .org-chart .org__director .name-box{display:flex;flex-direction:column;justify-content:center;gap:12px;max-width:295px;width:100%;padding-left:22px;aspect-ratio:295 / 129;background-color:#fff;border-radius:13px} #sh_org .org-chart .org__director .name-box strong{font-size:18px;font-weight:700;color:#043f78} #sh_org .org-chart .org__director .name-box .name{font-size:30px;font-weight:700;color:#000} #sh_org .org-chart .org__team{display:flex;gap:22px;width:100%} #sh_org .org-chart .org__team dl{display:flex;flex-direction:column;align-items:center;gap:9px;max-width:317px;width:100%} #sh_org .org-chart .org__team dl.program{flex:1;width:100%;max-width:none} #sh_org .org-chart .org__team dt{display:flex;align-items:center;justify-content:center;width:100%;padding:18px 30px;font-size:22px;font-weight:700;color:#fff;border-radius:13px;text-align:center;word-break:keep-all} #sh_org .org-chart .org__team dl.advisory dt{background-color:#0E7E86} #sh_org .org-chart .org__team dl.program dt{background-color:#082954} #sh_org .org-chart .org__team dl.academic dt{background-color:#5B903A} #sh_org .org-chart .org__team dd{display:flex;gap:13px;width:100%} #sh_org .org-chart .org__team dd ul{display:flex;flex-direction:column;gap:6px;width:100%} #sh_org .org-chart .org__team dd ul li{display:flex;justify-content:space-between;align-items:center;width:100%;padding:23px 22px;border-radius:13px} #sh_org .org-chart .org__team dd ul li .name{font-size:18px;font-weight:600;color:#000} #sh_org .org-chart .org__team dd ul li .role{font-size:16px;color:#aaa} #sh_org .org-chart .org__team dl.advisory li{background-color:rgba(14,126,134,0.08)} #sh_org .org-chart .org__team dl.program li{background-color:rgba(8,41,84,0.08)} #sh_org .org-chart .org__team dl.academic li{background-color:rgba(91,144,58,0.08)} #sh_org .org-chart .line-box{position:relative;display:flex;align-items:flex-end;justify-content:space-between;height:72px;max-width:996px;width:100%} #sh_org .org-chart .line-box::before{position:absolute;content:'';top:50%;left:0;transform:translateY(-50%);width:100%;height:1px;background-color:#e1e1e1} #sh_org .org-chart .line-box > span{display:inline-block;width:1px;background-color:#e1e1e1;transform:translateZ(0);will-change:transform} #sh_org .org-chart .line-box .left, #sh_org .org-chart .line-box .right{height:50%} #sh_org .org-chart .line-box .center{height:100%} #sh_org .org-table{margin-bottom:210px} #sh_org .org-table table tbody td .before{color:#aaa} #sh_org .org-table table tbody td:last-child{display:flex;gap:4px 15px} /* ==================================== Korean Education Professional Learning 과정 소개 */ .pagecommon .introduce-txt{display:flex;flex-direction:column;gap:25px} .pagecommon .introduce-txt .txt--m{font-size:20px;font-weight:700;color:#333;line-height:1.5;white-space:pre-line;word-break:keep-all} #sh_kepl_about .group-subtit{padding-bottom:127px} #sh_kepl_about .group-subcont .program > li{padding:63px 0 110px;border-top:1px solid #e1e1e1} #sh_kepl_about .group-subcont .program > li:last-child{padding-bottom:145px} #sh_kepl_about .group-subcont .program > li h3{padding-bottom:20px;font-family:var(--k-font);font-size:33px;font-weight:700;color:#000;word-break:keep-all} #sh_kepl_about .group-subcont .program > li p.desc{padding-bottom:40px;font-size:16px;font-weight:500;line-height:1.6;color:#333;word-break:keep-all} #sh_kepl_about .group-subcont .program .program__process{display:flex;gap:30px;align-items:center;word-break:keep-all} #sh_kepl_about .group-subcont .program .program__process .process-item{max-width:617px;width:100%;border-radius:13px;overflow:hidden} #sh_kepl_about .group-subcont .program .program__process .process-item h4{padding:13px;text-align:center;font-family:var(--k-font);font-size:18px;font-weight:700;color:#fff} #sh_kepl_about .group-subcont .program .program__process .process-item.gray h4{background-color:#888} #sh_kepl_about .group-subcont .program .program__process .process-item.blue h4{background-color:var(--point)} #sh_kepl_about .group-subcont .program .program__process .process-item .process-box{padding:35px;border:1px solid #e9eeff;border-radius:0 0 13px 13px;overflow:hidden} #sh_kepl_about .group-subcont .program .program__process .process-item.gray .process-box{background-color:#f5f5f5} #sh_kepl_about .group-subcont .program .program__process .process-item.blue .process-box{background-color:#F6F8FF} #sh_kepl_about .group-subcont .program .program__process .process-item .process-box li{font-size:16px;font-weight:500;line-height:1.6;color:#555;word-break:keep-all} #sh_kepl_about .group-subcont .program .program__process .process-item.blue .process-box li{color:var(--point)} #sh_kepl_about .group-subcont .program .program__process .plus{display:flex;align-items:center;justify-content:center} #sh_kepl_about .group-subcont .program .program__process .plus svg{width:20px;height:20px;stroke-width:3px;stroke:#aaa} /* ==================================== IB Workshop 과정 소개 */ #sh_ib_about .group-subtit{overflow:hidden;position:relative;padding:210px 67px 36px;background-image:url(../sh_page/img/p22_bg.jpg);background-repeat:no-repeat;background-size:cover;border-radius:13px} #sh_ib_about .group-subtit::before{position:absolute;content:'';inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.4)} #sh_ib_about .group-subtit > *{position:relative;z-index:1} #sh_ib_about .group-subtit .subtit-l{padding-bottom:37px;color:#fff} #sh_ib_about .group-subtit .blue-box{border-radius:13px;overflow:hidden;background-color:rgba(0,200,255,0.3);border:1px solid rgba(0,200,255,0.3);display:flex;align-items:center;gap:44px;padding:24px 40px} #sh_ib_about .group-subtit .blue-box img{max-width:72px;width:100%} #sh_ib_about .group-subtit .blue-box p.cont__desc{font-size:18px;font-weight:600;line-height:1.5;color:#fff;white-space:pre-line;word-break:keep-all} #sh_ib_about .group-subtit .logo--inha{position:absolute;bottom:-84px;right:-38px} #sh_ib_about .group-subcont .introduce-txt{text-align:center} #sh_ib_about .group-subcont .introduce-txt:first-child{padding:82px 0} #sh_ib_about .group-subcont .introduce-txt:nth-of-type(2){padding:93px 0 105px} #sh_ib_about .group-subcont .introduce-txt .txt--m strong{font-weight:700;color:var(--point)} .pagecommon .program-list{border-bottom:1px solid #e1e1e1} .pagecommon .program-list li{display:flex;align-items:center;gap:68px;padding:20px 0;border-top:1px solid #e1e1e1} .pagecommon .program-list li .thumb-box{max-width:332px;width:100%;aspect-ratio:332 / 223;border-radius:13px;overflow:hidden} .pagecommon .program-list li .thumb-box img{width:100%;height:100%;object-fit:cover} .pagecommon .program-list li .text-box h4{padding-bottom:18px;font-family:var(--k-font);font-size:22px;font-weight:700;color:#000;line-height:1.2;word-break:keep-all} .pagecommon .program-list li .text-box p.desc{font-size:16px;font-weight:500;line-height:1.6;color:#777;word-break:keep-all} /* ==================================== IB Workshop 과정 소개 */ #sh_ib_workshop .group-subtit{padding-bottom:198px} #sh_ib_workshop .group-subtit .cont__tit{padding-bottom:35px} #sh_ib_workshop .group-subcont .list-box li{position:relative;padding-left:13px;font-size:16px;font-weight:500;line-height:1.6;color:#777;word-break:keep-all;white-space:pre-line} #sh_ib_workshop .group-subcont .list-box li::before{position:absolute;content:'';top:10px;left:0;width:3px;aspect-ratio:1;border-radius:10px;background-color:#aaa} #sh_ib_workshop .group-subcont table thead th{text-align:center} #sh_ib_workshop .group-subcont table tbody th{font-weight:700;white-space:nowrap} #sh_ib_workshop .group-subcont table tbody > *{text-align:center} #sh_ib_workshop .group-subcont h3{padding-bottom:36px;font-family:var(--k-font);font-size:26px;font-weight:700;color:#000} #sh_ib_workshop .area-guide .table-box{margin-bottom:120px} #sh_ib_workshop .area-guide .list-box{margin-bottom:67px} #sh_ib_workshop .area-guide .list-box li a{color:var(--point);text-decoration:underline !important} #sh_ib_workshop .area-guide .list-box li.notice::before{content:'※';top:2.5px;left:-3px;width:auto;border-radius:unset;background-color:transparent;font-size:13px} #sh_ib_workshop .area-tab .tab-menu{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;padding-bottom:96px} #sh_ib_workshop .area-tab .tab-menu li{padding:14px;border:solid var(--point);border-width:0 0 2px 0;font-size:16px;font-weight:600;color:#aaa;border-radius:5px 5px 0 0;cursor:pointer;word-break:keep-all} #sh_ib_workshop .area-tab .tab-menu li.on{border-width:2px 2px 0 2px;color:var(--point);font-weight:700} #sh_ib_workshop .area-tab .tab__cont h3{font-size:24px} #sh_ib_workshop .area-tab .tab__cont.apply h3{padding-bottom:67px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply{display:flex;flex-direction:column;gap:77px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li{display:flex;align-items:flex-start;gap:45px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li .icon{display:flex;align-items:center;justify-content:center;max-width:105px;width:100%} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li .icon img{width:100%;height:100%;object-fit:cover} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li .text-box h4{padding-bottom:15px;font-family:var(--k-font);font-size:22px;font-weight:700;color:#000} #sh_ib_workshop .area-tab .tab__cont .notice{padding:8px 18px;margin-top:14px;background-color:#f6f8ff;border-radius:5px;font-size:17px;line-height:1.5;font-weight:600;color:var(--point)} #sh_ib_workshop .area-tab .tab__cont{display:none;padding-bottom:210px} #sh_ib_workshop .area-tab .tab__cont.on{display:block} #sh_ib_workshop .area-tab #tab04 .list-box{padding-bottom:48px} #sh_ib_workshop .area-tab #tab04 table thead th, #sh_ib_workshop .area-tab #tab04 table tbody tr > *{text-align:left} /* ==================================== IBEC 과정 소개 */ #sh_ibec_about{padding-bottom:90px} #sh_ibec_about .group-subtit{padding-bottom:90px} #sh_ibec_about .cont__tit{padding-bottom:35px} #sh_ibec_about .table-box{padding-top:110px;margin-bottom:119px} #sh_ibec_about .table-box thead th{text-align:center} /* 반응형 [s] */ @media (max-width:1600px){ /* 서브페이지 공통 */ .pagecommon .subtit-l{font-size:36px} .pagecommon .subtit-l.head__tit{padding-bottom:45px} .pagecommon .cm-banner .text-box h3{padding-bottom:15px !important} /* 워크숍 폼 스타일 */ .cm--workshop .cont__head{padding-bottom:48px} #workshop_apply_view{padding-bottom:210px} /* 워크숍 신청 1단계 */ #workshop_apply_step1{padding-bottom:288px} /* #workshop_apply_step1 .apply--cate li .apply__item h4{padding-bottom:15px} */ #workshop_apply_step1 .apply--cate li .apply__item p.desc{padding-top:35px} /* 워크숍 완료 */ #workshop_apply_complete .group-subcont{padding-top:40px;padding-bottom:200px} #workshop_apply_complete .blue-box .cont__tit{padding-bottom:33px} /* 워크숍 신청 조회 + 취소 */ #workshop_apply_cancel{padding-bottom:300px} #workshop_apply_check .group-subcont{padding-top:40px} /* ==================================================== ABOUT US */ /* 인사말씀 */ #sh_about .col-2{gap:70px;padding-bottom:100px} #sh_about .fl-l{max-width:560px} #sh_about .fl-r h2{padding-bottom:35px} #sh_about .fl-r .gradient span{padding-bottom:30px;font-size:36px} #sh_about .fl-r p.desc{padding-bottom:35px;font-size:17px} #sh_about .icore-list{padding-bottom:100px} #sh_about .icore-list ul li{gap:22px} #sh_about .icore-list ul li .icon{max-width:95px} #sh_about .icore-list ul li p{font-size:16px} #sh_about .icore-list ul li::after{font-size:90px} /* 기관 연혁 */ #sh_companny .subtit-l:not(.head__tit){padding-bottom:35px} #sh_companny .group-subtit{padding-bottom:100px} #sh_companny .vision-list{padding-bottom:120px} /* 조직도 */ #sh_org .org-chart{padding-bottom:100px} #sh_org .org-chart .org__director{max-width:440px} #sh_org .org-chart .org__director img{max-width:95px} #sh_org .org-chart .org__director .name-box strong{font-size:17px} #sh_org .org-chart .org__director .name-box .name{font-size:26px} #sh_org .org-chart .org__team{gap:14px} #sh_org .org-chart .org__team dt{font-size:20px} #sh_org .org-chart .org__team dd ul li .name{font-size:17px} #sh_org .org-chart .org__team dd ul li .role{font-size:14px} #sh_org .org-chart .line-box{max-width:clamp(870px,calc(870px + (996 - 870) * ((100vw - 1500px) / (1600 - 1500))),996px)} #sh_org .org-chart .org__team dd ul li{flex-direction:column;gap:8px;padding:20px} #sh_org .org-table table colgroup col:nth-child(2){width:20% !important} /* ==================================== Korean Education Professional Learning 과정 소개 */ .pagecommon .introduce-txt .txt--m{font-size:18px} #sh_kepl_about .group-subtit{padding-bottom:100px} #sh_kepl_about .group-subcont .program > li{padding:55px 0 70px} #sh_kepl_about .group-subcont .program > li h3{font-size:30px} #sh_kepl_about .group-subcont .program > li:last-child{padding-bottom:100px} /* ==================================== IB Workshop 과정 소개 */ #sh_ib_about .group-subtit{background-position:center} #sh_ib_about .group-subtit .subtit-l{padding-bottom:32px} #sh_ib_about .group-subcont .introduce-txt:nth-of-type(2){padding:80px 0 100px} #sh_ib_about .group-subtit .logo--inha{max-width:360px} /* ==================================== IB Workshop 과정 소개 */ #sh_ib_workshop .group-subtit{padding-bottom:120px} #sh_ib_workshop .group-subcont h3{padding-bottom:24px} #sh_ib_workshop .area-guide .list-box{margin-bottom:40px} #sh_ib_workshop .area-guide .table-box{margin-bottom:100px} #sh_ib_workshop .area-tab .tab-menu{padding-bottom:70px} /* ==================================== IBEC 과정 소개 */ #sh_ibec_about{padding-bottom:50px} } @media(max-width:1500px){ /* 서브페이지 공통 */ .pagecommon .table-box table thead th{font-size:15px} .cm--workshop .table-box--view table tbody td.wk_date{font-size:14px} .cm--workshop .table-box--view table tbody td{font-size:14px} /* 워크숍 신청 조회 + 취소 */ .cm--workshop .table-box--view table tbody td.wk_name{font-size:15px} .cm--workshop .list-status{font-size:14px} .cm--workshop .list-status.status--confirm{max-width:75px} .cm--workshop .table-box--view .field__status, .cm--workshop .table-box--view .field__confirm{width:105px !important} .cm--workshop form input[type="text"]{max-width:320px} #workshop_apply_step2 .apply--form ul li.form__item.name_en input[type="text"]{max-width:155px} /* ==================================================== ABOUT US */ /* 인사말씀 */ #sh_about .col-2{gap:55px} #sh_about .fl-l{max-width:520px} #sh_about .icore-list .cont__tit{padding-bottom:30px} #sh_about .icore-list ul li{padding:32px 28px} /* 기관 연혁 */ #sh_companny .vision-list{gap:20px;padding-bottom:100px} #sh_companny .vision-list li{gap:20px} #sh_companny .vision-list li .overlay{padding:40px 30px} #sh_companny .vision-list li .overlay h3{padding-bottom:20px;font-size:20px} #sh_companny .vision-list li .overlay p.desc{white-space:normal} /* 조직도 */ #sh_org .org-chart .org__team{gap:10px} #sh_org .org-chart .org__team dd{gap:6px} #sh_org .org-chart .line-box{max-width:clamp(770px,calc(770px + (890 - 770) * ((100vw - 1400px) / (1500 - 1400))),890px)} /* #sh_org .org-table table colgroup col:nth-child(1){width:17% !important}*/ #sh_org .org-table table colgroup col:nth-child(2){width:19% !important} } @media (max-width:1400px){ /* 서브페이지 공통 */ .pagecommon .subtit-l{font-size:30px;text-align:center} .pagecommon .subtit-l.head__tit{padding-bottom:35px} .pagecommon .cont__tit{font-size:28px} .pagecommon .cont__desc{font-size:17px} .pagecommon .group-subtit .cont__desc{text-align:center} .pagecommon .cm-banner{flex-direction:column;gap:16px;min-height:0;padding:50px 20px;margin-bottom:80px;text-align:center} .pagecommon .cm-banner .text-box h3{padding-bottom:8px !important} .pagecommon .cm-banner::before{background-color:rgba(0,0,0,0.6)} .pagecommon .btn--primary{flex-shrink:1} /* 워크숍 폼 스타일 */ #workshop_apply_view .field_status{width:90px !important} #workshop_apply_view .field_name{width:31% !important} #workshop_apply_view .persnal-data{padding-bottom:50px} .cm--workshop .cont__head{padding-bottom:30px} .cm--workshop .cont__head .link-back{gap:6px;max-width:98px;font-size:14px} .cm--workshop .cont__head .link-back svg{width:16px;height:16px} /* 워크숍 신청 1단계 */ #workshop_apply_step1 .apply--cate{gap:20px} /* 워크숍 신청 2단계 */ #workshop_apply_step2 .apply--agree table thead th:first-child{width:150px} #workshop_apply_step2 .apply--form ul li.form__item .field{flex-direction:column;align-items:flex-start} #workshop_apply_step2 .apply--form ul li.form__item .check-field.ib{flex-direction:row;align-items:center} /* 워크숍 신청 3단계 */ #workshop_apply_step3 .form__item{padding:45px 50px} #workshop_apply_step3 .form__item .check-box-wrap{gap:28px} #workshop_apply_step3 .form__item .check-box-wrap .label-box h4{padding-bottom:12px;font-size:20px} #workshop_apply_step3 .form__agree_all{padding:30px 40px 30px 38px} /* 워크숍 완료 */ #workshop_apply_complete .blue-box{padding:60px 20px 42px} #workshop_apply_complete .blue-box .cont__tit{padding-bottom:30px} #workshop_apply_complete .group-subcont{padding-top:14px} /* 워크숍 신청 조회 + 취소 */ #workshop_apply_cancel{padding-bottom:240px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .persnal-data{margin-bottom:50px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li{font-size:15px} #workshop_apply_cancel .notice{font-size:15px} #workshop_apply_cancel .confirm-box{padding-bottom:20px} #workshop_apply_cancel .confirm-box .btn--popup{font-size:14px} #workshop_apply_check .group-subcont{padding-top:14px} #workshop_apply_check .group-subcont .item-box{padding:55px 20px} #workshop_apply_check .group-subcont .item-box .cont__tit{padding-bottom:26px} #workshop_apply_check .group-subcont .item-box p.desc{padding-bottom:40px} #workshop_apply_check #checkform ul{padding-bottom:46px} /* ==================================================== ABOUT US */ /* 인사말씀 */ #sh_about .col-2{flex-direction:column;gap:50px;padding-bottom:80px} #sh_about .fl-l{max-width:90%;height:500px;overflow:hidden} #sh_about .fl-l .thumb-box{height:100%;aspect-ratio:unset} #sh_about .fl-r{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%} #sh_about .fl-r h2{padding-bottom:30px} #sh_about .fl-r .gradient span{padding-bottom:25px;font-size:34px} #sh_about .fl-r p.desc{max-width:70%;padding-bottom:30px;white-space:normal} #sh_about .fl-r p.desc:first-of-type{padding-bottom:20px} #sh_about .fl-r .sign-box{text-align:center} #sh_about .icore-list{padding-bottom:80px} #sh_about .icore-list .cont__tit{text-align:center} #sh_about .icore-list ul li{gap:18px;padding:32px 18px} #sh_about .icore-list ul li .icon{max-width:75px} #sh_about .icore-list ul li p{font-weight:600;white-space:normal} #sh_about .icore-list ul li::after{bottom:5px;right:18px;font-size:52px} #sh_about [data-aos="fade-left"],#sh_about [data-aos="fade-right"] {transform:translate3d(0, 50px, 0) !important} #sh_about [data-aos="fade-left"].aos-animate, #sh_about [data-aos="fade-right"].aos-animate {transform:translate3d(0, 0, 0) !important} /* 기관 연혁 */ #sh_companny .subtit-l:not(.head__tit){padding-bottom:26px} #sh_companny .group-subtit{padding-bottom:60px} #sh_companny .vision-list{grid-template-columns:repeat(2,1fr);width:90%;margin:0 auto;padding-bottom:80px} #sh_companny .vision-list li.main{order:1;flex-direction:row;grid-column-start:1;grid-column-end:3} #sh_companny .vision-list li.main > *{width:100%} #sh_companny .vision-list li .item-box{max-width:none} #sh_companny .area-mission{padding-bottom:170px} #sh_companny .area-mission .mission__main{max-width:322px} #sh_companny .area-mission .bg-box{max-width:824px} #sh_companny .area-mission .bg-box::after{max-width:548px} #sh_companny .area-mission .bg-box::before{max-width:700px} #sh_companny .area-mission ul li{max-width:235px} #sh_companny .area-mission ul li dt{font-size:18px} #sh_companny .area-mission ul li dt::after{margin:15px 0} /* 조직도 */ #sh_org .org-chart{padding-bottom:80px} #sh_org .org-chart .line-box{max-width:clamp(670px,calc(670px + (770 - 670) * ((100vw - 1300px) / (1400 - 1300))),770px)} #sh_org .org-chart .org__team dt{font-size:18px} #sh_org .org-chart .org__team dd ul li{padding:18px 0} #sh_org .org-chart .org__team dd ul li .name{font-size:16px} #sh_org .org-table{margin-bottom:140px} #sh_org .org-table table tbody td:last-child{flex-direction:column;gap:7px} /* ==================================== Korean Education Professional Learning 과정 소개 */ .pagecommon .introduce-txt{gap:18px} .pagecommon .introduce-txt .txt--m{text-align:center} #sh_kepl_about .group-subtit{padding-bottom:70px} #sh_kepl_about .group-subcont .program > li h3{padding-bottom:15px;font-size:26px;text-align:center} #sh_kepl_about .group-subcont .program > li p.desc{text-align:center} #sh_kepl_about .group-subcont .program .program__process{gap:18px} #sh_kepl_about .group-subcont .program .program__process .process-item .process-box{display:flex;flex-direction:column;gap:3px;padding:22px 20px} #sh_kepl_about .group-subcont .program .program__process .process-item .process-box li{font-size:15px} /* ==================================== IB Workshop 과정 소개 */ .pagecommon .program-list li{gap:40px} .pagecommon .program-list li .text-box h4{padding-bottom:12px;font-size:20px} #sh_ib_about .group-subtit{padding:165px 48px 36px} #sh_ib_about .group-subtit::before{background-color:rgba(0,0,0,0.65)} #sh_ib_about .group-subtit .subtit-l{padding-bottom:28px;text-align:left} #sh_ib_about .group-subtit .blue-box{gap:20px;padding:25px} #sh_ib_about .group-subtit .blue-box p.cont__desc{font-size:17px;text-align:left;white-space:normal} #sh_ib_about .group-subtit .logo--inha{max-width:310px;bottom:-66px;right:-30px} #sh_ib_about .group-subcont .introduce-txt:nth-of-type(2){padding:80px 0} /* ==================================== IB Workshop 과정 소개 */ #sh_ib_workshop .group-subtit{padding-bottom:100px} #sh_ib_workshop .group-subtit .cont__tit{padding-bottom:26px;text-align:center} #sh_ib_workshop .group-subcont h3{padding-bottom:18px;font-size:24px} #sh_ib_workshop .area-guide .list-box{margin-bottom:32px} #sh_ib_workshop .area-guide .table-box{margin-bottom:80px} #sh_ib_workshop .area-tab .tab__cont.apply h3{padding-bottom:50px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply{gap:70px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li .icon{max-width:95px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li .text-box h4{padding-bottom:10px;font-size:20px} #sh_ib_workshop .area-tab .tab__cont .notice{font-size:16px} /* ==================================== IBEC 과정 소개 */ #sh_ibec_about{padding-bottom:0} #sh_ibec_about .group-subtit{padding-bottom:80px} #sh_ibec_about .cont__tit{padding-bottom:26px;text-align:center} #sh_ibec_about .table-box{padding-top:80px;margin-bottom:80px} } @media (max-width:1300px){ /* 워크숍 폼 스타일 */ .cm--workshop .field__name{width:30% !important} .cm--workshop .table-box--view .field__category{display:none} .cm--workshop .table-box--view .field__count{width:65px !important} .cm--workshop .table-box--view .field__date{width:30% !important} .cm--workshop .table-box--view .field__status, .cm--workshop .table-box--view .field__confirm{width:55px !important} #workshop_apply_view .field_cate{display:none} #workshop_apply_view .field_date{width:30% !important} /* ==================================================== ABOUT US */ /* 인사말씀 */ #sh_about .icore-list ul{grid-template-columns:repeat(1,1fr)} #sh_about .icore-list ul li{padding:20px 80px 20px 18px} #sh_about .icore-list ul li .icon{max-width:65px} #sh_about .icore-list .cont__tit{padding-bottom:24px} #sh_about .icore-list ul li::after{font-size:65px} /* 기관 연혁 */ #sh_companny .area-mission{padding-bottom:140px} #sh_companny .area-mission .mission__main{position:static;transform:none;max-width:none;padding:40px 70px;aspect-ratio:unset;white-space:normal;border-radius:13px;box-shadow:0 0 8px 0 rgba(43,63,173,0.5)} #sh_companny .area-mission .po-r{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:none;aspect-ratio:unset} #sh_companny .area-mission .po-r > * {width:100%} #sh_companny .area-mission .bg-box{display:none} #sh_companny .area-mission ul{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} #sh_companny .area-mission ul li{position:static;max-width:unset;aspect-ratio:unset;padding:30px 20px;border-radius:13px;box-shadow:none;border:1px solid #e1e1e1} #sh_companny .area-mission ul li:nth-child(2), #sh_companny .area-mission ul li:nth-child(5){transform:translateY(0)} #sh_companny .area-mission ul li:nth-child(2)[data-aos^=zoom], #sh_companny .area-mission ul li:nth-child(5)[data-aos^=zoom]{transform:translateY(0) scale(.6)} #sh_companny .area-mission ul li:nth-child(2)[data-aos^=zoom].aos-animate, #sh_companny .area-mission ul li:nth-child(5)[data-aos^=zoom].aos-animate{transform:translateY(0) scale(1)} /* 조직도 */ #sh_org{padding-top:0} #sh_org .org-chart{gap:42px} #sh_org .org-chart .line-box{display:none} #sh_org .org-chart .org__team{flex-direction:column;align-items:center;gap:42px;width:85%} #sh_org .org-chart .org__team dl{position:relative;max-width:none} #sh_org .org-chart .org__team dl::before{position:absolute;content:'';top:-42px;left:50%;transform:translateX(-50%);width:1px;height:42px;background-color:#e1e1e1} #sh_org .org-chart .org__team dl.program{order:1} #sh_org .org-chart .org__director{max-width:400px} #sh_org .org-chart .org__director img{max-width:85px} #sh_org .org-chart .org__director .name-box .name{font-size:24px} } @media (max-width:1200px){ /* 서브페이지 공통 */ .pagecommon .subtit-l{font-size:28px} .pagecommon .cont__tit{font-size:26px} .pagecommon .group-subtit .cont__desc{font-size:16px} /* 워크숍 폼 스타일 */ .cm--workshop form .field .check-box{font-size:14px} .cm--workshop .field__category{display:none} .cm--workshop .table-box--view .field__count{width:95px !important} .cm--workshop .table-box--view .field__status, .cm--workshop .table-box--view .field__confirm{width:70px !important} .cm--workshop .head{font-size:15px} #workshop_apply_view{padding-bottom:160px} #workshop_apply_view .persnal-data input[type="text"]:disabled{font-size:15px} /* 워크숍 신청 1단계 */ #workshop_apply_step1{padding-bottom:250px} #workshop_apply_step1 .apply--cate{grid-template-columns:repeat(1,1fr);gap:14px} #workshop_apply_step1 .apply--cate li .apply__item{padding:45px 20px 50px} #workshop_apply_step1 .apply--cate li.individual{order:-1} #workshop_apply_step1 .apply--cate li .apply__item h4{padding-bottom:26px;font-size:22px} #workshop_apply_step1 .apply--cate li .apply__item p.desc{padding-top:30px;font-size:15px} /* 워크숍 신청 2단계 */ #workshop_apply_step2 .apply--form ul li.form__item .check-field{gap:14px} #workshop_apply_step2 .apply--form ul li.form__item .field.meal > div:last-child{gap:14px 26px} #workshop_apply_step2 .apply--form ul li.form__item .check-field.ib{flex-wrap:wrap} #workshop_apply_step2 .apply--form ul li.form__item .field.meal > div{gap:28px} /* 워크숍 신청 3단계 */ #workshop_apply_step3 .form__item{padding:40px 45px} #workshop_apply_step3 .form__item .check-box-wrap{gap:22px} #workshop_apply_step3 .form__item .check-box-wrap .label-box h4{font-size:18px} #workshop_apply_step3 .form__item .check-box-wrap .label-box p.desc{font-size:15px} #workshop_apply_step3 .check-box .check__custom.large{width:36px} #workshop_apply_step3 .form__agree_all p{font-size:16px} #workshop_apply_step3 .form__agree_all{padding:26px 30px 26px 34px} #workshop_apply_step3 .form__agree_all .check-box{font-size:16px} #workshop_apply_step3 .form__agree_all .check-box .check__custom{width:18px} #workshop_apply_step3 .notice{font-size:15px} #workshop_apply_step3 .agree--form{padding-bottom:45px} /* 워크숍 완료 */ #workshop_apply_complete .group-subcont{padding-bottom:175px} /* 워크숍 신청 조회 + 취소 */ #workshop_apply_cancel{padding-bottom:180px} /* 워크숍 조회 및 취소 팝업 공통 */ .cm--workshop .apply--popup{max-width:500px} .cm--workshop .apply--popup h2{padding:14px 20px;font-size:17px} .cm--workshop .apply--popup .text{padding:24px 20px} .cm--workshop .apply--popup p{padding-bottom:30px;font-size:15px} .cm--workshop .apply--popup .btn-wrap button{font-size:14px} /* ==================================================== ABOUT US */ /* 인사말씀 */ #sh_about .col-2{gap:40px;padding-bottom:60px} #sh_about .fl-r .gradient span{padding-bottom:20px;font-size:30px} #sh_about .fl-l{max-width:none;height:440px} #sh_about .fl-r h2{padding-bottom:25px} #sh_about .fl-r p.desc{max-width:85%;padding-bottom:25px;font-size:16px} #sh_about .fl-r p.desc:first-of-type{padding-bottom:16px} #sh_about .icore-list{padding-bottom:60px} #sh_about .icore-list .cont__tit{padding-bottom:22px} /* 기관 연혁 */ #sh_companny .vision-list{gap:12px;width:100%} #sh_companny .vision-list li{gap:12px} #sh_companny .area-mission .mission__main{padding:36px} #sh_companny .area-mission ul{gap:12px} /* 조직도 */ #sh_org .org-chart{padding-bottom:60px} #sh_org .org-table table colgroup col:first-child{width:22% !important} #sh_org .org-table table colgroup col:nth-child(2){width:28% !important} /* ==================================== Korean Education Professional Learning 과정 소개 */ .pagecommon .introduce-txt .txt--m{font-size:17px;font-weight:600} #sh_kepl_about .group-subcont .program > li{padding:50px 0 60px} #sh_kepl_about .group-subcont .program > li:last-child{padding-bottom:80px} #sh_kepl_about .group-subcont .program > li h3{font-size:24px} #sh_kepl_about .group-subcont .program > li p.desc{padding-bottom:34px} #sh_kepl_about .group-subcont .program .program__process{flex-direction:column} #sh_kepl_about .group-subcont .program .program__process .process-item{max-width:480px} #sh_kepl_about .group-subcont .program .program__process .process-item h4{font-size:17px} #sh_kepl_about .group-subcont .program .program__process .process-item .process-box{padding:24px} /* ==================================== IB Workshop 과정 소개 */ .pagecommon .program-list li .text-box h4{font-size:18px} #sh_ib_about .group-subtit{padding:115px 40px 36px} #sh_ib_about .group-subtit .blue-box p.cont__desc{font-size:16px} #sh_ib_about .group-subtit .blue-box img{max-width:64px} #sh_ib_about .group-subtit .logo--inha{max-width:280px;bottom:-54px;right:-28px} #sh_ib_about .group-subcont .introduce-txt:first-child{padding:70px 0} /* ==================================== IB Workshop 과정 소개 */ #sh_ib_workshop .group-subtit{padding-bottom:80px} #sh_ib_workshop .group-subtit .cont__tit{padding-bottom:20px} #sh_ib_workshop .group-subcont .list-box li{font-size:15px} #sh_ib_workshop .group-subcont h3{font-size:22px} #sh_ib_workshop .area-tab .tab__cont{padding-bottom:150px} #sh_ib_workshop .area-tab .tab__cont h3{font-size:22px} #sh_ib_workshop .area-tab .tab-menu{padding-bottom:54px} #sh_ib_workshop .area-tab .tab__cont.apply h3{padding-bottom:36px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li{gap:40px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li .icon{max-width:85px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li .text-box h4{font-size:18px} #sh_ib_workshop .area-tab .tab__cont .list-box{display:flex;flex-direction:column;gap:6px} #sh_ib_workshop .area-tab .tab__cont .notice{font-size:15px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply{gap:60px} #sh_ib_workshop .area-tab .tab-menu li{font-size:15px} /* ==================================== IBEC 과정 소개 */ #sh_ibec_about .group-subtit{padding-bottom:70px} #sh_ibec_about .cont__tit{padding-bottom:20px} #sh_ibec_about .table-box{padding-top:70px;margin-bottom:70px} } @media(max-width:1024px){ /* 서브페이지 공통 */ #sh_content_tit{display:none} .pagecommon .subtit-l{font-size:26px} .pagecommon .subtit-l.head__tit{padding-bottom:20px} .pagecommon .cont__tit{font-size:24px} .cm--workshop .btn--primary.btn--large{max-width:200px} /* 워크숍 폼 스타일 */ .pagecommon .table-box table thead th{font-size:14px} .pagecommon .table-box table thead th, .pagecommon .table-box table tbody tr > *{padding:16px 10px;font-size:15px} .pg_page{font-size:13px} .pg_current{font-size:13px} .cm--workshop .field__date{width:29% !important} .cm--workshop .list-status.status--confirm{max-width:80px} .cm--workshop .cont__head{padding-bottom:25px} .cm--workshop .btn--primary{max-width:174px;font-size:15px} .cm--workshop .head{font-size:14px} .cm--workshop .field{min-height:60px;font-size:14px} .cm--workshop .cont__head{padding-bottom:20px} .cm--workshop .cont__head .link-back{gap:4px;max-width:90px;font-size:13px} .cm--workshop .cont__head .link-back svg{width:15px;height:15px} #workshop_apply_view .persnal-data{padding-bottom:36px} #workshop_apply_view .persnal-data input[type="text"]:disabled{font-size:14px} #workshop_apply_view .table-box--view .field_num{display:none} #workshop_apply_view .field_name{width:36% !important} #workshop_apply_view .field_date{width:35% !important} /* 워크숍 신청 2단계 */ #workshop_apply_step2 .apply--agree table thead th:first-child{width:135px} #workshop_apply_step2 .apply--agree .radio-box{padding:18px 0 50px} #workshop_apply_step2 .apply--form ul li.form__item .check-field.ib{display:grid;grid-template-columns:repeat(2,1fr);padding:20px 0 20px 27px} #workshop_apply_step2 .apply--form ul li.form__item .field.meal{padding:20px 0 20px 27px} /* 워크숍 신청 3단계 */ #workshop_apply_step3 .form__item{padding:32px 30px} #workshop_apply_step3 .form__item .check-box-wrap .label-box h4{padding-bottom:10px;font-size:17px} #workshop_apply_step3 .check-box .check__custom.large{width:33px} #workshop_apply_step3 .check-box .check__custom.large svg{width:18px;height:18px} #workshop_apply_step3 .form__agree_all p{font-size:15px} #workshop_apply_step3 .form__agree_all .check-box{font-size:15px} #workshop_apply_step3 .notice{padding-bottom:20px} /* 워크숍 완료 */ #workshop_apply_complete .blue-box{padding:45px 20px 42px} #workshop_apply_complete .blue-box .cont__tit{padding-bottom:24px} #workshop_apply_complete .blue-box p.desc{padding-bottom:36px} /* 워크숍 신청 조회 + 취소 */ #workshop_apply_cancel .apply_list #cancelform .cancel--form .persnal-data{margin-bottom:36px;font-size:14px} #workshop_apply_cancel .apply_list #cancelform .cancel--form input[type="text"]:disabled{font-size:14px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li{font-size:14px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li .ic-check{width:19px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li svg{width:13px;height:13px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li::after{width:38px;margin:0 16px 0 11px} #workshop_apply_cancel .notice{font-size:14px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data{margin-bottom:55px;font-size:14px} #workshop_apply_cancel .head{max-width:170px} #workshop_apply_check .group-subcont .item-box{padding:46px 20px} #workshop_apply_check .group-subcont .item-box .cont__tit{padding-bottom:14px} #workshop_apply_check .group-subcont .item-box p.desc{padding-bottom:36px} #workshop_apply_check #checkform ul{padding-bottom:38px} /* ==================================================== ABOUT US */ /* 인사말씀 */ #sh_about .fl-l{height:390px} #sh_about .fl-r .gradient span{padding-bottom:16px;font-size:28px} #sh_about .fl-r h2{padding-bottom:20px} #sh_about .fl-r p.desc{padding-bottom:20px} #sh_about .icore-list ul{gap:10px} /* 기관 연혁 */ #sh_companny .group-subtit{padding-bottom:30px} #sh_companny .subtit-l:not(.head__tit){padding-bottom:20px} #sh_companny .vision-list{padding-bottom:60px} #sh_companny .vision-list li .overlay h3{padding-bottom:15px} #sh_companny .area-mission{padding-bottom:100px} #sh_companny .area-mission .mission__main{padding:30px} #sh_companny .area-mission ul li dt{font-size:18px} #sh_companny .area-mission ul li dd{font-size:15px} /* 조직도 */ #sh_org .org-chart{gap:26px} #sh_org .org-chart .org__director{max-width:390px} #sh_org .org-chart .org__director img{max-width:76px} #sh_org .org-chart .org__director .name-box{gap:8px;border-radius:9px} #sh_org .org-chart .org__director .name-box strong{font-size:16px} #sh_org .org-chart .org__director .name-box .name{font-size:22px} #sh_org .org-chart .org__team{gap:26px;width:80%} #sh_org .org-chart .org__team dl::before{top:-26px;height:26px} #sh_org .org-chart .org__team dt{padding:16px 20px;font-size:17px} #sh_org .org-chart .org__team dd ul li{padding:14px 0} #sh_org .org-table{margin-bottom:100px} /* ==================================== Korean Education Professional Learning 과정 소개 */ .pagecommon .introduce-txt .txt--m{font-size:16px} #sh_kepl_about .group-subtit{padding-bottom:60px} #sh_kepl_about .group-subcont .program > li{padding:40px 0 50px} #sh_kepl_about .group-subcont .program > li:last-child{padding-bottom:60px} #sh_kepl_about .group-subcont .program > li h3{font-size:20px} #sh_kepl_about .group-subcont .program > li p.desc{padding-bottom:30px;font-size:15px} #sh_kepl_about .group-subcont .program .program__process .process-item h4{font-size:16px} #sh_kepl_about .group-subcont .program .program__process .process-item .process-box{padding:20px} /* ==================================== IB Workshop 과정 소개 */ .pagecommon .program-list li{padding:15px 0} .pagecommon .program-list li .thumb-box{max-width:300px} .pagecommon .program-list li .text-box p.desc{font-size:15px} #sh_ib_about .group-subtit .logo--inha{max-width:250px;bottom:-50px} #sh_ib_about .group-subtit{padding:100px 40px 36px} #sh_ib_about .group-subtit .subtit-l{padding-bottom:20px} #sh_ib_about .group-subtit .blue-box{gap:20px} #sh_ib_about .group-subcont .introduce-txt:first-child{padding:60px 0} #sh_ib_about .group-subcont .introduce-txt:nth-of-type(2){padding:60px 0} /* ==================================== IB Workshop 과정 소개 */ #sh_ib_workshop .group-subtit{padding-bottom:70px} /* ==================================== IBEC 과정 소개 */ #sh_ibec_about .group-subtit{padding-bottom:60px} } @media (max-width:768px){ /* 서브페이지 공통 */ .pagecommon .subtit-l{font-size:24px} .pagecommon .cont__tit{font-size:22px} .pagecommon .btn--primary{gap:8px;padding:12px 20px;font-size:13px} .pagecommon .btn--primary svg{width:16px;height:16px} .pagecommon .cm-banner{margin-bottom:20px} .pagecommon .cm-banner .text-box h3{font-size:18px} .pagecommon .cm-banner .text-box p.desc{font-size:15px} .pagecommon .table-box{overflow-x:auto;padding-bottom:14px} .pagecommon .table-box:not(.table-box--view) table{min-width:640px} .pagecommon .table-box table thead th, .pagecommon .table-box table tbody tr > *{padding:16px 10px;font-size:14px} .pg_wrap{margin:50px 0 0} /* 워크숍 폼 스타일 */ .cm--workshop .persnal-data{flex-direction:column} .cm--workshop .btn--primary{max-width:158px;height:48px;font-size:15px} .cm--workshop .table-box--view table tbody td.wk_name{font-size:14px} .cm--workshop .table-box--view table tbody td.wk_date{font-size:13px} .cm--workshop .table-box--view .field__date{display:none} .cm--workshop .table-box--view .field__status, .cm--workshop .table-box--view .field__confirm{width:85px !important} .cm--workshop .table-box--view .field__count{width:125px !important} .cm--workshop .list-status{font-size:13px} .cm--workshop .field__name{width:67% !important} .cm--workshop .head{max-width:140px;padding-left:22px;white-space:pre-line} .cm--workshop .field{min-height:52px;padding:10px 22px} #workshop_apply_view{padding-bottom:100px} #workshop_apply_view .field_date{display:none} #workshop_apply_view .field_name{width:60% !important} #workshop_apply_view .field_status{width:105px !important} /* 워크숍 신청 1단계 */ #workshop_apply_step1{padding-bottom:190px} #workshop_apply_step1 .apply--cate li{gap:12px} #workshop_apply_step1 .apply--cate li .apply__item{padding:45px 20px 40px} #workshop_apply_step1 .apply--cate li .apply__item h4{padding-bottom:22px;font-size:20px} #workshop_apply_step1 .apply--cate li .apply__item p.desc{padding-top:24px} /* 워크숍 신청 2단계 */ #workshop_apply_step2{padding-bottom:130px} #workshop_apply_step2 .apply--agree h4{font-size:15px} #workshop_apply_step2 .apply--agree p{font-size:14px} #workshop_apply_step2 .apply--agree .radio-box label{font-size:14px} #workshop_apply_step2 .apply--agree .table-box{padding-bottom:0} #workshop_apply_step2 .apply--form ul li.form__item .check-field.ib{grid-template-columns:repeat(1,1fr);padding:20px 0 20px 22px} #workshop_apply_step2 .apply--form ul li.form__item .field.meal{gap:10px;padding:20px 0 20px 22px} #workshop_apply_step2 .apply--form ul li.form__item .field.meal > div{flex-direction:column;gap:14px} #workshop_apply_step2 .apply--form ul li.form__item .field.meal > div:last-child{gap:8px} #workshop_apply_step2 .apply--form ul li.form__item .field .check-box-group{flex-wrap:wrap;gap:9px 13px} /* 워크숍 신청 3단계 */ #workshop_apply_step3 .form__item{padding:26px 0} #workshop_apply_step3 .form__item .check-box-wrap{gap:16px} #workshop_apply_step3 .form__item .check-box-wrap .label-box h4{font-size:16px} #workshop_apply_step3 .form__item .check-box-wrap .label-box p.desc{font-size:14px} #workshop_apply_step3 .check-box .check__custom.large{width:30px} #workshop_apply_step3 .check-box .check__custom.large svg{width:16px;height:16px} #workshop_apply_step3 .form__agree_all{padding:24px 22px 24px 24px} #workshop_apply_step3 .notice{font-size:14px} /* 워크숍 완료 */ #workshop_apply_complete .blue-box .cont__tit{padding-bottom:18px} #workshop_apply_complete .blue-box p.desc{padding-bottom:32px;font-size:15px} /* 워크숍 신청 조회 + 취소 */ #workshop_apply_cancel{padding-bottom:140px} #workshop_apply_cancel .head{max-width:140px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data li:last-child .field{padding:14px 22px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process{flex-direction:column} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li{flex-direction:column} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li::after{margin:10px 0 8px 0;width:1px;height:25px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li .ic-check{font-size:17px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li svg{width:11px;height:11px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li::after{margin:6px 0;height:15px} #workshop_apply_cancel .confirm-box{padding-bottom:15px} #workshop_apply_cancel .confirm-box .btn--popup{font-size:13px} #workshop_apply_check .group-subcont .item-box{padding:36px 20px} #workshop_apply_check .group-subcont .item-box p.desc{padding-bottom:30px;font-size:15px} #workshop_apply_check #checkform .form__item label{max-width:70px;font-size:15px} /* 워크숍 조회 및 취소 팝업 공통 */ .cm--workshop .apply--popup{width:calc(100% - 40px)} .cm--workshop .apply--popup h2{padding:12px 16px;font-size:15px} .cm--workshop .apply--popup .text{padding:16px 20px} .cm--workshop .apply--popup p{padding-bottom:22px;font-size:14px} .cm--workshop .apply--popup label.check-box{font-size:14px} .cm--workshop .apply--popup .btn-wrap button{font-size:13px} .cm--workshop .apply--popup .btn-wrap{gap:8px} /* ==================================================== ABOUT US */ /* 인사말씀 */ #sh_about .col-2{gap:30px;padding-bottom:50px} #sh_about .fl-l{height:350px} #sh_about .fl-r .gradient span{padding-bottom:14px;font-size:26px} #sh_about .fl-r p.desc{max-width:90%;padding-bottom:12px;font-size:15px} #sh_about .fl-r p.desc:first-of-type{padding-bottom:12px} #sh_about .fl-r .sign-box b{font-size:16px} #sh_about .icore-list{padding-bottom:10px} #sh_about .icore-list ul li .icon{max-width:55px} #sh_about .icore-list ul li p{font-size:15px} #sh_about .icore-list ul li::after{font-size:60px} /* 기관 연혁 */ #sh_companny .vision-list{grid-template-columns:repeat(1,1fr);padding-bottom:50px} #sh_companny .vision-list li .item-box{aspect-ratio:unset;height:350px;background-position:center} #sh_companny .vision-list li .item-box.item01{background-position:center bottom 35%} #sh_companny .vision-list li .item-box.item02{background-position:center bottom 75%} #sh_companny .vision-list li .item-box.item04{background-position:center bottom 35%} #sh_companny .vision-list li.main{flex-direction:column;grid-column:unset} #sh_companny .area-mission ul{grid-template-columns:repeat(2,1fr)} #sh_companny .vision-list li .item-box.item01{background-image:url(../sh_page/img/p18_thumb01.jpg)} #sh_companny .vision-list li .item-box.item02{background-image:url(../sh_page/img/p18_thumb02.jpg)} #sh_companny .vision-list li .item-box.item03{background-image:url(../sh_page/img/p18_thumb03.jpg)} /* 조직도 */ #sh_org .org-chart{padding-bottom:26px} #sh_org .org-chart .org__director{max-width:360px} #sh_org .org-chart .org__director img{max-width:70px} #sh_org .org-chart .org__director .name-box strong{font-size:15px} #sh_org .org-chart .org__director .name-box .name{font-size:20px} #sh_org .org-chart .org__team{width:90%} #sh_org .org-chart .org__team dt{padding:14px 20px;font-size:16px;border-radius:10px} #sh_org .org-chart .org__team dd ul li{border-radius:10px} #sh_org .org-chart .org__team dd ul li .name{font-size:15px} #sh_org .org-table table colgroup col:first-child{width:22% !important} #sh_org .org-table table colgroup col:nth-child(2){width:22% !important} /* ==================================== Korean Education Professional Learning 과정 소개 */ .pagecommon .introduce-txt .txt--m{font-size:15px} #sh_kepl_about .group-subcont .program > li:last-child{padding-bottom:50px} #sh_kepl_about .group-subcont .program > li p.desc{padding-bottom:25px} #sh_kepl_about .group-subcont .program .program__process .process-item h4{padding:10px;font-size:15px} #sh_kepl_about .group-subcont .program .program__process .process-item .process-box{padding:17px 20px} /* ==================================== IB Workshop 과정 소개 */ .pagecommon .program-list li{gap:20px} .pagecommon .program-list li .thumb-box{flex-shrink:0;max-width:205px} .pagecommon .program-list li .text-box h4{padding-bottom:8px;font-size:16px} .pagecommon .program-list li .text-box p.desc{line-height:1.4} #sh_ib_about .group-subtit{padding:70px 20px 20px} #sh_ib_about .group-subtit .logo--inha{display:none} #sh_ib_about .group-subtit .subtit-l{text-align:center} #sh_ib_about .group-subtit .blue-box p.cont__desc{font-size:15px} #sh_ib_about .group-subtit .blue-box img{max-width:55px} #sh_ib_about .group-subcont .introduce-txt:first-child, #sh_ib_about .group-subcont .introduce-txt:nth-of-type(2){padding:50px 0} /* ==================================== IB Workshop 과정 소개 */ #sh_ib_workshop .group-subtit{padding-bottom:60px} #sh_ib_workshop .group-subcont h3{font-size:20px} #sh_ib_workshop .area-guide .list-box{margin-bottom:22px} #sh_ib_workshop .area-tab .tab__cont h3{font-size:20px} #sh_ib_workshop .area-tab .tab-menu{padding-bottom:28px} #sh_ib_workshop .area-tab .tab__cont.apply h3{padding-bottom:34px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply{gap:40px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li .icon{max-width:65px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li .text-box h4{font-size:16px} #sh_ib_workshop .area-tab .tab__cont .list-box{gap:4px} #sh_ib_workshop .area-guide .table-box{margin-bottom:40px} #sh_ib_workshop .area-tab .tab-menu li{font-size:14px;white-space:pre-line} #sh_ib_workshop .area-tab .tab__cont .notice{font-size:14px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li{gap:30px} #sh_ib_workshop .area-tab #tab04 .list-box{padding-bottom:35px} #sh_ib_workshop .area-tab #tab04 .table-box table{min-width:480px} /* ==================================== IBEC 과정 소개 */ #sh_ibec_about .group-subtit{padding-bottom:30px} #sh_ibec_about .table-box{padding-top:60px;margin-bottom:60px} #sh_ibec_about .table-box table thead th{text-align:center} } @media (max-width:580px){ .cm--workshop .list-status.status--confirm{max-width:70px} .cm--workshop .field__name{width:55% !important} .cm--workshop .table-box--view table tbody td.wk_name{font-size:13px} .cm--workshop .table-box--view .field__count{width:90px !important} .cm--workshop .table-box--view .field__status, .cm--workshop .table-box--view .field__confirm{width:78px !important} #workshop_apply_view .field_status{width:88px !important} } @media (max-width:480px){ /* 서브페이지 공통 */ .pagecommon .subtit-l.head__tit{display:none} .pagecommon .subtit-l{font-size:20px} .pagecommon .cont__tit{font-size:18px} .pagecommon .group-subtit .cont__desc{font-size:14px;white-space:normal} .pagecommon .cm-banner{padding:42px 20px;margin-bottom:0} .pagecommon .cm-banner .text-box h3{padding-bottom:5px !important;font-size:17px} .pagecommon .cm-banner .text-box p.desc{font-size:14px} /* 워크숍 폼 스타일 */ .pagecommon .table-box table thead th, .pagecommon .table-box table tbody tr > *{font-size:13px} /* .pagecommon .table-box table thead th, .pagecommon .table-box table tbody tr > *{font-size:12px} */ .cm--workshop .list-status{font-size:12px} .cm--workshop .list-status{max-width:56px;height:26px} .cm--workshop .list-status.status--confirm{max-width:56px} .cm--workshop .table-box--view .field__status, .cm--workshop .table-box--view .field__confirm{width:70px !important} .cm--workshop .table-box--view .field__count{width:85px !important} .cm--workshop .head{max-width:120px;padding-left:15px;font-size:13px} .cm--workshop .field{min-height:55px;padding:9px 15px;font-size:13px} .cm--workshop .btn--primary{max-width:140px;height:45px;font-size:14px} .cm--workshop .btn--primary svg{width:16px;height:16px} .cm--workshop .cont__head{padding-bottom:15px} .cm--workshop .cont__head .link-back{max-width:80px;height:32px;font-size:12px} .cm--workshop .cont__head .link-back svg{width:14px;height:14px} .cm--workshop form input[type="text"]{font-size:13px;padding:14px 12px} .cm--workshop form .field .check-box{font-size:13px} .pg_wrap{margin:40px 0 0} #workshop_apply_view{padding-bottom:40px} #workshop_apply_view .persnal-data input[type="text"]:disabled{font-size:13px} #workshop_apply_view .field_status.complete{display:none} /* 워크숍 신청 1단계 */ #workshop_apply_step1{padding-bottom:120px} #workshop_apply_step1 .apply--cate li .apply__item{padding:35px 20px 30px} #workshop_apply_step1 .apply--cate li .apply__item h4{padding-bottom:18px;font-size:17px} #workshop_apply_step1 .apply--cate li .apply__item p.desc{padding-top:20px;font-size:14px} #workshop_apply_step1 .btn--primary.download{max-width:160px} /* 워크숍 신청 2단계 */ #workshop_apply_step2{padding-bottom:40px} #workshop_apply_step2 .apply--form ul li.form__item.name_en .flex{flex-direction:column;width:100%} #workshop_apply_step2 .apply--form ul li.form__item.name_en input[type="text"]{max-width:none} #workshop_apply_step2 .apply--agree table tbody tr > *{padding:12px 15px} #workshop_apply_step2 .apply--form ul li.form__item .field{gap:8px;justify-content:flex-start} #workshop_apply_step2 .apply--form{padding-bottom:40px} /* 워크숍 신청 3단계 */ #workshop_apply_step3 .form__item{padding:22px 15px} #workshop_apply_step3 .form__item .check-box-wrap .label-box h4{padding-bottom:6px;font-size:15px} #workshop_apply_step3 .check-box{display:none} #workshop_apply_step3 .form__agree_all{padding:22px 20px} #workshop_apply_step3 .form__agree_all p{font-size:14px} #workshop_apply_step3 .form__agree_all .check-box{gap:5px;font-size:14px} #workshop_apply_step3 .form__agree_all .check-box .check__custom{width:14px} #workshop_apply_step3 .form__agree_all .check-box .check__custom svg{width:12px;height:12px} /* 워크숍 완료 */ #workshop_apply_complete .group-subcont{padding-bottom:130px} #workshop_apply_complete .blue-box{padding:40px 20px 42px} #workshop_apply_complete .blue-box .cont__tit{padding-bottom:15px} #workshop_apply_complete .blue-box p.desc{padding-bottom:28px} /* 워크숍 신청 조회 + 취소 */ #workshop_apply_cancel{padding-bottom:80px} #workshop_apply_cancel .head{max-width:108px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .persnal-data{font-size:13px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data{font-size:13px} #workshop_apply_cancel .head{max-width:140px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data .apply__process li{font-size:13px} #workshop_apply_cancel .apply_list #cancelform .cancel--form input[type="text"]:disabled{font-size:13px} #workshop_apply_cancel .apply_list #cancelform .cancel--form .workshop-data li:last-child .field{padding:12px 15px} #workshop_apply_cancel .notice{font-size:13px} #workshop_apply_check .group-subcont{padding-top:20px} #workshop_apply_check .group-subcont .item-box{border:none;padding:0 10px} #workshop_apply_check #checkform .form__item label{display:none} #workshop_apply_check #checkform .form__item input[type="text"]{max-width:none} /* ==================================================== ABOUT US */ /* 인사말씀 */ #sh_about .col-2{gap:22px;padding-bottom:40px} #sh_about .fl-l{height:230px} #sh_about .fl-r .gradient span{padding-bottom:10px;font-size:22px} #sh_about .fl-r p.desc{max-width:100%;font-size:14px} #sh_about .fl-r p.desc:first-of-type{padding-bottom:8px} #sh_about .fl-r h2{padding-bottom:16px} #sh_about .fl-r .sign-box{gap:3px} #sh_about .fl-r .sign-box b{font-size:15px} #sh_about .icore-list .cont__tit{padding-bottom:15px} #sh_about .icore-list ul li{flex-direction:column;gap:12px;padding:20px;text-align:center} #sh_about .icore-list ul li p{font-size:14px} #sh_about .icore-list ul li::after{display:none} /* 기관 연혁 */ #sh_companny .vision-list li .item-box{min-height:270px;height:auto} #sh_companny .vision-list li .item-box.item04{background-position:center bottom 20%} #sh_companny .vision-list li .item-box.item02{background-position:center bottom 76%} #sh_companny .vision-list li .overlay{padding:22px 24px} #sh_companny .vision-list li .overlay h3{padding-bottom:10px;font-size:16px} #sh_companny .vision-list li .overlay p.desc{font-size:14px} #sh_companny .area-mission{padding-bottom:0} #sh_companny .area-mission .mission__main{padding:24px} #sh_companny .area-mission ul{grid-template-columns:repeat(1,1fr)} #sh_companny .area-mission ul li{padding:22px 20px} #sh_companny .area-mission ul li dt{font-size:16px} #sh_companny .area-mission ul li dd{font-size:14px} #sh_companny .area-mission ul li dt::after{margin:12px 0;width:18px} /* 조직도 */ #sh_org .org-chart .org__director{max-width:325px;gap:16px;padding:15px 16px 15px 18px} #sh_org .org-chart .org__director img{max-width:62px} #sh_org .org-chart .org__director .name-box{gap:8px;aspect-ratio:unset;padding:20px 15px} #sh_org .org-chart .org__director .name-box strong{font-size:14px} #sh_org .org-chart .org__director .name-box .name{font-size:17px} #sh_org .org-chart .org__team dt{padding:12px 20px;font-size:15px} #sh_org .org-chart .org__team dl{gap:6px} #sh_org .org-chart .org__team dd ul li .name{font-size:14px} #sh_org .org-chart .org__team dd ul li .role{font-size:13px} #sh_org .org-chart{gap:20px;padding-bottom:20px} #sh_org .org-chart .org__team{gap:20px;width:100%} #sh_org .org-chart .org__team dl::before{top:-20px;height:20px} #sh_org .org-chart .org__team dd{flex-direction:column} #sh_org .org-table{margin-bottom:0} #sh_org .org-table table colgroup col:first-child{width:18% !important} #sh_org .org-table table colgroup col:nth-child(2){width:18% !important} /* ==================================== Korean Education Professional Learning 과정 소개 */ .pagecommon .introduce-txt .txt--m{font-size:14px;white-space:normal} #sh_kepl_about .group-subtit{padding-bottom:40px} #sh_kepl_about .group-subcont .program > li{padding:40px 0} #sh_kepl_about .group-subcont .program > li h3{padding-bottom:12px;font-size:16px} #sh_kepl_about .group-subcont .program > li p.desc{font-size:14px} #sh_kepl_about .group-subcont .program .program__process{gap:14px} #sh_kepl_about .group-subcont .program .program__process .process-item .process-box li{font-size:14px} /* ==================================== IB Workshop 과정 소개 */ .pagecommon .program-list{display:flex;flex-direction:column;gap:40px;border:none} .pagecommon .program-list li{flex-direction:column;gap:20px;border:none;padding:0} .pagecommon .program-list li .thumb-box{max-width:none} .pagecommon .program-list li .text-box h4{padding-bottom:5px;font-size:15px;text-align:center} .pagecommon .program-list li .text-box p.desc{font-size:14px;white-space:pre-line;text-align:center} #sh_ib_about .group-subtit{padding:27px 20px 20px} #sh_ib_about .group-subtit .subtit-l{padding-bottom:15px} #sh_ib_about .group-subtit .blue-box{padding:20px} #sh_ib_about .group-subtit .blue-box img{display:none} #sh_ib_about .group-subtit .blue-box p.cont__desc{font-size:14px;text-align:center} #sh_ib_about .group-subcont .introduce-txt:first-child, #sh_ib_about .group-subcont .introduce-txt:nth-of-type(2){padding:40px 0} /* ==================================== IB Workshop 과정 소개 */ #sh_ib_workshop .group-subtit{padding-bottom:42px} #sh_ib_workshop .area-tab .tab-menu{grid-template-columns:repeat(3,1fr);gap:5px} #sh_ib_workshop .area-tab .tab-menu li{border:none;border-radius:5px;background-color:#f5f5f5} #sh_ib_workshop .area-tab .tab-menu li.on{background-color:var(--point);color:#fff} #sh_ib_workshop .group-subcont h3{padding-bottom:12px;font-size:17px} #sh_ib_workshop .group-subcont .list-box li{font-size:14px} #sh_ib_workshop .area-tab .tab__cont{padding-bottom:50px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply{gap:22px} #sh_ib_workshop .area-tab .tab__cont .how-to-apply li .icon{display:none} #sh_ib_workshop .area-tab .tab__cont .notice{font-size:13px} #sh_ib_workshop .area-tab .tab__cont h3{font-size:17px} #sh_ib_workshop .area-tab .tab__cont.apply h3{padding-bottom:20px} #sh_ib_workshop .area-tab #tab04 .list-box{padding-bottom:20px} #sh_ib_workshop .area-guide .list-box li.notice::before{font-size:11px;top:2px;left:-2px} /* ==================================== IBEC 과정 소개 */ #sh_ibec_about .table-box{padding-top:30px;margin-bottom:20px} } @media (max-width:390px){ .cm--workshop .field__name{width:48% !important} .cm--workshop .table-box--view .field__count{display:none} .cm--workshop .table-box--view .field__status, .cm--workshop .table-box--view .field__confirm{width:55px !important} /* 워크숍 신청 3단계 */ #workshop_apply_step3 .agree--form{padding-bottom:40px} #workshop_apply_step3 .form__item{padding:18px 0} #workshop_apply_step3 .form__item .check-box-wrap .label-box h4{font-size:14px} #workshop_apply_step3 .form__item .check-box-wrap .label-box p.desc{font-size:13px} #workshop_apply_step3 .form__agree_all p{font-size:13px} #workshop_apply_step3 .form__agree_all .agree-box{flex-direction:column;gap:16px;text-align:center} #workshop_apply_step3 .form__agree_all p{word-break:keep-all} #workshop_apply_step3 .form__agree_all .check-box{font-size:13px} } /* 반응형 [e] */