@charset "utf-8";

/* reset
-------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0; -webkit-text-size-adjust: none; }
legend {display:none;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
address,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
table {border-collapse:collapse;border-spacing:0}
caption,hr {display:none}
fieldset {border:0 none}
img {border:0 none;vertical-align:top;}
a {text-decoration:none;border-collapse:separate;}
a:active {background:none;}
label {cursor:pointer;}
/* html5 */ article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;}


/* ############### ############### ############### ############### ###############
############### ############### ############### ############### ###############
z-index 는  10을 넘지 않게 컨트롤 해주세요!!
- 딤드처리레이어는 z-index:9; ==> #bgDim
- 딤드처리 위의 노출 되어야 하는 레이어는 z-index:10;을 가지면 됩니다.
- 헤더영역은 z-index:5;
############### ############### ############### ############### ###############
############### ############### ############### ############### ############### */

/* Common
-------------------------------------------------------------------- */
body, textarea, input, button, select {font-family:'Arial','sans-serif','Helvetica';}
html,body {height:100%;}
body {font-size:12px;line-height:1.5;}

/* 대체텍스트 */
.hide {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}

/* 프로팅해제 */
.clear {display:block;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;clear:both;}

/* 배경딤드처리 */
#bgDim {position:relative;z-index:9;width:100%;height:0;}
#bgDim .bg_dim {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;}

/* 테이블 */
.tbl {width:100%;}

/* 폼요소박스 */
select {height:30px;padding-left:5px;border:1px solid #ddd;font-size:13px;color:#333;line-height:30px;}
_::-moz-svg-foreign-content, :root select  {height:24px;line-height:24px;}/* 사파리전용핵 */

/* type="text" 일때는 class="inp" 사용 */
.inp {height:22px;padding:0 10px;border:1px solid #ddd;color:#333;line-height:22px;}

/* 레이어팝업 */
#layerPopup {position:relative;width:1px;height:0;margin:0 auto;z-index:10;}
.layer_popup {display:none;position:absolute;}
.layer_popup h2.tit {height:49px;padding:20px 0 0 28px;font-weight:bold;font-size:24px;color:#fff;line-height:28px;letter-spacing:-1px;}
.layer_popup .layer_close {overflow:hidden;position:absolute;top:24px;width:21px;height:21px;border:0 none;background:url(../images/common/btn_layer_close.png) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}





/* Layout
-------------------------------------------------------------------- */
body {background-color:#95b84a;}
#wrapTown {overflow:hidden;width:100%;min-width:1100px;background:url(../images/common/bg_grain.gif) repeat 0 0;}
.layout_comm {width:1100px;margin:0 auto;background:url(../images/common/bg_grain.gif) repeat 0 0;}
.layout_comm .lnb {position:relative;z-index:2;float:left;width:211px;padding:112px 0 37px;background:url(../images/common/bg_lnb_footer.png) no-repeat 0 100%;}
.layout_comm .lnb .inner_lnb {background:url(../images/common/bg_lnb_head.png) no-repeat 0 0;}
.layout_comm .lnb .in_lnb {padding:0 23px 171px 8px;background:url(../images/common/bg_lnb_body.png) no-repeat 0  373px;}
.layout_comm .lnb .layer_design {position:relative;z-index:2;width:100%;}
.layout_comm .lnb .layer_design .design1 {position:absolute;left:-164px;top:264px;width:169px;height:191px;background:url(../images/common/img_design_leaf_lnb.png) no-repeat 0 0;}
.layout_comm .lnb h3.tit {padding-bottom:47px;background:url(../images/common/img_lnb_design_membership.png) no-repeat 50% 100%;text-align:center;}
.layout_comm .lnb h3.tit img {margin-top:95px;}
.layout_comm .lnb .lnb_menu {overflow:hidden;width:168px;margin:0 auto;padding-top:5px;}
.layout_comm .lnb .lnb_menu a {display:block;overflow:hidden;width:168px;height:44px;padding-top:7px;font-size:0;line-height:0;text-indent:-9999px;}
.layout_comm .lnb .lnb_menu a.on,
.layout_comm .lnb .lnb_menu a:hover {height:51px;padding-top:0;background-position:100% 0;}
.layout_comm .section_cont {float:right;width:870px;border-top:4px solid #d9d9d9;background-color:#fafafa;}
.layout_comm .section_cont .layer_design {position:relative;z-index:1;width:100%;}
.layout_comm .section_cont .layer_design .design1 {position:absolute;left:841px;top:9px;width:759px;height:462px;background:url(../images/common/img_design_wood_right.png) no-repeat 0 0;}
.layout_comm .section_cont .layer_design .design2 {position:absolute;left:-960px;top:26px;width:1001px;height:153px;background:url(../images/common/img_design_wood_left.png) no-repeat 0 0;}


/* 크롬권장배너 
-------------------------------------------------------------------- */
#bn_chrome{width: 100%; height: 50px; background-color: #e3e6ed; box-shadow: inset 0 -8px 3px -6px rgb(216, 219, 224);min-width:1100px}
#bn_chrome span{ position: relative;font-size:14px; text-align: center;display: inline-block; line-height: 47px;margin-left: 100px;}
#bn_chrome span::after{display: block;width: 188px;height: 47px;content: "";background: url(../images/common/chrome.jpg) no-repeat;left: -200px;position: absolute;margin-top: -45px; box-shadow: inset 0 -8px 3px -6px rgb(216, 219, 224);}
#bn_chrome em{font-size:15px;font-weight: 700;}
#bn_inner{position: relative;display: block; width:1100px;margin: 0 auto; max-width: 1100px;text-align: center;}
#bn_down{position: absolute;right:30px;top:25%;}
#bn_hidden{position: absolute; right:0;width:15px;height:50px;}



/* Header
-------------------------------------------------------------------- */
.header {position:relative;width:100%;height:60px;background:url(../images/common/bg_head.gif) repeat-x 0 0;}
.header .logo {position:relative;z-index:3;width:1100px;margin:0 auto;}
.header .logo h2 {position:absolute;top:0;left:0;width:201px;height:127px;background:url(../images/common/bg_toplogo.png) no-repeat 0 0;}
.header .title a {display:block;overflow:hidden;width:166px;height:76px;margin:30px 14px 14px 14px;}
.header .title img {width:166px;height:76px;}
.header .nav {width:1100px;margin:0 auto;}

/* 레벨테스트메뉴 */
.header .gnb {float:left;width:470px;padding:0 0 0 275px;}
.header .gnb li {float:left;}
.header .gnb li + li{padding-left:65px;}
.header .gnb li.lst {padding-right:0;}
.header .gnb a {overflow:hidden;float:left;height:39px;padding-top:15px;font-weight:bold;font-size:18px;color:#fff;white-space:nowrap;}
.header .gnb a:hover,
.header .gnb .on a {color:#46f4c1;}
.header .nav_img {position:absolute;top:60px;left:0;width:100%;height:0;background:url(../images/common/bg_head_shadow.png) repeat-x 0 bottom;}
.header .navimg_inner {width:100%;height:100%;background:#236f77 url(../images/common/bg_head_2dep2.jpg) no-repeat 50% bottom;}
.header .nav_img .inner {width:1000px;margin:0 auto;height:100%;background:url(../images/common/bg_head_2dep2.jpg) no-repeat 50% bottom;}

/* 로그인메뉴 */
.login_menu {float:right;margin-top:9px;/*height:40px;*/font-weight:bold;color:#7db7bd;line-height:18px;}
.login_menu .info {overflow:hidden;float:left;height:29px;padding:11px 0 0 20px;background:url(../images/common/bg_user_menu.png) no-repeat 0 0;}
.login_menu .info .txt {float:left;}
.login_menu .info .bar {float:left;padding:0 5px;font-weight:normal;color:#487378;}
.login_menu .info a {float:left;font-size:11px;color:#7db7bd;white-space:nowrap;}
.login_menu .info a.on,
.login_menu .info a:hover {color:#44db9f;}
.login_menu .btn_cancel {overflow:hidden;float:right;width:28px;height:40px;background:url(../images/common/bg_login_close.png) no-repeat 100% 0;font-size:0;line-height:0;text-indent:-9999px;}
.login_menu .link_mypage {overflow:hidden;float:right;width:117px;height:27px;padding:13px 0 0 40px;background:url(../images/common/bg_mypage_link.png) no-repeat 0 0;font-weight:bold;font-size:12px;color:#0b444b;line-height:16px;text-align:center;}

/* 로그인전 */
.login_menu .login_before {overflow:hidden;width:347px;}
.login_menu .login_before .info {width:170px;}

/* 로그인시 */
.login_menu .login {display:none;overflow:hidden;width:347px;}
.login_menu .login .info {width:308px;height:30px;padding:9px 0 1px 11px;}
.login_menu .login .info a {margin-top:2px;}
.login_menu .login .info .bar {margin-top:2px;padding-right:6px;}
.login_menu .login .info .box_login {position:relative;float:left;width:83px;padding-left:10px;background:url(../images/common/bg_login_box.png) no-repeat 0 0;}
.login_menu .login .info .box_login input {float:left;width:66px;height:20px;border:1px solid #44db9f;background-color:#44db9f;font-weight:bold;font-size:11px;color:#fff;line-height:18px;letter-spacing:0;}
.login_menu .login .info .log_pw {padding-right:18px;}
.login_menu .login .info .box_login label {position:absolute;left:11px;top:2px;font-weight:bold;font-size:11px;color:#fff;line-height:18px;letter-spacing:0;}
.login_menu .login .info .box_login input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #44db9f inset;-webkit-text-fill-color: #fff;}

/* 로그인후 */
.login_menu .login_after {overflow:hidden;width:347px;}
.login_menu .login_after .info {width:170px;}
.login_menu .login_after .info .name {overflow:hidden;float:left;width:72px;font-weight:normal;font-size:12px;color:#83fffb;white-space:nowrap;text-align:center;}
.login_menu .login_after .info .bar {padding-right:8px;}





/* Footer
-------------------------------------------------------------------- */
#Footer {min-width:1100px;height:259px;background:url(../images/common/bg_footer_design.png) no-repeat 50% 0;}
#Footer .footer_info {overflow:hidden;width:1100px;padding:157px 0 45px;height:57px;margin:0 auto;background:url(../images/common/bg_footer_design.png) no-repeat 50% 0;}
#Footer .layer_design {display:none;}
#Footer .company {float:left;width:710px;padding-top:1px;}
#Footer .logo {float:left;width:130px;padding-top:3px;}
#Footer .info {float:left;}
#Footer .info p {font-size:11px;color:#fff; margin-left:10px;}
#Footer .info p strong{color:#0e8b9a;}
#Footer .info p a{color:inherit; text-decoration-line:underline; margin-right:6px;}
#Footer .sub .info p strong{color:#FFF;}
#Footer .menu {float:right;width:300px;}
#Footer .menu li {float:right;padding-right:8px;}
#Footer .menu a {font-size:11px;color:#fff;}
#Footer .menu .fst {padding-right:7px;}
#Footer .menu .lst {width:100%;padding:9px 1px 0;text-align:right;}





/* ETC
-------------------------------------------------------------------- */
/* 공통_페이징 */
.paging {overflow:hidden;width:100%;text-align:center;}
.paging .inner_paging {display:inline-block;}
.paging strong,
.paging a {overflow:hidden;float:left;width:25px;height:20px;padding-top:5px;margin-right:7px;background:url(../images/common/img_paging.gif) no-repeat 0 -50px;font-size:12px;color:#999;line-height:16px;text-indent:-1px;}
.paging strong,
.paging a:hover {background-position:-50px -50px;font-weight:bold;color:#fff;}
.paging .prev {float:left;padding-right:15px;}
.paging .prev a {margin:0;background-position:0 0;font-size:0;line-height:0;text-indent:-9999px;}
.paging .next {float:left;padding-left:8px;}
.paging .next a {margin:0;background-position:-50px 0;font-size:0;line-height:0;text-indent:-9999px;}