@charset "utf-8";
/* CSS Document */

section.contents header{margin:50px auto 0 auto; width:925px }
section.contents header h1{ font-family: ngeb; font-size:31px; color:#343434; line-height:35px; }
section.contents header h2{ font-family: ng; font-size:24px; color:#343434; line-height:45px; }
section.contents header dfn{ display:block; font-family:ngb; font-size:11px; color:#767676; letter-spacing:0}

section.contents{ position:relative; overflow:hidden; padding-bottom:150px}

/***************** 
로그인
*****************/
section.contents header.login{overflow:hidden;width:934px; margin:100px auto 13px auto;height:61px; overflow: visible; position:relative; }
section.contents header.login h1{ background:url(../img/member.png) no-repeat 0 -128px; width:344px; height:61px; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; float:left; margin-top:0}
section.contents header.login div.btn_r{ font-size:12px; position:absolute; right:0; top:25px}
section.contents header.login div.btn_r a{ padding:17px 0px 10px 42px; background:url(../img/member.png) no-repeat 0 -261px; line-height:55px; margin-left:10px}
section.contents header.login div.btn_r a.myhome{ background-position:0 -319px; }
/* 로그인 */
section.contents article.login{ clear:both; overflow:hidden; border:1px solid #9fc9de; float:left; width:485px; margin-left:33px; background:#d3ebf7;border-right:none; height:224px; overflow:hidden; margin-bottom:60px}
section.contents article.login h1{ width:0; height:0; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; }
section.contents article.login p.option{ padding:38px 0 10px 107px}
section.contents article.login p.option label{ padding-right:30px; color:#464646; font-weight:bold; font-size:12px}
section.contents article.login p.field{ margin-left:30px; line-height:40px; float:left}
section.contents article.login p.field input.inp{ border:1px solid #1373d8; border-radius:4px; background:#fff; width:220px; height:32px; line-height:32px; float:left}
section.contents article.login p.field strong{ float:left; clear:both; width:64px; background:url(../img/bu.png) no-repeat -182px -141px; padding-left:10px; color:#000; font-weight: normal; font-size:14px; font-family:ngeb}
section.contents article.login p.btn_login{ margin-left:10px; float:left}
section.contents article.login p.btn_login input.btn_login{ display:block; margin-top:19px}

section.contents article.login ul.memberInfo{ clear:both; overflow:hidden; padding:20px 0 35px 110px}
section.contents article.login ul.memberInfo li{ float:left; margin:0 2px}
section.contents article.login ul.memberInfo li a{ display:block; padding:0 14px; height:20px; line-height:20px; border:1px solid #1c5977; background:#2b629a; color:#fff; font-family:ngb; font-size:12px; border-radius:3px; white-space:nowrap}
section.contents article.login ul.memberInfo li a:hover{ color:#fff !important; text-decoration:none}

/* 공지사항 */
section.contents article.notice{ border:1px solid #9fc9de; border-left:none; background:#fff; float:left; width:409px; padding:34px 20px 0 20px; height:190px; overflow:hidden; margin-bottom:60px} 
section.contents article.notice h1{ background:url(../img/member.png) no-repeat 5px -225px; width:100%; height:25px; border-bottom:1px solid #c3c3c3; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; margin-bottom:20px; color:#6a6a6a}
section.contents article.notice ul li{ line-height:24px; background:url(../img/bu.png) no-repeat -183px -109px; padding-left:10px}
/* 이벤트 */
section.contents footer.event{ clear:both; margin:0px auto; width:936px; overflow:hidden; }
section.contents footer.event h1{ font-size:11px; color:#6a6a6a; padding:5px 0 10px 5px}
section.contents footer.event ul{ width:945px}
section.contents footer.event ul li{/* border:1px solid #cfcfcf;*/ float:left; margin-right:8px}
/***************** 
아이디/비번 찾기
*****************/

section.contents header.find{ width:920px; margin:50px auto 35px auto}
section.contents section.find{ width:920px; position:relative; overflow:hidden;display:block; height:400px; margin:0 auto}
section.contents section.find section{ position: absolute; left:0px; top:0; overflow:hidden;width:100%}

section.contents section.find section article{ display:none}
section.contents section.find section.strong article{ display:block}

section.contents section.find article.findid{ float:left; width:390px; margin-left:33px}
section.contents section.find article.findpw{ float:right; width:390px; margin-right:55px}
section.contents section.find article h3{ font-size:15px; color:#000; padding-left:20px; background:url(../img/member.png) no-repeat -195px -273px; font-weight:bold; padding-bottom:5px ; line-height:20px }
section.contents section.find article.findpw h3{ background-position:-197px -313px}
section.contents section.find table{ height:120px ; margin-bottom:25px; }
section.contents section.find table th, section.contents section.find table td{padding-top:0 ; padding-bottom:0 ;}
section.contents section.find table th{ width:110px; line-height:13px}

section.contents section.find section h2{ border:1px solid #e4e4e4; height:33px; width:918px; background:#f7f7f7; line-height:33px; overflow:visible; margin-bottom:50px}
section.contents section.find section h2 strong{ display:block; border:1px solid #e4e4e4; width:161px; height:33px; display:block; text-align:center; color:#000; font-family:ngb; color:#000; font-size:12px; position:relative; margin-top:-1px; z-index:3; background:#e9e9e9}
section.contents section.find section.strong h2 strong{ background:#188ad1; border:1px solid #016eb3; color:#fff; cursor:pointer; font-size:14px}
section.contents section.find section.find01 h2 strong{}
section.contents section.find section.find02 h2,section.contents section.find section.find03 h2{ background:none;} 
section.contents section.find section.find02 h2 strong{ margin-left:163px}
section.contents section.find section.find03 h2 strong{ margin-left:326px}
section.contents section.find div.btn_c a{ margin:0 7px}
section.contents section.find input.inp{ width:155px}
section.contents section.find label{ font-size:12px; color:#000; padding-right:35px}

section.contents footer.info_w{ width:850px; margin:0 auto }
section.contents footer.info_w h3{ font-size:12px; color:#676767; font-weight:bold; padding-bottom:5px}
section.contents footer.info_w ul{ overflow:hidden; border:1px solid #e9e9e9; background:#fbfbfb;line-height:21px; color:#989898; padding:14px; font-size:12px}
section.contents footer.info_w ul li{ letter-spacing:0}

/***************** 
회원가입
*****************/



/* 회원가입 메인 */
section.contents header.join{ margin-top:0; width:100%;position:relative; }
section.contents header.join h1{background:url(../img/member_img01.jpg) no-repeat 0 0; width:1000px; /*height:409px;*/height:350px; font-size:0; line-height:0; text-indent:-999px; overflow:hidden }
section.contents header.join .txt01 {position:absolute; top:146px; left:30px; font-family:ng; font-size:34px; color:#343434; line-height:1; letter-spacing:-1px;}
section.contents header.join .txt01 span {font-family:ngb;  font-size:41px; line-height:1.2;}
section.contents header.join .txt01 em {display:block;font-family:ngb; color:#767676; font-size:12px; margin-top:25px; line-height:1.6em;}
section.contents section.form h2 {font-family:ngb; font-size:14px; line-height:18px; margin:20px 0px 10px 0px;}

section.sel_join{ overflow:hidden; background:url(../img/member_bg.jpg) no-repeat;width:916px;height:344px;margin-left:30px}
section.sel_join h1{font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0}
section.sel_join article{ float:left; overflow:hidden; /*border-top:3px solid #979797; */margin:30px 20px 0 30px;width:250px; padding-top:13px; }
section.sel_join article h2{ font-family:ngeb; font-size:18px; color:#000; padding:0 0 10px 15px}

section.sel_join article  p{ height:130px; background:url(../img/member.png) no-repeat 80px 65px; width:270px; margin-left:15px;font-size:12px;letter-spacing:-1px}

section.sel_join article.sel02  p{ background-position:-105px 65px; width:180px}
section.sel_join article.sel03  p{ background-position:-265px 65px;}

/* 인증 */
section.contents header.confirm{ overflow:hidden; padding-bottom:40px; width:735px}
section.contents section.confirm{width:735px; height:450px; margin-bottom:-100px; }
section.contents section.confirm section h2{ width:733px;margin-bottom:40px}
section.contents section.confirm section p{ background:url(../img/member.png) no-repeat 0 -379px; overflow:hidden;padding:5px 0 0 90px; margin-left:100px; font-size:12px; color:#000; margin-bottom:30px }
section.contents section.confirm section p strong{ display:block; margin-bottom:15px; font-size:14px}
section.contents section.confirm table{ height:auto;}
section.contents section.confirm table th{  width:150px}
section.contents section.confirm table th,section.contents section.confirm table td{ font-weight:normal; padding-top:10px; padding-bottom:10px}
section.contents section.confirm div.btn_c{ padding-top:15px}
/* 회원가입 폼 */
section.form{ width:925px; margin:20px auto 0 auto}
section.form th{ width:150px}
section.form label{ padding-right:20px}
/* 가입완료 */
section.contents header.join_ok{ margin-top:0}
section.contents header.join_ok h1{font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0}
section.contents section.join_ok{ background:url(../img/member_img02.jpg) no-repeat 0 0; width:771px; height:301px; margin:150px auto 100px auto; text-align:right}
section.contents section.join_ok p{ padding:150px 40px 0 0; font-family:ngeb; color:#010101; font-size:13px; line-height:14px}
section.contents section.join_ok p strong{ color:#0355c4; font-weight:normal}
section.contents section.join_ok p dfn{ display:inline-block; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:135px; height:17px}
section.contents section.join_ok p em{ font-size:18px;color:#0355c4; font-family:ngb }
section.contents section.join_ok div.btn_c{ margin:30px 0 0 290px}
section.contents section.join_ok div.btn_c a{ margin:0 10px}


section.paging {clear:both; width:100%; padding-bottom:5px;}
section.paging ul {text-align:center;}
section.paging ul li {display:inline;margin-left:2px;}
section.paging ul li a {display:inline-block;padding:5px 7px; line-height:1; border:1px solid #c4c4c4; font-family:ngb; color:#999; }
section.paging ul li a:hover {border:1px solid #01277c; text-decoration:none;}
section.paging ul li a.on {color:#01277c; border:1px solid #01277c;}

/* 본인인증하기 추가 */
section.join_priver{}
section.join_priver .tab001{overflow:hidden;}
section.join_priver .tab001 li{float:left;}
section.join_priver .tab001 li a{display:inline-block;width:245px;padding:8px 0;text-align:center;background:#5f6774;font-family:ngb; font-size:15px;color:#fff;border:1px solid #5f6774}
section.join_priver .tab001 li a:hover{color:#fff !important}
section.join_priver .tab001 li.on a{background:#fff;color:#000;border:1px solid #5f6774;border-bottom:1px solid #fff}
section.join_priver .tab001 li.on a:hover{color:#000 !important}
section.join_priver .contents_wrap{border-top:1px solid #5f6774;border-bottom:1px solid #5f6774;padding:15px 10px}
section.join_priver .contents_wrap h3{font-family:ngb; font-size:20px;line-height:20px;padding:10px 0 20px 0;color:#2064ab}
section.join_priver .contents_wrap .txt01{font-family:돋움; font-size:12px;color:#666;line-height:24px;}
section.join_priver .contents_wrap .txt01 .impact{color:#db0101}
section.join_priver .contents_wrap .txt01 .ipin{background:#549ad6;padding:3px 10px;color:#fff;font-size:11px}
section.join_priver .contents_wrap .txt01 .ipin:hover{color:#fff !important;background:#1971bb}