@charset "utf-8";
/* 모바일 헤더 - eduinto.com과 동일한 비율로 설정 */
#header{width:100%;height:auto;position:relative;background:#fff;overflow:visible}
#header .con_s{overflow:visible}
#header .con_w{position:relative; margin:0 auto;overflow:visible}
#header .header_txt{position:absolute;right:0}
/* 로고 중앙 정렬 및 크기 설정 - start.asp와 동일 */
#header .header_logo{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:6px 16px 0 16px;
	text-align:center;
	box-sizing:border-box;
	position:relative;
	overflow:visible
}
#header .header_logo img{
	height:106px;
	max-height:106px;
	width:auto;
	max-width:70vw;
	object-fit:contain;
	display:block;
	margin:0 auto
}
#header .header_wrap{position:absolute;width:120px;margin:10px 0 0 10px;}
#header .header_wrap h1.logo{width:120px;z-index:99}#header h1.logo img{width:120px}
#header .btn_menu{display:block;position:absolute;top:0;right:0;width:50px;height:50px;cursor:pointer;background:url(/asset/images/btn_menu.png) no-repeat 50% 50%; background-size:25px; z-index:101}
#header .btn_menu span{display:none}
#mainMenu{display:block;float:left;  padding-top:13px;z-index:98; padding-left:325px}
#mainMenu .con{display:block; margin:0 auto}
#mainMenu .con h1{display:none}
#mainMenu .main_menu{display:none; height:45px; margin-top:10px}
.gnb_sub_menu {display:none}
.menu_mask{display:none;position:absolute;width:100%;height:100%;top:70px;left:0;z-index:1100}
.main_menu_bg{/*\**/background:#000}
.main_menu_bg{display:none;position:absolute;width:100%;height:122px;top:58px;z-index:1200;border-bottom:1px solid #000; background: rgba(0, 0, 0, 0.8); }
.kma_logo {position:absolute;right:65px;top:6px} .kma_logo img{height:35px}

.main_menu_bg .menu_img{position:absolute;left:50%;top:30px;margin-left:-520px}

#container { margin:0 auto; }
.sub_visual{display:none}
.sub_visual img {width:100%}

.con_tit{position:relative; width:100% ;  margin-bottom:10px;margin-top:30px}
.con_tit h1{font-size:24px; font-weight:700;color:#000;letter-spacing:-0.05em}

.mo_scroll {overflow-x:auto}
.mo_title {position:relative;background:#333335;height:50px;padding-top:15px;box-sizing:border-box}
.mo_title h1 {color:#fcc317;font-size:24px;font-weight:500;text-align:center;}
.mo_title button{position:absolute;left:14px;top:10px;width:13px;height:27px;background:url(/asset/images/btn_back.png) no-repeat 50% 50%;background-size:80%}
.min_mw800{min-width:800px} .min_mw900{min-width:900px}

.container{position:relative; margin:10px; margin-bottom:60px}
.contents{width:100%}

.container .side{display:none}
.d_day {display:none}

#footer {clear:both;position:relative;background:#383a4a}
#footer .f_wrap{position:relative;margin:0 auto; padding:25px 0 25px 0; color:#FFF; font-size:14px; line-height:1.5em}
#footer .f_wrap .txt_copy {position:relative;color:#FFF;padding:0 15px;text-align:center}
/* 모바일에서 로고 표시 - 참고 사이트와 동일하게 */
#footer .f_wrap .f_logo {display:block;text-align:center;margin:0 auto 15px auto}
#footer .f_wrap .f_logo img {margin:0 auto;display:block}
#footer .f_wrap .txt_copy::after {display:table; content:''; clear:both}
#footer .f_wrap .txt_copy .con01 {float:none; color:#c5c5c5;  line-height:1.5em;font-weight:300;font-size:13px;text-align:center;width:100%;margin:0 auto}
#footer .f_wrap .txt_copy .con01 > div {color:#c5c5c5}
#footer .f_wrap .txt_copy .con01 span {margin-right:10px}
#footer .f_wrap .txt_copy .con02 {float:none; color:#FFF; width:100%;text-align:center;margin-top:15px}
#footer .logo{float:left; width:197px;padding-top:20px; margin-left:20px}
#footer .copy{ float:left;padding:20px 0px 0px 20px; margin-left:25px; font-size:13px;color:#fff;text-align:left; font-weight:300;line-height:1.4em}
#footer .btn_top {position:absolute;right:0;top:0}
#footer .btn_footer{display:inline-block; ;margin-top:15px;padding:8px 20px;background:#242424;border:1px solid #909090; color:#FFF;font-size:14px;font-weight:400;text-align:center;line-height:1em;letter-spacing:-0.1em;cursor:pointer;}

.sub_menu{display:none}

/*컨텐츠박스*/
.box_comm{border-top:2px solid #3a7ab8;background:#f8f9fb;overflow:hidden}
.check_list li {position:relative; padding-left:20px; margin-bottom:10px; font-size:14px; line-height:1.4em}
.check_list li .fa-ico {position:absolute; left:0; top:3px}

/* table type */
.table_type_a{border-top:2px solid #1b799b;border-bottom:1px solid #dddddd; color:#616161}
.table_type_a th{background:#ecf2f7;height:45px;border-right:1px solid #dddddd;vertical-align: middle;font-size:13px;font-weight:bolder;}
.table_type_a th:last-child {border-right:none}
.table_type_a th.th2 {background:#d8e6f1;height:45px;border-right:1px solid #85c7df; border-bottom:1px solid #85c7df; vertical-align: middle;font-size:13px;font-weight:bolder;}
.table_type_a td{border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;padding:12px 0; text-align:center}
.table_type_a td:last-child {border-right:none}
.table_type_a td.t_left{text-align:left; padding-left:10px}
.table_type_b{border-top:2px solid #6b6b6b;}
.table_type_b th{vertical-align: middle;text-align:left;font-size:13px;padding:14px 0 14px 20px;font-weight:bolder;border-bottom:1px solid #cccccc;}
.table_type_b td{border-top:1px solid #e4e4e4;font-size:13px;padding:14px 0 14px 38px;border-bottom:1px solid #eeeeee}

/* title type */
.h1_g{font-size:24px;color:#9db725;}
.h2_tit{font-size:18px;margin:40px 0 10px 0;padding-left:32px;height:23px;color:#111;background:url(../images/ico_tit.gif) no-repeat 0 0;}
.h2_nor{font-size:16px;color:#111;font-weight:bolder;}
.h1_txt{margin-top:12px;color:#3e3e3e;font-size:13px;}
.h3_tit{text-align:left;font-size:18px;margin:20px 0 10px 0;padding-left:25px;height:23px;color:#111;background:url(../images/icon_title.jpg) no-repeat 0 0 }
.tit_main {display:inline-block; background:#0a2f45; color:#FFF; padding:10px 12px; font-weight:bolder; font-size:16px}
.al_center{text-align:center;}
.ico_dot{background:url(../images/ico_dot.gif) no-repeat 0 9px;padding-left:7px;margin:3px 0;font-size:14px;}
.ico_dot2{background:url(../images/ico_dot.gif) no-repeat 0 9px;padding-left:7px;margin:3px 0;font-size:16px;}
.ico_dot02{background:url(../images/ico_dot02.gif) no-repeat 0 9px;padding-left:4px;margin:1px 0;font-size:12px;}
.ico_dot03{background:url(../images/ico_notice.gif) no-repeat 0 9px;padding-left:6px;margin:1px 0;font-size:12px;}
.ico_dot04{background:url(../images/ico_dot.gif) no-repeat 0 9px;padding-left:7px;margin:3px 0;font-size:13px;line-height:180%}

.info_list_w {padding-top:10px}
.info_list {position:relative; padding:3px 0 0 0; margin-bottom:30px}
.info_list h3 {}
.info_list .info_1 {color:#555; font-size:16px; font-weight:bolder; line-height:1.8em; margin-top:7px}
.info_list .info_2 {font-size:16px; margin-top:7px}

.info_list2 {position:relative; padding:0px 0 0 120px; margin-top:15px;  margin-bottom:35px}
.info_list2_alt {margin-bottom:25px}
.info_list2 h3 {position:absolute; left:10px; top:0; width:90px; height:65px; padding-top:25px; line-height:1.3em; background:#0a2f45; border-radius:100px; text-align:center; color:#FFF;font-size:15px; letter-spacing:-0.1em}
.info_list2 .alt01{padding-top:35px;height:55px}
.info_list2:first-child h3 {padding-top:10px; height:80px}
.info_list2 ul {margin-top:10px} .info_list2:last-child ul {margin-top:10px}
.info_list2 li {letter-spacing:-0.05em; line-height:1.4em}

.info_contest {margin-bottom:35px}
.info_contest::after {display:table; clear:both; content:''}
.info_contest h4 {border:1px solid #4772b2; padding:4px 7px; display:inline-block; margin-bottom:7px; font-size:16px}
.info_contest h4 + div {line-height:1.8em; font-size:16px}
.info_contest .con01 {}
.info_contest .con02 {margin-top:20px}

.tab_menu{border-bottom:1px solid #cdcdcd;height:49px;width:100%}
.tab_menu li{float:left}
.tab_menu li a {display:block;padding:10px 30px 0 30px;font-size:20px;font:normal 18px '맑은 고딕','돋움';border-top:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-bottom:none;height:38px;background:#f4f5f8;color:#555;text-decoration:none}
.tab_menu li:first-child a{border-left:1px solid #cdcdcd}
.tab_menu li a.on{height:36px;color:#072358;background:#FFF;border-bottom:2px solid #072358}
.tab_menu li a:hover{color:#072358}

.popup_wrap{position:absolute;top:80px !important;left:50% !important; margin-left:-150px !important; border:1px solid #000000;width:300px !important;background:#FFF;z-index:100000 }
.popup_wrap h3{display:none;}
.popup_wrap img {width:100%}
.popup_wrap .close_btn{width:100%;height:25px;background:#000000;font-size:11px;color:#FFF;position:relative;text-align:left;padding-top:5px}
.popup_wrap .close_btn img{position:absolute;top:7px;right:7px; width:15px !important}
.popup_wrap .close_btn input{vertical-align:middle}


/*탭메뉴*/
.sub_menu_dep_half ul li{width:50%}
.sub_menu_dep_quarter ul li{width:20%}


/* sub */
.item-has-children {border-bottom:1px solid #424242; padding:12px}
.item-has-children2 {border-bottom:1px solid #424242; padding:12px}
#cd-lateral-nav a {padding:0 16px 0 12px !important}
#cd-lateral-nav .sub-menu {padding:8px 10px 12px 6px !important}
.side_btn{display:flex;justify-content:space-between;margin:10px 10px 15px 10px}
.side_btn a {display:block !important;width:49%;border:1px solid #585858;background:#292929;padding:8px 0;text-align:center;font-size:13px;box-sizing:border-box}
#cd-lateral-nav  a.btn_side_level {display:block !important;border:1px solid #585858;background:#292929;margin:7px 10px;padding:10px 0 !important;font-size:16px;box-sizing:border-box;text-align:center}
.side_name{position:relative;padding:10px 50px 15px 15px;margin:10px 0px 0 0;color:#FFF;border-bottom:1px solid #424242;}
#cd-lateral-nav .side_name a{position:absolute;right:7px;top:5px;display:block !important; border:1px solid #585858;background:#292929;padding:0 !important; width:70px;text-align:center;font-size:13px;box-sizing:border-box}


.story_list { overflow:hidden}
.story_list li {float:left; width:33.3%; text-align:center;}
.story_list li img {border:1px solid #b8b8b8; width:90%; max-width:250px}
.story_list li .tit {height:35px}
.story_list li .t_18 {font-size:13px}
.story_list li .btn_comm {width:80%; padding:0 !important}
.story_mo {width:66.6%; margin:0 auto}
.story_mo li {float:left; width:50%; text-align:center;}
.story_contents { }
.story_contents li {float:left; width:50%; text-align:center;}


.more_data {background:#f0f0f0; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; padding:32px 0 42px 0; margin-top:30px; text-align:center}
.more_data h3 {font-size:20px; color:#000}
.more_data a {display:inline-block; margin:10px 0  }
.more_data a img {}

.faq_contants {text-align:center; font-size:18px; color:#676767; margin-bottom:35px}
.faq_contants .faq_tel {font-size:22px; color:#2f2f2f; margin-top:25px; letter-spacinn:-0.1em}
.faq_contants .faq_tel span {display:block; font-size:22px !important; color:#2f2f2f !important; margin-bottom:20px}
.faq_contants .faq_tel span tel, .faq_contants .faq_tel span a {font-size:22px !important; color:#2f2f2f !important; }
.faq_contants .faq_txt {font-size:17px; color:#676767; margin-top:25px; letter-spacinn:-0.1em}


    /*popup*/
.popup-wrap {position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.8)}
.popup-wrap > div{position:relative}
.popup-scroll {overflow-y:scroll;height:calc(100vh - 140px)}
.popup-comm {position: absolute;
    left: 3%;
    top: 3vh; background:#FFF;z-index:1001}
.popup-comm .con {position:relative; width:100%; height:100%}
.popup-comm .btn-close {position:absolute; top:10px; right:10px; width:31px; height:31px; background:url(/asset/images/btn_pop_close.png) no-repeat 0 0}
.popup-comm .btn-close span{display:none}
.popup-comm .btn-w-close {position:absolute; top:-65px; right:0; width:53px; height:53px; background:url(/asset/images/btn_pop_close_w.png) no-repeat 0 0}
.popup-comm .btn-w-close span{display:none}
.popup-comm .btn-w-prev  {position:absolute; top:35%; left:-64px; width:54px; height:108px; background:url(/asset/images/btn_m_bn_prev.png) no-repeat 0 0}
.popup-comm .btn-w-prev span{display:none}
.popup-comm .btn-w-next  {position:absolute; top:35%; right:-64px; width:54px; height:108px; background:url(/asset/images/btn_m_bn_next.png) no-repeat 0 0}
.popup-comm .btn-w-next span{display:none}
.popup-comm .pop-tit {height:30px; padding:20px 0 0 25px; font-size:20px; font-weight:400; border-bottom:1px solid #e1e1e1}
.popup-comm .popup-body {padding:22px 35px}
.pop-recipe .popup-comm {background:#ffdd52 url(/images/ico_recipe_pin.jpg) no-repeat 50% 3px;width:780px; height:550px; margin-left:-390px; margin-top:-280px; padding-top:80px}
.pop-recipe .popup-comm .btn-w-close {top:-140px}
.popup-index-9 {z-index:900}.popup-index-10 {z-index:1000}.popup-index-11 {z-index:1100}.popup-index-110 {z-index:11000}

.pop-div-1 {width:500px; height:500px; margin-left:-250px; margin-top:-250px}
.pop-div-2 {width:800px; height:620px; margin-left:-400px; margin-top:-310px}
.pop-div-3 {width:1000px; height:630px; margin-left:-500px; margin-top:-310px}
.pop-div-4 {width:94%; height:96vh; }
.pop-div-5 {width:90%; height:300px; margin-left:-47%; margin-top:-180px; text-align:center; margin-left:5%}
.pop-div-5 iframe {width:100%; height:300px}
.pop-div-6 {width:900px; height:506px; margin-left:-450px; margin-top:-253px}
.pop-div-6 iframe {width:900px; height:506px}
.pop-div-card {width:320px; height:320px; margin-left:-160px; margin-top:-160px}
.pop-div-card .swiper-slide img {width:320px}

.mo_upload .w70{width:95%}
.mo_upload .btn_comm {display:block;width:95%;margin-top:5px !important; margin-left:0 !important}
.mo_hide {display:none}

input[type=file]::-ms-value {border:1px solid #e1e1e1; box-shadow:none; background:#FFF; border-style:solid !important;border-color: #FFF !important;box-shadow:none !important}

.bbs_list_table td.con{position:relative;text-align:left;color:#666;padding-left:8px; font-size:16px; background:url(/images/ico_faq_q.gif) no-repeat 10px 50%;padding-left:55px; padding-right:80px; height:76px; }
.bbs_list_table td.answer{background:#f9f9f9 url(/images/ico_faq_a.gif) no-repeat 10px 25px; padding:25px 30px 25px 55px; height:auto ; line-height:1.7em}
.bbs_list_table .faq_aw{position:absolute; right:12px; top:50px; margin-top:-30px}


.mw100 {width:100%} .mw30 {width:30%} .mw40 {width:40%}
.mmt5 {margin-top:5px; display:block}

.reg_complete_box {background:url(/images/reg_complete.jpg) no-repeat 50% 45px ; background-size:150px;  padding:190px 12px 40px 12px; border:1px solid #d4d4d4; width:96%; box-sizing:border-box; margin:0 auto; font-size:16px; letter-spacing:-0.05em; color:#000;  text-align:center; line-height:1.3em}
.reg_complete_box  > div {color:#828282; font-size:13xp; margin-top:25px}



/*회원가입*/
.mem_step{display:flex;justify-content:center;margin-bottom:70px;margin-top:30px}
.mem_step .step{display:inline-block;width:110px;height:110px;background:#FFF;padding-top:35px;font-size:18px;color:#797979;font-weight:500;border:1px solid #d8d8d8;border-radius:100px;box-sizing:border-box;text-align:center;margin:0 5px}
.mem_step .step em{display:block;font-size:16px;font-weight:900;margin-bottom:5px}
.mem_step .select {border:1px solid #6c6c6c;background:#6c6c6c}
.mem_step .select span{color:#fcc317}
.agree_textarea{width:100%;border:1px solid #b2b2b2;background:#fafafa;padding:10px;box-sizing:border-box;height:150px}
.btn-member button, .btn-member a{width:140px}

/*로그인*/
.login_tit {text-align:center;margin-top:40px} .login_tit img {width:260px}
.login_txt {text-align:center;margin-top:30px;font-size:18px;color:#414141;font-weight:300}
.login_form {border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;margin-top:20px;padding:65px 0}
.login_form .con {position:relative;width:90%; padding-right:112px;box-sizing:border-box;margin:0 auto}
.login_form .con > div {position:relative; padding-left:95px;margin-bottom:10px}
.login_form .con > div input {width:100%;height:50px;font-size:18px;color:#000;text-indent:10px}
.login_form .con > div span {position:absolute;display:inline-block;top:15px;left:0;font-size:18px;color:#414141}
.btn_login {position:absolute;right:0;top:0;width:100px;height:110px;background:#ca5254;color:#FFF;font-size:22px;text-align:Center;font-weight:500}
.btn_login:hover {background:#bb2a2c}
.id_result {border:1px solid #e1e1e1;background:#f9f9f9;text-align:center;padding:30px 0;box-sizing:border-box;margin-bottom:30px}
.id_result em {color:#b31616;font-weight:900}

/*수강신청*/
.lecture_tit {color:#000;font-size:18px;font-weight:400}
.lecture_sub_txt {color:#3f3f3f;font-size:18px;margin-top:10px;margin-bottom:15px}

.lecture_wrap { margin:40px auto 13px; }

.lecture_con {width:100%}
.lecture_wrap .lecture_con {margin-top:15px}
.lecture_con h3{height:52px;padding-top:15px;margin-bottom:13px;border:1px solid #4e4e4e;box-sizing:border-box;background:#f7f7f7;text-align:center;font-size:24px;color:#414141;}
.lecture_con > div {position:relative;padding-left:180px;padding-right:25px;box-sizing:border-box;height:276px}
.lecture_con > div h4 {font-size:36px;color:#414141;font-weight:700;margin:40px 0 20px 0}
.lecture_con > div .txt1 {font-size:18px;color:#414141;font-weight:700;margin:0 0 10px 0}
.lecture_con > div .txt2 {font-size:18px;color:#414141;font-weight:400;line-height:1.6em;letter-sapcing:-0.05em}
.lecture_con .btn_comm_mid {position:absolute;right:20px;bottom:20px}
.l_junior > div{border:1px solid #a3676f;background:#ffced4 url(/asset/images/ico_lecture_01.png) no-repeat 38px 60px}
.l_general > div{border:1px solid #825861;background:#e4869b url(/asset/images/ico_lecture_01.png) no-repeat 38px 60px}
.l_one_to_one {margin:0 auto}
.l_one_to_one > div{border:1px solid #a29679;background:#fbe6b2 url(/asset/images/ico_lecture_01.png) no-repeat 38px 60px;padding-left:180px;padding-right:100px}
.l_one_to_one > div h4 {margin-top:40px}

/* 리포트 */
.report_wrap{background:#6b6b75;padding:45px 32px 32px 32px ;box-sizing:border-box}
.report_wrap h3.report_tit{color:#fcc317;font-size:40px;font-weight:500;text-align:center;margin-bottom:25px}
.report_wrap h3.report_tit img {width:40px}
.report_txt{color:#FFF;font-size:18px;font-weight:500;text-align:center;margin-bottom:30px;line-height:1.7em}
.report_sub_tit{color:#FFF;font-size:24px;font-weight:500;margin-bottom:12px}
.report_con{background:#FFF;padding:25px}
.report_calendar { }
.mycalendar {width:100%}
.calendar_top {width:100%;border-top:1px solid #dddddd;border-left:1px solid #ddd; border-right:1px solid #ddd}
.calendar_top td {text-align:center;height:31px;color:#000;font-weight:500}
.mycalendar .calendar {border-left:1px solid #ddd;border-top:1px solid #ddd;width:100%}
.mycalendar .calendar td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;height:33px;text-align:center;cursor:pointer}
.mycalendar .calendar td:first-child {color:#e9463f}
.mycalendar .calendar td:last-child {color:#2651b5}
.mycalendar .calendar td.today {background:#e1e1e1}
.mycalendar .calendar td.use{background:#fcc317;color:#FFF}
.mycalendar .calendar .week td{cursor:text}


.mytime {width:100%;margin-top:10px}
.mytime  .time_w {display:flex;flex-wrap:wrap; border-top:1px solid #dddddd; border-left:1px solid #dddddd }
.mytime  .time_w > div {display:inline-block;width:25%;height:34px;text-align:center;line-height:32px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;cursor:pointer}
.mytime  .time_w > div.select, .mytime  .time_w > div:hover {background:#fcc317;color:#FFF}
.mytime  .time_w > div:nth-child(1), .mytime  .time_w > div:nth-child(2), .mytime  .time_w > div:nth-child(3), .mytime  .time_w > div:nth-child(4){border-top:none}
.report_gage {display:flex;justify-content: space-between}.report_gage span{display:inline-block;width:9.5%;height:22px;background:#eaeaea} .report_gage span.active{background:#fcc317}


/*마이룸*/
.select_box {border:1px solid #a6acba; box-sizing:border-box; background:#e1ecf5;text-align:center;padding:18px 0}
.select_box select {text-align:center;height:32px;box-sizing:border-box}
.select_box .select1 {width:95%} .select_box .select2 {width:95% !important;margin-top:5px}

.class_calendar {margin-top:30px}
.class_calendar .cal_header{display:flex;flex-wrap:wrap;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1}
.class_calendar .cal_header > span {display:inline-block;width:14.28571%;padding:20px 0;font-size:18px;font-weight:900;text-align:center;background:#e7e9ed;border-right:1px solid #d1d1d1;box-sizing:border-box}
.class_calendar .cal_header > span:nth-child(1){color:#e9463f}
.class_calendar .cal_header > span:nth-child(7){color:#2651b5}
.class_calendar .cal_body{display:flex;flex-wrap:wrap;border-left:1px solid #d1d1d1}
.class_calendar .cal_body > div {position:relative;display:inline-block;width:14.28571%;min-height:150px;padding:7px;font-size:18px;background:#fff;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;box-sizing:border-box}
.class_calendar .cal_body > div .date_w {position:absolute;left:10px;top:10px;font-size:17px;font-weight:500}
.class_calendar .cal_body > div .date_w .date{display:inline-block;width:25px;text-align:left}
.class_calendar .cal_body > div .date_w .date_check{color:#e9463f}
.class_calendar .cal_body > div .date_w .attend{color:#2651b5}
.class_calendar .cal_body > div .time{margin:35px 0 0 5px;font-size:16px;color:#666}
.class_calendar .cal_body > div .teacher{margin:2px 0 0 5px;font-size:16px;color:#ff8c37}
.class_calendar .cal_body > div .btn_detail{margin:10px 0 0 5px}
.class_calendar .cal_body > div .btn_detail button {background:transparent}
.class_calendar .cal_body > div:nth-child(7n+1) .date_w .date{color:#e9463f}
.class_calendar .cal_body > div:nth-child(7n+7) .date_w .date{color:#2651b5}


.popup_privacy{ position:fixed;top:50%;left:50%;margin-left:-355px;margin-top:-280px;padding-bottom:12px; width:710px;height:490px;background:#FFF;z-index:10000000;}
.popup_privacy h3{height:38px;font-size:28px; color:#fcc317;font-weight:200;padding:20px 0 0 25px;text-align:left;background:#515151 }
.popup_privacy h4{color:#336699;font-size:13px;font-weight:bolder;margin:0px 0px 5px 0px}
.popup_privacy h5{margin:10px 0px 0px 0px;font-weight:bolder;}
.popup_privacy .privacy_txt{height:100%;text-align:left;line-height:160%;font-size:12px;border:none}
.privacy_txt p{font-size:13px;margin:10px 0;line-height:160%;}
.privacy_txt li{list-style: none;margin:10px 0;}
.privacy_close{position:absolute; right:15px;top:15px;cursor:pointer; background:url(/asset/images/btn_pop_close_w.png) no-repeat 0 0; width:31px; height:31px;padding:0} .privacy_close span{display:none}
.popup_privacy .textarea_agree {width:100%;height:100%;padding:15px; box-sizing:border-box;border:none}


/* 메인 */
.main_visual {background:url(/asset/images/img_main_02.jpg) no-repeat 50% 50%;height:380px}
.main_visual .con {position:relative; height:380px;margin:0 auto}
.main_visual .con .txt01 {position:absolute;top:40px;display:block;width:100%;text-align:center;color:#FFF;font-size:30px;line-height:1.4em;font-weight:300}
.main_visual .con .txt01 span {font-weight:700}
.main_visual .con .txt02 {position:absolute;top:170px;display:block;width:100%;font-weight:500; font-size:15px; color:#fcc317;line-height:2em; text-align:center}
.main_visual .con .txt02 span {margin:0 20px}
.main_visual .con .txt03 {position:absolute;bottom:100px;display:block;width:100%; text-align:center}
.main_visual .con .txt03 button {margin:0 5px;    height:40px;font-size:16px;padding-top:10px}
.main_notice {position:absolute;bottom:0;left:0;background:rgba(20,20,20,0.6);width:100%;height:80px}
.main_notice .notice_w {position:relative;width:100%;height:80px;padding:15px 100px 0 10px;box-sizing:border-box}
.main_notice h1 {position:absolute;color:#ffd201;font-size:18px;font-weight:400;top:12px;left:10px}
.main_notice h1 span {color:#FFF;margin-left:10px}
.main_notice .btn_main {position:absolute;right:15px;top:35px}
.main_notice .button-next, .main_notice .button-prev{background:transparent}
.main_notice .notice_list {height:40px;overflow:hidden;width:100%;padding-top:23px;box-sizing:border-box}
.main_notice .notice_list a {color:#FFF;font-size:16px;font-weight:300;line-height:1.2em}

.main_wrap .main_01 {background:#5d5d5d url(/asset/images/bg_main_01.jpg) no-repeat 50% 100px ;padding:50px 0 10px 0}
.main_wrap .main_01 .main_tit_01 {color:#FFF;font-size:32px;font-weight:200;text-align:center}
.main_wrap .main_01 .main_tit_01 em {color:#fcc317;font-weight:700}
.main_wrap .main_01 .main_01_list { max-width:340px;margin:180px auto 0}
.main_wrap .main_01 .main_01_list > div {width:100%;margin-bottom:35px}
.main_wrap .main_01 .main_01_list > div h2 {height:65px;color:#fcc317;text-align:center;font-weight:500;font-size:22px;padding-top:22px;background:#404040;box-sizing:border-box}
.main_wrap .main_01 .main_01_list > div img {width:100%}

.main_wrap .main_02 {position:relative;background:#45484e url(/asset/images/bg_main_02.jpg) no-repeat 50% 80px ;padding:50px 0 50px 0}
.main_wrap .main_02 .txt01{text-align:center;color:#FFF;font-size:32px;font-weight:200;}
.main_wrap .main_02 .txt02{text-align:center;color:#FFF;font-size:32px;font-weight:700;}
.main_wrap .main_02 .main_character {position:absolute;top:150px;left:50%;margin-left:90px;z-index:10}
.main_wrap .main_02 .main_character img {width:150px}
.main_wrap .main_02 .main_02_list { width:90%;max-width:380px; margin:120px auto 0}
.main_wrap .main_02 .main_02_list > div {position:relative;width:100%;height:135px;background:#FFF;padding:28px 10px 0 120px;box-sizing:border-box;margin-bottom:38px}
.main_wrap .main_02 .main_02_list > div h2 {font-size:20px;color:#000;margin-bottom:12px;letter-spacing:-0.03em}
.main_wrap .main_02 .main_02_list > div > div {font-size:16px;font-weight:300;line-height:1.5em}
.main_wrap .main_02 .main_02_list > div.alt01{background:#FFF url(/asset/images/img_main_0201.jpg) no-repeat 20px 25px }
.main_wrap .main_02 .main_02_list > div.alt01:after{display:block;content:'';position:absolute;background:url(/asset/images/img_main_line_0202.jpg) no-repeat 0 0;left:50%;bottom:0;margin-bottom:-35px;width:18px;height:35px}
.main_wrap .main_02 .main_02_list > div.alt02{background:#FFF url(/asset/images/img_main_0202.jpg) no-repeat 25px 25px }
.main_wrap .main_02 .main_02_list > div.alt02:after{display:block;content:'';position:absolute;background:url(/asset/images/img_main_line_0202.jpg) no-repeat 0 0;left:50%;bottom:0;margin-bottom:-35px;width:18px;height:35px}
.main_wrap .main_02 .main_02_list > div.alt03{background:#FFF url(/asset/images/img_main_0203.jpg) no-repeat 25px 25px  }
.main_wrap .main_02 .main_02_list > div.alt03:after{display:block;content:'';position:absolute;background:url(/asset/images/img_main_line_0202.jpg) no-repeat 0 0;left:50%;bottom:0;margin-bottom:-35px;width:18px;height:35px}
.main_wrap .main_02 .main_02_list > div.alt04{background:#FFF url(/asset/images/img_main_0204.jpg) no-repeat 25px 25px }
.main_wrap .main_02 .main_02_list > div.alt04:after{display:block;content:'';position:absolute;background:url(/asset/images/img_main_line_0202.jpg) no-repeat 0 0;left:50%;bottom:0;margin-bottom:-35px;width:18px;height:35px}
.main_wrap .main_02 .main_02_list > div.alt05{background:#FFF url(/asset/images/img_main_0205.jpg) no-repeat 25px 25px  }

.main_wrap .main_03 {background:#5d5d5d;padding:50px 0 50px 0}
.main_wrap .main_03 .main_w {margin:0 10px}
.main_wrap .main_03 .txt01 {color:#FFF;font-size:32px;font-weight:200;text-align:center}
.main_wrap .main_03 .txt01 span {color:#fcc317;font-weight:700}
.main_wrap .main_03 .txt02 {color:#FFF;font-size:20px;font-weight:300;text-align:left}

.tb_main_form {width:100%;border-top:2px solid #848484;margin-top:5px}
.tb_main_form th{border-bottom:1px solid #848484;border-right:1px solid #848484;color:#fff;padding:15px 0px 15px 0;font-size:16px;font-weight:300;background:#4f4f4f;text-align:center}
.tb_main_form td{border-bottom:1px solid #848484;border-right:1px solid #848484;color:#fff;padding:15px 10px 15px 10px;font-size:16px;font-weight:300;text-align:center}
.tb_main_form th:last-child{border-right:none}
.tb_main_form td:last-child{border-right:none}
.tb_main_form td.t_l {text-align:left}
.tb_main_form .price1 {color:#fcc317}
.tb_main_form .price2 {color:#ff9600}
.tb_main_form thead th {text-align:center}

.main_bn {margin:80px auto 0}
.main_bn > a {display:block;width:100%;height:86px;margin-bottom:10px;border:1px solid #8e8e8e; background:#444 url(/asset/images/ico_main_aw.png) no-repeat 95% 50%; box-sizing:border-box; padding:14px 0 0 20px; color:#fcc317;font-size:18px;font-weight:400 }
.main_bn > a span {margin-right:20px}
.main_bn > a:hover {text-decoration:none}

.main_tel { margin:30px auto 40px}
.main_tel  > div {color:#FFF;font-size:18px;font-weight:300}
.main_tel .alt01 { color:#FFF;font-size:18px;font-weight:300;margin-left:10px}
.main_tel .alt02 {position:relative;padding:0 10px 0 10px ; margin-top:20px; box-sizing:border-box}
.main_tel .alt02 .kakao {display:block;margin-top:15px}


/* 일반페이지 */
.con_sub_tit {font-size:18px;color:#000;font-weight:500;margin:20px 0 10px 0;line-height:1.5em}
.txt_0101{font-size:18px;color:#000;font-weight:300;margin-top:15px;line-height:1.6em}
.txt_0102{font-size:18px;color:#000;font-weight:300}
.txt_03 {font-weight:500;color:#000;font-size:18px;line-height:1.6em;margin:30px auto 0}
.b_line{border:1px solid #d0d0d0}

.img_comm_01{text-align:center;margin-top:30px}
.img_comm_01 img{max-width:100%}

.img_0101 img {max-width:100%}
.img_0102 {display:flex;justify-content:space-between; flex-wrap:wrap;margin:30px 0}
.img_0102 > div {width:48%;margin-bottom:20px}
.img_0102 > div span{display:block;margin-top:12px;text-align:center;font-size:18px;color:#000;font-weight:300;line-height:1.6em}
.img_0102 > div img{border:1px solid #b0b0b0;max-width:100%}

.img_0103 {display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px 0}
.img_0103 > div {width:100%;text-align:center;margin-bottom:30px}
.img_0103 > div img {max-width:100%}
.img_0103 > div span{display:block;margin-top:12px;text-align:center;font-size:18px;color:#000;font-weight:300}

.img_0104 {margin:30px 0}
.img_0104 > div {width:100%;text-align:center}
.img_0104 > div img {max-width:100%}
.img_0104 > span {display:block;margin-top:20px;width:100%;font-size:18px;color:#000;font-weight:300;line-height:1.6em}

.img_0105 {display:flex;justify-content:space-between;margin:30px 0}
.img_0105 > div {width:49%}
.img_0105 > div img {max-width:100%}

.img_0106_01 {background:url(/asset/images/img_01_0601.jpg) no-repeat 50% 0;height:160px;background-size:auto 100%;text-align:center}
.img_0106_01 span {display:block;padding-top:45px;font-size:30px;color:#FFF;font-weight:700}
.img_0106_01 span em {display:block;margin-bottom:20px;font-size:20px;font-weight:400}

.img_0106_02 {background:url(/asset/images/img_01_0602.jpg) no-repeat 50% 0;height:160px;background-size:auto 100%;text-align:center}
.img_0106_02 span {display:block;padding-top:45px;font-size:30px;color:#FFF;font-weight:700}
.img_0106_02 span em {display:block;margin-bottom:20px;font-size:20px;font-weight:400}

.img_02{text-align:center}
.img_02 img{max-width:100%}
.img_0203 {display:flex;justify-content:space-between;flex-wrap:wrap;margin:40px 0}
.img_0203 li {width:100%; display:flex;justify-content:space-between;margin-bottom:20px}
.img_0203 li span{display:block;width:100px; height:auto; padding-bottom:20px; border:1px solid #d1d1d1;text-align:center;padding-top:12px;box-sizing:border-box;vertical-align:middle}
.img_0203 li span img {width:55%}
.img_0203 li dl {width:calc(100% - 115px);margin-top:5px}
.img_0203 li dt{font-size:18px;font-weight:500;color:#000;margin-bottom:7px}
.img_0203 li dd{font-size:16px;font-weight:300;color:#000;line-height:1.5em}

.img_0204 {margin:10px auto}
.img_0204 li {width:100%;border:1px solid #d0d0d0;text-align:center;padding:20px 0;box-sizing:border-box;margin-bottom:10px}
.img_0204 li dt {font-size:20px;font-weight:500;color:#000;margin-bottom:18px}
.img_0204 li dd {font-size:16px;font-weight:300;color:#000;margin-top:10px}

.img_0303 {display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px 30px 30px 0}
.img_0303 > div {position:relative;width:44%;border:4px solid #adadad;border-radius:15px;text-align:center;padding:7px 0 15px 0;margin-bottom:25px}
.img_0303 > div img {width:96%}
.img_0303 > div:after{position:absolute;content:'';display:block;width:14px;height:23px;top:47%;right:0;margin-right:-25px;background:url(/asset/images/ico_aw_right.jpg) no-repeat}
.img_0303 > div:last-child:after{background:none}
.img_0303 > div .tit{display:block;margin-top:12px;text-align:center;font-size:18px;color:#000;font-weight:500}
.img_0303 > div .txt{display:block;margin-top:10px;text-align:center;font-size:15px;color:#000;font-weight:300}

.img_0401 {display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px 10px}
.img_0401 > div {position:relative;width:48%;text-align:center;margin-bottom:25px}
.img_0401 > div img {max-width:100%}
.img_0401 > div .tit{display:block;margin-top:12px;text-align:center;font-size:18px;color:#000;font-weight:500}
.img_0401 > div .txt{display:block;margin-top:10px;text-align:center;font-size:16px;color:#000;font-weight:300;line-height:1.5em}
.img_0402 {margin:30px 30px}
.img_0402 > div {text-align:center}
.img_0402 > div img {max-width:100%}
.img_0402 > dl { margin-top:20px}
.img_0402 > dl dt {font-size:18px;font-weight:500;color:#000;margin-bottom:10px}
.img_0402 > dl dd {font-size:16px;color:#000;font-weight:300;margin-bottom:7px}

.img_0501 {display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px 0}
.img_0501 > div {width:32%;margin-bottom:20px;margin-top:10px;text-align:center}
.img_0501 > div img {max-width:100%}
.img_0501 > div .tit{margin-top:12px;text-align:center;font-size:16px;color:#000;font-weight:500;text-align:center}
.img_0501 > div .txt{margin-top:10px;text-align:center;font-size:15px;color:#000;font-weight:300;text-align:center}

.img_0502 { margin:30px 30px}
.img_0502 div{margin:30px}
.img_0502 div img {max-width:100%}
.img_0503 { margin:30px 30px}
.img_0503 div{margin:30px}
.img_0503 div img {max-width:100%}

.img_0504 {display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px 20px 0 20px}
.img_0504 > div {position:relative;width:46%;text-align:center;margin-bottom:25px}
.img_0504 > div img {max-width:100%}
.img_0504 > div:after{position:absolute;content:'';display:block;width:13px;height:40px;top:38%;right:0;margin-right:-15px;background:url(/asset/images/ico_awy_right.jpg) no-repeat;background-size:100%}
.img_0504 > div:last-child:after{background:none}
.img_0504 > div .tit{display:block;margin-top:10px;text-align:center;font-size:18px;color:#000;font-weight:500}

.img_0505 {display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px 0}
.img_0505 > div {position:relative;width:48%;text-align:center;border:1px solid #9b9b9b;box-sizing:border-box;padding-bottom:20px;margin-bottom:25px}
.img_0505 > div h4 {background:#4c4c4c;text-align:center;height:40px;padding-top:8px;box-sizing:border-box;color:#FFF;font-size:15px}
.img_0505 > div .img {margin:15px 0;text-align:center;}
.img_0505 > div .img img {border:1px solid #9b9b9b;max-width:80%}
.img_0505 > div .txt{display:block;margin-top:6px;font-size:15px;color:#000;font-weight:300;text-align:left;margin-left:12px}

.img_0506 {display:flex;justify-content:space-between;margin:30px 0}
.img_0506 > div {width:32%;text-align:center}
.img_0506 > div img {max-width:100%}

.history_list {margin-left:10px;margin-top:40px}
.history_list li {position:relative;margin-bottom:30px;padding-left:90px}
.history_list dt {position:absolute;left:0;top:0;font-size:18px;font-weight:700;color:#000}
.history_list dt:before {border:5px solid #fcc317;border-radius:20px;width:16px;height:16px;content:'';display:inline-block;box-sizing:border-box;margin-right:7px}
.history_list dd {font-size:16px;font-weight:300;color:#000;margin-bottom:10px}
.img_map iframe{height:200px}
.ico_dot {font-size:16px;font-weight:700}

.teacher_info {margin-top:30px}
.teacher_info li {display:flex;justify-content:space-between;margin:15px 0 37px 0}
.teacher_info .photo {width:100px}
.teacher_info .photo img {border:1px solid #cbcbcb;width:98px}
.teacher_info .profile {width:calc(100% - 112px);border-top:2px solid #4e5a77}
.teacher_info .profile > div { border-bottom:1px solid #c7c7c7}
.teacher_info .profile > div .tit {display:none;width:20%;font-size:16px;color:#414141;font-weight:500;background:#f7f7f7;padding:14px 0 14px 25px;box-sizing:border-box}
.teacher_info .profile > div .txt {display:block; font-size:14px;color:#565656;font-weight:300;padding:10px 0 10px 10px;box-sizing:border-box;word-break: break-word}

.school_list {border-top:1px solid #b0b0b0;border-left:1px solid #b0b0b0;display:flex;flex-wrap:wrap;margin-bottom:20px}
.school_list li {border-right:1px solid #b0b0b0;border-bottom:1px solid #b0b0b0;width:50%;text-align:center;font-size:13px;padding:5px 0;box-sizing:border-box}

.review_movie {margin:0 0 20px 0}
.review_movie li { border-bottom:1px solid #b0b0b0;padding:30px 0;}
.review_movie li:last-child {border-bottom:none}
.review_movie li > div { }
.review_movie li > div iframe{width:100%; max-width:500px;height:180px;border:1px solid #b0b0b0}
.review_movie li > dl {margin-top:10px}
.review_movie li dt {font-size:20px;color:#000;font-weight:500;margin:5px 0 12px 0}
.review_movie li dd {font-size:16px;color:#000;font-weight:300;line-height:1.6em}

/* start.asp 전용 모바일 스타일 */
.main_visual .visual_tag {position:absolute !important;top:calc(20px - 3mm) !important;left:50% !important;transform:translateX(-50%) !important;margin:0 !important;padding:0 8px !important;font-size:20px !important;color:#5b5b5b !important;text-align:center !important;width:auto !important;z-index:1 !important;pointer-events:none !important;white-space:nowrap !important}
.main_visual .con {flex-direction:column;gap:10px;padding:20px 15px;margin:0;max-width:100%;box-sizing:border-box;align-items:center;position:relative}
.visual_left {flex:none;width:100%;margin:0;padding:0;text-align:center;padding-bottom:30px;margin-top:0}
.visual_left > div {margin:0;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center}
.visual_text_box {margin-bottom:20px;text-align:center !important;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}
.main_visual .visual_left .visual_text_box span:nth-child(1),
.visual_left .visual_text_box span:nth-child(1),
.visual_left > div > span:nth-child(1) {white-space:normal !important;font-size:28px !important;word-break:keep-all !important;line-height:1.4 !important;display:block !important;margin:0 0 calc(10px + 4mm) 0 !important;text-align:center !important;width:100% !important}
.main_visual .visual_left .visual_text_box span:nth-child(2),
.visual_left .visual_text_box span:nth-child(2),
.visual_left > div > span:nth-child(2) {white-space:normal !important;font-size:16px !important;word-break:keep-all !important;line-height:1.6 !important;display:block !important;margin:calc(-1mm) 0 15px 0 !important;text-align:center !important;width:100% !important}
.visual_left > div > span:nth-child(3) {font-size:12px;word-break:keep-all;margin-top:-5mm;line-height:1.6}
.visual_right {flex:none;width:100%;overflow:visible;margin-bottom:-40px;text-align:center}
.teacher_img {width:70%;max-width:70%;height:auto;margin:0 auto;display:block;transform:none}
.main_visual .btn_wrap,
.main_visual .con .btn_wrap,
.btn_wrap {flex-direction:row !important;flex-wrap:nowrap !important;gap:15px !important;justify-content:center !important;align-items:center !important;margin-top:20px !important;margin-bottom:16px !important;z-index:5 !important;width:100% !important;display:flex !important}
.mobile_only {display:inline-block !important}
.notice_mobile_cta.mobile_only {display:flex !important;flex-direction:column !important;gap:10px !important;align-items:center !important;margin:20px auto !important;width:calc(100% - 40px) !important;max-width:360px !important;text-align:center !important;padding:0 10px !important;box-sizing:border-box !important}
.notice_mobile_cta.mobile_only .hero_mobile_btn {display:block !important;width:100% !important;text-align:center !important;margin:0 !important}
.main_visual .btn_wrap .btn_test.mobile_only,
.main_visual .btn_wrap .btn_apply.mobile_only,
.main_visual .con .btn_wrap .btn_test.mobile_only,
.main_visual .con .btn_wrap .btn_apply.mobile_only,
.btn_wrap .btn_test.mobile_only,
.btn_wrap .btn_apply.mobile_only,
.btn_test.mobile_only,
.btn_apply.mobile_only {padding:15px 30px !important;border:1px solid #000 !important;background:rgba(255,255,255,0.5) !important;color:#000 !important;font-size:16.8px !important;font-weight:600 !important;cursor:pointer !important;border-radius:24px !important;transition:all 0.3s !important;text-decoration:none !important;display:inline-block !important;white-space:nowrap !important;text-align:center !important;visibility:visible !important;opacity:1 !important}
.main_01_list {flex-direction:column;gap:25px}
.main_01 {padding:0 20px}
.main_tit_01 {font-size:30px;font-weight:900;color:#000}
.main_subtitle {font-size:18px;margin-bottom:50px}
.card_image {height:130px}
.card_desc {font-size:20.7px;margin:0 17.25px 23px 17.25px}