/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2016-08-19
 | 파일설명 : 팝업 컨텐츠 CSS
 +----------------------------------------------------------------------+
 | 퍼블리셔 : bsh
 +----------------------------------------------------------------------+
*/

/* 외주 CSS start */
.popup{position:relative;width:700px;padding:0 0 32px 0;margin: 0 auto;background:#fff;}
.popup .layerTit{height:65px;line-height:60px;padding-left:12px;font-size:28px;color:#fff;font-weight:bold;letter-spacing:-1px;background:url('/images/front/layout/bg_layerTit.png') no-repeat 0 0;font-family:'Nanum Gothic', 'Dotum';}
.popup .layerTit img{padding:15px 0 0 20px;}
.popup.type2{border:10px solid #000000;border-top:none;}
.popup.type2.br14{border:14px solid #000000;border-top:none;}
.popup.type2 .popClose{position:absolute;top:15px;right:2px;width:20px;height:20px;background:url('/images/front/layout/btn_popClose.png') repeat 0 0;}
.popup.type2 .layerTit{height:50px;line-height:50px;padding-left:5px;font-size:20px;background:#000000;}
.popup .mailcodeBox .mailcodeSearch{padding:20px;padding-bottom:0px;letter-spacing:-1px;}

.popup .usingGuideTab{position:absolute;top:13px;right:20px;}
.popup .usingGuideTab a{display:block;color:#fff;width:185px;margin-top:3px;font-size:13px;letter-spacing:-1px;}
.popup .usingGuideTab a:hover{color:#ffff00;text-decoration:underline;}
.popup .usingGuideTab a .dot{display:inline-block;width:2px;height:2px;vertical-align:middle;background:#fff;}
.popup .usingGuideTab a:hover .dot{background:#ffff00;}

.popup .sitePolicyTxt{margin-bottom:20px;line-height:18px;}
.popup .sitePolicyBox .scrollBox{width:661px;height:400px;overflow-y:auto;overflow-x:hidden;margin:25px auto -5px auto;border-bottom:1px solid #ccc;}
.popup .sitePolicy dt{padding-bottom:5px;font-weight:bold;color:#000000;}
.popup .sitePolicy dd{padding-bottom:20px;color:#000000;line-height:18px;color:#666666;}
.popup .sitePolicy dd .list1 li{padding-left:20px;text-indent:-20px;}
.popup .sitePolicy dd > p{margin:6px 0;}
.popup .policyDate{margin-top:20px;padding-bottom:20px;padding-right:10px;text-align:right;font-weight:bold;}

.popup .studyStop{overflow:hidden;padding:20px 0;margin: 0 20px;border-bottom:1px solid #dfdfdf;}
.popup .studyStop .lSide{position:relative;float:left;width:320px;height:340px;}
.popup .studyStop .rSide{float:right;width:320px;height:340px;}
.popup .txt{color:#333333;font-size:20px;line-height:1.2em;letter-spacing:-1px;font-weight:bold;}
.popup .txt .subTxt{display:block;color:#ed1c24;font-size:14px;font-weight:normal;}
.popup .list li{margin-top:14px;padding-left:10px;color:#666666;letter-spacing:-1px;line-height:1.4em;background:url('/images/front/layout/ico_dash_gray.png') no-repeat 0 8px;}
.popup .status{position:absolute;bottom:0;left:0;width:278px;margin-top:26px;padding:18px 20px;border:1px solid #dfdfdf;background:#f8f8f8}
.popup .status li{margin-top:10px;color:#888888;font-size:14px;}
.popup .status li:first-child{margin-top:0px;}
.popup .status li strong{display:inline-block;width:106px;padding-left:9px;font-weight:normal;letter-spacing:-1px;background:url('/images/front/layout/ico_dot_gray3.png') no-repeat 0 50%;}
.popup .status li .date{color:#ed1c24;font-weight:bold;}
.popup .status li input[type='text']{width:140px;padding:5px 7px;}

.popup .calender table{border:1px solid #ffd300;}
.popup .calender .yearMonth{position:relative;height:55px;line-height:55px;border-bottom:1px solid #ffdc33;background:#ffc000;}
.popup .calender .yearMonth .prev{position:absolute;top:0;left:0;border-right:1px solid #ffcd33;}
.popup .calender .yearMonth .next{position:absolute;top:0;right:0;border-left:1px solid #ffcd33;}
.popup .calender .yearMonth .date{display:block;height:55px;line-height:55px;text-align:center;font-weight:bold;color:#fff;font-family:'tahoma';font-size:18px;}
.popup .calender table{width:100%;background:#f97e76;}
.popup .calender th{height:17px;padding:13px 0;color:#956900;font-family:'tahoma';font-weight:bold;font-size:13px;background:#ffd300;}
.popup .calender td{height:20px;padding:10px 0;color:#956900;font-family:'arial';font-size:15px;font-weight:bold;text-align:center;cursor:pointer;background:#ffffcc;}
.popup .calender td.stop{color:#fff;background:#ffcc00;}
.popup .calender td.blur{color:#edd29b;}

.popup .receiptPrint{position:relative;padding:30px 26px 45px 26px ;margin: 0 20px;letter-spacing:-2px;word-spacing:1px;border-bottom:1px solid #c0c0c0;}
.popup .receiptPrint .stamp{position:absolute;top:100px;right:20px;}
.popup .receiptPrint .title{text-align:center;}
.popup .receiptPrint .receiver{margin-top:15px;text-align:right;}
.popup .receiptPrint .receiver strong{margin-right:5px;font-size:14px;}
.popup .receiptPrint .receiptTxt{margin-top:10px;color:#666666;font-size:16px;}

.popup .couponRegist{position:relative;margin: 0 30px;padding-top:50px;padding-bottom:15px;letter-spacing:-1px;border-bottom:1px solid #c0c0c0;color:#444444;}
.popup .couponRegist strong{display:block;font-size:21px;line-height:1.4em;letter-spacing:-2px;}
.popup .couponRegist .subTxt{font-size:16px;line-height:1.4em;}
.popup .couponRegist .couponTxt{margin:20px 0 40px 0;}
.popup .couponRegist .coupon{position:absolute;top:30px;right:0;z-index:10}
.popup .couponRegist .couponInput{padding:20px;border:1px solid #dddddd;background:#eeeeee;}
.popup .couponRegist .couponInput > strong{font-size:16px;}
.popup .couponRegist .couponInput .inputbox{margin-top:7px;color:#848484;}
.popup .couponRegist .couponInput input{padding:9px 5px;width:121px;text-align:center;font-size:18px;font-weight:bold;line-height:18px;}
.popup .couponRegist .attention{margin-top:40px;padding:15px 20px;border:1px solid #d8dee4;background:#f5f8fa;}
.popup .couponRegist .attention > strong{display:inline-block;height:14px;padding:3px 0 3px 30px;color:#333333;font-size:14px;}
.popup .couponRegist .attention ul{margin-top:15px;}
.popup .couponRegist .attention ul li{margin-top:5px;padding-left:10px;color:#666666;font-size:11px;}

.warningList2{padding:15px 0 15px 130px;background:url('/images/front/layout/ico_warning4.png') no-repeat 45px 50%;}
.warningList2 ul li{padding-left:7px;margin-top:4px;color:#999999;letter-spacing:-1px;background:url('/images/front/layout/ico_dot_gray3.png') no-repeat 0 8px;}
.warningList2 ul li:first-child{margin-top:0px;}





.dataType1{margin-top:12px;border-top:2px solid #444444;b}
.dataType1:first-child{margin-top:0px;}
.dataType1 table{width:100%;color:#666666;}
.dataType1 th{padding:11px 5px;font-weight:normal;color:#444444;border-bottom:1px solid #e5e5e5;background:#eeeeee url('/images/front/layout/bar_data1_th.png') no-repeat 0 50%;}
.dataType1 th:first-child{background-image:none;}
.dataType1 td{padding:11px 5px;text-align:center;color:#888888;border-bottom:1px solid #e5e5e5;}


.dataType1 td.title{color:#444;font-size:14px;text-align:left;letter-spacing:-1px;padding-left:12px;}
.dataType1 td.title a{color:#444;}
.dataType1 td.txtType1{color:#444;font-size:14px;text-align:left;letter-spacing:-1px;}
.dataType1 td.ta_center{text-align:center;}
.dataType1 td.txtType1 a{color:#444;}
.dataType1 td .noData{padding:20px 0;color:#888888;font-size:14px;}
.dataType1 td .underline{text-decoration:underline;}

.dataType1 td.textL{padding-left:12px !important;text-align:left !important;}
.dataType1 td.textR{padding-right:12px !important;text-align:right !important;}
.dataType1 a{color:#888888;}

.dataType1 th .lSide{float:left;margin-left:10px;}
.dataType1 th .lSide .classType{display:inline-block;margin-right:14px;padding-right:20px;vertical-align:middle;background:url('/images/front/layout/bar_data1_th.png') no-repeat 100% 50%;}
.dataType1 th .lSide strong.tit{font-size:14px;font-weight:normal;vertical-align:middle;}
@-moz-document url-prefix(){ .dataType1 th .lSide strong.tit{position:relative;top:-1px;}} /*파폭*/
@media screen and (-webkit-min-device-pixel-ratio:0) {  /*사파리 크롬*/
 .dataType1 th .lSide strong.tit{position:relative;top:-1px;}
} 
html[xmlns*=""] body:last-child  .dataType1 th .lSide strong.tit{position:relative;top:0;} /*사파리 */

.dataType1 th .rSide{display:block;float:right;margin-top:5px;margin-right:10px;}
.dataType1 th .rSide .visitTxt{padding:0 10px 0 30px;color:#888888;background:url('/images/front/layout/bar_data1_th.png') no-repeat 0 50%;}
.dataType1 td .dataView{padding:15px;text-align:left;line-height:1.5em;font-size:14px;color:#444;letter-spacing:-1px;}
.dataType1 td .checkTxt{font-size:14px;}

.dataType1 tfoot td{border-bottom:2px solid #333333;background:#f5f5f5;}
.dataType1 tfoot td .orderAccount{padding-right:20px;padding-bottom:1px;font-weight:bold;color:#333333;font-size:16px;line-height:1.1em;}

.dataType1.type2 {margin-top:0px;border-top:none;}
.dataType1.type2 td{height:40px;padding:0 4px;}

.dataType1.type3{margin-top:0px;border-top:none;}
.dataType1.type3 td{border-bottom:1px solid #666666;}

.dataType1.type4 td{padding:7px 5px;}
.dataType1.type4 td .redTxt{font-weight:bold;}

.dataType1.type5 td{padding:6px 5px;line-height:1.4em;letter-spacing:-1px;color:#444444;border-left:1px solid #dddddd;}
.dataType1.type5 td.nobr{border-left:none;}

.dataType1.type6 td{height:28px;padding:5px 5px;color:#444444;font-size:14px;}
.dataType1.type6 td.bg{background:#fffcd6;}
.dataType1 td .star span{display:inline-block;width:17px;height:16px;background:url('/images/front/layout/ico_star.png') no-repeat 100% 0;}
.dataType1 td .star span.on{display:inline-block;width:17px;height:16px;background:url('/images/front/layout/ico_star.png') no-repeat 0 0;}

.dataType1.type7 td{height:28px;padding:5px 5px;color:#666666;font-size:14px;}

.dataType1.buying td{height:28px;padding-top:5px;padding-bottom:5px;font-size:14px;}
.dataType1.buying td span.line{cursor:pointer;}
.dataType1.buying td.on > span.line{color:#ed1c24;font-weight:bold;border-bottom:1px solid #ed1c24;cursor:pointer;}
.dataType1.buying .detail td{color:#444444;text-align:left;letter-spacing:-1px;background:#fffac2;}
.dataType1.buying .detail td .txt{padding-left:28px;background:url('/images/front/layout/ico_re.png') no-repeat 8px 0;}
.dataType1.buying .detail td .txt strong{font-family:'맑은고딕','malgun-gothic','나눔고딕','Nanum Gothic','돋움','Dotum', 'sans-serif';font-weight:normal;}

.dataType1.buyingDetail{border:1px solid #dddddd;border-top:2px solid #444444;border-bottom:none;}
.dataType1.buyingDetail th{font-size:14px;color:#666666;vertical-align:middle;}
.dataType1.buyingDetail td{font-size:14px;color:#444444;text-align:left;padding-left:10px;}
.dataType1.buyingDetail td .redTxt{color:#ff3333;}
.dataType1.buyingDetail td .grayTxt{color:#888888;}
.dataType1.buyingDetail td.result{text-align:right;border-left:1px solid #;}

.dataType1.buyingDetail.alignL th{text-align:left;padding-left:15px;}
.dataType1.buyingDetail.alignL .redTxt{color:#ff0000 !important;}

.dataType1.buying3{border:1px solid #dddddd;border-top:2px solid #444444;border-bottom:none;}
.dataType1.buying3 td{color:#444444;font-size:14px;}

.dataType1.package{position:relative;}
.dataType1.package .label{position:absolute;top:-3px;left:0;}
.dataType1.package .packageTit{font-size:16px;line-height:1.4em;}
.dataType1.package .gb{display:block;font-size:14px;letter-spacing:0;}
.dataType1.package .wifi{font-size:14px;letter-spacing:0;}
.dataType1.package .account{font-size:14px;letter-spacing:0;}
.dataType1.package .num{color:#ed1c24;}

.dataType1.order td{color:#444444;font-size:14px;}


.dataType2 table{width:100%;}
.dataType2 th{padding:15px 20px 10px 20px;border:1px solid #dbdbdb;text-align:left;color:#545454;font-weight:normal;font-size:14px;vertical-align:top;background:#f5f5f5;}
.dataType2 td{padding:10px;height:27px;font-size:14px;border:1px solid #dbdbdb;color:#444444;}
.dataType2 td .sbHolder{font-size:14px;}
.dataType2 td .sbOptions a{font-size:14px;width:100%;}
.dataType2 td .writer{font-size:16px;color:#444444;}
.dataType2 td input{color:#444;}
.dataType2 td input.writer{font-size:16px;height:22px;padding:3px 5px;}
.dataType2 td .line{margin-top:10px;}
.dataType2 td .line:first-child{margin-top:0px;}

.dataType2 input[type="text"], .dataType2 input[type="password"]{height:18px;padding:5px;border:1px solid #c2c2c2;}
.dataType2 textarea{padding:5px;border:1px solid #c2c2c2;font-size:14px;}
.dataType2 select{height:26px;padding:2px;border:1px solid #c2c2c2;}
.dataType2 .pwCheckTxt{margin-left:20px;margin-right:5px;}
.dataType2 .wordlimit{margin:0 5px;color:#f14747;font-weight:bold;font-size:11px;}
.dataType2 .wordlimit em{color:#f14747;font-style:normal;}
.dataType2 span.ableTxt{color:#7a7a7a;font-size:12px;}
.dataType2 p.ableTxt{margin-top:8px;font-size:11px;color:#7a7a7a;}
.dataType2 .subTxt{margin-top:8px;color:#7a7a7a;font-size:12px;}
.dataType2 .subTxt input[type='checkbox']{vertical-align:middle;position:relative;top:-1px;}
.dataType2 .attentionTxt{margin-top:10px;padding:8px 0 10px 50px;color:#888888;word-spacing:-2px;line-height:16px;font-size:12px;background:#f3f3f3 url('/images/front/mypage/ico_warning.png') no-repeat 10px 50%;}
.dataType2 .attentionTxt2{padding:8px 0 10px 50px;color:#666666;word-spacing:-2px;line-height:16px;font-size:12px;background:#ffffdb url('/images/front/mypage/iico_warning.png') no-repeat 10px 12px;}
.dataType2 .attentionTxt2 li{margin-top:2px;padding-left:8px;font-size:11px;color:#666666;background:url('/images/front/layout/ico_dot_gray2.png') no-repeat 0 50%;}
.dataType2 .radio label{margin-left:16px;font-weight:bold;color:#545454;}
*:first-child + HTML .dataType2 .radio.gapIe7{padding-left:10px;}
.dataType2 .dash{display:inline-block;color:#888;}
.dataType2 .dash2{display:inline-block;margin: 0 3px;color:#888;}
.dataType2 .at{color:#888;}
.dataType2 .gap{display:inline-block;}
.dataType2 .sbHolder{padding-right:29px;}
*:first-child + HTML .dataType2 .gap{width:4px;}
*:first-child + HTML .dataType2 .sbHolder{height:20px;line-height:20px;padding:4px 37px 4px 5px;}
*:first-child + HTML .dataType2 .sbSelector{line-height:20px;padding-left:4px;}


.dataType2.type2 th, .dataType2.type2 td{border:none;}
.dataType2.type2 th{border-right:1px solid #e5e5e5;}

.dataType2.type3{margin-top:10px;}
.dataType2.type3.line{border-top:2px solid #444444;}


.dataType3{margin-top:12px;border-top:2px solid #444444;}
.dataType3:first-child{margin-top:0px;}
.dataType3 table{width:100%;color:#666666;}
.dataType3 th{padding:8px 20px;text-align:left;border-bottom:1px solid #dddddd;background:#f3f3f3;}
.dataType3 th.noticeViewTable{padding:9px 20px 14px 20px;text-align:left;border-bottom:1px solid #dddddd;background:#f3f3f3;}

.dataType3 th.white{padding:8px 20px;text-align:left;border-bottom:1px solid #dddddd;background:#fff;}
.dataType3 th .title{padding:4px 0;font-size:18px;color:#444444;}
.dataType3 td{padding:10px 20px;letter-spacing:-1px}
.dataType3 td .dataView{padding:15px 0;font-size:14px;color:#444444;line-height:1.5em;}
.dataType3 .infoData{padding-top:3px;font-weight:normal;}
.dataType3 .infoData .rSide{float:right;margin-top:-3px;}
.dataType3 .infoData .lSide{float:left;}
.dataType3 .infoData .info{display:inline-block;vertical-align:middle;color:#888888;}
.dataType3 .infoData .info span{display:inline-block;vertical-align:middle;}
.dataType3 .infoData .info span img{vertical-align:middle;}
.dataType3 .infoData .info span img.speakingdom{margin-top:-7px;padding-left:5px;}
.dataType3 .infoData .lSide{position:relative;top:-2px;}
.dataType3 .infoData .lSide .speakingdom{position:relative;top:2px;}
.dataType3 .infoData .rSide .info{display:inline-block;padding-left:20px;margin-left:18px;background:url('/images/front/layout/bar_label.png') no-repeat 0 5px;}
.dataType3 .infoData .rSide .info:first-child{padding-left:0px;margin-left:0px;background:none;}

*:first-child + HTML .dataType3 .infoData .rSide {position:relative;top:2px;}
*:first-child + HTML .dataType3 .infoData .rSide  .info{background:url('/images/front/layout/bar_label.png') no-repeat 0 2px;}
*:first-child + HTML .dataType3 .infoData .rSide   .info:first-child{background:none;}


.dataType3.type2{border-bottom:1px solid #444444;}
.dataType3.type2 th{padding:13px 20px;font-weight:normal;font-size:14px;}
.dataType3.type2 td{color:#444444;border-top:1px solid #dddddd;font-size:14px;}
.dataType3.type2 tr:first-child td{border-top:none;}

.dataType3 .speakingReple{padding:10px 0;border-top:none !important;}
.dataType3 .speakingReple .speakingdom{display:inline-block;vertical-align:top;}
.dataType3 .speakingReple .date{position:relative;top:7px;margin-left:10px;vertical-align:top;font-size:12px;}
.dataType3 .speakingReple .replebox{padding:18px;border:1px solid #ffbd3e;background:#fffae0;}
.dataType3 .speakingReple .txt{padding:12px 0 0 25px;line-height:1.5em;}

.dataType4{margin-top:30px;border-top:1px solid #444444;border-bottom:1px solid #444444;background:#f3f3f3;}
.dataType4 table{width:100%;color:#666666;}
.dataType4 th{height:15px;padding:10px 10px 10px 20px;border-top:1px solid #dddddd;font-weight:normal;color:#888888;}
.dataType4 th.prev{background:url('/images/front/layout/ico_dataPrev.png') no-repeat 11px 50%;}
.dataType4 th.next{background:url('/images/front/layout/ico_dataNext.png') no-repeat 11px 50%;}
.dataType4 td{padding-left:15px;border-top:1px solid #dddddd;background:url('/images/front/layout/bar_data4.png') no-repeat 0 12px;}
.dataType4 td a{color:#444444;}
.dataType4 td a:hover{text-decoration:underline;color:#444444;}
.dataType4 tr:first-child th, .dataType4 tr:first-child td{border-top:none;}

.dataType5{margin-top:10px;font-size:14px;letter-spacing:-1px;}
.dataType5 table{width:100%;color:#333333;}
.dataType5 th{padding:10px 10px;border:1px solid #8ac6e8;font-weight:normal;background:#f4f6fb;}
.dataType5 td{padding:10px 10px;border:1px solid #8ac6e8;background:#fff;}
.dataType5 .th2{padding:10px 0;letter-spacing:-2px;}

.dataType5.pink th{background:#fcf1f1;}
.dataType5.pink th, .dataType5.pink td{border:1px solid #fc9999;}

.tabType1{overflow:hidden;border-bottom:2px solid #47a7cf;}
.tabType1 a{float:left;width:160px;height:40px;line-height:40px;margin-left:4px;font-size:14px;color:#444;text-align:center;text-decoration:none;background:url('/images/front/layout/bg_tab01_off.png') no-repeat 100% 50%;;}
.tabType1 a.on{color:#fff;background: url('/images/front/layout/bg_tab01_on.png') no-repeat 100% 50%;}
.tabType1 a:first-child{margin-left:0px;}

.tabType2{overflow:hidden;height:40px;padding-bottom:3px;background: url('/images/front/layout/tabType2_line.png') repeat-x 0 100%;}
*:first-child + HTML .tabType2{padding-bottom:0px;height:43px;}
.tabType2 a{float:left;width:118px;height:40px;line-height:40px;font-size:14px;color:#333333;text-decoration:none;border:1px solid #cccccc;border-bottom:none;text-align:center;}
.tabType2 a.on{height:41px;color:#333333;border:2px solid #cc0000;font-weight:bold;border-bottom:none;background:#f3f3f3;}
.tabType2 a:first-child{margin-left:0px;}

.tabType3{overflow:hidden;border-bottom:2px solid #0c3950;}
.tabType3 a{float:left;width:106px;height:40px;font-size:15px;color:#666666;font-weight:bold;text-decoration:none;line-height:40px;text-align:center;background:url('/images/front/layout/tabType3_bg_off.png') no-repeat 0 0;}
.tabType3 a:hover, 
.tabType3 a.on{color:#fff;background:url('/images/front/layout/tabType3_bg_on.png') no-repeat 0 0;}
.tabType3 a.best{width:102px;color:#fff;background:url('/images/front/layout/tabType3_bg_off2.png') no-repeat 0 0;}
.tabType3 a.best.on,
.tabType3 a.best:hover{color:#fff;background:url('/images/front/layout/tabType3_bg_on2.png') no-repeat 0 0;}

.tabType4{width:740px;height:60px;border-right:1px solid #dfdfdf;}
.tabType4 a{float:left;width:25%;height:57px;color:#888888;border-bottom:1px solid #dfdfdf;text-decoration:none;border-top:1px solid #dfdfdf;}
.tabType4 a span{color:#888888;font-weight:bold;}
.tabType4 a.on{height:56px;color:#444444;border-bottom:1px solid #f8f8f8;background:#f8f8f8;}
.tabType4 a.on span{color:#444444;}
.tabType4 a.on span img{padding:11px 0;}
.tabType4 a.magic.on{border-top:2px solid #32a133;}
.tabType4 a.western.on{border-top:2px solid #ffb100;}
.tabType4 a.eastern.on{border-top:2px solid #00a8ff;}
.tabType4 a.adventure.on{border-top:2px solid #c52929;}
.tabType4 a span{display:block;height:57px;text-align:center;font-size:14px;border-left:1px solid #dfdfdf;}
.tabType4 a span img{vertical-align:middle;padding:12px 0;}
.tabContents{clear:both;}

/* 외주 CSS end */

/* 세부학습통계 획득표현카드 팝업*/
.statsListExprTable tbody{background-color:#f8f8f8;}
.statsListExprTable .paging_CD{background-color:#f8f8f8;}
.statsListExprTableBody{background-color:#f8f8f8;}