/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2020 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2020-12-22
| 파일설명 : 보카 PC CSS type2 (기존 파일설명 주석이 없어 새로 추가)
+----------------------------------------------------------------------+
| 작업자 : 최진영
+----------------------------------------------------------------------+
| 수정이력
| 20201222 무료맛보기 레이아웃 변경 및 앱다운로드 추가 by 최진영
| 20210309 main.css 버전업 by 최진영
+----------------------------------------------------------------------+
*/

@charset "utf-8";

@import url(/css/google/nanumgothic.css);
@import url(/css/google/nanumbrushscript.css);
@import url(main.css?ver=20210309);

/* CSS Document */
*{margin:0;padding:0;font-size:100%;}
html, body{height:100%;color:#343434;}
body{font-size:12px;-webkit-text-size-adjust:none;color:#555555;font-family:'Dotum', 'sans-serif';}
legend, caption, figcaption, hr {display:none;}
menu, ul, ol, li{list-style:none;}
table {border-collapse:collapse;}
a{color:inherit;text-decoration:none;cursor:pointer;}
img{border:none;}
input[type="text"],input[type="password"], select, textarea{outline:0;border:1px solid #d5d5d5;font-family:'Dotum', 'sans-serif';vertical-align:middle;}
iframe, .s_iFrame{border:none;}
#skipNavi{position:absolute; top:0; left:0; text-indent:-1000px; visibility:hidden;}

/**********************************************************
	layout 
**********************************************************/
.wrap{background:url('../images/layout/bg_wrap.png') no-repeat 50% 0;}
.wrap2{height:100%;background:url('../images/layout/bg_wrap2.png') repeat-x 50% 0;}
.wrap3{}
.header{position:relative;width:960px;height:113px;margin: 0 auto;padding:0 70px;background:url('../images/layout/bg_header.png') no-repeat 50% 0;z-index:100}
.header h1{position:absolute;top:30px;left:70px;}
.header .logoRoll{clear:both;overflow:hidden;position:absolute;top:70px;left:140px;width:150px; height:13px;}
.header .logoRoll .logoRollSub {width:150px; height:15px;}
.header .logoRoll .logoRollSub #logoRollTxt li{ width:150px;height:18px;}
.header .topMenu{position:absolute;top:17px;right:70px;}
.header .topMenu li{float:left;padding-left:12px;margin-left:10px;background:url('../images/layout/bar_topMenu.png') no-repeat 0 50%;}
.header .topMenu li:first-child{background:none;}
.header .topMenu li a{font-size:11px;color:#9a9a9a;}

.header2{position:relative;width:960px;height:72px;margin: 0 auto;padding:0 8px;background:url('../images/layout/bg_header2.png') no-repeat 50% 0;}
.header2 h1{position:absolute;top:17px;left:0;}
.header2 .grovalMenu{position:absolute;top:27px;right:43px;}
.header2 .grovalMenu li{float:left;padding-left:19px;margin-left:15px;background:url('../images/layout/bar_grovalMenu.png') no-repeat 0 50%;}
.header2 .grovalMenu li:first-child{padding-left:0px;margin-left:0px;background:none;}

.header .grovalNav{position:absolute;top:57px;right:70px;}
.header .grovalNav > li{position:relative;float:left;margin-left:18px;padding-left:20px;background:url('../images/layout/bar_grovalNav.png') no-repeat 0 50%;}
.header .grovalNav > li:first-child{background:none;}
.header .grovalNav > li a{vertical-align:top;}
.header .grovalNav .first .sub{left:-40px}
.header .grovalNav .second .sub{left:-25px}
.header .grovalNav .third .sub{left:-37px}
.header .grovalNav .sub{display:none;position:absolute;top:15px;left:0;padding-top:38px;background:url('../images/layout/bg_gnbTop.png') no-repeat 0 0;}
.header .grovalNav .sub ul{width:122px;padding:0 34px 47px 32px;background:url('../images/layout/bg_gnbBtm.png') no-repeat 0 100%;}
.header .grovalNav .sub ul li{margin-top:3px;}
.header .grovalNav .sub ul li:first-child{margin-top:0;}
.header .grovalNav .sub ul li a{display:block;}

.container{width:960px;margin: 0 auto;padding-top:28px;}
.container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.container .sideMenu{float:left;width:234px;}
.container .sideMenu .localNav{margin-top:10px;background:url('../images/layout/bg_lnbMid.png') repeat-y 0 0}
.container .sideMenu .localNav ul{background:url('../images/layout/bg_lnbBtm.png') no-repeat 0 bottom;}
.container .sideMenu .localNav dd > ul > li{margin: 0 1px;border-top:1px solid #e0e0e0;}
.container .sideMenu .localNav dd > ul > li:first-child{border-top:none;}
.container .sideMenu .localNav dd > ul > li > a{display:block;padding:15px 0 15px 17px;}
.container .sideMenu .localNav dd > ul > li:first-child > a{padding-top:10px;}
.container .sideMenu .localNav ul ul{margin-top:-5px;padding-bottom:5px;background:none;}
.container .sideMenu .localNav ul ul li a{display:block;padding:0 0 10px 17px;}

.container .sideMenu .speakingmaxMenu{margin-top:11px;background:url('../images/layout/bg_speakingmaxMenu_top.png') no-repeat 0 0}
.container .sideMenu .speakingmaxMenu ul{background:url('../images/layout/bg_speakingmaxMenu_btm.png') no-repeat 0 100%}
.container .sideMenu .speakingmaxMenu li{position:relative;height:17px;padding:17px 0 15px 14px;border-top:1px solid #dcdee0;}
.container .sideMenu .speakingmaxMenu li:first-child{border-top:none;}
.container .sideMenu .speakingmaxMenu li .coupon{position:absolute;top:10px;right:8px;}
.container .sideMenu .speakingmaxMenu li.customerCenter{height:41px;border-top:none;}
.container .sideMenu .speakingmaxMenu li.customerCenter .icon{margin:-5px 12px 0 5px;}
.container .sideMenu .speakingmaxMenu li.inquiry{height:17px;border-top:none;}
.container .sideMenu .speakingmaxMenu li.inquiry .icon{margin:-5px 12px 0 5px;}
.container .sideMenu .speakingmaxMenu li img{vertical-align:top;}

.container .contents{float:right;width:686px;min-height:580px;padding-bottom:30px;}
.container.type2 .contents{float:none;width:100%;}

.container2{width:686px;margin: 0 auto;padding-top:0px;}
.container2 .contents{float:right;width:686px;min-height:580px;padding-bottom:30px;}
.container3{width:950px;margin: 0 auto;padding-top:0px;}
.container3 .contents{float:right;width:950px;min-height:580px;padding-bottom:30px;}

.footer{position:relative;clear:both;margin-top:45px;border-top:1px solid #dcdcdc;background:#f8f8f8;}
.footer .inner{position:relative;width:860px;height:77px;margin: 0 auto;padding:28px 0 28px 100px;}
.footer .footerLogo{position:absolute;top:28px;left:0;}
.footer .footerMenu{overflow:hidden}
.footer .footerMenu li{float:left;padding-left:14px;margin-left:10px;background:url('../images/layout/bar_footerMenu.png') no-repeat 0 50%;}
.footer .footerMenu li:first-child{padding-left:0px;margin-left:0px;background:none;}
.footer .footerMenu li a{color:#999999;font-weight:bold;font-size:11px;}
.footer .footerMenu li.personalInfo a{color:#ff0033;}
.footer address{margin-top:12px;font-style:normal;font-size:11px;color:#999999;}
.footer address p{padding-top:3px;}
.footer address span{padding-left:8px;margin-left:5px;background:url('../images/layout/bar_address.png') no-repeat 0 50%;}
.footer address span:first-child{padding-left:0;margin-left:0;background:none}
.footer .relative{position:absolute;top:36px;right:0;}

/**********************************************************
	common
**********************************************************/
/* table */
table img{vertical-align:middle;}
.dataType1{margin-top:12px;background:url('../images/bg_data1_header.png') no-repeat 0 0;}
.dataType1 table{width:100%;color:#666666;}
.dataType1 th{padding:14px 5px 8px 5px;font-weight:normal;font-size:11px;background:url('../images/bar_data1_th.png') no-repeat 0 70%;}
.dataType1 td{padding:11px 5px;text-align:center;border-bottom:1px solid #cfcfcf;}
.dataType1 td.detail{color:#333333;background:#f8f8f8;}
.dataType1 td.detail .txt{padding-left:15px;background:url('../images/bg_data1_detail.png') no-repeat 0 0;}
.dataType1 td.textL{padding-left:10px;text-align:left;}
.dataType1 tr:first-child td{padding-top:15px;}
.dataType1 a{color:#666666;}
.dataType1 a:hover{text-decoration:underline;color:#e51234;}

.dataType1 th .lSide{float:left;margin-top:-5px;margin-left:10px;}
.dataType1 th .lSide span{margin-right:25px;}
.dataType1 th .rSide{float:right;margin-top:-1px;margin-right:10px;}
.dataType1 th .rSide span{margin-left:25px;}
.dataType1 td .contentsView{padding:0 5px 5px 5px;text-align:left;line-height:25px;}

.dataType1_round{background:url('../images/bg_data1_round.png') no-repeat 0 100%;}
.dataType1_round td{border-bottom:none;border-top:1px solid #cfcfcf;}
.dataType1_round tr:first-child td{border-bottom:none;border-top:none}

.dataType1.type2 td{height:40px;padding:0 4px;}
.dataType1.type2 tr:first-child td{padding-top:5px;}

.dataType2 table{width:100%;}
.dataType2 th{padding:17px 20px 8px 20px;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;text-align:left;color:#545454;font-weight:normal;vertical-align:top;background:#f4f4f4 url('../images/bg_dataType2_th.png') repeat-y 0 0;}
.dataType2 td{padding:15px 20px;border-top:1px solid #e5e5e5;color:#545454;background:#fff url('../images/bg_dataType2_td.png') repeat-y 100% 0;}
.dataType2 tr:first-child th, .dataType2 tr:first-child td{border-top:none;}
.dataType2 .tl{background:url('../images/bg_dataType2_tl.png') no-repeat 0 0;}
.dataType2 .tr{background:url('../images/bg_dataType2_tr.png') no-repeat 100% 0;}
.dataType2 .bl{background:url('../images/bg_dataType2_bl.png') no-repeat 0 100%;}
.dataType2 .br{background:url('../images/bg_dataType2_br.png') no-repeat 100% 100%;}

.dataType2.type2 th, .dataType2.type2 td{border:none;}
.dataType2.type2 th{border-right:1px solid #e5e5e5;}
.dataType2.type2 .tl, .dataType2.type2 .tr{height:3px;padding:0;}
.dataType2.type2 .bl, .dataType2.type2 .br{height:3px;padding:0;}

.dataType2 input[type="text"], .dataType2 input[type="password"]{height:15px;padding:5px;border:1px solid #c2c2c2;}
.dataType2 select{height:26px;border:1px solid #c2c2c2;}
.dataType2 .pwCheckTxt{margin-left:20px;margin-right:5px;}
.dataType2 .wordlimit{margin:0 5px;color:#545454;font-weight:bold;font-size:11px;}
.dataType2 .wordlimit em{color:#f14747;font-style:normal;}
.dataType2 span.ableTxt{font-size:11px;color:#7a7a7a;}
.dataType2 p.ableTxt{margin-top:8px;font-size:11px;color:#7a7a7a;}
.dataType2 .alamTxt{margin-top:10px;color:#7a7a7a;}
.dataType2 .emailTxt{margin-top:10px;color:#7a7a7a;}
.dataType2 .emailTxt2{margin-top:15px;padding-left:20px;color:#9b9b9b;font-size:11px;word-spacing:-2px;line-height:16px;background:url('../images/ico_notice.png') no-repeat 0 0;}
.dataType2 .radio label{margin-left:25px;font-weight:bold;color:#545454;}

.dataType3{margin-top:12px;border-top:2px solid #717b83;}
.dataType3 table{width:100%;color:#666666;}
.dataType3 th{padding:12px 10px;text-align:left;border-bottom:1px solid #e1e1e1;}
.dataType3 td{padding:10px;}
.dataType3 td.dataView{width:665px;padding:15px;}
.dataType3 td p{line-height:22px;}
.dataType3 tbody tr:first-child td{padding:8px 10px;border-bottom:1px solid #959595;}
.dataType3 td .writer{display:inline-block;margin-right:50px;padding:2px 0 2px 25px;background:url('../images/ico_writer.png') no-repeat 0 50%;}
.dataType3 td .writer img{vertical-align:middle;}
.dataType3 td .time{display:inline-block;margin-right:50px;padding:2px 0 2px 25px;background:url('../images/ico_time.png') no-repeat 0 50%;}
.dataType3 td .visit{display:inline-block;padding:2px 0 2px 25px;background:url('../images/ico_visit.png') no-repeat 0 50%;}

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

.dataType5{margin-top:20px;}
.dataType5 table{width:100%;color:#333333;}
.dataType5 th{padding:10px;padding-left:15px;border:1px solid #b1bec9;font-weight:normal;text-align:left;background:#ecf1f5;}
.dataType5 td{padding:10px;padding-left:15px;border:1px solid #b1bec9;background:#fff;}

.dataType6{margin-top:12px;background:url('../images/bg_data1_header.png') no-repeat 0 0;}
.dataType6 table{width:100%;color:#666666;border-bottom:1px solid #cfcfcf;}
.dataType6 th{padding:14px 5px 8px 5px;font-weight:normal;font-size:11px;background:url('../images/bar_data1_th.png') no-repeat 0 70%;}
.dataType6 td{padding:11px 5px;text-align:center;}
.dataType6 td.rig{text-align:right;padding-right:10px;}
.dataType6 td.textL{padding-left:10px;text-align:left;}
.dataType6 a{color:#666666;}
.dataType6 a:hover{text-decoration:underline;color:#e51234;}

.dataType6 th .lSide{float:left;margin-top:-5px;margin-left:10px;}
.dataType6 th .lSide span{margin-right:25px;}
.dataType6 th .rSide{float:right;margin-top:-1px;margin-right:10px;}
.dataType6 th .rSide span{margin-left:25px;}
.dataType6 td .contentsView{padding:0 5px 5px 5px;text-align:left;line-height:25px;}
.dataType6 td .contentsReView{margin:0px 5px 0px 5px;padding: 10px;text-align:left;line-height:25px;background:#ECF1F5;}
.dataType6 td .contentsReView .reView{padding-top:5px;}


/* tabType1 */
.tabType1{overflow:hidden;border-bottom:1px solid #2e3641;}
.tabType1 a{float:left;width:170px;margin-left:1px;padding:12px 0;text-align:center;background:#c2c2c2;}
.tabType1 a.on{background:#2e3641 url('../images/bg_tab01_on.png') no-repeat 100% 50%;}
.tabType1 a:first-child{margin-left:0px;}

.tabType2{overflow:hidden;border-bottom:1px solid #f14747;}
.tabType2 a{float:left;width:170px;margin-left:1px;height:40px;line-height:40px;font-size:14px;color:#7d7d7d;font-weight:bold;text-align:center;background:#c2c2c2;}
.tabType2 a.on{color:#fff;background:#f14747;}
.tabType2 a:first-child{margin-left:0px;}

.tabType3{overflow:hidden;}
.tabType3 a{float:left;height:41px;width:98px;text-align:center;background:url('../images/bg_tab3Mid_off.png') no-repeat 100% 0;}
.tabType3 a:hover{background:url('../images/bg_tab3Mid_on.png') no-repeat 100% 0;}
.tabType3 a.on{background:url('../images/bg_tab3Mid_on.png') no-repeat 100% 0;}
.tabType3 a.on:hover{background:#2e3641;}
.tabType3 a img{margin-top:14px;}
.tabType3 a:first-child{border-left:none;}
.tabType3 a.first{background:url('../images/bg_tab3First_off.png') no-repeat 0 0;}
.tabType3 a.firston{background:url('../images/bg_tab3First_on.png') no-repeat 0 0;}
.tabType3 a.first:hover{background:url('../images/bg_tab3First_on.png') no-repeat 0 0;}
.tabType3 a.last{background:url('../images/bg_tab3Last_off.png') no-repeat 100% 0;}
.tabType3 a.laston{background:url('../images/bg_tab3Last_on.png') no-repeat 100% 0;}
.tabType3 a.last:hover{background:url('../images/bg_tab3Last_on.png') no-repeat 100% 0;}

/* searchBox */
.searchBox{margin-top:30px;text-align:center;}
.searchBox select{min-width:80px;height:27px;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;}

.searchBox  + .paging{margin-top:15px;}

/* paging */
.paging{margin-top:40px;text-align:center;}
.paging a{display:inline-block;width:25px;height:23px;line-height:23px;margin-left:1px;border:1px solid #e5e5e5;color:#9c9c9c;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.on:hover{text-decoration:none;}
.paging a.pageFirst{background:url('../images/bg_pageFirst.png') no-repeat 50% 50%;}
.paging a.pagePrev{background:url('../images/bg_pagePrev.png') no-repeat 50% 50%;}
.paging a.pageNext{background:url('../images/bg_pageNext.png') no-repeat 50% 50%;}
.paging a.pageLast{background:url('../images/bg_pageLast.png') no-repeat 50% 50%;}

/* btn */
.btnC{padding-top:30px;text-align:center;}
.btnC a{margin:3px}
.btnR{padding-top:20px;text-align:right;}

/* level */
.levelR{display:inline-block;width:28px;height:16px;line-height:18px;font-size:11px;color:#fff;text-align:center;font-weight:normal;vertical-align:middle;}
.level0{display:inline-block;width:28px;height:16px;line-height:18px;font-size:11px;color:#fff;text-align:center;font-weight:normal;}
.level4{display:inline-block;width:28px;height:16px;line-height:18px;font-size:11px;color:#fff;text-align:center;font-weight:normal;background:url('../images/level_4.png') no-repeat 50% 50%;}
.level6{display:inline-block;width:28px;height:19px;padding-left:20px;line-height:20px;font-size:11px;color:#fff;text-align:center;font-weight:normal;background:url('../images/level_6.png') no-repeat 50% 50%;}

.classType{display:inline-block;width:89px;height:22px;line-height:24px;font-size:11px;color:#fff;text-align:center;cursor:default;background:url('../images/classType.png') no-repeat 50% 50%;}

/* text */
.redTxt{color:#cc0033 !important;}
.blueTxt{color:#336699 !important;}
.checkTxt{padding-left:14px;background:url('../images/ico_check.png') no-repeat 0 50%;}
.timeTxt{display:inline-block;padding:2px 0 2px 22px;background:url('../images/ico_time.png') no-repeat 0 43%;vertical-align:middle;}
.visitTxt{padding-left:22px;background:url('../images/ico_visit.png') no-repeat 0 50%;}

/*font*/
.fs14{font-size:14px}

/* checkbox */
.checkbox{display:inline-block;width:22px;height:22px;}

/* input file */
.file{width:300px;height:27px;}
.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:60px;height:26px;font-size:0px;border:none;outline:none;vertical-align:top;background:url('../images/btn_addFile.png') no-repeat 0 0;}
.file_inputButton:focus{border:1px solid #ec008c;}
.file_input_hidden{font-size: 10px;position: absolute;right: 0px;top: 0px;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;line-height:15px;padding:5px;padding-right:30px;font-size:11px;height:12px;position: relative;min-width:35px;white-space:nowrap;vertical-align:middle;text-align:left;}
*:first-child+html .sbHolder{display:inline-block; zoom:1; *display:inline;}

.sbSelector{display: inline-block;height: 14px;left: 0;line-height:15px;outline: none;overflow: hidden;padding-left:5px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color: #545454;outline: none;text-decoration: none;}
.sbToggle{background: url(../images/select-icons.png) 0 -116px no-repeat;display: block;height: 20px;outline: none;position: absolute;right: 0;top: 0;width: 30px;}
.sbToggle:hover{background: url(../images/select-icons.png) 0 -167px no-repeat;}
.sbToggleOpen{background: url(../images/select-icons.png) 0 -16px no-repeat;}
.sbToggleOpen:hover{background: url(../images/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:5px 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;}

/**********************************************************
	contents 
**********************************************************/

.pageTit .ico{margin-right:8px;}
.pageTit img{vertical-align:middle;}

.path{font-size:11px;color:#888888;text-align:right;}
.path a{margin-left:6px;padding-left:13px;color:#666666;background:url('../images/ico_path.png') no-repeat 0 50%;}
.path a:first-child{margin-left:0;padding-left:0;background:none;}
.path a:hover{text-decoration:underline}
.path strong{margin-left:8px;padding-left:11px;background:url('../images/ico_path.png') no-repeat 0 50%;}


/* 회사소개 */
.studyMaxIntro{margin-top:35px;}
.studyMaxIntro .intro{width:960px;height:345px;margin-top:15px;background:url('../images/bg_studyMaxIntro.png') no-repeat 0 0;}
.studyMaxIntro .intro .introTxt{float:left;width:363px;padding:24px 20px 0 20px;}
.studyMaxIntro .intro .introTxt p{padding-top:22px;color:#d0d1d2;}
.studyMaxIntro .intro .location{position:relative;float:right;width:551px;height:339px;padding:3px 3px 0 0;}
.studyMaxIntro .intro .location .map{position:relative;}
.studyMaxIntro .intro .location .map .frame{position:absolute;top:-3px;right:-3px;}
.studyMaxIntro .intro .location .address{position:absolute;bottom:-3px;right:0;width:556px;height:65px;padding-top:11px;color:#ffffff;background:url('../images/bg_intro_address.png') no-repeat 0 0;}
.studyMaxIntro .intro .location .address p{height:12px;margin-top:4px;text-indent:24px;}
.studyMaxIntro .intro .location .address p a{color:#6dcff6;text-decoration:underline;}

.studyMaxHave{margin-top:50px;}
.studyMaxHave ul{overflow:hidden;margin-left:-12px;padding-top:5px;}
.studyMaxHave li{float:left;width:474px;height:259px;margin:10px 0 0 12px;text-align:center;background:url('../images/studyMaxHave_bg1.png') no-repeat 0 0;}
.studyMaxHave li .img{padding-top:20px;}
.studyMaxHave li strong{display:block;padding-top:35px;}
.studyMaxHave li p{padding:17px 15px;text-align:left;word-spacing:-1px;line-height:18px;color:#7f7f7f;}

.studyMaxHave li.type2{background:url('../images/studyMaxHave_bg2.png') no-repeat 0 0;}
.studyMaxHave li.type2 > div{position:relative;height:129px;padding-left:170px;text-align:left;}
.studyMaxHave li.type2 .img{position:absolute;top:20px;left:44px;}
.studyMaxHave li.type2 p{padding:10px 0 0 0;text-align:left;}
.studyMaxHave li.type2 .first strong{padding-top:45px;}

.studyMaxAward{clear:both;padding-top:45px;}
.studyMaxAward ul{overflow:hidden;width:960px;height:162px;margin-top:15px;background:url('../images/bg_studyMaxAward.png') no-repeat 0 0;}
.studyMaxAward li{float:left;margin-left:83px;padding-top:20px;}
.studyMaxAward li:first-child{margin-left:51px;}

.studyMaxHistory{clear:both;padding-top:45px;}
.studyMaxHistory .historyBox{padding-top:2px;margin-top:15px;background:url('../images/bg_studyMaxHistory_top.png') no-repeat 0 0;}
.studyMaxHistory .historyBox ul{overflow:hidden;font-size:14px;font-weight:bold;background:url('../images/bg_studyMaxHistory_btm.png') no-repeat 0 100%;}
.studyMaxHistory .historyBox ul li{overflow:hidden;padding:0 0 12px 0;}
.studyMaxHistory .historyBox ul li strong{clear:both;float:left;width:130px;padding:4px 26px 4px 0;text-align:right;color:#616161;}
.studyMaxHistory .historyBox ul li span{float:left;width:772px;padding:4px 0 4px 30px;color:#333333;}
.studyMaxHistory .historyBox ul li strong:first-child{padding-top:17px;border-top:1px solid #fff;}
.studyMaxHistory .historyBox ul li strong:first-child + span{padding-top:17px;border-top:1px solid #e4e4e4;}
.studyMaxHistory .historyBox ul li:first-child strong:first-child + span{border-top:none;}

/* 맥스보카란 */
.maxvocaIntroduction{position:relative;min-height:200px;margin-top:14px;background:url('../images/bg_maxvocaIntroduction_mid.png') repeat-y 0 0;}
.maxvocaIntroduction .tab{overflow:hidden;}
.maxvocaIntroduction .tab a{float:left;}
.maxvocaIntroduction .btm{position:absolute;bottom:0;left:0;width:100%;background:url('../images/bg_maxvocaIntroduction_btm.png') no-repeat 0 100%;}
.maxvocaIntroduction .intro{position:relative;}
.maxvocaIntroduction .vod{position:absolute;top:125px;left:63px;border:1px solid #dcdcdc;}
.maxvocaIntroduction .intro .maxvocaDesc{position:relative;}
.maxvocaIntroduction .intro .maxvocaDesc ul{position:absolute;top:99px;right:35px;}
.maxvocaIntroduction .intro .maxvocaDesc ul li{height:83px;margin-bottom:33px;}
.maxvocaIntroduction .intro .maxvocaDesc ul li img{vertical-align:top;}

/* 맥스보카 가이드 */
.maxvocaGuide{position:relative;min-height:200px;margin-top:14px;background:url('../images/bg_maxvocaIntroduction_mid.png') repeat-y 0 0;}
.maxvocaGuide .appdown{position:relative;}
.maxvocaGuide .appdown .appStore{position:absolute;top:137px;left:80px;}
.maxvocaGuide .appdown .googlePlay{position:absolute;top:137px;left:264px;}
.maxvocaGuide img{vertical-align:top;}
.maxvocaGuide .btm{position:absolute;bottom:0;left:0;width:100%;background:url('../images/bg_maxvocaIntroduction_btm.png') no-repeat 0 100%;}

/* 마이보카 */
.summeryStatistics{margin-top:13px;}
.summeryStatistics .statisticsBox{width:605px;height:261px;margin-top:14px;padding:40px;background:url('../images/bg_statisticsBox.png') no-repeat 0 0;}
.summeryStatistics .statisticsBox dt{font-size:16px;color:#444444;font-weight:bold;line-height:16px;}
.summeryStatistics .statisticsBox dt .id{color:#32afe3;font-weight:bold;}
.summeryStatistics .statisticsBox dt span{vertical-align:top;}
.summeryStatistics .statisticsBox .usingDate{height:68px;margin-top:18px;border:1px solid #d3d3d3;background:#fff;}
.summeryStatistics .statisticsBox .usingDate li{float:left;width:300px;height:68px;line-height:68px;}
.summeryStatistics .statisticsBox .usingDate li:first-child{border-right:1px solid #dfdfdf;}
.summeryStatistics .statisticsBox .usingDate li strong{float:left;width:38%;margin-top:28px;text-align:center;font-family:'Malgun Gothic', 'Nanum Gothic';font-size:14px;color:#333333;}
.summeryStatistics .statisticsBox .usingDate li .nolec{float:left;width:60%;margin-top:12px;text-align:center;}
.summeryStatistics .statisticsBox .usingDate li .lecbtn{float:left;width:35%;margin-top:10px;padding-right:10px;text-align:center;}
.summeryStatistics .statisticsBox .usingDate li .day{float:left;width:62%;text-align:center;font-family:'Tahoma';font-size:25px;color:#dc9c2b;font-weight:bold;}
.summeryStatistics .statisticsBox .tt_cumulation{display:block;margin-top:24px;padding:7px 0 0 28px;font-size:16px;background:url('../images/ico_chart.png') no-repeat 0 100%;}
.summeryStatistics .statisticsBox .cumulation{height:100px;margin-top:8px;border:1px solid #d3d3d3;background:#fff;}
.summeryStatistics .statisticsBox .cumulation li{float:left;height:100px;width:33.2222%;border-left:1px solid #d3d3d3;}
.summeryStatistics .statisticsBox .cumulation li:first-child{border-left:none;}
.summeryStatistics .statisticsBox .cumulation li strong{position:relative;display:block;height:40px;line-height:40px;color:#666666;font-weight:normal;font-family:'Malgun Gothic', 'Nanum Gothic';}
.summeryStatistics .statisticsBox .cumulation li strong img{margin:15px 0 0 16px;}
.summeryStatistics .statisticsBox .cumulation li strong .btn{position:absolute;top:11px;right:7px;}
.summeryStatistics .statisticsBox .cumulation li strong .btn img{margin: 0 0 0 0;}
.summeryStatistics .statisticsBox .cumulation li .num{display:block;text-align:center;font-family:'Tahoma';font-size:40px;color:#333333;font-weight:bold;}
.summeryStatistics .statisticsBox .cumulation li .num.red{color:#ed1a3b;}

.courstStatistics{position:relative;margin-top:42px;}
.courstStatistics .totalCourse{position:absolute;top:-4px;right:0;}
.courstStatistics .courseList{margin-top:12px;}
.courstStatistics .courseList > li{position:relative;height:130px;width:645px;margin-bottom:10px;padding:20px;background:url('../images/bg_courseList.png') no-repeat 0 0;}
.courstStatistics .courseList > li.noImg{position:relative;height:130px;width:645px;background:url('../images/noCourseStudy.png') no-repeat 0 0;}
.courstStatistics .courseList > li .thumb{position:relative;float:left;width:148px;height:133px;padding-right:20px;background:#f0f0f0;}
.courstStatistics .courseList > li .thumb .complete{position:absolute;top:0;left:0;width:129px;height:133px;background:url('../images/courseList_complete_bg.png') repeat 0 0;}
.courstStatistics .courseList > li .thumb .complete img{position:absolute;top:80px;left:-5px;}
.courstStatistics .courseList > li dt{height:34px;padding:5px 0 12px 0;color:#444444;font-size:27px;font-weight:bold;font-family:'Malgun Gothic', 'Nanum Gothic';border-bottom:1px solid #d8d8d8;}
.courstStatistics .courseList > li dd{margin-top:15px;}
.courstStatistics .courseList > li dd li{margin-top:10px;height:11px;}
.courstStatistics .courseList > li dd li strong{display:inline-block;width:76px;color:#888888;font-size:11px;font-weight:normal;}
.courstStatistics .courseList > li dd li .txt{color:#444444;font-size:11px;}
.courstStatistics .courseList > li dd li .txt em{font-style:normal;font-weight:bold;color:#e51234;}
.courstStatistics .courseList > li dd li .txt .progress{display:inline-block;width:204px;height:10px;margin-right:10px;background:#ededed;}
.courstStatistics .courseList > li dd li .txt .progress .bar{display:block;height:10px;background:#e51234;}
.courstStatistics .courseList > li dd li .txt .per{vertical-align:top;}
.courstStatistics .courseList > li .btn{position:absolute;bottom:24px;right:20px;}

.couponList{position:relative;margin-top:12px;}
.couponList .couponCertify{position:absolute;top:15px;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/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/ico_doubleCircle.png') no-repeat 4px 50%;}
.couponList .pointTxt strong, .pointList .pointTxt strong{color:#e51234;}
.couponList .pointTxt .subTxt, .pointList .pointTxt .subTxt{font-size:11px;}

.pointList{margin-top:40px;}

.infoProtect{margin-top:14px;}
.infoProtect > .txt{position:relative;margin-top:15px;}
.infoProtect > .txt .btn{position:absolute;top:22px;left:290px;}
.infoProtect .passwordInput{padding-top:32px;margin-top:30px;border-top:1px solid #cfcfcf;}
.infoProtect .passwordInput .txt{color:#333333;font-size:14px;text-align:center;font-weight:bold;}
.infoProtect .passwordInput .txt strong{color:#f14747;text-decoration:underline;}
.infoProtect .passwordInput ul{width:385px;height:120px;padding:32px 0 0 300px;margin-top:30px;background:url('../images/bg_passwordInput.png') no-repeat 0 0;}
.infoProtect .passwordInput ul li{margin-top:18px;}
.infoProtect .passwordInput ul li:first-child{margin-top:0;}
.infoProtect .passwordInput ul li strong{display:inline-block;width:88px;font-size:14px;vertical-align:middle;}
.infoProtect .passwordInput ul li .id{color:#3399cc;font-size:14px;font-weight:bold;}
.infoProtect .passwordInput ul li .pw{display:inline-block;width:225px;height:28px;line-height:28px;background:url('../images/bg_passwordInput_input.png') no-repeat 0 0;}
.infoProtect .passwordInput ul li .pw input{height:20px;width:217px;padding:3px;border:none;color:#3399cc;background:none;}

/* 커뮤니티 */
.eventSection{margin-top:12px;}
.eventSection .eventList li{overflow:hidden;padding:20px 0;border-bottom:1px solid #e1e1e1;}
.eventSection .eventList li .img{position:relative;float:left;margin-right:25px;}
.eventSection .eventList li .img .end{position:absolute;top:70px;left:0;}
.eventSection .eventList li .img .frame{position:absolute;top:0;left:0;background:url('../images/eventList_frame.png') no-repeat 0 0;}
.eventSection .eventList li .tit{display:block;padding-top:12px;font-weight:bold;color:#e51234;font-size:14px;}
.eventSection .eventList li .tit a{color:#e51234;}
.eventSection .eventList li .tit .end{color:#2e3641;}
.eventSection .eventList li .txt{display:block;margin-top:20px;color:#666666;line-height:16px;}
.eventSection .eventList li .txt a{color:#666666;}
.eventSection .eventList li a:hover{text-decoration:underline}
.eventSection .eventList li .period{display:block;margin-top:10px;color:#999999;font-size:11px;}

.eventSection .eventView{padding-bottom:40px;border-bottom:1px solid #d7d7d7;}
.eventSection .eventView .sbHolder{width:60px}
.eventSection .eventView .application{position:relative;height:501px}
.eventSection .eventView .application .bg{position:absolute;top:0;left:0;}
.eventSection .eventView .application ul.input{position:absolute;top:16px;left:190px}
.eventSection .eventView .application ul.input > li{height:28px;margin-top:6px;}
.eventSection .eventView .application .radio{display:inline-block;padding-top:5px;margin-right:80px;color:#ffffff;}
.eventSection .eventView .application .radio input{position:relative;top:1px;margin-right:5px;}
.eventSection .eventView .application input[type="text"],
.eventSection .eventView .application input[type="password"]{padding:3px;height:20px;line-height:20px;border-bottom:1px solid #c2c2c2;}
.eventSection .eventView .application .cal{vertical-align:middle;}
.eventSection .eventView .application .cal img{vertical-align:middle;}
.eventSection .eventView .application .tel input{text-align:center;}
.eventSection .eventView .application .btn{position:absolute;top:56px;left:498px;}
.eventSection .eventView .application .btnAA{position:absolute;top:56px;left:498px;}
.eventSection .eventView img{vertical-align:top;}

.eventSection .eventReple .tit{margin-bottom:7px;color:#f14747;font-size:14px;font-weight:bold;}
.eventSection .eventReple a{color:#666666;}
.eventSection .eventReple a:hover{text-decoration:underline;color:#e51234;}
.eventSection .eventReple .tit .ico{margin-right:6px;vertical-align:middle;}
.eventSection .eventReple .repleList{padding:10px 10px 0 10px;border:1px solid #e1e1e1;background:#f4f4f4;}
.eventSection .eventReple .repleList .repleInput{overflow:hidden;padding:8px 8px 18px 8px ;}
.eventSection .eventReple .repleList .repleInput .textarea{float:left;width:545px;height:78px;background:url('../images/eventReple_textarea01.png') no-repeat 0 0;}
.eventSection .eventReple .repleList .repleInput .textarea textarea{width:525px;height:60px;margin-top:3px;margin-left:1px;padding:6px 8px;overflow-y:auto;border:none;background:none;}
.eventSection .eventReple .repleList .repleInput .btn{float:right;}
.eventSection .eventReple .repleList img{vertical-align:middle;}
.eventSection .eventReple .repleList li {overflow:hidden;position:relative;padding:17px 8px 15px 66px;border-top:1px solid #dfdfdf;}
.eventSection .eventReple .repleList .displayN{display:none;}
.eventSection .eventReple .repleList li .repleMenu{position:absolute;top:17px;right:0;font-size:11px;color:#666;}
.eventSection .eventReple .repleList li .repleMenu span{padding-left:5px;margin-left:3px;color:#666;cursor:pointer;background:url('../images/repleList_bar.png') no-repeat 0 50%;}
.eventSection .eventReple .repleList li .repleMenu span:first-child{background:none;}
.eventSection .eventReple .repleList li .repleMenu img+ span{margin-left:0px;background:none;}
.eventSection .eventReple .repleList li .repleMenuN{display:none;position:absolute;top:17px;right:0;font-size:11px;color:#666;}
.eventSection .eventReple .repleList li .repleMenuN span{padding-left:5px;margin-left:3px;color:#666;cursor:pointer;background:url('../images/repleList_bar.png') no-repeat 0 50%;}
.eventSection .eventReple .repleList li .repleMenuN span:first-child{background:none;}
.eventSection .eventReple .repleList li .repleMenuN img+ span{margin-left:0px;background:none;}

.eventSection .eventReple .repleList li .icon{position:absolute;top:15px;left:0;display:inline-block;width:64px;text-align:center;}
.eventSection .eventReple .repleList li .user .id{color:#333333;font-weight:bold;vertical-align:middle;}
.eventSection .eventReple .repleList li .user .date{margin-left:10px;color:#999999;}
.eventSection .eventReple .repleList li .reple{margin-top:12px;color:#333333;line-height:18px;}
.eventSection .eventReple .repleList li .level{margin-right:5px;}

.eventSection .eventReple .repleList li.answer{border-top:none;background:url('../images/eventReple_dot.png') repeat-x 0 0;}
.eventSection .eventReple .repleList li.answerN{display:none;border-top:none;background:url('../images/eventReple_dot.png') repeat-x 0 0;}
.eventSection .eventReple .repleList li .textareaInput{height:48px;width:590px;margin-top:12px;}
.eventSection .eventReple .repleList li .icon + .textareaInput{margin-top:0;}
.eventSection .eventReple .repleList li .textarea{float:left;width:491px;height:48px;background:url('../images/eventReple_textarea02.png') no-repeat 0 0;}
.eventSection .eventReple .repleList li .textarea textarea{width:470px;height:30px;margin-top:3px;margin-left:1px;padding:6px;overflow-y:auto;border:none;background:none;}
.eventSection .eventReple .repleList li  .btn{float:right;}

/*백오피스(댓글)*/
.eventSectionAD{margin-top:12px;}
.eventSectionAD .eventList li{overflow:hidden;padding:20px 0;border-bottom:1px solid #e1e1e1;}
.eventSectionAD .eventList li .img{position:relative;float:left;margin-right:25px;}
.eventSectionAD .eventList li .img .end{position:absolute;top:70px;left:0;}
.eventSectionAD .eventList li .img .frame{position:absolute;top:0;left:0;background:url('../images/eventList_frame.png') no-repeat 0 0;}
.eventSectionAD .eventList li .tit{display:block;padding-top:12px;font-weight:bold;color:#e51234;font-size:14px;}
.eventSectionAD .eventList li .tit a{color:#e51234;}
.eventSectionAD .eventList li .tit .end{color:#2e3641;}
.eventSectionAD .eventList li .txt{display:block;margin-top:20px;color:#666666;line-height:16px;}
.eventSectionAD .eventList li .txt a{color:#666666;}
.eventSectionAD .eventList li a:hover{text-decoration:underline}
.eventSectionAD .eventList li .period{display:block;margin-top:10px;color:#999999;font-size:11px;}

.eventSectionAD .eventView{padding-bottom:40px;border-bottom:1px solid #d7d7d7;}
.eventSectionAD .eventView .sbHolder{width:60px}
.eventSectionAD .eventView .application{position:relative;height:501px}
.eventSectionAD .eventView .application .bg{position:absolute;top:0;left:0;}
.eventSectionAD .eventView .application ul.input{position:absolute;top:16px;left:190px}
.eventSectionAD .eventView .application ul.input > li{height:28px;margin-top:6px;}
.eventSectionAD .eventView .application .radio{display:inline-block;padding-top:5px;margin-right:80px;color:#ffffff;}
.eventSectionAD .eventView .application .radio input{position:relative;top:1px;margin-right:5px;}
.eventSectionAD .eventView .application input[type="text"],
.eventSectionAD .eventView .application input[type="password"]{padding:3px;height:20px;line-height:20px;border-bottom:1px solid #c2c2c2;}
.eventSectionAD .eventView .application .cal{vertical-align:middle;}
.eventSectionAD .eventView .application .cal img{vertical-align:middle;}
.eventSectionAD .eventView .application .tel input{text-align:center;}
.eventSectionAD .eventView .application .btn{position:absolute;top:56px;left:498px;}
.eventSectionAD .eventView .application .btnAA{position:absolute;top:56px;left:498px;}
.eventSectionAD .eventView img{vertical-align:top;}

.eventSectionAD .eventReple .tit{margin-bottom:7px;color:#f14747;font-size:14px;font-weight:bold;}
.eventSectionAD .eventReple .tit .ico{margin-right:6px;vertical-align:middle;}
.eventSectionAD .eventReple .repleList{padding:10px 10px 0 10px;border:1px solid #e1e1e1;background:#f4f4f4;}
.eventSectionAD .eventReple .repleList .repleInput{overflow:hidden;padding:8px 8px 18px 8px ;}
.eventSectionAD .eventReple .repleList .repleInput .textarea{float:left;width:545px;height:78px;background:url('../images/eventReple_textarea01.png') no-repeat 0 0;}
.eventSectionAD .eventReple .repleList .repleInput .textarea textarea{width:525px;height:60px;margin-top:3px;margin-left:1px;padding:6px 8px;overflow-y:auto;border:none;background:none;}
.eventSectionAD .eventReple .repleList .repleInput .btn{float:right;}
.eventSectionAD .eventReple .repleList img{vertical-align:middle;}
.eventSectionAD .eventReple .repleList li {overflow:hidden;position:relative;padding:17px 8px 15px 66px;border-top:1px solid #dfdfdf;}
.eventSectionAD .eventReple .repleList .displayN{display:none;}
.eventSectionAD .eventReple .repleList li .repleMenu{position:absolute;top:17px;right:0;font-size:11px;color:#666;}
.eventSectionAD .eventReple .repleList li .repleMenu span{padding-left:5px;margin-left:3px;color:#666;cursor:pointer;background:url('../images/repleList_bar.png') no-repeat 0 50%;}
.eventSectionAD .eventReple .repleList li .repleMenu span:first-child{background:none;}
.eventSectionAD .eventReple .repleList li .repleMenu img+ span{margin-left:0px;background:none;}
.eventSectionAD .eventReple .repleList li .repleMenuN{display:none;position:absolute;top:17px;right:0;font-size:11px;color:#666;}
.eventSectionAD .eventReple .repleList li .repleMenuN span{padding-left:5px;margin-left:3px;color:#666;cursor:pointer;background:url('../images/repleList_bar.png') no-repeat 0 50%;}
.eventSectionAD .eventReple .repleList li .repleMenuN span:first-child{background:none;}
.eventSectionAD .eventReple .repleList li .repleMenuN img+ span{margin-left:0px;background:none;}

.eventSectionAD .eventReple .repleList li .icon{position:absolute;top:15px;left:0;display:inline-block;width:64px;text-align:center;}
.eventSectionAD .eventReple .repleList li .user .id{color:#333333;font-weight:bold;vertical-align:middle;}
.eventSectionAD .eventReple .repleList li .user .date{margin-left:10px;color:#999999;}
.eventSectionAD .eventReple .repleList li .reple{margin-top:12px;color:#333333;line-height:18px;}
.eventSectionAD .eventReple .repleList li .level{margin-right:5px;}

.eventSectionAD .eventReple .repleList li.answer{border-top:none;background:url('../images/eventReple_dot.png') repeat-x 0 0;}
.eventSectionAD .eventReple .repleList li.answerN{display:none;border-top:none;background:url('../images/eventReple_dot.png') repeat-x 0 0;}
.eventSectionAD .eventReple .repleList li .textareaInput{height:48px;width:590px;margin-top:12px;}
.eventSectionAD .eventReple .repleList li .icon + .textareaInput{margin-top:0;}
.eventSectionAD .eventReple .repleList li .textarea{float:left;width:491px;height:48px;background:url('../images/eventReple_textarea02.png') no-repeat 0 0;}
.eventSectionAD .eventReple .repleList li .textarea textarea{width:470px;height:30px;margin-top:3px;margin-left:1px;padding:6px;overflow-y:auto;border:none;background:none;}
.eventSectionAD .eventReple .repleList li  .btn{float:right;}

.myReview{margin-top:14px;}
.myReview .reviewForm{height:324px;padding-top:40px;background:url('../images/bg_myReview.png') no-repeat 0 0;}
.myReview .reviewForm .question{padding-left:80px;}
.myReview .reviewForm .answer{padding:50px 0 0 23px;}
.myReview .reviewForm .answer textarea{width:635px;height:120px;border:none}
.myReview .reviewForm .btnR{padding:12px 23px 0 0;}
.myReview .reviewForm .txtNotice{padding:33px 0 0 16px;color:#b7b7b7;line-height:18px;font-size:11px;}
.myReview .reviewForm .txtNotice .ico{margin-right:6px;}
.myReview .reviewForm .txtNotice strong{color:#fff200;}

.myReview .reviewList{padding-top:10px;}
.myReview .reviewList li{padding-bottom:15px;border-bottom:1px solid #e1e1e1;}
.myReview .reviewList li .info{position:relative;display:block;margin-top:20px;}
.myReview .reviewList li .info .id{margin-left:3px;font-weight:bold;color:#0076a3;font-size:14px;vertical-align:middle;}
.myReview .reviewList li .info .date{margin-left:5px;padding-left:10px;color:#999999;background:url('../images/bar_reviewList.png') no-repeat 0 50%;}
.myReview .reviewList li .menu{position:absolute;top:0;right:10px;}
.myReview .reviewList li .menu a{padding-left:7px;color:#666666;font-size:11px;background:url('../images/bar_reviewList_menu.png') no-repeat 0 50%;}
.myReview .reviewList li .menu a:first-child{padding-left:0;background:none;}
.myReview .reviewList li .menu a.on{color:#f14747;}
.myReview .reviewList li .menuN{position:absolute;top:0;right:10px;display:none;}
.myReview .reviewList li .menuN a{padding-left:7px;color:#666666;font-size:11px;background:url('../images/bar_reviewList_menu.png') no-repeat 0 50%;}
.myReview .reviewList li .menuN a:first-child{padding-left:0;background:none;}
.myReview .reviewList li .menuN a.on{color:#f14747;}
.myReview .reviewList li .review{width:664px;margin:10px auto 0 auto;background:url('../images/bar_reviewBtm.png') no-repeat 0 100%;}
.myReview .reviewList li .review .inner{width:654px;padding:12px 7px;line-height:18px;background:url('../images/bar_reviewTop.png') no-repeat 0 0;}
.myReview .reviewList li .review .inner .textarea{display:block;padding:5px 10px;}
.myReview .reviewList li .review .inner textarea{width:543px;margin-right:2px;height:48px;padding:10px;color:#555;vertical-align:top;}
.myReview .reviewList li .review .inner .btn{display:inline-block;vertical-align:top;}
.myReview .reviewList li .review .innerN{display:none;width:654px;padding:12px 7px;line-height:18px;background:url('../images/bar_reviewTop.png') no-repeat 0 0;}
.myReview .reviewList li .review .innerN .textarea{display:block;padding:5px 10px;}
.myReview .reviewList li .review .innerN textarea{width:543px;margin-right:2px;height:48px;padding:10px;color:#555;vertical-align:top;}
.myReview .reviewList li .review .innerN .btn{display:inline-block;vertical-align:top;}

.maxvocaSuccess{position:relative;margin-top:22px;background:url('../images/bg_maxvocaSuccess_top.png') no-repeat 0 0;}
.maxvocaSuccess .user{position:absolute;top:30px;left:27px;}
.maxvocaSuccess .user .thumM{padding-top:12px;}
.maxvocaSuccess .say{position:absolute;top:50px;right:12px;}
.maxvocaSuccess .interview{padding:340px 0 60px 0;min-height:500px;text-align:center;background:url('../images/bg_maxvocaSuccess_btm.png') no-repeat 0 100%;}
.otherInterview{position:relative;width:645px;height:181px;padding:15px 20px;margin-top:18px;background:url('../images/bg_otherInterview.png') no-repeat 0 0;}
.otherInterview .prev{position:absolute;top:100px;left:20px;cursor:pointer}
.otherInterview .next{position:absolute;top:100px;right:20px;cursor:pointer}
.otherInterview .slide{overflow:hidden;width:582px;height:120px;margin-top:10px;margin-left:34px;}
.otherInterview ul{width:616px;}
.otherInterview li{float:left;width:120px;height:125px;margin-right:34px;text-align:center;}
.otherInterview li a{display:block;color:#333;}
.otherInterview li a:hover{text-decoration:underline;}
.otherInterview li .txt{display:block;margin-top:7px;line-height:15px;color:#333333;}
.otherInterview li strong{display:block;margin-top:3px;}


/* 학습신청 */
.paymentSection{margin-top:15px;}
.paymentSection .paymentStep{width:685px;height:54px;}
.paymentSection .paymentStep.step01{background:url('../images/bg_paymentStep_01.png') no-repeat 0 0;}
.paymentSection .paymentStep.step02{background:url('../images/bg_paymentStep_02.png') no-repeat 0 0;}
.paymentSection .paymentStep.step03{background:url('../images/bg_paymentStep_03.png') no-repeat 0 0;}
.paymentSection .paymentStep li{float:left;width:33.3333%;text-align:center;text-indent:-30px;}
.paymentSection .paymentStep li img{margin-top:17px;}
.paymentSection .payment{overflow:hidden;margin-top:14px;background:url('../images/bg_paymentTop.png') no-repeat 0 0;}
.paymentSection .payment .desc{padding:10px 20px 0 20px;}
.paymentSection .payment .monthAccount{float:left;padding:0px 20px 26px 22px;background:url('../images/bg_paymentBtm.png') no-repeat 0 100%;}
.paymentSection .payment .monthAccount li{position:relative;float:left;width:204px;margin-left:15px;text-align:center;}
.paymentSection .payment .monthAccount li.month01{margin-left:0px;}
.paymentSection .payment .monthAccount li .best{position:absolute;top:-21px;right:-12px;z-index:30}
.paymentSection .payment .monthAccount li .bg{position:relative;}
.paymentSection .payment .monthAccount li.month01 .bg{height:375px;background:url('../images/bg_payment_month01.png') no-repeat 0 100%;}
.paymentSection .payment .monthAccount li.month02 .bg{height:375px;background:url('../images/bg_payment_month02.png') no-repeat 0 100%;}
.paymentSection .payment .monthAccount li.month03 .bg{height:375px;background:url('../images/bg_payment_month03.png') no-repeat 0 100%;}
.paymentSection .payment .monthAccount li.month01 .tt{display:block;padding-top:189px;}
.paymentSection .payment .monthAccount li.month02 .tt{display:block;padding-top:122px;}
.paymentSection .payment .monthAccount li.month03 .tt{display:block;padding-top:68px;}
.paymentSection .payment .monthAccount li .tt{overflow:hidden;}
.paymentSection .payment .monthAccount li .tt .txt{float:left;padding-left:17px;}
.paymentSection .payment .monthAccount li .tt .date{float:right;margin-top:-9px;margin-right:9px;}
.paymentSection .payment .monthAccount li .account{display:block;padding-top:40px;}
.paymentSection .payment .monthAccount li .account02{display:block;padding-top:20px;}
.paymentSection .payment .monthAccount li .account03{display:block;padding-top:46px;}
.paymentSection .payment .monthAccount li.month02 .disccount{display:block;padding-top:23px;}
.paymentSection .payment .monthAccount li.month03 .disccount{display:block;padding-top:51px;}
.paymentSection .payment .monthAccount li .point{position:absolute;bottom:13px;left:0;width:100%;text-align:center;}
.paymentSection .payment .monthAccount li .btn{display:block;margin-top:9px;}

.paymentSection .orderProduct{margin-top:22px;}
.paymentSection .orderProduct .orderTxt{font-size:16px;font-weight:bold;}
.paymentSection .orderProduct .orderTxt .id{color:#f14747;}
.paymentSection .orderProduct .dataType1 td{font-weight:bold;color:#333333;font-size:14px;}
.paymentSection .orderProduct .rig{text-align:right;padding-top:20px;padding-right:18px;font-weight:bold;color:#333333;font-size:14px;}

.paymentSection .accountStep{margin-top:38px;}
.paymentSection .accountStep h3{padding-bottom:8px;border-bottom:1px solid #dad8d8;}
.paymentSection .accountStep .step{overflow:hidden;margin-top:18px;position:relative;}
.paymentSection .accountStep .step > strong{float:left;width:74px;}
.paymentSection .accountStep .step .dataType2{float:right;width:596px;}
.paymentSection .accountStep .step .txt1{display:block;margin-top:3px;font-size:16px;font-family:'Tahoma';color:#f14747;font-weight:bold;}
.paymentSection .accountStep .step .myPoint .remindPoint{margin-right:23px;}
.paymentSection .accountStep .step .usingPoint{margin-top:12px;font-weight:bold;}
.paymentSection .accountStep .step .usingPoint input{width:90px;padding:3px 5px;font-weight:bold;text-align:right;color:#f14747;border:1px solid #c2c2c2;}
.paymentSection .accountStep .step .myCoupon select{padding:2px;color:#000;}
.paymentSection .accountStep .step .usingCoupon {margin-left:0px;margin-top:10px;}
.paymentSection .accountStep .step .usingCoupon strong{color:#f14747;}

.paymentSection .accountStep .payMethod {padding-bottom:5px;}
.paymentSection .accountStep .payMethod label{margin-right:15px;font-weight:bold;}
.paymentSection .accountStep .payMethod label input{vertical-align:middle;margin-top:-2px;}
.paymentSection .accountStep .btnC{padding-left:100px;}

.paymentSection .paying{margin-top:80px;width:685px;}
.paymentSection .paying .txt{display:block;text-align:center;}
.paymentSection .paying .progressBar{position:relative;display:block;width:490px;height:34px;margin: 30px auto;background:url('../images/bg_progressBar.png') no-repeat 0 0;}
.paymentSection .paying .progressBar .cover{display:inline-block;position:absolute;top:0;left:0;z-index:10;}
.paymentSection .paying .progressBar .bar{display:block;position:absolute;top:0;left:0;height:32px;width:0;margin-top:1px;background:url('../images/progressBar.png') no-repeat 100% 0;}

.paymentSection .payResult{margin-top:48px;background:url('../images/bg_payResult_btm.png') no-repeat 0 100%;}
.paymentSection .payResult .inner{padding:50px 33px 36px 33px;background:url('../images/bg_payResult_top.png') no-repeat 0 0;}
.paymentSection .payResult .complete{min-height:190px;padding-left:190px;background:url('../images/bg_payment_complete.png') no-repeat 0 0;}
.paymentSection .payResult p{font-family:'Malgun Gothic', 'Nanum Gothic';color:#f14747;font-size:20px;font-weight:bold; }
.paymentSection .payResult p .txt{display:block;margin-top:9px;}
.paymentSection .payResult p .txt2{font-size:14px;}
.paymentSection .payResult .payList{margin-top:28px;}
.paymentSection .payResult .payList li{overflow:hidden;width:416px;height:43px;margin-top:6px;background:url('../images/bg_payResult_list1.png') no-repeat 0 0;}
.paymentSection .payResult .payList li strong{float:left;width:108px;text-indent:20px;padding:14px 0;}
.paymentSection .payResult .payList li .txt{float:left;height:43px;line-height:40px;text-indent:14px;color:#000000;font-family:'Malgun Gothic', 'Nanum Gothic';font-size:20px;font-weight:bold;}
.paymentSection .payResult .payList li.type2{width:416px;height:58px;background:url('../images/bg_payResult_list2.png') no-repeat 0 0;}
.paymentSection .payResult .payList li.type2 strong{float:left;width:108px;text-indent:20px;padding:22px 0;}
.paymentSection .payResult .payList li .bank{display:block;margin-top:12px;text-indent:14px;font-weight:bold;font-family:'Malgun Gothic', 'Nanum Gothic';font-size:13px;color:#333333;}
.paymentSection .payResult .payList li .date{display:block;text-indent:14px;line-height:16px;font-weight:bold;font-family:'Malgun Gothic', 'Nanum Gothic';font-size:13px;color:#f14747;}
.paymentSection .payResult .noticeList{padding-top:18px;margin-top:30px;border-top:1px solid #e1e1e1;background-position:0 20px}

.paymentSection .payResult .error{min-height:190px;padding-left:200px;background:url('../images/bg_payment_error.png') no-repeat 0 0;}
.paymentSection .payResult .error .noticeList li{word-spacing:-2px;}

.paymentSection .noticeList{margin-top:14px;padding-left:24px;background:url('../images/ico_notice.png') no-repeat 0 0;}
.paymentSection .noticeList li{margin-top:2px;padding-left:7px;color:#777777;font-size:11px;background:url('../images/ico_dotGray.png') no-repeat 0 50%;}

/* 고객센터 */
.faqSearch{width:523px;height:242px;padding:43px 0 0 162px;background:url('../images/bg_faqSearch.png') no-repeat 0 0;}
.faqSearch .txt1{margin-bottom:58px;}
.faqSearch span{position:relative;top:-2px;margin-left:5px;vertical-align:baseline;color:#666666;font-size:11px;}
.faqSearch .search{margin-top:15px;}
.faqSearch .search .placeholder {width:365px;height:14px;padding:10px 10px 9px 10px;font-size:14px;color:#999999;font-weight:bold;border:3px solid #666666;}
.faqSearch .search .btn{display:inline-block;margin-left:5px;vertical-align:top;}
.faqSearch .txt2{min-height:26px;margin-top:25px;padding-left:37px;line-height:17px;font-size:11px;background:url('../images/ico_speaker2.png') no-repeat 0 50%;}
.faqSearch .txt2 a{font-weight:bold;color:#f14747;text-decoration:underline;}

.faqResult {margin-top:20px;}
.faqResult .dataType1{margin-top:20px;}
.faqResult .resultNo{padding:85px 0;border-bottom:1px solid #cfcfcf;color:#666666;font-weight:bold;font-size:14px;text-align:center;line-height:25px;}
.faqResult .resultNo .txt1{color:#333333;font-size:14px;}
.faqResult .resultNo .txt2{color:#666666;font-size:14px;}
.faqResult .resultNo .txt2 a{color:#f14747;}
.faqResult .resultNo .txt2 strong{color:#f14747;}
.faqResult .dataType1 .rSide{margin-top:-3px;}

.cooperation{margin-top:14px;}
.cooperation .dataType2 th{font-weight:bold;}

.inquire{margin-top:14px;}
.inquire .dataType2 th{font-weight:bold;}

.inquireSearch{width:503px;height:115px;margin-top:14px;padding:26px 0 0 182px;background:url('../images/bg_inquireSearch.png') no-repeat 0 0;}
.inquireSearch span{position:relative;top:-2px;margin-left:5px;vertical-align:baseline;color:#666666;font-size:11px;}
.inquireSearch .search{margin-top:15px;}
.inquireSearch .search .placeholder {width:365px;height:14px;padding:10px 10px 9px 10px;font-size:14px;color:#999999;font-weight:bold;border:3px solid #666666;}
.inquireSearch .search .btn{display:inline-block;margin-left:5px;vertical-align:top;}
.inquireResult .dataType1{margin-top:20px;}
.inquireResult .dataType1 .rSide{margin-top:-3px;}

.idFind{margin-top:14px;}
.idFind .findResult{background:url('../images/bg_idFindResult.png') no-repeat 0 0;}
.idFind .result{width:491px;height:184px;margin-top:12px;padding:63px 0 0 194px;background:url('../images/bg_idFindResult.png') no-repeat 0 0;}
.idFind .result .resultTxt{margin-top:57px;font-size:16px;font-weight:bold;color:#666666;}
.idFind .result .resultTxt strong{color:#f14747;}

.pwFind{margin-top:14px;}
.pwFind .result{width:491px;height:241px;margin-top:12px;padding:53px 0 0 194px;background:url('../images/bg_pwFindResult.png') no-repeat 0 0;}
.pwFind .result .resultTxt{line-height:20px;}
.pwFind .result .resultTxt .txt1{margin-top:28px;color:#666666;font-weight:bold;}
.pwFind .result .resultTxt .txt1 strong{color:#f14747;}
.pwFind .result .resultTxt .txt2{margin-top:34px;color:#666666;}
.pwFind .result .resultTxt .txt2 .email{font-size:14px;color:#f14747;}

.idFind .inputForm{height:305px;background:url('../images/bg_idFind.png') no-repeat 0 0;}
.idFind .inputForm .outputTxt{padding-top:48px;text-align:center;}
.idFind .inputForm .outputTxt span{padding-left:20px;font-weight:bold;color:#f14747;font-size:14px;background:url('../images/ico_speaker.png') no-repeat 0 0;}

.pwFind .inputForm{height:360px;background:url('../images/bg_pwFind.png') no-repeat 0 0;}
.pwFind .inputForm .outputTxt{padding-top:37px;text-align:center;}
.pwFind .inputForm .outputTxt{color:#666666;font-weight:bold;line-height:18px;}
.pwFind .inputForm .outputTxt strong{color:#f14747;}

.inputForm{width:685px;margin-top:12px;padding:53px 0 0 0;background:url('../images/bg_idFind.png') no-repeat 0 0;}
.inputForm .tit{display:block;padding-left:194px;}
.inputForm ul{padding-left:194px;margin-top:16px;}
.inputForm ul li{height:30px;padding:10px 0;font-size:16px;}
.inputForm ul li > label{display:inline-block;width:95px;font-weight:bold;font-size:16px;color:#666666;vertical-align:middle;}
.inputForm input[type="text"], .dataType2 input[type="password"]{height:14px;padding:6px 5px;border:1px solid #c2c2c2;font-size:14px;color:#666;font-weight:bold;}
.inputForm select{height:28px;padding:3px;border:1px solid #c2c2c2;font-size:14px;color:#666;font-weight:bold;}
.inputForm .radio{margin-left:30px;}
.inputForm .radio label{margin-right:30px;font-weight:bold;font-size:16px;color:#666666;}
.inputForm .sbHolder{font-weight:bold;font-size:14px;}
.inputForm .sbOptions a{font-weight:bold;font-size:14px;}


/* 로그인 */
.loginSection{position:relative;height:265px;margin-top:13px;background:url('../images/bg_loginSection.png') no-repeat 0 0;}
.loginSection .loginForm{height:113px;padding:34px 0 0 30px;}
.loginSection .loginForm li{margin-top:12px;}
.loginSection .loginForm li:first-child{margin-top:0;}
.loginSection .loginForm li label{display:inline-block;width:80px;font-weight:bold;font-size:16px;vertical-align:middle;color:#333333;}
.loginSection .loginForm li .input{display:inline-block;width:195px;height:36px;vertical-align:middle;background:url('../images/bg_loginSection_input.png') no-repeat 0 0;}
.loginSection .loginForm li .input input{width:162px;padding:6px 15px 3px 15px;line-height:25px;color:#0076a3;font-size:16px;border:none;font-weight:bold;background:none;}
.loginSection .loginForm .loginBtn{position:absolute;top:33px;left:320px;}

.loginSection .memberMenu{width:375px;padding:16px 0 0 30px;}
.loginSection .memberMenu li{overflow:hidden;clear:both;margin-top:5px;}
.loginSection .memberMenu li .txt{float:left;padding-top:3px;}
.loginSection .memberMenu li .btn{float:right;}

.loginSection .mobileApp{position:absolute;top:0;right:0;}

.welcomeMaxvoca{position:relative;Height:498px;margin-top:15px;background:url('../images/bg_welcomeMaxvoca.png') no-repeat 0 0;}
.welcomeMaxvoca .welcomeTxt{position:absolute;top:90px;left:246px;}
.welcomeMaxvoca .join{position:absolute;top:370px;left:60px;}
.welcomeMaxvoca .join a:first-child{margin-right:70px;}

.siteRuleAgree{margin-top:15px;padding-bottom:12px;}
.siteRuleAgree .agree{width:685px;height:227px;margin-top:12px;background:url('../images/bg_siteRuleAgree.png') no-repeat 0 0;}
.siteRuleAgree .agree ul{padding:25px 43px 15px 43px;}
.siteRuleAgree .agree li{position:relative;height:26px;margin-top:14px;}
.siteRuleAgree .agree li:first-child{margin-top:0;}
.siteRuleAgree .agree li img{vertical-align:top;}
.siteRuleAgree .agree li .checkbox{position:absolute;top:0;left:0;cursor:pointer;margin-right:3px;}
.siteRuleAgree .agree li .btn{position:absolute;top:2px;left:250px;}
.siteRuleAgree .agree .txt{margin-top:18px;padding:18px 0 0 40px;margin: 0 30px;word-spacing:-2px;line-height:18px;border-top:1px solid #cfcfcf;}

.basicInfo{margin-top:15px;}
.basicInfo .dataType2{margin-top:14px;}
.basicInfo .dataType2 th{font-weight:bold;}

.protectorAgree{margin-top:15px;}
.protectorAgree .txt{margin-top:12px;}
.protectorAgree .certification{height:331px;width:685px;margin-top:14px;background:url('../images/bg_protectorAgree.png') no-repeat 0 0;}
.protectorAgree .certification .method{overflow:hidden;width:402px;height:165px;padding:37px 0 22px 0;margin: 0 auto;}
.protectorAgree .certification .method li{float:left;width:119px;text-align:center;}
.protectorAgree .certification .method li:first-child{margin-right:164px;}
.protectorAgree .certification .method li strong{display:inline-block;margin-top:3px;color:#666666;}
.protectorAgree .certification .method li a{display:inline-block;margin-top:7px;}
.protectorAgree .noticeList{margin:30px 0 0 70px;padding-left:24px;background:url('../images/ico_notice.png') no-repeat 0 0;}
.protectorAgree .noticeList li{margin-top:4px;padding-left:7px;color:#777777;font-size:11px;line-height:14px;background:url('../images/ico_dotGray.png') no-repeat 0 50%;}
.protectorAgree .noticeList2{margin:20px 0 0 70px;padding-left:24px;background:url('../images/ico_notice.png') no-repeat 0 0;}
.protectorAgree .noticeList2 li{margin-top:4px;padding-left:7px;color:#777777;font-size:11px;line-height:14px;background:url('../images/ico_dotGray.png') no-repeat 0 50%;}

.joinComplete{width:685px;height:342px;margin-top:14px;text-align:center;background:url('../images/bg_joinComplete.png') no-repeat 0 0;}
.joinComplete .txt1{padding-top:76px;}
.joinComplete .txt2{padding-top:35px;color:#333333;font-size:16px;font-weight:bold;}
.joinComplete .joinInfo{width:403px;height:33px;line-height:33px;margin:74px auto 0 auto;color:#fff;font-size:16px;font-weight:bold;background:url('../images/bg_joinComplete_joinInfo.png') no-repeat 0 0;}
.joinComplete .joinInfo span{margin: 0 18px;}

.memModComplete{width:685px;height:282px;margin-top:14px;text-align:center;background:url('../images/bg_modComplete.png') no-repeat 0 0;}
.memModComplete .txt1{padding-top:76px;}
.memModComplete .txt2{padding-top:35px;color:#333333;font-size:16px;font-weight:bold;}
.memModComplete .joinInfo{width:403px;height:33px;line-height:33px;margin:74px auto 0 auto;color:#fff;font-size:16px;font-weight:bold;background:url('../images/bg_joinComplete_joinInfo.png') no-repeat 0 0;}
.memModComplete .joinInfo span{margin: 0 18px;}

.couponIssue{height:493px;width:685px;margin-top:20px;text-align:center;background:url('../images/bg_couponIssue.png') no-repeat 0 0;}
.couponIssue .txt{padding-top:38px;}
.couponIssue .coupon{padding-top:30px;}
.couponIssue .priod{width:511px;height:37px;margin: 10px auto;line-height:37px;color:#fff;font-size:14px;font-weight:bold;background:url('../images/bg_couponIssue_priod.png') no-repeat 0 0;}
.couponIssue .btnC{padding-top:20px;}

.withdrawal{margin-top:15px;}
.withdrawal .attention{height:70px;margin:12px 0 20px 0;padding:29px 35px;background:url('../images/bg_withdrawalBox1.png') no-repeat 0 0;}
.withdrawal .attention li{margin-top:5px;}
.withdrawal .attention li:first-child{margin-top:0;}
.withdrawal .apply{height:264px;margin-top:12px;padding:30px;background:url('../images/bg_withdrawalBox2.png') no-repeat 0 0;}
.withdrawal .apply .checkList{margin-top:20px;text-align:center;white-space:nowrap}
.withdrawal .apply .checkList label{margin-right:32px;font-size:14px;color:#333333;font-weight:bold;cursor:pointer}
.withdrawal .apply .checkList label .checkbox{margin-right:5px;vertical-align:middle;}
.withdrawal .apply .checkList label .checkbox img{margin-top:-3px;}
.withdrawal .apply .txt2{margin-top:25px;color:#333;font-size:14px;font-weight:bold;}
.withdrawal .apply .textarea{width:620px;height:77px;margin-top:8px;padding:7px 8px;background:url('../images/bg_withdrawal_textarea.png') no-repeat 0 0;}
.withdrawal .apply .textarea textarea{width:610px;height:65px;border:none;background:none;}
.withdrawal .passwordInput{margin:34px 0 0 3px;}
.withdrawal .passwordInput img{vertical-align:middle;}
.withdrawal .passwordInput input{width:165px;padding:8px;margin-left:18px;vertical-align:middle;}

/**********************************************************
	layerPop
**********************************************************/
.layerMask{position:fixed;overflow-y:hidden;top:0;left:0;height:100%;width:100%;z-index:200;background:url('../images/bg_mask.png') repeat 0 0;}
.layerMem{position:absolute;top:0;left:0;height:100%;width:100%;z-index:200;background:url('../images/bg_mask.png') repeat 0 0;}
.layerPop{position:relative;width:700px;padding:0 0 30px 0;margin: 0 auto;background:#fff;}
.layerPop.type2{background:none;}
.layerPop .layerTit{height:56px;background:url('../images/bg_layerTit.png') no-repeat 0 0;}
.layerPop .layerTit img{padding:15px 0 0 20px;}
.layerPop .studyStop{overflow:hidden;padding:30px 20px 20px 20px;}
.layerPop .studyStop .lSide{position:relative;float:left;width:310px;height:340px;}
.layerPop .studyStop .rSide{float:right;width:320px;height:340px;}
.layerPop .list li{margin-top:20px;padding-left:10px;color:#666666;letter-spacing:-1px;line-height:18px;background:url('../images/ico_dotGray2.png') no-repeat 0 5px;}
.layerPop .status{position:absolute;bottom:0;left:0;width:270px;margin-top:26px;padding:20px 20px 17px 20px;background:#ecf1f5;}
.layerPop .status li{margin-top:14px;color:#e51234;font-weight:bold;}
.layerPop .status li:first-child{margin-top:0px;}
.layerPop .status li strong{display:inline-block;width:140px;color:#666666;}
.layerPop .status li span{margin-left:8px;}

.layerPop .calender .yearMonth{position:relative;height:55px;line-height:55px;border-bottom:1px solid #4d545e;background:#2e3641;}
.layerPop .calender .yearMonth .prev{position:absolute;top:0;left:0;border-right:1px solid #4d545e;}
.layerPop .calender .yearMonth .next{position:absolute;top:0;right:0;border-left:1px solid #4d545e;}
.layerPop .calender .yearMonth .date{display:block;height:55px;line-height:55px;text-align:center;font-weight:bold;color:#fff;font-family:'tahoma';font-size:18px;}
.layerPop .calender table{width:100%;background:#f97e76;}
.layerPop .calender th{height:18px;padding:13px 0;color:#fff;font-family:'tahoma';font-size:13px;background:#2e3641;}
.layerPop .calender td{height:20px;padding:10px 0;color:#fff;font-family:'tahoma';font-size:15px;font-weight:bold;text-align:center;cursor:pointer;background:#f97e76;}
.layerPop .calender td.stop{background:#2e3641;}
.layerPop .calender td.today{color:#ffff00;text-decoration:underline;}
.layerPop .calender td.blur{color:#fbb8b5;}

.layerPop .receiptPrint{position:relative;padding:30px 20px 10px 20px;}
.layerPop .receiptPrint .stamp{position:absolute;top:100px;right:20px;}
.layerPop .receiptPrint .title{text-align:center;}
.layerPop .receiptPrint .receiver{margin-top:15px;text-align:right;}
.layerPop .receiptPrint .receiver strong{margin-right:5px;font-size:14px;}
.layerPop .receiptPrint .receiptTxt{margin-top:15px;color:#333333;}

.layerPop .couponRegist{position:relative;padding:30px 20px 10px 20px;}
.layerPop .couponRegist .couponTxt{margin:20px 0 30px 0;}
.layerPop .couponRegist .coupon{position:absolute;top:130px;right:30px;z-index:10}
.layerPop .couponRegist .couponInput{width:607px;height:105px;padding:38px 0 0 54px;background:url('../images/bg_couponInput.png') no-repeat 0 0;}
.layerPop .couponRegist .couponInput .inputbox{margin-top:15px;color:#848484;}
.layerPop .couponRegist .couponInput .input{display:inline-block;width:115px;height:38px;margin: 0 7px;background:url('../images/bg_couponInput_input.png') no-repeat 0 0;}
.layerPop .couponRegist .couponInput .input input{width:100px;padding:6px;font-size:18px;font-family:'tahoma';font-weight:bold;border:none;text-align:center;color:#333333;background:none;}

.layerPop .couponRegist .attention{margin-top:40px;padding:15px 20px;border:1px solid #d8dee4;background:#f5f8fa;}
.layerPop .couponRegist .attention > strong{display:inline-block;height:14px;padding:3px 0 3px 30px;color:#333333;font-size:14px;background:url('../images/ico_notice2.png') no-repeat 0 50%;}
.layerPop .couponRegist .attention ul{margin-top:15px;}
.layerPop .couponRegist .attention ul li{margin-top:5px;padding-left:10px;color:#666666;font-size:11px;background:url('../images/ico_dash.png') no-repeat 0 5px;}

.layerPop .usingGuideTab{position:absolute;top:20px;right:20px;}
.layerPop .usingGuideTab a{color:#fff;}
.layerPop .usingGuideTab a:hover{color:#ffff00;text-decoration:underline;}

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

/* btn */
.layerPop .btnC{margin:20px 20px 0 20px;padding-top:22px;border-top:1px solid #cccccc;}
.layerPop .btnC a{margin: 0 5px;}


/* 무료 맛보기 */
.freeTestHeader{position:relative;height:174px;}
.freeTestHeader .bg{float:left;}
.freeTestHeader .menu{position:absolute;top:52px;left:495px;width:520px;}
.freeTestHeader .menu .num{display:inline-block;max-width:60px;height:17px;text-align:right;color:#fff200;font-weight:bold;font-size:18px;vertical-align:baseline;}
.freeTestHeader .menu img{position:relative;top:1px;vertical-align:baseline;}
.freeTestHeader .btn{margin:10px 0 0 107px;}
.freeTestHeader .btn_1{margin:10px 0 0 57px;}
.freeTestHeader .btn2{margin:10px 0 0 223px;}
.freeTestHeader .lnum{float:left;margin-left:130px;margin-top:22px;width:50px;text-align:right;color:#fff200;font-weight:bold;font-size:18px;}
.freeTestHeader .btn3{margin:10px 0 0 223px;}
.freeTestHeader .lnum3{float:left;margin-left:126px;margin-top:22px;width:50px;text-align:right;color:#fff200;font-weight:bold;font-size:18px;}

/* tab Menu */
.freeTestTabMenu {position:relative;width:100%;height:48px;margin-bottom:10px;border-bottom:5px solid #e51233;}
.freeTestTabMenu .textImg1 {position:absolute;top:20px;right:20px;}
.freeTestTabMenu .textImg2 {position:absolute;top:20px;right:20px;}
/* 로그인전 무료맛보기 */
.freeTestList1 li{position:relative;width:772px;height:121px;margin-top:10px;padding:23px 20px 23px 168px;background:url('../images/vocaTool/studystartbg_00.png') no-repeat 0 0;}
.freeTestList1 li:first-child{margin-top:0px;}
.freeTestList1 li .notLec {position:absolute;top:100px;left:100px;z-index:10;}
.freeTestList1 li .thumb{position:absolute;top:18px;left:20px;}
.freeTestList1 li .tit{display:block;margin-bottom:15px;}
.freeTestList1 li .tit img:first-child{margin-right:15px;}
.freeTestList1 li .txt1{margin-bottom:12px;}
.freeTestList1 li .freeTestMenu{position:absolute;top:19px;right:20px;}
.freeTestList1 li .freeTestMenu .btn{display:inline-block;margin-top:11px;}
.freeTestList1 li .freeTestMenu .studyInfo{position:relative;width:251px;height:58px;}
.freeTestList1 li .freeTestMenu .studyInfo .bg{position:absolute;top:5px;left:0;}
.freeTestList1 li .freeTestMenu .studyInfo .word{position:absolute;top:53px;left:88px;display:inline-block;width:150px;color:#000;font-size:11px;font-weight:bold;}
.freeTestList1 li .freeTestMenu .studyInfo .word em{color:#cc0033;font-style:normal}
.freeTestList1 li .freeTestMenu .studyInfo img{vertical-align:middle;}

/* 로그인후 */
.freeTestList2 li{position:relative;width:772px;height:121px;margin-top:10px;padding:23px 20px 23px 168px;background:url('../images/vocaTool/studystartbg_00.png') no-repeat 0 0;z-index:1;}
.freeTestList2 li:first-child{margin-top:0px;}
.freeTestList2 li .notLec {position:absolute;top:100px;left:100px;z-index:10;}
.freeTestList2 li .thumb{position:absolute;top:18px;left:20px;}
.freeTestList2 li .tit{display:block;margin-bottom:15px;}
.freeTestList2 li .tit img:first-child{margin-right:15px;}
.freeTestList2 li .txt1{margin-bottom:12px;}
.freeTestList2 li .txt2{margin-bottom:6px;}
.freeTestList2 li .txt3{width:502px;height:24px;background:url('../images/vocaTool/course_state_start01.png') no-repeat 0 0;}
.freeTestList2 li .txt4{padding-top:6px;width:502px;height:24px;color:#E51234;font-weight:bold;font-size:12px;background:url('../images/vocaTool/course_state_start02.png') no-repeat 0 0;}
.freeTestList2 li .txt4 .lDate{padding:0px 196px 0px 96px;height:24px;}
.freeTestList2 li .txt4.lLog{padding-left:100px}
.freeTestList2 li .freeTestMenu{position:absolute;top:19px;right:20px;}
.freeTestList2 li .freeTestMenu .btn{display:inline-block;margin-top:11px;}
.freeTestList2 li .freeTestMenu .studyInfo{position:relative;width:251px;height:58px;}
.freeTestList2 li .freeTestMenu .studyInfo .bg{position:absolute;top:0;left:0;}
.freeTestList2 li .freeTestMenu .studyInfo .word{position:absolute;top:48px;left:88px;display:inline-block;width:150px;color:#000;font-size:11px;font-weight:bold;}
.freeTestList2 li .freeTestMenu .studyInfo .word em{color:#cc0033;font-style:normal}
.freeTestList2 li .freeTestMenu .studyInfo img{vertical-align:middle;}


.freeTestSection .directApply{position:relative;margin:30px 0;}
.freeTestSection .directApply .btn{position:absolute;bottom:25px;left:0;width:100%;text-align:center;}
.freeTestSection .directApply .btn a{margin: 0 3px;}

.appDownloadBox {margin:30px 0;}
.appDownloadBox img {border:1px solid #D7D7D7; border-radius:5px;}

.layerPop .freeTestSkin{width:1182px;height:721px;background:url('../images/freeTest_skin.png') no-repeat 0 0;}
.layerPop .freeTestSkin .tit{position:relative;height:24px;padding:11px 26px 10px 27px;}
.layerPop .freeTestSkin .tit .close{position:absolute;top:8px;right:13px;cursor:pointer;}
.layerPop .freeTestSkin .program{padding:10px 25px;}

.layerPop .memSkin{width:734px;height:734px;background:url('../images/members/pop_mobileSkin.png') no-repeat 0 0;}
.layerPop .memSkin .tit{position:relative;height:24px;padding:11px 26px 10px 27px;}
.layerPop .memSkin .tit .close{position:absolute;top:8px;right:13px;cursor:pointer;}
.layerPop .memSkin .memPop{padding:10px 25px;width:685px;height:654px;background:url('../images/members/pop_mobilejoin.png') no-repeat 25px 11px;}
.layerPop .memSkin .memPop .period{position:relative;top:496px;left:210px;color:#fff;font-size:12px;font-weight:bold;}
.layerPop .memSkin .memPop .btn{position:relative;top:540px;left:240px;}
.layerPop .memSkin .memPop .cookieChk{position:relative;height:20px;top:550px;left:520px;color:#000;font-size:12px;font-weight:normal;line-height:18px;}
.layerPop .memSkin .memPop .cookieChk .inChk{vertical-align:middle;margin-top:0px;}

.layerPop .memSkin2{width:583px;height:624px;background:url('../images/members/pop_mobileSkin2.png') no-repeat 0 0;}
.layerPop .memSkin2 .tit{position:relative;height:24px;padding:11px 26px 10px 27px;}
.layerPop .memSkin2 .tit .close{position:absolute;top:8px;right:13px;cursor:pointer;}
.layerPop .memSkin2 .memPop{padding:10px 25px;width:542px;height:552px;background:url('../images/members/pop_mobilejoin2.png') no-repeat 21px 7px;}
.layerPop .memSkin2 .memPop .period{position:relative;top:405px;left:130px;color:#fff;font-size:12px;font-weight:bold;}
.layerPop .memSkin2 .memPop .btn{position:relative;top:440px;left:160px;}
.layerPop .memSkin2 .memPop .cookieChk{position:relative;height:20px;top:510px;left:520px;color:#000;font-size:12px;font-weight:normal;line-height:18px;}
.layerPop .memSkin2 .memPop .cookieChk .inChk{vertical-align:middle;margin-top:0px;}

.layerPop .memToolSkin{width:734px;height:898px;background:url('../images/members/pop_signupSkin.png') no-repeat 0 0;}
.layerPop .memToolSkin .tit{position:relative;height:24px;padding:11px 26px 10px 27px;}
.layerPop .memToolSkin .tit .close{position:absolute;top:8px;right:13px;cursor:pointer;}
.layerPop .memToolSkin .memPop{padding:10px 25px;width:684px;height:814px;background:url('../images/members/pop_signup.png') no-repeat 26px 13px;}
.layerPop .memToolSkin .memPop .period{position:relative;top:483px;left:210px;color:#fff;font-size:12px;font-weight:bold;}
.layerPop .memToolSkin .memPop .memIN{position:relative;top:538px;left:250px;color:#fff;font-size:12px;font-weight:bold;}
.layerPop .memToolSkin .memPop .memIN select{}
.layerPop .memToolSkin .memPop .memIN input[type="text"]{height:15px;padding:3px;border:1px solid #c2c2c2;}
.layerPop .memToolSkin .memPop .memIN input[type="password"]{height:15px;padding:3px;border:1px solid #c2c2c2;}
.layerPop .memToolSkin .memPop .memIN .pbt{padding-left:20px;margin-bottom:16px;}
.layerPop .memToolSkin .memPop .memIN .btn{padding-top:25px;}

.layerPop .memToolSkin2{width:583px;height:683px;background:url('../images/members/pop_signupSkin2.png') no-repeat 0 0;}
.layerPop .memToolSkin2 .tit{position:relative;height:24px;padding:11px 26px 10px 27px;}
.layerPop .memToolSkin2 .tit .close{position:absolute;top:8px;right:13px;cursor:pointer;}
.layerPop .memToolSkin2 .memPop{padding:10px 25px;width:542px;height:609px;background:url('../images/members/pop_signup3.png') no-repeat 21px 8px;}
.layerPop .memToolSkin2 .memPop .period{position:relative;width:500px;top:278px;left:225px;color:#fff;font-size:11px;font-weight:bold;}
.layerPop .memToolSkin2 .memPop .memIN{position:relative;top:374px;left:171px;color:#fff;font-size:12px;font-weight:bold;}
.layerPop .memToolSkin2 .memPop .memIN input[type="text"]{height:13px;padding:3px;border:1px solid #c2c2c2;}
.layerPop .memToolSkin2 .memPop .memIN input[type="password"]{height:13px;padding:3px;border:1px solid #c2c2c2;}
.layerPop .memToolSkin2 .memPop .memIN .pbt{padding-left:40px;margin-bottom:15px;}
.layerPop .memToolSkin2 .memPop .memIN .btn{padding-top:17px;}

.layerPopT{position:relative;width:700px;padding:0 0 30px 0;margin: 0 auto;background:#fff;}
.layerPopT.type2{background:none;}

.layerPopT .memToolSkin{width:734px;height:898px;background:url('../images/members/pop_signupSkin.png') no-repeat 0 0;}
.layerPopT .memToolSkin .tit{position:relative;height:24px;padding:11px 26px 10px 27px;}
.layerPopT .memToolSkin .tit .close{position:absolute;top:8px;right:13px;cursor:pointer;}
.layerPopT .memToolSkin .memPop{padding:10px 25px;width:684px;height:814px;background:url('../images/members/pop_signup.png') no-repeat 26px 13px;}
.layerPopT .memToolSkin .memPop .period{position:relative;top:483px;left:210px;color:#fff;font-size:12px;font-weight:bold;}
.layerPopT .memToolSkin .memPop .memIN{position:relative;top:538px;left:250px;color:#fff;font-size:12px;font-weight:bold;}
.layerPopT .memToolSkin .memPop .memIN input[type="text"]{height:15px;padding:3px;border:1px solid #c2c2c2;}
.layerPopT .memToolSkin .memPop .memIN input[type="password"]{height:15px;padding:3px;border:1px solid #c2c2c2;}
.layerPopT .memToolSkin .memPop .memIN .pbt{padding-left:20px;margin-bottom:16px;}
.layerPopT .memToolSkin .memPop .memIN .btn{padding-top:25px;}

/* vocaTool - 학습선택 layer */
.layerPopW590{position:relative;width:590px;padding:0 0 30px 0;margin: 130px auto;background:#fff;}
.layerPopW590.type2{background:none;}

.layerPopW590 .selToolSkin{width:584px;height:638px;background:url('../images/layerPop/select_popup_bg.png') no-repeat 0 0;}
.layerPopW590 .selToolSkin .tit{position:relative;height:24px;padding:11px 26px 10px 27px;}
.layerPopW590 .selToolSkin .tit .close{position:absolute;top:8px;right:13px;cursor:pointer;}
.layerPopW590 .selToolSkin .selPop{margin-top:6px;margin-left:21px;width:541px;height:529px;}
.layerPopW590 .selToolSkin .selChk {padding-top:11px;padding-left:48px;color:#fff;}
.layerPopW590 .selToolSkin .selChk input[type="checkbox"]{vertical-align:-2px;}

.layerPopW590 .selToolSkin2{width:584px;height:604px;background:url('../images/layerPop/paid_write_popup_bg.png') no-repeat 0 0;}
.layerPopW590 .selToolSkin2 .tit{position:relative;height:24px;padding:11px 26px 10px 27px;}
.layerPopW590 .selToolSkin2 .tit .close{position:absolute;top:8px;right:13px;cursor:pointer;}
.layerPopW590 .selToolSkin2 .selPop2{position:relative;margin-top:7px;margin-left:21px;width:541px;height:528px;background:url('../images/layerPop/paid_write.png') no-repeat 0px 0px;}
.layerPopW590 .selToolSkin2 .selPop2 .vocaID{position:absolute;width:100%;text-align:center;top:221px;color:#000;font-size:18px;font-weight:bold;font-family:'tahoma';}
.layerPopW590 .selToolSkin2 .selPop2 .vocaID img{vertical-align:-4px;}
.layerPopW590 .selToolSkin2 .selPop2 .vocaTextarea{position:absolute;top:260px;right:20px;}
.layerPopW590 .selToolSkin2 .selPop2 .vocaTextarea textarea{padding:10px;width:480px;height:150px;}
.layerPopW590 .selToolSkin2 .selPop2 .vocaSel{position:absolute;top:448px;left:95px;}
.layerPopW590 .selToolSkin2 .selPop2 .vocaBtn{position:absolute;top:448px;right:18px;}
.layerPopW590 .selToolSkin2 .selPop2 .selChk {position:absolute;top:507px;left:22px;color:#fff;}
.layerPopW590 .selToolSkin2 .selPop2 .selChk input[type="checkbox"]{vertical-align:-2px;}

/* 비디오 js */
.videoBox video {cursor:pointer;}
:not(.vjs-has-started) .vjs-control-bar {display: flex !important;}