@charset "utf-8";

/* header */
.header-login__btn {
    padding: 0.6em 1em;
    border-radius: 20px;
    background: #2699FB;
    color: #fff;
}

/* common */
.main_sec:not(:last-child) {
    margin-bottom: 1.2em;
}
.main-col-3 {
    display: flex;
}
.main-col-3 .col {
    width: calc(100% / 3);
}
.main-col-3 .col:not(:last-child) {
    margin-right:0.5em; 
}

.main-content__title {
    font-size: 1.4em;
    font-weight: 700;
    color: #000;
}
.main-content__title._center {
    text-align: center;
}
.main-content__title .square {
    display:inline-block; 
    margin:0 0 0 1em; 
    padding:0 0.4em; 
    border:1px solid #448dc7;
    font-size: 0.7em; 
    line-height:1.6em; 
    color:#448dc7;
}
.main-content__title strong > .ft_extra {
    font-size: 0.7em;
    vertical-align: baseline;
}

.main-content__outline {
    position:relative; 
    padding:0.9em 1.0em;
    border:1px solid #ddd;    
    border-radius: 5px; 
    background:#fff; 
}
.main-content__outline .fonti {
    position:absolute; 
    top:50%; 
    right:1.2em;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%); color:#888;
}

/* 보육교직원 */
.main-content__outline.special_edu {
    padding: 1.63em 1em;
}

/* content slide */
.main-content__slide ._item {
    display: flex;
    align-items: center;
    margin: 0 2px;
}
.main-content__slide ._item .main-content__ico {
    width: 18%;
    margin-right: 0.5em;
}
.main-content__slide ._item .main-content__textbox .main-content__price{
    display: flex;
}
.main-content__slide ._item .main-content__textbox .main-content__price .price {
    margin-right: 3px;
    text-decoration: line-through;   
}
.main-content__slide ._item .main-content__textbox .main-content__price p:not(:last-child) {
    font-weight: 700;
    color: #000;
}
.main-content__slide ._item .main-content__textbox .main-content__price p + p > span {
    margin: 0 3px;
}

.main-content__slide.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 3px;
}
.main-content__slide.owl-theme.owl-theme .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
}

/* 열공 이벤트 */
.main_sec03 {
    margin: 1.6em 0;
}
.main_sec03 .main-content__title {
    margin-bottom: 10px;
}
.study-evt__list .study-evt__item {
    text-align: center;
}
.study-evt__list .study-evt__item a {
    display: inline-block;
}
.study-evt__list .study-evt__item a > p {
    font-weight: 600;
}
.study-evt__list .study-evt__item a > img {
    width: 100%;
    max-width: 88%;
    margin-bottom: 7px;
}

/* 하단 링크 */
.main-link__list .main-link__item {
    overflow: hidden;
    border-radius: 5px;
}
.main-link__list .main-link__item a { 
    display:block;
    position:relative; 
    padding:0 0 80%; 
    color:#fff;
}
.main-link__list .main-link__item a h2 {
    position:absolute; 
    top:0.5em; 
    left:0.8em; 
    font-size:1.2em; 
    font-weight:700; 
    color:#fff;
}
.main-link__list .main-link__item img {
    position:absolute; 
    right:0.15em; 
    bottom:0.15em;
    width: 20%; 
    font-size:3.2em; 
    opacity:.4;
}

/** mOTP */
.motp_area {width: 100%;font-size: 14px;}
.motp_area .motp_title {position: relative; padding:0 30px; background:#448dc7;font-size:20px; font-weight:700; line-height:60px; color:#fff;}
.motp_area .motp_title button {display: block;position: absolute;top: 0;right: 0; width: 60px;height: 60px;border: none;background: #448dc7;color: #fff;cursor: pointer;}

/* mOTP 공용 */
.motp_contents {padding: 0 10px;}
.mOTP-title__box {margin-bottom: 30px;text-align: center;}
.mOTP-title__box .mOTP-title__desc {display: block;line-height: 1.5;word-break: keep-all;}
.mOTP-title__box .mOTP-title__desc > strong {color: #1573ca;}
.__list-arrow li::before {display: inline-block; content: '';width: 8px;height: 13px;margin-right: 5px;background: url(/images/mOTP/mOTP_arrow.png) no-repeat center;background-size: 80%;vertical-align: middle;}
.mOTP__header {display: table;width: 100%;max-width: 1000px;margin: 0 auto;padding: 20px 0;} 
.mOTP__header .certify-img {display: block;width: 65px;height: 65px;margin: 10px auto 28px;}
.mOTP__header .info-text {display: block;line-height: 1.3;vertical-align: middle;word-break: keep-all;}
.mOTP-textbox__gray {margin: 0 auto 60px;padding: 20px 10px;border-radius: 20px;background: #f5f5f5;}
.input_area input[type=button].mOTP-btn {display: inline-block;width: 100%;height: auto;margin-top: 10px; padding: 14px 30px;border: 1px solid #1573ca;border-radius: 30px;background: #1573ca;font-size: 18px;font-weight: 800;line-height: 1;color: #fff;cursor: pointer;}
.input_area input[type=button].mOTP-btn.active {border: 1px solid #004686;background: #004686;}

/* mOTP */
.mOTP-numInput {margin-bottom: 26px;color: #1573ca;}
.mOTP-numInput.__center {text-align: center;}
.mOTP-numInput .input_area {display: inline-block;margin-right: 20px;}
.mOTP-numInput .input_area input[type=text] {width: 40px; height: 42px;padding: 8px;border:1px solid #888;border-radius: 4px;font-size: 22px; text-align: center;}
.mOTP-numInput .input_area input[type=text]:focus {border: 2px solid #1573ca;}

.mOTP-desc {padding: 18px;border-radius: 10px;background-color: #fff;font-size: 0.93em;}

.auth-btn__wrap {margin: 3px 0 0 0;}
.auth-btn {display: inline-block; width: 100%;max-width: 110px;height: 23px; padding: 0 10px;border: 1px solid #8e9599;font-size: 0.92em;line-height: 21px;color: #313538;text-align: center;text-decoration: none;vertical-align: baseline;}
.auth-btn:hover {border: 1px solid #1573ca;color: #1573ca;}

/* mOTP 설치 방법 */
.mOTP-howto .title__box {margin-bottom: 26px;text-align: center;}
.mOTP-howto .title__box .mOTP-title{display: block;margin-bottom: 16px;font-size: 2.4em;font-weight: 800;text-align: center;}
.mOTP-howto .title__box .mOTP-title__desc {display: block;line-height: 1.5;word-break: keep-all;}
.mOTP-howto .title__box .mOTP-title__desc::after {display: block;content: '';width: 10%;height: 1px;margin: 40px auto 20px;background: #d1d1d1;}
.mOTP-howto .title__box .mOTP-title__desc > strong {font-weight: 800;color: #1573ca;}
.mOTP-howto .title__box .mOTP-title__desc .mobile_none {display: inline-block;width: 100%;}

.mOTP-howto .howto-list {width: 100%;margin-bottom: 70px;}
.mOTP-howto .howto-list::after {display: block;content: '';clear: both;}
.mOTP-howto .howto-list .howto-item {margin-bottom: 5em; text-align: center;}

.howto-item .mOTP-title__box {margin-bottom: 30px; text-align: center;}
.howto-item .mOTP-title__box .mOTP-step {display: inline-block; margin: 0 auto 1em; padding: 0.3em 0.8em; border-radius: 2em;background: #1D69CC;font-size: 1em;font-weight: 800;color: #fff;vertical-align: top;}
.howto-item .mOTP-title__box .mOTP-title {display: inline-block; width: 100%; font-size: 1.2em;font-weight: 800;vertical-align: middle;}
.howto-item .mOTP-title__box .mOTP-title__desc {display: block;line-height: 1.5;word-break: keep-all;}
.howto-item .mOTP-title__box .mOTP-title__desc > strong {color: #1573ca;}

.howto-item.__defaultnum {border: 1px solid #c8c8c8;background: #f8f8f8;}
.howto-item.__defaultnum .mOTP-title__box {height: 44px;margin-bottom: 0;padding: 0 1.3em;background: #989898;line-height: 44px;color: #fff;}
.howto-item.__defaultnum .mOTP-title__box .icon {width: 24px;vertical-align: middle;}
.howto-item.__defaultnum .mOTP-howto_group {padding: 30px 0;}

.mOTP-howto_group .mOTP-howto_img {display: inline-block; width: 100%; max-width: 550px; margin: 0 auto;	}
.mOTP-howto_group.__w280 .mOTP-howto_img {max-width: 280px;margin: 0 2em;}
.mOTP-howto_group .mOTP-howto_img > img {width: 100%; max-width: 100%; border: 1px solid #eaeaea;}
.mOTP-howto_group .mOTP-howto_img .howto-desc {margin-top: 1em;font-size: 1em;line-height: 1.5;word-break: keep-all;}
.mOTP-howto .howto-list .howto-item .howto-desc > strong {font-weight: 800;color: #1573ca;}

/* 모바일에서 설치 링크 */
.mOTP-btn_area {display: table; width: 100%; margin: 3px 0 10px 0; padding: 0px; text-align: center; list-style: none;}
.mOTP-btn_area .install-link {display: table-cell;width: 50%;}
.mOTP-btn_area .install-link:last-child {padding-right: 0;}
.mOTP-btn_area .install-link > a {display: inline-block; width: 86%; padding: 5px 5px;border: 1px solid rgb(196, 196, 196);border-radius: 36px;background: #f8f8f8;font-size: 1.2em;font-weight: 700; line-height: 1.2; color: #a6a6a6;cursor: pointer;}
.mOTP-btn_area .install-link.current > a {border: 1px solid #1573ca;background: #eef7ff;color: #1573ca;}

/** motp modal */
.motp_modal_pop {display: none;overflow-y: hidden;position: fixed; top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;width: 100%; height: 100%;padding: 20px 0; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 10px 10px 0 rgb(48 49 51 / 7%); opacity: 1;}
.motp_modal_pop .modal { position: absolute;top: 50%;left: 50%; z-index: 9999;transform: translate(-50%, -50%);width: 100%;max-width: 550px;background-color: #fff;}
.motp_modal_pop .modal .modal_header {position: relative;padding: 16px 0;border-bottom: 1px solid #e2e2e2;background-color: #61696f;color: #fff;}
.motp_modal_pop .modal .modal_header .modal_title {padding: 0 20px;font-size: 1.54em;font-weight: 800;}
.motp_modal_pop .modal .modal_header .modal-close_btn {position: absolute;top: 50%;right: 20px;transform: translateY(-50%); width: 18px; height: 18px; padding: 0; border: none; background: transparent; cursor: pointer;}
.motp_modal_pop .modal .modal_header .modal-close_btn img {width: 100%;}
.motp_modal_pop .modal .modal_header .modal-close_btn > span {position: absolute;top: 50%;right: 25%;transform: translate3d(0, -50%, 0) rotate(45deg);width: 50%;height: 1px; background-color: #000;}
.motp_modal_pop .modal .modal_contents {padding: 50px 45px 60px;text-align: center;}
.motp_modal_pop .modal .modal_contents .modal__img-holder {margin-bottom: 18px;text-align: center;}
.motp_modal_pop .modal .modal_contents .modal__text-box {display: flex; justify-content: center;margin-bottom: 20px;text-align: left;word-break: keep-all;}
.motp_modal_pop .modal .modal_contents .alternative-auth__list .alternative-auth__item {margin: 5px 0;}
.motp_modal_pop .modal .modal_contents .alternative-auth__list .alternative-auth__item .alternative-auth__btn {width: 100%;padding: 10px 20px;border: 1px solid #448dc7;border-radius: 20px;background-color: #448dc7;line-height: 1;color: #fff; cursor: pointer;}
.motp_modal_pop .modal .modal_contents .alternative-auth__list .alternative-auth__item .alternative-auth__btn.__gray {border: 1px solid #b6b6b6;background-color: #f4f4f4;color: #818181;}






/** 220902 ucc공모전 2회 동영상접수*/
.center_story02.ucc_02 {padding: 0 0 0 0;}

/** 220728 수강후기 공모전 */
.layer_popup_wrap.__attend_reivew .layer_popup .layer_popup_tit h2 {padding: 0 9% 0 5%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pointcolor__dd4210 {color: #dd4210 !important;}

.attend_reivew .tab-contents {position: relative; color: #222;}
.attend_reivew .tab-contents .event_end {position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: #fff9;z-index: 9;}
.attend_reivew .tab-contents .event_end h2 {position: relative;top: 50%;text-align: center;font-size: 26px;font-weight: 800;color: #448dc7;}

.attend_review__maincover {width: 100%;}

.select_wrap.__attend_reivew {display: flex; justify-content: flex-end; z-index:99; margin: 5px 5px 5px 5px;}
.select_wrap.__attend_reivew::after {top:1.8em;right: 2em;}
.select_wrap.__attend_reivew select.attend_reivew__selectbox {width: 50%; height: 3.2em; margin-right: 10px; border: 2px solid #d4c3c1;}

.attend_reivew ul.tab01 {margin-bottom: 10px;}
.attend_reivew ul.tab01 li{width:33.333%;cursor: pointer;}
.attend_reivew ul.tab01 li span{display:block;position:relative; font-size:16px; font-weight:700; line-height:60px; color:#666; text-align:center;}
.attend_reivew ul.tab01 li.on span{color:#448dc7;}
.attend_reivew ul.tab01 li.on span:after{display:block;content:""; position:absolute; left:0; bottom:-2px; width:100%; height:2px; background:#448dc7;}
 
.review-schedule__title { margin-top: 35px;text-align: center;}
.review-schedule__title > img {width: 100%; max-width: 95px;}

.review-info__list {padding: 0 0;}
.review-info__list .review-info__item {margin-bottom: 20px;}
.review-info__list .review-info__item .review-info__subtitle {display:inline-block; width: 100%; max-width: 20%; min-width: 75px; margin-right: 9px; padding: 2px 0; border: 2px solid #795d59; border-radius: 20px; background-color: #fff; font-size: 1.1em; font-weight: bold; color: #795d59; text-align: center;}
.review-info__list .review-info__item .review-info__desc {display: inline-block; width: calc(100% - 75px - 9px - 16px); margin-top: 3px; font-size: 1.1em; font-weight: bold; line-height: 1.8;}
.review-info__list .review-info__item .review-info__desc.__block {display: block; width: calc(100% - 26px); margin: 7px auto 0;}
.review-info__list .review-info__item .review-info__desc > p > i {font-size: 12px; color: #666666; vertical-align: baseline;}

.attend_review-content {height: 100%;margin: 0 auto; padding: 0 15px;}

.review-schedule__table {width:100%; margin:0 auto 26px; padding-top: 14px; text-align: center; border-collapse: unset; border-spacing: 2px;}
.review-schedule__table th {width:calc(100% / 3); height:30px; background-color: #795d59; font-size:15px; font-weight: bold; color: #fff;}
.review-schedule__table th,
.review-schedule__table td {border: 1px solid #795d59; vertical-align: middle;}
.review-schedule__table td {height:50px; background-color: #fff; font-size: 12px; color: #222222;}

.cardnews-ex__list {display: flex; justify-content: center; margin: 0 auto 30px; font-weight: 400;}
.cardnews-ex__list .cardnews-ex__item {width: calc(100% / 4); margin-top: 8px; margin-right: 9px; text-align: center;}
.cardnews-ex__list .cardnews-ex__item .img-holder {display: inline-block; overflow: hidden; width: 100%; border-radius: 10px;}
.cardnews-ex__list .cardnews-ex__item .img-holder:not(:last-child) {border: 1px solid #efefef;}
.cardnews-ex__list .cardnews-ex__item .img-holder img {width: 100%;}
.cardnews-ex__list .cardnews-ex__item .ex-text {display: inline-block; margin-top: 5px;font-size: 11px;}

.awards__table {width: 100%;border-top: 2px solid #84b6a2;color: #222;text-align: center;}
.awards__table thead {background-color: #d8eee5;}
.awards__table thead tr th,
.awards__table tbody tr td {width: calc(100% / 3);height: 26px;}
.awards__table thead tr th:not(:last-child) {border-right: 1px solid #fff;}
.awards__table tbody tr td {border-bottom: 1px solid #d6d6d6; font-weight: 400;}
.awards__table tbody tr td:not(:last-child) {border-right: 1px solid #d6d6d6;}

.modal_box.modal_cardnews-ex_01 .content,
.modal_box.modal_cardnews-ex_02 .content,
.modal_box.modal_cardnews-ex_03 .content,
.modal_box.modal_cardnews-ex_04 .content {padding: 0 0;}
.modal_box .content .cardnewEx-img {max-width: 720px;}
.modal_box .content .cardnewEx-img > img {width: 100%;}

#cardnews-ex_01Modal,
#cardnews-ex_02Modal,
#cardnews-ex_03Modal,
#cardnews-ex_04Modal {transform: translateX(-50%);width: 720px;height: 720px;max-height: 780px;margin-top: -366.5px;margin-left: 0;}


/** 수강후기 공모전 - 접수하기  */
.review-receive {position: relative;}
.reivew-receive-contents {height: 100%; margin: 35px auto 0; padding: 0 15px;}
.reivew-receive-contents .form_area {padding: 0 13px;}
.reivew-receive-contents .form_area .review_input {width: 100%;}
.reivew-receive-contents .form_area .review-notice {margin-bottom: 8px; padding: 15px 10px; border: 1px solid #fff9f0;background: #fff9f0; font-size: 9px; letter-spacing: -0.5px; word-break: keep-all;}
.reivew-receive-contents .form_area .fildset {margin-bottom: 8px;}
.reivew-receive-contents .form_area .fildset .fildset_box {padding: 15px 10px; border: 1px solid #f0f0f0;background: #fff; font-size: 9px; letter-spacing: -0.5px; word-break: keep-all;}
.reivew-receive-contents .form_area .fildset .fildset_box.-gry {background: #f0f0f0;}
.reivew-receive-contents .form_area .fildset .fildset_box .fildset-title,
.reivew-receive-contents .form_area .review-notice .fildeset_box .fildset-title {display: block; margin-bottom: 8px; font-size: 1em; font-weight: bold;}
.reivew-receive-contents .form_area .fildset .fildset_box .indent {margin-left: 0.56em;}
.reivew-receive-contents .form_area .checkbox_wrap {display: block; margin-top: 7px; text-align: right;}
.reivew-receive-contents .form_area .checkbox_wrap label {font-size: 0.8em; font-weight: 400; color: #444;}
.reivew-receive-contents .form_area .checkbox_wrap input[type=checkbox] + label span.fonti.um-square-o,
.reivew-receive-contents .form_area .checkbox_wrap input[type=checkbox] + label span.fonti.um-check-square-o {vertical-align: text-top;}
.reivew-receive-contents .form_area .checkbox_wrap input[type=checkbox]:checked + label span.fonti.um-square-o {display: none;}
.reivew-receive-contents .form_area .checkbox_wrap input[type=checkbox]:checked + label span.fonti.um-check-square-o {display: inline-block; color: #795d59;}
.reivew-receive-contents .review_input {width: 100%; height: 1.93em; padding: 6px 6px 6px 6px; border: 1px solid #a7a7a7;}
.reivew-receive-contents .file_form input[type='file'] {position: absolute; top: 0;left: 0;right: 0;bottom: 0;z-index: 99;width: 100%; height: 100%;opacity: 0;clip: auto;}
.reivew-receive-contents .file_form {display: inline-block;position: relative;width: 100%;}
.reivew-receive-contents .file_form .review_input {display: block; overflow: hidden; width: calc(100% - 74px); height: 2em; padding: 0 0 0 0.5em; line-height: 2em; text-overflow: ellipsis; white-space: nowrap;}
.reivew-receive-contents .file_form .review_input::after {content: '파일선택';position: absolute;top: 0;right: 0; width: 6.07em; height: 2.17em; background-color: #a7a7a7; line-height: 2.17em;color: #fff; text-align: center;}

.review-file-submit__btn {width: calc(100% - 26px); height: 3.05em; margin-top: 2.5em; border: 1px solid #c65a5a; border-radius: 5px; background-color: #c65a5a; font-size: 1.2em; line-height: 3.05em; color: #fff; text-align: center;}
.review-instead__btn { height: 56px; margin-top: 40px;  font-size: 12px; line-height: 56px; color: #c65a5a; text-align: center;}


/** 수강후기 공모전 - 수상작발표  */
.review-awards__maincover {width: 100%;}
.review-awards .reivew-awards-contents {margin: 1.5em auto; padding: 0 5%;}
.review-awards .review-awards__tb {width: 100%; margin: 0 auto; padding-top: 120px; border-top:1px solid #ddd;font-size:13px; color: #666;}
.review-awards .review-awards__tb tbody th {width: 20%; padding:0.3em;border:1px solid #ddd;background: #f9f9f9; font-size: 0.95em; font-weight: bold; word-break: keep-all; letter-spacing: -0.5px; text-align: center; vertical-align:middle;}
.review-awards .review-awards__tb tbody th:first-child,
.review-awards .review-awards__tb tbody td:first-child {border-left: none;}
.review-awards .review-awards__tb tbody th:last-child,
.review-awards .review-awards__tb tbody td:last-child {border-right: none;}
.review-awards .review-awards__tb tbody td{width: 80%; padding: 0.5em; border:1px solid #ddd; border-top: none; font-size: 0.95em; text-align:center; vertical-align:middle;}

.review-awards .review-awards__tb .sample {display: flex; align-items: center; flex-wrap: wrap;}
.review-awards .review-awards__tb .sample_img {margin-right: 0.6em; width: 80px; max-width: 60px; min-width: 60px; border-radius: 8px; overflow: hidden;}
.review-awards .review-awards__tb .sample_img,
.review-awards .review-awards__tb .sample_title {text-align: left; vertical-align: middle; word-break: break-word;}
.review-awards .review-awards__tb .sample_title {width: calc(100% - 80px);}
.review-awards .review-awards__tb .sample_title > span { font-size: 0.95em;color: #aaa;}

/*board_tab (필수의무교육 수강후기 리스트) */
.board_tab dl dt span.board_tab_tit{display:inline-block; width:87%; white-space:nowrap; word-wrap:normal; overflow:hidden; text-overflow:ellipsis;}

.board_tab01{margin: 0; padding: 0px; border-top:1px solid #ddd;}
.board_tab01 dl{border-bottom:1px solid #ddd;}
.board_tab01 dl dt{position:relative; font-size: 1.3em; font-weight:700; color:#222; cursor:pointer; padding:12px 10px; background-color: #fcfcfc;}
.board_tab01 dl dt strong{display:inline-block; *zoom:1; *display:inline; font-size: 0.85em; color:#448dc7; font-weight:400; padding:1px 0 0; margin:0 29px 0 0;}
.board_tab01 dl dt span.fonti{position:absolute; top:50%; right:10px; margin:-5px 0 0; font-size:16px; color:#ddd;}
.board_tab01 dl dd{display:none; border-top:1px solid #ddd;}
.board_tab01 dl dd{position:relative; padding: 20px 15px; background:#f9f9f9;}
.board_tab01 dl dd p{position:relative; z-index:2;}
.board_tab01 dl dd span.writer{display:block; color:#222; margin:18px 0 0;}
.board_tab01 dl dd span.fonti{font-size:60px; color:#ddd; position:absolute; bottom:30px; right:30px; z-index:1;}
.board_tab01 dl:first-child dd{display:block;}