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

/* @media screen and (min-width:300px) and (max-width:768px){
	.loginWrap .basicLogin_wrap a img{vertical-align: -1px; }
	.skip{display: none; top:-1px}
}
@media screen and (min-width:300px) and (max-width:461px){	
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea{letter-spacing:0px}
	
	.rowGroup{width:95%}
	.pageTit{letter-spacing:-2.5px}
	.idDiv input{width:63%;}
	.nameDiv input{width:68%;}
	.termsTxt{letter-spacing:0px}
	.adrsDiv>input{width:73%}
	.authNoDiv>input{width:58%}
	.btnBox{width:95%}
	.loginWrap{width:95%}
	.loginWrap .inputBox{width:85%}
	.loginWrap input[type="text"],
	.loginWrap input[type="password"]{width:87%}
	.loginWrap .social_wrap{width:85%}
	.termsTxt{display:block}
	
	.cont_Box .rowGroup .joinRow.authNoDiv input{width:58%}
	
	.cont_txt_Box .connect_id .id_date_box{text-align:left}
	.cont_txt_Box .connect_id .id_date_box span{margin-bottom:8px}
	.cont_txt_Box .connect_id.btn_radio>input[type="radio"] + label{height:45px}
	
	.edit_list_wrap th{width: 36%;  padding-left: 10px}
	.edit_list_wrap td.padTxt01 {padding: 18px 10px 19px;}
	.edit_list_wrap td {padding: 13px 10px;}
	.edit_list_wrap td.edit_name input[type="text"]{width:75px}
	.edit_list_wrap td.padTxt02 {padding: 8px 10px;}
	.edit_list_wrap td.padTxt02 a.btnWhite{float:left!important}
	.edit_list_wrap td.padTxt02 input {width: 100%}
	.edit_list_wrap td.padTxt03 {padding: 8px 10px;}
	.edit_list_wrap td.padTxt04 {padding: 8px 10px;}
	.edit_list_wrap td.padTxt04 input {width: 100%;}
	.edit_list_wrap a.btnWhite{float:left!important; width:98%; padding:10px 0; margin-top:5px; font-size:14px}
	.edit_list_wrap .edit_phone_etc2{width:100%}

	.edit_list_wrap .table_sns_ico{padding:9px 0 9px 10px; width:0.4%}
	.edit_list_wrap .table_sns_txt{padding:12px 0 15px 10px; width:200px; color:#bbb}
	.edit_list_wrap .table_sns_switch_wrap{padding:0px 10px 0px 0; width: 0.3%;}
	
	.edit_list_wrap .emailDiv .findChk{width:95%; left:4px}
	.edit_list_wrap .emailDiv .findChk li{font-size:15px}
	
	.market_wrap th.email { width:23%;}
	
	.birthDiv>span{width:31.5%}
	
	.cont_txt_Box .id_date_box span{width:83%}
	#headerFix .headerFix_link{background:url(https://id.hankyung.com/images/header_logo_x2.gif) no-repeat 0 0; background-size:62px 16px; width:62px; height:16px; float:left; font-size:0}
	
	#intro{background-color:#fff}
	#intro .intro_wrap{width:90%;margin:20px auto 0 auto; background:url(https://id.hankyung.com/images/intro_bg_mobile.jpg) no-repeat 50% 0; border-top:none; padding:230px 0 50px 0}
	#intro .intro_wrap .intro_logo{text-align:center; }
	#intro .intro_wrap .intro_tit{word-break:keep-all; text-align:center; font-size:30px; line-height: 40px;}
	#intro .intro_wrap .intro_tit img{width:124px;vertical-align: -3px;}
	#intro .intro_wrap .intro_txt{width:100%}
	#intro .intro_wrap .intro_btn_wrap{margin-top:30px; text-align:center}
	#intro .intro_wrap .intro_btn.cancel{margin-top:20px; margin-left:0;background:url(https://id.hankyung.com/images/intro_btn_bg2.png) no-repeat 0 0;}
	
	.auth_wrap{width:95%}	
	
	
	#footerDiv{width:95%}
	#footerDiv .footer1>a{margin:0 5px}
	#footerDiv .footer2>a{margin:0 5px; line-height:1.5}
	#footerDiv .footer2>span{margin:0 5px; line-height:1.5}
}
@media screen and (min-width:320px) and (max-width:420px){
	.pageTit{ font-size:28px}
	.emailDiv .findChk{left:7px}
	.cont_basic, .cont_basic strong{font-size:13px}
	.txtetc	{letter-spacing:0px}
	.txtetc02{letter-spacing:0px}
	
	.loginWrap .social_wrap .social_ico a{margin:0 10px}
	.loginWrap .social_wrap .social_ico a:first-child{margin-left:0}
	.loginWrap .social_wrap .social_ico a:last-child{margin-right:0}
	.loginWrap .basicLogin_wrap{width:85%}
	
	.checkTerms { float: left; margin-top: 10px;}
	.checkTerms>input[type="checkbox"] + label{letter-spacing:-1px;padding-left: 28px; background: url(https://id.hankyung.com/images/checkTerms_out.png) no-repeat 0 0; background-size: 23px 23px; font-size:13px}
	
	.loginWrap .checkTerms {float: left; width: 100%;}
	
	.loginWrap .join_findIBox a{letter-spacing:-1px;font-size: 13px; margin: 4px; text-align: center; vertical-align: 2px;}
	.loginWrap .join_findIBox a:first-child{margin-left:0}
	.loginWrap .join_findIBox a:last-child{margin-right:0}
	.loginWrap .join_findIBox a strong{font-size:13px; letter-spacing:-1px}		
	
	.txtetc{letter-spacing:-2px}
	
	#auth_wrap .Info_con{width:89%}
}

@media screen and (min-width:320px) and (max-width:359px){
	.idDiv input{width:57%}
	.txtetc{letter-spacing:-4px}
	.market_wrap th.email{width:25.3%}
}

@media screen and (min-width:320px) {
	.social_ico a {
		display: block;
		width: 99.5%;
		font-family: 'Nanum Gothic';
		color: #fff;
		height:40px;
		font-size:16px;
		margin-bottom: 7px;
		image-rendering: -webkit-optimize-contrast;
	}
	.social_ico a span.social_logo {
		display:inline-block;
		width: 46px;
		margin-right:5px;
	}
} */