@charset "utf-8";


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


/* 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:'Nanum Gothic','NG','sans-serif','Arial','Helvetica','돋움','Dotum';}
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;}

.layer_627 {left:-313px;width:627px;padding-bottom:31px;background:url(/images/common/bg_layer_footer_627.png) no-repeat 0 100%;}
.layer_627 .inner_popup {width:560px;padding:0 37px 6px 30px;background:url(/images/common/bg_layer_body_627.png) repeat-y 0 0;}
.layer_627 h2.tit {background:url(/images/common/bg_layer_head_627.png) no-repeat 0 0;}
.layer_627 .layer_close {left:569px;}





/* 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 {min-height:457px;padding:0 23px 50px 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 {height:199px;background:url(/images/common/img_lnb_design_membership.png) no-repeat 50% 100%;text-align:center;}
.layout_comm .lnb  h3.tit img {margin-top:84px;}
.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;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:13px;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:30px;width:1001px;height:153px;background:url(/images/common/img_design_wood_left.png) no-repeat 0 0;}





/* Header
-------------------------------------------------------------------- */
.header {position:relative;z-index:5;width:100%;height:60px;}
.header .inner_head {position:absolute;left:0;top:0;height:60px;width:100%;background:url(/images/common/bg_head.gif) repeat-x 0 0;}
.header .in_head {background:url(/images/common/bg_head_2dep.jpg) no-repeat 50% 0;}
.header .logo {position:relative;width:1100px;margin:0 auto;}
.header .logo h2 {position:absolute;top:0;left:3px;width:201px;height:127px;background:url(/images/common/bg_toplogo.png) no-repeat 0 0;}
.header .title a {display:block;width:166px;height:76px;margin:30px 14px 14px 14px;}
.header .title img {width:166px;height:76px;}
.header .nav {width:1100px;margin:0 auto;background:url(/images/common/bg_head_2dep.jpg) no-repeat 50% 0;}
.header .gnb {float:left;width:466px;padding:21px 0 0 234px;}
.header .gnb li.dep1 {position:relative;float:left;}
.header .gnb a.dep1 {overflow:hidden;float:left;height:39px;padding:0 20px;background-image:url(/images/common/tit_gnb_menu.png);background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-9999px;}
.header .gnb li.dep1_1 a.dep1 {width:83px;background-position:20px 0;}
.header .gnb li.dep1_1 a.dep1:hover,
.header .gnb li.dep1_1 a.dep1.on {background-position:20px -200px;}
.header .gnb li.dep1_2 .dep2 {width:91px;}
.header .gnb li.dep1_2 a.dep1 {width:88px;background-position:20px -50px;}
.header .gnb li.dep1_2 a.dep1:hover,
.header .gnb li.dep1_2 a.dep1.on {background-position:20px -250px;}
.header .gnb li.dep1_3 a.dep1 {width:66px;background-position:20px -100px;}
.header .gnb li.dep1_3 a.dep1:hover,
.header .gnb li.dep1_3 a.dep1.on {background-position:20px -300px;}
.header .gnb li.dep1_4 a.dep1 {width:66px;background-position:20px -150px;}
.header .gnb li.dep1_4 a.dep1:hover,
.header .gnb li.dep1_4 a.dep1.on {background-position:20px -350px;}
.header .gnb .dep2 {display:none;position:absolute;left:20px;top:29px;width:100%;padding-top:10px}
.header .gnb .dep2 li {padding-top:10px;line-height:16px;word-break:break-all;}
.header .gnb .dep2 li a {font-weight:bold;font-size:13px;color:#bde2e6;word-break:break-all;}
.header .gnb .dep2 li a:hover,
.header .gnb .dep2 li a.on {color:#60cbbf;}
.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;letter-spacing:-1px;}
.login_menu .info {overflow:hidden;float:left;height:30px;padding:10px 0 0 21px;background:url(/images/common/bg_user_menu.png) no-repeat 0 0;}
.login_menu .login_before {overflow:hidden;width:327px;}
.login_menu .login {overflow:hidden;width:329px;}
.login_menu .login_after {overflow:hidden;width:333px;;}
.login_menu .login_after .info {width:187px;}
.login_menu .login_after .info a {white-space:nowrap;}
.login_menu .login_before .info {width:181px;}
.login_menu .login_before .info a {white-space:nowrap;}
.login_menu .login {display:none;}
.login_menu .login .info {width:290px;padding:9px 0 1px 11px;}
.login_menu .login .info a {margin-top:1px;white-space:nowrap;}
.login_menu .login .info .bar {margin-top:1px;padding-right:7px;}
.login_menu .info .name {overflow:hidden;float:left;width:52px;color:#83fffb;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
.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;color:#7db7bd;}
.login_menu .info a.on,
.login_menu .info a:hover {color:#44db9f;}
.login_menu .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 .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 .info .log_pw {padding-right:6px;}
.login_menu .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 .info .box_login input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #44db9f inset;-webkit-text-fill-color: #fff;}
.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:125px;height:40px;background:url(/images/common/bg_mypage_link.png) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
.login_menu .link_admin {overflow:hidden;float:right;width:125px;height:40px;background:url(/images/common/bg_admin_link.png) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}

/* 2차에서 사용되므로 1차에서 display:none 처리 */
.header .gnb .dep2 li.lst {display:none;}




/* 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 {padding-top:1px;font-size:11px;color:#fff;}
#Footer .info p:last-child {padding-top:2px;}
#Footer .menu {float:right;width:300px;}
#Footer .menu li {float:right;padding-right:14px;}
#Footer .menu a {font-size:11px;color:#fff;}
#Footer .menu .fst {padding-right:3px;}
#Footer .menu .lst {width:100%;padding:8px 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:21px;padding-top:4px;margin-right:7px;background:url(/images/common/img_paging.gif) no-repeat 0 -50px;font:12px/16px Verdana;color:#999;text-indent:-2px;}
.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;}

/* 레이어팝업_약관,개인정보취급방침,이메일수신거부 */
#layerComm {position:relative;width:1px;height:0;margin:0 auto;z-index:10;}
#layerComm .layer_popup {left:-393px;width:787px;padding-bottom:31px;background:url(/images/common/bg_layer_footer_787.png) no-repeat 0 100%;}
#layerComm .layer_popup h2.tit {background:url(/images/common/bg_layer_head_787.png) no-repeat 0 0;}
#layerComm .layer_popup .inner_popup {width:750px;padding:34px 37px 6px 30px;background:url(/images/common/bg_layer_body_787.png) repeat-y 0 0;}
#layerComm .layer_popup .inner_popup div {overflow:hidden;overflow-y:auto;width:730px;height:520px;padding-right:20px;font-size:13px;color:#7a7a7a;line-height:22px;}
#layerComm .layer_popup .inner_popup div .fst {color:#333;}
#layerComm .layer_popup .inner_popup div .emph {display:block;padding:22px 0 2px;font-weight:bold;font-size:16px;color:#333;line-height:20px;}
#layerComm .layer_popup .inner_popup div strong {display:block;padding:22px 0 0;font-weight:bold;font-size:16px;color:#333;line-height:20px;}
#layerComm .layer_popup .inner_popup div .ol {display:block;padding:24px 0 2px;font-weight:bold;font-size:13px;color:#333;line-height:18px;}
#layerComm .layer_popup .inner_popup div .ol_fst {padding-top:0;}
#layerComm .layer_popup .btn {display:block;overflow:hidden;background-image:url(/images/mypage/btn_myinfo.gif);background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-9999px;}
#layerComm .layer_popup .layer_close {left:729px;}