@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{} #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-box{} #workshop_apply_step2 .apply--agree .table-box table{} #workshop_apply_step2 .apply--agree table thead{} #workshop_apply_step2 .apply--agree table thead tr{} #workshop_apply_step2 .apply--agree table thead th{padding: 14px 20px;font-size: 14px;} #workshop_apply_step2 .apply--agree table tbody{} #workshop_apply_step2 .apply--agree table tbody tr{} #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 table tbody td{} #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--agree .radio-box label input{} #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] */ /* ==================================== 구) css */ /* 공통 */ .clearfix {overflow:auto;} .clear {clear:both;display:inline;} .blk {text-indent:-9999px;font-size:0;line-height:0;} .h10 {height:10px;} .h15 {height:15px;} .h20 {height:20px;} .h25 {height:25px;} .h30 {height:30px;} .h35 {height:35px;} .h40 {height:40px;} .h45 {height:45px;} .h50 {height:50px;} .pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt20 {padding-top:20px;} .pt30 {padding-top:30px;} .pt40 {padding-top:40px;} .pt50 {padding-top:50px;} .str_b {color:#424242;font-weight:bold;} .strb_red {font-weight:bold;color:#fe5556;} .strb_black {font-weight:bold;color:#333333;} /* 테이블 공통 */ .tbl_basic {margin:-20px 0 10px;width:100%;} .tbl_basic caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_basic thead th {padding:10px 0;border-top:2px solid #fe5556;border-bottom:1px solid #727272;border-right:1px solid #727272;background:#565656;color:#ffffff;font-size:0.95em;text-align:center;letter-spacing:-0.02em} .tbl_basic thead th.last {border-right:none;} .tbl_basic tbody th {padding:8px 0;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;background:#f8f8f8;text-align:center;} .tbl_basic tbody th.last {border-right:none;} .tbl_basic td {padding:5px 15px;border-bottom:1px solid #eaeaea;line-height:1.5em;word-break:break-all} .tbl_basic .in_td {border-right:1px solid #eaeaea;} /* 오른쪽 라인 */ .tbl_basic .ct {text-align:center;} /* 센터정렬 */