@charset "UTF-8";
@import url('/renewal/jsp/mobile/css/old/mobile_old.css');
@import url('/renewal/jsp/mobile/css/reset.css');
@import url('/renewal/jsp/mobile/css/swiper.min.css');



#wrap{width: 100%; position: relative; overflow: hidden;}
.inner-content{width: 95%; margin: auto; position: relative;}
body {font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "¸¼Àº°íµñ", Malgun Gothic, MalgunGothic, "µ¸¿ò", dotum, Arial, "Helvetica Neue", Sans-serif;} 
body, th, td, input, select, textarea, button {font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "¸¼Àº°íµñ", Malgun Gothic, MalgunGothic, "µ¸¿ò", dotum, Arial, "Helvetica Neue", Sans-serif;} /* ÆùÆ®·Î ¹®Á¦µÉ ½Ã ÁÖ¼® ó¸® Çϱâ */
.blind{position: absolute !important; left: -9999em; width: 0; height: 0; margin: 0; padding: 0; text-indent: -9999em; overflow: hidden; font-size: 0; line-height: 0;}

/*µüÁö*/

/* °øÅë */
.label_common{font-weight: bold; border-radius: 3px; height: 18px; line-height: 18px; font-size: 12px; padding: 0 5px 0 5px; box-sizing: border-box; float: right;}
.tag_area{position: absolute; right: 5px; top: 5px;}
.ico_area{position: absolute; bottom: 0px;}
#guide_div {width: 100% !important; padding: 0 10px;}
/* 񃬔 */
.tag_member{color: #009d96; border: 1px solid #009d96; background: #fff; margin: 0 3px 0 0;}
/* ¸¶°¨ÀÓ¹Ú */
.tag_closing{color: #fff; background: #ee6013;}
/* Ãß°¡¸ðÁý */
.tag_add{color: #fff; background: #136dca;}
/* ½Å±Ô°­Á */
.tag_newclass{color: #fff; background: #22b59f;}
/* ±âȹÀÚÃßõ */
.tag_recommend{color: #fff; background: #5e15e2;}
/* 1day */
.tag_1day{color: #fff; background: #378d78;}
/* Ư°­ */
.tag_special{color: #fff; background: #af15e2;}
/* °³¼³´ë±â */
.tag_waiting{color: #fff; background: #494949;}
/* ÁøÇàÁß */
.tag_show{color: #fff; background: #005d7b;}
/* ¸ðÁýÁß */
.tag_recruit{color: #fff; background: #c10056;}
/* ¸¶°¨ */
.tag_finish{color: #fff; background: #ff0000;}
/* ¼ö°­Èıâ tag */
.tag.tag_best {margin: 2px 5px 0 0; vertical-align: top;}
/* Àú³á¹Ý tag */
.tag_time {margin: 6px 2px 0 0; vertical-align: top; display: inline-block; border: 2px solid #000; line-height: 1; padding: 3px 5px; height: 21px; font-weight: 800; color: #000;}
/* ÄíÆù */
.ico_coupon{color: #fff; background: #07cadf;}
.coupon_label input:checked::before {margin: -1px; width: 20px; height: 20px;}
.coupon_label td span {margin-left: 10%;}
/* ºñ´ë¸é */
.ico_vod{color: #fff; background: #3390ff;}
/* ±¹ºñÁö¿ø */
.ico_gukbi{color: #fff; background: #1185b6;}
.lec_lst_type2 span.gukgi_icon01,
.lec_lst_type2 span.gukgi_icon02,
.lec_lst_type2 span.gukgi_icon03,
.lec_lst_type2 span.gukgi_icon04
.lec_lst_type2 span.gukgi_icon05 {line-height: 15px;}
/* ÇÁ¸®Æнº */
.tag_freepass {color: #fff; background: #ffba00;}

/* ¹öÆ° */
.btn01{display: inline-block; zoom:1; text-align: center; letter-spacing: -1px; vertical-align: top; cursor: pointer; border-radius: 5px 5px; transition: 0.2s ease-in-out;}
.btn02{display: inline-block; zoom:1; text-align: center; letter-spacing: -1px; vertical-align: top; transition: 0.2s ease-in-out;}
.btn01 {min-width: 100px;}
.btn02 {min-width: 100px; padding: 0 5px; width: auto; margin-bottom: 5px;}
.btn_area.center {text-align: center;}
.btn_area.right {text-align: right;}
.btn_area.left {text-align: left;}

.btnGray,
.btnGary{background: #4d4d4d; font-weight: bold; color: #fff;}
.btn01{display: inline-block; zoom:1; text-align: center; letter-spacing: -1px; vertical-align: top; cursor: pointer; border-radius: 5px 5px;}
.btn02{display: inline-block; zoom:1; text-align: center; letter-spacing: -1px; vertical-align: top;}
.btn01 {min-width: 100px;}
.btn02 {min-width: 100px; padding: 0 5px; width: auto; margin-bottom: 5px;}
.btnPrimary {background-color: #11b1b6;}
.btnPrimary:hover {background-color: #009398;}
.btnSecondary {background-color: #137eb5;}
.btnSecondary:hover {background-color: #0b5072;}
.btnGray {background-color: #4d4d4d;}
.btnGray:hover {background-color: #000000;}


/* Çì´õ¿µ¿ª */
#header{position: fixed; width: 100%; height: 60px; background: #303032; top: 0; left: 0; z-index: 10;}
#header h1{position: absolute; left: 0px; top: 6px; width: 90px; height: 21px; display: block; margin: 0;}
#header h1 a img{width: 90px; height: 21px; display: block;}
#header #search_area{position: relative; background: #fff; border-radius: 15px; margin: 13px 0px 0px 100px;}
#search_area .search_box{width: 100%; height: 33px; border: none; border-radius: 17px; background: #fff; position: relative;}
#search_area .search_box .input_box{position: relative; line-height: 33px;}
#search_area input[type=text]{width: 75%; /*height: 26px;*/height: 33px; margin-top: 0px; margin-left: 10px; outline: none; border: none; white-space: nowrap; text-overflow: ellipsis;}
p.search_btn{position: absolute; right: 5px; top: 0px; }
p.search_btn a {display: block;}
p.search_btn a img{width: 27px; vertical-align: middle;}


/* Ä«Å×°í¸®¿µ¿ª */
.category_slide{position: relative; width: 100%; height: 56px; overflow: hidden; border-bottom: 1px solid #e9e9e9; margin-top: 60px}
.category_slide .cateSlide{width: 100%; position: absolute; left: 0px; top: 0px; padding: 0 10px;}
.category_slide .cateSlide div{float: left; display: block; /*margin-left: 25px;*/ height: 56px; width: auto !important; }
.category_slide .cateSlide div a{line-height: 57px; font-size: 15px; font-weight: bold; color: #000; letter-spacing: -1px; display: block; width: auto; height: 56px; margin: 0 15px;}
/* .category_slide .cateSlide div.active{border-bottom: 3px solid #009d96;} */
.category_slide .cateSlide div.active a{color: #009d96; border-bottom: 3px solid #009d96;}


/* ÇÏÀ§Ä«Å×°í¸®¿µ¿ª */
.gnbsub{position: relative; width: 100%; height: 40px; overflow: hidden; border-bottom: 1px solid #e9e9e9; background-color: #f9f9f9;}
.gnbsub .submenu_slide {height: 40px !important;}
.gnbsub .submenu{width: 100%; position: absolute; left: 0px; top: 0px; height: 40px;}
.gnbsub .submenu .swiper-slide {margin: 0 !important; width: auto !important;}
.gnbsub .submenu div a{padding: 0 13px; line-height: 40px; color: #555; display: block; font-weight: 600; font-size: 13px;}
.gnbsub .submenu div.active a{color: #009d96;}


/* ÄÁÅÙÃ÷ŸÀÌƲ¿µ¿ª */
.contentTitle{width: 100%; height: 50px; margin-top: 60px; border-bottom: 1px solid #dfdfdf; text-align: center;}
.contentTitle h2{line-height: 50px; font-weight: bold; color: #222; font-size: 17px;}
.contentTitle .btnPrev{display: block; position: absolute; top: 14px; left: 0; width: 12px; height: 50px; background: url(/jsp/images/mobile/renewal/btnPrev.png) no-repeat top left; background-size: 100%; text-indent: -999em;}


/* Å¥ºê¹è³Ê¿µ¿ª */
.cubeBox{position: relative; overflow: hidden; margin-top: 20px; padding-bottom: 10px;}
.cube_banner{}
.cube_banner{width: 100%;}
.cube_banner div{width: 120px; height: 104px; float: left; }
.cube_banner div a{letter-spacing: -1px; font-weight: bold;}
.cube_banner div .cube_text a img {margin-left: 2px;}
.cube_banner .cube_thum{border-radius: 5px 5px;}
.cube_banner .cube_text{margin-top: 5px; margin-left: 0px;}
/*Å¥ºê¹è³Ê¸®´º¾ó*/
.cube_new div{border-radius: 10px 0;}
.cube_new div a{display: block; width: 120px; height: 104px;}
.cube_new div.cube_gukbi{background: url(/jsp/images/renewal/cube_gukbi_bg.png); background-position: 50% 50%; background-size: cover;}
.cube_new div.cube_event{background: url(/jsp/images/renewal/cube_event_bg.png); background-position: 50% 50%; background-size: cover;}
.cube_new div.cube_vod{background: url(/jsp/images/renewal/cube_vod_bg.png); background-position: 50% 50%; background-size: cover;}
.cube_new div.cube_house{background: url(/jsp/images/renewal/cube_house_bg.png); background-position: 50% 50%; background-size: cover;}
.cube_new div.cube_rental{background: url(/jsp/images/renewal/cube_rental_bg.png); background-position: 50% 50%; background-size: cover;}
.cube_new div.cube_map{background: url(/jsp/images/renewal/cube_map_bg.png); background-position: 50% 50%; background-size: cover;}
.cube_new div strong{font-family: pretendard; text-align: left; color: #2b2b2b; font-size: 17px; display: block; line-height: 1.2; padding-top: 10px; padding-left: 10px; position: absolute;}
.more{display:inline-block; position:relative; width:16px; height:16px; transition:.5s; cursor:pointer; top: 20px; left: 95px;}
.more span{position:relative; display:block; width:100%; height:100%; font-size:0}
.more span:after,.more span:before{content:''; display:inline-block; position:absolute; top:50%; left:50%; transition:.3s; border-radius: 25px;}
.more span:before{width:100%; height:0; margin-left:-10.5px; margin-top:-8.5px; border-top:2px solid #2b2b2b;}
.more span:after{width:0; height:100%; margin-left:-3px; margin-top:-15.5px; border-left:2px solid #2b2b2b;}

/*Å¥ºê¹è³Ê ³¡*/






/*¸¶ÀÌÆäÀÌÁö ¸Þ´º¿µ¿ª*/
/* .myMenu{width: 100%; display: inline-block; background: #eee; position: relative;}
.myMenu ul{}
.myMenu ul li{float: left; width: 20%; height: 60px; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; box-sizing: border-box; background-color: #eee; display: table;}
.myMenu ul li a{display: table-cell; text-align: center; vertical-align: middle;}
.myMenu ul li:last-child{border-right: 1px solid #dfdfdf;}
.myMenu ul li.active{background-color: #656565;}
.myMenu ul li.active a{color: #fff; font-weight: bold;}
.myMenu::after{content: ''; display: block; width: 100%; height: 1px; background: #dfdfdf; position: absolute; left: 0; bottom: 0;} */

/* ¸ÞÀκñÁ־󿵿ª */
.main_visual{/*border-bottom: 1px solid #e9e9e9;*/ padding-top: 50%; display: inline;}
.main_visual .visual_wrapper{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.main_visual .visual_wrapper .swiper-container .swiper-wrapper .swiper-slide img{height: 100%; object-fit: cover; -o-object-fit: cover; object-position: center; -o-object-position: center;}


/* ÄÁÅÙÃ÷¿µ¿ª */
/* #m_container{height: 100%;} */
#m_container:after, #footer:before {content: ''; display: block; clear: both;}
#m_content{position: relative;}



/* ¿Â¶óÀÎ °­Á */
.conBox04{background: #fafafa; padding-top: 30px; padding-bottom: 30px;}


/* Áß°£¹è³Ê */
.middle_banner{margin-top: 20px;}


/* ÇÑ°Ü·¹±³À°TV */
.play_list{}


/* ºê·£µå¹Ù·Î°¡±â */
.conBox06{height: 200px; background: #f4f4f4;}
.conBox06 h2{padding-top: 20px; padding-bottom: 20px;}
.brand_go .classBox{width: 100%; margin-top: 20px;}
.brand_go .classBox .listBox{float: left; width: 100px; height: 100px; border-radius: 50% 50%; background: #fff; margin-left: 15px; overflow: hidden;}
.brand_go .classBox .listBox:first-child{margin-left: 12px;}
.brand_go .classBox .listBox img{width: 100%;}


/* ÇÑ°Ü·¹±³À° °­»ç Á¦¾È */
.conBox09{width: 100%; height: 120px; text-align: center; overflow: hidden; background: url(/jsp/images/mobile/renewal/hanter_lecturer_bg_m.jpg) no-repeat; background-position: 50% 50%; margin-top: -5px; background-size: cover;}
.conBox09 a{display: inline-block; width: 100%; height: 120px;}
.conBox09 p{color: #00ebe0; letter-spacing: -1px; margin-top: 35px;}
.conBox09 h2{color: #fff !important; font-size: 28px; letter-spacing: -1.5px;}


/* ¾È³»¹Ú½º °øÅë */
.conduct_box{width: 100%; border-radius: 7px 7px; border: 1px solid #ddd; margin-top: 20px; text-align: left;}
.conduct_box ul{padding: 10px 10px;}
.conduct_box ul li{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.conduct_box ul li a{line-height: 1.8em;}
.conduct_title{padding: 8px 5px 5px 5px; position: relative; border-bottom: 1px solid #dddddd; margin: 0 10px;}
.conduct_title h3{font-size: 17px; color: #222; font-weight: bold; letter-spacing: -1px; line-height: 34px;}
.conduct_title h3 img{margin-top: 6px; margin-right: 6px; width: 22px; vertical-align: top;}
.conduct_title p.plus_more{position: absolute; right: 0px; bottom: 12px;}
.conduct_title p.plus_more a {display: block;}
.conduct_title p.plus_more img{width: 24px}


/* µðÀÚÀÎ ¾ÆÄ«µ¥¹Ì PICK ¼ö°­»ýÀÛÇ° */
.pick_work .classBox .listBox{width: 115px; overflow: hidden;}
.pick_work .classBox .listBox a img{width: 100%;}
.pickWork_box{text-align: left;}
.pickWork_box strong.tit02{font-size: 12px; letter-spacing: -1px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; width: 100%; overflow: hidden; margin-top: 5px;}


/* ÃâÆÇìÑ ¼ö°­»ýÀÛÇ° */
.pub_people{}
.pub_people .pub_people_ul{width: 100%; display: inline-block; margin-bottom: 15px;}
.pub_people .pub_people_list{width: 140px; overflow: hidden; text-overflow: ellipsis; float: left; margin-left: 12px;}
.pub_people .pub_people_list:nth-child(1){margin-left: 0px;}
.pub_people .pub_people_list a img{width: 100%; height: 100%;}
.pub_people .pub_people_list a .pub_people_box{width: 140px; height: 190px; border: 1px solid #ddd; box-sizing: border-box;}
.pub_people .pub_people_list a h5{color: #000; line-height: 20px; /*border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;*/ margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; font-weight: 600;}
.pub_people .pub_people_list a .tit03{font-size: 11px; font-weight: 500; color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* BEST¼ö°­Èıâ,±¹ºñ,´ë°ü,±â¾÷¸ÂÃã±³À° ¹è³Ê */
.best_post_content ul li a span.post{width: 88%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left;}
.best_post_content ul li a span.name{display: inline-block; float: right;}
.multi_banner{border: none;}
.multi_banner img{width: 100%;}
.multi_banner a{display: block; width: 100%;}
.gukgi_banner{width: 49%; float: left;}
.lectureroom_banner{width: 49%; float: right;}
.withedu_banner{margin-top: 10px; display: inline-block; width: 100%;}


/* ¾Ë¸®¹Ì, °í°´¼¾ÅÍ */
.notice_content ul li a > img {width: 50px !important; vertical-align: middle;}
.notice_content ul li a {vertical-align: top;}
.notice_content ul li a img {}
.customer_center{display: inline-block; position: relative;}
.customer_center .center_content{float: left; padding: 2% 2% 3% 3%; display: inline-block;}
.customer_center .center_content img {width: 60px !important; }
.customer_center .customer_title{text-align: center; padding: 30px 10px 10px 7px; width: 24.5%;}
.customer_title h3{color: #000; font-weight: bold; letter-spacing: -1.5px; padding-bottom: 13px; padding-top: 10px; font-size: 1em;}
.center_cont:after{content: ''; display: block; height: 80%; width: 1px; background: #ddd; position: absolute; left: 24%; top: 11%;}
.center_cont{width: 75%; padding: 10px 10px 15px 10px;}
.center_cont h4{color: #000; font-weight: bold; font-size: 1.5em; letter-spacing: -1px; padding-top: 5px;}
.center_cont p strong{color: #000;}
.center_cont ul.info_circle{padding: 0 0; margin-top: 10px; width: 100%;}
.center_cont ul.info_circle li{width: 23%; min-height: 64px; float: left; margin-left: 1.8%;}
.center_cont ul.info_circle li:nth-child(1){background: url(/jsp/images/mobile/renewal/center_content_ico_01.png) no-repeat left center; background-size: 100%; margin-left: 0px;}
.center_cont ul.info_circle li:nth-child(2){background: url(/jsp/images/mobile/renewal/center_content_ico_02.png) no-repeat left center; background-size: 100%;}
.center_cont ul.info_circle li:nth-child(3){background: url(/jsp/images/mobile/renewal/center_content_ico_03.png) no-repeat left center; background-size: 100%;}
.center_cont ul.info_circle li:nth-child(4){background: url(/jsp/images/mobile/renewal/center_content_ico_04.png) no-repeat left center; background-size: 100%;}
.center_cont ul.info_circle li a{display: block; height: 100%; text-indent: -9999em;}



/* ǪÅÍ¿µ¿ª */
#footer{padding-top: 45px; padding-bottom: 75px; text-align: center;}
#footer .footer_customer{width: 100%; height: 45px; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #dadada;}
#footer .footer_customer ul{}
#footer .footer_customer ul li{float: left; font-weight: bold; color: #555; height: 45px; background: url(/jsp/images/mobile/renewal/footer_customer_line.png) no-repeat right center; text-align: center; width: 20%; background-size: 1px;}
#footer .footer_customer ul li:first-child{margin-left: -4px;}
#footer .footer_customer ul li:last-child{background: none; padding-right: 0;}
#footer .footer_customer ul li a{display: block; line-height: 45px; height: 45px; font-size: 12px;}
#footer .footer_sns{width: 100%; height: 40px; margin: 15px 0 15px 0; }
#footer .footer_sns ul{}
#footer .footer_sns ul li{width: 40px; height: 40px; border-radius: 50% 50%; margin-left: 7%; display: inline-block; width: 10%;}
#footer .footer_sns ul li a {display: block; height: 100%;}
#footer .footer_sns ul li {background-size: contain; background-position: center; background-repeat: no-repeat;}
#footer .footer_sns ul li:nth-child(1){background-image: url(/jsp/images/mobile/renewal/f_facebook.png); margin-left: 0; }
#footer .footer_sns ul li:nth-child(2){background-image: url(/jsp/images/mobile/renewal/f_youtube.png);}
#footer .footer_sns ul li:nth-child(3){background-image: url(/jsp/images/mobile/renewal/f_insta.png);}
#footer .footer_sns ul li:nth-child(4){background-image: url(/jsp/images/mobile/renewal/f_naver.png);}
#footer .footer_info{text-align: center; line-height: 1em;}
#footer .footer_info ul{}
#footer .footer_info ul li{font-size: 0.8em; letter-spacing: -1px; display: inline-block; background: url(/jsp/images/mobile/renewal/m_footer_info_line.png) no-repeat right center; text-align: center; padding-right: 8px;}
#footer .footer_info ul li a{font-size: 1em;}
#footer .footer_info ul li.strong{font-weight: bold;}
#footer .footer_info ul li:nth-child(7){background: none;}


/* ÇÏ´ÜÇȽº¸Þ´º */
.fixedMenu{flex-shrink: 0;}
.fixedMenu ul{background-color: #fff; width: 100%; height: 75px; box-shadow: 0 -3px 5px rgb(0,0,0,0.05); position: fixed; left: 0; bottom: 0; z-index: 9999; border-top: 1px solid #dddddd;}
.fixedMenu ul li{float: left; width: 20%; text-align: center; font-size: 11px; /* margin-top: 5px;*/}
.fixedMenu ul li a{display: block; padding-top: 41px; font-weight: bold; color: #222; letter-spacing: -0.5px;}
.fixedMenu li:nth-child(1){background: url(/jsp/images/mobile/renewal/ico_fixMenu_01.gif) no-repeat center 8px; background-size: 30px;}
.fixedMenu li:nth-child(2){background: url(/jsp/images/mobile/renewal/ico_fixMenu_02.gif) no-repeat center 7px; background-size: 33px;}
.fixedMenu li:nth-child(3){background: url(/jsp/images/mobile/renewal/ico_fixMenu_03.gif) no-repeat center 8px; background-size: 33px;}
.fixedMenu li:nth-child(4){background: url(/jsp/images/mobile/renewal/ico_fixMenu_04.gif) no-repeat center 6px; background-size: 34px;}
.fixedMenu li:nth-child(5){background: url(/jsp/images/mobile/renewal/ico_fixMenu_05.gif) no-repeat center 7px; background-size: 35px;}
.fixedMenu li.homeBtn a{color: #11b1b6;}


/* ÀüüīÅ×°í¸®ÆäÀÌÁö */
.all_category_new{width: 100%; height: 210px; padding-bottom: 15px; background-color: #f5f5f5; position: relative; overflow: hidden; border-bottom: 1px solid #e9e9e9;}
.all_category_new h2{margin-left: 12px; margin-top: 20px; margin-bottom: 15px; color: #000;}
.all_category_new .all_category_ul{width: 100%; text-align: center;}
.all_category_new .all_category_ul div{float: left; margin-left: 12px;}
.all_category_new .all_category_ul div span.m_cate_icon{width: 70px; height: 70px; border-radius: 50% 50%; background: #fff; display: block;}
.all_category_new .all_category_ul div p.c_text{margin-top: 8px; width: 70px; font-weight: bold; letter-spacing: -1px; font-size: 12px;}
.all_category_new .all_category_ul div.active span.m_cate_icon{background: rgba(17,177,182,0.2); border: 1px solid rgba(17,177,182,0.7);}
.all_category_new .all_category_ul div.active p.c_text{color: #11b1b6;}
.all_category_new .all_category_ul div span.m_cate_icon img{width: 34px; margin-top: 20px;}
.all_class_drop h2{color: #000; margin: 20px 0 15px 0; display: block; float: left;}
span.all_cate_name{float: left; margin-top: 25px;}
.all_cate_name img{width: 15px; margin-right: 5px; margin-top: 2px; margin-left: 3px;}

/* °Ë»ö°á°ú¾øÀ½ */
.search_result{text-align: center;}
.search_result .search_none_title{border-bottom: 1px solid #9c9c9c;}
.search_result .search_none_title p{font-size: 20px; font-weight: bold; color: #000; padding: 25px 0 15px 0;}
.search_result .search_none strong{font-size: 16px; font-weight: 300; padding: 10px 0;}
.search_result .search_none strong span{color: #000; font-weight: bold;}
.search_result .edu_title1 {clear: both;}

/* °áÁ¦ ½ÇÆÐ */
.pay_result{ text-align: center;}
.pay_result .search_none_title {border-bottom: 1px solid #9c9c9c;}
.pay_result .search_none_title p {font-size: 20px; font-weight: bold; color: #000; padding: 25px 0 15px 0;}
.pay_result .search_none strong{ font-size: 16px; font-weight: 300; padding: 10px 0;}
.pay_result .search_none strong span {color: #000; font-weight: 600;}
.pay_result .edu_title1 {clear: both;}

/* °­Á¸®½ºÆ® °øÅë */
.newcon {margin-top: 25px; text-align: center;}
.newcon h2 {font-weight: bold; color: #000; letter-spacing: -1px;}
.con_category{height: 50px; border-bottom: 2px solid #dadada;}
.con_category .con_category_ul{width: 100%; height: 50px; padding: 0 10px;}
.con_category .con_category_ul div:nth-child(1){/*margin-left: 5px;*/margin-left: 0;}
.con_category .con_category_ul div.swiper-slide {font-weight: bold; color: #222; /*float: left;*/ width: auto !important; height: 50px;}
.con_category .con_category_ul div a{line-height: 50px; letter-spacing: -1px; position: relative;}
/* .con_category .con_category_ul div.cateOn{border-bottom: 8px solid #009d96;} */
.con_category .con_category_ul div::after {position: absolute; width: 0; left: 0; bottom: 0; height: 5px; background-color: #009d96; content: '';}
.con_category .con_category_ul div.cateOn::after {width: 100%;}
.con_category .con_category_ul div.cateOn a{color: #009d96;}
.class_list h2 {color: #000;}
.class_list p.all_more {text-align: right; margin-right: 12px; padding: 10px 0;}
.class_list p.all_more img {width: 16px; margin-top: 2px; margin-left: 5px;}
.all_classBox{}
.all_classBox .classBox{width: 100%; display: inline-block;}
.all_classBox .classBox .listBox{float: left; width: 150px; margin-left: 15px; text-align: right;}
.all_classBox .classBox .listBox ul li{height: 190px;}
.all_classBox .classBox .listBox ul li:first-child{margin-bottom: 0;}
.all_classBox .classBox .listBox a .photo_box{position: relative; overflow: hidden; padding-top: 63.63%;}

.all_classBox .classBox .listBox a .photo_box img{width: 100%; border-radius: 5px 5px; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; background-size: cover; background-position: center;}
.all_classBox .classBox .listBox a .photo_box span.label {position: absolute; top: 5px; left: 5px; z-index: 9;}
.all_classBox .classBox .listBox a .photo_box span.label img {display: block; position: relative; top: auto; left: auto; border-radius: 3px 3px;}
.all_classBox .classBox .listBox .text_box {position: relative; overflow: hidden;}
.all_classBox .classBox .listBox .text_box .tit01{font-size: 13px; color: #888; letter-spacing: -0.5px; line-height: 1.25em; width: 150px; padding: 10px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600;}
.all_classBox .classBox .listBox .text_box span.num{text-align: right; font-size: 13px; line-height: 1.25em; white-space: nowrap; text-overflow: ellipsis;}
.online_banner a img{width: 100%; border-radius: 5px 5px;}
.all_classBox .classBox .listBox span.label {float: left;}


/* µå·Ó´Ù¿î¸Þ´º */
.dropMenu{display: inline-block; width: 100%;}
.dropMenu ul{}
.dropMenu ul li{float: left; margin-left: 1%; height: 45px; border-radius: 7px 7px; border: 1px solid #303032; text-align: center;}
.dropMenu ul li:nth-child(1){width: 17%; margin-left: 0px;}
.dropMenu ul li:nth-child(2){width: 26%;}
.dropMenu ul li:nth-child(3){width: 19%;}
.dropMenu ul li:nth-child(4){width: 21%;}
.dropMenu ul li:nth-child(4) a{letter-spacing: -1px;}
.dropMenu ul li:nth-child(5){width: 13%;}
.dropMenu ul li a{line-height: 45px; font-weight: bold; display: block; letter-spacing: -1.5px;}
.dropMenu ul li.active{border: 1px solid rgba(17,177,182,1); background: rgba(17,177,182,0.1);}
.dropMenu ul li.active a{color: #11b1b6;}

/* ÀüüīÅ×°í¸®ÆäÀÌÁö °­Á¸®½ºÆ® */
.all_cate_class{}
.all_cate_class h2{margin: 20px 0 15px 0;}
.all_cate_class .cate_class_ul{}
.all_cate_class .cate_class_ul .cate_class_list{width: 48%; height: 190px; float: left; /*margin: 0 1%;*/ margin: 0 1% 5% 1%;}
.all_cate_class .photo_box{border-radius: 5px 5px; position: relative; overflow: hidden; padding-top: 63.63%;}
.all_cate_class .photo_box img{border-radius: 5px 5px; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; background-size: cover; background-position: center;}
.all_cate_class .text_box{text-align: right; position: relative;}
.all_cate_class .text_box .tit01{width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #888; line-height: 1.8; margin-top: 5px;}
.all_cate_class .text_box span.num{font-size: 13px;}
.all_cate_class .text_box .ico_area {}
.all_cate_class .text_box .label {float: left;}

/* ½æ³×ÀÏ À§ÀÇ ÄíÆù À§Ä¡ */
.all_cate_class .photo_box .label {position: absolute; top: 5px; left: 5px;}
.all_cate_class .photo_box .label img {width: auto; height: auto;}
.all_cate_class .cate_class_list .ico_area {position: absolute; top: 5px; left: 5px; z-index: 9}
.all_cate_class .cate_class_list .text_box .ico_area {top: inherit; left: 0; bottom: 3px;}


/* ´õº¸±â¹öÆ° */
.more_btn{width: 100%; height: 50px; background: #e7e7e7; border-radius: 7px 7px; color: #000; margin-top: 15px; border: 1px solid #dadada;}
span.num img{width: 17px;}


/* ÇÑ°Ü·¹±³À° ÀνºÅ¸±×·¥ */
.insta_rolling{width: 100%; display: inline-block; margin-top: 20px;}
.insta_rolling ul{}
.insta_rolling ul li:nth-child(1){margin-left: 0;}
.insta_rolling ul li{width: 130px; height: 130px; float: left; margin-left: 2px; position: relative;}
.insta_rolling ul li:last-child {margin-left: -76px;}
.insta_rolling ul li a{display: block; width: 100%; height: 100%;}
.insta_rolling ul li a span.insta_thum_logo{position: absolute; right: 0; top: 0;}
.insta_rolling ul li a img{width: 100%;}


/* Àüü °­Á µå·Ó ¿µ¿ª Æ˾÷ */
.drop_popup{position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%;}
.drop_popup_bg::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.drop_popup_end::before{content: ''; position: absolute; left: 50%; top: 18px; width: 70px; height: 5px; background-color: #d8d8d8; border-radius: 20px 20px; margin-left: -35px;}
.drop_popup_filter{width: 100%; height: 360px; background-color: #fff; border-radius: 15px 15px 0 0; position: absolute; bottom: 0px; left: 0px; box-shadow: 0 -3px 15px rgb(0 0 0 / 20%);}
.drop_filter_tab{display: inline-block; width: 100%; height: 110px;  box-shadow: 0 0 10px rgb(0 0 0 / 15%);}
.drop_filter_tab ul{margin-top: 50px;}
.drop_filter_tab ul li{border: 1px solid #ddd; border-radius: 10px 10px; float: left; height: 40px; text-align: center; margin-left: 3px; overflow: hidden;}
.drop_filter_tab ul li.active{background-color: #000; border: 1px solid #000;}
.drop_filter_tab ul li.active a{color: #fff;}
.drop_filter_tab ul li:nth-child(1){width: 16.8%; margin-left: 0;}
.drop_filter_tab ul li:nth-child(2){width: 25%;}
.drop_filter_tab ul li:nth-child(3){width: 20%;}
.drop_filter_tab ul li:nth-child(4){width: 20%;}
.drop_filter_tab ul li:nth-child(5){width: 15%;}
.drop_filter_tab ul li a{line-height: 40px; font-size: 0.9em; font-weight: bold; display: block;}
.drop_class{width: 100%; text-align: center; position: absolute;}
.drop_class ul{display: inline-block;}
.drop_class ul li{float: left;}
.drop_class ul li:nth-child(1){margin-left: 0;}
.drop_class input[type=radio]{width: 20px; height: 20px; margin-top: -3px;}
.drop_class input[type=checkbox]{width: 20px; height: 20px; margin-top: -3px;}
.drop_class input+label{margin-left: 5px; font-weight: bold; line-height: 20px; color: #000; display: inline-block;}
/* ¸ðÁýÁß */
.edu_state{top: 160px;}
.edu_state ul li{margin-left: 15px;}
/* ¼¼ºÎÄ«Å×°í¸® */
.edu_detaile{top: 160px;}
.edu_detaile ul li{margin-left: 15px;}
/* ¼ö¾÷ÇüÅ */
.edu_type{top: 160px;}
.edu_type ul li{margin-left: 15px;}
/* »óÅÂ/Ãßõ */
.edu_option{top: 140px;}
.edu_option ul li{margin-left: 30px;}
.edu_option ul li:nth-child(4){margin-left: 0;}
/* ¿äÀÏ */
.edu_yoil{top: 160px;}
.edu_yoil ul li{margin-left: 20px;}
/* ¹öÆ° */
.drop_popup_btn{width: 100%; position: absolute; left: 0; bottom: 90px;}
.drop_popup_btn ul{width: 100%;}
.drop_popup_btn ul li{float: left; border-radius: 5px 5px; height: 50px; text-align: center;}
.drop_popup_btn ul li a{line-height: 50px; display: block; font-weight: bold; color: #7a7a7a;}
.drop_popup_btn ul li.drop_basis{border: 1px solid #a9a9a9; width: 37%;}
.drop_popup_btn ul li.drop_apply{background-color: #11b1b6; width: 61%; margin-left: 2%;}
.drop_popup_btn ul li.drop_apply a{color: #fff;}



/* ÀüüīÅ×°í¸® Çܹö°Å¸Þ´ºÅ¬¸¯ ½Ã */
#aside{z-index: 150; width: 100%; height: 100%; background-color: #fff; position: fixed; overflow-x: hidden; overflow-y: auto;}
#aside h3{color: #000; font-size: 18px; margin-top: 20px; margin-bottom: 15px; width: 100%; display: inline-block;}
#aside #search_area{margin: 0px 50px 0px 0px; padding-top: 13px;}
.searchTab{width: 100%; height: 65px; background-color: #303032; border-bottom: 5px solid #15b4af; position: relative;}
#aside #search_area .search_box{width: 100%; height: 35px;}
#aside #search_area input[type=text]{height: 35px; margin-top: 0px; width: 80%; white-space: nowrap; text-overflow: ellipsis;}
#aside #search_area .search_box .input_box{line-height: 35px;}
.searchTab .btnClose{position: absolute; right: 6px; top: 5px;} 
.loginInfo{width: 100%; height: 40px;}
.loginInfo ul{}
.loginInfo ul li{position: absolute;}
.loginInfo ul li.loginName{font-size: 18px; left: 0px; top: 7px; color: #000;}
.loginInfo ul li.loginName a img {margin-left: 3px;}
.loginInfo ul li.logout{font-size: 14px; float: right; width: 80px; height: 24px; background-color: #ebebeb; border-radius: 15px 15px; text-align: center; font-weight: bold; right: 0px; top: 10px; line-height: 24px;}
.loginCenter{width: 100%; height: 105px; background-color: #efefef;}
.loginCenter ul{}
.loginCenter ul li{float: left; width: 33.33%; text-align: center; padding-top: 18px; box-sizing: border-box; position: relative;}
.loginCenter ul li:nth-child(1) a{background: url(/jsp/images/renewal/loginCenter_01.gif) no-repeat center top; background-size: 50px;}
.loginCenter ul li:nth-child(2) a{background: url(/jsp/images/renewal/loginCenter_02.gif) no-repeat center top; background-size: 50px;}
.loginCenter ul li:nth-child(3) a{background: url(/jsp/images/renewal/loginCenter_03.gif) no-repeat center top; background-size: 50px;}
.loginCenter ul li a{font-size: 14px; display: inline-block; padding-top: 53px; font-weight: bold; width: 100%;}
.loginCenter ul li::before{content: ''; display: block; position: absolute; right: 0px; top: 20px; width: 2px; height: 65px; background: #c9c9c9;}
.loginCenter ul li:nth-child(3)::before{display: none;}
.categoryList{display: inline-block;}
.categoryList ul li::before{content: ''; display: block; position: absolute; right: 52%; top: 63px; width: 3px; height: 175px; background: #f4f4f4; }
.categoryList ul{}
.categoryList ul li{width: 50%; height: 30px; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.categoryList ul li a{font-size: 16px; font-weight: bold; display: block; line-height: 30px;  margin-left: 6.5%;}
.brandList{width: 100%; display: inline-block; background: #efefef; margin-top: 20px; padding-bottom: 20px;}
.brandList ul{}
.brandList ul li{float: left; width: 27%; margin-left: 4.5%; margin-bottom: 15px;}
.brandList ul li a{display: block; width: 100%;}
.brandList ul li a img{width: 100%;}

.schoolIn{width: 100%; height: 70px; display: inline-block; margin-bottom: 65px;}
.schoolIn p.schoolIn_more{position: absolute; right: 0px; top: 15px; display: block;}
.schoolIn p.schoolIn_more img{width: 30px;}



/* °­Á¼ö°­/°­Á½Åû/¼ö°­¿Ï·á Ç¥ */
.my_lecture_content{display: inline-block; margin-top: 15px;}
.my_lecture_tab{}
ul.lec_tab {overflow: hidden; display: table; position: relative; table-layout: fixed; width: 100%; height: 38px; background: url(/jsp/images/renewal/bg_tab.png) repeat-x bottom left; background-size: 50% 50%;}
ul.lec_tab li {display: table-cell; height: 38px; text-align: center; vertical-align: top; position: relative;}
ul.lec_tab li a {display: block; height: 36px; padding: 1px; /*border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;*/ /*border-bottom: 2px solid #606269;*/ color: #606269; line-height: 36px; vertical-align: top; box-sizing: border-box; font-weight: 600; font-size: 13px; background-color: #f6f6f6; position: relative; width: 100%;}
ul.lec_tab li.current a {position: relative; height: 38px; padding: 0; border: 1px solid #606269; border-bottom: 0; color: #333333;/*color: #13b5b1;*/ background-color: #fff;}
.lec_notice ul li {display: block; position: relative; padding: 0 0 8px 15px; font-size: 12px; line-height: 1.25em; word-break: keep-all;}
.lec_notice ul li:before {position: absolute; display: block; content: ''; width: 10px; height: 10px; top: 3px; left: 0; background: url('/jsp/images/mobile/renewal/cir_icon.png') no-repeat center center; background-size: 8px;}
.my_lecture_class:before {display: block; content: ''; clear: both;}
.lec_notice{width: 100%; display: inline-block; margin-top: 25px; margin-bottom: 15px;}
.lec_notice ul{}
.text_over01{width: 250px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 12px;}
.table_list_new{width: 100%;}
.lec_notice + .table_list_new {border-top: 1px solid #555;}
.table_list_new tbody{border-bottom: 1px solid #555;}
.table_list_new tr td.class_take_title{font-weight: bold; color: #000; padding: 15px 10px 5px 10px; font-size: 14px; line-height: 1.25em;}
.table_list_new tr td.class_take_title.add_class {padding-top: 10px;}
.class_take_title.add_class.first {}
.class_take_title.add_class.last {}
.class_take_title.add_class span.badge_add_class {font-size: 14px; font-weight: 600; padding-right: 10px; color: #ff5926;}
.media_reg .table_list_new tr td.class_take_title{font-weight: bold; color: #000; padding: 15px 10px 5px 10px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px; line-height: 25px; letter-spacing: -0.35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.table_list_new tr td.period{color: #545456; padding: 0px 10px 5px 10px; font-size: 12px;}
.table_list_new tr td.period span{font-weight: bold;}
.table_list_new tr td.period ul li{float: left; color: #222;}
.table_list_new tr td.period ul li.line{padding: 0 5px;}
.table_list_new tr td.btn_float{text-align: right; padding: 5px 10px 10px 10px;}
.table_list_new tr td.btn_float a{}
.table_list_new tr td.btn_float p{display: inline-block; text-align: center; width: 90px; height: 30px; line-height: 30px;}
tr.lec_event_more{background-color: #f5f5f5; border-top: 1px solid #e7e7e7;}
td.left{text-align: left; padding: 10px;}
td.btnLec{text-align: right; padding: 10px;}


/* ÷»è±Ûº¸±â .media_reg_view */
.media_reg_view .board_tit .float_left {width: 100%;}
.media_reg_view .board_tit {border-bottom : 1px solid #000; padding : 10px 0;}
.media_reg_view .board_tit .title {}
.media_reg_view .tit_area,
.media_reg_view .tit_sub_area {display: flex; flex-direction: row; flex: 1; 
    /* flex-direction: column; */
    /* flex-direction: row-reverse; */
    /* flex-direction: column-reverse; */
    flex-shrink: 0;}
.media_reg_view .tit_sub_area {padding-top: 5px;}
.media_reg_view .tit_area .float_left {width:100%;}
.media_reg_view .tit_area .float_right {text-align: right; padding: 0 0 0 10px;}
.media_reg_view .tit_cate span {height: 30px; padding: 5px 10px; display: block; line-height: 1.25em; white-space: nowrap; border: 1px solid #4cc8d2; border-radius: 18px; color : #4cc8d2; }
.media_reg_view .tit_txt span {color : #222;}
.board_tit_sub dt, 
.board_tit_sub dd {display: inline-block;}
.board_view {padding: 15px 0 15px 0; margin: 0 0 10px 0; border-bottom: 1px solid #000;}
.board_notice {padding-top: 30px;}
.board_notice p {color: #ff0000;}
.media_reg_view .btn_area.download {margin-top: 20px;}
.media_reg_view .btn_area.download .btn_download_file {height: 40px; padding: 13px 40px 10px 15px; display: block; position: relative; background-color: #e7e7e7; border-radius: 5px;}
.media_reg_view .btn_area.download a::after {display: block; content:''; width: 40px; height: 40px; right: 0; position: absolute; top: 0px; background: url(/jsp/images/mobile/renewal/btn_download.png) no-repeat center center; background-size: 30px;}
.media_reg_view .btn_area.download .file_txt {display:block; line-height: 1.25em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.media_reg_view .btn_area {height: 40px; margin: 0 0 10px 0;}
.media_reg_view .btn_area.btn_col1 {flex: 1;}
.media_reg_view .btn_area .btn.btn_list {display: block; height: 40px; padding:12px; line-height: 1.25em; font-size: 13px; font-weight: 600; color: #3c3636; background-color: #c0c0c0; text-align: center; border-radius: 5px;}


/* ÷»è±Ûº¸±â (°ü¸®ÀÚ) */
.media_reg_admin .comment_box {width: 100%; padding: 0 0 10px 0; border-bottom: 1px solid #000;}
.media_reg_admin .comment_txt {width: 100%; padding: 10px; min-height: 100px; font-size: 14px; color: #666; line-height: 1.25em; border: 1px solid #c0c0c0; border-radius: 5px; outline-color: #13b5b1;}
.media_reg_admin .admin_file {padding: 10px 0 0 0;}
.media_reg_admin .admin_info {margin: 10px 0 10px 0;}
.media_reg_admin .info_txt {font-size: 14px; padding: 0 0 5px 0; font-weight: 600; line-height: 1.25em; color: #63b6bb;}
.media_reg_admin .file_ul {}
.media_reg_admin .file_li {padding: 15px 45px 15px 15px; margin-top: 5px; position: relative; background-color: #e7e7e7; border-radius: 5px;}
.media_reg_admin .file_li.active {color:#fff; background-color: #13b5b1;}
.media_reg_admin .file_li:first-child {margin-top: 0;}
.media_reg_admin .file_li .txt {font-size: 12px; line-height: 1.25em; color:#222;}
.media_reg_admin .file_li .btn_area {width: 40px; height: 100%; margin-top:0; position: absolute; top: 0; right: 0; background: url(/jsp/images/mobile/renewal/btn_delete_file.png) no-repeat center center; background-size: 40px;}
.media_reg_admin .file_li.active .btn_area { background: url(/jsp/images/mobile/renewal/btn_delete_file_2.png) no-repeat center center; background-size: 40px;}
.media_reg_admin .file_li .btn_delete {display: block; width: 40px; height: 100%; }
.media_reg_admin .alert_message {padding: 30px 20px 30px 20px; text-align: center;}
.media_reg_admin .admin_file {margin-bottom:10px; border-bottom: 1px solid #767676}
.media_reg_admin .btn_box {margin: 10px 0 0 0;}
.media_reg_admin .btn_add_file  {display: block; height: 40px; padding: 13px; line-height: 1.25em; font-size: 14px; font-weight: 600; color: #3c3636; background-color: #c0c0c0; border-radius: 5px; text-align: center;}


/* ¾ð·Ð ÷»è Á¦½Ã ¿¹Á¦ */
.media_reg_example {}
.info_type1.info_area {padding: 15px 0 15px 0;}
.info_type1 .info_ul {}
.info_type1 .info_li {padding: 0 0 0 15px; margin: 15px 0 0 0; background: url(/jsp/images/mobile/renewal/cir_icon.png) no-repeat 0px 2px; background-size: 11px;}
.info_type1 .info_li .info_txt {font-size:13px; line-height: 1.25em;}
.info_type1 .info_li:first-child {margin-top: 0px;}
.list_area.list_type1 {border-top: 1px solid #000;}
.list_area.list_type1 .search_li {border-bottom: 1px solid #555;}
.list_area.list_type1 .search_li .list_btn {display: block; padding: 10px 0 10px 0; }
.list_area.list_type1 .search_li .txt {font-size: 14px; line-height:1.25em; color: #222;}
.list_area.list_type1 .list_btn:active, .list_area.list_type1 .list_btn:focus {background-color: #eefdfc;}


/* »ó¼¼ÆäÀÌÁö */
#view_detail{}
.sub_title{text-align: left; margin-top: 15px;}
h3, .sub_title,
.sub_title .tit{font-size: 20px; font-weight: bold; /*border-bottom: 2px solid #000;*/ line-height: 50px; color: #000;}


/* °­Á½æ³×ÀÏ ¹× °­Á¾ȳ»³»¿ë */
.detail_thum{width: 100%; text-align: center; padding: 20px 20px;}
.detail_thum .photo{width: 100%; border-radius: 15px 15px;}
.detail_summary .detail_title h3{color: #000; font-size: 18px;}
.detail_summary .link{width: 100%; display: inline-block; text-align: center; margin-top: 15px; margin-bottom: 15px;}
.detail_summary .link ul{}
.detail_summary .link ul li:last-child{margin-left: 0;}
.detail_summary .link ul li{float: left; height: 25px; margin-right: 1%; border-radius: 3px 3px; margin-top: 1%;}
.detail_summary .link ul li a{display: block; line-height: 25px; padding: 0 10px;}
.detail_summary .link ul li img{vertical-align: middle; margin-top: -5px; margin-right: 3px;}
.detail_summary .link ul li.gukbi_notice{border: 1px solid #1185b6;}
.detail_summary .link ul li.gukbi_notice a{color: #1185b6; font-weight: bold; padding: 0 3px 0 6px;}
.detail_summary .link ul li.coupon_use{border: 1px solid #13b0b7;}
.detail_summary .link ul li.coupon_use img{margin-top: -3px;}
.detail_summary .link ul li.coupon_use a{color: #13b0b7;}
.detail_summary .link ul li.share{border: 1px solid #cdcdcd;}
.detail_summary .link ul li.interest{border: 1px solid #cdcdcd;}
.detail_summary table {width: 100%; border-top: 1px solid #000; }
.detail_summary table tbody {border-bottom: 1px solid #000;}
.detail_summary table tbody tr{border-top: 1px solid #e8e8e8;}
.detail_summary table tbody tr:nth-child(1){border-top: none;}
.detail_summary table tbody tr th{font-weight: bold; color: #222; width: 23%; background: #f7f7f7; vertical-align: middle; padding: 10px 0; text-align: center;}
.detail_summary table tbody tr td{color: #555; padding: 10px 10px;}
.detail_summary table tbody tr.price td{font-size: 20px; font-weight: bold; color: #11b1b6;}
.detail_summary table tbody tr.price td span.dis_before{color: #999; font-size: 14px; font-weight: bold; position: relative; margin-right: 10px;}
span.dis_before:after{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; margin-top: 0; background-color: #555;}
button.previewbtn{width: 100%; height: 50px; text-align: center; border-radius: 5px 5px; border: 1px solid #ff0000; margin-top: 20px; color: #ff0000; font-weight: bold; font-size: 18px;}
button.previewbtn img{width: 30px; vertical-align: middle; margin-top: -4px; margin-left: 5px;}
.detail_summary .gukbi_chart{text-align: center; position: relative; border-top: none; border-bottom: none;}
.detail_summary .gukbi_chart::after{content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; top: 0%; left: 0%;}
.detail_summary .gukbi_chart td.chart_tit1{background-color: #f8f8f8; width: 50%; font-weight: bold; color: #222; border-right: 1px solid #e8e8e8;}
.detail_summary .gukbi_chart td.chart_tit2{background-color: #f8f8f8; width: 50%; font-weight: bold; color: #222;}
.detail_summary .gukbi_chart td.chart_tit3{background-color: #f8f8f8; font-weight: bold; color: #222; position: relative;}
.detail_summary .gukbi_chart td.chart_tit3::after{content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; bottom: 0%; left: 0%;}
.detail_summary .gukbi_chart td.chart_con1{border-right: 1px solid #e8e8e8;}

#view_detail table tbody tr.add_class td {font-size: 14px; font-weight: 400; letter-spacing: -.3px;}
#view_detail .list_add_class .list_info {display: block; margin-left: 36px;}
#view_detail table tbody tr.add_class td .txt_class {}
#view_detail table tbody tr.add_class td .txt_price {display: block; text-align: left;}
#view_detail table tbody tr.add_class td .dis_after {font-weight: 600; }
#view_detail table tbody tr.add_class td .dis_before {padding-left: 5px; font-size: 12px; font-weight: 300;}
#view_detail .list_add_class {margin-top: 10px;}
#view_detail .list_add_class:first-child {margin-top: 0;}
#view_detail_.view_title tfoot tr.total {}
#view_detail tfoot tr.total td {padding: 25px 0 0 0; font-size: 15px; line-height: 1.25em; font-weight: 600; text-align: right;}
#view_detail tfoot tr.total .total_num {padding: 0 0 0 10px; font-size: 24px;  color: #ff5926;}
button.btn {display: inline-block; border: 0; background: none; vertical-align: top;}
button.btn.btn_delete_class {float: left; width: 26px; height: 26px; margin-top: 8px; background: url('/jsp/images/renewal/btn_delete_class.png') no-repeat 0 0; background-size: 26px 26px;}
#view_detail .list_add_class:hover button.btn.btn_delete_class {background-image: url('/jsp/images/renewal/btn_delete_class_hover.png');}


/* °­Á ¸®½ºÆ® °øÅë - ÇÔ²² µéÀ¸¸é ÁÁÀº °­ÁÂ, Ãß°¡ÇÒÀÎ °­Á */
#recommend_class .tit,
#class_dis .tit {font-size: 25px; margin-bottom: 15px; border-bottom: 3px solid #222; line-height: 2em; color: #222; font-weight: 600;}
.class_recommend_list,
.class_dis_list {display: inline-block; width: 100%; margin-top: 15px;}
.class_recommend_list .recommend_ul div,
.class_dis_list .dis_ul div.dis_thumb {float: left; width: 150px; margin-left: 12px;}
.class_recommend_list .recommend_ul div:first-child,
.class_dis_list .dis_ul div.dis_thumb:first-child {margin-left: 0;}
.class_recommend_list .recommend_ul div img,
.class_dis_list .dis_ul div img {width: 100%; border-radius: 5px 5px;}

/* ÇÔ²² µéÀ¸¸é ÁÁÀº °­Á */
#class_recommend{}

/* Ãß°¡ÇÒÀÎ °­ÁÂ */
#class_dis {padding: 20px 0 0 0;}
.class_dis_list .dis_info {margin-top: 5px;}
.class_dis_list .thumb_info strong {display: block; font-size: 18px; font-weight: 600; line-height: 1.25em; color: #ff5926; letter-spacing: -.2px; text-align: left;}
.class_dis_list .thumb_info del {display: block; font-size: 12px; font-weight: 300; line-height: 1.25em; letter-spacing: -.2px; text-align: left;}
.class_dis_list .thumb_info .btn_area {width: 100%; margin-top: 5px;}
.class_dis_list .thumb_info .btn_area button {width: 100%; display: inline-block; text-align: center;}
button.btn_add_class {padding: 7px 10px 7px 10px; line-height: 1.25em; font-size: 14px; font-weight: 600; color: #ffffff; background-color: #ff5926; border-radius: 5px;}
.dis_thumb:hover button.btn_add_class {background-color: #e24212;}
#class_dis .inner-content {padding: 10px 15px 15px 20px; background-color: #edf9f9; border-radius: 10px; border: 1px solid #e8f7f7;}
#class_dis .inner-content .sub_title {margin-top: 0;}
#class_dis .inner-content .sub_title .tit {border-bottom: 0; display: inline-block; vertical-align: bottom;}
#class_dis .class_dis_list {margin-top: 5px;}
#class_dis .sub_title .btn_area {padding: 8px 0 0 20px; display: inline-block; vertical-align: top;}
#class_dis .btn_info {display: inline-block; width: 30px; height: 30px; background: url(/jsp/images/mobile/renewal/btn_info.png) no-repeat center center; background-size: 30px;}



/* °úÁ¤¾È³» ÅÇ */
.class_tab.on{position: fixed; top: 33px; left: 0;  z-index: 10;}
.none_recommend{}
.none_recommend.on{position: fixed; top: 33px; left: 0; z-index: 10;}
.class_tab{width: 100%; display: inline-block; margin-top: 25px;}
.class_tab ul{border-top: 2px solid #555;}
.class_tab ul li{width: 20%; height: 50px; background-color: #f4f4f4; border: 1px solid #ccc; box-sizing: border-box; float: left; border-top: none; border-right: none; line-height: 50px; text-align: center; color: #555; font-weight: bold;}
.class_tab ul li:last-child{border-right: 1px solid #ccc;}
.class_tab ul li.current{background-color: #fff; border-bottom: none;}
/* ¿Â¾Ø¶óÀ̺ê ÅÇ 4°³ ¶§ Ŭ·¡¾² online_tab */
div.online_tab ul li{width: 25%;}


/* ZOOMÈ°¿ë ¿Â¶óÀÎ ¿ø°Ý ¼ö¾÷ ¾È³»¹®±¸ */
.class_notice{width: 100%; display: inline-block; margin-top: 20px;}
.detail_notice_con{padding: 20px 20px; border: 1px solid #dedfdf; background-color: #f7f7f7;}
.detail_notice_con strong{color: #11b1b6; padding-bottom: 10px; display: block; font-size: 16px;}


/* °úÁ¤¾È³» °øÅë */
.seciton.lec_view{text-align: left;}
.lec_view_tit{width: 100%; border-bottom: 2px solid #222; color: #222; font-weight: bold; line-height: 50px; text-align: left; margin-top: 20px; font-size: 20px;}
.lec_view_con{display: inline-block; margin-top: 20px; width: 100%;}
.class_review{margin-top: -20px;}
.class_review .txt_box ul.lec li{font-size: 20px;}


/* ¼ö°­½ÅûÇϱ⠹öÆ° Çϴܹ٠*/
.payment_bar{width: 100%; height: 57px; background: rgba(32,33,36,0.9); z-index: 2; position: fixed; bottom: 75px; left: 0;}
.payment_bar.on{position: fixed; bottom: 75px; left: 0;}
.pay_bar{float: left;}
.pay_icon{width: 20%;}
.pay_btn{width: 80%;}
.pay_bar ul{}
.pay_bar ul li{float: left; text-align: center; display: table;}
.pay_bar ul li a,
.pay_bar ul li button {display: block; font-weight: bold; color: #fff;display: table-cell; text-align: center; vertical-align: middle; line-height: 1;}
.pay_bar ul li.share{width: 50%; height: 57px; border-right: 1px solid rgba(255,255,255,0.7); background: url(/jsp/images/mobile/renewal/share_bar_ico.gif) no-repeat center center; background-size: 18px;}
.pay_bar ul li.share a{text-indent: -9999em; height: 57px;}
.pay_bar ul li.interest{width: 50%; height: 57px; border-right: 1px solid rgba(255,255,255,0.7); background: url(/jsp/images/mobile/renewal/bookmark_bar_ico.gif) no-repeat center center; background-size: 28px;}
.pay_bar ul li.interest a{text-indent: -9999em; height: 57px;}
.pay_bar ul li.nextclass{width: 49%; height: 43px; background-color: #ff8a00; border-radius: 5px 5px;margin-top: 7px;}
.pay_bar ul li.apply{width: 49%; height: 43px; background-color: #11b1b6; border-radius: 5px 5px; margin-left: 2%; margin-top: 7px;}
/* (±¹ºñÁö¿ø)¼ö°­½ÅûÇϱ⠹öÆ° */
.payment_bar .gukbi_pay_btn ul li.share{width: 50%;}
.payment_bar .gukbi_pay_btn ul li.interest{width: 50%;}
.payment_bar .gukbi_pay_btn ul li.nextclass{width: 32.5%;}
.payment_bar .gukbi_pay_btn ul li.gukbipay{width: 32.5%; height: 43px; background-color: #1185b6; border-radius: 5px 5px; margin-top: 7px; margin-left: 1%;}
.payment_bar .gukbi_pay_btn ul li.apply{width: 32.5%; margin-left: 1.2%;}



/* ·Î±×ÀÎÆäÀÌÁö */
.login_content{margin-top: 25px;}
.loginBox{}
.loginBox input[type="text"]{width: 100%; height: 55px; border-radius: 5px 5px; padding: 0 15px; border: 1px solid #c7c7c7;}
.loginBox input[type="password"]{width: 100%; height: 55px; border-radius: 5px 5px; margin-top: 5px; padding: 0 15px; border: 1px solid #c7c7c7;}
.idcheckbox{float: left;}
.loginIssue{float: right;}
.loginIssue img{width: 20px; margin-right: 5px;}
.loginIssue a{color: #8e8e8e; font-size: 13px;}
.loginBox .chk{margin-top: 15px;}
.idcheckbox input[type=checkbox] + label{position: relative; display: inline-block; padding-left: 25px; line-height: 20px;}
.idcheckbox input[type=checkbox] + label:before{content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 10px; background: #fff url(/jsp/images/mobile/renewal/bg_checkbox.png) no-repeat center 6px; background-size: 10px auto; box-sizing: border-box;}
.idcheckbox input[type=checkbox]:checked + label:before{border: 1px solid #0e0e0e; background: #0e0e0e url(/jsp/images/mobile/renewal/bg_checkbox_on.png) no-repeat center 6px; background-size: 10px auto;}
.login_btnArea{display: inline-block; width: 100%; height: 55px; background-color: #12b5b0; text-align: center; border-radius: 5px 5px; margin-top: 20px;}
.login_btnArea a{display: block; line-height: 55px; color: #fff; font-size: 16px;}
.util{margin-top: 20px; text-align: center;}
.util li{display: inline-block;}
.util li:first-child a{color: #00a699; font-weight: 600;}
.util li.login_line{color: #d1d1d1; padding: 0 5px 10px 5px; font-size: 15px;}
.loginLine{text-align: center;}
.simple{}
.loginLine_btn{}
.loginLine_btn .btnLine{width: 100%; height: 55px; border-radius: 5px 5px; overflow: hidden; line-height: 55px; margin-top: 5px; border: none;}
.loginLine_btn .btnLine a{display: block; color: #fff; font-size: 16px;}
.loginLine .simple{margin: 25px 0; color: #999; background: url(/jsp/images/mobile/renewal/simple_bg.png) no-repeat center center;}
.loginLine_btn .login_naver{background-color: #2cb400;}
.loginLine_btn .login_kakao{background-color: #ffcc00;}
.loginLine_btn .login_google{border: 1px solid #444;}
.loginLine_btn .login_google a{color: #444; }
.loginLine_btn .login_facebook{background-color: #3c5a9a;}


/* ȸ¿ø°¡ÀÔ ÆäÀÌÁö */
.join_phone{text-align: center;}
.join_phone_title{margin: 30px 0 20px 0;}
.join_phone_title p{font-size: 21px; margin-top: 8px; color: #000;}
.join_phone_title p span{font-weight: bold;}
.edu_join_btn{width:25%; height:38px; line-height:38px; font-size:14px; border-radius: 5px; background: #4d4d4d;}
.edu_join_btn a{color: #fff; display: block; font-size: 12px;}
.join_con{text-align: center;}
.input_info input[type=password]{width: 100%;}
.input_info .tf_n{display: inline; float: left; font-size: 16px; color: #666; border: none; padding: 25px 10px;}
.email_ok{display: inline-block; float: right; height: 36px; margin-top: 15px;}
.sms_ok{display: inline-block; float: right; height: 36px; margin-top: 15px;}
.c_input2{display: block; float: left; position: relative; height: 26px;}
.c_input3:checked ~ label{line-height: 19px; background: url(/jsp/images/mobile/renewal/check_on.png) left center no-repeat; background-size: 15px;}
.c_label3{ color:#333; padding-left:18px; height:23px; line-height:19px; margin-right: 5px; background:url(/jsp/images/mobile/renewal/check_off.png) left center no-repeat; cursor: pointer; background-size: 15px;}
.c_input3{display: none;}
.join_agree{text-align: left;}
.join_agree{text-align: left;}
.address_inputBox{text-align: left;}
.address_input{width: 100%; display: inline-block;}
.address_input input[type=button]{width: 26%; height: 52px; border-radius: 5px; background: #ededed; float: left; border: 1px solid #ccc;}
.address_input input[type=text]{width: 73%; height: 52px; border: 1px solid #ccc; border-radius: 5px; float: right; padding-left: 10px;}


/* ¾ÆÀ̵𡤺ñ¹Ð¹øȣã±â */
.phone_ibpw{text-align: center;}
.phone_ibpw strong{font-size: 18px; display: inline-block; margin-bottom: 15px; margin-top: 20px;}


/* ȸ¿øÁ¤º¸¼öÁ¤(ºñ¹Ð¹øÈ£º¯°æ/°³ÀÎÁ¤º¸º¯°æ) */
.member_modify{text-align: center;}
.member_modify ul li.changeImg{margin-top: 30px; margin-bottom: 10px;}
.changeTitle{font-size: 20px; color: #000;}
.changeTitle span{font-weight: bold;}
.member_modify ul li.changeBtn{width: 100%; height: 52px; color: #fff; font-weight: bold; background: #444; margin-top: 20px; border-radius: 5px; line-height: 52px;}
.personal_change{border-top: 1px solid #ccc; margin-top: 40px;}
.table_write input[type=password]{border-radius: 5px;}
.table_write input[type=text]{border-radius: 5px;}
.step_title{text-align: left; margin-bottom: 15px;}
.step_title h5{font-size: 18px;}
.step_title p{line-height: 1.5;}
.table_write select{border: 1px solid #999; background: #d8d8d8; border-radius: 5px;}
.table_write input[type=radio]{width: 18px; height: 18px; margin-right: 5px;} 


/* ÄÁÅÙÃ÷³»¿ë °øÅë */
.sub_title .sub_tit{font-size: 20px; color: #000; height: 45px; font-weight: 600; line-height: 45px; border-bottom: 2px solid #000;}
.new_content{width: 100%; display: inline-block;}



/*=============== ºê·£µå¼Ò°³ (.welcomeBrand) ===============*/
.welcomeBrand {}
.welcomeBrand.brandMedia {}
.welcomeTop > p {font-size: 16px; font-weight: 400; line-height: 1.75em; letter-spacing: -.08em; color: #222;}

.welcomeBrand h4 {margin-top: 35px; margin-bottom: 10px; font-size: 24px; font-weight: 600; line-height: 1.25em; letter-spacing: -.05em; color: #222222; text-align: center;}
.welcomeBrand h4 + p {margin-bottom: 15px; font-size: 16px; font-weight: 400; line-height: 1.25em; letter-spacing: -.05em; text-align: center; color: #939393;}
.welcomeList {display: flex; flex-direction: column; margin: 30px 0 20px;}
.welcomeItem {display: flex; flex: 1; flex-direction: column; margin: 0 10px 20px 10px;}
.welcomeItem p.tit {padding: 115px 0 50px 0; font-size: 18px; font-weight: 600; line-height: 1.75em; letter-spacing: -.05em; color: #222; text-align: center;}
.welcomeItem p.desc {font-size: 14px; font-weight: 400; line-height: 1.75em; letter-spacing: -.05em; color: #939393; text-align: center; word-break: keep-all;}
/* ÇÑÅ͹̵ð¾î */
.brandMedia .welcomeItem {background-repeat: no-repeat; background-position: top center; background-size: 100px 100px;}
.brandMedia .welcomeItem.item01 {background-image: url(/jsp/images/renewal/ico_welcomeHanter01.png);}
.brandMedia .welcomeItem.item02 {background-image: url(/jsp/images/renewal/ico_welcomeHanter02.png);}
.brandMedia .welcomeItem.item03 {background-image: url(/jsp/images/renewal/ico_welcomeHanter03.png);}
.welcomeBrand .history h4 + p {margin-bottom: 40px;}
.historyList {position: relative;}
.historyList:before {position: absolute; display: block; content: ''; clear: both; width: 5px; height: 100%; background-color: #EFEFEF; left: 10px;}
.historyList:after {position:relative; display: block; content: ''; clear: both;}
.historyList {position: relative; display: flex; width: 100%; flex-direction: column; clear: both;}
.historyList li {display: flex; flex-flow: column; position: relative; padding: 25px 0 13px 0;}
.historyList li .date {font-size: 18px; font-weight: 400; line-height: 1.75em; letter-spacing: -.08em; color:#808080;}
.historyList li .desc {font-size: 15px; font-weight: 400; line-height: 1.75em; letter-spacing: -.08em; color:#222;}
.historyList.listRight {align-items: flex-start;}
/* .historyList.listRight:before {margin-left: -2.5px} */
.historyList.listLeft {align-items: flex-start; }
/* .historyList.listLeft:before {margin-left: -2.5px} */
.historyList.listRight li {align-items: flex-start; padding-left: 50px;}
.historyList.listLeft li {align-items: flex-start; padding-left: 50px;}
.historyList.listLeft li:after,
.historyList.listRight li:after {position: absolute; display: block; content: ''; clear: both; width: 27px; height: 27px; top: 25px; background-color: #DDDDDD; border-radius: 14px;}
.historyList.listLeft li:after {left: 0;}
.historyList.listRight li:after {left: 0;}
.historyList li.strong .desc {font-weight: 600;}
.historyList li.strong:after {background-color: #11B1B6;}


/* H¾ÆÄ«µ¥¹Ì´Â? */
.about_academy{width: 100%; display: inline-block; position: relative;}
.about_academy ul li{width: 50%;}
.about_academy ul li.academy_left{float: left;}
.about_academy ul li.academy_right{float: right;}
.about_academy ul li img{width: 100%;}
.about_academy ul li p.txt01{padding: 10px 10px; margin-left: -30px; margin-top: 40px; background: #fff;}
.about_academy ul li p.txt02{padding: 10px 10px; margin-right: -30px; margin-top: 40px; background: #fff;}
.about_academy ul li p.txt03{padding: 10px 10px; margin-left: -30px; margin-top: 40px; background: #fff}
.about_academy ul li p.txt04{padding: 10px 10px; margin-right: -30px; margin-top: 40px; background: #fff;}

/* ÇÑÅÍ´Â? */
.hanter_about{width: 100%; display: inline-block;}
.hanter_about ul li.hanter_about_img{width: 100%;}
.hanter_about ul li.hanter_about_img img{width: 100%;}
.hanter_about ul li.hanter_about_txt strong{font-weight: bold; font-size: 18px; color: #000; display: block; margin-top: 15px; margin-bottom: 10px;}
.hanter_about ul li.hanter_about_txt p{font-size: 13px;}
.hisContent{width: 100%; display: inline-block; background: url('/jsp/images/hanter/about/history_line.png') repeat-y 50% 0px;}
.hisContent ul li.listType00{display: inline-block; width: 100%;}
.hisContent .rightTypeArea{float: right; padding-left: 20px; background: url('/jsp/images/mobile/renewal/history_bot.png') no-repeat left 4px; width: 52%; background-size: 15px;}
.hisContent .leftTypeArea{float: left; padding-right: 20px; background: url('/jsp/images/mobile/renewal/history_bot.png') no-repeat right 4px; width: 52%; text-align: right; background-size: 15px;}
.hisTit{font-size: 16px; color: #000; margin-bottom: 10px; display: block;}
.detailsHis li{display: block; margin-top: 10px;}
.detailsHis strong{display: block; font-size: 13px;}
.detailsHis span{font-size: 12px;}

/* ÇÑ°Ü·¹±ÛÅÍ´Â? */
.geulter_about{width: 100%; margin-top: 20px;}
.geulter_about h5{font-size: 20px; color: #11b1b6;}
.geulter_about_txt strong{font-size: 16px; color: #000; margin-bottom: 10px; display: block;}
.geulter_about_txt p{font-size: 13px;}

/* ÀÛ°¡¾ÆÄ«µ¥¹Ì´Â? */
.writer_about{width: 100%;}
.writer_about h5{font-size: 22px; color: #000;}
.writer_about h6{font-size: 20px; color: #000; margin-top: 20px;}
.writer_about_txt strong{font-size: 18px; color: #000; display: block; margin-top: 20px;}
.writer_about_txt p{font-size: 13px; display: block; margin-top: 20px;}
.writer_about_txt span{font-size: 13px;}

/* H studio´Â? */
.hstudio_about{width: 100%;}
.hstudio_about ul li.hstudio_about_img{width: 100%;}
.hstudio_about ul li.hstudio_about_img img{width: 100%;}
.hstudio_about ul li.hstudio_about_txt h5{font-size: 22px; color: #000; margin-top: 20px;}
.hstudio_about ul li.hstudio_about_txt strong{font-size: 18px; color: #11b1b6; display: block; margin-top: 20px;}
.hstudio_about ul li.hstudio_about_txt p{font-size: 13px; display: block; margin-top: 5px;}

/* PUB ¼Ò°³ */
.pub_about{width: 100%;}
.pub_about h5{font-size: 20px; color: #11b1b6;}
.pub_about strong{font-size: 18px; color: #000; display: block; margin-top: 20px;}
.pub_about p.pub_about_txt{font-size: 13px; display: block; margin-top: 10px;}

/* pick ¼Ò°³ */
.pick_about{width: 100%; text-align: center;}
.pick_about ul li.pick_about_img img{width: 100%;}
.pick_about ul li.pick_about_txt h5{font-size: 22px; color: #000; margin-top: 20px;}
.pick_about ul li.pick_about_txt h5 img{vertical-align: middle; margin-left: 5px; width: 15%;}
.pick_about ul li.pick_about_txt p{display: block; margin-top: 10px;}
.pick_about ul li.pick_about_txt p.strong{font-weight: bold; color: #222;}

/* ¿Â¾Ø¶óÀÌºê ¼Ò°³ */
.online_about{width: 100%; text-align: center;}
.online_about ul li.online_about_txt strong{font-size: 22px; color: #000;}
.online_about ul li.online_about_txt p{display: block; margin-top: 8px;}
.online_about ul li.online_about_img img{width: 100%; margin-top: 20px; margin-bottom: 20px;}

/* ¿Â¾Ø¶óÀ̺ê>¼­ºñ½º ¼Ò°³ */
.online_partner a {font-weight: 600;}
.online_partner a + a {margin-left: 10px;}

/* ¿Â¾Ø¶óÀ̺ê>ÆÐÅ°Áö */
.pack_list {padding: 15px 0 25px 0;}
.event_pack_info {height: auto;}
.event_pack_info .dot5 {padding: 0 0 20px 0;}

/* ºê·£µå) ±×¸² ¼Ò°³ÆäÀÌÁö */
.grimTop {height: 215px; padding: 25px 15px 0 15px; background: url(/jsp/images/renewal/img_brandGrimTop02.png) no-repeat bottom right, url(/jsp/images/renewal/img_brandGrimTop01.png) no-repeat top center; background-size: 156px, auto; box-sizing: border-box; text-shadow: 0px 3px 6px #461E69;}
.grimTop .tit {font-size: 20px; font-weight: 900; line-height: 1.25em; letter-spacing: -.05em; color: #fff;}
.grimTop .desc {margin-top: 10px; font-size: 14px; font-weight: 600; line-height: 1.25em; letter-spacing: -.05em; color: #fff;}
.grimList {margin-top: -20px; padding: 0 15px;}
.grimList li p,
.grimBottom p {padding-bottom: 15px; font-size: 14px; font-weight: 400; line-height: 1.5em; letter-spacing: -.05em; color: #666;}
.grimList li p {}
.grimList li.grimItem01 p {color: #333;}
.grimList li h3 {padding: 15px 0; font-size: 18px; font-weight: 600; line-height: 1.25em; letter-spacing: -.05em; color: #333; border-bottom: 0;}
.grimList {display: flex; flex-direction: column; }
.grimItem {padding-top: 200px; margin-bottom: 20px; display: flex; flex-direction: column; background-repeat: no-repeat; background-position: top left; background-size: contain;}
.grimItem01 {padding-top: 0;}
.grimItem02 {background-image: url(/jsp/images/renewal/img_brandGrim03.png); padding-top: 150px; background-size: 300px 150px;}
.grimItem03 {background-image: url(/jsp/images/renewal/img_brandGrim02.png); padding-top: 150px; background-size: 300px 150px;}
.grimItem04 {background-image: url(/jsp/images/renewal/img_brandGrim04.png); padding-top: 150px; background-size: 300px 150px;}
.grimItem01 .tit {padding-bottom: 15px; font-size: 18px; font-weight: 600;}
.grimBottom {padding: 20px 10px 0 10px;}

/* ºê·£µå) ¶óÀÌÇÁ ¼Ò°³ÆäÀÌÁö */
.lifeBox {padding: 0; display: flex; flex-direction: column; }
.lifeBox h4 {position: relative; display: inline-block; padding: 10px 10px 340px 10px; margin-bottom: 30px; font-size: 20px; font-weight: 600; line-height: 1.25em; color: #303032; text-align: center; letter-spacing: -.05em;background: url(/jsp/images/renewal/img_brandLife01.png) no-repeat bottom center; background-size: 338px 318px;}
.lifeBox h4 .tit {position: relative; padding-right: 85px;}
.lifeBox h4 .tit:after {position: absolute; display: block; content:''; width: 80px; height: 30px; top: -7px; right: -10px; background: url(/jsp/images/renewal/img_brandLife02.png) no-repeat center center; background-size: auto;}
.lifeBox p {font-size: 14px; font-weight: 400; line-height: 1.5em; letter-spacing: -.05em; padding-bottom: 55px; color: #666;}
.lifeBox p.lifeBottom {font-size: 15px; font-weight: 600; line-height: 1.5em; letter-spacing: -.05em;}
.lifeBox p.lifeBottom strong.tit {font-size: 20px; font-weight: 900; color: #303032;}


/* ¼ö°­¸Ê */
.mapContent{width: 100%}
.mapContent .mpTab{display: inline-block; margin-top: 20px; margin-bottom: 20px;}
.mapContent .mpTab ul li{width: 33.3333%; float: left;}
.mapContent .mpTab ul li img{width: 100%;}
#map_div01 img{width: 100%;}
#map_div02 img{width: 100%;}
#map_div03 img{width: 100%;}



.table_list_04{width: 100%; border-top: 1px solid #222; margin-top: 20px;}
.table_list_04 table{width: 100%;}
.table_list_04 th{background-color: #f9f9f9; border: 1px solid #e5e5e5; font-weight: bold; height: 38px; line-height: 38px; text-align: center; color: #222; font-size: 16px;}
.table_list_04 td{padding: 10px; border: 1px solid #e5e5e5; background-color: #fff; color: #666; vertical-align: text-top; font-size: 13px;}
.table_list_04 td ul li{list-style: disc !important; margin-left: 15px;}
.con_stitle2{font-size: 18px; color: #222; font-weight: bold; margin-top: 20px; margin-bottom: 15px; display: inline-block; background: url(/jsp/images/mobile/renewal/cir_icon.png) no-repeat left center; background-size: 15px; padding-left: 20px;}


/* h½ºÆ©µð¿À ¼ö·á»ýÇöȲ */
.con_graduate{display: inline-block; width: 100%;}
.con_graduate p.movie_bg img{width: 100%;}
.graduate_list{margin-top: 15px; border: 1px solid #ddd; padding: 15px 15px; overflow: hidden;}
.graduate_list h3{font-size: 18px; color: #11b1b6; line-height: 1.5; padding: 0 0 5px 0; position: relative;}
.graduate_list h3:after{content: ''; display: block; position: absolute; right: -15px; bottom: -8px; width: 140%; height: 155px; background: rgba(221,221,221,.2);}
.graduate_list ul li{padding-top: 20px;}
.graduate_list ul li strong{font-size: 16px; color: #222; font-weight: bold;}
.graduate_list ul li p{font-size: 12px;}


/* ¼ö»óÀÚ¸í´Ü/°É¾î¿Â±æ */
.new_history_list{display: inline-block; width: 100%;}
.new_history_list p.movie_bg img{width: 100%;}
.new_his_list{margin-top: 15px; border: 1px solid #ddd; overflow: hidden;}
.new_his_list ul li{float: left;}
.new_his_list ul li.list_year{width: 20%; position: relative;}
.new_his_list ul li.list_year:after{content: ''; display: block; position: absolute; width: 100%; height: 1000px; background: rgba(221,221,221,.2); left: 0; top: 0;}
.new_his_list ul li.list_year h3{font-size: 20px; color: #11b1b6; text-align: center; padding-top: 15px;}
.new_his_list ul li.list_award{width: 80%; padding: 15px 15px;}
.new_his_list ul li.list_award p{margin-bottom: 10px; display: block;}
.new_his_list ul li.list_award p:last-child{margin-bottom: 0;}


/* ÅëÇÕÆäÀÌÁö */
.repository_search{width: 100%; display: inline-block;} 
.repository_search ul{display: inline;}
.repository_search ul li{float: left; height: 35px; text-align: center; border-radius: 3px;}
.repository_search ul li.search_select{width: 20%;}
.repository_search ul li.search_select .a_s_select{width: 100%; height: 35px; border: 1px solid #666; padding-left: 5px; border-radius: 3px; background: url(/jsp/images/mobile/renewal/arr_select.png) no-repeat 90% center;}
.repository_search ul li.search_txt{width: 58%; margin-left: 1%;}
.repository_search ul li.search_txt input[type=text]{width: 100%; height: 35px; border: 1px solid #999; border-radius: 3px;}
.repository_search ul li.search_go{width: 19%; background: #222; margin-left: 1%;}
.repository_search ul li.search_go a{color: #fff; line-height: 35px;}
.repository {width: 100%; display: inline-block; border-bottom: 1px solid #ddd; line-height: 1.25em;}
.repository .date{display: inline-block; padding-top: 20px;}
.repository .date ul li{float: left; padding-right: 5px;}
.repository .date ul li.line{color: #ddd;}
.repository .date span{color: #17ada1;}
.repository .txt_box {margin-top: 10px;}
.repository .txt_box ul li.tit01{font-size: 18px; margin-bottom: 5px;}
.nonsul_board_list .table_list_02 th{border-top: none;}
.hanterRecommend_board_list .table_list_02 td{padding: 10px 5px;}
.roomRent .con_stitle2{background:url(/jsp/images/mobile/renewal/cir_icon.png) no-repeat left 6px; background-size: 15px;}
.roomRent .con_stitle2 span{color: #11b1b6;}
.roomRent .table_list_02 th{line-height: 1.5; padding: 10px 0;}
.roomRent_notice{width: 100%; display: inline-block; border-top: 1px solid #000; padding: 0 10px;}
.roomRent_notice ul{padding: 15px 0; border-bottom: 1px solid #ccc;}
.roomRent_notice ul:last-child{border-bottom: none;}
.roomRent_notice ul li.room_tit{font-weight: bold; font-size: 16px; color: #222; background: url(/jsp/images/mobile/renewal/cir_icon_gray.png) no-repeat left center; background-size: 10px; padding-left: 15px; margin-bottom: 5px;}
.roomRent_notice ul li.room_cont p{display: block; background: url(/jsp/images/mobile/renewal/dat_ico.png) no-repeat left 9px; background-size: 2px; padding-left: 5px;}


.media_reg_write .a_s_select{border: 1px solid #999; background-image: url(/jsp/images/mobile/renewal/arr_select.png); background-repeat: no-repeat; background-position: 90% center; padding: 5px 5px; background-size: 11px; width: 100px;}
.table_write .media_select{border: 1px solid #999; background-image: url(/jsp/images/mobile/renewal/arr_select.png); background-repeat: no-repeat; background-position: 90% center; padding: 5px 5px; background-size: 11px; border-radius: 0px; background-color: #fff;}
p.media_tag{display: inline-block; padding: 0px 7px; border-radius: 15px; border: 1px solid #4cc8d2; color: #4cc8d2; margin-right: 5px; font-size: 13px; vertical-align: top; line-height: 1.8;}
.a_list_search{width: 100%; height: 45px; border-bottom: 1px solid #767676; margin: 10px 0 10px 0;}
.a_list_search .a_s_select_2{border: 1px solid #999; background-image: url(/jsp/images/mobile/renewal/arr_select.png); background-repeat: no-repeat; background-position: 97% center; padding: 5px 5px; background-size: 11px; width: 100%;}

.write_subject{}
.write_subject ul li{width: 100%; background: #eee;}
.write_subject ul li.look_box{height: 45px;  text-align: center; line-height: 45px; font-weight: bold; color: #000; font-size: 16px; }
.write_subject ul li.look_box img{vertical-align: middle; width: 15px; margin-left: 5px;}
.write_subject ul li.more_box{padding: 10px; margin-top: 1px;}
.write_subject ul li.more_box ol li.more_box_tit{font-weight: bold; font-size: 15px; color: #222; background: url(/jsp/images/mobile/renewal/cir_icon_gray.png) no-repeat left center; background-size: 10px; padding-left: 15px;}
.write_subject ul li.more_box ol li{padding: 3px 5px; color: #222; letter-spacing: -0.5px;}
.write_subject ul li.more_box ol li p{font-size: 12px; color: #666;}

.filebox{width: 100%; height: 45px; background: #c0c0c0; border-radius: 5px; text-align: center;}
.filebox span{line-height: 45px; font-weight: bold; color: #000;}
.filebox input[type="file"]{border: none; position: absolute; width: 100%; height: 45px; overflow: hidden; text-indent: -9999px; left: 0; color: #c0c0c0;}

.write_subject_btn{width: 100%;}
.write_subject_btn li{width: 49%; text-align: center; height: 45px; background: #4d4d4d; border-radius: 5px;}
.write_subject_btn li:nth-child(1){float: left; background: #222;}
.write_subject_btn li:nth-child(2){float: right;}
.write_subject_btn li a{display: block; line-height: 45px; color: #fff; font-size: 16px; font-weight: bold;}



/* SUB TAB Scroll Type1 */
.sub_tab_scroll.type1 {display: block; margin: 0 0 0 0; border-bottom: 1px solid #d0d0d0; overflow: hidden; overflow-x: scroll;}
.sub_tab_scroll.type1 .sub_tab_ul {display: block; height: 50px; margin: 0; white-space: nowrap;}
.sub_tab_scroll.type1 .sub_tab_li {display: table-cell; margin: 0; padding: 0; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; vertical-align: top;}
.sub_tab_scroll.type1 .sub_tab_li.active {border-top: 1px solid #222222; background-color: #222222;}
.sub_tab_scroll.type1 .sub_tab_li.active .name {color: #ffffff;}
.sub_tab_scroll.type1 .sub_tab_li:first-child {border-left: 0;}
.sub_tab_scroll.type1 .sub_tab_a {display: table-cell; min-width: 90px; height: 50px; padding: 10px 20px 10px 20px; text-align: center; vertical-align: middle; font-size: 14px; letter-spacing: -1px; line-height: 1.1em;}
.sub_tab_scroll.type1 .sub_tab_a .name {color: #666666; vertical-align: middle;}

/* SUB TAB Scroll Type2 */
.sub_tab_scroll.type2 {display: block; margin: 20px 0 0 0; border-bottom: 1px solid #d0d0d0; overflow: auto;}
.sub_tab_scroll.type2 .sub_tab_ul {display: block; height: 40px; margin: 0; white-space: nowrap;}
.sub_tab_scroll.type2 .sub_tab_li {display: table-cell; margin: 0; padding: 0; border-top: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; vertical-align: top; background-color: #f4f4f4;}
.sub_tab_scroll.type2 .sub_tab_li.active {border-top: 2px solid #474a52; background-color: #ffffff;}
.sub_tab_scroll.type2 .sub_tab_li.active .name {color: #000000;}
.sub_tab_scroll.type2 .sub_tab_li:first-child {border-left: 0;}
.sub_tab_scroll.type2 .sub_tab_a {display: table-cell; min-width: 60px; height: 38px; padding: 10px 15px 9px 15px; text-align: center; vertical-align: middle; font-size: 13px; letter-spacing: -1px; line-height: 1.1em;}
.sub_tab_scroll.type2 .sub_tab_a .name {color: #666666; vertical-align: middle;}

/* SUB TAB Scroll Type3 */
.sub_tab_scroll.type3 {display: block; margin: 0 0 0 0; border-bottom: 1px solid #d0d0d0; overflow: auto; background-color: #eeeeee;}
.sub_tab_scroll.type3 .sub_tab_ul {display: block; height: 47px; margin: 0; white-space: nowrap;}
.sub_tab_scroll.type3 .sub_tab_li {display: table-cell; margin: 0; padding: 0; /*border-top: 1px solid #dfdfdf;*/ border-left: 1px solid #dfdfdf; vertical-align: top; background-color: #eeeeee;}
.sub_tab_scroll.type3 .sub_tab_li.active {background-color: #656565;}
.sub_tab_scroll.type3 .sub_tab_li.active .name {color: #ffffff; font-weight: 600;}
.sub_tab_scroll.type3 .sub_tab_li:first-child {border-left: 0;}
.sub_tab_scroll.type3 .sub_tab_a {display: table-cell; min-width: 31vw; height: 47px; padding: 7px 20px 7px 20px; text-align: center; vertical-align: middle; font-size: 14px; letter-spacing: -1px; line-height: 1em;}
.sub_tab_scroll.type3 .sub_tab_a .name {color: #333333; vertical-align: middle;}

/* sub-tab1 OLD ¼öÁ¤ */
.sub-tab1 ul {width: 100%;}
.sub-tab1 ul li a {height: 39px;}
.sub-tab1 ul li.on a {height: 40px;}

/* sub-tab2 - old */
.sub-tab2 {line-height: 1.1em;}
.sub-tab2 ul {border-right: 0;}
.sub-tab2 ul li a {border-bottom: 1px solid #d0d0d0; border-left: 0; border-right: 1px solid #d0d0d0;}
.sub-tab2 ul li.on a {border-bottom: 0;}



/* °­»çÁø ¸®½ºÆ® */
#teacher_list01 .photo {width: 35%;}
#teacher_list01 .button {width: 100%; margin: 10px 0 0 0; border-radius: 5px;}
#teacher_list01 #con01 {margin: 0 0 0 5%;}
#teacher_list01 #con01 .txt_box {margin-top: 0;}
.list_more .more_btn {border: 0; background-color: #e7e7e7; border-radius: 5px;}
/* #teacher_list01 #con01 .txt_box ul.tit03,
#teacher_list01 #con01 .txt_box ul.tit03 li,
#teacher_list01 #con01 .txt_box ul.tit04,
#teacher_list01 #con01 .txt_box ul.tit04 li {font-weight: 400;}
#teacher_list01 #con01 .txt_box ul.tit04 li {font-size: 12px;} */

/* .event_lst_type2 - old */
.event_lst_type2 dt.tit4 {width: auto;}
.event_lst_type2 a {text-overflow: ellipsis;}

/* ÇÑ°Ü·¹±³À° (½æ³×ÀÏ ¸®½ºÆ®) - old */
.s_interview .s_interview_con .title {line-height: 1.25em;}
.s_interview .s_interview_con .con {font-size: 15px; line-height: 1.25em;}

/* °ü½É°­Á ¸®½ºÆ® */
.my_lecture_content + h5 + .table_list_02 td.left {font-weight: 600; vertical-align: middle;}
.lec_lst_type2 {position: relative; /*min-height: 130px;*/}
.lec_lst_type2 dt.tit4 {font-size: 16px; padding: 0 0 3px 0; width: auto;}
.lec_lst_type2 dd.tit02 {padding: 10px 0 0 0; font-size: 13px;}
.lec_lst_type2 dd.tit {padding: 1px 0 0 0;}
/* .lec_lst_type2 dd.photo {display: inline-block; float: initial; margin: 0; position: absolute; left: 0; top: 0;} */
.lec_lst_type2 dd.photo {margin: -20px 10px 0 0;}
.lec_lst_type2 a {position: relative; text-overflow: ellipsis;}

/* ¿µÈ­ÀÎ - old */
#movieIn #movieIn_con .movieIn01 .txt_box {padding-bottom: 10px;}
#movieIn #movieIn_con .movieIn01 .txt_box li.tit01 {padding-bottom: 10px; font-size: 16px;}
#movieIn #movieIn_con .movieIn01 .txt_box li.tit02 {margin-bottom: 0;}
#movieIn #movieIn_con .movieIn01 .txt_box li.tit02 a {margin-bottom: 0; color: #666666;}
#movieIn #movieIn_con .movieIn01 .photo_movie a {display: block;}

/* ¹èÃâÀÛ°¡/ÃâÆÇÀÎ - old */
.box_comment {padding: 10px 15px; line-height: 1.25em;}
#writer_list01 #con01 .txt_box {margin-top: 0;}
#writer_list01 {padding: 0 0 20px 0; margin-bottom: 20px !important;}
#writer_list01 .photo {width: 35%;}
#writer_list01 .photo img {object-fit: contain;}
#writer_list01 #con01 {margin: 0 0 0 5%;}
#writer_list01 #con01 .txt_box li.tit01 {line-height: 1.25em;}
#writer_list01 #con01 .txt_box li.tit02 {line-height: 1.25em;}
#writer_list01 #con01 .txt_box li.tit02 a {font-weight: 400;}

/* faq - old */
#faq_list .answer li {padding: 20px 0 20px 0; line-height: 1.25em;}
#faq_list .answer li p {padding-top: 10px;}
#faq_list .answer li p:first-child {padding-top: 0;}

/* À̺¥Æ® */
.event_list01 {padding: 0 0 15px 0;}
.eventInfo dt, .eventInfo dd {padding-top: 1px;}
.eventInfo dt {width: 50px;}

/* ¼ö°­Èıâ */
#s_bestWriter .txt_box li.tit02 {padding: 0 10px 20px 10px;}
#s_bestWriter .txt_box li.tit02 .txt_best {width: 100%; font-weight: 400;}

/* °øÅë */
input, textarea, select,
.table_write .input {height: 32px; padding: 2px 5px; border-radius: 3px;}
.table_list_02 td {padding: 12px 10px 10px; line-height: 1.25em; vertical-align: middle;}
.table_list_02 td a {display: inline-block; vertical-align: middle;}
.table_list_02 .left img {padding-left: 2px; vertical-align: middle;}
.table_write th {padding: 8px 5px 10px;}
.table_write td {padding: 8px 12px 10px;}
.new_content .table_list_02 td {padding: 12px 12px 10px; line-height: 1.25em;}
.edu_title1 {width: 115px; height: 26px; margin-bottom: 5px; line-height: 26px; font-size: 13px; font-weight: 600;}
/* ¹öÆ° ½ºÅ¸ÀÏ */
.btnGray, .btnGray2, .btnGreen, .btnGreen2, .btnGreen3, .btnOrang, .btnLine, .btnLine_next, .btnLine_prev, .btnRed1, .btnBlue {border-radius: 5px;}
.lec_lst_type2 .button {margin: 10px 0 0 0 !important; padding: 9px 0 7px 0; font-size: 13px; border-radius: 5px;}
/* ÄíÆù ½ºÅ¸ÀÏ */
.coupon_title01,
.coupon_title_end {display: inline-block; padding: 1px 15px; width: auto;}
p.discount {margin-top: 8px;}
p.morePlus a {display: block; width: 100%; height: 100%;}
.cou_list li {margin-top: 0 !important;}

/* ±¹ºñÁö¿ø - old */
.gukgi_list02_comment {width: 100%;}

/* Å×À̺í - old */
.table_view_03 td {padding: 10px 15px;}

/* swiper-theme-color */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5px !important;}
.swiper-pagination-bullet {width: 7px !important; height: 7px !important; opacity: 0.2 !important; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1) !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px !important;}
.swiper-pagination-bullet {}
.swiper-pagination-bullet-active {opacity: 0.7 !important; background-color: #ffffff !important;}

/* ºê·£µå)¿Â¶óÀÎ ¿µ»óÈ«º¸¿µ¿ª */
.newcon.promo_online {margin-top: 0; text-align: initial;}
.promo_area {padding: 15px 10px 15px 10px;}
.promo_area.brand_promo {border: 1px solid #f3f3f3; background-color: #f8f8f8; box-shadow: 5px 5px 10px rgb(0 0 0 / 7%);}
.promo_area.brand_promo.col2 {display: flex;}
.promo_area .left_area,
.promo_area .right_area {flex: 1; overflow: hidden;}
.promo_area .left_area {position: relative;}
.promo_area .right_area {padding: 8px 10px 0 10px; text-align: left;}
.promo_area .play_list {width: 100%; height: auto; background: url(/jsp/images/renewal/video_play_list.png) 50% 50% no-repeat; top: 0; bottom: 0; left: 0; right: 0; position: absolute; object-fit: cover; object-position: center; background-size: cover; background-position: center;}
.promo_area .left_area a:hover .play_list {background-image: url(/jsp/images/renewal/video_play_list_hover.png);}
.promo_area .photo_box {overflow: hidden; border-radius: 10px;}
.promo_area .photo_box img {width: 100%;}
.promo_cate {display: block; padding: 0 0 30px 0; font-size: 18px; font-weight: 600; color: #13b5b1; letter-spacing: -1px;}
/* .promo_tit {display: -webkit-box; height: 2.5em; margin: 0 0 10px 0; font-size: 13px; line-height: 1.25em; font-weight: 600; color: #3d3d3d; letter-spacing: -.8px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.promo_desc {display: -webkit-box; height: 4.8em; font-size: 10px; line-height: 1.6em; font-weight: 300; letter-spacing: -.2px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} */
.promo_tit {display: -webkit-box; /*height: 1.25em;*/ margin: 0 0 10px 0; font-size: 13px; line-height: 1.25em; font-weight: 600; color: #3d3d3d; letter-spacing: -.8px; overflow: hidden; text-overflow: ellipsis; /*-webkit-line-clamp: 1;*/ -webkit-box-orient: vertical;}
.promo_desc {display: -webkit-box; /*height: 1.6em;*/ font-size: 10px; line-height: 1.6em; font-weight: 300; letter-spacing: -.2px; overflow: hidden; text-overflow: ellipsis; /*-webkit-line-clamp: 1;*/ -webkit-box-orient: vertical;}


/* ¼ö°­»ý À¯ÀÇ»çÇ× */
.cuspayment_pay.cusalert {padding: 15px; border-width: 3px; background-color: #f9f9f9;}
.cuspayment_pay.cusalert h5 {font-size: 18px; font-weight: 600; line-height: 1.25em;}
.cuspayment_pay.cusalert h5 img {margin: 0 10px 0 0;}
.cuspayment_pay.cusalert p {margin: 0 0 10px 0; font-size: 14px; line-height: 1.75em;}


/* ·¹À̾î Æ˾÷ ¾È³» */
.popup .pop-container {margin: 0 12%;}
.popup .pop-layer .pop-conts h4 {padding: 16px 18px; font-size: 15px;}
.popup .info_section {padding: 0 20px; text-align: left;}
.popup .section_body {padding: 20px 0;}
.popup .info_li {padding-top: 10px; font-size: 13px;}
.popup .info_li:first-child {padding-top: 0;}
.popup .con {word-break: keep-all;}



/* °¡µç¹Ì */
.new_content.cont_garden {margin-top: 15px; background-color: #fefaf4;}
.cont_garden .content {padding: 75px 15px 40px 15px;}
.cont_garden .about_garden {padding: 10px 0 150px 0; margin-right: -15px; background: url(/jsp/images/mobile/renewal/bg_aboutGarden.png) no-repeat right bottom; background-blend-mode: multiply; background-size: 60%;}
.cont_garden strong.cont_tit {height: 70px; display: block; background: url(/jsp/images/mobile/renewal/cont_gardenTitle.png) no-repeat center top; background-size: contain;}
.cont_garden p.tit_desc {height: 50px; padding-top: 0px; display: block; text-align: center; color: #199a5e; line-height: 1.25em; letter-spacing: -.4px;}
.cont_garden article:before {display: block; margin: 0 auto; content: ''; clear: both; width: 10px; height: 3px; background-color: #199a5e}
.cont_garden .about_garden {font-size: 14px; color: #199a5e; line-height: 2.3em; letter-spacing: -.8px;}
.cont_garden article p:first-child {padding-top: 64px;}




/* µî·ÏÃë¼ÒÈÄ Ãßõ°­Á ¸®½ºÆ® */
.lecCancel:after {display: block; content: ''; clear: both;}
.lecCancel .class_list h3 {padding-bottom: 10px; font-size: 18px; line-height: 1.25em; font-weight: 600; color: #222; text-align: left;}
.lecCancel .msg {margin-top: 25px; text-align: center;}
.lecCancel .msg_main {position: relative; padding: 65px 0 0 0; margin-top: -10px; font-size: 20px; font-weight: 400; line-height: 1.25em; color: #222; letter-spacing: -.03em;}
.lecCancel .msg_main:before {position: absolute; display: inline-block; content: ''; width: 55px; height: 55px; top: 0; left: 50%; margin-left: -30px; background: url(/jsp/images/renewal/img_arletCancel.png) no-repeat center center; background-size: contain;}
.lecCancel .msg_list {width: 100%; margin: 15px 0 0 0; font-size: 14px; font-weight: 400; line-height: 1.25em; text-align: left; background-color: #f1f1f1;}
.lecCancel .msg_list ul {padding: 10px 15px 10px 15px; }
.lecCancel .msg_list ul li {position: relative; padding-left: 15px; margin-top: 6px; font-size: 14px; font-weight: 400; line-height: 1.25em; text-align: left;}
.lecCancel .msg_list ul li:before {position: absolute; display: block; content: ''; width: 2px; height: 2px; top: 6px; left: 6px; background-size: 10px 10px; background-color: #666;}
.lecCancel .msg .btn_area {padding: 10px 0 20px 0;}
.lecCancel .msg .btn_area .btn_goHome {width: 100%; padding: 8px 15px 8px 15px; font-size: 16px; font-weight: 600; line-height: 1.5em; color: #fff; }


/* ¼ö°­Èıâ */
.comment_con .content {width: 100%; margin-top: 0;}
.review_line {display: none;}
#review .lec {padding: 0 0 10px 10px; line-height: 1.25em;}
#review .txt_box li.tit01 {font-size: 15px;}
#review .txt_box li.tit02 {width: 100%; font-weight: 400; line-height: 1.25em;}
.pnlDisplay #review:first-child .txt_box {margin-top: 0;}





/* =============== ´ë¿© =============== */
.info_area {width: 100%; padding: 15px 20px 15px 10px; background: #f7f7f7; box-sizing: border-box;}
.info_area ul li {}
.info_area ul li {position: relative; padding-left: 15px; margin-top: 6px; font-size: 14px; font-weight: 400; line-height: 1.25em; text-align: left;}
.info_area ul li:before {position: absolute; display: block; content: ''; width: 2px; height: 2px; top: 6px; left: 6px; background-size: 10px 10px; background-color: #666;}
.tbl_rentList thead .num {width: 5%;}
.tbl_rentList thead .name {width: 15%;}
.tbl_rentList thead .rent {width: 32%;}
.tbl_rentList thead .return {width: 32%;}
.tbl_rentList thead .status {width: 16%;}
.tbl_rentList thead,
.tbl_rentList tbody .num {display: none;}
.tbl_rentList tr {display: flex; flex-direction: column; border-bottom: 1px solid #707070;}
.tbl_rentList td {border-top: 0;}
.tbl_rentList td.name, .tbl_rentList td.rent, .tbl_rentList td.return {align-self: flex-start;}
.tbl_rentList td.status {align-self: flex-end;}
.tbl_rentList td.name {padding: 10px 10px 7px 10px; font-size: 15px; font-weight: 600; color: #222222;}
.tbl_rentList td.rent, .tbl_rentList td.return {position: relative; margin: 0 0 0 10px; padding: 0 10px 0 80px; font-size: 13px; font-weight: 600; color: #545456; line-height: 1.5; margin-bottom: 5px;}
.tbl_rentList td.status {padding: 10px 10px 10px 10px;}
.tbl_rentList td.rent:before, .tbl_rentList td.return:before {display: inline-block; position: absolute; width: 40px; top: 0; left: 0; font-size: 10px; font-weight: 400; text-align: left;}
.tbl_rentList td.rent:before {content: ''; background: url(/jsp/images/mobile/ico_rentalDate.png) no-repeat center / auto; position: absolute; left: 0px; top: 0px; width: 70px; height: 20px;}
.tbl_rentList td.return:before {content: ''; background: url(/jsp/images/mobile/ico_returnDate.png) no-repeat center / auto; position: absolute; left: 0px; top: 0px; width: 70px; height: 20px;}
/* ¿µ»óÀåºñ ´ë¿© */
.sec_rentInfo {margin: 10px 0;}
button.btn_rent {width: 100%; height: 45px; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -.05em; line-height: 44px; border: 0;}
h3.sub_tit {position: relative; height: 30px; margin-bottom: 20px; line-height: 1.25em; letter-spacing: -.05em; font-size: 18px; font-weight: 600; color: #333; border-bottom: 1px solid #303032;}
h3.sub_tit > span.sub_titDesc {padding: 5px 0 0 20px; font-size: 12px; font-weight: 400; color: #333; line-height: 1.25em; letter-spacing: -.05em;}
strong.sub_titDesc.fc_orange {display: block; margin: 0 0 40px 0; font-size: 13px; font-weight: 600; color: #f3691a; line-height: 1.25em; letter-spacing: -.05em;}
.new_content .rent_sec table,
.new_content h3.sub_tit + .rent_sec table,
.new_content .rent_sec table.tbl_rentCart {margin-top: -21px;}
.new_content .rent_sec table.tbl_rentForm {margin-top: 0;}
/* ¿µ»óÀåºñ ¾È³» */
.rentInfo_intro {padding: 15px 10px 40px 10px; /*background: url(/jsp/images/renewal/bg_rentInfo.png) no-repeat 50% 0; background-size: cover;*/ box-sizing: border-box;}
.rentInfo_intro p {font-size: 18px; font-weight: 500; line-height: 1.25em; letter-spacing: -.05em; color: #000000;}
.rentInfo_intro p strong {font-weight: 600; color: #11b1b6;}
.rentInfo_intro ul {padding-top: 15px;}
.rentInfo_intro li {position: relative; margin-top: 2px; padding: 0 0 2px 10px; font-size: 13px; font-weight: 400; line-height: 1.25em; letter-spacing: -.05em; color: #545456;}
.rentInfo_intro li:before {position: absolute; display: block; content: ''; width: 2px; height: 2px; top: 7px; left: 0; background-color: #545456;}
.rentInfo_intro li strong {font-weight: 600; color: #545456;}
.list_infoRent li {padding: 6px 0;}
.list_infoRent li .dt_tit,
.list_infoRent li .dd_desc {display: table-cell; }
.list_infoRent li .dt_tit {width: 90px;}
.list_infoRent li .tit {width: 80px; height: 24px; padding: 3px 15px; display: block; text-align: center; font-size: 13px; font-weight: 600; color: #fff; border-radius: 13px 13px; background-color: #11b1b6; box-sizing: border-box;}
.list_infoRent li .desc {padding: 3px 0 3px 5px; font-size: 13px; letter-spacing: -.05em;}
.list_infoRent li .desc .fc_orange {padding-left: 15px;}
.list_infoRent, .rentList {margin-top: -10px;}
.rentList .list_rentSort {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.rentList .item_rentSort {display: flex; flex-direction: row; padding: 0 0 15px 0;}
.rentList .item_rentSort .tit {padding: 0 10px 0 5px; width: 85px; font-size: 15px; font-weight: 600; line-height: 1.25em; color: #303032;}
.rentList .item_rentName {padding-bottom: 3px; font-size: 13px; font-weight: 400; line-height: 1.25em; color: #303032;}


.rent_sec table {width: 100%; border-top: 1px solid #222222; margin-bottom: 20px;}
.tbl_rentForm tbody tr th {width: 75px; padding: 15px 5px 13px 10px; font-size: 13px; font-weight: 600; color: #222; line-height: 1.5em; letter-spacing: -.05em; text-align: left; vertical-align: top; background-color: #f7f7f7; border-bottom: 1px solid #e8e8e8;}
.tbl_rentForm tbody tr td {padding: 15px 15px 13px 15px; font-size: 13px; font-weight: 400; color: #555; line-height: 1.25em; vertical-align: top; border-bottom: 1px solid #e8e8e8;}
.tbl_rentForm tbody tr td .classTitle {font-size: 14px; line-height: 1.5em;}
.tbl_rentForm .rentalDate {display: inline-block; margin: 5px 0 0 0; font-size: 15px; font-weight: 600; color: #f26521; line-height: 1.25em; vertical-align: top;}
/* ´ë¿© °¡´É Àåºñ */
.rentNull {padding: 80px 20px 70px 20px; }
.rentNull p {position: relative; padding: 170px 0 0 0; font-size: 20px; font-weight: 600; color: #222; text-align: center; letter-spacing: -.05em;}
.rentNull p:before {position: absolute; display: block; content: ''; width: 120px; height: 120px; top: 0; left: 50%; margin-left: -60px; background: url(/jsp/images/renewal/ico_search.png) no-repeat 0 0; background-size: contain;}
table.tbl_rentCart thead th {height: 42px; padding: 5px 5px; font-size: 14px; font-weight: 600; line-height: 1.25em; vertical-align: middle; text-align: center; color: #222222; border-bottom: 1px solid #e8e8e8; background-color: #f9f9f9;}
table.tbl_rentCart thead th.rentSort2 {width: 70px;}
table.tbl_rentCart thead th.rentAvailable,
table.tbl_rentCart thead th.rentNum {width: 72px;}
table.tbl_rentCart thead th.rentCancel {width: 50px;}
table.tbl_rentCart tbody th,
table.tbl_rentCart tbody td {font-size: 13px; font-weight: 600; line-height: 1.25em; vertical-align: top; }
table.tbl_rentCart tbody tr {border-bottom: 1px solid #e8e8e8;}
/* table.tbl_rentCart tbody th {display: flex;} */
table.tbl_rentCart tbody th {padding: 15px 5px 15px 5px; text-align: center; color: #222222; background-color: #f9f9f9;}
table.tbl_rentCart tbody td {padding: 10px 6px 10px 9px; text-align: left; color: #222222; font-weight: 400;}
/* table.tbl_rentCart tbody th.rentSort1 {width: 90px;} */
table.tbl_rentCart tbody td.rentCancel {text-align: center;}
table.tbl_rentCart tbody td.rentAvailable,
table.tbl_rentCart tbody td.rentNum {text-align: right;}
/* table.tbl_rentCart tbody td.rentName {display: flex; } */
table.tbl_rentCart .rentName {line-height: 1.25em; word-break: keep-all;}
table.tbl_rentCart .rentName a {display: inline-block; padding: 3px 0 0 0;}
table.tbl_rentCart .rentName a:hover {text-decoration: underline;}
table.tbl_rentCart .num {display: inline-block; min-width: 20px; padding-right: 10px; text-align: right; line-height: 30px;}

button.btn_rentCart {width: 30px; height: 30px; border-radius: 3px; vertical-align: top; border: 1px solid #64666d; background-color: rgba(255,255,255,0); background-repeat: no-repeat; background-position: center center; background-size: 50%; }
button.btn_rentCart.btn_rentPlus {background-image: url(/jsp/images/renewal/ico_plusDefault.png);}
button.btn_rentPlus:hover, button.btn_rentPlus:active, button.btn_rentPlus:focus, button.btn_rentPlus:focus-visible, button.btn_rentPlus:focus-within {border-color: #11b1b6; background-image: url(/jsp/images/renewal/ico_plusFocus.png);}
button.btn_rentPlus:disabled {background-image: url(/jsp/images/renewal/ico_plusDisable.png);}
button.btn_rentMinus {background-image: url(/jsp/images/renewal/ico_minusDefault.png);}
button.btn_rentMinus:hover, button.btn_rentMinus:active, button.btn_rentMinus:focus, button.btn_rentMinus:focus-visible, button.btn_rentMinus:focus-within {border-color: #11b1b6; background-image: url(/jsp/images/renewal/ico_minusFocus.png);}
button.btn_rentMinus:disabled {background-image: url(/jsp/images/renewal/ico_minusDisable.png); border-color: #c1c2c5;}
button.btn_rentCancel {width: 30px; height: 30px; border-radius: 3px; vertical-align: top; border: 1px solid rgba(255,255,255,0); background-color: rgba(255,255,255,0); background-image: url(/jsp/images/renewal/ico_delete01.png); background-repeat: no-repeat; background-position: center center; background-size: 100%;}
button.btn_rentCancel:hover, button.btn_rentCancel:active, button.btn_rentCancel:focus, button.btn_rentCancel:focus-visible, button.btn_rentCancel:focus-within {background-image: url(/jsp/images/renewal/ico_delete02.png);}

/* =============== Form =============== */
.radio_group, .select_group , .checkbox_group {margin: 1px 0 7px 0;}
.form input[type="radio"], .form input[type="checkbox"] {padding: 0; vertical-align: top;}
.form label {padding: 3px 0 3px 5px; margin: 0 20px 0 0; font-size: 13px; line-height: 1.25em; vertical-align: top; }
.form select {height: 28px; margin: 1px 10px 9px 0; padding-left: 5px;}
.info_area .form.checkbox_group {padding: 35px 0 10px 10px;}
.info_area .form.checkbox_group label {font-size: 15px;}
/* radio */
.form.radio_group li {display: inline-flex;}
.form.radio_group li input {height: auto;}
/* checkbox */
.form.checkbox_group {display: inline-flex;}
.form.checkbox_group input {height: 1.5em; margin: 3px 2px 3px 0;}
/* select */
.form.select_group select {min-width: 120px; border-radius: 5px 5px;}
form .btn_area {display: flex;}
form .btn_area button + button {margin-left: 5px;}


/* =============== ÇÁ¸®Æнº  =============== */
/* img.img_welcome {width: 100%;}
.hani_list, 
.cate_list {display: flex; flex-wrap: wrap;}
.hani_list li, 
.cate_list li {display: flex; flex: 0 0 40%; margin: 10px 10px 0 0;}
.hani_list .hani_anchor,
.cate_list .cate_anchor {display: flex; flex-direction: column; justify-content: center; width: 100%; height: 130px; padding: 10px 10px 10px 10px; border-radius: 10px;}
.hani_list .hani_anchor {background-color: #81D6D5; }
.hani_list .hani_anchor:hover {background-color: #56CBC9;}
.cate_list .cate_anchor {background-color: #95B7F5;}
.cate_list .cate_anchor:hover {background-color: #95B7F5;}
.hani_list .hani_anchor span.name , 
.cate_list .cate_anchor span.name {display: block; text-align: center;  font-size: 18px;font-weight: 400; line-height: 1.25em; l3etter-spacing: -.08em; color: #fff;}
.hani_list .hani_anchor span.price,
.cate_list .cate_anchor span.price {display: block; text-align: center; font-size: 28px; line-height: 1.25em; font-weight: 600; letter-spacing: -.08em; color: #fff;} */

img.img_welcome {width: 100%;}
.hani_list, 
.cate_list,
.pack_list {display: flex; flex-wrap: wrap;}
.hani_list li, 
.cate_list li{ display: flex; flex: 0 0 43%; margin: 20px 20px 0 0;}
.pack_list li {display: flex; flex: 0 0 100%; margin: 0 0 10px 0; border-radius: 10px;}
.pack_list label input {margin-top: -10px; height: 20px; text-align: center;}
.hani_list .hani_anchor,
.cate_list .cate_anchor,
.pack_list .pack_anchor,
.pack_list label {display: flex; flex-direction: column; justify-content: center; width: 100%; height: 110px; padding: 10px 10px 10px 10px; border-radius: 10px;}
.hani_list .hani_anchor {background-color: #81D6D5; }
.hani_list .hani_anchor:hover {background-color: #56CBC9;}
.cate_list .cate_anchor {background-color: #95B7F5;}
.cate_list .cate_anchor:hover {background-color: #95B7F5;}
/* .pack_list .pack3 .pack_anchor {background-color: #81D6D5; }
.pack_list .pack3 .pack_anchor:hover {background-color: #57C4C7;}
.pack_list .pack5 .pack_anchor {background-color: #95B7F5; }
.pack_list .pack5 .pack_anchor:hover {background-color: #759CE2;}
.pack_list .pack7 .pack_anchor {background-color: #FDB4EF; }
.pack_list .pack7 .pack_anchor:hover {background-color: #F58CE1;} */
.pack_list li.pack_item.pack3 {background-color: #fde97f; }
.pack_list li.pack_item.pack3:hover {background-color: #ffd700;}
.pack_list li.pack_item.pack5 {background-color: #44a57c; }
.pack_list li.pack_item.pack5:hover {background-color: #00ac63;}
.pack_list li.pack_item.pack7{background-color: #000; }
.pack_list li.pack_item.pack7:hover {background-color: #2b2b2b;}
.hani_list .hani_anchor span.name, 
.cate_list .cate_anchor span.name,
.pack_list .pack_anchor span.name,
.pack_item label span.name {display: block; text-align: center;  font-size: 18px;font-weight: 400; line-height: 1.25em; letter-spacing: -.08em; color: #000; padding-top: 10px;}
.hani_list .hani_anchor span.price,
.cate_list .cate_anchor span.price,
.pack_list .pack_anchor span.price,
.pack_item label span.price {display: block; text-align: center; font-size: 28px; line-height: 1.25em; font-weight: 600; letter-spacing: -.08em; color: #000;}
.btn_lecColor12 {background-color:#FFC400;}
.btn_lecColor13 {background-color:#44a57c;}
.btn_lecColor14 {background-color:#000000;}
.sect_pass h3.sub_title {border-bottom: 2px solid #000;}
.pass_choice table td.left p {font-weight: 700;}
.pass_choice table td {padding: 10px;}

/* ¸¶ÀÌÆäÀÌÁö °­Á¼ö°­ ³» ÇÏÀ§ ÅÇ */
.classTab {display: flex; align-items: flex-end; justify-content: space-between}
.classTab ul.class_list {overflow: hidden; display: flex; position: relative; flex: 1; table-layout: fixed; height: 40px;}
.classTab li.tab_item {margin: 0 0 0 5px; height: 40px; flex: 1; text-align: center; vertical-align: top; border-radius: 5px 5px 0 0; background-color: #F6F6F6;}
.classTab a.tab_anchor {display: block; padding: 13px 26px 11px 26px;}
.classTab span.name {font-size: 14px; font-weight: 600; color: #222222; line-height: 1.25em; }
.classTab li.tab_item.active {background-color:rgba(17,177,182,0.1);}
.classTab .free_period {padding-bottom: 10px;}
.classTab .active span.name {color:#11B1B6;}
.classTab .classBtn_list {display: inline-flex;}
.classTab .classBtn_list .btn01 {margin-right: 5px; color: #fff;}
.color_freepass, .color_freepass a,
.freepass button, .freepass a {color: #fff; background-color: #FFC400;}
.color_freepass:hover,.color_freepass:focus,.color_freepass:active,
.freepass:hover,.freepass:focus,.freepass:active {background-color: #FFA700;}
.table_list_new {border-top: 1px solid #555; }
.arlet p.msg {margin: 50px 0 20px 0; padding-top: 142px; background: url(/jsp/images/renewal/img_alretFreepass.png) no-repeat center 0;}
.list_edu .arlet .msg {font-size: 28px; font-weight: 600; line-height: 1.25em; text-align: center; }
.list_edu .arlet .btn_area {margin-bottom: 50px; text-align: center;}
a.btnLg {min-width: 170px; height: 45px; line-height: 43px; font-size: 16px; font-weight: 600; color: #fff;}
a.btnLg:visited, a.btnLg:active, a.btnLg:focus, a.btnLg:focus-visible, a.btnLg:focus-within {color: #fff;}
.all_class_result .text_box .label.pass {position: absolute; bottom: -25px; left: 0; padding: 2px 2px 2px 2px;  background-color: #FFC400; border-radius: 2px;}
.all_class_result .text_box .label.pass .name {display:block; width: 50px; font-size: 14px; font-weight: 600; line-height: 1.25; color: #fff;}
button.freepass{width: 100%; height: 50px; text-align: center; border-radius: 5px; margin-top: 20px; color: #ffffff; font-weight: 600; font-size: 18px; background-color: #FFC400;}
.pay_bar ul li.freepass button{font-weight: 600; color: #fff; display: table-cell; vertical-align: middle; line-height: 41px;}
.pay_bar ul li.freepass{width: 42%; height: 43px;  border-radius: 5px 5px; margin-left: 2%; margin-top: 7px; background-color: #FFC400; }

.choice.total {border: 5px solid #E3E3E3; margin-top: 20px; padding: 20px 20px; }
.total .passname {text-align: left; font-size: 28px; line-height: 1.25em; }
.total .period {text-align: right; font-size: 18px;}
.total .period strong {text-align: right; font-size: 24px;}
.total .price {text-align: right; font-size: 18px; border-top: 1px solid #E3E3E3; margin-top: 10px; padding-top: 10px;}
.total .price strong {font-size: 28px;}

/* =============== Æ˾÷  =============== */

/* Æ˾÷ µðÀÚÀÎ (¸¶ÀÌÄíÆù, µî·ÏÃë¼Ò °ü·Ã µðÀÚÀÎ) */
.Pstyle {display: none; position: relative; width: 84%; left: 50%; margin-left: -24%; margin-top: 5%; padding: 15px; opacity: 0; border: 5px solid #fff; background-color: #fff;}
.b-close {position: absolute; right: 5px; top: 5px; padding: 5px; display: inline-block; cursor: pointer;}
.Pstyle .content {width: 100%; margin: 0;}
.Pstyle .bg {padding-left: 30px; height: 7px; margin: 10px 0 15px 0; background: url(/jsp/images/pen/common/popup_bg.gif) 0 0 repeat-x; }
.Pstyle h3 {font-size: 16px !important;}
.Pstyle .btn01,
.Pstyle .btn01:link {color: #fff;}
.Pstyle .type01 {position: relative;}
.Pstyle .type01 h2.title {padding: 10px 30px 10px 0; margin: 0 0 10px 0; font-size: 18px; font-weight: 600; line-height: 1.25em; letter-spacing: -0.05em; color: #222; border-bottom: 2px solid #222222; border-top: 0;}
.Pstyle .btn_popupClose {position: absolute; width: 30px; height: 30px; right: 0; top: 0; background: url(/jsp/images/renewal/ico_delete04.png) no-repeat center center; background-size: 35px 35px;}
.Pstyle .type01 .con {width: 100%; padding: 0;}
.Pstyle .type01 .img_area {padding: 0; text-align: center;}
.Pstyle .type01 img.rentImg {max-width: 100%; object-fit: contain; object-position: 50% 50%;}
.Pstyle .type01 .top {margin: 10px 0 0 0; padding: 15px 0 17px 0; border-top: 1px solid #222222; border-bottom: 1px solid #cccccc;}
.Pstyle .type01 .rentSort1 {display: inline-block; padding: 5px 15px 4px 15px; font-size: 14px; line-height: 1.25em; font-weight: 400; color: #13b5b1; letter-spacing: -0.05em; border-radius: 30px 30px; border: 1px solid #13b5b1;}
.Pstyle .type01 .rentName {padding-top: 10px; font-size: 18px; line-height: 1.25em; font-weight: 600; color: #555; letter-spacing: -0.05em; }
.Pstyle .type01 .bottom {padding: 15px 0;}
.Pstyle .type01 .bottom p {font-size: 14px; line-height: 2em; color: #555555; letter-spacing: -0.05em;}




/* PaPA ¼Ò°³ */
.papaBox {font-size: 16px; font-weight:400; line-height: 1.5em; letter-spacing: -.05em; color: #555; text-align: center; word-break: keep-all; }
.papaBox .bg {padding: 30px; background-color: #F7F7F7; border-radius: 40px;}
.planList.bg {padding: 10px;}
.papaBox h4 {font-size: 24px; font-weight: 700; padding: 30px 20px 15px 20px; line-height: 2em; color: #222;}
.introBox {padding-top: 30px; color: #222; font-size: 18px; line-height: 2em;}
.introBox .imgBox {padding: 30px 0 0 0;}
.introBox .imgBox img {width: 100%;}
.introBox h4 strong {color: #E60013;}
.planList {display: flex; flex-wrap: wrap;}
.plan_item {display: flex; flex-direction: column; padding: 10px 5px; flex-grow: 1; flex-shrink: 1; flex-basis: 40%; word-break: break-all; }
.plan_item strong {padding: 5px 15px 5px 15px; color: #fff; background-color: #E60013; border-radius: 30px 30px;}
.plan_item p.tit {padding: 15px 10px 10px 10px; font-weight: 700; color: #222;}
.plan_item ul {padding: 0 10px;}
.plan_item ul li {position: relative; padding: 0 0 0 10px; text-align: left;}
.plan_item ul li::after {position: absolute; display: block; content: ''; width: 4px; height: 1px; top: 10px; left: 1px; background-color: #555; }
.detailList {text-align: left;}
.detailList li p {position: relative;}
.detailList li p.tit {padding: 20px 15px 10px 30px; font-size: 20px; font-weight: 700; color: #222; }
.detailList li p.tit:before {position: absolute; display: block; clear: both; content: ''; width: 18px; height: 18px; top: 50%; left: 3px; margin-top: -3px; background-color: #222; border-radius: 50% 50%;}
.detailList li ul li {position: relative;}
.detailList li ul li {padding: 10px 15px 20px 30px;}
.detailList li ul li:before {position: absolute; display: block; clear: both; content: ''; width: 8px; height: 2px; top: 21px; left: 10px; background-color: #555; }
.detailList img {width: 100%;}
.table_curri {width: 100%; margin-bottom: 30px; border-top: 2px solid #707070; border-bottom: 1px solid #707070;}
.table_curri thead td {padding: 8px 10px 8px 10px; font-size: 16px; font-weight: 700; background-color: #FCFCFC; text-align: center; color: #222; line-height: 1.25em;}
.table_curri tbody th {padding: 13px 10px 12px 10px; font-size: 18px; font-weight: 700; border-top: 1px solid #DDDDDD; vertical-align: middle; color: #222;}
.table_curri tbody td {padding: 13px 10px 12px 10px; border-top: 1px solid #DDDDDD; vertical-align: middle; text-align: center;}
.papaBox .studBox {padding: 7px 0 8px 0;}
.papaBox.student .studNum {padding: 10px 0 10px 0; font-size: 24px; font-weight: 700;}
.papaBox.student h5 {padding: 0 0 5px 0; font-size: 18px; font-weight: 700; color: #222; text-align: left;}
.papaBox.student ul {text-align: left;}
.papaBox.student ul li {padding: 3px 0 4px 0; line-height: 1.5em;}
.papaBox.student {}
.papaBox.history h5 {padding: 0 0 5px 0; font-size: 24px; font-weight: 700; color: #E60013; text-align: left;}
.papaBox.history ul {text-align: left;}
.papaBox.history ul li {padding: 3px 0 4px 0; line-height: 1.5em;}
.papaBox .yearBox {padding: 0 0 15px 0;}
.papaBox .philosophy {}
.phiBox .phi_tit strong {display: block; padding: 0 0 15px 0; font-size: 18px; font-weight: 700; color: #555; line-height: 1.5em;}
.phiBox .phi_tit p {position: relative; padding: 0 0 100px 0; font-size: 18px; font-weight: 400; color: #555; line-height: 1.5em;}
.phiBox .phi_tit p:after {position: absolute; content: ''; display: block; width: 57px; height: 57px; background: url(/jsp/images/renewal/ico_papaPhi.png) no-repeat 0 0; background-size: 57px 57px; bottom: 24px; left: 50%; margin-left: -28px;}
.phiList {}
.phiBox .phi_item {padding: 0 0 20px 5px; line-height: 1.75em;}
.phiBox .phi_item p {position: relative; display: inline; line-height: 1.5em;}
.phiBox .phi_item p::after {position: absolute; display: block; content: '*'; width: 5px; height: 1.5em; top: 1px; left: -12px;}
.btn_area {text-align: center;}
.btn_papa {display: block; width: 100%; height: 45px; line-height: 44px; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: -1.5px; text-align: center; border-radius: 5px 5px; border: none; margin-top: 30px; background-color: #E60013;;}
.btn_papa:link, .btn_papa:visited {color: #fff;}
.btn_papa:hover, .btn_papa:focus, .btn_papa:focus-visible, .btn_papa:focus-within {background-color: #AA000E;}
/* papaBox iframe */
.papaBox div > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*³»ÀÏ°øÀÛ¼Ò ¼Ò°³*/
.naeil_mo img{width: 100%;}
.job_banner_t{margin-bottom: 20px;}
.daily_banner_t{margin-top: 30px; margin-bottom: 20px;}
.naeil_banner{margin-bottom: 10px;}


.naeil_box04{position: relative;}

.naeil_button ul li{position: absolute; width: 273px; height: 110px;}
.naeil_button ul li.daily{background: url(/jsp/images/mobile/naeil/daily_btn.png) no-repeat center; background-size: 55%; left: 10%; top: 33%; margin-top: -50px; margin-left: -80px;}
.naeil_button ul li.job{background: url(/jsp/images/mobile/naeil/job_btn.png) no-repeat center; background-size: 55%; right: 10%; top: 33%; margin-top: -50px; margin-right: -80px;}


.naeil_box04 .slide{position: absolute;  margin-top: -20px; width: 85%; margin-left: 30px;}
.naeil_box04 .daily_box{top: 44%; left: 0;}
.naeil_box04 .job_box{top: 47%; left: -100%;}



/*µ¿ÀÇÇϱâÆ˾÷*/
.agree_popup{position: absolute; margin: 0 5%; width: 90%; background: #fff; z-index: 500; text-align: center; padding: 20px 0;}
.agree_popup h4{font-size: 20px; color: #000; font-weight: 600; letter-spacing: -1px; padding: 0 0 15px 0; border-bottom: 5px solid #bfbfbf;}


.agree_popup .agree_close{position: absolute; right: 20px; top: 20px; cursor: pointer;}
.agree_popup h5{font-size: 16px; font-weight: 600; color: #000; letter-spacing: -1px; padding: 3% 20px; display: inline-block;}
.agree_popup strong{font-size: 0.8rem; font-weight: 500; color: #000; letter-spacing: -0.5px; padding: 3%; display: inline-block;}

.agree_content{width: 90%; height: 30%; border: 2px solid #ddd; margin: 0 5%; box-sizing: border-box; overflow-y: scroll;}

.agree_content2{width: 90%; height: 80px; border: 2px solid #ddd; box-sizing: border-box; overflow-y: scroll;}


.agree_content div{color: #000; font-size: 14px; text-align: left; padding: 10px 10px 0 10px;}


.agree_btn button{width: 35%; height: 40px; background: #252525; border: none; font-size: 16px; font-weight: 600; color: #fff;}
.agree_btn button.check{background: #11b1b6;}

.agree_chekBox{margin: 0 0 3% 0; color: #000; font-size: 15px; font-weight: 600;}
.agree_chekBox input.agree_chek{width: 20px; height: 20px; cursor: pointer;}


.agree_popup_bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 200;}
/*µ¿ÀÇÇϱâÆ˾÷ ³¡*/









/* =============== ¸ð¹ÙÀÏ ¹ÝÀÀÇü =============== */

/* 300px ~ 330px */
@media screen and (max-width:330px) and (min-width: 300px) {
    .drop_filter_tab ul li a{font-size: 0.7em;}    
    .eventInfo dt.eventInfo dt {}
    #drop_class ul li{margin-left: 5px;}
    .text_over01{width: 150px;}
    .grimItem02, .grimItem03, .grimItem04 {background-size: 270px 135px;}

}

/* 300px ~ 360px */
@media screen and (max-width:360px) and (min-width: 300px) {
    .table_list_new tr td.period ul li.line{display: none;}
    .table_list_new tr td.period ul li{ margin-right: 10px;}

}

/* 330px ~ 360px */
@media screen and (max-width:360px) and (min-width: 330px) {
    .drop_filter_tab ul li a{font-size: 0.7em;}   
    .text_over01{width: 120px;}

}

/* 300px ~ 400px */
@media screen and (max-width:400px) and (min-width: 300px) {
    .dropMenu ul li a{font-size: 0.8em;}  
    .drop_filter_tab ul li:nth-child(1){width: 16%;} 
    .naeil_button ul li.daily{background: url(/jsp/images/mobile/naeil/daily_btn.png) no-repeat center; background-size: 45%; left: 10%; top: 33%; margin-top: -50px; margin-left: -80px;}
    .naeil_button ul li.job{background: url(/jsp/images/mobile/naeil/job_btn.png) no-repeat center; background-size: 45%; right: 10%; top: 33%; margin-top: -50px; margin-right: -80px;}   
 
}


/* 350px ~ 400px */
@media screen and (max-width:400px) and (min-width: 350px) {
    .text_over01{width: 200px;} 
    .naeil_button ul li.daily{background: url(/jsp/images/mobile/naeil/daily_btn.png) no-repeat center; background-size: 55%; left: 10%; top: 33%; margin-top: -50px; margin-left: -80px;}
    .naeil_button ul li.job{background: url(/jsp/images/mobile/naeil/job_btn.png) no-repeat center; background-size: 55%; right: 10%; top: 33%; margin-top: -50px; margin-right: -80px;}      

} 



/* 400px ~ 530px */
@media screen and (max-width:530px) and (min-width: 400px) {
    .text_over01{width: 200px;} 
    .naeil_button ul li.daily{background: url(/jsp/images/mobile/naeil/daily_btn.png) no-repeat center; background-size: 60%; left: 10%; top: 33%; margin-top: -50px; margin-left: -80px;}
    .naeil_button ul li.job{background: url(/jsp/images/mobile/naeil/job_btn.png) no-repeat center; background-size: 60%; right: 10%; top: 33%; margin-top: -50px; margin-right: -80px;}      

} 


/* 540px ~ 1280px */
@media screen and (max-width:1280px) and (min-width: 540px) {
    #search_area input[type=text] {margin-left: 15px;}
    p.search_btn {right: 10px;}
    #aside {width: 85%; padding-bottom: 0;}
    #aside .searchTab .btnClose {right: 0;}
    #aside h3 {margin-top: 22px;}
    #aside .loginInfo {height: 50px; }
    #aside .loginInfo ul li.loginName {top: 12px;}
    #aside .inner-content {width: 90%;}
    #aside .categoryList ul li {height: 34px;}
    #aside .categoryList ul li::before {height: 235px; right: 52%;}
    #aside .brandList ul li {width: 21%; margin-left: 4%; margin-bottom: 3%;}
    .text_over01 {width: 100%;}   
    .all_cate_class .cate_class_ul .cate_class_list {margin: 0 1%; height: 290px;}
    /* ¸ÞÀÎ */
    .all_classBox .classBox .listBox {width: 180px;}
    .withedu_banner {margin-top: 2%;}
    .s_interview {width: 50%; height: 330px; float: left; padding: 0 1% 0 1%;}
    .s_interview .s_interview_con {height: 130px;}
    .s_interview .s_interview_con .title {height: 52px;}
    /* ÅÇ ½ºÅ©·Ñ */
    .sub_tab_scroll.type3 .sub_tab_a {min-width: 18vw;}
    /* ±¹ºñÁö¿ø */
    .lec_lst_type2 dd.tit {display: inline-block; margin-left: 5px; position: relative;}
    .lec_lst_type2 dd.tit + dd.tit {margin-left: 20px; padding-left: 15px;}
    .lec_lst_type2 dd.tit + dd.tit::after {display: block; clear: both; content: ''; position: absolute; width: 1px; height: 10px; top: 3px; bottom: 0; left: 0; background-color: #666;}
  
} 


/* 667px ~ */
@media screen and (min-width:667px) {
    .lifeBox {padding: 10px 0 0 50%; background: url(/jsp/images/renewal/img_brandLife01.png) no-repeat top left; background-size: 45%;}
    .lifeBox h4 {background-image: none; padding: 10px 10px 0 10px;}
    .naeil_button ul li.daily{background: url(/jsp/images/mobile/naeil/daily_btn.png) no-repeat center; background-size: 100%; left: 20%; top: 33%; margin-top: -50px; }
    .naeil_button ul li.job{background: url(/jsp/images/mobile/naeil/job_btn.png) no-repeat center; background-size: 100%; right: 20%; top: 33%; margin-top: -50px;}      

}

/* 667px ~ */
@media screen  and (max-width:1280px) and (min-width:700px) {
    .naeil_button ul li.daily{background: url(/jsp/images/mobile/naeil/daily_btn.png) no-repeat center; background-size: 100%; left: 20%; top: 33%; margin-top: -50px; }
    .naeil_button ul li.job{background: url(/jsp/images/mobile/naeil/job_btn.png) no-repeat center; background-size: 100%; right: 20%; top: 33%; margin-top: -50px;}         
}