﻿@charset "utf-8";

.tit{position:relative;}
.tit .right{position:absolute;right:39px;top:0;}

.wrapper.main h2{font-size:18px;font-weight:bold;color:#333;}
.wrapper.main .containerWrap{padding-bottom:0;background:none;}

.mainRolling{height:318px;margin:25px 0 30px;border:1px solid #cdcdcd;}
.mainRolling:after{content:".";height:0;visibility:hidden;display:block;clear:both}
.mainRolling .txtList{float:left;width:180px;position:relative;z-index:9999;}
.mainRolling .txtList ul{position:relative;}
.mainRolling .txtList ul li{border-bottom:1px solid #e8e8e8;}
.mainRolling .txtList ul li a{display:block;padding:10px 0 10px 11px;font-size:13px;color:#555;}
.mainRolling .txtList ul li.on a{width:190px;color:#fff;background:url(../img/main/bg_rolling_on.png) 0 0 no-repeat;}
.mainRolling .txtList .btnBox{padding:11px 10px;text-align:right;}
.mainRolling .txtList .btnBox a{display:inline-block;margin-left:-4px;*display:inline;zoom:1;}
.mainRolling .txtList .btnBox .ctlBtn{margin-left:5px;}
.mainRolling .imgBox{overflow:hidden;float:left;width:673px;height:318px;position:relative;z-index:999;}
.mainRolling .imgBox .img {width:673px;height:318px;}


.teacherArea{position:relative;margin-bottom:30px;padding-top:20px;background:url(../img/main/bg_teacher.gif) 0 bottom no-repeat;}
.teacherArea .slide_teacherList:after{content:".";height:0;visibility:hidden;display:block;clear:both}
.teacherArea .slide_teacherList li{position:relative;float:left;width:180px;overflow: hidden;height: 271px;}

.teacherArea .btnBox {overflow:hidden;position:absolute;right:0;top:0;}

/* common class */
.clfix:after {content:'.';display:block;height:0px;clear:both;visibility:hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
*html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.partnershipArea {width:1078px;border:1px solid #d0d8e0;}
.partnershipArea .btnArea {padding:26px 29px 20px 29px;letter-spacing:-0.06em;}
.partnershipArea .btnArea h2, .partnershipArea .btnArea p {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
.partnershipArea .btnArea h2 {margin-right:10px;}
.partnershipArea .btnArea div {margin-top:19px;}
.partnershipArea .btnArea div a {float:left;display:block;width:336px;height:50px;}
.partnershipArea .btnArea div a.btn_partnerInfo {margin-right:6px;background:url(../img/main/btn_partnerInfo.gif) no-repeat;}
.partnershipArea .btnArea div a.btn_companyInfo {margin-right:6px;background:url(../img/main/btn_companyInfo.gif) no-repeat;}
.partnershipArea .btnArea div a.btn_adminManual {background:url(../img/main/btn_adminManual.gif) no-repeat;}
.partnershipArea .partner {border-top:1px solid #e5e5e5;}
.partnershipArea .partner ul li {float:left;border-right:1px solid #e5e5e5;}
.partnershipArea .partner ul li a {display:block;width:179px;height:50px;}
.partnershipArea .partner ul li a img {width:100%;}
.partnershipArea .partner ul li.last {border-right:0;}
.partnershipArea .partner ul li.last a {width:178px;border-right:0;}

.infoArea .banBox .btnBox{position:absolute;right:0;bottom:0;}
.infoArea .banBox .btnBox a{display:inline-block;margin-left:-4px;*display:inline;zoom:1;}
.infoArea .banBox .btnBox a img{vertical-align:middle;}
.infoArea .banBox .btnBox div{display:inline;margin-right:5px;color:#999;}

.recommArea{position:relative;width:1080px;margin:0 auto;padding:0 0 30px 0;background:#fff;}
.recommArea h2{margin-bottom:10px;}
.recommArea .studyWrap{background:#fff;border:1px solid #d0d8e0;}
.recommArea .studyWrap:after{content:".";height:0;visibility:hidden;display:block;clear:both}
.studyWrap .studyBox{float:left;width:486px;padding:13px 26px;}
.studyWrap .studyBox.rLine{width:487px;border-right:1px solid #e7ecf1;}
.studyWrap .studyBox.bLine{border-bottom:1px solid #e7ecf1;}
.studyWrap .studyBox .imgBox{float:left;margin-right:15px;}
/* .studyWrap .studyBox .imgBox .tag {} */

.studyWrap .studyBox .tit{position:relative;display:inline-block;padding-top:10px;font-size:13px;color:#000;line-height:1.2;*display:inline;zoom:1;width:270px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.studyWrap .studyBox .tit:hover{text-decoration:underline;}
.studyWrap .studyBox .tit:after{content:'';position:absolute;left:0;top:2px;width:16px;height:2px;background:#474a52;}
.studyWrap .studyBox .info {overflow:hidden;position:relative;display:inline-block;*display:inline;margin:7px 0 12px;zoom:1;}
.studyWrap .studyBox .info ul{display:inline-block;overflow:hidden;*display:inline;zoom:1;}
.studyWrap .studyBox .info ul li {position:relative;float:left;margin-left:9px;padding-left:7px;}
.studyWrap .studyBox .info ul li.tc {overflow:hidden;width:270px;white-space: nowrap;text-overflow: ellipsis;}
.studyWrap .studyBox .info ul li:after{content:'';position:absolute;left:0;top:3px;height:12px;border-left:2px solid #a3a3a3;}
.studyWrap .studyBox .info ul li:first-child{margin-left:0;padding-left:0;}
.studyWrap .studyBox .info ul li:first-child:after{border-left:none;}
.studyWrap .studyBox .txt{color:#888;line-height:15px;letter-spacing:-1px;}

.sBannerArea{width:1080px;margin:30px auto;}
.sBannerArea a{display:inline-block;margin:0 2px;*display:inline;zoom:1;}

/* .infoArea{width:1080px;margin:40px auto 70px;padding-top:25px;background:url(../img/main/bg_info.gif) 0 0 repeat-x;} */
.infoArea{width:1080px;margin:0px auto 10px;padding-top:25px;background:url(../img/main/bg_info.gif) 0 0 repeat-x;}
.wrapper.main .container .infoArea h2{margin-bottom:15px;}
.infoArea .tit{margin-bottom:19px;}
.infoArea .tit .right{right:0;}
.infoArea:after{content:".";height:0;visibility:hidden;display:block;clear:both}
.infoArea .infoBox{float:left;width:332px;}
.infoArea .infoBox ul li{position:relative;padding:5px 71px 6px 0;border-top:1px solid #e5e5e5;letter-spacing:-1px;*zoom:1;}
.infoArea .infoBox ul li:first-child{border-top:none;}
.infoArea .infoBox ul li a{color:#666;}
.infoArea .infoBox ul li a:hover{text-decoration:underline;}
.infoArea .infoBox ul li a span{position:absolute;right:0;top:9px;font-family:tahoma;font-size:11px;color:#ababab;letter-spacing:0;}
.infoArea .banBox{float:left;width:353px;margin:0 31px;position:relative;height:240px;}
.infoArea .banBox .img {width:353px;height:216px;}
.infoArea .freeBox{float:left;width:333px;}
.infoArea .freeBox ul li{position:relative;padding:4px 71px 3px 0;border-top:1px solid #e5e5e5;letter-spacing:-1px;*zoom:1;}
.infoArea .freeBox ul li:first-child{border-top:none;}
.infoArea .freeBox ul li a{color:#666;display:inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width:320px;}
.infoArea .freeBox ul li a:hover{text-decoration:underline;}
.infoArea .freeBox ul li a .category{display:inline-block;width:33px;height:15px;border:1px solid #b9b9b9;font-size:11px;color:#0e9ad5;text-align:center;line-height:13px;*display:inline;zoom:1;}

/* 메인 탑 이벤트 */
.event_pop_open {min-width: 1425px;position: absolute;width: 100%;z-index: 10001;background:url(../img/main/bg_pop_event.gif) 0 0 repeat-x;}
.event_pop_open .inner {width: 1080px;margin: 0 auto;line-height: 0;position:relative;}
.event_pop_open .inner .btn1{position:absolute;right:0;top:323px}
.service_ready {min-height:1644px;min-width:1080px;background:url(../img/main/service_ready.gif) center 0 no-repeat;text-align:center;}
.service_ready img {margin-top:275px;}
.service_ready .lypop{position:absolute;top:275px;left:50%;margin-left:-275px;width:550px;height:457px;background:url(../img/main/msg_ready.png) 0 0 no-repeat;text-align:center;}
.service_ready .lypop .txt{padding:183px 0 24px 0;line-height:23px;font-size:14px;}
.service_ready .lypop .txt strong{color:#ff5f5f;font-weight:normal;text-decoration:underline;}
.service_ready .lypop table{margin:0 auto;width:430px;border-right:1px solid #d9d9d9;border-top:1px solid #6c6c6c;}
.service_ready .lypop th{padding:11px 0 10px 45px;color:#666;font-size:14px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background:url(../img/main/ico_dot.gif) 35px 19px no-repeat;text-align:left;}
.service_ready .lypop td{padding:11px 0 10px 20px;color:#666;font-size:14px;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:left;}
.service_ready .lypop td strong{color:#000;font-weight:bold;}

/* 메인사과공지팝업 */
.sorry_pop {border:2px solid #333;margin-left:170px;position:absolute;left:50%;top:380px;z-index: 10000;background:#fff;}
.sorry_pop div {width:300px;height:300px;position:relative;text-align:right}
.sorry_pop div .btn_close {position:absolute;right:0;bottom:0;}

/* ie */
.ie7_body .recommArea .studyWrap{overflow:hidden;}
.ie7_body .mainRolling{margin-top:0;}
.ie7_body .infoArea .freeBox ul li a .category{vertical-align:-25%;}

/* 개발자 css 추가 영역 */
a{	cursor: pointer;}
.newBox .rollingBox .rollingWrap ul li a>img{width: 297px;height: 130px;}
.bestBox .rollingBox .rollingWrap ul li div>img{width: 200px;height: 130px;}
.sBannerArea a>img{width: 353px;height: 120px;}
.studyWrap .studyBox .imgBox>img{width: 200px;height: 130px;}
.mainRolling .offlineBox a>img{width: 191px;height: 260px;}

/* 개편 160304 */
.mainRolling .bestSeller {float:left;width:189px;padding:22px 18px 0;position:relative;    height: 296px;}
.mainRolling .bestSeller .tit{padding-bottom:18px;background:url(../img/main/bg_offline_tit.gif) 0 100% repeat-x;}
.mainRolling .bestSeller .tit .right{right:0;font-size:12px;color:#333;top:3px;}
.mainRolling .bestSeller .best_info {display:inline-block;padding:20px 0 0;text-align:center;color:#666;    width: 100%;}
.mainRolling .bestSeller .thumb {width:170px;height:111px;}
.mainRolling .bestSeller .explain {margin-top:8px;line-height:16px;}
.mainRolling .bestSeller .explain .txt {    display: inline-block;color: #333;font-size: 13px;margin-bottom: 3px;max-width: 170px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.mainRolling .bestSeller .explain .price {margin-top:7px;letter-spacing:-1px;}
.mainRolling .bestSeller .explain .price span {text-decoration:line-through}
.mainRolling .bestSeller .explain .price strong {color:#eb5456;font-size:20px;line-height: 22px;font-family:Tahoma, Geneva, sans-serif}
.mainRolling .bestSeller .btnBox {position: absolute;right:20px;bottom: 20px;}
.mainRolling .bestSeller .btnBox a{display:inline-block;margin-left:-4px;*display:inline;zoom:1;}
.mainRolling .bestSeller .btnBox a img{vertical-align:middle;}
.mainRolling .bestSeller .btnBox div{display:inline;margin-right:5px;color:#999;}
.mainRolling .bestSeller .tag {position:absolute;right:141px;top:10px;width:48px;height:25px;padding-top:23px;font-size:18px;text-align:center;font-family:Tahoma, Geneva, sans-serif;color:#fff;background:url(../img/main/tag_best.png) 0 0 no-repeat;z-index:999}

/* 스쿨캐스트 2020-09-17 추가====start */
.SchoolcastArea{overflow: hidden; height: 258px; margin-bottom: 25px; border: 1px solid #cdcdcd; padding: 20px;}
.SchoolcastArea > .tit{margin-bottom: 20px;}
.SchoolcastArea > .tit h2{font-size: 18px; font-weight: bold; color: #333; display:inline-block;}

.SchoolcastArea > .tit  > ul  {display:inline-block; margin-left: 20px;}
.SchoolcastArea > .tit  > ul  li{float: left; font-weight: bold; letter-spacing: -0.05em; text-align: center; margin: 0px 15px;}
.SchoolcastArea > .tit  > ul  li a{color:#999}
.SchoolcastArea > .tit  > ul  li a.on{color:#01bbd6}
.SchoolcastArea > .tit  > ul  li a.on:after{content:''; width:100%; height:1px; display:block; background:#01bbd6; }
.SchoolcastArea > .Schoolcast-content{position:relative;}
.SchoolcastArea > .Schoolcast-content > div{float:left;}
.SchoolcastArea > .Schoolcast-content:after{content:''; clear:both: display:block;}

.Schoolcast-content .bimg{width: 300px; overflow: hidden; margin-right: 35px; position:relative;}
.Schoolcast-content .bimg img{width: 300px; height:216px;}
.Schoolcast-content .bimg .bimg-txt{position: absolute; bottom: 0px; padding: 10px; background-color:rgba(0,0,0,0.4); color:#fff; width:100%;}

.Schoolcast-content .rollingBox{position:relative; padding:0 30px;}
.Schoolcast-content .rollingBox .rollingWrap{overflow:hidden;width:640px;height:210px;margin:0 auto;}
.Schoolcast-content .rollingBox .rollingWrap ul{width:9999em;}
.Schoolcast-content .rollingBox .rollingWrap ul li{position:relative;float:left;margin-right:20px;width:200px;}
.Schoolcast-content .rollingBox .rollingWrap ul li .imgBox{position:relative;padding-top:5px;}
.Schoolcast-content .rollingBox .rollingWrap ul li .imgBox > img{width:200px;}
.Schoolcast-content .rollingBox .rollingWrap ul li .imgBox img{width:200px;height:130px;}
.Schoolcast-content .rollingBox .rollingWrap ul li .txt{font-size:12px;text-align:center;}
.Schoolcast-content .rollingBox .rollingWrap ul li .txt span{display:block;margin:5px 0 5px;}
.Schoolcast-content .rollingBox .rollingWrap ul li .txt span a:hover{text-decoration:underline;}
.Schoolcast-content .rollingBox .rollingWrap ul li .btnOver{z-index:1;position:absolute;left:0;top:90px;width:100%;text-align:center;}
.Schoolcast-content .rollingBox .rollingWrap ul li .btnOver a img{display:inline;}
.Schoolcast-content .bx-wrapper {height:226px;overflow:hidden}
.Schoolcast-content .rollingBox .btnBox a{position:absolute;top:44px;display:block;}
.Schoolcast-content .rollingBox .btnBox .prev{left:-1px;}
.Schoolcast-content .rollingBox .btnBox .next{right:-1px;}
/* 스쿨캐스트 2020-09-17 추가====end */

.bestArea{overflow:hidden;height:258px;margin-bottom:25px;border:1px solid #cdcdcd;}
.bestArea:after{content:".";height:0;visibility:hidden;display:block;clear:both}
.bestArea .bestBox{float:left;width:719px;padding:22px 0 0;}
.bestArea .bestBox .tit,
.bestArea .bestBox .rollingBox{padding:0 30px;}
.bestArea .bestBox .tit .right img{vertical-align:top;}
.bestArea .bestBox .tit .right ul{display:inline-block;*display:inline;zoom:1;}
.bestArea .bestBox .tit .right ul li{position:relative;display:inline-block;margin-left:10px;padding-left:12px;*display:inline;zoom:1;}
.bestArea .bestBox .tit .right ul li.on a{color:#1495ce;}
.bestArea .bestBox .tit .right ul li:after{content:'';position:absolute;left:0;top:2px;height:13px;border-left:1px solid #ccc;}
.bestArea .bestBox .tit .right ul li:first-child:after{border-left:none;}
.bestBox .rollingBox{position:relative;margin-top:15px;padding:0 30px;}
.bestBox .rollingBox .rollingWrap{overflow:hidden;width:640px;height:210px;margin:0 auto;}
.bestBox .rollingBox .rollingWrap ul{width:9999em;}
.bestBox .rollingBox .rollingWrap ul li{position:relative;float:left;margin-right:20px;width:200px;}
.bestBox .rollingBox .rollingWrap ul li .imgBox{position:relative;padding-top:5px;}
.bestBox .rollingBox .rollingWrap ul li .imgBox .flag{position:absolute;left:0;top:0;}
.bestBox .rollingBox .rollingWrap ul li .imgBox .flag img{float:left;margin-left:-5px;}
.bestBox .rollingBox .rollingWrap ul li .imgBox .flag img:first-child{margin-left:0;}
.bestBox .rollingBox .rollingWrap ul li .txt{font-size:12px;text-align:center;}
.bestBox .rollingBox .rollingWrap ul li .txt span{display:block;margin:5px 0 5px;}
.bestBox .rollingBox .rollingWrap ul li .txt span a:hover{text-decoration:underline;}
.bestBox .rollingBox .rollingWrap ul li .price{margin-top:7px;color:#666;text-align:center;}
.bestBox .rollingBox .rollingWrap ul li .price .orgPrice{font-family:tahoma;text-decoration:line-through;}
.bestBox .rollingBox .rollingWrap ul li .price .newPrice strong{font-family:tahoma;font-size:20px;color:#eb5456;font-weight:bold;line-height:22px;}
.bestBox .rollingBox .rollingWrap ul li .btnOver{z-index:1;position:absolute;left:0;top:90px;width:100%;text-align:center;}
.bestBox .rollingBox .rollingWrap ul li .btnOver a img{display:inline;}
.bestBox .bx-wrapper {height:226px;overflow:hidden}

.bestBox .rollingBox .btnBox a{position:absolute;top:44px;display:block;}
.bestBox .rollingBox .btnBox .prev{left:-1px;}
.bestBox .rollingBox .btnBox .next{right:-1px;}
.bestArea .newBox{float:right;width:298px;height:250px;padding:22px 30px 25px;border-left:1px solid #e9e9e9;}
.newBox .tit {margin-bottom:15px;}
.newBox .tit .right{right:0;}

.newBox ul li{position:relative;padding:7px 71px 7px 0;border-top:1px solid #e5e5e5;letter-spacing:-1px;*zoom:1;line-height:1;}
.newBox ul li:first-child{border-top:none;}
.newBox ul li a{color:#666;display:inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width:210px;font-size:12px;line-height:14px;}
.newBox ul li a:hover{text-decoration:underline;}
.newBox ul li a span{position:absolute;right:0;top:5px;font-family:tahoma;font-size:11px;color:#ababab;letter-spacing:0;}
.customer_navi {position:relative;width:329;height:110px;}
.customer_navi .link {margin-top:19px;background:url(../img/main/txt_navi.gif) 0 0 no-repeat;width:329px;height:110px;position:relative}
.customer_navi .link a {position:absolute;top:0;width:107px;height:106px;text-indent:-9999em;}
.customer_navi .link .btn1 {left:0}
.customer_navi .link .btn2 {left:82.25px}
.customer_navi .link .btn3 {left:164.5px}
.customer_navi .link .btn4 {left:246.75px}

.tagwrap {position:relative;}
.sliderBestBox{overflow:hidden;height:228px;}
.tagwrap{position:relative;height:228px;}


/* IOS 안내 팝업  */
.pop_info_ios {position: fixed;left:0;top:10%;width:100%;z-index:999999 !important;}
.pop_info_ios .inner {position:relative;width:70%;min-width:320px;margin:0 auto;z-index:100000 !important}
.pop_info_ios .inner a {position:absolute;}
.pop_info_ios .inner a span {display: none;}
.pop_info_ios .inner .btn_close {right:3%;top:3%;width:15%;height:8%}
.pop_info_ios .inner .btn_close2 {left:0; top:88%;width:100%;height:12%}
.pop_info_ios .inner .btn_go_down {left:0; top:57%;width:100%;height:18%;}
.dimmed{
	z-index:99999 !important;position:fixed;left:0;top:0;width:100%;height:100%;background-color:black;
	filter: alpha(opacity=60); /* internet explorer */
	-khtml-opacity: 0.60;      /* khtml, old safari */
	-moz-opacity: 0.60;       /* mozilla, netscape */
	opacity: 0.60;           /* fx, safari, opera */
}

/* 동영상 팝업 */
.pop_movie {position:absolute;left:50%;top:211px;margin-left:-360px;width:898px;height:608px;background:url(../img/main/bg_pop_mov.gif) 0 0 repeat;z-index:99999;border:1px solid #000;}
.pop_movie .inner {position:relative;padding-top:515px;height:93px;}
.pop_movie .inner .right_top {position:absolute;right:20px;bottom:20px;line-height:1}
.pop_movie .inner .right_top label {font-size:12px;color:#8f8f8f;vertical-align:top;margin-top:5px;margin-right:7px;}
.pop_movie .inner .player_section {position:absolute;left:48px;top:46px;}

/* 설문조사 팝업*/
.pop_event {position:absolute;z-index: 99999;}
.pop_event.survey {left:50%;margin-left:109px;top:270px;width:310px;height:340px;background:url(../img/main/bg_pop_event_survey.gif) 0 0 no-repeat;}
.pop_event .inner {position:relative}
.pop_event.survey .inner {padding-top:314px;}
.pop_event.survey .t_right {padding-right:40px}
.pop_event .inner .btn_close {width:31px;height:31px;position:absolute;right:0px;bottom:0px}
.pop_event .inner .go_survey {width:240px;height:50px;position:absolute;left:35px;top:239px}

/* 최진기 ALL FREE PASS 팝업 */
.pop_allfreepass {position:absolute;left:50%;top:341px;margin-left:60px;width:380px;height:470px;z-index:10000;}
.pop_allfreepass .btm {position:absolute;right:10px;bottom:10px;line-height:1}
.pop_allfreepass .btm label {font-size:12px;color:#707070;vertical-align:top;letter-spacing:-1px;}
.pop_allfreepass .btn_close {display:block;position:absolute;right:0;top:0;width:30px;height:30px;text-indent:-1000em;background:url(about:blank);}

/* 사과문 팝업 */
.pop_apology {position:absolute;left:50%;top:383px;margin-left:60px;width:370px;height:280px;z-index:99999;}
.pop_apology .btm {position:absolute;right:10px;bottom:10px;line-height:1}
.pop_apology .btm label {font-size:12px;color:#707070;vertical-align:top;letter-spacing:-1px;}
.pop_apology .btn_close {display:block;position:absolute;right:0;top:0;width:30px;height:30px;text-indent:-1000em;background:url(about:blank);}

/* 워크샵 팝업 */
.pop_workshop {position:absolute;left:50%;top:383px;margin-left:270px;width:450px;height:500px;z-index:99999;}
.pop_workshop .btm {position:absolute;right:342px;bottom:4px;line-height:1}
.pop_workshop .btm label {font-size:11px;color:#fff;vertical-align:top;letter-spacing:-1px;}
.pop_workshop .btn_close {display:block;position:absolute;right:0;top:0;width:21px;height:21px;text-indent:-1000em;background:url(about:blank);}

/* 사이트 점검 팝업 */
.pop_siteChk {position:absolute;left:50%;top:340px;margin-left:80px;width:380px;height:470px;z-index:99999;}
.pop_siteChk .btm {position:absolute;right:14px;bottom:10px;line-height:1}
.pop_siteChk .btm label {font-size:12px;color:#6f7170;vertical-align:top;letter-spacing:-1px;}
.pop_siteChk .btn_close {display:block;position:absolute;right:0;top:0;width:30px;height:30px;text-indent:-1000em;background:url(about:blank);}

/* ==================================공통 사이트 팝업======================================  */
.pop_common {position:absolute;z-index:99999;background: #000;}
.pop_common .btm {/* right:14px; */bottom: 0px;line-height:1;background:#ffffff;padding: 5px 15px;position: relative;display: block;/* width: 100%; */}
.pop_common .btm label {font-size:12px;color:#6f7170;vertical-align:top;letter-spacing:-1px;}
.pop_common .btn_close {color:#6f7170;float:right;}
/* ==================================공통 사이트 팝업======================================  */

/* 타입프리패스 팝업 */
/* .pop_typefreepass {position:absolute;left:50%;top:50%;margin-left:-318px;margin-top:-218px;width:636px;height:436px;z-index:99999;}
.pop_typefreepass .btn_apply {text-align:center;}
.pop_typefreepass .btm {position:absolute;left:2px;top:-23px;line-height:1}
.pop_typefreepass .btm label {font-size:15px;font-weight:bold;color:#fff;vertical-align:top;letter-spacing:-1px;}
.pop_typefreepass .btn_close {display:block;position:absolute;right:4px;top:-25px;width:28px;height:26px;}*/

/* 토크콘서트 리마인드 팝업 */
.pop_typefreepass {position:absolute;left:26%;top:20%;width:865px;height:430px;z-index:99999;}
.pop_typefreepass .btn_apply {text-align:center; padding-top:20px;}
.pop_typefreepass .btm {position:absolute;left:2px;top:-23px;line-height:1}
.pop_typefreepass .btm label {display:block;position:absolute;left:5px;top:27px;width:28px;height:26px;}
.pop_typefreepass .btn_close {display:block;position:absolute;right:-5px;top:0;width:28px;height:26px;}

/* 추석 휴무 팝업 */
.pop_chuseok {position:absolute;left:50%;top:50%;margin-left:-318px;margin-top:-218px;width:636px;height:436px;z-index:99999;}
.pop_chuseok .btm {position:absolute;left:0px;top:6px;line-height:1}
.pop_chuseok .btm label {font-size:15px;font-weight:bold;color:#fff;vertical-align:top;letter-spacing:-1px;}
.pop_chuseok .btn_close {display:block;position:absolute;right:4px;top:6px;width:28px;height:26px;text-indent:-1000em;background:url(about:blank);}
/*
.pop_chuseok {position:absolute;left:20%;top:383px;margin-left:270px;width:450px;height:500px;z-index:99999;}
.pop_chuseok .btm {position:absolute;right:433px;bottom:477px;line-height:1}
.pop_chuseok .btm label {font-size:11px;color:#fff;vertical-align:top;letter-spacing:-1px;}
.pop_chuseok .btn_close {display:block;position:absolute;right:15px;top:405px;width:21px;height:21px;text-indent:-1000em;}
*/
/* CES */
.pop_ces {position:absolute;left:1106px;top:623px;margin-left:70px;width:413px;height:433px;z-index:99999;}
.pop_ces .btm {position:absolute;top:7px;right:280px;bottom:0px;line-height:1}
.pop_ces .btm label {font-size:11px;color:#fff;vertical-align:top;letter-spacing:-1px;}
.pop_ces .btn_close {display:block;position:absolute;right:1px;top:3px;width:21px;height:21px;text-indent:-1000em;background:url(about:blank);}

.pop_ces1 {position:absolute;left:1356px;top:443px;margin-left:70px;width:455px;height:406px;z-index:99999;}
.pop_ces1 .btm {position:absolute;top:7px;right:435px;bottom:0px;line-height:1}
.pop_ces1 .btm label {font-size:11px;color:#fff;vertical-align:top;letter-spacing:-1px;}
.pop_ces1 .btn_close {display:block;position:absolute;right:1px;top:3px;width:21px;height:21px;text-indent:-1000em;background:url(about:blank);}

.Popup_Event_True {position:absolute;left:356px;top:350px;margin-left:70px;width:1079px;height:683px;z-index:99999;text-align:center; line-height:0;}
.Popup_Event_False {position:absolute;left:356px;top:350px;margin-left:70px;width:1079px;height:683px;z-index:99999;text-align:center; line-height:0;}
.Popup_Event {position:absolute;left:356px;top:150px;margin-left:70px;width:1079px;height:683px;z-index:99999;text-align:center; line-height:0;}
.Popup_Event .btn_close {display:block;position:absolute;right:1px;top:3px;width:21px;height:21px;text-indent:-1000em;background:url(about:blank);}
#Popup_Event .contents{position:relative; width:100%;margin: 0 auto;}
/* .clearfix:before, .clearfix:after { content:''; display:block; }
.clearfix:after {clear:both;} */
/* #Popup_Event { position:relative; width:100%; text-align:center; line-height:0;} */
#Popup_Event > section { overflow:hidden; }      

#Popup_Event .popup { position:relative; width:1079px;}    
#Popup_Event .popup_btn {position:absolute; width:220px; top:575px; left:440px;}
#Popup_Event .close_btn {position:absolute; width:220px; top:22px; left:930px;}
#Popup_Event .check {
    width:1000px;
    position: absolute;
    top:460px;
    left:120px;
}
#Popup_Event .check ul {
    border-collapse: collapse;
    border-spacing: 0;
    width: 1000px;
    margin: 0 auto; 
}
#Popup_Event .check li {
    width: 35px;
    float:left;
    margin-right:200px;
}
#Popup_Event .check .pck {
    height: 55px;
    background-color: #97ade8;
}
#Popup_Event .check .inp_chkbox {
}
#Popup_Event .check .inp_chkbox label {
    display:inline-block;
}
#Popup_Event .check .inp_chkbox label span {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    line-height:17px;
    margin:-1px 5px 0 0;
    vertical-align:middle;
    text-align:left;
    background:url(http://www.ohmyschool.org/img/event/180811/180811_event_check.png) no-repeat 0 0;
}
#Popup_Event .inp_chkbox label input {width:1px;height:1px;margin:3px;line-height:0;font-size:0;opacity:0;filter: alpha(opacity=0);}
#Popup_Event .inp_chkbox label.active span {background-position: 0 -50px;}

#Popup_Event .inp_chkbox_free label input {width:1px;height:1px;margin:3px;line-height:0;font-size:0;opacity:0;filter: alpha(opacity=0);}
#Popup_Event .inp_chkbox_free label.active span {background-position: 0 -50px;}
#Popup_Event .check .inp_chkbox_pck {
    background-color: #97ade8;
}
#Popup_Event .check .buy_btn1 {
    margin-top: 83px;
    margin-left: 365px;
} 


/* 조승연 - 2018.01.25 */
.pop_jsy {position:absolute;left:1206px;top:291px;margin-left:60px;width:241px;height:281px;z-index:999;}
.pop_jsy .btm {position:absolute;right:226px;bottom:0px;line-height:1;top:1px;}
.pop_jsy .btm label {font-size:11px;color:#fff;vertical-align:top;letter-spacing:-1px;}
/* .pop_jsy .btn_close {display:block;position:absolute;right:-30px;top:3px;width:21px;height:21px;text-indent:-1000em;background:url(about:blank);} */
.pop_jsy .btn_close {display:block;position:absolute;right:10px;top:-3px;width:21px;height:21px;text-indent:-1000em;}

/* popup common */
.popup_posL {position:absolute;left:50%;top:341px;margin-left:-550px;z-index:11000}
.popup_posR {position:absolute;left:50%;top:341px;margin-left:60px;z-index:11000}
.popup_bottomClose {position:absolute;right:10px;bottom:10px;line-height:1}
.popup_bottomClose label {font-size:12px;color:#707070;vertical-align:top;letter-spacing:-1px;}
.popup_todayClose {position:absolute;right:8px;bottom:8px;text-align:right;}
.popup_mbtnClose {display:block;position:absolute;right:0;top:0;width:30px;height:30px;text-indent:-1000em;background:url(about:blank);}

/* 태극기 팝업 */
.popup_kflag .bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:11000;}
.popup_kflag .inbox{position:absolute;left:50%;top:200px;width:1079px;height:683px;margin-left:-539px;background:url(../img/event/160808/bg_kflag.png) 0 0 no-repeat;z-index:11111;}
.popup_kflag .btn_close{position:absolute;right:19px;top:21px;display:block;width:34px;height:33px;text-indent:-1000em;}
.popup_kflag .quiz{overflow:hidden;position:absolute;left:93px;top:272px;width:975px;height:192px;margin:0 auto;background:url(../img/event/160808/img_kflag.png) 0 0 no-repeat;}
.popup_kflag .quiz li{position:relative;float:left;width:214px;height:192px;margin-left:21px;}
.popup_kflag .quiz label{position:absolute;left:0;bottom:0;width:36px;height:31px;background:url(../img/event/160808/chk_off.png) 3px 100% no-repeat;}
.popup_kflag .quiz input{position:absolute;left:5px;bottom:0;}
.popup_kflag .quiz input:checked + label{background:url(../img/event/160808/chk_on.png) left bottom no-repeat;}
.popup_kflag .quiz label.on{background:url(../img/event/160808/chk_on.png) left bottom no-repeat;}
.popup_kflag .blind {display:block;overflow:hidden;position:absolute;top:-1000em;left:0;text-inent:-1000em;}
.popup_kflag .inbox .btn{position:absolute;bottom:51px;left:0;width:100%;text-align:center;}
.popup_kflag .pop_answer{position:absolute;left:50%;top:50%;width:545px;height:394px;margin-top:-197px;margin-left:-272px;z-index:11112;}
.popup_kflag .answer01{background:url(../img/event/160808/bg_answer01.png) 0 0 no-repeat;}
.popup_kflag .answer02{background:url(../img/event/160808/bg_answer02.png) 0 0 no-repeat;}
.popup_kflag .pop_answer .btn{position:absolute;bottom:53px;left:50%;width:120px;height:49px;margin-left:-60px;}

/* 퀴즈 팝업: 공통 */
[class^="popup_quiz"] .bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:11000;}
[class^="popup_quiz"] .inbox{position:absolute;left:50%;top:200px;width:1079px;height:683px;margin-left:-539px;background:url(../img/event/160822/bg_quiz.png) 0 0 no-repeat;z-index:11111;}
[class^="popup_quiz"] .btn_close{position:absolute;right:19px;top:21px;display:block;width:34px;height:33px;text-indent:-1000em;}
[class^="popup_quiz"] .quiz{overflow:hidden;position:absolute;left:119px;top:239px;width:840px;height:256px;margin:0 auto;background:url(../img/event/160822/img_quiz.png) 0 0 no-repeat;}
[class^="popup_quiz"] .quiz li{position:relative;float:left;width:180px;margin-top:195px;margin-right:40px;text-align:center;}
[class^="popup_quiz"] .quiz li.a4{margin-right:0;}
[class^="popup_quiz"] .quiz li a{display:inline-block;height:32px;line-height:32px;padding-left:37px;background:url(../img/event/160822/chk_off.png) 0 0 no-repeat;font-size:20px;color:#101113;letter-spacing:-1px;font-weight:bold;}
[class^="popup_quiz"] .quiz li a.on{background:url(../img/event/160822/chk_on.png) 0 0 no-repeat;}
[class^="popup_quiz"] .blind {display:block;overflow:hidden;position:absolute;top:-1000em;left:0;text-inent:-1000em;}
[class^="popup_quiz"] .inbox .btn{position:absolute;bottom:51px;left:0;width:100%;text-align:center;}
[class^="popup_quiz"] .pop_answer{position:absolute;left:50%;top:450px;width:545px;height:394px;margin-left:-272px;z-index:11112;}
[class^="popup_quiz"] .answer01{background:url(../img/event/160822/bg_answer01.png) 0 0 no-repeat;}
[class^="popup_quiz"] .answer02{background:url(../img/event/160822/bg_answer02.png) 0 0 no-repeat;}
[class^="popup_quiz"] .pop_answer .btn{position:absolute;bottom:53px;left:50%;width:120px;height:49px;margin-left:-60px;}

/* 퀴즈 팝업: 우주 만물의 근원 */
.popup_quiz_160822 .inbox{background:url(../img/event/160822/bg_quiz.png) 0 0 no-repeat;}
.popup_quiz_160822 .quiz{background:url(../img/event/160822/img_quiz.png) 0 0 no-repeat;}
/* 퀴즈 팝업: 재테크 */
.popup_quiz_160826 .inbox{background:url(../img/event/160826/bg_quiz.png) 0 0 no-repeat;}
.popup_quiz_160826 .quiz{background:url(../img/event/160826/img_quiz.png) 0 0 no-repeat;}
.popup_quiz_160826  .quiz li{text-align:left;}
.popup_quiz_160826  .quiz li a{line-height:20px;font-size:17px;}
/* 퀴즈 팝업: 창업 */
.popup_quiz_160829 .inbox{background:url(../img/event/160829/bg_quiz.png) 0 0 no-repeat;}
.popup_quiz_160829 .quiz{background:url(../img/event/160829/img_quiz.png) 0 0 no-repeat;}

/* 퀴즈 팝업: 에밀 뒤르켐 */
.popup_quiz_161108_01 .inbox{background:url(../img/event/161108/bg_quiz01.png) 0 0 no-repeat;}
.popup_quiz_161108_01 .quiz{background:url(../img/event/161108/img_quiz01.png) 0 0 no-repeat;}
/* 퀴즈 팝업: 감옥 */
.popup_quiz_161108_02 .inbox{background:url(../img/event/161108/bg_quiz02.png) 0 0 no-repeat;}
.popup_quiz_161108_02 .quiz{background:url(../img/event/161108/img_quiz02.png) 0 0 no-repeat;}
/* 퀴즈 팝업: 집단 따돌림 */
.popup_quiz_161108_03 .inbox{background:url(../img/event/161108/bg_quiz03.png) 0 0 no-repeat;}
.popup_quiz_161108_03 .quiz{background:url(../img/event/161108/img_quiz03.png) 0 0 no-repeat;}
/* 퀴즈 팝업: 고종완 */
.popup_quiz_161108_04 .inbox{background:url(../img/event/161108/bg_quiz04.png) 0 0 no-repeat;}
.popup_quiz_161108_04 .quiz{background:url(../img/event/161108/img_quiz04.png) 0 0 no-repeat;}

/* 국민연금 팝업 */
.popup_nps {position:absolute;top:138px;left:50%;width:1080px;height:683px;margin-left:-540px;z-index:12000}
.popup_nps .popup_mbtnClose {top:20px;right:20px;width:34px;height:34px}
.popup_nps .popup_todayClose {bottom:18px;right:26px;}
.popup_nps [class^='btn'] {position:absolute;top:423px}
.popup_nps .btn01 {left:346px}
.popup_nps .btn02 {left:752px}

/* 설날이벤트팝업 */
.popup_newyear17 {position:absolute;left:50%;top:200px;width:1079px;height:683px;margin-left:-539px;background:url(../img/event/160822/bg_quiz.png) 0 0 no-repeat;z-index:11111;}
.popup_newyear17 .btnResult {position:absolute;left:429px;top:467px;}
.popup_newyear17 .btnClose {display:block;position:absolute;right:20px;top:20px;}
.popup_newyear17 .todayClose {position:absolute;right:20px;bottom:34px;font-size:17px;font-weight:bold;color:#111}
.popup_newyear17 .todayClose input {display:inline-block;vertical-align:-4px}
.popup_newyear17 .model1 {position:absolute;top:346px;left:56px;z-index:10}
.popup_newyear17 .model2 {position:absolute;top:346px;right:43px;z-index:10}

.popup_newyear17 .quiz{overflow:hidden;position:absolute;left:151px;top:261px;width:778px;height:190px;margin:0 auto;background:url(../img/event/170120/img_quiz.png) 0 0 no-repeat;}
.popup_newyear17 .quiz li{position:relative;float:left;width:190px;margin-top:140px;margin-right:6px;text-align:center;}
.popup_newyear17 .quiz li.a4 {margin-right:0;}
.popup_newyear17 .quiz li a {display:inline-block;height:32px;line-height:32px;padding-left:37px;background:url(../img/event/160822/chk_off.png) 0 0 no-repeat;font-size:20px;color:#101113;letter-spacing:-1px;font-weight:bold;}
.popup_newyear17 .quiz li a.on {background:url(../img/event/160822/chk_on.png) 0 0 no-repeat;}
.popup_newyear17 .blind {display:block;overflow:hidden;position:absolute;top:-1000em;left:0;text-indent:-1000em;}
.popup_newyear17 .inbox .btn {position:absolute;bottom:51px;left:0;width:100%;text-align:center;}
.popup_newyear17 .pop_result {position:absolute;left:50%;top:150px;width:544px;height:394px;margin-left:-272px;z-index:11112;}
.popup_newyear17 .pop_result .btn {position:absolute;bottom:53px;left:50%;width:120px;height:49px;margin-left:-60px;}

/* 어쩌다어른팝업 */
.pop_justhappen {position:absolute;left:50%;top:641px;margin-left:-540px;width:241px;height:280px;z-index:99999;}
.pop_justhappen .btm {height:25px;line-height:25px;padding-right:12px;text-align:right;background:#252524;}
.pop_justhappen .btm label {font-size:11px;color:#b7b7b7;vertical-align:top;letter-spacing:-1px;}
.pop_justhappen .btn_close {display:block;position:absolute;right:0;top:12px;width:30px;height:30px;text-indent:-1000em;background:url(about:blank);}

.pop_tempclose {position:absolute;right:50%;top:561px;margin-right:-540px;width:360px;z-index:99999;}
.pop_tempclose .btm {position:absolute;bottom:8px;left:10px}
.pop_tempclose .btm label {font-size:12px;color:#999;vertical-align:top;letter-spacing:-1px;}
.pop_tempclose .btn_close {display:block;position:absolute;right:0;bottom:0;width:30px;height:30px;text-indent:-1000em;background:url(about:blank);}


.classList ul{margin-left:-1px;border-left:1px solid #e8e8e8;border-top:1px solid #e8e8e8;}
.classList ul:after{content:".";height:0;visibility:hidden;display:block;clear:both}
.classList ul li{position:relative;float:left;width:240px;height:235px;padding:16px 15px 0 14px;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.classList ul li.on:after{content:'';display:block;position:absolute;left:-1px;top:-1px;width:276px;height:275px;border:2px solid #01bbd6;}
.classList ul li img{display:block;width:240px;height:163px;margin-bottom:10px;}
/* .classList ul li .tit{display:block;margin-bottom:10px;padding:0 5px;font-size:14px;font-weight:bold;color:#000;width:240px;text-overflow: ellipsis;overflow: hidden;} */
.classList ul li .tit{display:block;margin-bottom:10px;padding:0 5px;font-size:14px;color:#000;width:240px;text-overflow: ellipsis;overflow: hidden;text-align:center;}
.classList ul li dl{overflow:hidden;padding:0 12px;line-height:15px;}
.classList ul li dl.txt{margin:0 4px;padding-bottom:10px;background:url(../img/sub/bg_class_list.gif) 0 100% repeat-x;}
.classList ul li dl.txt dt{float:left;width:56px;margin-bottom:4px;padding-left:8px;background:url(../img/common/bg_square_ccc.gif) 0 5px no-repeat;}
.classList ul li dl.txt dd{float:left;width:153px;margin-bottom:4px;max-width:153px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.classList ul li .txtComing{height:67px;margin-top:38px;background:url(../img/sub/bg_class_list.gif) 0 100% repeat-x;font-size:14px;font-weight:bold;color:#eb5456;text-align:center;}
.classList ul li .price{overflow:hidden;padding-top:10px;}
.classList ul li .price ul{margin:0 4px;padding:0 12px;border:none;}
.classList ul li .price ul li{position:relative;float:none;width:auto;height:auto;padding:0 0 0 8px;background:url(../img/common/bg_square_ccc.gif) 0 8px no-repeat;border:none;}
.classList ul li .price ul li.orgPrice span{text-decoration:line-through;color:#666;}
.classList ul li .price ul li span{position:absolute;right:0;top:0;font-family:tahoma;font-size:14px;font-weight:bold;text-align:right;}
.classList ul li .price ul li .unit{font-family:"맑은고딕",Malgun Gothic,"돋움",dotum, Arial,Sans-serif;}
.classList ul li .btnOver{z-index:1;position:absolute;left:0;top:135px;width:100%;text-align:center;}
.classList ul li .btnOver a img{display:inline;width:auto;height:auto;}
.classList .flag{overflow:hidden;position:absolute;left:14px;top:16px;}
.classList .flag img{float:left;display:inline;width:40px;height:50px;}
.classList.noPrice ul li{height:221px;}
.classList.noPrice ul li.on:after{height:234px;}
.classList.noPrice ul li dl.txt{background:none;}

/* .btn_more a{display:block;height:51px;text-align:center;border:1px solid #e8e8e8;border-bottom:1px solid #cdd0d5;}
.btn_more a span{display:inline-block;padding-right:20px;background:url(../img/common/ico_plus.gif) 100% 17px no-repeat;font-size:16px;color:#222;line-height:45px;}
.btn_more_50 a{display:block;height:51px;text-align:center;border:1px solid #e8e8e8;border-bottom:1px solid #cdd0d5;width:70%;}
.btn_more_50 a span{display:inline-block;padding-right:20px;background:url(../img/common/ico_plus.gif) 100% 17px no-repeat;font-size:16px;color:#222;line-height:45px;}

.btn_less a{display:block;height:51px;text-align:center;border:1px solid #e8e8e8;border-bottom:1px solid #cdd0d5;}
.btn_less a span{display:inline-block;padding-right:20px;background:url(../img/common/ico_plus.gif) 100% 17px no-repeat;font-size:16px;color:#222;line-height:45px;}
.btn_less_50 a{display:block;height:51px;text-align:center;border:1px solid #e8e8e8;border-bottom:1px solid #cdd0d5;width:30%;float:right;}
.btn_less_50 a span{display:inline-block;padding-right:20px;background:url(../img/common/ico_plus.gif) 100% 17px no-repeat;font-size:16px;color:#222;line-height:45px;} */

.btn_more a{display:block;height:51px;text-align:center;border:1px solid #01bbd6;border-bottom:1px solid #01bbd6;background:#01bbd6;}
.btn_more a span{display:inline-block;padding-right:20px;font-size:16px;color:#fff;line-height:45px;}
.btn_more_50 a{display:block;height:51px;text-align:center;border:1px solid #01bbd6;border-bottom:1px solid #01bbd6;width:70%;background:#01bbd6;}
.btn_more_50 a span{display:inline-block;padding-right:20px;font-size:16px;color:#fff;line-height:45px;}

.btn_less a{display:block;height:51px;text-align:center;border:1px solid #474a52;border-bottom:1px solid #cdd0d5;background:#474a52;}
.btn_less a span{display:inline-block;padding-right:20px;font-size:16px;color:#fff;line-height:45px;}
.btn_less_50 a{display:block;height:51px;text-align:center;border:1px solid #474a52;border-bottom:1px solid #474a52;width:30%;float:right;background:#474a52;}
.btn_less_50 a span{display:inline-block;padding-right:20px;font-size:16px;color:#fff;line-height:45px;}


.dimm{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:11000;}