@charset "utf-8";

/* v2.0 | 20110126
  http://meyerweb.com/eric/tools/css/reset/ 
  License: none (public domain)
*/
/* 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{margin: 0; padding: 0;	border: 0;	font-size:100%;	font: inherit;	vertical-align: baseline; font-family: "맑은고딕", Malgun Gothic, dotum, gulim, sans-serif; letter-spacing:0px; font-size:14px} */

:root {
	--hk-text-primary: #121212;
    --hk-text-secondary: #585858;
}

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 {margin:0; padding:0; border:none; font-size:14px; font-family: 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, Verdana, Arial, sans-serif;}

iframe {width:100%; max-width:100%}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body {line-height: 1; color:#121212}
ol, ul {list-style: none;}
a{text-decoration:none; color:#121212;}
a:hover{text-decoration:underline}
span,strong,a{font-size:inherit; color:inherit}


select, input[type="text"],input[type="password"]{width:100%; border:none; padding:0; height:28px; font-size:17px; color:#121212; letter-spacing:0px; box-sizing:border-box}
select::-ms-expand{opacity:0}

* {-webkit-text-size-adjust:none;}

/* placholder */
::-webkit-input-placeholder{color:#888; font-size:15px}
::-moz-placeholder{color:#888; font-size:15px} /* firefox 19+ */
input.int:-ms-input-placeholder{color:#888; font-size:15px} /* ie */
input:-moz-placeholder{color:#888; font-size:15px}
input:-ms-input-placeholder{color:#888 !important; font-size:15px}
.text-placeholder{color:#888 !important;; font-size:15px}
.placeholdersjs{color:#888 !important; font-size:15px} /* ie7~9*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 50px #fff inset;
		transition: background-color 9999s ease-in-out 0s;
}
input:disabled,
input:read-only {background:#f3f3f3 !important; color:#888 !important}

select{padding-right:0}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0; width:100%}
td,th{vertical-align:middle}
table>caption{position:absolute !important; height:0; width:0; overflow:hidden; margin:0; padding:0; font-size:0; line-height:0;}
label{cursor:pointer}
strong,b{font-weight:bold!important}
.blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.edit_list_wrap caption{height:0; width:0; overflow:hidden; margin:0; padding:0; font-size:0; line-height:0; z-index:-999; position:static!important}
/*  */
.noMar{margin:0}
.marL10{margin-left:10px!important}
.marL20{margin-left:20px!important}
.marB20{margin-bottom:20px!important}
.marT5{margin-top:5px!important}
.marT10{margin-top:10px!important}
.marT20{margin-top:20px!important}
.marT30{margin-top:30px!important}
.marT80{margin-top:80px!important}
.marT100{margin-top:100px!important}
.marT120{margin-top:120px!important}
.marB10{margin-bottom:10px!important}
.noMarB{margin-bottom:0!important}
.floatR{float:right!important}
.floatL{float:left!important}
.alignC{text-align:center!important}
.alignL{text-align:left!important}
.noLineL{border-left:0!important}
.noLineB{border-bottom:0!important}

.indent_hidden{position:absolute; display:inline-block; height: 0; width: 0; text-indent: -9999px; overflow: hidden;}

/*skip*/
.skip{display: block; height: 1px; overflow: hidden;  position: absolute; width: 200px; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; color:#fff}
.skip:focus{height:auto}

.label_hidden{ position:absolute; top:0; right:0; z-index:-9999;width: 1px; height: 1px; overflow: hidden;}

body{width:100%;/*background-color:#f3f3f3*/}
	#headerFix{height:15px; border-bottom:1px solid #dedede; padding:8px 15px; overflow:hidden; background-color:#fff; line-height:15px}
	#headerFix .headerFix_link{background:url(https://id.hankyung.com/images/header_logo.gif) no-repeat 0 0; width:62px; height:16px; float:left; font-size:0}
	#headerFix>a{font-size:13px; font-weight:bold}
	#wrap{max-width:420px; padding:30px 20px 20px; box-sizing:border-box}
		.logo{text-align:center; margin-bottom:30px}
		.logo>img{width:101px;}
		.pageTit{font-size:34px; text-align:center; margin-bottom:45px; font-weight:bold}
		.pageTit[style*="25px"] {margin-bottom:30px; font-size:20px !important; color:#EE4C4C !important}
		.rowGroup{margin:0 auto 10px auto}
			.termsRow{padding:15px; display:block;  overflow:hidden; line-height:1.3}
				.termsBox{overflow:hidden; margin-top:13px}
				.termsBox:first-child{margin:0}
					

			
			.joinRow{padding:10px 0; display:block; /*overflow:hidden*/}
			.joinRow + .joinRow {border-top:1px solid #e5e5e5;}
			.joinRow2{/*overflow:hidden;*/border-top:1px solid #e6e5e5; }
			.joinRow:first-child{border:none; padding-top:0}
			.joinRow:last-child,
			.joinRow.authNoDiv {padding-bottom:0}
			.joinRow2:first-child{border:none}			
			
				.idDiv{padding:10px 0}	
				.idDiv input{width:71%; float:left; margin-top:5px}
				.pwDiv input, .pnbDiv input, .emailDiv input{width:100%}
				.joinRow .error {margin:10px 0 0 0; padding:0 10px}
				.joinRow.authNoDiv .error.ok {margin-bottom:10px}
				/* .nameDiv{float:left;} */
				.nameDiv input{width:90%;}
				.genderDiv{float:right; position:relative}
				.genderDiv>input[type="radio"] + label {background-color: #fff;text-align: center;color: #999; z-index: 10; width: 50px; border: 1px solid #e5e5e5; font-size: 15px; padding: 10px; top:-4px; cursor:pointer}
				.genderDiv>input[type="radio"]:checked + label{border: 1px solid #457fff; color:#457fff; z-index:20;}
				.genderDiv>input[type="radio"] {display: none;}				
				.genderDiv>label{position:absolute}
				
				#div_prote > .joinRow2 {border:none}
				.birthDiv{display:flex; width:100%; padding:0; box-sizing:border-box}
				.birthDiv>span{position:relative; flex:1; border-right: 1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; z-index:10;display: inline-block;height:40px}
				.birthDiv>span:first-child {border-left:1px solid #ddd; border-radius:10px 0 0 10px}
				.birthDiv>span:last-child{border-radius:0 10px 10px 0}
				.birthDiv>span::after {content:''; position:absolute; width:8px; height:8px; border-bottom:1px solid #121212; border-right:1px solid #121212; transform:rotate(45deg); top:13px; right:15px}
				.birthDiv .slct{width:100%; height:100%; background:transparent; -webkit-appearance:none; padding:0 10px; color:#121212; font-size:15px}
				
				@-moz-document url-prefix(){ 
	 		       .slct{background:none} 
				}
				

				.adrsDiv{padding:8px 10px}
				.adrsDiv>input{width:80%;margin-top: 5px; float:left}
				.adrsDiv .srchAdrs{float:right; display:inline-block; border:1px solid #e5e5e5; font-size:14px; text-align:center; padding:10px 11px}
				
				.emailDiv{position:relative; overflow:visible}
				.emailDiv .findChk{position: absolute; z-index: 22; left: 10px; top: 44px; background-color: #ffffff; width: 95%; display: none; padding: 0 0 5px; border: 1px solid #e5e5e5; border-top: 0;}
				.emailDiv .findChk.on{display:block}
				.emailDiv .findChk li{line-height: 30px; padding: 0px 11px; color: #333;background-color:#fff;}
				.emailDiv .findChk li.on{cursor:pointer; background-color:#f8f8f8}
				.emailDiv .findChk span.front{color:#457fff}
				
				.authDiv{text-align:center; padding:8px 10px}
				.authDiv>p{position: relative;height: 37px;width: 304px;margin: 0 auto;}
				.authDiv input[type="radio"] + label {background-color: #fff;text-align: center;color: #999; z-index: 10; width: 130px; border: 1px solid #e5e5e5; font-size: 15px; padding: 10px;display: inline-block; position:absolute; cursor:pointer; left:152px}
				.authDiv input[type="radio"]:checked + label{border: 1px solid #457fff; color:#457fff; z-index:20;}
				.authDiv input[type="radio"] {display: none;}	
				
				.authNoDiv{padding:10px 0}
				.authNoDiv>input{width:65%;margin-top: 5px;}
				
				
				.termsDiv{padding:15px 10px}
				.checkTerms{float:right}
				.checkTerms>input[type="checkbox"] + label {display:inline-block; height:19px; cursor:pointer; line-height:1; color:#121212; padding-left:32px; background:url(https://id.hankyung.com/images/checkTerms_out.png) no-repeat 0 0; background-size:24px 24px; padding-top:5px}
				.checkTerms>input[type="checkbox"]:checked + label{background:url(https://id.hankyung.com/images/checkTerms_on.png) no-repeat 0 0; background-size:24px 24px}
				.checkTerms>input[type="checkbox"] {display: none;}	
				
				.termsLinkDiv{margin-top:30px; text-align:center}	
				.termsLinkDiv a{font-size:13px; margin:0 13px;vertical-align:2px}
				.termsLinkDiv>h1{text-align:center; font-size:17px; line-height:1.3; margin-top:10px}
				

		.loginWrap{width:99%; margin:20px auto 0 auto;border:1px solid #bbbbbb; background-color:#fff; overflow:hidden}				
		.loginWrap .inputBox{width: 400px;margin:30px auto 0 auto; position:relative;padding-bottom:30px; border-bottom:1px solid #e5e5e5}
		/*
		.loginWrap input[type="text"]{width:358px; height:52px; line-height:54px; border:1px solid #bbb; border-bottom:1px solid #e5e5e5; padding:0 20px; position:absolute; top:0; z-index:1}
		.loginWrap input[type="password"]{width:358px; height:52px; line-height:54px; border:1px solid #bbb; border-top:1px solid #e5e5e5; padding:0 20px; position:absolute; top:53px; z-index:1}
		*/
		.loginWrap .login_id{width:358px; height:52px; line-height:54px; border:1px solid #bbb; padding:0 20px; position:absolute; top:0; z-index:1; left:0px;}
		.loginWrap .login_password{width:358px; height:52px; line-height:54px; border:1px solid #bbb; border-top:1px solid #e5e5e5; padding:0 20px; position:absolute; top:53px; z-index:1; left:0px;}
		.loginWrap input[type="text"]:focus,
		.loginWrap input[type="password"]:focus{border:1px solid #457eff; z-index:2}
		.loginWrap .checkTerms{clear:both; overflow:hidden; width:400px;}
		.loginWrap .checkTerms label{font-size:14px}
		
		.loginWrap .btnBlueW100{margin-top:65px}
		.loginWrap .btnBlueW100_2{margin-top:10px}
		.loginWrap .btnBlueW100_3{margin-top:0px}
		.loginWrap .btnWhiteW0{margin-top:0px;margin-bottom:0px;}
		
		.loginWrap .btnWhiteW100{margin-top:1px;}
		.loginWrap .join_findIBox{float:right;line-height:26px}
		.loginWrap .join_findIBox a{font-size:14px; margin:5px; text-align:center; vertical-align:1px}
		.loginWrap .join_findIBox a strong{font-size:14px}
		.loginWrap .join_findIBox a:first-child{font-weight:bold}
		.loginWrap .join_findIBox a:hover{text-decoration:underline}
		
		.loginWrap .social_wrap{margin:30px auto 0 auto; width:400px;padding-bottom:30px; border-bottom:1px solid #e5e5e5}
		.loginWrap .social_wrap>h1{font-size:20px; font-weight:bold; text-align:center}
		.loginWrap .social_wrap .social_ico{margin-top:20px; text-align:center}
		.loginWrap .social_wrap .social_ico a{margin:0 10px; overflow:hidden}
		.loginWrap .social_wrap .social_ico a img{width:45px}

		.loginWrap .social_ico a img{width:45px; margin-left:10px; margin-right:5px; margin-top:5px;}
		.loginWrap .social_ico{width: 85%;margin:30px auto 0 auto; position:relative;padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
		
		.loginWrap .basicLogin_wrap{text-align:center; margin:30px auto 0 auto; width:400px;padding-bottom:30px;}
		.loginWrap .basicLogin_wrap2{text-align:center; margin:25px auto 0 auto; width:400px;padding-bottom:30px;}
		/*.loginWrap .basicLogin_wrap a{font-size:14px; line-height:1.6}*/
		.loginWrap .basicLogin_wrap a strong{font-size:14px;font-weight:bold}
		.loginWrap .basicLogin_wrap a img{width:7px;vertical-align: 0px; margin-left: 10px;}
		
		.contentWrap{/*width:95%; */}
			/* .tab_Box{overflow:hidden}
			.tab_Box li{border:1px solid #bbb; width:49.5%; float:left; font-size:17px; background-color:#ddd; height: 54px; line-height: 52px; text-align:center; cursor:pointer}
			.tab_Box li.on{border-bottom:1px solid #f3f3f3; background-color:#f3f3f3; font-weight:bold}
			
			.tab_Box2{overflow:hidden}
			.tab_Box2 li{border:1px solid #bbb; width:32.8%; float:left; font-size:17px; background-color:#ddd; height: 54px; line-height: 52px; text-align:center; cursor:pointer}
			.tab_Box2 li.on{border-bottom:1px solid #f3f3f3; background-color:#f3f3f3; font-weight:bold} */		
			
			.tab_Box > ul,
			.tab_Box2 > ul {display:flex}
			.tab_Box > ul > li,
			.tab_Box2 > ul > li {flex:1; border:1px solid #bbb; font-size:14px; background-color:#f3f3f3; min-height: 54px; line-height: 52px; text-align:center; cursor:pointer}
			.tab_Box > ul > li.on,
			.tab_Box2 > ul > li.on{background-color:#fff; font-weight:bold; border-bottom-color:#fff}
			
			
			.cont_Box{margin-top:20px}
			.tab_Box2 + .cont_Box {margin-top:20px !important}
			/* .cont_Box .rowGroup{width:99.5%} */
			.cont_Box .rowGroup .joinRow input{width:100%; /*float:left*/}
			
			/* .cont_Box .rowGroup .joinRow.authNoDiv input{width:65%} */
			.cont_Box .change_txt01{line-height:1.5;word-break:keep-all; margin-top:20px; padding-left:10px}
			.cont_Box .change_txt01:first-child{margin:0}
			.cont_Box .change_txt01 img{margin-left:10px; vertical-align:0px; width:8px}
			
			.cont_Box .change_ok_id{font-size:21px; color:#e94242}
			.cont_Box .change_ok_id strong{font-size:21px; color:#e94242}
			
			/* radio btn */			
			.btn_radio{position:relative}
			.btn_radio>input[type="radio"] + label {display:inline-block; height:24px; cursor:pointer; line-height:22px; color:#121212; padding-left:32px; background:url(https://id.hankyung.com/images/btn_radio_out.png) no-repeat 0 0; background-size:24px 24px}
			.btn_radio>input[type="radio"]:checked + label{background:url(https://id.hankyung.com/images/btn_radio_on.png) no-repeat 0 0; background-size:24px 24px}
			.btn_radio>input[type="radio"] {display: none;}
			
		
/* 텍스트 박스 */
.cont_txt_Box{width:99.5%; border:1px solid #bbb; background-color:#fff; padding:30px 0; margin-top:30px; line-height:1.5;word-break:keep-all}
.cont_txt_Box>p{padding:0 20px;}
.cont_txt_Box .find_fail{line-height:1.4}
/*.cont_txt_Box .id_date_box{padding: 0 0 20px 0; border-bottom: 1px solid #e5e5e5; margin: 20px 20px 0 20px;}
.cont_txt_Box .id_date_box:last-child{background-color:red!important}*/
.cont_txt_Box .id_date_box{margin-top:20px;}
.cont_txt_Box .id_date_box:last-child{margin-top:10px}
.cont_txt_Box .id_date_box span{ text-align:left;display:block; line-height:1.6;width: 75%; margin: 0 auto;}
.cont_txt_Box .id_date_box .txt_id{}
.cont_txt_Box .id_date_box .txt_date{}

.cont_txt_Box .connect_id{margin:20px auto 0 auto; width:75%}
.cont_txt_Box .btn_radio.connect_id label{height:43px}
.cont_txt_Box .btn_radio.connect_id .id_date_box span{width:auto; margin:0}
.cont_txt_Box .btn_radio.connect_id .id_date_box .txt_date{margin-top:5px}
.cont_txt_Box .connect_id .id_date_box{margin-top:0}
.cont_txt_Box .connect_id .id_date_box span{line-height:22px}

/* 내정보 수정*/
.edit_list_wrap{/*width:99%; margin:0 auto 10px auto;*/table-layout:fixed; word-break:break-all}
.edit_list_wrap th,
.edit_list_wrap td {border:1px solid #ddd !important}
.edit_list_wrap th{width:30%; height:28px; text-align:left; padding:10px}
.edit_list_wrap td{padding:10px !important}

/* .edit_list_wrap td.padTxt01{padding:18px 10px 19px}
.edit_list_wrap td.edit_name input[type="text"]{width:125px}
.edit_list_wrap td input[type="password"],.edit_list_wrap td input[type="text"]{width:100%}
.edit_list_wrap td.padTxt02{padding:8px 10px}
.edit_list_wrap td.padTxt02 input{width:135px; margin-top:5px}
.edit_list_wrap td.padTxt03{padding:8px 10px}
.edit_list_wrap td.padTxt03 input{width:100%;margin-top:5px; }
.edit_list_wrap td.padTxt04{padding:8px 10px}
.edit_list_wrap td.padTxt04 input{width:79%;margin-top:5px; }
.edit_list_wrap .padTxt05{padding:18px 10px} */
.edit_list_wrap .LineB{border-bottom: 1px solid #bbb}
.edit_list_wrap .edit_phone_etc{font-size:12px; color:#457fff; margin:15px 0 5px 0; line-height:1.4; word-break:keep-all }
.edit_list_wrap .edit_phone_etc2{font-size:12px; color:#457fff; margin:5px 0 5px 0; line-height:1.4; word-break:keep-all; display:inline-block;}

.edit_list_wrap .table_sns_ico{padding:9px 0 9px 20px;}
.edit_list_wrap .table_sns_txt{padding:12px 0 15px 20px;  color:#bbb}

.edit_list_wrap .table_sns_txt p{margin-bottom:8px; color:#121212; line-height:23px}
.edit_list_wrap .table_sns_txt p>span{vertical-align: sub; margin-left: 5px; cursor: pointer; display: inline-block; height: 15px;}
.edit_list_wrap .table_sns_txt p:last-child{margin:0}
.edit_list_wrap .table_sns_switch_wrap{padding:0px 20px 0px 0; vertical-align:top; *vertical-align:middle}
.edit_list_wrap .table_sns_switch_wrap .switch{background:url(https://id.hankyung.com/images/switch_off.png) no-repeat 0 0; background-size:50px 24px; width:50px; height:24px; font-size:0; display:inline-block; cursor:pointer}
.edit_list_wrap .table_sns_switch_wrap .switch.on{background:url(https://id.hankyung.com/images/switch_on.png) no-repeat 0 0;background-size:50px 24px;}

.edit_list_wrap .emailDiv .findChk{width:93%; left:9px}


.genderDiv2{float:right;  margin-top:0px}
.genderDiv2>span{display:inline-block;background-color: #fff;text-align: center;color: #999; z-index: 10; width: 33px; border: 1px solid #e5e5e5; font-size: 15px; padding: 10px; top:8px; position:absolute}
.genderDiv2>span.on{border: 1px solid #457fff; color:#457fff; z-index:20;}	

/* 마케팅 수신동의 */
.market_txt{word-break:keep-all; line-height:1.5}
.market_txt2{word-break:keep-all; line-height:1.5; font-size:13px}
.market_wrap{width:100%; border: 1px solid #bbb; margin-top:20px}
.market_wrap th{border-bottom:1px solid #bbb;background-color:#e4e4e4; padding:15px 10px; font-weight:normal}
.market_wrap th.sms,
.market_wrap th.email{width:20%;}
.market_wrap td{border-bottom:1px solid #bbb; padding:15px 10px; background-color:#fff; text-align:center;}
.market_wrap td:first-child{text-align:left; padding-left:10px}


/* .market_wrap th>input[type="checkbox"] + label {display: inline-block;height: 51px; cursor: pointer;line-height: 22px; color: #121212; padding-left: 0px; background: url(https://id.hankyung.com/images/checkTerms_out.png) no-repeat 50% 27px; background-size: 24px 24px; white-space:nowrap}
.market_wrap th>input[type="checkbox"]:checked + label{background:url(https://id.hankyung.com/images/checkTerms_on.png) no-repeat 50% 27px; background-size:24px 24px}
.market_wrap th>input[type="checkbox"] {display: none;}

.market_wrap td>input[type="checkbox"] + label {display: inline-block;height: 24px; cursor: pointer;line-height: 22px; color: #121212; padding-left: 24px; background: url(https://id.hankyung.com/images/checkTerms_out.png) no-repeat 0 0px; background-size: 24px 24px;}
.market_wrap td>input[type="checkbox"]:checked + label{background:url(https://id.hankyung.com/images/checkTerms_on.png) no-repeat 0 0px; background-size:24px 24px}
.market_wrap td>input[type="checkbox"] {display: none;} */




.market_wrap th label {display:flex; gap:5px; flex-direction:column; align-items:center; white-space:nowrap}
.market_wrap label {cursor:pointer}
.market_wrap label::after {content:''; display:inline-block; width:20px; height:20px; border:1px solid #ddd; border-radius:4px; background:#fff; box-sizing:border-box; vertical-align:top}
.market_wrap input[type='checkbox'] {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.market_wrap input[type='checkbox']:checked + label::after {border:none; background:#142c67 url('https://hkstatic.hankyung.com/img/www/w/common/form/icon-check-fff.svg') no-repeat center center/10px 9px}


/* 2024.01.22 */
.form-btns {display:flex}
.form-btns > a,
.form-btns > button {flex:1}

.check-style {display:inline-flex; align-items:center; position:relative; cursor:pointer}
.check-style .inp-check {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.check-style label {cursor:pointer}
.check-style .label-txt {display:inline-flex; align-items:center}
.check-style .label-txt::before {content:''; display:inline-block; width:20px; height:20px; margin-right:6px; border:1px solid #ddd; border-radius:4px; background:#fff; box-sizing:border-box}
.check-style .inp-check:checked + .label-txt::before {border:none; background:#142c67 url('https://hkstatic.hankyung.com/img/www/w/common/form/icon-check-fff.svg') no-repeat center center/10px 9px}
.check-style .inp-check:disabled + .label-txt::before,
.check-style .inp-check[readonly] + .label-txt::before {background-color:#eee; cursor:not-allowed}
.check-style:last-child {margin-right:0}

.agree-box {border:1px solid #ddd}
.agree-box .check-style {display:block}
.agree-box .check-style .label-txt {flex-direction:row-reverse; justify-content:space-between; align-items:center; gap:10px; width:100%; padding:14px 10px; box-sizing:border-box}





/* 회원탈퇴 */
.member_out p{margin-bottom:15px}
.member_out .reason_area textarea{border: 1px solid #bbb; width: 92%; height: 110px; margin-top: 10px;  padding: 10px; line-height:1.5}

/* 회원 도움말 */
.help_srch{margin-top:5px; width:81%!important}
.help_category{overflow:hidden}
.help_category .category_txt{width: 30%; height: 53px; border: 1px solid #bbb; background-color: #e4e4e4; text-align: center; float: left; border-right: 0; line-height: 51px;}
.help_category .rowGroup{width: 99.5%;margin: 0;float: left;}
.help_category .category_slct{width:100%; height:53px}
.help_category .category_slct>span{width:97%;border-right: 1px solid #Dcdcdc; z-index:10;display: inline-block;height: 28px;  padding: 12px 0;}
.help_category .category_slct>span:last-child{border:0}
.help_category .category_slct .slct{width: 99%; background: #fff url(https://id.hankyung.com/images/bg_slct.png) no-repeat 102% 50%; background-size: 23px 7px; -webkit-background-size: 23px 7px; -webkit-appearance: none; padding: 0 0px 0 20px; color: #121212;}
@-moz-document url-prefix(){ 
   .slct{background:none} 
}
.help_list_wrap{border:1px solid #bbb; margin:10px auto 0 auto; width:99%; border-bottom:0}
.help_list_wrap .help_tit{background:#fff url(https://id.hankyung.com/images/img_help_q.png) no-repeat 20px 13px; background-size:28px 28px; cursor:pointer;border-bottom:1px solid #bbb;padding: 13px 20px 17px 58px; line-height: 1.4; font-weight:normal;}
.help_list_wrap .help_txt{background:#e4e4e4 url(https://id.hankyung.com/images/img_help_a.png) no-repeat 20px 13px; background-size:28px 28px;border-bottom:1px solid #bbb;padding: 13px 20px 17px 58px; line-height: 1.4; word-break:keep-all; display:none}


/* 약관 등 하단 안내 페이지*/
#auth_wrap{max-width:680px;margin:48px auto 0 auto;}
#auth_wrap .info_txt{line-height:1.5;word-break:keep-all}
#auth_wrap .Info_con{width:90%; height:400px; font-size:13px; line-height:1.5; border: 1px solid #bbb; background-color:#fff; overflow:auto; padding:15px; margin:20px auto 0 auto; word-break:keep-all}
#auth_wrap .Info_con textarea{border: 1px solid #bbb; width: 88%; height: 320px; margin:10px auto 0 auto;  padding: 20px;font-size:13px; line-height:1.5}
	.pricavy_txt{margin-top:30px}
	.pricavy_txt:first-child{margin:0}
	.pricavy_txt li{font-size:13px; margin-bottom:15px; line-height:1.5}
	.pricavy_txt li.txt01{padding-left:10px; margin-bottom:3px;}
	.pricavy_txt li.txt01.bld{font-weight:bold}
	.pricavy_txt li.txt02{padding-left:30px; margin-bottom:3px;}
	.pricavy_txt li.txt03{padding-left:50px; margin-bottom:3px;}
		.privacy_tab01{border:1px solid #bbb; margin-top:10px}
		.privacy_tab01 th,.privacy_tab01 td{border-right:1px solid #bbb;border-bottom:1px solid #bbb;; font-size:13px; padding:7px; text-align:center}
		.privacy_tab01 th{background-color:#ddd}
		.privacy_tab01 td{background-color:#fff}

		
/* 하단 기존회원 찾기 */
.cont_basic{display:block;text-align:center; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #bbb; font-size:13px; line-height:1.5}
.cont_basic strong{font-size:13px;font-weight:bold}
.cont_basic img{width:6px;vertical-align: -1px; margin-left: 10px;}		

.error{font-size:12px; color:#EE4C4C; margin:0px 0 5px 0}
.ok{color:#436f91}
.txt_blue{color:#436f91}
.txt_navy{color:#00448d}

.txtRed,.txt_red{color:#EE4C4C}

/* 내 계정 찾기 */
.findInfo {margin:0 !important; padding:0 10px}
.findInfo li {position:relative; margin:0; padding:0 0 0 8px; list-style:none; font-size:13px; word-break:keep-all}
.findInfo li::before {content:''; position:absolute; top:10px; left:0; width:2px; height:2px; background:#121212}
.findInfo li + li {margin:10px 0 0 0 !important}
.findInfo p{margin-bottom:10px;}

#a_sendcerti_div {flex:0 0 auto}
#a_sendCerti,
#test1,
.btnWhite.floatR {width:110px}
/* #userEmail {width:calc(100% - 120px)} */
#div_userId {width:auto !important; margin-top:10px !important; padding:0 10px; line-height:1.4; box-sizing:border-box; word-break:keep-all}
#div_userId1 {width:auto !important; margin-bottom:0 !important; padding:0 10px}
#div_checkCerti > span {display:block; float:left; width:calc(100% - 120px); height:auto !important}
.joinRow.idDiv > span,
.joinRow.pnbDiv > span {display:flex; gap:10px; height:auto !important; min-height:40px}
/* .joinRow.idDiv input[type="text"],
.joinRow.pnbDiv input[type="text"],
.joinRow.pnbDiv input[type="password"] {border:none !important} */
/* #userPass2 {border:none !important} */

/* Btn */
.btnBox{margin:20px auto 0 auto}
.btnBlueW100{background-color:#142c67; display:inline-block; color:#fff; height:55px; line-height:53px; font-size:20px; vertical-align:top; width:100%; border-radius:10px; font-weight:bold; text-align:center}
.btnBlueW100_2{background-color:#142c67; display:inline-block; color:#fff; height:55px; line-height:53px; font-size:20px; vertical-align:top; width:100%; border-radius:10px; font-weight:bold; text-align:center}
.btnBlueW100_3{background-color:#142c67; border-radius:10px; display:inline-block; color:#fff; height:55px; line-height:53px; font-size:20px; vertical-align:top; width:100%; font-weight:bold; text-align:center}
.btnWhiteW100{background-color:#EAEAEA; border-radius:10px; display:inline-block; color:#000; height:55px; line-height:53px; font-size:20px; vertical-align:center; width:100%;}
.btnWhiteW0{background-color:#FFFFFF; display:inline-block; color:#000; height:55px; line-height:53px; font-size:20px; vertical-align:center; width:100%;text-align:center; border-radius:10px}

.btnBlueW50{background-color:#142c67; display:inline-block; color:#fff; height:55px; line-height:53px; font-size:20px; vertical-align:top; width:calc(50% - 6px); font-weight:bold; text-align:center; border-radius:10px}
.btnGrayW50{background-color:#777; display:inline-block; color:#fff; height:55px; line-height:53px; font-size:20px; vertical-align:top; width:calc(50% - 6px); font-weight:bold; text-align:center; border-radius:10px}
.btnRedW50{background-color:#e94242; display:inline-block; color:#fff; height:55px; line-height:53px; font-size:20px; vertical-align:top; width:calc(50% - 6px); font-weight:bold; text-align:center; border-radius:10px}

.btnBlueW30{background-color:#142c67; display:inline-block; color:#fff; height:55px; line-height:53px; font-size:20px; vertical-align:top; width:31.8%; font-weight:bold; text-align:center; border-radius:10px}
.btnGrayW30{background-color:#777; display:inline-block; color:#fff; height:55px; line-height:53px; font-size:20px; vertical-align:top; width:31.8%; font-weight:bold; text-align:center; border-radius:10px}

.btnWhite{display:inline-block; background-color:#142c67; color:#fff; font-size:14px; min-height:36px; text-align:center; padding:0 10px; line-height:40px; border-radius:10px; box-sizing:border-box}

/* 인증메일 */
#mail_wrap{width:498px; margin:50px auto; background:#fff url(https://id.hankyung.com/images/img_mail_form.gif) no-repeat 450px 30px; border:1px solid #bbbbbb; padding:50px 50px 30px 50px}
#mail_wrap .mail_tit{font-size:21px; padding-bottom:20px; border-bottom:3px solid #bbb; margin-top:30px}
#mail_wrap span,#mail_wrap strong{font-size:inherit}
#mail_wrap .mail_txt{line-height:1.7; margin-top:40px; font-size:14px; padding-bottom:30px; border-bottom:1px solid #bbb; word-break:keep-all}
#mail_wrap .auth_number{font-size:20px; color:#457fff; margin:30px 0; line-height:1.5; display:block}
#mail_wrap .mail_footer{margin-top:20px; font-size:14px; line-height:1.5; color:#999}
#mail_wrap .mail_footer .mail_help{font-size:14px; color:#121212; line-height:1.5; display:block}
#mail_wrap a.btn01{background-color:#fff; display:inline-block; color:#457eff; height:38px; line-height:35px; font-size:14px;width:120px; vertical-align:top; text-align:center; border:1px solid #457eff}
#mail_wrap .agree_list{border:1px solid #bbb; background-color:#fff}
#mail_wrap .agree_list th{border-bottom:1px solid #bbb; background-color:#e4e4e4; padding:14px; font-size:14px}
#mail_wrap .agree_list td{border-bottom:1px solid #bbb; padding:14px; text-align:center; font-size:14px}
#mail_wrap .agree_list td:first-child{text-align:left}

#mail_wrap .footer2{font-size:11px;vertical-align:2px; color:#999999; margin-top:20px}
#mail_wrap .footer2>a{font-size:11px; margin:0 10px;vertical-align:2px; color:#999999}
#mail_wrap .footer2>a:first-child{margin-left:0}
#mail_wrap .footer2>a:last-child{margin-right:0}

/* 주소찾기 */
#find_address{width:100%; background-color:#f3f3f3;}
#find_address .pop_tit{display:block; height:58px; text-align:center; font-size:23px; line-height:56px; font-weight:bold; color:#fff; background-color:#3b3b3b}
#find_address .pop_cont{padding:15px; overflow:hidden; font-size:14px}
#find_address .pop_cont input[type="text"]{margin-top:5px}
#find_address .authDiv{padding:8px 10px 8px 20px}
#find_address .authDiv input{width:215px}
#find_address .pop_txt{font-size:13px; margin-top:10px; line-height:1.4}
#find_address .addrs_list{width:99%; margin:0 auto 10px auto;border:1px solid #bbbbbb; background-color:#fff; margin-top:20px}
#find_address .addrs_list .addrs_list_txt{padding:15px 20px; display:block; border-top:1px solid #e5e5e5; overflow:hidden; font-size:14px; cursor:pointer; line-height:1.4}
#find_address .addrs_list .addrs_list_txt:first-child{border:none}		
#find_address .addrs_paging{display:inline-block; float:right;border:1px solid #bbb;}
#find_address .addrs_paging a{font-size:14px;  display:inline-block; text-align:center; width:28px; height:22px; line-height:1; background-color:#fff;border-right:1px solid #bbb;padding-top:8px}
#find_address .addrs_paging a:last-child{border:0}
#find_address .addrs_paging a.on{font-weight:bold}
#find_address .addrs_paging a.arrow{vertical-align: top; padding: 9px 0 0 0; height: 21px}


/* footer */
#footerDiv,
.footer {margin:30px auto 0; text-align:center}
#footerDiv .footer1{color:#bbb}
#footerDiv .footer1>a{font-size:13px; margin:0 10px;vertical-align:2px; color:#121212}
#footerDiv .footer2{font-size:11px;vertical-align:2px; color:#999999; margin-top:10px}
#footerDiv .footer2>a{font-size:11px; margin:0 4px;vertical-align:2px; color:#999999; line-height:1.5}
#footerDiv .footer2>span{font-size:11px; margin:0 4px;vertical-align:2px; color:#999999; line-height:1.5}
#footerDiv .footer2>a:first-child,
#footerDiv .footer1>a:first-child{margin-left:0}
#footerDiv .footer2>a:last-child,
#footerDiv .footer1>a:last-child{margin-right:0}

/* intro 인트로 */
#intro{background-color:#fff}
#intro .intro_wrap{max-width:710px;margin:70px auto 0 auto; background:url(https://id.hankyung.com/images/intro_bg.jpg) no-repeat 100% 0; border-top:6px solid #121212; border-bottom:1px solid #121212;padding:80px 0 50px 30px}
#intro .intro_wrap .intro_logo{text-align:center; }
#intro .intro_wrap .intro_tit{font-size:40px; text-align:left; font-weight:bold; line-height:50px;}
#intro .intro_wrap .intro_tit img{vertical-align:-4px; width:156px}
#intro .intro_wrap .intro_txt{font-size:16px; text-align:left; line-height:1.5; margin-top:30px; font-weight:normal; color:#777;word-break:keep-all;width: 440px;}
#intro .intro_wrap .intro_txt strong{color:#777}
#intro .intro_wrap .intro_btn_wrap{margin-top:40px;}
#intro .intro_wrap a.intro_btn{display:inline-block; color:#fff; height:54px; line-height:54px; font-size:20px;width:200px;  font-weight:bold; background:url(https://id.hankyung.com/images/intro_btn_bg.png) no-repeat 0 0; text-align:center}
#intro .intro_wrap .intro_btn.cancel{margin-left:20px}

/* 약관동의 */
.auth_box{padding:15px 0 7px;display:block}
.auth_box:first-child{border-top:1px solid #e5e5e5}
.auth_box:last-child {padding-bottom:0}
.auth_conts{position:relative;height:60px;margin-top:5px;padding:8px 10px;border:1px solid #e5e5e5;background:#f8f8f8;overflow:auto; font-size:13px; line-height:1.3}
.auth_conts strong{font-size:12px}

.auth_conts .hk-rules-wrap,
.auth_conts .hk-rules-wrap * {font-size:13px}

.auth_box_list{display:block}
.auth_agree_all{display:block;padding:15px 0; /*height:46px;*/}
.auth_agree_all .auth_check{} 
.auth_agree_all .auth_check label{display:table; line-height:14px;top:-1px} 
.auth_agree_all .auth_check label span{display:table-cell;vertical-align:middle}
.auth_agree_all br {display:none}

.auth_check{display:block;position:relative; font-size:15px}




/* .auth_check>input[type="checkbox"] + label  {display:inline-block; cursor:pointer; min-height:24px; padding-top:5px; line-height:22px; color:#121212; background:url(https://id.hankyung.com/images/checkTerms_out.png) no-repeat 100% 50%; background-size:24px 24px; font-size:15px; width:100%}
.auth_check>input[type="checkbox"]:checked + label{background:url(https://id.hankyung.com/images/checkTerms_on.png) no-repeat 100% 50%; background-size:24px 24px}
.auth_check>input[type="checkbox"] {display: none;}
.auth_check label span{font-size:13px}
.auth_agree_all .auth_check>input[type="checkbox"] + label {margin-bottom:5px} */



.auth_check input[type='checkbox'] + label {position:relative; display:block; width:100%; padding:3px 0; margin-bottom:10px; cursor:pointer; font-size:15px}
.auth_check input[type='checkbox'] + label::after {content:''; position:absolute; top:0; right:0; display:inline-block; width:20px; height:20px; border:1px solid #ddd; border-radius:4px; background:#fff; box-sizing:border-box; vertical-align:top}
.auth_check input[type='checkbox'] {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.auth_check input[type='checkbox']:checked + label::after {border:none; background:#142c67 url('https://hkstatic.hankyung.com/img/www/w/common/form/icon-check-fff.svg') no-repeat center center/10px 9px}
.auth_marketing .auth_check input[type='checkbox'] + label {margin-bottom:0}
.auth_check label span{font-size:13px}








/* .auth_marketing{overflow:hidden}
.auth_marketing>span{display:inline-block; font-size:15px; line-height:24px}
.auth_marketing .auth_check>input[type="checkbox"] + label{width:45px; text-align:right; padding-right:31px; margin-left:12px}
.auth_marketing .auth_check>input[type="checkbox"] + label.sms{width:35px; margin:0}
.auth_marketing .txt_blue{font-size:13px}
.auth_marketing_txt{padding:5px 15px 10px 15px; font-size:13px; line-height:1.4; word-break:keep-all} */

/* layer popup */
#layer_popup {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:100; left:0; top:0}
#layer_popup .popup{position: absolute; width:300px; height:430px; position: absolute; top:40%; left:50%; margin-top:-200px; margin-left:-150px; background:#fff; z-index:110; border:2px solid #555}
#layer_popup .popup .cont {width:300px; height:400px;}
#layer_popup .popup	.close {width:290px; height:30px; background:#f3f3f3; line-height:30px; padding-left:10px; font-size:13px;}
#layer_popup .popup	.close span,#layer_popup .popup	.close label{font-size:13px}
#layer_popup .popup	.close #check{float:left}
#layer_popup .popup	.close #check input{vertical-align:middle}
#layer_popup .popup	.close #close {float:right; margin-right:10px; cursor:pointer;; font-weight:bold}






/*ie7*/
/*.ie7_body input[type=radio]{background:none}*/
.ie7_body .help_category .category_slct .slct{background:none; margin-left:10px; width:97%; padding-left:0px}
.ie8_body .help_category .category_slct .slct{background:none; margin-left:10px; width:97%}
.ie7_body .birthDiv .slct{background:none}

.ie7_body .auth_check>input[type="checkbox"]{position:absolute; right:2px; top:5px; display:block; z-index:-99}
.ie7_body .auth_agree_all .auth_check>input[type="checkbox"]{top:12px}
.ie8_body .auth_check>input[type="checkbox"]{position:absolute; right:2px; top:5px; display:block; z-index:-99}
.ie7_body .auth_agree_all .auth_check>input[type="checkbox"] + label,.ie8_body .auth_agree_all .auth_check>input[type="checkbox"] + label{}

.ie7_body .genderDiv>input[type="radio"].genderMale{display:block; position:absolute; right:70px}
.ie7_body .genderDiv>input[type="radio"].genderFemale{display:block; position:absolute; right:50px}
.ie7_body .authNoDiv input{float:left}
.ie7_body .adrsDiv>input{width:76%}
.ie7_body .birthDiv>span{padding:12px 10px; width:27.8%}

.ie7_body .btn_radio>input[type="radio"]{display:block; position:absolute; width: 1px; height: 1px;  padding: 0;  margin: -1px;  overflow: hidden; clip:rect(0,0,0,0);  border: 0}


.ie7_body .market_wrap th>input[type="checkbox"] {display: block; position:absolute; z-index:-1; bottom:18px;width: 1px; height: 1px;  padding: 0;  margin: -1px;  overflow: hidden; clip:rect(0,0,0,0);  border: 0}
.ie7_body .market_wrap td>input[type="checkbox"] {display: block; position:absolute; z-index:-1;}

.ie7_body .edit_list_wrap td.padTxt02 input{float:left; width:117px}

.ie7_body .checkTerms .save_id{display:block;position:absolute; z-index:-1; bottom:18px;width: 1px; height: 1px;  padding: 0;  margin: -1px;  overflow: hidden; clip:rect(0,0,0,0);  border: 0}
.ie7_body .edit_list_wrap td.padTxt04 input{width:72%; float:left}



/*
	2018.10.18
	소셜로그인
*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
.social_ico a {
	display: block;
	width: 99.5%;
	font-family: 'Nanum Gothic';
	color: #fff;
	height:55px;
	font-size:18px;
	vertical-align: middle;
	margin-bottom: 7px;
	overflow:hidden;
	image-rendering: -webkit-optimize-contrast;
}

.social_ico a:last-child {
	margin-bottom: 0;
}

.social_ico a:visited {
	color: #fff;
}

.social_ico a:hover, a:active {
	text-decoration:none;
}

.social_ico a span.social_logo {
	display:inline-block;
	width: 46px;
	margin-right:10px;
}

.social_ico a span img, .social_member span img{
	margin: 0px !important;
}

.social_ico a span.txt, .social_member span.txt{
	display: inline-block;
	height: 100%;
	vertical-align: inherit;
	margin-bottom : 5px;
}

.social_member2 span.txt{
	display: inline-block;
	height: 115%;
	vertical-align: inherit;
}

.social_ico a.naver_login, .social_member.naver_login {
	/* background-color:#2fc122;
	border:1px solid #01a100;
	border-radius:7px; */
	background-image: url(/images/ico_naver_new.png);
    background-size: cover;
    background-repeat: round;
}

.social_ico a.naver_login span.social_logo, .social_member.naver_login span.social_logo {
	border-right:1px solid #16ab06;
}

.social_ico a.kakao_login, .social_member.kakao_login {
	/* background-color:#ffea26;
	color: #3a2020;
	border:1px solid #e1c15c;
	border-radius:7px; */
	background-image: url(/images/ico_kakao_new.png);
    background-size: cover;
    background-repeat: round;
}

.social_ico a.kakao_login span.social_logo, .social_member.kakao_login span.social_logo {
	border-right:1px solid #e1c15c;
}

.social_ico a.google_login, .social_member.google_login {
	/* background-color:#da4835;
	border:1px solid #c50000;
	border-radius:7px; */
	background-image: url(/images/ico_google_new.png);
    background-size: cover;
    background-repeat: round;
}

.social_ico a.google_login span.social_logo, .social_member.google_login span.social_logo {
	border-right:1px solid #c50000;
}

.social_ico a.facebook_login, .social_member.facebook_login {
	/* background-color:#405ea9;
	border:1px solid #3a43b6;
	border-radius:7px; */
	background-image: url(/images/ico_facebook_new.png);
    background-size: cover;
    background-repeat: round;
}

.social_ico a.facebook_login span.social_logo, .social_member.facebook_login span.social_logo {
	border-right:1px solid #3a43b6;
}

.social_ico a.apple_login, .social_member.apple_login {
	/* background-color:#000000;
	border:1px solid #000000;
	border-radius:7px; */
	background-image: url(/images/ico_apple_new.png);
    background-size: cover;
    background-repeat: round;
}

.social_ico a.apple_login span.social_logo, .social_member.apple_login span.social_logo {
	border-right:1px solid #000000;
}

.social_member {
	display: block;
	width: 100%;
	font-family: 'Nanum Gothic';
	color: #fff;
	height:37px;
	border:1px solid #ccc;
	border-radius:7px;
	font-size:18px;
	font-weight:700;
	vertical-align: middle;
	margin-top:7px;
}

.social_member2 {
	display: block;
	width: 100%;
	font-family: 'Nanum Gothic';
	color: #000;
	height:37px;
	border:0px solid #ccc;
	border-radius:7px;
	font-size:18px;
	font-weight:700;
	vertical-align: middle;
	margin-top:7px;
}

.social_member span.social_logo {
	display:inline-block;
	width: 36px;
	margin-right:10px;
	border-right: 1px solid #ccc;
}

.mid_tit {
	color:#000;
	font-size:13px;
	text-align:center;
	margin: 15px 0 -15px 0;
}

.fl {float:left !important;}
.fr {float:right !important;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.dp_ib {display:inline-block;}
.dp_n {display:none;}
.vm {vertical-align:middle;}
.v_sub{vertical-align:sub;}

.pda0 {padding:0px !important;}
.pda5 {padding:5px !important;}
.pda7 {padding:7px !important;}
.pda10 {padding:10px !important;}
.pda15 {padding:15px !important;}
.pda20 {padding:20px !important;}
.pda25 {padding:25px !important;}
.pda30 {padding:30px !important;}

.pdt0	{padding-top:0px !important;}
.pdt5	{padding-top:5px !important;}
.pdt7	{padding-top:7px !important;}
.pdt10	{padding-top:10px !important;}
.pdt15	{padding-top:15px !important;}
.pdt20	{padding-top:20px !important;}
.pdt25	{padding-top:25px !important;}
.pdt30	{padding-top:30px !important;}

.pdb0	{padding-bottom:0px !important;}
.pdb5	{padding-bottom:5px !important;}
.pdb7	{padding-bottom:7px !important;}
.pdb10	{padding-bottom:10px !important;}
.pdb15	{padding-bottom:15px !important;}
.pdb20	{padding-bottom:20px !important;}
.pdb25	{padding-bottom:25px !important;}
.pdb30	{padding-bottom:30px !important;}

.pdl0	{padding-left:0px !important;}
.pdl5	{padding-left:5px !important;}
.pdl7	{padding-left:7px !important;}
.pdl10	{padding-left:10px !important;}
.pdl15	{padding-left:15px !important;}
.pdl20	{padding-left:20px !important;}
.pdl25	{padding-left:25px !important;}
.pdl30	{padding-left:30px !important;}

.pdr0	{padding-right:0px !important;}
.pdr5	{padding-right:5px !important;}
.pdr7	{padding-right:7px !important;}
.pdr10	{padding-right:10px !important;}
.pdr15	{padding-right:15px !important;}
.pdr20	{padding-right:20px !important;}
.pdr25	{padding-right:25px !important;}
.pdr30	{padding-right:30px !important;}

.pdr10	{padding-right:10px !important;}
.pdr30	{padding-right:30px !important;}

.mgt-3	{margin-top:-3px !important;}
.mgt-5	{margin-top:-5px !important;}
.mgt-10	{margin-top:-10px !important;}
.mgt-15	{margin-top:-15px !important;}
.mgt-18	{margin-top:-18px !important;}
.mgt-20	{margin-top:-20px !important;}
.mgt-21	{margin-top:-21px !important;}
.mgt-25	{margin-top:-25px !important;}
.mgt-30	{margin-top:-30px !important;}

.mgt0	{margin-top:0px !important;}
.mgt5	{margin-top:5px !important;}
.mgt7	{margin-top:7px !important;}
.mgt10	{margin-top:10px !important;}
.mgt15	{margin-top:15px !important;}
.mgt20	{margin-top:20px !important;}
.mgt25	{margin-top:25px !important;}
.mgt30	{margin-top:30px !important;}

.mgb-5	{margin-bottom:-5px !important;}
.mgb-10	{margin-bottom:-10px !important;}
.mgb-15	{margin-bottom:-15px !important;}
.mgb-20	{margin-bottom:-20px !important;}
.mgb-25	{margin-bottom:-25px !important;}
.mgb-30	{margin-bottom:-30px !important;}

.mgb0	{margin-bottom:0px !important;}
.mgb3	{margin-bottom:3px !important;}
.mgb5	{margin-bottom:5px !important;}
.mgb7	{margin-bottom:7px !important;}
.mgb10	{margin-bottom:10px !important;}
.mgb15	{margin-bottom:15px !important;}
.mgb20	{margin-bottom:20px !important;}
.mgb25	{margin-bottom:25px !important;}
.mgb30	{margin-bottom:30px !important;}

.mgl0	{margin-left:0px !important;}
.mgl3	{margin-left:3px !important;}
.mgl5	{margin-left:5px !important;}
.mgl7	{margin-left:7px !important;}
.mgl10	{margin-left:10px !important;}
.mgl15	{margin-left:15px !important;}
.mgl20	{margin-left:20px !important;}
.mgl25	{margin-left:25px !important;}
.mgl30	{margin-left:30px !important;}

.mgr0	{margin-right:0px !important;}
.mgr3	{margin-right:3px !important;}
.mgr5	{margin-right:5px !important;}
.mgr7	{margin-right:7px !important;}
.mgr10	{margin-right:10px !important;}
.mgr15	{margin-right:15px !important;}
.mgr20	{margin-right:20px !important;}
.mgr25	{margin-right:25px !important;}
.mgr30	{margin-right:30px !important;}




/* 2022.11.22 추가 내용 */
.error {clear:both;}
.error p {position:relative;padding-left:8px; color:inherit; font-size:inherit;line-height: 18px;word-break: keep-all;}
.error p::before {content:''; position:absolute; top:8px; left:0; width:2px; height:2px; background:#e94242;}
.error.ok p::before {background:#436f91}
.joinRow input[type="text"],
.joinRow input[type="password"] {width:100%; height:auto; margin:0; padding:0 10px; box-sizing:border-box; min-height:40px; line-height:38px;text-overflow: ellipsis; border:1px solid #585858 !important; border-radius:10px}

#proteHpNo,
#proteCertiNum {width:calc(100% - 120px)}
#div_checkCerti input[type="text"] {margin-bottom:8px}
img[src="/images/img_check.png"] {filter: hue-rotate(340deg) saturate(0.3)}
table [class^="btn-social-"] {width:20px !important; height:20px !important; background-size:contain !important; margin:0 8px 0 0 !important}

.div_agree1 iframe {height:11470px; overflow:hidden}
.div_agree2 iframe {height:810px; overflow:hidden}

/* 2023.02.07 문구추가 */
.txt-info {margin:0 auto 10px; padding:15px 20px; background:#e5e5e5; color:#121212;  font-size:13px; line-height:1.4; box-sizing:border-box}

.service-link {color:var(--hk-text-secondary); font-size:13px; text-align:center}
.service-link a {color:var(--hk-text-secondary)}
.service-link .link-faq::before {content:''; display:inline-block; width:16px; height:16px; margin-right:4px; background:url('https://hkstatic.hankyung.com/img/common/icon/icon-help.svg') no-repeat 50% 50%/contain; vertical-align:-3px}

/* 2023.03.27  */
.rel-links {display:flex; align-items:center; justify-content:center; gap:40px; font-size:15px}
.rel-links > a {position:relative}
.rel-links > a + a::before {content:''; display:inline-block; position:absolute; top:50%; left:-20px; width:1px; height:95%; background:#ddd; transform:translateY(-50%)}
.rel-links:not(:first-child) {margin-top:30px}

/* 하단 배너 추가 */
.banner-area {max-width:420px; margin:20px auto; text-align:center}
.banner-area a {display:block}
.banner-area a img {width:100%}

/* 한경로그인 아이콘 */
.btn-social-email,
table [class^="btn-social-"].btn-social-email {
	display: inline-block;
	background: #142c67 url(https://hkstatic.hankyung.com/img/logo/logo-short-hk-w.svg) no-repeat 50% 50%/15px 8px !important;
	vertical-align: middle;
	background-repeat: no-repeat;
	border-radius: 100%;
}
/* 갓머리 로고 추가 */
.top-area {transform:translate(-10px, -30px)}
.top-area .logo-hk {display:inline-block; padding:10px; line-height:0}
.top-area .logo-hk::before {content:''; display:inline-block; width:60px; height:15px; background:url('https://hkstatic.hankyung.com/img/logo/logo-hk.svg') no-repeat 0 0/contain; vertical-align:top}

/* 뉴스레터 수신거부 안내 화면 박스 레이아웃 조정(https://id.hankyung.com/api/CallDenyEmail.do) */
.loginWrap[style="padding:20px;"] {padding:20px 0 !important}

@media screen and (max-width: 360px) {
	.tab_Box > ul > li,
	.tab_Box2 > ul > li {font-size:13px; white-space:nowrap}
}
@media (max-width:320px){
	.pageTit {margin-bottom:20px; font-size:24px}
	.txt-info {margin-bottom:0; padding:10px; font-size:12px}
	.auth_box {padding-top:10px}
	.auth_conts {height:50px}
	.auth_conts .hk-rules-wrap, .auth_conts .hk-rules-wrap * {font-size:12px}
	.btnBox.marT30 {margin-top:15px !important}
}
@media screen and (min-width: 460px) {
	#wrap {position:relative; min-height:720px; margin:20px auto; padding:60px 29px; border:1px solid #ddd; box-sizing:border-box}
	.top-area {position:absolute; top:10px; transform:translateX(-10px)}
}
@media screen and (min-width: 720px) {
	.findInfo li {font-size:15px}
}


/* OS dark mode */
@media (prefers-color-scheme: dark) {
	:root {
        --hk-text-primary: #fff;
        --hk-text-secondary: #bdbdbd;
    }

	body {background:#1c1c1e}
	body, a {color:#fff}
	#wrap,
	.edit_list_wrap th,
	.edit_list_wrap td,
	.market_wrap,
	.market_wrap label::after,
	.auth_box:first-child,
	.joinRow + .joinRow {border-width:0.5px; border-color:#323235 !important}
	.rel-links > a + a::before {background:#323235}
	.market_wrap td,
	.tab_Box > ul > li,
	.tab_Box2 > ul > li {background:#000; border-color:#323235}
	.market_wrap th,
	.tab_Box > ul > li.on,
	.tab_Box2 > ul > li.on {background:#555; border-color:#323235}
	.birthDiv>span {border:none !important; background:#000}
	.birthDiv>span:not(:first-child) {border-left:1px solid #323235 !important}
	.birthDiv>span::after {border-color:#fff}
	.birthDiv .slct {color:#fff}
	.txt-info,
	.auth_conts {border:none; background:#000; color:#fff}
	#auth_wrap .Info_con textarea,
	.privacy_tab01,
	.privacy_tab01 th,
	.privacy_tab01 td ,
	.agree-box {border-color:#323235}
	.privacy_tab01 th {background-color:#555}
	.privacy_tab01 td {background-color:#000}
	.findInfo li::before {background:#fff}
	
	.error {color:#ff4f53}
	.ok,
	.txt_blue {color:#79ADD4}
	.error.ok p::before {background:#436f91}
	img[src="/images/img_check.png"] {filter: hue-rotate(340deg) saturate(0.5)}
	.pageTit[style*="25px"] {color:#ff4f53 !important}
	
	input:autofill,
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:active,
	input:-webkit-autofill:focus {
		-webkit-text-fill-color: #fff;
		-webkit-box-shadow:0 0 0 50px #000 inset;
		background-color: #000 !important;
	}
	input[type="text"],
	input[type="password"],
	.joinRow input[type="text"],
	.joinRow input[type="password"] {border:none !important; background:#000; color:#fff; color-scheme:dark}
	input:disabled,
	input:read-only {background:#333 !important; color:#888 !important}

	.btn-social-apple {filter:invert(1)}
	.div_agree1 iframe,
	.div_agree2 iframe {filter:invert(1) grayscale(1)}
	.top-area .logo-hk::before {background-image:url('https://hkstatic.hankyung.com/img/logo/logo-hk-w.svg');}
}