@charset "utf-8"; 
#header{width:100%;height:70px;position:relative;  background:#FFF }
#header .con_w{position:relative; margin:0 auto}
#header .header_txt{position:absolute;right:0}
#header .header_logo{text-align:center;padding-top:15px}
#header .header_logo img{ }
#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:70px;height:70px;cursor:pointer;background:url(/asset/images/btn_menu.png) no-repeat 50% 50%; background-size:30px; 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:75px;top:14px} .kma_logo img{height:40px}

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

#container { margin:0 auto; }
.sub_visual{width:100%;text-align:center; line-height:0; padding:0}
.sub_visual img {width:100%}

.con_tit{position:relative; width:100%;height:45px;margin-bottom:20px;margin-top:50px;line-height:40px;overflow:hidden}
.con_tit h1{font-size:40px;font-weight:700;color:#000}
.mo_scroll {overflow-x:auto}
.mo_title{display:none}

.sub_nav{width:100%; height:40px; background:#f0f0f0}
.sub_nav .con{padding:12px 15px 0 0;text-align:right;margin:0 auto}
.sub_nav .home{display:inline-block;width:13px;height:12px;background:url(/images/ico_home.png) no-repeat 0 0}.sub_nav .home span{display:none}
.sub_nav .nav{display:inline-block;height:13px;background:url(/images/ico_nav_aw.png) no-repeat 0 0;padding-left:14px;margin-left:6px;font-size:12px;line-height:1em;letter-spacing:-0.05em}
.sub_nav .nav:last-child{font-weight:bolder}

.container{position:relative; margin:0; margin-bottom:60px}
.contents{margin:15px 25px}
.mo_title{display:none}
.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-left:220px}
#footer .f_wrap .f_logo {position:absolute;top:20px;left:15px}
#footer .f_wrap .f_logo img {width:170px}
#footer .f_wrap .txt_copy::after {display:table; content:''; clear:both}
#footer .f_wrap .txt_copy .con01 {float:left; color:#c5c5c5; width:650px;line-height:1.5em;font-weight:300;font-size:13px}
#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:left; color:#FFF; width:150px}
#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{width:100%;height:66px;text-align:center;background:#333335}
.sub_menu ul{margin:0 auto;display:flex;justify-content:center}
.sub_menu ul li{height:66px}
.sub_menu ul li a{display:block;height:44px;padding:0 5px;font-size:16px;font-weight:300;letter-spacing:-0.05em;text-align:center;color:#FFF;text-decoration:none;padding-top:22px}
.sub_menu ul li.select a{background:#000;color:#fcc317;font-weight:400}
.sub_menu ul li a:hover{background:#000;color:#fcc317;font-weight:400}
.side-myroom ul li a{padding:22px 10px 0 10px}

/*컨텐츠박스*/
.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:15px;}
.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%}

.popup_wrap{position:absolute;top:100px;border:1px solid #000000;width:400px;background:#FFF;z-index:100000 }
.popup_wrap h3{display:none;}
.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;}
.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:227px}
.story_list li .tit {height:50px}
.story_contents {width:560px; margin:0 auto}
.story_contents li {float:left; width:50%; text-align:center;}
.story_contents02 {width:560px; margin:0 auto}
.story_contents02 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 {margin:0 10px}
.more_data::after {content: ""; clear:both}

.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_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-comm {position:absolute;left:50%;top:50%;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:-65px}
.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:680px; height:560px; margin-left:-340px; margin-top:-280px}
.pop-div-5 {width:780px; height:500px; margin-left:-390px; margin-top:-250px}
.pop-div-5 iframe {width:780px; height:500px}
.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:700px; height:700px; margin-left:-350px; margin-top:-350px}
.pop-div-card .swiper-slide img {width:700px}


.ta_hide {display:none}
.mo-scroll {overflow-x:scroll}
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}



/*회원가입*/
.mem_step{display:flex;justify-content:center;margin-bottom:70px}
.mem_step .step{display:inline-block;width:125px;height:125px;background:#FFF;padding-top:45px;font-size:18px;color:#797979;font-weight:500;border:1px solid #d8d8d8;border-radius:100px;box-sizing:border-box;text-align:center;margin:0 25px}
.mem_step .step em{display:block;font-size:20px;font-weight:900;margin-bottom:10px}
.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:30px;box-sizing:border-box;height:200px}
.btn-member button, .btn-member a{width:190px}

/*로그인*/
.login_tit {text-align:center;margin-top:10px}
.login_txt {text-align:center;margin-top:30px;font-size:22px;color:#414141}
.login_form {border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;margin-top:20px;padding:65px 0}
.login_form .con {position:relative;width:680px; padding-right:182px;box-sizing:border-box;margin:0 auto}
.login_form .con > div {position:relative; padding-left:105px;margin-bottom:10px}
.login_form .con > div input {width:100%;height:50px;font-size:22px;color:#000;text-indent:10px}
.login_form .con > div span {position:absolute;display:inline-block;top:15px;left:0;font-size:22px;color:#414141}
.btn_login {position:absolute;right:0;top:0;width:172px;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:22px;font-weight:700}
.lecture_sub_txt {color:#3f3f3f;font-size:18px;margin-top:10px;margin-bottom:15px}

.lecture_wrap {margin:40px auto 13px;display:flex;justify-content:space-between}

.lecture_con {width:100%}
.lecture_wrap .lecture_con {float:left;width:49.3%}
.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:55px 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 108px}
.l_general > div{border:1px solid #825861;background:#e4869b url(/asset/images/ico_lecture_01.png) no-repeat 38px 108px}
.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 150px 98px;padding-left:326px;padding-right:100px}
.l_one_to_one > div h4 {margin-top:80px}

/* 리포트 */
.report_wrap{background:#6b6b75;padding:45px 32px 32px 32px ;box-sizing:border-box}
.report_wrap h3.report_tit{color:#fcc317;font-size:62px;font-weight:500;text-align:center;margin-bottom:25px}
.report_txt{color:#FFF;font-size:16px;font-weight:300;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 {display:flex;justify-content: space-between}
.mycalendar {width:265px}
.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:calc(100% - 285px)}
.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:455px} .select_box .select2 {width:195px}

.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}


/* 메인 */
.pc_hide {display:none}
.main_visual {background:url(/asset/images/img_main_02.jpg) no-repeat 50% 50%;height:634px}
.main_visual .con {position:relative; height:634px;margin:0 auto}
.main_visual .con .txt01 {position:absolute;top:130px;display:block;width:100%;text-align:center;color:#FFF;font-size:40px;line-height:1.6em;font-weight:300}
.main_visual .con .txt01 span {font-weight:700}
.main_visual .con .txt02 {position:absolute;top:400px;display:block;width:100%;font-weight:500; font-size:30px; color:#fcc317; text-align:center}
.main_visual .con .txt02 span {margin:0 20px}
.main_visual .con .txt03 {position:absolute;top:476px;display:block;width:100%; text-align:center}
.main_visual .con .txt03 button {margin:0 5px}
.main_notice {position:absolute;bottom:0;left:0;background:rgba(20,20,20,0.6);width:100%;height:66px}
.main_notice .notice_w {position:relative;width:100%;height:66px;padding:0 130px 0 200px;box-sizing:border-box}
.main_notice h1 {position:absolute;color:#ffd201;font-size:24px;font-weight:400;top:23px;left:20px}
.main_notice h1 span {color:#FFF;margin-left:10px}
.main_notice .btn_main {position:absolute;right:15px;top:20px}
.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}

.main_wrap .main_01 {background:#5d5d5d url(/asset/images/bg_main_01.jpg) no-repeat 50% 60% ;padding:50px 0 10px 0}
.main_wrap .main_01 .main_tit_01 {color:#FFF;font-size:36px;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 {display:flex;flex-wrap:wrap;justify-content:space-between;width:90%;margin:40px auto 0}
.main_wrap .main_01 .main_01_list > div {width:330px;margin-bottom:65px}
.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 40% 240px ;padding:50px 0 50px 0}
.main_wrap .main_02 .txt01{text-align:center;color:#FFF;font-size:36px;font-weight:200;}
.main_wrap .main_02 .txt02{text-align:center;color:#FFF;font-size:36px;font-weight:700;}
.main_wrap .main_02 .main_character {position:absolute;top:350px;left:50%;margin-left:-340px}
.main_wrap .main_02 .main_character img {width:150px}
.main_wrap .main_02 .main_02_list {display:flex;flex-wrap:wrap;justify-content:space-between;width:835px;margin:40px auto 0}
.main_wrap .main_02 .main_02_list > div {position:relative;width:350px;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_0201.jpg) no-repeat 0 50%;right:0;top:50%;margin-right:-134px;width:134px;height:10px}
.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;margin-left:485px }
.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;margin-left:485px }
.main_wrap .main_02 .main_02_list > div.alt04:after{display:block;content:'';position:absolute;background:url(/asset/images/img_main_line_0203.jpg) no-repeat 0 0;left:0;top:50%;margin-left:-102px;margin-top:-5px;width:102px;height:18px}
.main_wrap .main_02 .main_02_list > div.alt05{background:#FFF url(/asset/images/img_main_0205.jpg) no-repeat 25px 25px ; margin-top:-173px}

.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:40px;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 {display:flex;flex-wrap:wrap;justify-content:space-between;margin:80px auto 0}
.main_bn > a {display:block;width:32.5%;height:86px;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 10px; color:#fcc317;font-size:18px;font-weight:400 }
.main_bn > a span {margin-right:10px}
.main_bn > a:hover {text-decoration:none}

.main_tel { margin:50px auto 40px}
.main_tel  > div {color:#FFF;font-size:22px;font-weight:300}
.main_tel .alt01 { color:#FFF;font-size:22px;font-weight:300}
.main_tel .alt02 {position:relative;padding:0 100px 0 0 ; margin-top:20px; box-sizing:border-box}
.main_tel .alt02 .kakao {position:absolute;right:0;top:-5px}


/* 일반페이지 */
.con_sub_tit {font-size:24px;color:#000;font-weight:500;margin:20px 0 10px 0;line-height:1.5em}
.txt_0101{font-size:20px;color:#000;font-weight:300;margin-top:15px;line-height:1.6em}
.txt_0102{font-size:20px;color:#000;font-weight:300}
.txt_03 {font-weight:500;color:#000;font-size:24px;line-height:1.6em;width:700px;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;margin:30px 0}
.img_0102 > div {width:23%;}
.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;margin:30px 30px}
.img_0103 > div {width:32%;text-align:center}
.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 {display:flex;justify-content:space-between;margin:30px 0}
.img_0104 > div {width:220px}
.img_0104 > div img {width:100%}
.img_0104 > span {display:block;margin-top:30px;width:calc(100% - 240px);font-size:20px;color:#000;font-weight:300;line-height:1.6em}

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

.img_0106_01 {background:url(/asset/images/img_01_0601.jpg) no-repeat;height:210px;text-align:center}
.img_0106_01 span {display:block;padding-top:55px;font-size:60px;color:#FFF;font-weight:700}
.img_0106_01 span em {display:block;margin-bottom:40px;font-size:30px;font-weight:400}

.img_0106_02 {background:url(/asset/images/img_01_0602.jpg) no-repeat;height:210px;text-align:center}
.img_0106_02 span {display:block;padding-top:55px;font-size:60px;color:#FFF;font-weight:700}
.img_0106_02 span em {display:block;margin-bottom:40px;font-size:30px;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:180px;height:125px;border:1px solid #d1d1d1;text-align:center;padding-top:12px;box-sizing:border-box}
.img_0203 li dl {width:calc(100% - 195px);margin-top:10px}
.img_0203 li dt{font-size:20px;font-weight:500;color:#000;margin-bottom:15px}
.img_0203 li dd{font-size:18px;font-weight:300;color:#000;line-height:1.6em}

.img_0204 {display:flex;justify-content:space-between;margin:20px auto}
.img_0204 li {width:32%;border:1px solid #d0d0d0;text-align:center;padding:30px 0;box-sizing:border-box}
.img_0204 li dt {font-size:24px;font-weight:500;color:#000;margin-bottom:18px}
.img_0204 li dd {font-size:18px;font-weight:300;color:#000;margin-bottom:10px}

.img_0303 {display:flex;justify-content:space-between;margin:30px 0}
.img_0303 > div {position:relative;width:21%;border:4px solid #adadad;border-radius:15px;text-align:center;padding:7px 0 15px 0}
.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:20px;color:#000;font-weight:500}
.img_0303 > div .txt{display:block;margin-top:10px;text-align:center;font-size:16px;color:#000;font-weight:300}

.img_0401 {display:flex;justify-content:space-between;margin:30px 10px}
.img_0401 > div {position:relative;width:23%;text-align:center}
.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 {display:flex;justify-content:space-between;margin:30px 30px}
.img_0402 > div {width:447px}
.img_0402 > dl {width:calc(100% - 480px);margin-top:20px}
.img_0402 > dl dt {font-size:20px;font-weight:500;color:#000;margin-bottom:20px}
.img_0402 > dl dd {font-size:18px;color:#000;font-weight:300;margin-bottom:10px}

.img_0501 {display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px 30px}
.img_0501 > div {width:33%;margin-bottom:45px;margin-top:30px;text-align:center}
.img_0501 > div .tit{margin-top:12px;text-align:center;font-size:20px;color:#000;font-weight:500;text-align:center}
.img_0501 > div .txt{margin-top:10px;text-align:center;font-size:18px;color:#000;font-weight:300;text-align:center}

.img_0502 {display:flex;justify-content:center; margin:30px 30px}
.img_0502 div{margin:30px}
.img_0502 div img {max-width:100%}
.img_0503 {display:flex;justify-content:center; margin:30px 30px}
.img_0503 div{margin:30px}
.img_0503 div img {max-width:100%}

.img_0504 {display:flex;justify-content:space-between;margin:30px 0}
.img_0504 > div {position:relative;width:23%;text-align:center}
.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:12px;text-align:center;font-size:20px;color:#000;font-weight:500}

.img_0505 {display:flex;justify-content:space-between;margin:30px 0}
.img_0505 > div {position:relative;width:19%;text-align:center;border:1px solid #9b9b9b;box-sizing:border-box;padding-bottom:20px}
.img_0505 > div h4 {background:#4c4c4c;text-align:center;height:40px;padding-top:12px;box-sizing:border-box;color:#FFF;font-size:16px}
.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:16px;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:20px;margin-top:40px}
.history_list li {position:relative;margin-bottom:40px;padding-left:120px}
.history_list dt {position:absolute;left:0;top:0;font-size:24px;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:20px;font-weight:300;color:#000;margin-bottom:18px}

.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:141px}
.teacher_info .photo img {border:1px solid #cbcbcb;width:139px}
.teacher_info .profile {width:calc(100% - 161px);border-top:2px solid #4e5a77}
.teacher_info .profile > div {display:flex;border-bottom:1px solid #c7c7c7}
.teacher_info .profile > div .tit {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 {width:80%;font-size:16px;color:#565656;font-weight:300;padding:14px 0 14px 25px;box-sizing:border-box}

.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:33.33%;text-align:center;font-size:13px;padding:5px 0;box-sizing:border-box}

.review_movie {margin:0 0 20px 0}
.review_movie li {display:flex;justify-content:space-between;border-bottom:1px solid #b0b0b0;padding:30px 0;}
.review_movie li:last-child {border-bottom:none}
.review_movie li > div {width:210px;}
.review_movie li > div iframe{width:100%; height:115px;border:1px solid #b0b0b0}
.review_movie li > dl {width:calc(100% - 240px)}
.review_movie li dt {font-size:24px;color:#000;font-weight:500;margin:5px 0 12px 0}
.review_movie li dd {font-size:18px;color:#000;font-weight:300;line-height:1.6em}