/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2018 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 20180810
| 파일설명 : 공지 팝업
+----------------------------------------------------------------------+
| 작업자 : bsh
+----------------------------------------------------------------------+
| 수정이력
| 20181023 소멸예정 포인트 코딩수정 by 우현진
| 20190527 [tabType5] 추가 by 박소율
+----------------------------------------------------------------------+
*/

/* 외주 CSS start */
.contsTit{padding-top:30px;font-size:20px;color:#333333;letter-spacing:-2px;word-spacing:-2px;margin-top:-3px;line-height:1.2em;font-family:malgun-gothic,'맑은고딕','나눔고딕',NanumGothic}
.contsTit:first-child{padding-top:0px;}
.contsTit.pdAdd{padding-top:7px; }
.contsTit img{vertical-align:baseline;margin-right:3px;position:relative;top:5px}
.contsTit .subTxt{display:inline-block;height:12px;line-height:12px;padding-bottom:3px;position:relative;margin-left:6px;color:#888888;font-size:12px;word-spacing:-1px;letter-spacing:-1px;font-weight:normal;}
*:first-child + HTML .contsTit .subTxt{position:relative;top:3px}
*:first-child + HTML .contsTit .subTxt.img{top:0}
.contsTit .subTxt.img{top:-1px;}
.contsTit .subTxt img{vertical-align:middle;top:-1px;vertical-align:middle;}
.contsTit.dotline{padding-top:15px;margin-top:25px;background:url('/images/front/layout/ico_dotline.png') repeat-x 0 0;}
.contsTit.dotline img{position:relative;top:3px;}

.couponList{position:relative;margin-top:12px;}
.couponList .couponCertify{position:absolute;top:0;right:0;}
.couponList .couponCertify .tooltip{position:absolute;top:-14px;left:-202px;margin-right:10px;padding:5px 12px;line-height:16px;font-size:11px;border:1px solid #cccccc;white-space:nowrap;border-radius:3px;color:#666666;background:#fbf9dd;}
.couponList .couponCertify .tooltip .arr{display:inline-block;width:10px;height:11px;position:absolute;top:10px;right:-10px;background:url('/images/front/mypage/toolTip_arr.png') repeat 0 0;}/*이미지 없음*/
.couponList .couponCertify:hover .tooltip{display:inline-block;cursor:default;}
.couponList .pointTxt, .pointList .pointTxt{margin-top:11px;padding-left:20px;color:#666666;background:url('/images/front/mypage/ico_doubleCircle.png') no-repeat 4px 50%;}/*이미지 없음*/
.couponList .pointTxt strong, .pointList .pointTxt strong{color:#e51234;}
.couponList .pointTxt .subTxt, .pointList .pointTxt .subTxt{font-size:11px;}
.couponList .couponInfoTxt{margin-top: 10px; padding-left: 15px; background: url("/images/front/mypage/bulH2Desc.gif") left 3px no-repeat;}

.pointList{margin-top:40px;}
.pointList .userPointList{margin-top:10px;}
.pointList .userPointList li{margin-bottom: 5px; padding-left: 15px; background: url("/images/front/mypage/bulH2Desc.gif") left 3px no-repeat;}

.repleTit{margin-bottom:7px;color:#f14747;font-size:16px;}
.repleTit .ico{margin-right:6px;vertical-align:middle;}
.repleTit .label{color:#444444;vertical-align:middle;}
.repleTit .num{color:#ed1c24;vertical-align:middle;}
.repleTit .paging{margin-top:-10px;}
.repleList{}
.repleList .repleInput{overflow:hidden;padding:10px;background:#f3f3f3;}
.repleList .repleInput .textarea{float:left;width:598px;height:88px;padding:5px;border:1px solid #cccccc;background:#ffffff;}
.repleList .repleInput .textarea textarea{width:598px;height:88px;overflow-y:auto;border:none;background:none;}
.repleList .repleInput .btn{float:right;}
.repleList img{vertical-align:middle;}
.repleList li {overflow:hidden;position:relative;min-height:80px; padding:16px 0 20px 110px;border-top:1px solid #dfdfdf;}
.repleList li .repleMenu{position:absolute;top:21px;right:0;letter-spacing:-1px;line-height:10px;color:#666;}
.repleList li .repleMenu{position:absolute;top:21px;right:0;letter-spacing:-1px;line-height:10px;color:#666;}
.repleList li .repleMenu span{display:inline-block;height:20px;min-width:22px;padding:0 8px;line-height:18px;cursor:pointer;color:#444444;text-align:center;border:1px solid #aaaaaa;background:#f3f3f3;}

.repleList li .photo{position:absolute;top:18px;left:0;display:inline-block;width:88px;height:88px;border:1px solid #cccccc;}
*:first-child + HTML .repleList li{padding-top:20px;padding-bottom:16px;}
.repleList li .photo.magic{border:1px solid #309d30;}
.repleList li .photo.eastern{border:1px solid #1691f4;}
.repleList li .photo.adventure{border:1px solid #da1b1b;}
.repleList li .photo.western{border:1px solid #ff9b44;}
.repleList li .photo .landMark{display:inline-block;position:relative;height:20px;width:86px;padding-right:3px;line-height:20px;letter-spacing:-1px;text-align:right;font-size:11px;color:#fff;}
.repleList li .photo .landMark .ico{position:absolute;top:-17px;left:0;width:32px;height:33px;}
.repleList li .photo.magic .landMark{background:#309d30;}
.repleList li .photo.eastern .landMark{background:#1691f4;}
.repleList li .photo.adventure .landMark{background:#da1b1b;}
.repleList li .photo.western .landMark{background:#ff9b44;}
.repleList li .photo img {width:88px; height:88px}

.repleList li .lv{vertical-align:middle;margin-right:5px;position:relative;}
.repleList li .lv > span{vertical-align:middle; }
.repleList li .lv .levelNum{position:absolute;top:2px;left:3px;color:#fff;font-size:11px;width:29px;text-align:center;}

.repleList li .icon{position:absolute;top:15px;left:10px;}
.repleList li .id{color:#333333;font-weight:bold;vertical-align:middle;}
.repleList li .id{color:#333333;font-weight:bold;vertical-align:middle;}
.repleList li .reple{position:relative;margin-top:12px;color:#666666;line-height:18px;white-space:normal;word-break:break-all;background:#f1f1f1;}
*:first-child + HTML .repleList li .reple{margin-top:10px;}
.repleList li .reple .arr{position:absolute;top:-6px;left:42px;width:15px;height:6px;background:url('/images/front/community/reple_arr.png') no-repeat 0 0;}
.repleList li .reple .date{display:block;margin-top:5px;color:#aaaaaa;font-size:11px;}
.repleList li .level{margin-right:5px;}
.repleList li .date.posi{position:absolute;top:10px;right:4px;display:block;color:#aaaaaa;font-size:11px;}

.repleList li .reple > .reple{padding-left:10px;padding-top:10px;padding-right:10px;}
.repleList li .reple > .date{padding-left:10px;padding-right:10px;padding-bottom:10px;}

.repleList li .answer{position:relative;padding:10px 7px 10px 30px;background:#f1f1f1 url('/images/front/community/answer_line.png') no-repeat 50% 0;}
.repleList li .answer .reple{padding-top:5px;margin-top:0px;padding-bottom:0;padding-left:0;white-space:normal;word-break:break-all;}
.repleList li .answer .repleMenu{top:12px;right:20px}
.repleList li .answer .repleMenu span{border:none;font-weight:bold;color:#000;margin-left:10px;padding:0 0 0 12px;background:url('/images/front/community/reple_bar.png') no-repeat 0 50%;}
.repleList li .answer .repleMenu span:first-child{background:none;}
.repleList li .answer .repleMenu span:hover{text-decoration:underline}
.repleList li .textareaInput{display:inline-block;padding-top:6px;vertical-align:top;}
.repleList li .textarea{float:left;width:456px;height:68px;padding:5px;border:1px solid #cccccc;background:#fff;}
.repleList li .textarea textarea{height:68px;border:none;color:#929292;}
.repleList li .reple .textareaInput{width:609px;}
.repleList li .reple .textarea{width:486px;}
.repleList li .reple .textarea textarea{width:486px;}
.repleList li .answer .textareaInput{width:582px;}
.repleList li .answer .textareaInput .textarea{width:458px;}
.repleList li .answer .textareaInput .textarea textarea{width:458px;}

.repleList li  .btn{float:right;}

.repleList.type2{}
.repleList.type2 li{padding-bottom:0px;border-bottom:1px solid #dddddd;border-top:none;}
.repleList.type2 li:first-child{border-top:none;}

.repleList.type2 li .repleMenu{z-index:1;}
.repleList.type2 li .reple{padding:5px 0 15px 0;margin-top:0px;background:#fff;}
.repleList.type2 li .reple .arr{display:none;}
.repleList.type2 li .reple .date{margin-top:10px;}
.repleList.type2 li .reple.modify{padding:10px 10px 15px;margin-top:12px;margin-bottom:15px;padding-bottom:10px;background:#eeeeee;}
.repleList.type2 li .reple.modify .arr{display:block;}
.repleList.type2 li .reple.modify .textareaInput{padding-top:0px;}
.repleList.type2 li .reple.modify .textarea{width:597px;}
.repleList.type2 li .reple.modify .textarea textarea{width:597px;}
.repleList.type2 li .reple.modify .btn{padding-top:6px;}
.repleList.type2 li .answerWrap{width:652px;padding-left:86px;margin-left:-110px;border-top:1px solid #dddddd;background:#f6f6f6;}
.repleList.type2 li .answerWrap.speakingdom{width:628px;padding-left:110px;margin-left:-110px;border-top:1px solid #dddddd;background:#f6f6f6;}
.repleList.type2 li .answer{background:none;}
.repleList.type2 li .answer .textareaInput{width:612px;}
.repleList.type2 li .answer .textareaInput .textarea{width:490px;}
.repleList.type2 li .answer .textareaInput .textarea textarea{width:490px;}
.repleList.type2 li .answer .reple{padding-right:20px;padding-bottom:0px;background:#f6f6f6;}

.repleList.type3 > ul > li{padding-top:10px;padding-bottom:12px;}
.repleList.type3 li .photo{top:12px;height:auto;overflow:hidden;}
.repleList.type3 li .repleMenu{top:10px;}
.repleList.type3 li.first{border-top:none;}
.repleList.type3 li .reple.modify{padding:10px 10px 15px;}
*:first-child + HTML .repleList.type3 > ul > li{padding-top:11px;padding-bottom:10px;}
*:first-child + HTML .repleList.type3 li .photo{top:11px;}
*:first-child + HTML .repleList.type3 li .reple{margin-top:0;}
*:first-child + HTML .repleList.type3 li .reple.modify{margin-top:10px;}


/* 커뮤니티 */
.eventSection{margin-top:12px;}
.eventSection:first-child{margin-top:0;}
.eventList li{overflow:hidden;padding:20px 0;border-bottom:1px solid #e1e1e1;}
.eventList li .img{position:relative;float:left;margin-right:25px;}
.eventList li .img .end{position:absolute;top:72px;left:0;}
.eventList li .tit{display:block;padding-top:12px;font-weight:bold;color:#444444;font-size:16px;}
.eventList li .tit a{color:#444444;}
.eventList li .txt{display:block;height:35px;overflow:hidden;margin-top:10px;color:#888888;}
.eventList li .txt a{color:#888888;}
.eventList li a:hover{text-decoration:underline}
.eventList li .period{display:block;margin-top:22px;color:#888888;}

.tabType1{margin-top:90px;}
.tabType1:first-child{margin-top:0px;}

/* paging */
.paging{padding-top:20px;text-align:center;}
.paging a{display:inline-block;width:28px;height:28px;line-height:28px;margin-left:1px;border:1px solid #dddddd;color:#888888;vertical-align:middle;text-align:center;}
.paging a:hover{text-decoration:underline;}
.paging .pageFirst:hover, .paging .pagePrev:hover,  .paging .pageNext:hover,  .paging .pageLast:hover{text-decoration:none;}
.paging a.on{color:#e51234;border:1px solid #e51234;font-weight:bold;}
.paging a:hover{text-decoration:none;}
.paging a.pageFirst{background:url('/images/front/layout/bg_pageFirst.png') no-repeat 50% 50%;}/* 이미지가없음 */
.paging a.pagePrev{background:url('/images/front/layout/bg_pagePrev.png') no-repeat 50% 50%;}
.paging a.pageNext{background:url('/images/front/layout/bg_pageNext.png') no-repeat 50% 50%;}
.paging a.pageLast{background:url('/images/front/layout/bg_pageLast.png') no-repeat 50% 50%;}/* 이미지가없음 */
.paging.type2 a.on{color:#444444;border:1px solid #888888;}
.paging_CD{padding-top:20px;text-align:center;}
.intra-pagination-wrap{	position:relative;	text-align:center;}
.intra-pagination-wrap > div{	color:#888888;}
.intra-pagination-wrap > div > a{color:#888888;padding:0 10px;}
.intra-pagination-wrap-prev{display:inline;position:relative;width:28px;height:28px;padding:5px 2px 5px 5px;line-height:28px;border:1px solid #dddddd;background:url('/images/front/layout/bg_pagePrev.png') no-repeat 50% 50%;}
.intra-pagination-wrap-next{display:inline;position:relative;margin-left:5px;width:28px;height:28px;padding:5px 2px 5px 5px;line-height:28px;border:1px solid #dddddd;background:url('/images/front/layout/bg_pageNext.png') no-repeat 50% 50%;}
.intra-pagination{display:inline;	position:relative;	width:28px;height:28px;padding:5px 0px 5px 0px;line-height:28px;margin-left:5px;border:1px solid #dddddd;color:#888888;vertical-align:top;text-align:center;}
.intra-pagination.on{width:28px;height:28px;padding:5px 10px 5px 10px;color:#e51234;border:1px solid #e51234;font-weight:bold;}


.dataBtmTxt{padding-top:7px;text-align:right;padding-right:30px;font-size:14px;color:#666666;}
.dataBtmTxt2{padding-top:7px;text-align:right;color:#888888;letter-spacing:-1px;}
.dataBtmTxt2 img{vertical-align:middle;}

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

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

.tabContents{clear:both;}

/* 외주 CSS end */

/* 학습시작페이지- 학습다이어리 */
.diaryContentWrap{}
.repleList.studyPlayDiaryCon li .reple{position:relative;font-size:14px;margin-top:12px;padding:0px 10px 0px 0px;color:#666666;line-height:18px;word-break:break-all;background:none;color:#888888;}
.repleList.studyPlayDiaryCon ul{width:913px;min-height:290px;margin-left:15px;}
.repleList.studyPlayDiaryCon li {overflow:hidden;position:relative;min-height:80px; padding:16px 0 20px 110px;border-bottom:1px solid #dfdfdf;}
.repleList.studyPlayDiaryCon.type3 > ul > li{padding-top:12px;padding-bottom:12px;min-height:112px;}
.repleList.studyPlayDiaryCon .repleText{word-break:break-all;white-space:normal;word-wrap:break-word;}
.paging_CD.studyPlayDiaryCon{padding-top:11px;padding-bottom:4px;text-align:center;width:100%;}