@charset "utf-8";

@import url('hack.css');

/* * {font-size:12px; font-family:Dotum,"돋움",sans-serif; color:#9a9a9a;}*/
html,body{margin:0; padding:0; height:100%;}
hr{display:none;}
dt{display:block;}
img{border:0; font-size:0; vertical-align:top;}
form{margin:0; padding:0;}
fieldset{border:0; margin:0; padding:0;}
legend{width:0; height:0; position:absolute; left:-3000px; top:0; visibility:hidden; line-height:0; font-size:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
table{table-layout:fixed; border-collapse:collapse; margin:0; padding:0;}
.cursor{cursor:pointer;}
.clr{clear:both; display: block; visibility: hidden; line-height:0px;}
ul,li {list-style:none; padding:0; margin:0;}
.skipNavi{width:0; height:0; line-height:0; font-size:0; visibility:hidden; position:absolute; left:-3000px; top:0;}
h1{position:absolute; left:10px; top:43px; margin:0; padding:0; z-index:100;}
/* 접근성 추가 */
a:focus, button:focus {
	outline: 3px solid black !important;
}
input[type=checkbox], input[type=radio]{
	height: 17px;
	width: 17px;
}

/* accessibility
---------- ---------- ---------- ---------- ---------- */
#accessibility {width:100%}
#accessibility a {display:block;width:1px;height:1px;margin-bottom:-1px;overflow:hidden;font-size:16px;font-weight:bold;text-align:center;color:#fff}
#accessibility a:focus, #accessibility a:active {width:100%;height:auto;padding:5px 0;background-color:rgb(0,89,83)}
#accessibility a.mobile-content {display:none}
#accessibility [class *="skip-main"] {display:none}

/* layout */
#wrap_member {width:866px; margin:0 auto -70px auto; min-height:100%;}
/*#header {background:url(/images/members/bg/bg_header.gif) top right no-repeat; height:79px;}*/
#header_n{ padding:9px 0 0 0; position:relative; background:#fff; margin:0 auto;}
/* #nav {background:url(/images/members/bg/bg_nav.gif) no-repeat; padding:9px 30px; margin-top:15px;} */
#nav {background:url(/images/members/bg/bg_nav.gif) no-repeat; margin-top:25px;padding: 0 10px;color:#fff;}
#wrap_content {padding:40px 30px 100px 30px; margin:0; margin-top:10px;}
#wrap_content2 {padding:40px 0px 100px 0px; margin:0;}
#footer1 {margin:0 auto; width:866px; height:70px; background:url(/images/members/bg/bg_footerline.gif) left top repeat-x; padding-top:10px; text-align:right;}

/* header */
#logo { width:300px; padding-top:43px;}
#logo h1 {padding:0; margin:0;}
#sub_login {float:right; width:122px;}
#sub_login ul {display:inline;}
#sub_login ul li {float:left; background:url(/images/members/icon/dot_grey.gif) 0px 5px no-repeat; padding-left:5px;}
#sub_login ul li.mg_r15 {margin-right:15px;}
#sub_login2 {float:right; width:155px; padding-top:50px;}
#sub_login2 ul {display:inline;}
#sub_login2 ul li {float:left; background:url(/images/members/icon/dot_grey.gif) 0px 3px no-repeat; padding-left:5px;}
#sub_login2 ul li.mg_r15 {margin-right:15px;}

/* tab_nav */
#tab_nav {}
#tab_nav ul {float:left; height:40px; overflow:hidden;}
#tab_nav ul li {float:left;}

/* wrap_content */
#wrap_content p {color:#666; line-height:18px;}
#wrap_content2 p {line-height:18px;} /* #wrap_content2 p {color:#666; line-height:18px;} */
#wrap_content p.pd_n {padding:0; line-height:0;}
#wrap_content p.txt_red {color:#ef7c53;}
#wrap_content .boxstyle {border:solid 3px #e6e6e6; margin:20px 0 40px 0;}
#wrap_content .boxstyle2 {border:solid 3px #e6e6e6; margin:20px 0 40px 0; padding:15px 18px; color:#515151; min-height:120px;}
#wrap_content .boxstyle2 p {color:#515151; margin:0 0 25px 0;}
#wrap_content2 .boxstyle2 {border:solid 3px #e6e6e6; margin:20px 0 40px 0; padding:15px 18px; color:#515151; min-height:120px;}
#wrap_content2 .boxstyle2 p {color:#515151; margin:0 0 25px 0;}
#wrap_content .boxstyle3 {border:solid 3px #e6e6e6; margin:0 0 40px 0; padding:25px; color:#515151; min-height:120px;}
#wrap_content .boxstyle3 p {color:#515151; margin:0 0 25px 0;}
#bg_1 {background:url(/images/members/bg/bg_at.jpg) right top no-repeat; height:295px;}
#bg_2 {background:url(/images/members/bg/bg_atcomplete.jpg) right top no-repeat; height:370px;}


/* wrap_content- login */
#login_lf1 {float:left; width:472px; margin-bottom:15px;}
#login_rt {float:right; width:319px; margin-bottom:15px;}
#login_lf2 {float:left; width:383px; margin:0 25px 15px 0;}
.login_lf2 {float:left; width:383px; margin:0 25px 15px 0;}
#login_rt2 {float:right; width:383px; margin-bottom:15px;}
.login_rt2 {float:right; width:383px; margin-bottom:15px;}
.box_bdr1 {width:790px; border:solid 3px #e6e6e6; padding:40px 234px; height:238px;}
.box_bdr2 {border:solid 3px #e6e6e6; padding:30px 100px; min-height:80px; margin-bottom:25px;}
.box_bdr3 {border:solid 3px #e6e6e6; padding:30px 30px 30px 180px; height:80px; margin-bottom:25px;}
.box_bdr4 {border:solid 3px #e6e6e6; padding:10px 100px; margin-bottom:25px; text-align:center;}
.box_bdr5 {border:solid 3px #e6e6e6; padding:25px 100px; margin-bottom:25px; text-align:center;}
.box_bdr h2 {margin:0; padding:0;}
#login_box1 {margin-top:20px;}
#login_box1 #box_lf1 {float:left; width:215px;}
#login_box1 #box_rt1 {float:right; width:100px;}
/*.login_row {margin-bottom:10px; text-align:left; padding-left:180px;}*/ /*2010-09-30 9:14 최석원 수정*/
.login_row1 {margin-bottom:10px;}
.login_row1 img {padding:5px 7px 0 0;}
.login_row1 span {color:#515151; font-weight:bold; margin-right:7px; vertical-align:top;}
input.textBox{width:125px;}

#login_box1 p {padding-left:57px; color:#515151;}
#certi_box1 {text-align:center;}
#certi_box1  #box_lf {float:left; width:440px;}
#certi_box1  #box_lf2 {float:left; width:300px; padding-left:100px;}
#certi_box1 #box_rt {float:left; width:70px;}
#wrap_content .txt_rt {text-align:right; color:#515151; padding:0; margin:0;}
#pin {margin-bottom:10px; padding-left:40px;}

#login_btm {margin-top:50px;}
#thanks {float:left; width:490px;}
#move {float:right; width:300px; text-align:right; height:25px; padding:0; margin:0;}

/* agreement */
.agreement {margin:15px 0;}
.agreement h4 {padding:0; margin:7px 0;}
.box_agreement {border:1px solid #d5d5d5; padding:5px; height:111px; overflow:auto; }

/* list style */
.d_1 {list-style:none; overflow:hidden; margin:0; border-bottom:solid 3px #e6e6e6; padding-left:25px; height:43px; line-height:43px;}
.d_1 dt {float:left; width:135px; color:#249524; font-weight:bold; margin:0; background:url(/images/members/icon/arrow_grn.gif) right center no-repeat;}
.d_1 dd {float:right; width:600px;}
.d_2 {list-style:none; margin:0; padding-left:25px; background-color:#f6f6f6; height:43px; line-height:43px;}
.d_2 dt {float:left; width:135px; margin:0; background:url(/images/members/icon/arrow_grey.gif) right center no-repeat;}
.d_2 dd {float:right; width:600px;}
.list_arrow {}
.list_arrow li {background:url(/images/members/icon/arrow_grey2.gif) 3px 2px no-repeat; padding-left:15px; margin-bottom:5px;}

/* jointype */
/* 공사직원 회원가입 부분 추가 이전(3개 내용만 있는 상태)
#jointype #jointype_lf {float:left; width:570px;}
#jointype #jointype_rt {float:right; width:272px;}

#jointype #jointype_lf {float:left; padding:0 0px 0 100px; }
#jointype #jointype_rt {float:right; padding:30px 45px 0 0;}
*/
#jointype #jointype_lf {float:left; padding:0 0 0 150px; }
#jointype .jointype_rt {float:left; padding:30px 0 0 150px;}
#jointype #jointype_lf #type1 {float:left; background:url(/images/members/common/type1_2022.png) left top no-repeat; padding:0 15px 0 40px; width:210px;}
#jointype #jointype_lf #type2 {float:right; background:url(/images/members/common/type2_2022.png) left top no-repeat; padding:0 15px 0 90px; }
#jointype .jointype_rt #type3 {float:left; background:url(/images/members/common/type3_2022.png) left top no-repeat; padding:0 15px 0 90px; width:160px;}
#jointype .jointype_rt #type4 {float:right; background:url(/images/members/common/type4.gif) left top no-repeat; padding:0 15px 0 90px;}
#jointype .jointype_rt #type5 {float:left; background:url(/images/members/common/type5.gif) left top no-repeat; padding:0 15px 0 90px; width:160px;}



/* table */
.tb_style1 {width:100%;}
.tb_style1 th{height:35px; text-align:center; font-size:11px; color:#888; border-bottom:1px solid #e6e6e6;}
.tb_style1 td{padding:10px; text-align:center; color:#515151;}
.tb_style1 td.txt_grn_bd{font-weight:bold; color:#249524;}
.tb_style1 td.txt_grn_bd label{font-weight:bold; color:#249524;}
.tb_style1 td.strong {font-weight:bold; color:#515151;}
.tb_title1 {background:url(/images/members/icon/arrow_grn2.gif) 3px 1px no-repeat; padding-left:25px; color:#515151;}
h3.tb_title2 {background:url(/images/members/icon/arrow_grn2.gif) 3px 1px no-repeat;  color:#515151; font-weight:bold; padding:0 0 0 25px; margin:0;}
.tb_style2 {width:100%; border-top:2px solid #7e7e7e; border-bottom:2px solid #7e7e7e; margin-bottom:20px; color:#515151;}
.tb_style2 label {color:#515151;}
.tb_style2 th{height:35px; text-align:left; background-color:#f9f9f9; color:#515151; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; font-weight:normal; padding-left:20px;}
.tb_style2 th.bdr_lf {border-left:1px solid #d3d3d3;}
.tb_style2 td{padding:5px 5px 5px 10px; text-align:left; color:#515151; border-bottom:1px solid #d3d3d3;}

/* table -input */
.input_01 {padding:3px; border:2px solid #c2dfa5; width:140px; vertical-align:top;}
.input_02 {padding:3px; border:2px solid #c2dfa5; width:300px; vertical-align:top;}
.input_02mg {padding:3px; border:1px solid #cfcfcf; width:300px; vertical-align:top; margin:3px 0;}
.input_03 {padding:3px; border:2px solid #c2dfa5; width:85px;}
.input_03t {padding:3px; border:2px solid #c2dfa5; width:83px; vertical-align:top;}
.input_04 {padding:3px; border:1px solid #cfcfcf; width:180px; vertical-align:top;}
.input_05 {padding:3px; border:1px solid #cfcfcf; width:100px; vertical-align:top;}
.input_05mg {padding:3px; border:1px solid #cfcfcf; width:100px; vertical-align:top; margin:5px 0;}
.input_06 {padding:3px; border:1px solid #cfcfcf; width:80px;}
.input_06m {padding:3px; border:1px solid #cfcfcf; width:60px; margin-left:5px;}
.input_07 {padding:3px; border:2px solid #c2dfa5; width:136px;}
.input_08 {padding:3px; border:2px solid #c2dfa5; width:180px; vertical-align:top;}
.input_09 {padding:3px; border:2px solid #c2dfa5; width:200px; vertical-align:top;}
.input_10 {padding:3px; border:2px solid #c2dfa5; width:110px; vertical-align:top;}
.input_drop {border:1px solid #b0b0b0; height:18px; font-size:11px; margin:0; vertical-align:top;}
.input_drop2 {border:1px solid #cfcfcf; height:20px; width:80px; color:#737373; margin:0; vertical-align:top;}
.input_drop3 {border:1px solid #cfcfcf; height:20px; width:250px; color:#b0b0b0; margin:0; vertical-align:top;}
.txt_box {width:550px; height:100px; margin:0; padding:5px; border:1px solid #CFCFCF;}


/* add_policy */
#add_policy {border:1px solid #e6e6e6; margin:20px 0; padding:20px;}
#add_policy h5 {margin:0; padding:0; color:#515151;}
#add_policy p {padding:0 0 0 25px; margin:0; color:#515151;}
#num_list {margin:10px 0 0 0; padding:0 0 0 10px;}
#num_list li {margin-bottom:5px; font-size:11px;}

/* popup */
.popup_box {border:1px solid #d5d5d5; width:430px; margin-bottom:20px;}
.popup_box .content {padding:20px 30px;}
.popup_box .content p {line-height:17px; padding:0; margin-bottom:10px;}
.popup_box .content p.mg_b50 {margin-bottom:50px;}
.popup_box .title {background:url(/images/members/popup/bg_title.gif) left top repeat-x; color:#515151; padding:13px 25px; font-weight:bold;}
.popup_box .title h2 {float:left; width:230px; padding:0; margin:0; color:#515151;}
.popup_box .title .close {float:right; width:15px;}

/* errorpage */
#errorpage {width:460px; margin:100px auto;}
#errorpage h1 {margin:0 0 10px 0; padding:0;}
#errorbox {border:3px solid #e6e6e6; padding:20px; text-align:center;}
#errorbox #error_top {text-align:center; border-bottom:1px dashed #e6e6e6; padding-bottom:20px;}
#error_top .txt_red18 {color:#f2562f; font-size:18px;}
#error_bottom p {font-size:11px; text-align:left; padding-left:60px;}

/* footer */
#footer .pd_top5 {padding-top:5px;}

/* ECT */
.ctr {text-align:center;}
.ctr h5 {font-weight:normal; color:#515151;}
#wrap_content .ctr p {margin:0 0 10px 0; color:#515151;}
.pd_top5 {padding-top:5px;}
.pd_lf90 {padding-left:90px;}
.warning {color:#515151; background:url(/images/members/icon/ic_warning.gif) no-repeat; padding-left:17px;}
#wrap_content #txt_warning {color:#515151; padding-left:17px;}
#wrap_content #txt_warning a {color:#0054a6; text-decoration:underline;}
.txt_red {color:#ef7c53;}
.txt_grey11 {color:#848484; font-size:11px; padding:0 0 0 100px; margin:0;}
.txt_grey11n {color:#848484; font-size:11px; padding:0; margin:0;}
.txt_grey9 {color:#828181; font-size:11px; padding:0; margin:0; letter-spacing:-0.5px;}

/*2010.0720*/
.escape{width:650px; margin:10px 0 10px 25px; padding:0; overflow:hidden;}
.escape dt{float:left; margin:0; padding:0; font-weight:bold; width:100px;}
.escape dt label{font-weight:bold; color:#515151;}
.escape dd{float:left; margin:0; padding:0; width:500px;}
.escape dd select{width:200px; height:20px; border:1px solid #ddd;}
.escape dd textarea{width:450px; height:50px; padding:10px; margin:0; border:1px solid #ddd;}

/*2010.09.07*/
.tb_title1_1{background:url(../../images/members/icon/arrow_grn2.gif) 3px 21px no-repeat; padding-top:20px; padding-left:25px; color:#515151;}
.input_dropp1{border:1px solid #cfcfcf; height:20px; width:150px; color:#b0b0b0; margin:0; vertical-align:top;}
.inputt_01{padding:3px; border:1px solid #cfcfcf; width:120px; vertical-align:top;}
.lab_1{padding:0 5px 0 30px; vertical-align:-4px;}

.tb_style2m{width:100%; border-top:2px solid #7e7e7e; border-bottom:2px solid #7e7e7e; margin-bottom:20px; color:#515151;}
.tb_style2m label{color:#515151;}
.tb_style2m th
	{height:35px; text-align:center; background-color:#f9f9f9; color:#515151; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3;}
.tb_style2m th.bd_n{border-right:none;}
.tb_style2m td{padding:5px 5px 5px 10px; text-align:left; color:#515151; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.tb_style2m td.al_ct{text-align:center;}
.tb_style2m td.bd_n{border-right:none;}

#bg_1 p.txt_grey9 {color:#666; font-size:11px; padding:0; margin:0; letter-spacing:-0.5px;}
#bg_1 .txt_red9 {color:#CC0000; padding:0; margin:0; letter-spacing:-0.5px; font-weight:bold; font-size:14px;}


/* 우편번호 (2012.02.27) */
#postalcode { width:450px; margin:0; padding: 20px 10px; font-size:12px; font-family:"돋움", "굴림"; color:#666; line-height:1.6em; }
#postalcode h4.left { float:left; width:154px; margin:0; padding: 5px; text-align:center; background-color:#f6f6f6; border: 1px solid #ddd; }
#postalcode h4.right { width:154px; margin: 0 0 0 195px; padding: 5px; text-align:center; background-color:#f6f6f6; border: 1px solid #ddd; }
#postalcode p.txt1 { margin: 20px 0 0 0; padding:0; }
#postalcode p.txt2 { margin: 0; padding:0; font-size:95%; color:#888; }
#postalcode p.search { margin: 20px 0 10px 0; padding:0; }
#postalcode fieldset div.post_wrap {width:420px; height:200px; border:1px #ccc solid; padding:5px; }
.sch_selt { width: 100px; height:19px; margin: 0 5px 0 0; padding:0; }

.post_box {border:0px solid #d5d5d5; width:450px; margin:-px;}
.post_box .content {padding:20px 30px;}
.post_box .content p {line-height:17px; padding:0; margin-bottom:5px;}
.post_box .content p.mg_b50 {margin-bottom:50px;}
.post_box .title {background:url(/images/members/popup/bg_title.gif) left top repeat-x; color:#515151; padding:13px 25px; font-weight:bold;}
.post_box .title h2 {float:left; width:230px; padding:0; margin:0; color:#515151;}
.post_box .title .close {float:right; width:15px;}


/*topmenu & footer*/
	#header .headerIn {overflow:hidden; position:relative; width:1000px; margin:0 auto;}
	#header .logo {float:left; padding-top:10px; padding-bottom:15px;}
	#header .utilMenuTotSch {overflow:hidden; position:absolute;right: 0; top:16px; font-size:12px; color:#7a7a7a;}
	#header .utilMenuTotSch > * {float:left; margin-left:23px;}
	#header .utilMenuTotSch .utilMenu {overflow:hidden; margin-top:8px; line-height:13px;}
	#header .utilMenuTotSch .utilMenu > * {float:left; margin-left:13px; color:#000;}
	#header .totSch .border {background: url("../../images/icon/bg_S.png") no-repeat;width: 225px; height:24px; padding:2px 13px;}
	#header .totSch .border input[type="text"] {border:none; width:157px; height:22px; float:left; margin-right:12px; -webkit-ime-mode:active; ime-mode:active;}
	#header .totSch .border .btnSch {display:inline-block; top:-2px; position:relative;}
	#header h1{ top:0px; left:0px;}

	#aTwrap h1{ top:0px; left:0px;}
	#wrapper #content_wrap h1{ top:0px; left:0px;}
	span.ttu{float:left; text-transform:uppercase;}
	button.btnPlus{float:left; border:none; background:none; padding-right:5px;}
	button.btnMinus{float:left; border:none; background:none;}


	#gnb {float:right; overflow:hidden; margin-top: 50px;/* border-bottom:1px solid #fff;*/ }
	#gnb li {float:left; text-align:center; background:#537bc7; width:162px; border-right:1px solid #fff; height:30px; line-height:30px; }
	/*#gnb li:last-child{ border:none; width:150px;}*/
	#gnb .topLast{ border:none; width:156px;}
	#gnb .topFirst{ width:156px;}

	#gnb > li > a {font-size:16px; color:#fff; text-decoration:none;display:block;padding-bottom:5px;}
	.colorBox{ background:#537bc7; width:100%; position:absolute; top:59px; height:30px; }



	.bannerZoneWrap {position:relative; margin:0 auto 0; width:960px; border-top:2px solid #537bc7; overflow:hidden;}
/* Bottom Quick Menu */
	#qckMenuWrap {padding:20px 0;}
	#qckMenuWrap .qckMenuWrapIn {overflow:hidden; width:920px; margin:0 auto;}
	#qckMenuWrap .qckMenu {overflow:hidden; float:left;}
	#qckMenuWrap .qckMenu li {float:left; margin-left:15px; padding-top:5px; font-size:12px; letter-spacing:-.5px; line-height:15px;}
	#qckMenuWrap .qckMenu li a{color:#000;}
	#qckMenuWrap .qckMenu li a b{color:#000;}
	#qckMenuWrap .qckMenu li:first-child {margin-left:0;}
	#qckMenuWrap .social {overflow:hidden; float:right;}
	#qckMenuWrap .social li {float:left; margin-left:6px;}
	#qckMenuWrap .social li img{ width:24px; height:24px;}
	#qckMenuWrap .social li:first-child {margin-left:0;}

/* Footer */

	#footer {background:#2d3a64; padding-bottom:28px; font-size:12px; width:965px; margin:0 auto; height:78px; padding-top:12px; box-sizing:border-box;}
	.footerIn {position:relative; width:920px; margin:0px auto;}
	.footerIn .logo {float:left; margin-top:12px; margin-left:10px;}
	.footerIn .pim {float:left; margin-top:5px; margin-left:80px;}
	.footerIn .copyaddr {float:left; margin:-3px 0 0 10px; line-height:18px; color:#fff;}
	.footerIn .familySite {position:absolute;right:0;top:0px;width:195px;}
	.footerIn .familySite a{ float:right; padding-top:0px;}
	.footerIn .familySite option{ float:right; padding-top:0px; color:#000; font-size:12px;}
	.footerIn .familySite select {width:164px; height:23px; color:#000; font-size:12px;}
	.footerIn .relatedSite {position:absolute;right:0;top:30px;width:195px;}
	.footerIn .relatedSite a{ float:right; padding-top:0px;}
	.footerIn .relatedSite option{ float:right; padding-top:0px; color:#000; font-size:12px;}
	.footerIn .relatedSite select {width:164px; height:23px; color:#000; font-size:12px;}



/* All Menu */
	.allMenuWrap {position:absolute; left:0px;top: 88.5px;width:100%; z-index:998; display:none;}
	.allMenuWrap .menu {overflow:hidden; width:963px; height:100%; margin:0 auto; box-shadow:0 3px 5px #ccc; background-color:#fff;}
	.allMenuWrap .menu > li {float:left; border-right:1px solid #ebebeb;width: 161.81px; height:100%; text-align:center;}
	/*.allMenuWrap .menu > li:last-child{ border:none; width:148px;}*/
	.allMenuWrap .menu > li.firstLi{ width:155px;}
	.allMenuWrap .menu > li.LastLi{ border:none; width:155px;}
	.allMenuWrap .menu h2 {font-family:'nngb'; font-size:17px; line-height:44px; color:white;}
	.allMenuWrap .menu > li > ul {text-align:left; padding-left: 0;width: 162px;}
	.allMenuWrap .menu > li.firstLi > ul {text-align:left;padding-left: 0;width: 156px;}
	.allMenuWrap .menu > li > ul > li > ul > li { font-size:12px }
	.allMenuWrap .menu > li > ul > li {/*margin-top:3px;*/ font-family:'nngb'; font-size:13px; line-height:20px; color:#4c5251; letter-spacing:-0.25px;width: 162px;}
	/*.allMenuWrap .menu > li:last-child > ul > li {margin-top:3px; font-family:'nngb'; font-size:13px; line-height:20px; color:#4c5251; letter-spacing:-0.25px;width: 148px;}*/
	.allMenuWrap .menu > li.firstLi > ul > li {/*margin-top:3px;*/ font-family:'nngb'; font-size:13px; line-height:20px; color:#4c5251; letter-spacing:-0.25px;width: 155px;}
	.allMenuWrap .menu > li.LastLi > ul > li {/*margin-top:3px;*/ font-family:'nngb'; font-size:13px; line-height:20px; color:#4c5251; letter-spacing:-0.25px;width: 155px;}
	.allMenuWrap .menu > li > ul > li a{ padding-left:15px; color:#3f579d; text-decoration:none;display:block;}
	.allMenuWrap .menu > li > ul > li:first-child { /*margin-top:10px;*/}
	.allMenuWrap .menu .thrDep { font-size:12px!important; color:#797979; line-height:14px}
	.allMenuWrap .menu .thrDep li {margin-top:4px !important; font-size:12px; color:#797979}
	.allMenuWrap .menu .thrDep02 li.thrDep2 {margin-top:4px !important; font-size:12px; color:#797979; height:5px;}
	.thrDep02{margin-top: 1px !important; font-size: 12px;color: #797979;}
	.thrDep02 li{color:#4c5251; letter-spacing:-0.25px;width: 151px;line-height: 17px;}
	.pointBg{ background:#3f65ae; height:25px; padding-top:5px;}
	.pointBg1{ background:#ffffff; height:25px; padding-top:5px;}
	.pointBg1 img{ width:120px; text-align:center; padding-top:3px;}
	.pointBg a{font-family:'nngb'; font-size:16px; color:#fff !important; text-align:left;position:relative;left:33px;}

	/* 메인 롤링에 필요한 css */
	/* Pages */
	ul{/* float:right;*/ }
	.on{ display:block;}
	.onColor{ background:#3f65ae; display:block;}
	.menuon{background:#537bc7; color:#fff;}
	.allMenuWrap .menu .menuon > li a{color:#fff}

	/* Icon */
	.icon_lock {background: url("../../images/icon/icon_lock.png") no-repeat; padding-left:16px;}
	.icon_lock02 {background: url("../../images/icon/icon_lock02.png") no-repeat; padding-left:16px;}
	.icon_people {background: url("../../images/icon/icon_people.png") no-repeat; padding-left:16px;}

	.border .btnSch{right:-3px;}


/* ajax spinner (2012.04.03) */
.spinner { background:url(../../images/commons/icon/spinner.gif) center no-repeat; background-color:#f6f6f6; z-index:10;}

/* 20120725 14세미만 어린이 회원가입 */
caption {height:0; font-size:0; text-indent:-100%; line-height:0;}

.emp {
	color:#ff0000;
}

.box_gud {
	margin:0 auto 23px;
	width:636px;
	height:163px;
	background:url(../images/members/common/bg_box_guardian.gif) no-repeat 0 0;
}

.box_gud h4 {
	padding:33px 0 0 32px;
}

.kidsData {
	margin:0 0 0 34px;
}

.kidsData th, .kidsData td {
	padding:6px 10px;
	border-bottom: 1px dashed #0f850f;
	color:#3f3e3e;
}

.kidsData th.last, .kidsData td.last {
	border-bottom:none;
}

.btn_gud_join {
	text-align:center;
	margin-top:20px;
}


c_tb2{width:720px; border-top:2px solid #7e7e7e; margin-bottom:10px;}
.c_tb2 th{padding:8px 0; border-bottom:1px solid #7e7e7e; border-right:1px solid #dedede; text-align:center; color:#515151;}
.c_tb2 th.bd_n{border-right:none;}
.c_tb2 tr.gray{background:#f9f9f9;}
.c_tb2 td{padding:8px 0; text-align:center; border-bottom:1px solid #e1e6e5; border-right:1px solid #dedede;}
.c_tb2 td.bd_n{border-right:none;}

.t_ty1 td.bd_n {padding-left:17px; text-align:left;}
.t_ty1 td.black1 {font-weight:bold;}

/*로그인실패 CSS 추가*/
#loginfail{text-align:center; line-height:20px; font-size:15px; margin-top:100px; margin-bottom:40px; font-weight:bold;}
#loginfailForm {text-align:center;}
#loginfailForm .loginHome .loginGo{ font-size:13px; text-decoration:none; background:#537bc7; text-align:center;color:white; width:170px; display:inline-block; line-height:40px; margin-right:30px;}
#loginfailForm .loginHome .homeGo{ font-size:13px; text-decoration:none; background:#537bc7; text-align:center;color:white; width:170px; display:inline-block; line-height:40px;}

#servercheck{text-align:center; line-height:70px; font-size:26px; margin-top:100px; margin-bottom:40px; font-weight:bold;}


/* 230316 추가 */
.login_wrap *{font-family:'Malgun Gothic' !important;}
.login_wrap{width: 100%; max-width: 400px; margin: 0 auto; margin-top: 60px; position: relative;}
.login_wrap h1{position: static; text-align: center; margin: 0; margin-bottom: 25px; font-size: 0; line-height: 1;}
.login_wrap h1 a{display: inline-block;}
.login_wrap h1 img{display: block; width: 168px;}
.login_wrap .box{border-radius: 12px; border: 2px solid #efeeee; padding: 40px; position: relative;}
.login_wrap .box2{background: #efeeee; margin-top: 20px;}

.login_wrap .tit{font-size: 22px; font-weight: bold; letter-spacing: 0; margin-top: 15px; margin-bottom: 30px; line-height: 1;}
.login_wrap .btn_close{display: block; width: 17px; height: 17px; background: url(/images/members/common/btn_login_back.png) no-repeat center; text-indent: -9999px; border: 0; position: absolute; right: 40px; top: 58px;}
.login_wrap .input_01{border: 2px solid #005b53; width: 100%; height: 50px; line-height: 50px; font-size: 16px; padding: 0 18px; font-weight: normal;  }
.login_wrap ul {margin-bottom: 14px !important;}
.login_wrap ul li + li{margin-top: 20px !important;}
.login_wrap .input_01::placeholder {color: #999999;}
.login_wrap .input_01:-ms-input-placeholder {color: #999999;}
.login_wrap .input_01::-ms-input-placeholder {color: #999999;}

.login_wrap span.chk {display: inline-block; position: relative;}
.login_wrap .chk input {position: absolute; opacity: 0;}
.login_wrap .chk > span {display: inline-block;}
.login_wrap .chk > span label {display: inline-block;position: relative;padding-left: 28px;line-height: 24px;cursor: pointer; font-size: 16px; font-weight: bold;}
.login_wrap .chk .cbx label::before {content: '';position: absolute;left: 0;top: 0;width: 24px;height: 24px;border: 2px solid #53b847;background: #fff;border-radius: 2px;}
.login_wrap .chk .cbx input:checked + label::before {background: #53b847 url(/images/members/common/i_login_chk.png) no-repeat center;}
.login_wrap .chk input:focus + label{outline: 2px solid black;}

.login_wrap .chk + a{font-size: 14px; color: #666666; letter-spacing: -0.04em; float: right; margin-top: 2px;}
.login_wrap .btn_login{display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; border-radius: 8px; font-size: 16px; font-weight: bold; border: 0; cursor: pointer; background: #005b53; color: #fff;}
.login_wrap .btn_login:hover,
.login_wrap .btn_login:focus,
.login_wrap .btn_login.join{background: #fff; color: #005b53; border: 1px solid #005b53;}
.login_wrap .box div{margin-bottom: 25px;}
.login_wrap .box2 p, .login_wrap small{font-size: 12px; color: #005b53; letter-spacing: 0; line-height: 1.6; margin-top: 25px !important; display: block; word-break: keep-all;}
.login_wrap .box2 p a{color: #005b53;}
.login_wrap small{text-align: center; margin-top: 20px !important;}

/* @media all and (max-width:1000px){
	.login_wrap{max-width:100%; padding: 0 30px;}
	.login_wrap .box{border-radius: 0; border: 0; margin-top: 0;}
	.login_wrap .box1{padding-left:0; padding-right: 0;}
	.login_wrap .btn_close{right: 0;}
}
@media all and (max-width:530px){
	.login_wrap{padding: 0 3%;}
	.login_wrap .box2{padding: 20px;}
}
 */
/**/

/* 230316 추가 로그인, join 리뉴얼 */
.login_wrap *, .join_wrap *{font-family:'Malgun Gothic' !important;}
.login_wrap, .join_wrap{width: 100%; max-width: 400px; margin: 0 auto; margin-top: 30px; position: relative;}
.login_wrap h1, .join_wrap h1{position: static; text-align: center; margin: 0; margin-bottom: 25px; font-size: 0; line-height: 1;}
.login_wrap h1 a, .join_wrap h1 a{display: inline-block;}
.login_wrap h1 img, .join_wrap h1 img{display: block; width: 168px;}
.login_wrap .box, .join_wrap .box{border-radius: 12px; border: 2px solid #efeeee; padding: 40px; position: relative;}
.login_wrap .box2, .join_wrap .box2{background: #efeeee; margin-top: 20px;}
.login_wrap .box2 p, .login_wrap small, .join_wrap .box1 p, .join_wrap .box2 p, .join_wrap small{font-size: 12px; color: #005b53; letter-spacing: 0; line-height: 1.6; margin-top: 25px !important; display: block; word-break: keep-all;}
.login_wrap .box2 p a, .join_wrap .box2 p a{color: #005b53;}
.login_wrap small, .join_wrap small{text-align: center; margin-top: 20px !important; padding-bottom: 20px;}

.login_wrap .tit{font-size: 22px; font-weight: bold; letter-spacing: 0; margin-top: 15px; margin-bottom: 30px; line-height: 1;}
.login_wrap .btn_close{display: block; width: 17px; height: 17px; background: url(/images/members/common/btn_login_back.png) no-repeat center; text-indent: -9999px; border: 0; position: absolute; right: 40px; top: 58px;}
.login_wrap .input_01{border: 2px solid #005b53; width: 100%; height: 50px; line-height: 50px; font-size: 16px; padding: 0 18px; font-weight: normal;  }
.login_wrap ul {margin-bottom: 14px !important;}
.login_wrap ul li + li{margin-top: 20px !important;}
.login_wrap .input_01::placeholder {color: #999999;}
.login_wrap .input_01:-ms-input-placeholder {color: #999999;}
.login_wrap .input_01::-ms-input-placeholder {color: #999999;}

.login_wrap span.chk {display: inline-block; position: relative;}
.login_wrap .chk input {position: absolute; opacity: 0;}
.login_wrap .chk > span {display: inline-block;}
.login_wrap .chk > span label {display: inline-block;position: relative;padding-left: 28px;line-height: 24px;cursor: pointer; font-size: 16px; font-weight: bold;}
.login_wrap .chk .cbx label::before {content: '';position: absolute;left: 0;top: 0;width: 24px;height: 24px;border: 2px solid #53b847;background: #fff;border-radius: 2px;}
.login_wrap .chk .cbx input:checked + label::before {background: #53b847 url(/images/members/common/i_login_chk.png) no-repeat center;}
.login_wrap .chk input:focus + label{outline: 2px solid black;}

.login_wrap .chk + a{font-size: 14px; color: #666666; letter-spacing: -0.04em; float: right; margin-top: 2px;}
.login_wrap .btn_login{display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; border-radius: 8px; font-size: 16px; font-weight: bold; border: 0; cursor: pointer; background: #005b53; color: #fff;}
.login_wrap .btn_login.join{background: #fff; color: #005b53; border: 1px solid #005b53;}
.login_wrap .box div{margin-bottom: 25px;}

.join_wrap{}
.join_wrap .btn_back{display: block; width: 20px; height: 20px; background: url(/images/members/common/btn_back.png) no-repeat center; text-indent: -9999px; border: 0; position: absolute; left: 40px; top: 3px;}
.join_wrap h2.tit{font-size: 22px; font-weight: bold; color: #005953; line-height: 1; text-align: center; margin: 0; margin-bottom: 25px;}
.join_wrap .box1 p, .join_wrap .box2 p{margin-top: 0 !important; margin-bottom: 0;}
.join_wrap .box1, .join_wrap .box2{padding: 33px 40px;}
.join_wrap  .box1 ul{margin-bottom: 12px;}
.join_wrap  .box1 ul li + li{margin-top: 10px;}
.join_wrap  .box1 ul li a{display: flex; width: 100%; height: 60px; border-radius: 8px; font-size: 16px; font-weight: bold; align-items: center;  padding: 5px 10px; padding-left: 85px; position: relative; box-sizing: border-box; color: #fff;}
.join_wrap  .box1 ul li a:hover{text-decoration: none;}
.join_wrap  .box1 ul li a.btn1{background: #278804;}
.join_wrap  .box1 ul li a.btn2, .join_wrap  .box1 ul li a.btn3{background: #005b53;}
.join_wrap  .box1 ul li a.btn4{background: #002522;}
.join_wrap  .box1 ul li a::before{content: ''; display: block; width: 65px; height: 60px; position: absolute; left: 0; top: 0;}
.join_wrap  .box1 ul li a.btn1::before{background: url(/images/members/common/i_btn1.png) no-repeat center;}
.join_wrap  .box1 ul li a.btn2::before{background: url(/images/members/common/i_btn2.png) no-repeat center;}
.join_wrap  .box1 ul li a.btn3::before{background: url(/images/members/common/i_btn3.png) no-repeat center;}
.join_wrap  .box1 ul li a.btn4::before{background: url(/images/members/common/i_btn4.png) no-repeat center;}
.join_wrap  .box1 ul li a::after{content: ''; display: block; width: 1px; height: 30px; background: #fff; opacity: 0.3; position: absolute; left: 66px;}

span.chk {display: inline-block;}
.chk input {display: none;}
.chk > span {display: inline-block;}
.chk > span label {display: inline-block;position: relative;padding-left: 34px;line-height: 24px;cursor: pointer; font-size: 13px; color: #005b53; margin-bottom: 0 !important;}
.chk > span label b{color: #1eb70c;}
.chk > span label b.gray{color: #898989;}
.chk .cbx label::before {content: '';position: absolute;left: 0;top: 0;width:24px; height: 24px; background: url(/images/members/common/i_chk_off.png) no-repeat center;}
.chk .cbx input:checked + label::before {background: url(/images/members/common/i_chk_on.png) no-repeat center;}

.join_wrap .join_step{overflow: hidden; margin-bottom: 30px; text-align: center;}
.join_wrap .join_step ul{height: 21px;}
.join_wrap .join_step li{ font-size: 14px; font-weight: bold; color: #a6a6a6; display: inline-block; padding:0 18px; position: relative; line-height: 21px;}
.join_wrap .join_step li.on{color: #005953;}
.join_wrap .join_step li::after{content: ''; display: block; width: 9px; height: 12px; background: url(/images/members/common/i_step_arrow.png) no-repeat center; position: absolute; right: -7px; top: 4px;}
.join_wrap .join_step li:last-of-type::after{display: none;}
.join_terms > ul > li + li{margin-top: 30px !important;}
.join_terms .all + li{margin-top: 20px !important;}
.join_terms .all .chk > span label{font-size: 16px;}
.join_terms .all{padding-bottom: 20px;  border-bottom: 1px solid #d8d8d8;}
.join_terms .term_box{border: 1px solid #ced5da; padding: 15px 10px; height: 150px; overflow-y: auto; margin-top: 10px; font-size: 12px; color: #005b53;}
.join_terms .term_box .tit{font-size: 13px;}
.join_terms .term_box .tit+ul>li + li{margin-top:10px !important;}
.join_terms .term_box>ul>li + li{margin-top: 15px !important;}
.join_terms .term_box .tdepth{padding-left: 10px;}
.join_terms .term_box p{margin-top: 10px !important;}
.terms_btns{padding:0 20px; padding-top: 30px; display: flex; justify-content: space-between;}
.join_btn{display: inline-block; width: 47%; height: 50px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; border-radius: 8px; background: #4fb847; line-height: 50px;}
.join_btn.gray{background: #aaaaaa;}

.join_cer{margin-bottom: 40px;}
.join_cer ul li + li{margin-top: 20px;}
.join_cer ul li a{display: flex; width: 100%; height: 100px; border-radius: 8px; font-size: 16px; font-weight: bold; align-items: center;  padding: 5px 10px; padding-left: 115px; position: relative; box-sizing: border-box; color: #fff;}
.join_cer ul li a span{font-size: 14px; font-weight: normal; display: block;}
.join_cer ul li a:hover{text-decoration: none;}
.join_cer ul li a.btn1{background: #4fb847;}
.join_cer ul li a.btn2{background: #005b53;}
.join_cer ul li a::before{content: ''; display: block; width: 85px; height: 100px; position: absolute; left: 0; top: 0;}
.join_cer ul li a::after{content: ''; display: block; width: 1px; height: 51px; background: #fff; opacity:0.3; position: absolute; left: 85px; top: 25px;}
.join_cer ul li a.btn1::before{background: url(/images/members/common/i_cer_phone.png) no-repeat center;}
.join_cer ul li a.btn2::before{background: url(/images/members/common/i_cer_ipin.png) no-repeat center;}
.join_wrap .box2 .icon_notice{vertical-align: -2px; margin-right: 5px;}

@media all and (max-width:1000px){
	.login_wrap, .join_wrap{max-width:100%; padding: 0 30px;  box-sizing: border-box;}
	.login_wrap .box, .join_wrap .box{border-radius: 0; border: 0; margin-top: 0;}
	.login_wrap .box1, .join_wrap .box1{padding-left:0; padding-right: 0;}
	.login_wrap .btn_close{right: 0;}
	.login_wrap .box2 p{margin-top:15px !important}
	.join_terms{padding: 0 20px;}
}
@media all and (max-width:530px){
	.login_wrap, .join_wrap{padding: 0 3%;}
	.login_wrap .box2, .join_wrap .box2{padding: 20px;}
	.join_wrap .join_step li{padding: 0 13px;}
	.join_terms .term_box{height: 80px;}
}



/**/