/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2017-09-01
 | 파일설명 : 컨텐츠 공통 내용 - common CSS
 +----------------------------------------------------------------------+
 | 퍼블리셔 :	박소율
 +----------------------------------------------------------------------+
 | 수정사항
 +----------------------------------------------------------------------+
*/

/* 서브페이지 상단 */
.wrap .bgLayout{position:absolute;top:130px;left:0;width:100%;height:380px;background:url('/images/front/layout/bg_layout_wrap.jpg') repeat-x 0 0;}
.wrap .bgLayout .inner{margin:0 auto;width:100%;height:380px;background:url('/images/front/layout/bg_layout.jpg') no-repeat 50% 0;}
.bgLayout2{position:absolute;top:130px;left:0;width:100%;height:386px;background:url('/images/front/layout/bg_layout2_wrap.jpg') repeat-x 0 0;}
.bgLayout2 .inner{margin:0 auto;width:100%;height:386px;background:url('/images/front/layout/bg_layout2.png') no-repeat 50% 0;}

/* 좌측 무료맛보기 */
.freeStudyStart{position:relative;width:980px;margin: 0 auto;z-index:5200}
.freeStudyStart .startBtn{position:absolute;top:14px;left:0;}
.freeStudyStart .startBtn .tooltip{position:absolute;top:41px;left:-130px;}
.freeStudyStart.main{left:15px}

/* 서브페이지 - 상단 네이게이션 start*/
.container .contents{float:right;width:780px;min-height:580px;margin-bottom:50px;}
.container .contents .contnetsTop{position:relative;margin-bottom:15px;}
.container .contents .contnetsBody{padding:20px;min-height:600px;border:1px solid #eeeeee;background:#fff;}
.container.type2 .contents{float:none;width:980px;margin: 0 auto;}

.lineBackPage{min-height: 100px;border: 1px solid #eeeeee;background-color: #fff;height: 100%;} /* contentsBody */

.path{position:absolute;top:15px;right:18px;height:12px;line-height:12px;padding-left:16px;font-family:'Dotum';color:#666666;text-align:right;background:url('/images/front/layout/ico_home.png') no-repeat 0 1px;}
.path a{margin-left:6px;padding:1px 0 1px 13px;color:#666666;vertical-align:middle;font-family:'Dotum';background:url('/images/front/layout/ico_path.png') no-repeat 0 2px;}
.path a:first-child{margin-left:0;padding-left:0;background:none;}
.path a:hover{text-decoration:underline}
.path strong{margin-left:4px;padding:1px 0 1px 10px;vertical-align:middle;background:url('/images/front/layout/ico_path.png') no-repeat 0 2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.path a:first-child{font-family:'Gulim';}
} 
html[xmlns*=""] body:last-child  .path a:first-child{font-family:'Dotum';} 
@-moz-document url-prefix(){
.path a,
.path strong{background:url('/images/front/layout/ico_path.png') no-repeat 0 3px;}
}
/* 서브페이지 - 상단 네이게이션 end */

/* 서브페이지 상단 타이틀 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 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;}
/* 서브페이지 상단 타이틀 end */


/* 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;}


/* table start 외주코딩이기 때문에 코딩규칙에 맞지않음.*/
.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;}
.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 input.txt_gray999{color:#999;}
.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;margin-top:90px;}
.tabType1:first-child{margin-top:0px;}
.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;}
/* table end 외주코딩이기 때문에 코딩규칙에 맞지않음.*/


/* input file */
.file{position:relative;top:-1px;height:27px;}
.file .file_input_textbox{width:200px;}
.file_input_textbox{height:14px;vertical-align:top;}
.file_input_div{position: relative;width: 100px;height: 23px;overflow: hidden;vertical-align:top; }
.file_inputButton{width:88px;height:30px;margin-left:5px;font-size:0px;border:none;outline:none;text-indent:-9999px;vertical-align:top;background:url('/images/front/layout/btn_addFile.png') no-repeat 0 0;}
.file_inputButton:focus{border:1px solid #ec008c;}
.file_input_hidden{font-size: 45px;position: absolute;right: 0px;top: 0px;width:300px;height:30px;opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;}

/* selectbox */
.sbHolder{display:inline-block;background-color: #fff;border:1px solid #C2C2C2;height:18px;line-height:18px;padding:5px;padding-right:30px;font-size:12px;position: relative;min-width:20px;white-space:nowrap;vertical-align:middle;text-align:left;}
.sbSelector{display: block;height: 20px;left: 0;line-height:15px;outline: none;overflow: hidden;padding-left:5px;padding-right:1px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color: #444444;outline: none;text-decoration: none;}
.sbToggle{background: url('/images/front/layout/select-icons.png') 0 -116px no-repeat;display: block;height: 20px;outline: none;position: absolute;right:0;top:3px;width: 30px;}
.sbToggle:hover{background: url('/images/front/layout/select-icons.png') 0 -167px no-repeat;}
.sbToggleOpen{background: url('/images/front/layout/select-icons.png') 0 -16px no-repeat;}
.sbToggleOpen:hover{background: url('/images/front/layout/select-icons.png') 0 -66px no-repeat;}
.sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}
.sbOptions{background-color: #fff;border: solid 1px #cecece;list-style: none;left: -1px;margin:8px 0 0 0 !important;padding: 0 !important;position: absolute;top: 20px;width:100%;z-index: 1;overflow-y: auto;}
.sbOptions li{height:auto !important;padding: 0 7px !important;}
.sbOptions a{font-size:12px;text-align:left;border-bottom: solid 1px #eee;display: block;outline: none;padding: 5px 0 5px 3px;}
.sbOptions a:link, .sbOptions a:visited{color: #545454;text-decoration: none;}
.sbOptions a:hover{color: #545454;}
.sbOptions li.last a{border-bottom: none;}
.searchBox input[type='text']{height:18px}
*:first-child+html .sbHolder{display:inline-block; zoom:1; *display:inline;}
*:first-child+html .sbSelector{}

/* searchBox */
.searchBox{margin-top:20px;text-align:center;}
.searchBox .label{margin-right:5px;vertical-align:middle;font-size:14px;font-weight:bold;}
.searchBox select{min-width:80px;height:26px;padding:2px;border:1px solid #c2c2c2;}
.searchBox input[type="text"]{width:200px;height:15px;padding:5px;border:1px solid #c2c2c2;vertical-align:middle;}
.searchBox img{vertical-align:middle;}

/* 레이어팝업 */
.layerPop{position:relative;padding:0 0 32px 0;margin: 0 auto;background:#fff;}
.layerPop.type2{border:10px solid #000000;border-top:none;}
.layerPop.type2.br14{border:14px solid #000000;border-top:none;}
.layerMask{position:fixed;top:0;left:0;height:100%;width:100%;z-index:7100;background:url('/images/front/mypage/bg_mask.png') repeat 0 0;}/* 20160908 : z-index:200 -> 7100 변경(bsh) */
.layerPop .btnC{margin:0 20px;padding-top:20px;}
.layerPop .btnC a{margin: 0 2px;}
.layerPop{position:relative;width:700px;padding:0 0 32px 0;margin: 0 auto;background:#fff;}