/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2016-08-19
 | 파일설명 : 전체페이지 공통 CSS
 +----------------------------------------------------------------------+
 | 퍼블리셔 : bsh
 +----------------------------------------------------------------------+
*/

@font-face {
    font-family:'NanumGothic';
    src: url('/inc/front/css/font/Nanumgothic.eot');
    src: url('/inc/front/css/font/Nanumgothic.eot?#iefix') format('embedded-opentype'),
         url('/inc/front/css/font/Nanumgothic.woff') format('woff'),
         url('/inc/front/css/font/Nanumgothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/inc/front/css/font/NanumGothic-Regular.eot);
  src: url(/inc/front/css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/inc/front/css/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/inc/front/css/font/NanumGothic-Regular.woff) format('woff'),
       url(/inc/front/css/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/inc/front/css/font/NanumGothic-Bold.eot);
  src: url(/inc/front/css/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/inc/front/css/font/NanumGothic-Bold.woff2) format('woff2'),
       url(/inc/front/css/font/NanumGothic-Bold.woff) format('woff'),
       url(/inc/front/css/font/NanumGothic-Bold.ttf) format('truetype');
}

*{margin:0;padding:0;font-size:100%;}
html{overflow: auto; }
html, body{color:#343434;}/* height:100%;주석처리 */
html{overflow-y:scroll;}
/* body{font-size:12px;line-height:1.4em;color:#555555;font-family:'돋움','Dotum', 'sans-serif';}  */
body,h1,h2,h3,h4,input,button{font-size:12px;line-height:1.4em;color:#555555;font-family:malgun-gothic, Malgun Gothic,'맑은고딕','맑은 고딕','NanumGothic','나눔고딕','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;color:#444444;}
a:hover{text-decoration:underline}
a:active, a:focus, area:active, area:focus { outline:none; }
img{border:none;vertical-align:top;}
input[type="text"],input[type="password"], select, textarea{outline:0;border:1px solid #cccccc;font-family:malgun-gothic, Malgun Gothic,'맑은고딕','맑은 고딕','NanumGothic','나눔고딕','Dotum','돋움', 'sans-serif';vertical-align:middle;}
input[type="text"],input[type="password"]{height:18px;padding:5px;border:1px solid #c2c2c2;}
input[type="text"]:focus,input[type="password"]:focus {outline: none;}
iframe, .s_iFrame{border:none;}
#skipNavi{position:absolute; top:0; left:0; text-indent:-1000px; visibility:hidden;}
br { letter-spacing: 0; } 
.clear{clear:both;height:0;width:100%;display:block;}
textarea{resize:none;}
.va_middle{vertical-align:middle;}


/*  웹접근성 관련 CSS*/
.lbl_hidden{position:absolute;left:-999999px;color:#fff;}
.login .lbl_in{position:absolute;left:-999999px;color:#fff;}
.kd_skip a{position: absolute;background-color:#e8141d;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); width: 100px;height: 30px;text-align: center;color: #fff;z-index: 9999;line-height: 30px; top: -30px;opacity: 0;}
.accessibility {position:absolute; top:0; left:0; visibility:hidden;}

/* 외주CSS Common start */

/* table */
table {table-layout:fixed;}
table label {margin-left:25px;}
*:first-child + HTML table label {margin-left:19px;}
*:first-child + HTML table label input[type='radio']{margin-right:-1px;}
table label:first-child{margin-left:0;}
*:first-child + HTML table label:first-child{margin-left:0;}

table img{vertical-align:middle;}
table label input[type='radio']{position:relative;top:2px}
*:first-child + HTML table label input[type='radio']{position:relative;top:1px;left:1px}


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

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0px !important;}
.pb15{padding-bottom:15px !important;}
.pb18{padding-bottom:18px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}

.pl20{padding-left:20px !important;}

.mt0{margin-top:0 !important;}
.mt15{margin-top:15px !important;}
.mt17{margin-top:17px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}

/* text */
.redTxt{color:#cc0033 !important;}
.redTxt2{color:#ff0000 !important;}
.redTxt3{color:#e82b1b !important;}
.redTxt4{color:#ed1c24 !important;}
.blueTxt{color:#336699 !important;}
.blueTxt2{color:#0033cc !important;}
.puppleTxt{color:#9933cc !important;}
.darkGrayTxt{color:#333333 !important;}
.grayTxt{color:#666666 !important;}
.fs12{font-size:12px !important;}
.fs14{font-size:14px !important;}
.fs16{font-size:16px !important;}
.fs24{font-size:16px !important;}
.textL{text-align:left !important;}
.textC{text-align:center !important;}
.textR{text-align:right !important;}

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

/* 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;}
/* 외주CSS Common end */


/* 외주 CSS contents layout start  서브 LNB영역 css*/
.container.free{position:relative;width:980px;min-height:500px;padding:0 0;margin: 0 auto;background:none;}
.container{position:relative;width:980px;margin: 0 auto;padding:14px 15px 0 15px;background:#f9f9f9;}
.container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.container .sideMenu{float:left;width:185px;padding-top:175px;}
.container .sideMenu .localNav{overflow:hidden;border-bottom:1px solid #f0a600;background:#fff url('/images/front/layout/localNav_bg.png') repeat-y 0 0;}
.container .sideMenu .localNav dt img{float:left;}
.container .sideMenu .localNav dd{clear:both}
.container .sideMenu .localNav dd > ul{padding:0 1px;}
.container .sideMenu .localNav dd > ul > li{clear:both;float:left;width:100%;border-top:1px solid #fae4b2;}
.container .sideMenu .localNav dd > ul > li:first-child{border-top:none;}
.container .sideMenu .localNav dd > ul > li > a{display:block;padding:12px 0 12px 17px;}
.container .sideMenu .localNav dd > ul > li.on > a,
.container .sideMenu .localNav dd > ul > li:hover > a{position:relative;left:-1px;width:168px;background:#e82b1b url('/images/front/layout/ico_gnb_on.png') no-repeat 100% 50%;}
.container .sideMenu .localNav dd > ul > li.sub.on > a,
.container .sideMenu .localNav dd > ul > li.sub:hover > a{background:#e82b1b url('/images/front/layout/ico_gnb_on2.png') no-repeat 100% 50%;}
.container .sideMenu .localNav dd > ul > li > ul{padding-left:15px;padding-bottom:10px;}
*:first-child + HTML .container .sideMenu .localNav dd > ul > li > ul{padding-left:14px;position:relative;left:1px}
*:first-child + HTML .container .sideMenu .localNav dd > ul > li > ul img{vertical-align:top;}
.container .sideMenu .localNav dd > ul > li > ul > li{margin-top:10px;}
.container .sideMenu .localNav dd > ul > li > ul > li > a{display:block;}
.container .sideMenu .bannerMenu{margin-top:10px;}
.container .sideMenu .bannerMenu li{position:relative;}
.container .sideMenu .bannerMenu li .coupon{position:absolute;top:9px;right:10px;}
.container .sideMenu .bannerMenu li .inquiry{position:absolute;top:60px;right:65px;}
.container .sideMenu .bannerMenu li img{vertical-align:top;}

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

.wrap.freeTestWrap{background-color:#fff;}
.wrap.freeTestWrap .bgLayout{height:410px;background:url('/images/front/layout/bg_layout_freeTestWrap.png') repeat-x 0 0;}
.wrap.freeTestWrap .bgLayout .inner{height:410px;background:url('/images/front/layout/bg_freeTestWrap.png') no-repeat 50% 0;}
.wrap.freeTestWrap2{background-color:#fff;}
.wrap.freeTestWrap2 .bgLayout{height:410px;background:url('/images/front/layout/bg_layout_freeTestWrap2.png') repeat-x 0 0;}
.wrap.freeTestWrap2 .bgLayout .inner{height:410px;background:url('/images/front/layout/bg_freeTestWrap2.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}