@charset "utf-8";
/*
=Login CSS 
*/
#content .findWrap{padding:10px 20px;}

#content .findWrap .boxTop {background: url("../image/layout/joinboxTop.png") no-repeat scroll center top transparent;height: 10px;position: relative;width: 730px;}
#content .findWrap .boxBottom {background: url("../image/layout/joinboxBottom.png") no-repeat scroll center bottom transparent;width: 730px;}


/*로그인*/
#content .header .logintitle{float:left;width:360px; background: url("../image/title/login_title.png") no-repeat ;display: block;height:14px;}
#content .header  .login {background-position: -28px 0;width:41px;}
#content .header .join {background-position: -74px 0;width:56px;}
#content .header .change {background-position: -134px 0;width:97px;}
#content .header .find {background-position: -236px 0;width: 142px;}
#content .header .quickpath {float:right;width:400px;text-align:right;font-family:굴림;font-size:11px;color:#999;}
#content .header .quickpath a{font-family:굴림;font-size:11px;color:#999;}

#content h1.ir {background: url("../image/title/loginmessage.gif") no-repeat ;display: block;height:15px;margin-bottom:30px;margin-left:20px;}
#content h1.joinMsg{background-position: 0 -20px; width:328px; margin: 0 auto;}
#content h1.findMsg{background-position: 0 0; width:456px;}
#content h1.joinokMsg{background-position: 0 -40px; width:456px;}

	/*회원가입*/
#content .joinWrap{padding:10px 20px;}

#content .joinWrap .boxTop {background: url("../image/layout/joinboxTop.png") no-repeat scroll center top transparent;height: 10px;position: relative;width: 730px;}
#content .joinWrap .boxBottom {background: url("../image/layout/joinboxBottom.png") no-repeat scroll center bottom transparent;width: 730px;}

.tblJoin{min-height:705px;padding:20px;}
.tblJoin2{padding:20px;}
.tblJoin3{padding:20px;}
.tblJoin4{padding:0 0 10px 0;}
.tblJoin .table_border {border-collapse: collapse;clear: both;font-family:굴림;color:#666;font-size:12px}
.tblJoin .table_border .tit {height: 31px;}
.tblJoin .table_border .tit dt, .table_border .content dt {float:left;background: url("../image/bullet/bu_bar.gif") no-repeat scroll right center transparent;;font-weight:700;margin: 10px 0 0 34px;width:100px;}

.tblJoin .table_border .tit dt.step2 {float:left;background: url("../image/bullet/bu_bar.gif") no-repeat scroll right center transparent;;font-weight:700;margin: 10px 0 0 110px;width:100px;}
.tblJoin .table_border .tit dd {float: left;background: url("../image/bullet/bu_bar.gif") no-repeat scroll right center transparent;margin: 7px 0 0 23px; }
.tblJoin .table_border .tit , .table_border .content {clear: both;border-top: 1px solid #EAEAEA;height:35px;}
.tblJoin .table_border .notop{border-top:none;}
.tblJoin .table_border .content dd {float: left;background: url("../image/bullet/bu_bar.gif") no-repeat scroll right center transparent;margin: 5px 0 0 23px;}
.tblJoin .table_border .tit .noBar,.tblJoin .table_border .content .noBar, .tblJoin .table_border .content .noRline {background: none repeat scroll 0 0 transparent;}
.tblJoin .table_border a.joinBG {background: url("../image/button/joinbutton.png") no-repeat scroll 0 0 transparent;display:block;height:20px;overflow: hidden;}
.tblJoin .table_border a.btnidchk {display:inline-block;background-position: -496px 0;width:85px;margin-left:10px;}

.tblJoin .table_border dd.welcome {color:#828282;font-size:18px;font-weight:700;font-family:굴림;}
.tblJoin .table_border dd.memInfo {color:#2884b3;font-size:18px;font-weight:700;font-family:굴림;}



.NJtblJoin{height:;padding:20px;}
.NJtblJoin .table_border {border-collapse: collapse;clear: both;font-family:굴림;color:#666;font-size:12px}
.NJtblJoin .table_border .tit {height: 31px;}
.NJtblJoin .table_border .tit dt, .table_border .content dt {float:left;background: url("../image/bullet/bu_bar.gif") no-repeat scroll right center transparent;;font-weight:700;margin: 10px 0 0 34px;width:100px;}

.NJtblJoin .table_border .tit dt.step2 {float:left;background: url("../image/bullet/bu_bar.gif") no-repeat scroll right center transparent;;font-weight:700;margin: 10px 0 0 110px;width:100px;}
.NJtblJoin .table_border .tit dd {float: left;background: url("../image/bullet/bu_bar.gif") no-repeat scroll right center transparent;margin: 7px 0 0 23px;}
.NJtblJoin .table_border .tit , .table_border .content {clear: both;border-top: 1px solid #EAEAEA;height:35px;}
.NJtblJoin .table_border .notop{border-top:none;}
.NJtblJoin .table_border .content dd {float: left;background: url("../image/bullet/bu_bar.gif") no-repeat scroll right center transparent;margin: 5px 0 0 23px;}
.NJtblJoin .table_border .tit .noBar,.tblJoin .table_border .content .noBar, .tblJoin .table_border .content .noRline {background: none repeat scroll 0 0 transparent;}
.NJtblJoin .table_border a.joinBG {background: url("../image/button/joinbutton.png") no-repeat scroll 0 0 transparent;display:block;height:20px;overflow: hidden;}
.NJtblJoin .table_border a.btnidchk {display:inline-block;background-position: -496px 0;width:85px;margin-left:10px;}

.NJtblJoin .table_border dd.welcome {color:#828282;font-size:18px;font-weight:700;font-family:굴림;}
.NJtblJoin .table_border dd.memInfo {color:#2884b3;font-size:18px;font-weight:700;font-family:굴림;}





/*130528추가*/
.essential{font-size:11px; float:right; padding-bottom:5px;}
.essential span{ color:#ff5400; font-weight:bold;}
.tblJoin .table_border .tit dt strong{ color:#ff5400; font-weight:bold; padding-right:4px;}


.joinWrap ul.njInfo {clear:left;display:block; height:auto; padding:20px 10px 0px 30px; background-color:#f2f2f2;}
.joinWrap ul.njInfo dl.txt{ padding:0px; margin-bottom:12px; height:auto;}
.joinWrap ul.njInfo dl.txt dd{ }
.joinWrap ul.njInfo dl.txt dd.arrow {background: url("../image/bullet/arrow2.gif") no-repeat scroll left 4px transparent;color:#707070; line-height:20px;  padding-left:15px;}
.joinWrap ul.njInfo dl.txt dt{margin-bottom:7px;}
.joinWrap ul.njInfo dl.txt dt h4{ color:#005ba8; font-weight:bold; font-size:14px; display:block; }


.joinWrap ul.njInfo .tit {clear: both;}

.joinWrap ul.njInfo .tit dt {float:left; font-weight:bold;margin: 5px 0 0 15px;width:70px;}
.joinWrap ul.njInfo .tit dd{ background-image:none; height:25px;}

.joinWrap ul.njInfo .nj_explain{ background:url(../image/0layout/join_nj.gif) no-repeat top left; width:658px; height:80px; padding:110px 0px 0px 215px;}

.input_txt {border: 1px solid #e5e5e5; font-size: 12;px; color: #828282; padding: 3px; margin:0px;}
.w66 {width: 66px;}
.w520{width:520px; margin-left:85px; margin-bottom:3px;}
.w520 span{font-size:11px; color:#ff5400; line-height:25px;}
.w5202{width:520px; margin-bottom:3px;}





.joinWrap .btnLogin{clear:both;padding-top:20px;padding-left:300px;}  
.joinWrap .btnLogin a.btnBG {background: url("../image/button/loginbutton.png") no-repeat scroll 0 0 transparent;display:block;height:26px;overflow: hidden;}
.joinWrap .btnLogin a.btnjoin {float:left;background-position: 0 0;width:75px;margin-right:10px;}
.joinWrap .btnLogin a.btncancel {float:left;background-position:-79px 0;width:71px;}
.joinWrap .btnLogin a.btnlogin {float:left;background-position:-393px 0;width:75px;}
.joinWrap .btnLogin a.btnhome {float:left;background-position:-229px 0;width:76px;}
.joinWrap .btnLogin a.btnagree {float:left;background-position:-314px 0;width:76px;;margin-right:10px;}



.joinWrap .btnPro{clear:both;padding-top:20px;padding-left:230px;}  
.joinWrap .btnPro a.btnProBG {background: url("../image/button/Probutton.png") no-repeat scroll 0 0 transparent;display:block;height:27px;overflow: hidden;}
.joinWrap .btnPro a.btnjoin {float:left;background-position: 0 0;width:135px;margin-right:10px;}
.joinWrap .btnPro a.btnnormal {float:left;background-position:0px 0;width:135px; margin-right:10px;}
.joinWrap .btnPro a.btnprofessor {float:left;background-position:-140px 0;width:135px;}




.joinWrap dl.joinOk {clear:left;display: block;padding:26px 135px 20px;width:460px;height:90px;}
.joinWrap dl.joinOk dt {width: 60px;}
.joinWrap dl.joinOk dd {width: 400px;}
.joinWrap dl.joinOk dt, .joinWrap dl.joinOk dd {display:block;float:left;height:30px;}
.joinWrap dl.joinOk dd.welcome {color:#828282;font-size:18px;font-weight:700;font-family:굴림;}
.joinWrap dl.joinOk dd.memInfo {color:#2884b3;font-size:18px;font-weight:700;font-family:굴림;}


.joinWrap dl.joinOk dt p.logintitle {background: url("../image/title/labelLogin.gif") no-repeat scroll 0 0 transparent;display: block;height: 14px;}
.joinWrap dl.joinOk dt p.id {background-position: 0 0;width: 46px;margin-top:4px;clear:left;}
.joinWrap dl.joinOk dt p.email {background-position:-181px 0;width:41px;margin-top:4px;clear:left;}

.joinWrap dl.joinOk dd a.joinEmail {background: url("../image/button/joinbutton.png") no-repeat scroll 0 0 transparent;display: block;height: 20px;overflow: hidden;}
.joinWrap dl.joinOk dd a.btnSendEmail {background-position: -369px 0;float:right;width:122px;}

.loginWrap .loginOuter .find li a.join {background-position: 0 0;margin-left: 80px;width: 86px;}
.loginWrap .loginOuter .find li a.btnfind {background: url("../image/button/joinbutton.png") no-repeat scroll 0 0 transparent;display: block;height: 20px;overflow: hidden;}

.tblJoin2 .clause legend, .tblJoin2 .privacy legend {width:100%; display: block;padding: 0 0 8px 1px;}
.tblJoin2 .clause{margin-bottom:20px;}
.tblJoin2 .bx {border: 1px solid #E5E5E5;height: 111px;margin: 0 0 8px;overflow: auto;padding: 20px 8px 0 10px;background-color: #fff;}
.tblJoin2 .bx h3 {height: 31px;}
.tblJoin2 .bx h3, .tblJoin2 .bx h4 {font-weight: normal;}
.tblJoin2 .bx p, .tblJoin2 .bx ol, .tblJoin2 .bx ul {margin: 0 0 16px;}
.tblJoin2 .bx h4, .tblJoin2 .bx p, .tblJoin2 .bx li {line-height: 16px;}
.tblJoin2 .all{    
	height: 24px;
    line-height: 24px;
    padding: 7px 13px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    background: #fff;
    font-size: 13px;
    color: #777;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;}


.tblJoin3{padding:20px;}
.tblJoin3 .clause legend, .tblJoin3 .privacy legend {display: block;padding: 0 0 8px 1px;}
.tblJoin3 .clause{margin-bottom:20px;}
.tblJoin3 .bx {border: 1px solid #E5E5E5;margin: 0 0 8px;overflow: auto;padding: 20px 8px 0 10px;}
/*.tblJoin3 .bx h3 {height: 31px;}*/
.tblJoin3 .bx h3, .tblJoin3 .bx h4 {font-weight: normal;}
.tblJoin3 .olin {margin: 0 px;}
.tblJoin3 .olout {margin: 0 0 16px;}
.tblJoin3 .bx ul {margin: 0 0 16px;}
.tblJoin3 .bx h4, .tblJoin3 .bx p, .tblJoin3 .bx li {line-height: 16px;}


.tblJoin3 .title {border-bottom: 1px solid #E5E5E5;overflow: visible;padding: 0 0 25px 0;position: relative;}
.tblJoin3 .index {border-bottom: 1px solid #E5E5E5;position: relative;padding:25px;width: 880px;}
.tblJoin3 .index h3 {color: #333333;font: bold 14px 돋움,Dotum;letter-spacing: -1px;margin: 0 0 20px;}
.tblJoin3 .index p {line-height: 18px;margin-bottom: 20px;}
.tblJoin3 .index .ol {overflow: hidden;}
.tblJoin3 .index .ol ol {float: left;width: 410px;}
.tblJoin3 .index .ol li {height: 22px;}
.tblJoin3 .index .ol .ol1 .first_letter {width: 14px;}
.tblJoin3 .index .ol .first_letter {display: block;float: left;padding-right: 8px;text-align: right;}
.tblJoin3 .index .ol a {font-weight: bold;letter-spacing: -1px;color: #0590D0;text-decoration: none;    }

	/*개인정보관련페이지 추가*/

.tblJoin3 .index_w {border-bottom: 1px solid #E5E5E5;position: relative;padding:25px;width: 677px; overflow:hidden;}
.tblJoin3 .index_w h3 {color: #333333;font: bold 14px 돋움,Dotum;letter-spacing: -1px;margin: 0 0 20px;}
.tblJoin3 .index_w p {line-height: 18px;margin-bottom: 35px;}
.tblJoin3 .index_w .ol {overflow: hidden;}
.tblJoin3 .index_w .ol ol {float: left;}
.tblJoin3 .index_w .ol li {height: 22px;}
.tblJoin3 .index_w .ol .ol1{width:300px;}
.tblJoin3 .index_w .ol .ol2{width:355px;}
.tblJoin3 .index_w .ol .ol1 .first_letter {width: 14px;}
.tblJoin3 .index_w .ol .first_letter {display: block;float: left;padding-right: 8px;text-align: right;}
.tblJoin3 .index_w .ol a {font-weight: bold;letter-spacing: -1px;color: #0590D0;text-decoration: none;    }

.tblJoin3 .section_w {text-align: justify; padding-top:30px; line-height:18px;}
.tblJoin3 .section_w h4.first {margin: 0;}
.tblJoin3 .section_w h4 {color: #333333;font: bold 14px 돋움,Dotum;letter-spacing: -1px;}
.tblJoin3 .section_w p {margin-top: 10px;}
.tblJoin3 .section_w h4 {color: #333333;font: bold 14px 돋움,Dotum;letter-spacing: -1px;margin: 47px 0 0;}
.tblJoin3 .section_w h5 {color: #333333;margin: 22px 0 0 18px;}
.tblJoin3 .section_w .depth2 {margin-left: 41px;}
.tblJoin3 .section_w a{text-decoration:none;}
	/*개인정보관련페이지 추가 끝*/


.tblJoin3 .section {text-align: justify;padding:25px;}
.tblJoin3 .section h4.first {margin: 0;}
.tblJoin3 .section h4 {color: #333333;font: bold 14px 돋움,Dotum;letter-spacing: -1px;}
.tblJoin3 .section p {margin-top: 10px;}
.tblJoin3 .section h4 {color: #333333;font: bold 14px 돋움,Dotum;letter-spacing: -1px;margin: 47px 0 0;}
.tblJoin3 .section h5 {color: #333333;margin: 22px 0 0 18px;}
.tblJoin3 .section .depth2 {margin-left: 41px;}

/*유·무형 유료 상품 및 포인트 이용 약관 추가*/
.tblJoin3 .ptit{padding: 5px 0 8px;}
.tblJoin3 .ptit .tit{vertical-align: middle;}

.tblJoin3 .ptit .btn_ac{
	position: absolute;
    top: 91px;
    right: 22px;
	height: 22px;
    line-height: 24px;
    padding: 3px 18px;
	border-radius: 5px;
    background: #3286e9;
    font-size: 12px;
	color: #fff;
    vertical-align: middle;
	font-weight: bold;
    letter-spacing: -1px;
	text-align: center;
	margin-bottom:10px;
}

.btnPro2 {padding:0px 10px 20px 20px; overflow:hidden;}
.btnPro2 > div{float:left;}
.btnPro2 .agree{ margin-right:30px; vertical-align:middle;}
.btnPro2 .btns{vertical-align:middle;}
.btnPro2 .btns #btnagree{margin-right:10px;}
.btnPro2 .btns #btnagree span{height: 29px; line-height: 29px; padding: 7px 13px; border: 1px solid #004da0; border-radius: 3px; background: #004da0; font-size: 12px; color: #fff; vertical-align: middle; font-weight: bold; letter-spacing: -1px; text-align: center;}

.btnPro2 .btns #btncancel{}
.btnPro2 .btns #btncancel span{height: 29px; line-height: 29px; padding: 7px 13px; border: 1px solid #004da0; border-radius: 3px; background: #fff; font-size: 12px; color: #004da0; vertical-align: middle; font-weight: bold; letter-spacing: -1px; text-align: center;}



.joinWrap dl.joinInfo {clear:left;display:block;padding:20px 30px;height:25px;}
.joinWrap dl.joinInfo dd {background: url("../image/bullet/arrow2.gif") no-repeat scroll left 6px transparent;color: #2f3743;font-weight:400;line-height:25px;padding-left:15px;}

	/*회원로그인*/
.login_text {border: 1px solid #c7c7c7;color:#2f3743;font-family:Gulim;font-size:12px;height:16px;margin:2px 0;padding:3px 4px;}

#content .loginWrap{/*float:left;*/width:370px;padding:10px 19px; margin: 0 auto; margin-left: 168px;}
#content .loginWrap .loginboxTop {background: url("../image/layout/loginboxTop.png") no-repeat scroll center top transparent;height: 10px;position: relative;width:390px;}
#content .loginWrap .loginboxBottom {background: url("../image/layout/loginboxBottom.png") no-repeat scroll center bottom transparent;width:390px;}

#content .loginBannerWrap{float:left; /* width:320px; */ width:349px; padding:10px 0 0 189px;height:200px;}
#content .loginBannerWrap .banners img {top:0;left:0;display:none;} 
#content .loginBannerWrap .banners img.first {display:block }

#content .use_contract{clear: both; height: 10px; color:#555; line-height:20px; padding-left:20px; padding-top:20px ! important;}

.loginWrap .loginOuter{height:154px;padding:20px;font-family:굴림;font-size:12px;color:#2f3743;}
.loginWrap .loginOuter .loginform{float:left;width:250px;height:125px;}	
.loginWrap .loginOuter .loginform dl{height:36px;}	
.loginWrap .loginOuter .loginform dl.line3{height:20px;}	
.loginWrap .loginOuter .loginform dl dt{width:60px;float:left;padding:8px 10px 0;}	

.loginWrap .loginOuter .loginform dl dt p.logintitle{background: url("../image/title/labelLogin.gif") no-repeat scroll 0 0 transparent;display: block;height: 14px;}	
.loginWrap .loginOuter .loginform dl dt p.id{background-position: 0 0;width:46px;}	
.loginWrap .loginOuter .loginform dl dt p.pwd{background-position:-51px 0;width:50px;}	

.loginWrap .loginOuter .loginform dl dt p.ono{background-position: -564px 0;width:52px;}	
.loginWrap .loginOuter .loginform dl dt p.opass{background-position:-51px 0;width:50px;}	


/*.loginWrap .loginOuter .loginform dl dd{display:inline;width:166px;}	190814 수정*/
.loginWrap .loginOuter .loginform dl dd{display:inline-block;width:166px;}	
.loginWrap .loginOuter .loginform dl dd .memoryid{font-family:굴림;font-size:12px;color:#828282;}	

.loginWrap .loginOuter .loginbtn{float:left;width:87px;height:65px;padding:38px 0 0 5px;}	
.loginWrap .loginOuter .loginbtn a.btn{background: url("../image/button/loginButton2.png") no-repeat scroll 0 0 transparent;display: block;height:60px;}	
.loginWrap .loginOuter .loginbtn a.login{background-position: 0 0;width:87px;}	

.loginWrap .loginOuter .find {clear:both;height:20px;padding-top:10px;}
.loginWrap .loginOuter .find li{float:left;}
.loginWrap .loginOuter .find li a.btnfind {background: url("../image/button/joinbutton.png") no-repeat scroll 0 0 transparent;display: block;height: 20px;overflow: hidden;}
.loginWrap .loginOuter .find li a.join {background-position: 0 0;margin-left:80px;width: 86px;}
.loginWrap .loginOuter .find li a.findpwd {background-position: -92px 0;margin-left:10px;width:155px;}




.findtype li{float:left}
.findtype a {background: url("../image/title/loginmessage.gif") no-repeat scroll 0 0 transparent;display: block;height: 15px;}						
.findtype a.findid {background-position: 0 -160px;width: 75px;}
.findtype a.findidbar {background-position:-74px -160px;width: 41px;}			
.findtype a.findidpass {background-position:-115px  -160px;width:84px;}					

.findtype a.findpass {background-position: 0 -180px;width:89px;}
.findtype a.findpassbar {background-position:-89px -180px;width: 41px;}			
.findtype a.findpassid {background-position:-131px  -180px;width:71px;}						


.findWrap .findtype{height:20px;border-bottom:1px solid #EAEAEA;margin: 0 5px;padding:5px 30px;}				

.findWrap .findmsg{height:20px;padding:20px;}						
.findWrap .findmsg p {background: url("../image/title/loginmessage.gif") no-repeat scroll 0 0 transparent;display:block;height:15px;}						
.findWrap .findmsg p.msgid1 {background: url("../image/title/loginmessage.gif") no-repeat scroll 0 0 transparent;display:block;height:15px; width:370px;margin-left: 20px;}		
.findWrap .findmsg p.msgid2 {background: url("../image/title/loginmessage_find.gif") no-repeat scroll 0 0 transparent;display:block;height:15px; width:330px;margin-left: 20px;}		
.findWrap .findmsg p.msgpwd {background-position:0 -205px;width:330px;margin-left: 20px;}		

.findWrap .findform{height:100px;padding:5px 30px;font-family:굴림;font-size:12px;color:#2f3743;}
.findWrap .findform .findelement{float:left;width:500px;height:70px;}	
.findWrap .findform .findelement dl{height:36px;}	
.findWrap .findform .findelement dl dt{width:70px;float:left;padding:7px 10px 0;}	

.findWrap .findform .findelement dl dt p.findtile{background: url("../image/title/labelLogin.gif") no-repeat scroll 0 0 transparent;display: block;height: 14px;}	
.findWrap .findform .findelement dl dt p.name{background-position: -411px 0;width:70px;}	
.findWrap .findform .findelement dl dt p.email{background-position:-181px 0;width:70px;}	
.findWrap .findform .findelement dl dt p.id{background-position:0 0;width:50px;}				
.findWrap .findform .findelement dl dd{display:inline;width:166px;}	
.findWrap .findform .findelement dl dd .memoryid{font-family:굴림;font-size:12px;color:#828282;}	

.findWrap .findform .findbtn{float:left;width:87px;height:70px;padding-left:60px;}	
.findWrap .findform .findbtn a.btn{background: url("../image/button/loginButton2.png") no-repeat scroll 0 0 transparent;display: block;height:60px;}	
.findWrap .findform .findbtn a.ok{background-position:-92px 0;width:87px;}	


.findWrap .findform2{height:130px;padding:5px 30px;margin-bottom:20px;font-family:굴림;font-size:12px;color:#2f3743;}
.findWrap .findform2 .findelement{float:left;width:500px;height:100px;}	
.findWrap .findform2 .findelement dl{height:30px;margin-bottom:10px;}	
.findWrap .findform2 .findelement dl dt{width:70px;float:left;padding:8px 10px 0;}	

.findWrap .findform2 .findelement dl dt p.findtile{background: url("../image/title/labelLogin.gif") no-repeat scroll 0 0 transparent;display: block;height: 14px;}	
.findWrap .findform2 .findelement dl dt p.name{background-position: -411px 0;width:70px;}	
.findWrap .findform2 .findelement dl dt p.email{background-position:-181px 0;width:70px;}	
.findWrap .findform2 .findelement dl dt p.id{background-position:-486px 0;width:70px;}				
.findWrap .findform2 .findelement dl dd{display:inline;width:166px;}	
.findWrap .findform2 .findelement dl dd .memoryid{font-family:굴림;font-size:12px;color:#828282;}	

.findWrap .findform2 .findbtn{float:left;width:87px;height:60px;padding:40px 0 0 60px;}	
.findWrap .findform2 .findbtn a.btn{background: url("../image/button/loginButton2.png") no-repeat scroll 0 0 transparent;display: block;height:60px;}	
.findWrap .findform2 .findbtn a.ok{background-position:-92px 0;width:87px;}	




.findWrap .findresult{clear:both;padding-bottom: 10px;}/*height:110px;*/			

.findWrap .findresult div.resultinfo{padding-left:120px;margin-bottom:20px;}/*height:20px;*/
.findWrap .findresult div.resultinfo li {background: url("../image/title/loginmessage.gif") no-repeat scroll 0 0 transparent;display:block;height:17px;}						
.findWrap .findresult div.resultinfo li {float:left;font-family:굴림;font-size:18px;color:#2884b3;font-weight:700;text-align: center;}					
.findWrap .findresult div.resultinfo li.name {width:120px;background:none;}		
.findWrap .findresult div.resultinfo li.tit1 {background-position: 0 -80px;width:140px;}		
.findWrap .findresult div.resultinfo li.tit2 {background-position: -245px -80px;width:52px;}		
.findWrap .findresult div.resultinfo li.id {width:120px;background:none;}					


.findWrap .findresult div.resultbtn{clear:both;height:20px;padding-left:230px;margin-bottom:20px;text-align:center;}
.findWrap .findresult div.resultbtn a.btnfind {background: url("../image/button/joinbutton.png") no-repeat scroll 0 0 transparent;display: block;height: 20px;overflow: hidden;}
.findWrap .findresult div.resultbtn a.login {float:left;background-position:-586px 0;width:86px;}
.findWrap .findresult div.resultbtn a.findpwd {float:left;background-position: -251px 0;margin-left:10px;width:113px;}

.findWrap .findresult p.resultTel{clear:both;padding-left:100px;height:20px;font-family:굴림;font-size:12px;color:#2f3743;}


.findWrap .findresult2{height:170px;clear:both;}						
.findWrap .findresult2 ul.resultinfo{padding-left:120px;height:20px;}
.findWrap .findresult2 ul.resultinfo li {background: url("../image/title/loginmessage.gif") no-repeat scroll 0 0 transparent;display: block;height:17px;}						
.findWrap .findresult2 ul.resultinfo li {float:left;font-family:굴림;font-size:18px;color:#2884b3;font-weight:700;text-align: center;}					
.findWrap .findresult2 ul.resultinfo li.name {width:120px;background:none;}		
.findWrap .findresult2 ul.resultinfo li.tit3 {background-position: 0 -238px;width:110px;margin-top: 3px;}		
.findWrap .findresult2 ul.resultinfo li.tit4 {background-position: -330px -238px;width:52px;margin-top: 3px;}		
.findWrap .findresult2 ul.resultinfo li.email {width:250px;background:none;text-align:left}					

.findWrap .findresult2 p.ir{background: url("../image/title/loginmessage.gif") no-repeat scroll 0 0 transparent;display:block;height:17px;}						
.findWrap .findresult2 p.tit1 {background-position: 0 -120px;width:142px;margin:30px 0 10px 40px;}		


.findWrap .findresult2 dl.resendEmail{clear:both;padding-left:40px;height:20px;margin-bottom:10px;}

.findWrap .findresult2 dl.resendEmail dd {background: url("../image/title/loginmessage.gif") no-repeat scroll 0 0 transparent;display: block;height:17px;}						
.findWrap .findresult2 dl.resendEmail dd {float:left;font-family:굴림;font-size:12px;}					
.findWrap .findresult2 dl.resendEmail dd.tit2 {clear:both;background-position: -150px -120px;width:70px;margin-top:3px;}		
.findWrap .findresult2 dl.resendEmail dd.emailaddress {width:535px;background:none;text-align:left}					
.findWrap .findresult2 dl.resendEmail dd.emailaddress a.btnemail {background: url("../image/button/joinbutton.png") no-repeat scroll 0 0 transparent;display:inline-block;height:20px;overflow: hidden;}
.findWrap .findresult2 dl.resendEmail dd.emailaddress a.sendemail {background-position:-369px 0;width:122px;}

.findWrap .findresult2 p.resultTel{clear:both;padding-left:40px;padding-top:20px;font-family:굴림;font-size:12px;color:#2f3743;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 45px;
	position:relative;
	height: 31px;
	background: url(img/select_left.gif) no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {
	
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 31px;
	background: url(img/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}


/* 17.07.21 인증번호 요청 */
.tblJoin .table_border a.joinNBTN {background: url("../image/button/join_newbtn.png") no-repeat scroll 0 0 transparent; display:block; height:20px;overflow: hidden; width:113px ;}
.tblJoin .table_border a.btnii {display:inline-block; margin-left:7px;}
.tblJoin .table_border a.joinOBTN {background: url("../image/button/join_newOKbtn.png") no-repeat scroll 0 0 transparent; display:block; height:20px;overflow: hidden; width:68px ;}
.tblJoin .table_border a.btnok {display:inline-block; margin-left:7px;}

.confim-re01 {float:right; display:block; margin-top:12px; margin-left:5px; font-size:11px; color:#ff5400;}


/* 18.03.08 중복아이디 찾기 */
.tbl_result_findID {position:relative; display:block; width:420px; border-top: 2px solid #cccccc; border-bottom: 1px solid #cccccc;}
.tbl_result_findID td {width:400px; padding: 7px 10px; text-align:center;  font-size: 13px; color: #616161; border-bottom: 1px solid #cccccc;}
.tbl_result_findID td.check {text-align:left; font-weight:bold; border-right: 1px solid #cccccc;}
.findWrap .findform2 .findelement dl dd span.passid {float: left; padding: 8px 10px 0; font-size:14px;}
.findWrap .findform2 .findelement dl dd span.passid.point {color:#00A2E8; font-size:14px; font-weight:bold;}
.findWrap .findform2 .findelement.email_msg {width:100%; height:60px;}	


/* 18.05.02 개인정보이용내역 폼 수정 */
.tblJoin4 p {padding:0; text-align:right;}
.tblJoin4 p input {margin-top:3px;}
.tblJoin4 .all {
	height: 22px;
    line-height: 22px;
    padding: 7px 12px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    background: #fff;
    font-size: 13px;
    color: #777;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
}

.allbutton {float:right;}
.allbutton a { padding: 5px 10px; 
	border: 1px solid #3F91E0;
    border-radius: 3px;
    background: #fff;
    font-size: 12px;
    color: #3F91E0;
    letter-spacing: -1px;
    text-align: center;
}

.section_w .tbljoinstep {width:100%; margin-bottom:20px;}
.section_w .tbljoinstep tr{border-left:1px solid #e5e5e5;}
.section_w .tbljoinstep th {background: #f2f2f2;font-weight: bold;text-align: center; padding:7px 10px; border-top:1px solid #cdcdcd; border-right:1px solid #e5e5e5;}
.section_w .tbljoinstep td {padding:10px 15px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; vertical-align:top;}
.section_w .tbljoinstep td.bold {font-weight: bold;}

.alljoinbox {border-top:2px solid #e5e5e5; margin-top:10px; padding:10px 0; padding-top:15px;}

.tblJoin .table_border .tit dt.joinwd100 {float:left;background:none;font-weight:700; margin: 10px 0 0 34px;width:695px; color:#3F91E0;}
.tblJoin .table_border .tit dd.jwd100 {margin: 5px 0 10px 34px; width:695px;}
.tblJoin .table_border .tit.noBar {border-top:0; background: #f3f8fc; margin:0 20px 10px 20px; vertical-align:middle;}
.tblJoin .table_border .tit dd.noBar input {vertical-align:middle;}
.tblJoin .table_border .tit dd.noBar span {vertical-align:middle;}
.tblJoin .table_border .tit dd.noBar span.ok {color:#666666;}
.tblJoin .table_border .tit dd.noBar span.no {color:#ff5400;}
.tblJoin .table_border .tit.noBar dt {margin: 10px 0 0 24px; width:90px;}


ul.join_pvlist {width:100%; margin-top:10px; display:block; float:left; height:34px;}
ul.join_pvlist li {width:243px; display:inline-block; list-style:none; float: left; background-color:#e5e5e5; color:#666; text-align:center;}
ul.join_pvlist li a {display:block; width:223px; padding:10px;}
ul.join_pvlist li a:hover {display:block; background-color:#3F91E0; color:#fff;}
ul.join_pvlist li.on a {background-color:#3F91E0; color:#fff;}

.alljoinbox .j_pvtxt {width:100%; max-width:729px; display:block; float:left;}

ul.join_pvlist.inner li {width:33.3%; padding:0; margin:0;}
ul.join_pvlist.inner li a {display:block; width:100%; padding:10px; box-sizing:border-box; }

.alljoinbox .j_pvtxt.inner {width:100%; max-width:840px; display:block; float:left;}


/* 18.05.04 일본어저널 신청하기 */
.joinWrap ul.njInfo{clear:left;display:block; height:auto; padding:30px; background-color:#f2f2f2; overflow: hidden;}
.joinWrap ul.njInfo dl.txt.newlayout {margin-bottom:0;}
.joinWrap ul.njInfo dl.txt.newlayout dt {width:70px; display:inline-block; font-weight: bold; border-left:3px solid #888; padding-left:7px; vertical-align:top;}
.joinWrap ul.njInfo dl.txt.newlayout dd {display:inline-block; vertical-align:middle;}
.joinWrap ul.njInfo dl.txt.newlayout dd input {height: 18px; vertical-align:middle;}
.joinWrap ul.njInfo dl.txt.newlayout dd span {margin-right:8px;}
.joinWrap ul.njInfo dl.txt.newlayout dd span a {padding:5px 10px; background-color:#a0a0a0; color:#fff;}

.joinWrap ul.njInfo .nj_explain.newlayout {width:100%; height:197px; padding:20px; box-sizing:border-box; background:none; background-color:#d5dceb; margin-bottom:20px; border-radius:10px;}
.joinWrap ul.njInfo .nj_explain.newlayout p {width:440px; height:100px; float:left; line-height:150%; padding-top:10px; padding-left: 15px; display:inline-block; color:#1b3b7d;}
.joinWrap ul.njInfo .nj_explain.newlayout p span {font-size:16px; font-weight: bold; letter-spacing:-0.04em; line-height:160%; }
.joinWrap ul.njInfo .nj_explain.newlayout a {width:640px; float:right; display:inline-block;}

li.new_j {text-align:center; padding-top:10px;}
li.new_j span {display:block; padding:10px;}
span.new_jsubmit a {padding:10px 15px; background-color:#005BB9; color:#fff; border-radius:3px; font-size:14px; font-weight:bold;}
span.new_jhome a {padding:10px 15px; background-color:#9f9a91; color:#fff; border-radius:3px; font-size:14px; font-weight:bold;}



/*190513 회원가입혜택*/
.joinWrap ul.njInfoB {margin:5px 0; padding:20px 30px; overflow:hidden;}
.joinWrap ul.njInfoB li dl dt h4 {font-size:16px; font-weight:bold; color:#005ba8; border-bottom:1px solid #dadada; padding-bottom:10px; margin-bottom:10px; line-height:20px;}
.joinWrap ul.njInfoB li dl dt h4 span {font-size:12px; font-weight:300;}
.joinWrap ul.njInfoB p {padding:15px 0 0 0;}
.joinWrap ul.njInfoB p.njInfoB_left {width:150px; float:left;}
.joinWrap ul.njInfoB p.njInfoB_right {line-height:18px;}
.joinWrap ul.njInfoB p.njInfoB_right span {font-weight:bold; line-height:24px;}
.joinWrap ul.njInfoB p.njInfoB_right.njInfoB_rightB  {width:480px; float:right;}
.joinWrap ul.njInfoB p.njInfoB_right.njInfoB_rightB span {display:inline-block; line-height:18px; margin-top:15px; padding-bottom:5px;}
.joinWrap ul.njInfoB li.new_j {clear:both; width:100%; text-align:center; overflow:hidden;}

.joinWrap ul.njInfoB li dl dd {line-height:18px;}
.joinWrap ul.njInfoB li dl dd b {display:inline-block; padding:10px 0 15px 0;}

.joinWrap ul.njInfoB .nj_explain.newlayout {display:inline-block; width:100%; padding:20px;}
.joinWrap ul.njInfoB .nj_explain.newlayout p {display:inline-block; box-sizing:border-box; padding:20px 0 0 20px; width:450px;}
.joinWrap ul.njInfoB .nj_explain.newlayout p a {display:inline-block; width:116px; position:relative; float:left; top:5px;}

.joinWrap ul.njInfoB .nj_explain.newlayout p.newlayout_right {display:inline-block; width:460px; float:right;}
.joinWrap ul.njInfoB .nj_explain.newlayout p.newlayout_right span {display:inline-block; padding-bottom:10px;}
.joinWrap ul.njInfoB li dl.txt.newlayoutB {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0 5px 0;}
.joinWrap ul.njInfoB li dl.txt.newlayoutB dd label {position:relative; top:-2px; margin-right:20px;}

div.btnLogin.btnLoginB { overflow:hidden; width:80px; margin:0 auto; padding-left:0; }