@charset "utf-8";

/* 고객센터 */
.viewer {padding:5px 0 0 19px;}
.viewer li {float:left; display:inline; padding:0 20px 19px 0;}
div.infobox.viewer {padding:12px 0 14px 14px; *zoom:1;}
div.infobox.viewer:after{content:""; display:block; clear:both;}
div.infobox.viewer ul li {float:left; display:inline; margin:0 2px 0 0; padding:0; background:none;}
/* 사이트맵 */
.sitemap {width:690px;}
.sitemap div {overflow:hidden; height:100%;}
.sitemap div div {float:left; display:inline; margin:0 11px 20px 0; width:210px;}
.sitemap div div h3 {margin:0; padding:0; background:none;}
.sitemap div div ul li {padding:9px 10px; border-bottom:1px solid #ddd; font-weight:bold;}
.sitemap div div > ul > li > a {color:#333; font-size:14px; font-family:'ngb'; }
.sitemap div div ul li a:hover {color:#007328; text-decoration:underline; }
.sitemap div div ul li ul {margin-left:-9px; padding:0 0 0 9px; margin-top:9px; border-top:1px solid #ddd;}
.sitemap div div ul li ul li {padding:10px 0 0 6px; border-bottom:none; background:url(../css/images/common/bullet/bul_dot2.gif) no-repeat left 16px; font-weight:normal; font-size:11px;}
.sitemap div div ul li ul li a {font-size:14px; }
.sitemap div div ul li ul.region {margin-bottom:-8px; _margin-bottom:0; margin-left:-11px; padding:0;}
.sitemap div div ul li ul.region li {overflow:hidden; background:none; padding:11px 0 0 0;}
.sitemap div div ul li ul.region li a {float:left; display:inline; padding:0 8px 8px 9px; _padding:0 8px; background:url(../css/images/common/bar_black2.gif) no-repeat left top; }

/* 회원가입 */
.joinselect {overflow:hidden; margin-bottom:20px; padding:17px 0 20px 20px; height:208px; background:url(../css/images/member/bg_joinselect.gif) no-repeat left top;}
.joinselect span {position:relative; float:left; display:inline;}
.joinselect span a img {position:absolute; left:10px; top:32px;}
.joinselect div {float:left; display:inline; padding:15px 0 0 15px;}
.joinselect div.left {width:434px;}
.joinselect ul {margin-top:6px;}
.joinselect strong {color:#336600;}
fieldset.join_confirm {margin-bottom:20px;}
fieldset.join_confirm input[type=checkbox] {vertical-align:top;}
fieldset.join_confirm div {overflow:auto; height:160px; border:1px solid #7f9db9; padding:10px; margin-bottom:10px; line-height:1.5}
.joinbox {margin-bottom:20px; padding:13px; border:2px solid #e7e7e7;}
.joinbox dl * {float:left; display:inline;}
.joinbox dl {overflow:hidden; width:257px; *margin-bottom:8px;}
.joinbox dl dt {padding-top:7px; width:87px; color:#666; font-weight:bold;}
.joinbox dl dd {margin-bottom:10px;}
	.joinbox.parent dl dt {width:100px;}
	.joinbox.parent dl dd {width:153px;}
	.joinbox.parent dl dd select {margin-top:5px; width:153px;}
	.joinbox.parent p.btn {margin-top:0; padding-left:102px !important;}
	.joinbox.key dl dt {width:90px;}
	.joinbox.key p.btn {margin-top:0; padding-left:92px !important;}
.joinbox p {margin-top:-3px; margin-bottom:6px; padding-left:17px;}
.joinbox p.btn {margin:8px 0 0; padding-left:66px;}
.joinbox span {display:inline-block; margin-bottom:10px;}
.joinbox span label {margin-right:5px;}
.joinbox div.noti {float:right; display:inline; padding-top:4px; width:395px; background:url(../css/images/member/bg_noti.gif) no-repeat left top;}
.joinbox div.noti ul, .joinbox div.noti p {padding:9px 14px; border-right:1px solid #cecece; border-bottom:1px solid #cecece; border-left:1px solid #cecece;}
.joinbox div.noti ul li strong.black {vertical-align:middle;}
.joinbox_parent {margin:43px 0 0 -10px; padding-left:10px; width:708px;}
.joinbox_parent .joinbox {position:relative; float:left; display:inline; margin:0 10px 10px 0; width:137px;}
	.joinbox_parent.indiv .joinbox {width:196px;}
.joinbox_parent .joinbox h3 {position:absolute; left:0; top:-28px;}
.joinbox_parent .joinbox p {margin:0 0 6px 0; padding:0;}
	.joinbox_parent.co .joinbox p {height:198px;}
.joinbox_parent ul {height:152px;}
.joinbox_parent ul li.ext {background:none; padding:0;}
.joinbox_parent a {display:block; text-align:center;}
.infobox.strong {position:relative; padding:8px 14px 4px;}
.infobox.strong p {font-size:14px; line-height:1.9;}
.infobox.strong p strong {color:#2e8900;}
.infobox.strong a{display:inline-block; margin-top:-4px;}

/* 아이디/비밀번호찾기 */
.custselect span {position:relative; float:left; display:inline;}
.custselect span a img {position:absolute; left:96px; top:49px;}
.infobox.noti_result {margin-bottom:2px !important;}
.joinbox_parent.pwdsrch .joinbox {margin-top:14px;}
.joinbox_parent.pwdsrch .joinbox p {height:75px;}
.joinbox_parent.pwdsrch .joinbox h3 {position:absolute; left:0; top:-42px;}

/* 로그인 */
div.login {height:auto; padding:0 20px 20px 240px; border:4px solid #e4ede0; box-sizing:border-box; background:url('../css/images/member/bg_login.png') no-repeat left top;} /* 20230721 수정 */
div.login fieldset {position:relative; margin:0; padding:0;}
div.login fieldset span {display:block; height:51px; margin:0; padding:25px 0 0 0; font-size:14px; font-family:'ngb'; box-sizing:border-box;}
div.login fieldset span label {margin-right:25px;}
div.login fieldset dl {overflow:hidden; width:280px; box-sizing:border-box;}
div.login fieldset dl dt {float:left; width:40px; height:32px; margin:10px 0 0 0; padding:0; line-height:30px; box-sizing:border-box; font-family:'ngb';}
div.login fieldset dl dd {float:left; width:240px; height:32px; margin:10px 0 0 0; padding:0; box-sizing:border-box;}
div.login fieldset dl dd input.typing {position:static; top:0; width:100%; height:32px; margin:0; padding:0 5px; outline:0; border:1px solid #ddd; font-family:'ngb'; font-size:14px; line-height:inherit; background-color:#fff; }
div.login fieldset dl dd input.typing:hover,
div.login fieldset dl dd input.typing:focus {border-color:#1c7a38;}
div.login fieldset dl + input[type='image'] {display:block; position:absolute; left:290px; top:61px;}
div.login > p {margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #dae5d4;}
div.login_question {overflow:hidden; margin:0; padding:30px 0 0 0;}
div.login_question .infobox {position:relative; width:335px; margin:0; padding:0; border:0; background-color:#fff; box-sizing:border-box;}
div.login_question .infobox:after {content:''; display:block; clear:both;}
div.login_question .infobox.bg01 {float:left;}
div.login_question .infobox.bg02 {float:right;}
div.login_question .infobox h3 {}
div.login_question .infobox p {width:100%; height:200px; margin:0; padding:15px 20px 0 110px; letter-spacing:-1px; line-height:1.8; border:1px solid #b0dea3; box-sizing:border-box;}
div.login_question .infobox a {display: block; position:absolute; left:110px; bottom:20px;}
div.login_question .infobox.bg01 p {background:url('../images/member/bg_login01.png') no-repeat 0 0;}
div.login_question .infobox.bg02 p {background:url('../images/member/bg_login02.png') no-repeat 0 0;}

/* 팝업로그인 */
div.poplogin {padding:8px 20px 0 240px !important; border:4px solid #e4ede0; box-sizing:border-box; background:url('../css/images/member/bg_login.png') no-repeat left top;} /* 20230721 수정 */
div.poplogin fieldset {position:relative; margin:0; padding:0;}
div.poplogin fieldset span {display:block; margin:0; padding:20px 0 0 0; font-size:14px; font-family:'ngb'; box-sizing:border-box;}
div.poplogin fieldset span label {margin-right:25px;}
div.poplogin fieldset .n-pop-login {position:relative; margin-top:10px; padding-right:83px;}
div.poplogin fieldset .n-pop-login input[type='image'] {width:69px; display:block; position:absolute; top:0; right:13px;} /* 20230721 수정 */
div.poplogin fieldset .n-pop-login ul li {margin-top:5px;}
div.poplogin fieldset .n-pop-login ul li:first-child {margin-top:0;}
div.poplogin fieldset .n-pop-login ul li label {display:inline-block; width:30px; height:32px; line-height:32px; font-family:'ngb'; font-size:12px;}
div.poplogin fieldset dl {overflow:hidden; width:280px; box-sizing:border-box;}
div.poplogin fieldset dl dt {float:left; width:40px; height:32px; padding:0; line-height:30px; box-sizing:border-box; font-family:'ngb';}
div.poplogin fieldset dl dd {float:left; height:32px; padding:0; box-sizing:border-box; position:relative;}
div.poplogin fieldset dl dd:after {clear:both; content:""; display:block;}
div.poplogin fieldset dl dd input.typing {position:static; top:0; width:100%; height:32px; margin:0; padding:0 5px; outline:0; border:1px solid #ddd; font-family:'ngb'; font-size:14px; line-height:inherit; background-color:#fff; }
div.poplogin fieldset dl dd input.typing:hover,
div.poplogin fieldset dl dd input.typing:focus {border-color:#1c7a38;}
div.poplogin > p {margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #dae5d4;}

/* 이용안내 */

/* ♤♤♤♤♤ 비밀번호변경안내 ♤♤♤♤♤ */
.sleep {padding:0 107px; _height:143px; background:url(/images/member/sleepchk_bg.gif) no-repeat left top;}
.sleep img {margin:0 0 35px 127px;}
.sleep p {margin:40px 0 10px;}
.sleep p img {margin:0;}
.sleep .graybox02 p {margin:0; line-height:1.5;}
.sleep .notice {margin-bottom:30px; padding:14px 14px 12px; border:1px solid #ddd; line-height:1.5;}
.sleep .notice dl dt {margin-bottom:10px;}
.sleep .notice dl dd {padding-left:10px; background: url("/images/common/bullet/bul_cir_blue.gif") no-repeat left 6px; line-height:1.5;}

.newLoginInfo {border:1px solid #b0dea3; padding:20px 15px; margin-top:40px;}
.newLoginInfo li {border-top:1px solid #dae5d4; position:relative; margin-top:20px; padding:15px 200px 0 10px;}
.newLoginInfo li:first-child {border-top:0; margin:0; padding-top:0;}
.newLoginInfo li dt {font-size:16px; color:#333333; font-family: 'ngb'; margin-bottom:5px;}
.newLoginInfo li dd {font-size:14px; color:#666666; line-height:24px;}
.newLoginInfo li .btn-area {position:absolute; bottom:0; right:15px; width:150px; height:36px;}