@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");/* 2024.12.03 */

body,input,button,selct,textarea {font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; font-size:14px; margin:0; padding:0; border:none;}
html,body {height:100%;width: 100%;}
/* select {-webkit-appearance: none; } */

@media (max-width:360px){html{font-size:10px;}}
@media (min-width:361px) and (max-width:399px){html{font-size:11px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:12px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:13px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:14px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:15px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:16px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:17px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:18px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:19px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:20px;}}
@media (min-width:760px) and (max-width:799px){html{font-size:21px;}}
@media (min-width:800px) and (max-width:839px){html{font-size:22px;}}
@media (min-width:840px) and (max-width:879px){html{font-size:23px;}}
@media (min-width:880px){html{font-size:24px;}}

@media only screen and (min-width: 768px) {
  #cd-top-nav {
    display: block;
  }
}

/*layout*/
#contents .nav {width:100%; height:40px; background:#e3e3e3; margin-bottom:30px;}
#contents .nav h3 {padding-left:20px; font-size:15px; line-height:40px;}

.float-group { *zoom:1; }
.float-group:after { content:" "; display:block; clear:both; }
.float-left {float:left !important;}
.float-right {float:right !important;}

/******************************************************************모바일웹 메인*********************************************************************************/
/***********메뉴 2021.04.16 수정*********/
body.fixed{height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
#sidemenu_wrapper{position:fixed; left:100%; top:0; bottom:0; width:100%; background:#fff; box-sizing:border-box; z-index:998; overflow:auto;}
#sidemenu_wrapper .sidemenu_cont .sidemenu_inner {overflow:visible; height:100%;}
#sidemenu_wrapper .side_header{position:relative; height:75px; background:#0082ff;}
#sidemenu_wrapper .side_menu{border-bottom:1px solid #0082ff; padding:20px 0;}
#sidemenu_wrapper .side_menu ul{text-align:center; font-size:0; padding:0 10px;}
#sidemenu_wrapper .side_menu ul li{display:inline-block; font-size:14px; width:50%;}
#sidemenu_wrapper .side_menu ul li a{position:relative; font-size:15px; font-weight:300; color:#0082ff; line-height:30px;}
#sidemenu_wrapper .side_menu ul li span{display:inline-block; padding-left:30px; letter-spacing:-1px;}
#sidemenu_wrapper .side_menu ul li:first-child span{background:url(http://www.caedu.co.kr/images/design/2021/0416_menu/icon_tel.png) 0 50% no-repeat; background-size:20px;}
#sidemenu_wrapper .side_menu ul li.on a span{color:#a0c8ff; background:url(http://www.caedu.co.kr/images/design/2021/0416_menu/icon_tel02.png) 0 50% no-repeat; background-size:20px;}
#sidemenu_wrapper .side_menu ul li:last-child span{background:url(http://www.caedu.co.kr/images/design/2021/0416_menu/icon_inquiry.png) 0 50% no-repeat; background-size:20px;}

#sidemenu_wrapper .side_footer{border-top:1px solid #555; padding:20px 0;}
#sidemenu_wrapper .side_footer ul{text-align:center; font-size:0;}
#sidemenu_wrapper .side_footer ul li{display:inline-block; width:50%;}
#sidemenu_wrapper .side_footer ul li a{display:inline-block; height:29px;}
#sidemenu_wrapper .side_footer ul li a img{height:29px;}

#sidemenu_wrapper .btn_home {position:absolute; left:10px; bottom:10px; height:40px; width:40px; background:url(http://www.caedu.co.kr/images/design/2021/0416_menu/icon_home.png) 50% 50% no-repeat; background-size:20px 20px; text-indent: -9999px; font-size: 0;}
#sidemenu_wrapper .btn_sidemenu_close {position:absolute; right:10px; bottom:10px; height:40px; width:40px; background:url(http://www.caedu.co.kr/images/design/2021/0416_menu/icon_sidemenu_close.png) 50% 50% no-repeat; background-size:18px; text-indent: -9999px; font-size: 0;}

/* 2021.08.26 */
.txt_login{position:absolute; bottom:16px; left:40px; color:#fff; line-height:28px; font-size:14px; border-radius:20px; padding:0 14px; letter-spacing:-1px;}
.btn_login{position:absolute; bottom:16px; right:60px; color:#fff; border:1px solid #fff; line-height:26px; font-size:14px; border-radius:20px; padding:0 14px;}
/*// 2021.08.26 */

#gnb {position:relative;}
#gnb > ul {background-color:#f5f5fa; overflow:hidden; width:187px; height:60vh; min-height:280px;}
#gnb > ul > li {width:187px;}
#gnb > ul > li .dp1{position:relative; display:block; padding-left:48px; height:50px; line-height:50px; border-bottom:1px solid #e6e6e6; box-sizing:border-box; text-align:left; color:#111; font-size:16px; letter-spacing:-1px;}
#gnb > ul > li.active .dp2{display:block;}
#gnb > ul > li.active .dp1{position:relative; background:#fff; border-bottom:1px solid #fff;}
#gnb > ul > li .dp1 i{position:absolute; left:18px; top:50%; margin-top:-10px; display:inline-block; width:20px; height:20px;}
#gnb > ul > li .dp1 .icon01{background:url(http://www.caedu.co.kr/images/design/2021/0416_menu/icon_menu01.png) 50% 50% no-repeat; background-size:20px;}
#gnb > ul > li .dp1 .icon02{background:url(http://www.caedu.co.kr/images/design/2021/0416_menu/icon_menu02.png) 50% 50% no-repeat; background-size:20px;}
#gnb > ul > li .dp1 .icon03{background:url(http://www.caedu.co.kr/images/design/2021/0416_menu/icon_menu03.png) 50% 50% no-repeat; background-size:20px;}
#gnb > ul > li .dp1 .icon04{background:url(http://www.caedu.co.kr/images/design/2021/0416_menu/icon_menu04.png) 50% 50% no-repeat; background-size:20px;}
#gnb > ul > li .dp1 .icon05{background:url(http://www.caedu.co.kr/images/design/2021/0416_menu/icon_menu05.png) 50% 50% no-repeat; background-size:20px;} /*2021.11.19 추가*/														  
#gnb > ul > li.dp_btn{position:absolute; padding:0 18px; bottom:18px; width:187px; box-sizing:border-box;}
#gnb > ul > li.dp_btn a{left:18px; right:18px; bottom:0;}
#gnb > ul > li.dp_btn a{display:block; color:#111; font-size:12px; border:1px solid #111; line-height:40px; text-align:center; border-radius:6px; letter-spacing:-0.5px;}

#gnb > ul > li .dp2{display:none; position:absolute; left:187px; right:0; bottom:0; top:0; overflow-y:auto;}
#gnb > ul > li .dp2 ul li{height:38px; padding:4px 0;}
#gnb > ul > li .dp2 ul li p{display:table-cell; vertical-align:middle; height:38px; overflow:hidden;}
#gnb > ul > li .dp2 ul li a{display:block; padding:0 10px 0 20px; letter-spacing:-1px; color:#111; text-align:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/******************헤더 2021.04.16 수정*****************/
.header_wrap {width:100%;text-align:center; border-bottom:1px solid #e6e6e6; background:#fff; overflow:hidden;position: relative;padding: 4vw 0;}
.header_wrap .logo {width: 40vw;display: block;margin: 0 auto;}
.header_wrap .logo img{width: 100%;object-fit: cover;}
.header_wrap .btn_L {position:absolute; left:4px; top:20px;width:52px; height:52px; background:url(http://www.caedu.co.kr/images/design/2021/0416_menu/btn_L.png) no-repeat center center; background-size:20px; }
.header_wrap .btn_R {position:absolute; right: 3%;top: 50%;transform: translateY(-50%); width:52px; height:52px; background:url(/img/m_btn_menu.png) no-repeat center center; background-size:65%;}

/*******************메인*****************/
/* 리뉴얼 - 메인 */
/* 공통 */
.blind{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: -1px}
main{background: #fff;font-family: 'pretendard';overflow: hidden;}
section{font-family: 'pretendard';}
section img{width: 100%;object-fit: cover;}
section:not(.sc_visual){margin-top: 10vw;}
section .inner{padding: 0 5vw;}
section .sc_tit{font-size: 2.3rem;line-height: 2.7rem;font-family: 'pretendard';font-weight: 900;padding: 0 5vw 3vw;}
section .sc_tit .tit_point{color: #0082ff;}
section .blind{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: -1px}

/* 메인 탑 배너 */
.top_bnr_area{background: #0082ff;height: 12vw;width: 100%;font-family: 'Pretendard';font-size: 1.6rem;}
.top_bnr_area .btn_topbnr{display: flex;align-items: center;justify-content: center;height: 100%;}
.top_bnr_area .date_wrap {padding: 0;display: flex;align-items: center;justify-content: center;color: #000;font-size: 1.3rem;margin-right: 2vw;}
.top_bnr_area .date_wrap em{border-radius: 4vw;background: #fff;padding: 2vw 3vw;font-weight: bold;}
.top_bnr_area .timer_wrap {display: flex;align-items: center;flex-wrap: nowrap;}
.top_bnr_area .timer_wrap p{color: #fff;}
.top_bnr_area .timer_wrap .dday{font-size: 1.5rem;color: #ffd83d;margin: 0 1vw;}
.top_bnr_area .timer_wrap .time{color: #fff;}

main .promotion_area{background: #000;width: 100%;font-size: 1.25rem;height: 11vw;line-height: 11vw;position: relative;text-align: center;}
main .promotion_area .promotion_txt{color: #fff;}
main .promotion_area .btn_close{position: absolute;right: 6%;top: 36%;width: 3vw;height: 3vw;}
main .promotion_area .btn_close img{width: 100%;object-fit: cover;}

main .sc_visual {position: relative;margin-bottom: 7vw;}
main .sc_visual .swiper-slide a{display:block;}
main .sc_visual .swiper-slide img{width:100%;}
main .sc_visual .swiper-pagination{position:absolute;bottom: 5%;left: 84%; cursor:pointer;width:54px; height:20px; border-radius:15px; background:rgba(0,0,0,0.5); color: #fff;line-height: 20px;}

main .btn_area {display: flex;padding: 0 5vw;box-sizing: border-box;justify-content: space-between;}
main .btn_area a{display: block;width: 48%;}
main .btn_area a img{width: 100%;object-fit: cover;}

main .lec_area {margin-top: 10vw;}
main .lec_area .lec_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 0 5vw;}
main .lec_area .lec_wrap .lec_list{width: calc((100% - 6vw) /4);}/*24.03.21*/
main .lec_area .lec_wrap .lec_list:nth-child(n+5){margin-top: 5vw;}/*24.03.21*/
main .lec_area .lec_wrap .lec_list img{width: 100%;object-fit: cover;}
main .lec_area .lec_wrap .lec_list .btn_lec{display: block;height: 100%;}

main .sc_evnet .event_slide{padding-bottom:2.4rem;margin-left: 5vw;}
main .sc_evnet .event_slide .swiper-slide{box-sizing:border-box;margin-right: 2.5vw;width: 80%;}
main .sc_evnet .swiper-slide a{display:block;}
main .sc_evnet .swiper-slide a img{width:100%;object-fit: cover;}
main .sc_evnet .swiper-pagination{position:absolute;bottom: 12%;left: 82%; cursor:pointer;width:54px; height:20px; border-radius:15px; background:rgba(0,0,0,0.5); color: #fff;line-height: 20px;}

main .sns_area {padding: 0 5vw;margin: 10vw 0;}
main .sns_area .btn_link{display: flex;justify-content: space-between;}
main .sns_area .btn_link .btn_list{width: 48%;}
main .sns_area .btn_link .btn_list img{width: 100%;object-fit: cover;}

main .sc_megatv .video_area .video_wrap{position:relative; background:#000000;border-radius: 2vw;overflow: hidden;}
main .sc_megatv .video_area .video_wrap>div{height:55vw;}
main .sc_megatv .video_area .video_wrap iframe{width: 100%;height: 100%;object-fit: cover;}
main .sc_megatv .video_area .video_wrap a::after{content: '';position: absolute;top: 0;left: 0;background: #00000047 url(/img/m_btn_play.png) no-repeat center 50%;width: 100%;height: 100%;}
main .sc_megatv .video_area .video_wrap a{display:block; width:100%; height:100%;}
main .sc_megatv .video_area .video_wrap img{width:100%;object-fit: cover;}
main .sc_megatv .video_area .video_desc{background: #f4f5f7;text-align: center;color: #666;font-size: 1rem;line-height: 1.3rem;padding: 3vw 10vw;border-radius: 1.5vw;margin: 3vw 0;}
main .sc_megatv .video_list {margin-left: 5vw;;}
main .sc_megatv .video_list img{width: 100%;object-fit: cover;}
main .sc_megatv .video_list .swiper-slide{display: block;background: #000;margin-right: 3vw;border-radius: 2vw;overflow: hidden;width: 42%;display: block;height: 100%;}
main .sc_megatv .video_list .swiper-slide a::after{content: '';position: absolute;top: 0;left: 0;background: #00000055 url(/img/m_btn_play.png) no-repeat center 50%;width: 100%;height: 100%;background-size: 30%;}

main .sc_atoz .atoz_slide .swiper-slide{width: 70%;margin-right: 3vw;}
main .sc_atoz .atoz_list .atoz_item:not(:first-child){margin-top: 2.5vw;}
main .sc_atoz .atoz_list .atoz_item a{display: block;height: 100%;}

main .sc_more .more_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
main .sc_more .more_wrap .more_list{width: calc((100% - 2vw) /2);} 
main .sc_more .more_wrap .more_list:nth-child(n+3){margin-top: 2vw;}
main .sc_more .more_wrap .more_list a{display: block;height: 100%;}

main .sc_review {position: relative;}
main .sc_review .review_slide{padding-bottom:2.4rem;margin-left: 5vw;}
main .sc_review .review_slide .swiper-slide{box-sizing:border-box;margin-right: 2.5vw;width: 70%;}
main .sc_review .swiper-slide a{display:block;}
main .sc_review .swiper-slide a img{width:100%;object-fit: cover;}
main .sc_review .btn_more{position: absolute;top: 5%;right: 5vw;background: url(/img/m_btn_more.png) no-repeat center/cover; width: 6vw;height: 6vw;background-size: 100%;}

main .sc_notice{position: relative;}
main .sc_notice .tab_wrap {display: flex;flex-direction: row;}
main .sc_notice .tab_wrap li a{display: block;font-size: 2.3rem;line-height: 2.7rem;font-family: 'pretendard';font-weight: 900;padding: 0 5vw 3vw;color: #c4c4c4;}
main .sc_notice .tab_wrap li.on a{color: #000;}
main .sc_notice .tab_wrap li:nth-child(2) a{padding-left: 0;}
main .sc_notice .tab_prd {display: none;}
main .sc_notice .tab_prd.on {display: block;}
main .sc_notice .tab_prd li:first-child{border-top: 1px solid #bbbbbb;}
main .sc_notice .tab_prd li{border-bottom: 1px solid #dddddd;}
main .sc_notice .tab_prd li a{color: #222;font-size: 1.16rem;line-height: 1.2rem;}
main .sc_notice .tab_prd li a{display: block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 3.5vw 0;}
main .sc_notice .btn_more{position: absolute;top: 2%;right: 5vw;background: url(/img/m_btn_more.png) no-repeat center/cover; width: 6vw;height: 6vw;background-size: 100%;}

main .sc_support {background: #f6f7f9;padding: 10vw 0;}
main .sc_support .support_area{display: flex;flex-wrap: wrap;justify-content: space-between;}
main .sc_support .support_area .support_list{width: calc((100% - 5vw)/ 4);}
main .sc_support .support_area .support_list:nth-child(n+5){margin-top: 4.5vw;}

main .sc_certify {position: relative;}
main .sc_certify .certify_slide{margin-left: 5vw;}
main .sc_certify .certify_slide .swiper-slide{box-sizing:border-box;margin-right: 2.5vw;width: 46%;}
main .sc_certify .swiper-slide a{display:block;}
main .sc_certify .swiper-slide a img{width:100%;object-fit: cover;} 

main .sc_info {background: #f1f1f1;padding: 10vw 0;}
main .sc_info a{display: block;height: 100%;}
main .sc_info a.btn_map{margin-top: 3vw;}
main .sc_info img{width: 100%;object-fit: cover;}

/* top 버튼 23.08.28 */
.consult_area{overflow: hidden;}/* 23.08.28 추가 수정 */
.stn_gotop { position: relative;float: right;z-index: 1;margin: 0 3vw 3vw 0;}/* 23.08.28 추가 수정 */
.stn_gotop .goTop {display: block;width: 10vw;height: 10vw;background: url(/img/m_btn_top.png) no-repeat center/cover;}
.blind{position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);overflow: hidden;}


/*****************푸터********************/
footer{background:#f5f5f5;text-align:left;font-family: 'pretendard';color: #333;font-size: .8rem; line-height:1.2rem; }
footer .footer_inner{background:#f5f5f5; padding: 7vw 7vw 20.5vw; text-align:left;font-family: 'pretendard';color: #333;font-size: .8rem; line-height:1.2rem; }
.mgt80{margin-bottom:80px !important;}
.mgt0{margin-bottom:0px !important;}
footer .bottom_bnr img{width: 100%;object-fit: cover;}
footer .footer_logo {text-align:center; margin-bottom:1.5rem;}
footer .footer_logo img{width: 15rem;}
footer dl + dl{margin-top:1em;}
footer p.copy{color:#888; font-size:.8em; margin-top:1.5em; letter-spacing:-0.5px;margin-right: 10px;}
footer .footer_link1 a { display:block; width:22px; height:21px; overflow:hidden; pointer-events: none;}
footer .copy_wrap{display: flex;align-items: baseline;}
footer .utill_area{display: flex;justify-content: space-between;width: 100%;height: 11vw;line-height: 11vw;border-bottom: 1px solid #dddddd;}
footer .utill_area .utill_list{width: calc((100% - 2px) /3);text-align: center;border-right: 1px solid #dddddd;}
footer .utill_area .utill_list:last-child{border: 0;}
footer .utill_area a{display: block;height: 100%;font-size: 1rem;font-weight: bold;color: #000;}

/****개인정보입력 폼****/
.footer_utill_area {position: fixed;bottom: 0;z-index: 10;width: 100%;}
.footer_utill_area .utill_wrap{background: #1d8efa;width: 100%;display: flex;position: relative;justify-content: space-around;height: 11vw;}
.footer_utill_area .utill_wrap li{position: relative;width: 100%;}
.footer_utill_area .utill_wrap li:first-child{width: 42%;}
.footer_utill_area .utill_wrap li:nth-child(2){width: 50%;}
.footer_utill_area .utill_wrap li:nth-child(3){width: 36%;}
.footer_utill_area .utill_wrap li a{display: block;height: 100%;}
.footer_utill_area .utill_wrap li:not(:last-child)::after{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #8ec7fd;}
.footer_utill_area .utill_wrap li img{width: 100%;object-fit: contain;height: 100%;}
.footer_utill_area .utill_wrap .m_counsel::after{content: '';position: absolute;right: 19%;width: 1.5vw;height: 1.5vw; border-top: .5vw solid #fff;border-right: .5vw solid #fff; transition: 0.5s;transform: rotate(315deg);top: 46%;}
.footer_utill_area .utill_wrap .m_counsel.on::after{transform: rotate(135deg);top: 38%;}
.footer_utill_area .call_area { width:100%; overflow:hidden; background:#fff; padding-bottom: 3vw;position: relative;z-index: 1;border-top-left-radius: 1.5vw;border-top-right-radius: 1.5vw;box-shadow: 2px 2px 20px 7px rgba(0,1,1,.1);display: none;}
.footer_utill_area .call_area.on{display: block;}
.footer_utill_area .call_area > .inner { position:relative; overflow:hidden; width:90%; margin:0 auto; text-align:left; }
.footer_utill_area .call_area > .inner .input_cell,
.footer_utill_area .call_area > .inner .input_cell input[type="text"] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.footer_utill_area .call_area > .inner .input_cell input[type="text"] { position:relative; width:38%; height: 10vw; padding: 0 4vw; border: 0; border-radius: 1.5vw; background:#fff; font-size: 1.2rem; color:#666; text-align:left; background: #f5f5f5;font-family: 'pretendard';}
.footer_utill_area .call_area > .inner .input_cell input::-webkit-input-placeholder{ text-align:left; color: #98989d;font-weight: 600;}
.footer_utill_area .call_area > .inner .input_cell { width:100%; text-align:left; display: flex;justify-content: space-between;padding-bottom: 3vw;}
.footer_utill_area .call_area > .inner .input_cell input.intex { width:60%; }
.footer_utill_area .call_area > .inner > .btn_apply {  width:100%; height:9vw; background:#2448a3; border-radius: 1.5vw;}
.footer_utill_area .call_area > .inner > .btn_apply .btn_add { width:100%; height:100%; border:0; background:#27272b; font-size: 1.3rem; font-weight:600; color:#fff; line-height:9vw; cursor:pointer;border-radius: 1.5vw;font-family: 'pretendard';}
.stn_call .call_inner > .agree_box { position:absolute; top:73px; left:679px;}
.footer_utill_area .call_area > .inner .input_selc{padding-bottom: 3vw;padding-top: 0.5vw;}
.footer_utill_area .call_area > .inner .input_selc select{appearance: none;}
.footer_utill_area .call_area > .inner .input_selc .selclist { position:relative; width:100%;  margin:0; padding: 1vw 3vw; line-height: 7vw; border:1px solid #b6b6bb; border-radius: 1.5vw; background:#fff url(/img/sel_arrow.png) no-repeat 100% 50%; font-size: 1.3rem; color:#5d5d62; font-weight: 600;font-family: 'pretendard';}
.footer_utill_area .call_area > .inner > .agree_box {width:60%; letter-spacing:-1px; text-align:right; color: #5d5d62;font-size: 1.1rem;font-family: 'pretendard';font-weight: 600;display: flex;align-items: baseline;padding-bottom: 3vw;}/* 2024.12.03 */
.footer_utill_area .call_area > .inner > .agree_box input{margin-left: 1vw;}
.footer_utill_area .call_area > .inner > .agree_box input[type="checkbox"] { transform: scale(1.3);margin-right: 1.5vw;}
.footer_utill_area .call_area > .inner > .agree_box .info {color:#5d5d62; margin-left: .7vw;display: inline-block;}
.footer_utill_area .btn_consult{width: 100%;height: 11vw;background: #fff;display: flex;align-items: center;justify-content: center;font-family: 'pretendard';font-size: 1.5rem;font-weight: bold;position: relative;border-top-left-radius: 2vw;border-top-right-radius: 2vw;color: #000;}
.footer_utill_area .btn_consult::after{content: '';position: absolute;top: 35%;right: 30%;width: 2vw;height: 2vw; border-top: .4vw solid #000;border-right: .4vw solid #000;transform: rotate(135deg); transition: 0.5s;}


/*****************************************************************모바일 서브페이지************************************************************************/
.main.sub {width:100%;}
/*서브페이지 제목*/
.main.sub h2 {font-size:16px; height:45px; width:97%; margin:0 auto; border-bottom:1px solid #454545; line-height:50px; letter-spacing:-0.05em; font-weight:bold; text-indent:10px; color:#454545; margin-bottom:10px;}

/*가로 100% 이미지는 con 안에 정렬*/
.main.sub .con>img {width:100%;}
.main.sub .con ul {width:97%; margin:0 auto; padding-bottom:50px;}
.main.sub .con ul li {margin-bottom:5px;}
.main.sub .con ul li a {display:block; width:100%; overflow:hidden;}

/*이벤트페이지*/
.main.sub .con ul li img {width:100%;}

/*인터뷰페이지 링크*/
.main.interview .con .link img {float:left; width:25%; overflow:hidden;}
.main.interview .con .movie img {width:100%;}


/****** 이용약관 페이지******/
.main.sub .con #container {width:90%; margin:0 auto;}
.main.sub h3.first {background:url(http://www.caedu.co.kr/user/images/h3.clause.gif) left center no-repeat; background-size:60%; height:45px; width:97%; margin:0 auto; text-indent:-9999px; margin-top:20px; clear:both;}
.main.sub h3.second {background:url(http://www.caedu.co.kr/user/images/h3.personalinfo.gif) left center no-repeat; background-size:60%; height:45px; width:97%; margin:0 auto; text-indent:-9999px; margin-top:20px; clear:both;}

.main.sub .con #container input {width:17px; height:17px; float:left; margin:1px 0 0 10px;}

.main.sub .terms_p{border:solid 1px #096eb2; background:#fff; margin-bottom:10px; width:100%; height:150px; overflow:hidden;}
.main.sub .terms_bx{display:block}
.main.sub .terms_bx:first-child{border-top:1px solid #f0f0f0;}
.main.sub .terms_box{position:relative; width:100%; height:300px; overflow-y:auto; scrollbar-base-color:#d9d9d9; scrollbar-3dlight-color:#d9d9d9;scrollbar-darkshadow-color:#d9d9d9;scrollbar-face-color:#d9d9d9;scrollbar-highlight-color:#d9d9d9;scrollbar-shadow-color:#d9d9d9;scrollbar-track-color:#f2f2f2;-webkit-overflow-scrolling:touch;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.main.sub .t .terms_box::-webkit-scrollbar{overflow:visible;width:6px;margin-right:10px;background:transparent}
.main.sub .t .terms_box::-webkit-scrollbar-thumb{background-color:rgba(45,70,97,0.3);-webkit-border-radius:5px;min-height:20px;margin:0 5px 0 0}
.main.sub .t .terms_box::-webkit-scrollbar-thumb:hover{background-color:rgba(45,70,97,0.3)}
.main.sub .t .terms_box::-webkit-scrollbar-corner{background:transparent}
.main.sub .section{font-size:12px;color:#666;line-height:16px}
.main.sub .global .section{font-family:Arial}
.main.sub .section h3,.section h4,.section h5{font-size:12px;font-weight:normal;line-height:16px}
.main.sub .input_chk{display:block;height:24px;position:relative}
.main.sub .input_chk input{position:absolute;top:50%;right:1px;z-index:9;width:22px;height:22px;margin-top:-11px;-webkit-appearance:none}
.main.sub .input_chk label{display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:24px; font-size:14px;font-weight:bold;color:#333;line-height:24px; cursor:pointer;}
.main.sub .global .input_chk label{font-family:Arial}
.main.sub .input_chk label .terms_choice{font-weight:normal;font-size:12px;color:#0d9900}
.main.sub .input_chk label .terms_no{color:#969696}
.main.sub .section table{margin:0;border:0;border-collapse:collapse;color:#333;text-align:center}
.main.sub .section table th,.section table td{border:1px solid #e5e5e5;padding:5px 0}
.main.sub .section ol{margin-bottom:10px}
.main.sub ul.terms_list{list-style:circle}
.main.sub ul.terms_list li{list-style-type:circle;padding-left:10px}
.main.sub .terms_bx_list{display:block;}
.main.sub .terms_chk_all{display:block;padding:15px}
.main.sub .terms_chk_all .input_chk{height:58px} 
.main.sub .terms_chk_all .input_chk label{display:table;height:58px;line-height:20px;top:-1px} 
.main.sub .terms_chk_all .input_chk label span{display:table-cell;vertical-align:middle}

.main.sub .btn_group {width:100%; margin:0 auto; margin-top:30px; overflow:hidden;}
.main.sub .btn_group a {width:48%; height:50px;}
.main.sub .btn_group .btn_cancel {float:left; background:url(http://www.caedu.co.kr/user/images/app.btn.no.gif) left center no-repeat; background-size:100%; margin-right:1%;}
.main.sub .btn_group .btn_agree {float:right; background:url(http://www.caedu.co.kr/user/images/app.btn.yes.gif) right center no-repeat; background-size:100%; margin-left:1%;}

.main.sub .ipin_certify_txt{padding:0 120px 0 1px}
.main.sub .ipin_certify_btn{position:absolute;top:8px;right:10px;width:114px}
.main.sub .parent_privacy_txt{padding-top:1px;color:#666;line-height:18px}
.main.sub .parent_privacy{margin:8px 0 22px}
.main.sub .parent_privacy{text-align:center}
.main.sub .parent_privacy .parent_privacy_title{display:inline-block;position:relative;top:-6px;font-size:14px;font-weight:bold;color:#666;line-height:24px}
.main.sub .parent_privacy .input_chk{display:inline-block;width:24px}
.main.sub .parent_privacy .error{text-align:center}

/* 개인정보정책 */
.main.sub .policyWrap{width:89%; line-height:20px; text-align:left; height:100%; padding:11px;}
.main.sub .policyWrap .mTitle{padding-bottom:5px; font-size:15px; color:#3967ad; line-height:20px; font-weight:bold; margin-top:10px;}
.main.sub .policyWrap .sTitle{padding-top:20px; color:#888888;}
.main.sub .policyWrap .private .title{padding:10px; font-size:15px;line-height:20px; color:#555; font-weight:bold;}
.main.sub .policyWrap .private p{padding:10px;}
.main.sub .policyWrap .openDate{position:absolute; right:0; bottom:-30px; font-weight:bold;}
.main.sub .plicyList, .plicyList ol, .plicyList ul{list-style-type:none;}
.main.sub .plicyList > li{padding-bottom:2em;}
.main.sub .plicyList ol{padding:.5em 0 0 1em;}
.main.sub .plicyList .depth2{padding-left:0;}
.main.sub .plicyList ul{padding:0 0 0 1em;}
.main.sub .plicyList .depth2 > li{padding-top:1em;}
.main.sub .plicyList .depth2 > li:first-child{padding-top:0;}
.main.sub .plicyList li > .title{font-weight:600; font-weight:bold;}
.main.sub .plicyList li caption{text-align:left;}
.main.sub .plicyList li caption .title{font-weight:600;}
.main.sub .plicyList li > .title + p{padding-left:1em;}
.main.sub .policyBox{padding-left:1em;}
.main.sub .policyBox .infoRightBox{border:1px solid #DEDEDE; padding:10px;}
.main.sub .policyBox ol{list-style-type:none;}
.main.sub .policyBox >  p{margin:1em 0;padding:0 1em 0 0;}
.main.sub .policyBox table{width:100%;}
.main.sub .policyBox table thead th{background-color:#ebf6ff; color:#4577b7; text-align:center;}
.main.sub .policyBox table tbody th{font-weight:400;}
.main.sub .policyBox table th{border:1px solid #aed1f0; padding:10px 5px; height:20px; text-align:center;}
.main.sub .policyBox table td{border:1px solid #aed1f0; padding:10px 5px; height:20px; text-align:center;}
.main.sub .policyWrap .btn{text-align:center; margin-top:20px; margin-bottom:20px;}
.main.sub .policyWrap .roundBox_private h3{margin-bottom:20px; font-size:15px; font-weight:bold;}

/* 동의 */
.main.sub .join_content form>p{text-align:left; margin-left:10px; float:left; overflow:hidden; padding-bottom:20px;}

/* 추가 */
.main.sub .int_id .id_input{float:left; width:100%;}
.main.sub .int_id .int_ch{float:right; margin-right:0px; margin-top:0px;}

/* 수정 */
.main.sub .c_header{margin-top:-1px; padding-bottom:43px;} 
.main.sub .c_header h2{position:relative; font-size:20px;line-height:22px; color:#333;} 
.main.sub .c_header .contxt{padding-top:11px;line-height:19px; color:#666; letter-spacing:-1px;} 
.main.sub .c_header .contxt strong{color:#1fbc02;} 
.main.sub .c_header .contxt a{color:#336fc9; text-decoration:underline;} 


/* 2021.05.05 */
.header_wrap .txt{text-align:center;display:inline-block; margin-top:30px;}
.header_wrap .txt h1{font-weight:bold;font-size:18px;color:#111;text-indent:1px;}

body{position:relative;font-size: 12px;}
body.dim{overflow:hidden}
body.dim:after{content:"";position: fixed; left: 0; top: 0; z-index: 990; width: 100%; height: 100%;background: rgba(0,0,0,.5);}

.inner-wrap{margin:25px 0}
.inner-box{padding-left:15px !important;padding-right:15px !important;}
.inner-box strong{font-weight:bold !important}

.mark0{color:#0082ff !important;}
.mark1{color:#dc1818 !important;}
.mark2{color:#555 !important;}
.mark3{color:#111 !important;}

.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f18{font-size:18px !important;}
.f30{font-size:30px !important;}

.tright{text-align:right !important}
.tleft{text-align:left !important}
.tcenter{text-align:center !important}

.bold{font-weight:bold}

.pt15{padding-top:15px;}

.m0{margin:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}

.position-r{position:relative}
.tip_box{background:#f5f5f5;color:#282828;font-size:12px;padding:13px 0;letter-spacing:-.5px;}
.tip{font-size:13px;font-weight:bold;color:#dc1818;letter-spacing:-1px;}
.line-top{border-top:1px solid #111}
.box-wrap{position:relative;}

.tit-wrap{margin:0 7px 13px;vertical-align:bottom;position: relative;}
.tit-wrap *{vertical-align:bottom;display:inline-block;line-height:1.2;}
.tit-wrap .tit-type1{color:#222222;font-size:20px;font-weight:bold;letter-spacing:-1px;margin-right:2px;}
.tit-wrap span,
.tit-wrap p{color:#111111;font-size:11px;}
.tit-wrap p{margin-top:5px;display:block}
.tit-wrap .btn_coupon{position: absolute;right: 0;top: -8%;font-size: 15px;color: #333;border: 1px solid #333;padding: 5px 7px;font-weight: 600;box-sizing: border-box;margin-right: 15px;}

.table-wrap table{width:100%;border-top:2px solid #222222;border-bottom:1px solid #222222;}
.table-wrap.line-1 table{border-top:1px solid #222222;}
.table-wrap.line-0 table{border-top:0;}
.table-wrap.f14 table td{font-size:14px;}
.table-wrap table th,
.table-wrap table td{text-align:center;letter-spacing:-.5px;font-size:12px;color:#111111;padding:15px 3px;border-top:1px solid #222222;}
.table-wrap table td:first-child{padding-left:7px !important;}
.table-wrap table td:last-child{padding-right:7px !important;}
.table-wrap table tr:first-child th,
.table-wrap table tr:first-child td{border-top:0}
.table-wrap table tr.line2 td{border-color:#dddddd;}
.table-wrap table tr.type2 td{border-color:#dddddd;padding:15px 7px;color:#777777;}
.table-wrap table tr.type3 td{padding:15px 7px 3px 7px !important;border:0;color:#777777;}
.table-wrap table tr.type4 td{padding-top:0;border:0;border-bottom:1px solid #dddddd}
.table-wrap table td .date{color:#777777;margin-top:5px}
.table-wrap table td .date em{margin-right:10px}
.table-wrap.checkbox_tb td{position:relative;overflow:hidden;vertical-align:middle}

.table-wrap.type2 table td{font-size:14px;}
.table-wrap.type3 table{border:0;}
.table-wrap.type3 table td{font-size:18px;border:0;vertical-align:middle;line-height:1.2}
.table-wrap.type3 table tr:first-child td{border-bottom:1px solid #dddddd;}
.table-wrap.type4 table{border:0;}
.table-wrap.type4 table td{padding:5px 3px;font-size:14px;border:0;color:#fff;vertical-align:middle;line-height:1.2}
.table-wrap.type4 table tr.pd td{padding-bottom:20px;}
.table-wrap.type4 table tr:last-child td{padding:10px 3px;border-top:1px solid #40a1ff;}

.table-wrap.type5 table{border-top:1px solid #222222;border-bottom:1px solid #222222;}
.table-wrap.type5 table th,
.table-wrap.type5 table td{border-color:#dddddd;vertical-align:middle;line-height:1.2;color:#777777;}
.table-wrap.type5 table td{border-left:1px solid #dddddd;padding-left:5px;padding-right:5px}
.table-wrap.type5 table td:first-child{border-left:0}
.table-wrap.type5 table th{font-weight:bold;background:#fff;color:#111111;}

.list-txt-type{margin:20px 0}
.list-txt-type li{margin-top:7px;padding-left:7px;font-size:11px;color:#111111;position:relative;word-break:keep-all;}
.list-txt-type li:before{content:"-";display:inline-block;position:absolute;top:-2px;left:0;}
.list-txt-type li:first-child{margin-top:0}

.btn-box.fixed{position:fixed;left:0;bottom:0;width:100%}
.btn-type{background:linear-gradient( to right, #ffe664, #ff781e); height:50px;line-height:50px;display:block;text-align:center;font-size:18px;letter-spacing:-1px;color:#fff;font-weight:bold}
.btn-type.round{border-radius:10px;box-shadow: 0px 5px 5px 1px #e5e5e5;}
.btn-type-middle{box-shadow: 0px 5px 5px 1px #252a5e;padding:0 20px;display:inline-block;border-radius:5px;background:#ff781e;height:40px;line-height:40px;font-size:14px;letter-spacing:-1px;color:#fff;font-weight:bold}
.btn-type-middle.off{background:#050523;color:#787895;}
.btn-type-small{background:#ff781e;border-radius:5px;padding:0 10px;height:22px;line-height:20px;font-size:12px;display:inline-block;text-align:center;letter-spacing:-1px;color:#fff;}
.black{background:#000 !important}
.btn-type.large{height:70px;line-height:70px;font-size:23px;}

.ico-close{display: inline-block;position: relative;width: 20px;height: 20px;font-size: 10px;box-sizing: border-box;vertical-align: middle;font-style: normal;border-radius:5px;border:1px solid #000;}
.ico-close:before, .ico-close:after {display: block;content: "";position: absolute;top: 0.8em;left: 0.4em;width: 10px;height: 0.2em;background-color: #333;-webkit-border-radius: .2em;-moz-border-radius: .2em;border-radius: .2em;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg)}
.ico-close:after {transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg)}
.ico-close i{font-size:0;}
[class^='ico-arr'] {display: inline-block;position: relative;width: 2.5em;height: 2.5em;font-size: 10px;box-sizing: border-box;vertical-align: middle;font-style: normal}
[class^='ico-arr']:before,
[class^='ico-arr']:after{display: block;content: ""}
.ico-arr-top:before {position: absolute;top: 0.3em;left: 0.7em;width: 1.0em;height: 1.0em;border: 0.2em solid #777777;border-right-width: 0;border-bottom-width: 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg)}
.ico-arr-right:before {position:absolute;top:.7em;left:.5em;width:1em;height:1em;border:.1em solid #333;border-right-width:0;border-bottom-width:0;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.ico-arr-close:before,
.ico-arr-close:after{position:absolute;top:1.2em;left:.2em;width:2.4em;height:.4em;background-color:#111;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.ico-arr-close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.ico-check{display: inline-block;position: relative;width: 2.5em;height: 2.5em;font-size: 10px;box-sizing: border-box;vertical-align: middle;font-style: normal}
.ico-check:after,
.ico-check:before{display: inline-block;content: "";position:absolute;width:.2em;background:#dddddd;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.ico-check:after{top:.2em;left:1.7em;height:2em;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.ico-check:before{top:1em;left:.7em;height:1em;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}

.ico-tip{font-size:12px;color:#111;line-height:20px;}
.ico-tip:after{margin-left:3px;content:"?";display:inline-block;width:20px;height:20px;border-radius:50%;line-height:20px;border:1px solid #eeeeee;text-align:center;}

label.checkbox input{width:0;height:0;-moz-appearance: none;-webkit-appearance: none;}
label.checkbox{font-size:14px; padding-left:18px;height:14px;line-height:14px;background: url(/img/enroll/btn_input_check.png) 0 0 no-repeat;color:#111111;background-size:14px 14px; display:inline-block; cursor: pointer; text-align: left; }
label.checkbox.on{background-image:url(/img/enroll/btn_input_check_on.png);color:#0082ff;}
label.checkbox.disabled{background-image:url(/img/enroll/btn_input_disabled.png);cursor: default;color:#aaaaaa;}
label.radio input{width:0;height:0;-moz-appearance: none;-webkit-appearance: none;}
label.radio{ font-size:14px; padding-left:18px;height:14px;line-height:14px;background: url(/img/enroll/btn_input_radio.png) 0 0 no-repeat; color:#111111;background-size:14px 14px;display:inline-block; cursor: pointer;  text-align: left; }
label.radio.on{background-image:url(/img/enroll/btn_input_radio_on.png);}


.tab-type{overflow:hidden;}
.tab-type li{float:left;width:49%;margin-top:10px;}
.tab-type li:nth-child(odd){margin-right:2%;}
.tab-type li a{border-radius:10px;display:block;height:45px;line-height:45px;text-align:center;background:#ebebeb;font-weight:bold;font-size:16px;color:#111111;}
.tab-type li.on a{background:#0082ff;color:#fff}

.tab-type.auto{font-size:0}
.tab-type.auto li{display:inline-block;float:none;width:auto;margin-top:5px;margin-right:5px;}
.tab-type.auto li a{padding:0 10px;font-size:14px;height:35px;line-height:35px;}

.tab-type2{overflow:hidden;border-bottom:1px solid #0082ff}
.tab-type2 li{float:left;width:50%;}
.tab-type2 li a{display:block;height:45px;line-height:45px;background:#ebebeb;font-weight:bold;font-size:16px;color:#111111;text-align:center;}
.tab-type2 li.on a{background:#0082ff;color:#fff}

#slider_tab{position:relative;padding-bottom:2rem;width:100%}
#slider_tab .slick-dots { bottom: 0;}
#slider_tab .slick-dots li { padding: .2rem; }
#slider_tab .slick-dots li button { width: 1rem; height: 1rem; background: #515763; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#slider_tab .slick-dots li button:before {display: none;}
#slider_tab .slick-dots li.slick-active button {background:#eff4fb; }
.tab-type3{overflow:hidden;width:100%;}
.tab-type3 .tab{float:left;width:49%;margin-top:10px;margin-right:.5%;}
.tab-type3 .tab a{border-radius:10px;display:block;height:45px;line-height:45px;text-align:center;background:#ebebeb;font-weight:bold;font-size:16px;color:#111111;}
.tab-type3 .tab.on a{background:#0082ff;color:#fff}									   
.js_tab_con_type{display:none;padding:20px 0 25px}
.js_tab_con_type.on{display:block}

.payment-box{background:#0082ff;padding:10px 15px;}

.notice-box{background:#f7f7f7;}
.notice-box dt a{display:block;font-weight:bold;color:#222222;font-size:14px;padding:20px 0;vertical-align:middle}
.notice-box dt span{color:#555555;font-size:11px;vertical-align:middle}
.notice-box dt .ico-arr-top{position:absolute;right:15px;}
.notice-box dl.on dt .ico-arr-top:before {position: absolute;top: 0.9em;left: 0.6em;width: 1.0em;height: 1.0em;border: 0.2em solid #777777;border-right-width: 0;border-bottom-width: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg)}
.notice-box dd{display:none;padding-bottom:20px}
.notice-box dl.on dd{display:block}
.notice-box.type2{background:#f0f5ff;padding:15px}
.notice-box.type2 dl{background:#fff;padding:15px;border-radius:10px;position:relative;overflow:hidden}
.notice-box.type2 dt a{padding:0}
.notice-box.type2 dt .ico-arr-top{position:absolute;right:15px;top:10px;width: 2em;height: 2em;}
.notice-box.type2 dd{padding:10px 0 0 0;display:block;}
.notice-box.type2 dd li{display:none;}
.notice-box.type2 dd li:first-child{display:block}
.notice-box.type2 dl.on dd li{display:block;}

.btn_box {overflow:hidden;z-index:999;position:fixed;left:0;bottom:0;width:100%;background:#ffffff;border-top-left-radius:1rem;border-top-right-radius:1rem;}
.btn_box .form_body{display:none;position:relative;}
.btn_box .form_box{position:relative;}
.btn_box .form_box>.table-wrap{position:relative;overflow:hidden;overflow-y:auto;height:300px;}
.btn_box .form_box>.table-wrap.v2{height:400px;}
.btn_box .form_box>.table-wrap.auto{height:auto;}
.btn_box .btn_open{display:block;background:#0082ff;width:100%;text-align:center;color:#fff;font-size:18px;height:60px;line-height:60px;}
.btn_box .btn_open .ico-arr-top{position:absolute;right:30px;top:50%;transform:translate(0, -50%);}
.btn_box .btn_open .ico-arr-top:before {position: absolute;top: 0.9em;left: 0.6em;width: 1.0em;height: 1.0em;border: 0.2em solid #fff;border-right-width: 0;border-bottom-width: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg)}
.btn_box .btn_close{text-align:left;display:block;background:#0082ff;padding:15px 20px;color:#fff;font-size:18px;height:60px;}
.btn_box .btn_close .ico-arr-top{position:absolute;right:20px;top:10px;transform:translate(0, 0);}
.btn_box .btn_close .ico-arr-top:before  {position: absolute;top: 0.3em;left: 0.7em;width: 1.0em;height: 1.0em;border: 0.2em solid #fff;border-right-width: 0;border-bottom-width: 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg)}
.btn_box .btn_close strong{display:block;letter-spacing:-1px;font-weight:bold}
.btn_box .btn_close .form_tit{font-size:30px;position:relative;}
.btn_box .btn_close .form_tit em{margin-left:5px;position:absolute;top:50%;transform:translate(0, -50%);background:#fff;font-size:13px;color:#000;display:inline-block;height:26px;line-height:24px;padding:0 14px 0 10px;border-radius:15px}
.btn_box .form_tip .form_txt{letter-spacing:-1px;text-align:center;background:#f0f5ff;padding:10px 10px;border-bottom:1px solid #aaaaaa}
.btn_box .form_con{padding:10px;color:#000;font-size:12px;border-bottom:1px solid #aaaaaa;height:20px;line-height:20px;}
.btn_box .form_con em{margin-right:3px;text-align:center;display:inline-block;background:#0082ff;color:#fff;font-size:13px;padding:0 7px;height:20px;line-height:20px;border-radius:10px;}
.btn_box.active .btn_open {display:none}
.btn_box.active .form_body{display:block}
.btn_box.type2 .btn_close strong{font-weight:normal}
.btn_box.type2 .form_tit{font-size:20px;}
.btn_box.type3 .btn_close{font-weight:bold;background:#fff;padding:15px 20px;color:#111;font-size:23px;height:auto;position:relative}
.btn_box.type3 .btn_close .ico-arr-close{position:absolute;right:20px;top:15px;}

.lec-list{margin:0 0 30px}
.lec-list li{border-bottom:1px solid #dddddd;padding:15px 10px;}
.lec-list li a{padding-left:10px;position:relative;font-weight:bold;display:block;color:#111;font-size:20px;letter-spacing:-2px;}
.lec-list li a:after{content:"";border-radius:10px;width:3px;height:10px;background:#111;display:block;position:absolute;left:0;top:8px;}
.lec-list.type2 li{padding:15px 5px}
.lec-list.type2 li a{padding-left:35px;padding-right:25px;font-size:16px;font-weight:normal}
.lec-list.type2 li a:after{display:none;}
.lec-list.type2 li a .ico-check{position:absolute;left:0;top:0;}
.lec-list.type2 li a .ico-arr-right{position:absolute;right:0;top:0;}
.lec-list.type2 li.on a .ico-check:after,
.lec-list.type2 li.on a .ico-check:before{background:#0082ff}

.lec-tit{color:#111111;font-size:20px;padding-left:5px;}
.lec-info{margin-top:20px;}
.lec-info dt{color:#111;padding-left:10px;margin-bottom:10px;}
.lec-info dd{font-size:13px;border-radius:10px;background:#f7f7f7;color:#555;padding:15px;word-break:keep-all;}

.cert-box{background:#2e3575;padding:30px 0;color:#fff;}
.cert-txt{padding:0 15px 0 70px;margin-bottom:20px;color:#d1d2f1;font-size:13px;position:relative}
.cert-txt.type1:before{position:absolute;left:10px;top:0;content:"";display:inline-block;width:55px;height:55px;background:url(/img/enroll/cert_img.png) no-repeat 0 0;background-size:100% 100%;}
.cert-txt.type2{text-align:center;padding:20px 0 0 0;font-size:15px;}
.cert-txt.type2:before{content:"";display:inline-block;width:90px;height:103px;background:url(/img/enroll/cert_img2.png) no-repeat 0 0;background-size:100% 100%;}
.cert-txt em{color:#ffeba5;}
.cert-box dl{border-top:1px solid #d1d2f1;padding-top:20px;}
.cert-box dt{margin-bottom:10px}
.cert-box dd{text-align:center}
.cert-box dd input{width:45%;padding-left:1%;height:30px;line-height:30px;}
.cert-box dd input:focus{outline:0}

.checkbox_label{width:90%;height:90px !important;position:absolute;left:7px;top:15px;}
.checkbox_lec{display:inline-block;padding-left:25px}
.checkbox_lec strong{display:block}
.checkbox_lec .lec_ico{color:#777777;font-size:12px;}
.checkbox_lec .lec_ico span:before{content:"l";display:inline-block;margin:0 5px}
.checkbox_lec .lec_ico span:first-child:before{display:none}
.checkbox_lec strong{font-size:18px;color:#111;margin:1px 0 1px;}
.checkbox_lec del{font-size:12px;color:#111;position:relative;}
.checkbox_lec del:after{content:"→";display:inline-block;position:relative;left:-1px;top:-1px;}
.checkbox_sub{overflow:hidden;}
.checkbox_sub li{color:#111;float:left;font-size:12px;margin-right:5px;height:20px;line-height:20px;}
.checkbox_sub li span{font-size:11px;margin-right:1px;display:inline-block;height:18px;line-height:18px;border:1px solid #111;text-align:center;width:45px;border-radius:10px}

.checkbox.on+.checkbox_lec strong{color:#0082ff}
.checkbox.disabled+.checkbox_lec strong{color:#aaaaaa}
.checkbox.disabled+.checkbox_lec .lec_ico{color:#aaaaaa;}
.checkbox.disabled+.checkbox_lec del{color:#aaaaaa;}
.checkbox.disabled+.checkbox_lec .checkbox_sub li{color:#aaaaaa;}
.checkbox.disabled+.checkbox_lec .checkbox_sub li span{color:#aaaaaa;border-color:#aaaaaa}
.end-ico{font-size:12px;letter-spacing:-1px;display:block;width:40px;height:40px;line-height:40px;color:#aaaaaa;text-align:center;border:1px solid #aaaaaa;border-radius:50px;}
.end-ico.type2{border-color:#ff781e;height:33px;padding-top:7px;color:#ff781e;line-height:1.1}

.layer-popup{position:absolute;left:3%;width:95%;top:30%;z-index:100}
.layer-popup img{width:100%}
.word_ly{z-index:50;position:absolute;right:12px;top:0;display:none}
.word_ly_inner{margin-right:30px;background:#fff;border:2px solid #111;width:200px;border-radius:10px;padding:10px;}
.word_ly li{float:none;margin-bottom:5px}
.word_ly .btn{background:#fff;border:2px solid #111;width:20px;height:20px;position:absolute;right:0;top:0;border-radius:50%}
.word_ly .btn .ico-arr-close{width:20px;height:20px;}
.word_ly .btn .ico-arr-close:before,
.word_ly .btn .ico-arr-close:after{width:1em;height:.2em;top:.8em;left:.5em;}

.layer1{display:none;color:#777777;z-index:1000;position:absolute;left:0;top:20%;width:100%;}
.layer1.active{display:block}
.layer1 .layer_inner{font-size:11px;position:relative;margin:0 auto;width:75%;max-width:320px;background:#f0f2fc;border-radius:20px;padding:30px 30px}
.layer1 .layer_close{position:absolute;right:7px;top:7px;display:block;background:#000;width:2.5em;height:2.5em;border-radius:50%}
.layer1 .layer_close .ico-arr-close{margin-top:1px;margin-left:-1px}
.layer1 .layer_close .ico-arr-close:before,
.layer1 .layer_close .ico-arr-close:after{top:1.2em;left:.5em;width:1.8em;height:.3em;background-color:#fff;}
.layer1 .layer_btn{overflow:hidden;margin-top:20px}
.layer1 .layer_btn li{font-size:13px;float:left;width:49%}
.layer1 .layer_btn li a{color:#555555;text-align:center;display:block;background:#fff;border:1px solid #ff781e;padding:15px;border-radius:10px}
.layer1 .layer_btn li a span{display:inline-block;width:90%;height:30px;line-height:30px;background:#000;color:#fff;border-radius:10px}
.layer1 .layer_btn li i{margin:10px auto;display:block;width:95px;height:72px;background:url(/img/enroll/layer_btn2.png) no-repeat 0 0;background-size:100% 100%;}
.layer1 .layer_btn li:first-child{margin-right:2%}
.layer1 .layer_btn li:first-child i{background:url(/img/enroll/layer_btn1.png) no-repeat center 0;background-size:100% 100%;}

/* 24.02.21 결제 쿠폰팝업 추가 */
.layer_myCls {display: none;font-family:Nanum Gothic,'나눔고딕',sans-serif;}
.layer_myCls .desc{color: #333;font-weight: 600;font-size: 15px;text-align: center;}
.layer_myCls .layer_inner {position: absolute;padding-bottom: 20px;width: 90%;margin: 0 auto;background: #fff;left: 50%;transform: translateX(-50%);z-index: 2;top: 20%;}
.layer_myCls .lecture_pop {position:relative;height:50px;background-color:#3e4d64;padding: 0 5%;}
.layer_myCls .lecture_pop h4 {float:left;font-family:Nanum Gothic,'나눔고딕',sans-serif;font-size: 20px;font-weight:700;color:#fff;letter-spacing: -1px;line-height: 50px;}
.layer_myCls .lecture_pop h4 .cla_name {margin-right:10px;float:left;font-family:Nanum Gothic,'나눔고딕',sans-serif;font-size: 18px;font-weight:700;color:#fff;letter-spacing: -1px;line-height: 50px;}
.layer_myCls .btn_close {position:absolute; top:1.5%; right: 5%;width:31px;height:31px;background: url(http://www.caedu.co.kr/images/common/main_common.png) no-repeat -212px -226px;text-indent: -99999px;}
.layer_myCls .lyr_inner{padding: 0 5%;}
.layer_myCls .btn_style01.dgray_bg {background:#333; color:#fff; border:1px solid #333;height:35px; line-height:32px;display: inline-block;padding: 0 15px 0 15px;font-size: 16px;font-weight: 600;}
.layer_myCls select{width: 100%;height: 40px;padding-left: 10px;margin: 10px 0;background: url(http://www.caedu.co.kr/images/design/icon/select_arrow.png) no-repeat 97% 50%;appearance: none;background-size: 25px;border:1px solid #999;}
.board_search {width:100%;margin: 15px 0;}
.board_search.mgb20 {margin-bottom:20px;}
.board_search.mgb25 {margin-bottom:25px;}
.board_search > ul {display:inline-block; width:100%; box-sizing:border-box;}
.board_search > ul > li {position:relative; float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; font-size:14px; height:35px; line-height:35px;}
.board_search input{width: 100%;border: 2px solid #dcdcdc;height: 40px;padding-left: 10px;box-sizing: border-box;}
.tbl01 { width:90%; border-top:2px solid #3b3b3b; border-bottom:1px solid #ccc; color:#333; font-size:13px;margin-top: 5px; margin: 0 auto 5px;}
.tbl01 th { background:#fafafa; color:#333;font-weight: 600;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #bbbbbb;}
.tbl01 th, .tbl01 td { padding:7px 0; border-top:1px solid #ddd; text-align:center; vertical-align: middle;}
.tbl01 td {text-align: center;padding-left: 10px; font-size: 13px !important;border: 1px solid #bbbbbb;border-right: 1px solid #dcdcdc;color: #6e6e6e;font-weight: 600;}
.tbl01 td.nolec {height: 100px; line-height: 100px; font-size: 13px; font-weight: 400; text-align: center; color: #888;}
.tbl01 thead th { padding:7px 0; border-top:0; border-bottom:1px solid #ddd; background:#f3f3f3; font-size:12px; font-weight:bold; }
.tbl01 thead + tbody tr:first-child th,
.tbl01 thead + tbody tr:first-child td { border-top:0; }
.tbl01 tbody.type1 { background:#fff; }
.tbl01 .td_padd_zero { padding-top:0; padding-bottom:0; *padding-top:2px; }
.tbl01 .td_line_left { border-left-width:1px !important; }
.tbl01 .td_line_right { border-right-width:1px !important; }
.tbl01 .td_line1_left { border-left:1px solid #96969e !important; }
.tbl01 .td_rline { border-right:1px solid #ddd !important; }
.text_box.bg_box {background:#fafafa; border:1px solid #ddd; padding:15px 20px 15px 20px;color: #666;}
.text_box.bg_box.pd_10 {padding:10px 12px 10px 12px !important;}
.text_box.bg_box.pd_12 {padding:12px 12px 12px 12px !important;}
.text_box.bg_box.pd_20 {padding:20px 25px 20px 25px !important;}
.text_box.bg_box.b_blue {background:#fff; border:1px solid #0082ff;}
.text_box.bg_box.b_blue2 {border:1px solid #0082ff;}
.text_box.bg_box.b_gray {background:#fff; border:1px solid #ddd;}
.text_box.bg_box.b_lgray {background:#fff; border:1px solid #eee;}
.text_box.bg_box.b_lgray02 {background:#fff; border:1px solid #eee; border-top:none;}
.text_box.bg_box.b_lgray03 {background:#fff; border:1px solid #eee; border-top:none; border-bottom:none;}
.text_box.bg_box02 {background:#f4f5f7; border:1px solid #ddd; padding:20px 25px 20px 25px;}
.text_box.bg_box03 {background:#fff; border:4px solid #eee; padding:10px 15px 10px 15px;}
.text_box.bg_box04 {background:#f4f5f7; border:1px solid #ddd; padding:15px 20px 15px 20px;}
.text_box.bg_box05 {background:#fafafa; border:1px solid #eee; padding:15px 20px 15px 20px;}
.text_box.bg_box_blue {background:#0082ff; border:1px solid #0082ff; padding:15px 20px 15px 20px; color:#fff;}
.text_box .bull_list li{color: #666;font-weight: 600;}
.layer_myCls .btn_style01.blue_bg {background:#0082ff; color:#fff; border:1px solid #0082ff;height:35px; line-height:32px;display: block;padding: 0 15px 0 15px;font-size: 16px;width: 100%;margin: 20px auto;font-weight: 600;text-align: center;box-sizing: border-box;}
.layer_myCls .coupon_area{max-height: 358px;overflow-y: auto;padding: 7px 0;}

/* 수강신청 결제 25.01.22*/
.js_tab_wrap.pay{margin: 0 7px 13px;}
.js_tab_wrap.pay .js_tab_type a{display: flex;align-items: center;justify-content: center;flex-direction: column; height: 100px;font-size: 19px;line-height: 1.3;}
.js_tab_wrap.pay .js_tab_type a span{font-size: 20px;}
.js_tab_wrap.pay .noti_wrap{display:flex;flex-direction: column;}
.js_tab_wrap.pay .noti_wrap > p{width: 80px;font-weight: bold;color: #111;font-size: 11px;margin-bottom: 5px;}
.js_tab_wrap.pay .noti_wrap ul li{color: #777;font-size: 15px;letter-spacing: -.3px;line-height: 1.7;font-size: 11px;}
.js_tab_wrap.pay .noti_wrap ul li a{text-decoration: underline;}
.js_tab_wrap.pay .noti_wrap ul li.txt_black1{color: #111;font-weight: bold;}
.js_tab_wrap.pay .noti_wrap ul .txt_redc{color: #dc1818;}
.js_tab_wrap.pay .js_tab_text2{display: flex;justify-content: space-between;}
.js_tab_wrap.pay .js_tab_text2 li{width: calc((100% - 22px) /3);}
.js_tab_wrap.pay .js_tab_text2 li a{display: flex;align-items: center;justify-content: center;flex-direction: column;height: 60px; line-height: 1.9; font-size: 14px; text-align: center;color: #999999; font-weight: bold;background: #dfdfdf;border-radius: 10px;}
.js_tab_wrap.pay .js_tab_text2 li.on a{background: #0082ff;color: #fff;box-sizing: border-box;}