/* ----------------------------
	Style.css
	LG Account 2014.06.09
---------------------------- */

@charset "utf-8";
@import "datepicker.fix.css";

.m_guide_layout{width: 360px; height: 640px; border: 1px solid #d2d2d2; overflow-y: scroll; margin: 20px auto; text-align: left;}
.mobile_view {text-align: center;}
.login_wrap{width: 100%; height: 100%;}
.placeholder { color: #aaa; }

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,thead,tbody,tfoot,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
html{font-size: 16px;}
body{color:#000;}
li { list-style-type:none; }
img,fieldset,iframe { border:0; }
img,fieldset { border:none; }
img { max-width:100%; }
li img, dd img { vertical-align:top; }
input { vertical-align:middle; padding:0; margin:0; border:0; /*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; */}
input[type=text].input_focus, input[type=password].input_focus, input[type=email].input_focus {border:1px solid #1ddbd8; background-color:#fff;}
button { padding:0; margin:0; border:0; /* -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; */ }
legend { display: none !important;}
a,a:hover,a:link,a:visited,a:active{text-decoration: none; color: inherit !important;}
/* focus 임의 속성 삭제 - 브라우저 기본 속성값으로 보이도록 숨김 2021-01-27
*:focus{outline: 0;} */
label{display:block; width: 100%;}
/* 
label:focus-within{outline:auto; -webkit-tap-highlight-color:initial;}
*/
table{border-collapse:collapse;border-spacing:0}
caption {display:none;}

*{background-repeat:no-repeat}

body {font-family:'나눔고딕','NanumGothic',NanumGothic, 'LG SmartGothic Medium','맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,AppleGothic,sans-serif;/*font-size:1em;*/ line-height:1; color:#000; background-color:#e8e8e9; -webkit-text-size-adjust:none}
body {width:100%; height:100%; -webkit-touch-callout:none; -webkit-user-select:none; /*-webkit-tap-highlight-color:rgba(0,0,0,0);*/}
.login_back{background-color:#ffffff;}
.login_wrap{width:100%; height:100%; }
.footerCopy { width:100%; text-align:center; color:#666; font-size:12px; line-height:18px; padding:18px 0 5px 0; } /* 2015.04.09 Mod 홍병기K : SignIn 간격 조정 */
.footerCopy_ls{margin:1% 0 0.5% 0; }

.hide-text {position:absolute; left:-9999px; text-indent:-9999px; white-space:nowrap; overflow:hidden; font:0/0 arial;}

/* popup hidden */
[hidden]{display: none}
.hidden{display: none}

/* Select Styles */
select{-webkit-appearance:none;}
.select_form{display: block; text-align: center; width: 94%;color: #d80546; font-size: 10px; border: none; margin: 0px auto; background:url('../images/btn/btn_select_right.png') no-repeat;background-position:90% 50%; background-size: 12px 12px; vertical-align: middle;}
.select_underline{display: block; border: 2px solid #d80546; border-top: none; height: 5%; text-align: center;padding: 12px !important; line-height: 0px; font-size: 0.10px; margin: -4% auto 0px auto;}
.select_form2 {width:100%; padding:11px 12px; line-height:18px;  font-size:16px; vertical-align: middle; color: #343434; border: none;background-color:#e8edf0;  vertical-align: middle;}

/* Input Styles - text */
.input_div{margin-bottom:8px; padding-right: 2px;}
.input1 {width:94%; border: none;  padding:12px 3%;  font-size:0.9rem; vertical-align: middle; border:1px solid #bbbbbb;}
.input1::-webkit-input-placeholder{color: #bbbbbb;}
input..input1:disabled::-webkit-input-placeholder{color:rgba(103,103,103,1.0);}
.input2{ text-align: center; width: 50%;color: #d80546; font-size: 1.4rem}
.input3{-webkit-appearance:none;}
.input3 {width:95.5%; background-color:#e8edf0; padding:3% 2%; line-height:16px; height: 16px; font-size:16px; vertical-align: middle; border:1px solid #e8edf0;}
.password_box{padding-right: 42px !important;}

.ipt_form{padding: 4px;text-align: center; font-size: 0.7rem;}
.ipt_form label{display:block;padding: 8px; color:#393939; font-weight: bold; }

.input_line{border: 2px solid #d80546; border-top: none; height: 12px; width: 54%; text-align: center;padding: 4px !important; line-height: 0px; font-size: 10px; margin: -8px auto 0px auto;}

/* Input Styles - date */
input[type=date]{-webkit-appearance:none;}
input[type=date]{width:96%; background-color:#e8edf0; padding:3% 2%; line-height:16px; height: 16px; font-size:16px; vertical-align: middle;}

/* Input Styles - checkbox */
/*input[type=checkbox]{-webkit-appearance:none;float:right; display:inline-block;width:26px;height:26px;margin-right: 4px;border:none;background-color:none;background-image:url('../images/ipt/input_check_nm.png');background-position:0px 0px;background-repeat:no-repeat;background-size:auto 26px;vertical-align:middle;-webkit-box-sizing:border-box;}*/
input[type=checkbox] + span{float:right; display:inline-block;width:26px;height:26px;margin-right: 4px;border:none;background-color:none;background-image:url('../images/ipt/input_check_nm.png');background-position:0px 0px;background-repeat:no-repeat;vertical-align:middle; background-size:auto 26px;}
input[type=checkbox] + span.checked{background-position:-26px 0px;}
input[type=checkbox]:checked{background-position:-26px 0px;}
input[type=checkbox]:disabled{background-position:-52px 0px;}
input[type=checkbox]+label{margin-left: 4px;}
.terms_all_sel_inside input[type=checkbox] + span,
.terms_all_sel input[type=checkbox] + span{width:30px;height:30px;background-image:url('../images/ipt/input_check_big2.png'); background-size:auto 30px;}
.terms_all_sel_inside input[type=checkbox] + span.checked,
.terms_all_sel input[type=checkbox] + span.checked{background-position:-30px 0px;}


/* Input Styles - checkbox_all - 삭제, 공통과 동일하게 감.
.terms_all_sel input[type=checkbox]{-webkit-appearance:none;float:none;width:30px;height:30px;margin:0px;border:none;background-color:none;background-image:url('../images/ipt/input_check_big2.png');background-position:0px 0px;background-repeat:no-repeat;background-size:auto 30px;vertical-align:middle;-webkit-box-sizing:border-box;}
.terms_all_sel input[type=checkbox]:checked{background-position:-30px 0px;}
.terms_all_sel input[type=checkbox]:disabled{background-position:-60px 0px;}
.terms_all_sel_inside input[type=checkbox]{-webkit-appearance:none;float:none;width:30px;height:30px;margin:0px;border:none;background-color:none;background-image:url('../images/ipt/input_check_big2.png');background-position:0px 0px;background-repeat:no-repeat;background-size:auto 30px;vertical-align:middle;-webkit-box-sizing:border-box;}
.terms_all_sel_inside input[type=checkbox]:checked{background-position:-30px 0px;}
.terms_all_sel_inside input[type=checkbox]:disabled{background-position:-60px 0px;}
.terms_box input[type=checkbox]{float:none;}
*/

/* Input Styles - radiobutton */
/*input[type=radio]{-webkit-appearance:none;float:right;}
input[type=radio]{display:inline-block;width:26px;height:26px;margin-right: 4px;border:none;background-color:none;background-image:url('../images/ipt/input_check_nm.png');background-position:0px 0px;background-repeat:no-repeat;background-size:auto 26px;vertical-align:middle;-webkit-box-sizing:border-box;}*/
input[type=radio] + span{float:right; display:inline-block;width:26px;height:26px;margin-right: 4px;border:none;background-color:none;background-image:url('../images/ipt/input_check_nm.png');background-position:0px 0px;background-repeat:no-repeat;background-size:auto 26px;vertical-align:middle;}
input[type=radio] + span.checked{background-position:-26px 0px;}
/*input[type=radio]{position: absolute;left:-9999px;}*/

/* 인풋체크박스 디자인 */
input[type=checkbox],
input[type=radio]{
	margin:0 4px;
	width:26px;height:26px;
	-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;
	background-image: url('../images/ipt/input_check_nm.png');background-size:auto 26px;
	}
/* label 밖으로 input 을 뺄 경우, 
	상위 DIV addClass "input-group" 추가(input+label) : block & float:left : 2021-04-19 */
body .input-group{position:relative;}
body .input-group:after{content:'';display:block;clear:both;overflow:hidden;}
body .input-group > input[type=radio],
body .input-group > input[type=checkbox]{
	position:absolute;left:0;
	display:block;float:left;
	}
body .input-group > label{
	font-size:16px;min-height:auto;
	display:block;float:left;
	line-height:26px;
	padding-left:30px;
	box-sizing:border-box;
	word-break:break-all;
	}

/* 대표선택 속성 추가 */
body .terms_all_sel_inside .input-group > label,
body .terms_all_sel .input-group > label{padding-left:34px;line-height:32px;}
body .terms_all_sel .input-group > label{color:#fff;}

body .terms_all_sel_inside .input-group > input[type=checkbox],
body .terms_all_sel .input-group > input[type=checkbox]{
	width:30px;height:30px;
	background-image:url('../images/ipt/input_check_big2.png'); 
	background-size:auto 30px;
	}
body .terms_all_sel .input-group > input:checked,
body .terms_all_sel_inside .input-group > input:checked{background-position:-30px 0px;}

/* 모두선택 태그 위치 수정, 추가 정의*/
.contents_body7 li.terms_all_sel,
.contents_body_clamp li.terms_all_sel{margin:0;}

.terms_chk > div{font-size:16px;line-height:26px;}
.terms_chk label,
.terms_chk .input-group + div{width:85%;}

.terms_chk > .info-box,
.terms_chk > .info-noti{padding:0.5rem;margin:0;font-weight:normal;font-size:0.85rem;line-height:130%;}

.terms_chk > div.info-box{width:100%;line-height:1.5;font-size:0.875rem;padding:0 0.35rem;}

/* 우편번호 검색 추가 정의*/
.sel_address{display:flex;margin:12px;justify-content: center;}
.sel_address .input-group{width:50%;}
.sel_address .input-group > label{width:100%;}
.sel_address .input-group > label{padding-top:0;padding-bottom:0;}

/* TEXT에 대한 개별속성 추가 */
.txt-strong{font-weight:bold;}

/* font-style */
.noti{color:#d80546;}
a.link-text,
a.link-text:hover{text-decoration:underline;}

/* // */

/*label{position: relative;}
input[type=radio]{position: absolute;left:0px;top:0px;}
input[type=checkbox]{position: absolute;left:0px;top:0px;}*/

input[type=radio]:checked{background-position:-26px 0px;}
input[type=radio]:disabled{background-position:-52px 0px;}
input[type=radio]+label{margin-left: 4px;}

.input_password_on{font-size: 2rem;}
.input_birthday{width:100%; background-color:#e8edf0; padding:0.8rem 12px; line-height:10px; height: 10px; font-size:10px; vertical-align: middle;}

/* Button Styles */
.btn_box_page{position: fixed; left:0px; bottom: 0px; width: 100%; }
.btn_box_page:after{display:block;clear:both;height:0px;visibility:hidden;content:".";}
.btn_page{width: 50%; float: left; padding: 12px 0px; color: #ffffff; font-weight: bold; font-size: 10px;}
.btn_page.back{border-right: 1px solid #676767; background:#343434 url('../images/btn/btn_m_title_back.png') no-repeat; background-size: 0.7rem 1.15rem; background-position: 30px 50%;}
.btn_page.next{background:#343434 url('../images/btn/btn_m_title_next.png') no-repeat; background-size: 0.7rem 1.15rem; background-position: 70px 50%;}

.btn_nm{font-size:14px; color:#343434; background-color: #fcfcfe; border: 1px solid #b1b1b1; padding:8px; font-weight: bold;line-height: 20px; vertical-align: middle; width: 48.5%;}
.btn_nm:active {background-color: #ececec;}
.btn_fo{font-size:14px; color:#ffffff; background-color: #d80546; border: 1px solid #d80546; padding:8px; font-weight: bold;line-height: 20px; vertical-align: middle; width: 48.5%;}
.btn_fo:active {background-color: #b6063d;}
.btn_fo:disabled {background-color: #757575; border:1px solid #757575;}
.btn_nm_s{font-size:14px; line-height: 10px; color:#343434; background-color: #fcfcfe; border: 1px solid #b1b1b1; padding:12px 8px; vertical-align: middle;letter-spacing: -0.110px}
.btn_fo_s{font-size:14px; line-height: 10px; color:#ffffff; background-color: #d80546; border: 1px solid #d80546; padding:12px 8px; vertical-align: middle;letter-spacing: -0.110px}
.btn_nm_b{font-size:14px; color:#343434; background-color: #fcfcfe; border: 1px solid #b1b1b1; padding:4% 4%; font-weight: bold;line-height: 1.10px; vertical-align: middle;display: block; width: 94%; margin: 12px; }
.btn_fo_b{font-size:14px; color:#ffffff; background-color: #d80546; border: 1px solid #d80546; padding:4% 4%; font-weight: bold;line-height: 1.10px; vertical-align: middle;display: block; width: 94%; margin: 12px; }
.full_btn{float: none; display: block; width: 100%; margin-bottom: 12px;}

.btn_nm_ls{padding:8px 4%;}
.btn_fo_ls{padding:8px 4%;}
.full_btn_ls{margin-top: 4px;padding:8px 4%;}

.btn_support{padding:2px 2px;border: 1px solid #a6a2a2;  border-radius: 0.5rem; font-size: 10px; line-height: 11px; color: #a6a2a2; font-weight: bold; background-color: RGBA(0,0,0,0); margin-top: -4px; margin-left: 4px;}
.btn_support:active {background-color: #dddddd;}

.login_btn {width:100%; text-align:center; padding:16px; line-height:10px; background-color:#d80546; color:#fff; font-weight:bold; font-size:16px;}
.login_btn:active {background-color: #b6063d;}
.login_btn_gray {width:100%; text-align:center; padding:16px 12px; line-height:10px; background-color:#f3f3f3; color:#343434; font-weight:bold; font-size:16px;}
.main_btn_fo{width:100%;border:1px solid #d80546; text-align:center; padding:16px; line-height:10px; background-color:#d80546; color:#fff; font-weight:bold; font-size:16px; margin:8px 0px 0px 0px;}
.main_btn_fo:disabled {background-color: #757575; border:1px solid #757575;}
.main_btn_fo:active {background-color: #b6063d;}
.main_btn_nm{width:100%;border:1px solid #bbbbbb; text-align:center; padding:16px; line-height:10px; background-color:#ffffff; color:#676767; font-weight:bold; font-size:16px; margin:8px 0px 0px 0px;}
.main_btn_db{width:100%;border:3px double #bbbbbb; text-align:center; padding:16px; line-height:10px; background-color:#ffffff; color:#676767; font-weight:bold; font-size:16px; margin:8px 0px 0px 0px;}

.btn_login_etc{width:100%;border:1px solid #bbbbbb; background-color: #ffffff; font-size:13px; padding:12px; margin-top:8px; line-height:10px; font-weight:bold; color:#676767;}
.btn_login_etc img {width:1.5rem;  padding-right:5px; vertical-align:middle;}
.btn_new_account{width:100%; text-align:center; padding:5% 12px; line-height:10px; background-color:#d80546; color:#fff; font-weight:bold; font-size:10px; border: none;}
.btn_new_account_s{width:100%; text-align:center; padding:12px 12px; line-height:10px;  font-weight:bold; font-size:10px; color:#d80546; border:1px solid #bbbbbb;}
.new_account_msg{font-size: 13px; padding: 12px 0px; text-align: left; color: #676767;}
.new_account_msg a{color:#d80546; }
.new_account_msg a:active {text-decoration: underline;}
.new_msg01 {padding:20px 0 5px 15px; font-size:13px; position:relative; line-height:18px; color: #676767;}
.new_msg01 span {position:absolute; top:19px; left:0;}
.pw_reset {padding:15px 0 0 0;}

.btn_login_num{width:100%;border:1px solid #dadada; border-top: 1px solid #343434; background-color:#ffffff; color: #676767; font-size:10px; padding:12px; margin-top:4px; line-height:10px; font-weight:bold; }
.btn_login_num img {width:1.5rem;  padding-right:5px; vertical-align:middle;}
.btn_login_num_in{width:100%;border:1px solid #a6a2a2; background-color:#ffffff; color: #676767; font-size:12px; padding:12px; line-height:10px; font-weight:bold; }
.btn_login_num_in img {width:1.5rem;  padding-right:5px; vertical-align:middle;}

.btn_terms_view{position: absolute; right:0px; top:0px; padding:4px 1.4rem 4px 12px;border: 1px solid #79797b; background-color: #ffffff; border-radius: 20px; height: 1.6rem; color: #343434; background:#ffffff url('../images/btn/btn_m_next.png') no-repeat;background-position:right 12px center; background-size: 8px 0.66rem; vertical-align: middle; z-index: 1000;}

.btn_config{padding:4px 1.4rem 4px 12px;border: 1px solid #79797b; background-color: #ffffff; border-radius: 20px; font-size: 10px; line-height: 1.6rem; color: #343434; margin-top: -4px;background:url('../images/btn/btn_m_next.png') no-repeat;background-position:85% 50%; background-size: 8px 0.66rem; vertical-align: middle;}
.btn_config2{padding:4px 1.4rem 4px 12px;border: 1px solid #79797b; background-color: #ffffff; border-radius: 20px; font-size: 10px; line-height: 1.6rem; color: #343434; margin-top: -4px;background:url('../images/btn/btn_m_next.png') no-repeat;background-position:90% 50%; background-size: 8px 0.66rem; vertical-align: middle;}
.btn_config3{float: right; padding: 5px 10px; background-color: #ffffff; color: #343434; border:1px solid #79797b; border-radius:50px; vertical-align: middle; min-width:76px; max-width:40%; word-wrap:break-word;}
.btn_config3_f2{float: right; padding: 5px 10px; background-color: #ffffff; color: #343434; border:1px solid #79797b; border-radius:50px; vertical-align: middle; min-width:76px; max-width:40%; word-wrap:break-word;}
.btn_config4{float: right; line-height: 28px;padding: 0px 26px 0px 14px;background-color: #ffffff;height: 28px;color: #343434;background: url('../images/btn/btn_m_next_f.png') no-repeat;background-position: 0px 0px;vertical-align: middle;}
/*.btn_config_new {float: right; min-width:70px; max-width: 110px; vertical-align: middle; border-radius: 50px; border:1px solid #79797b; padding:6px 10px; background-color: transparent;}
.btn_config_new em {display:block; text-align: left; background: url('../images/btn/btn_m_next.png') no-repeat;background-position: center right; padding:0 10px 0 0; font-style:normal;}*/

.btn_submit_big {width:100%; text-align:center; margin-bottom:8px; padding:4% 12px; line-height:10px; background-color:#d80546; color:#fff; font-weight:bold; font-size:1.2rem;}

.btn_account{background-color: #757575; padding:12px 12px; line-height:16px; font-size:16px; vertical-align: middle; font-weight: bold; color: #ffffff; vertical-align: middle;letter-spacing: -0.110px}
.off_btn{background-color: #dddddd; color: #eeeeee}

/* 정렬 */
.f_left {float:left !important;}
.f_right {float:right !important;}
.txt_left {text-align:left !important;}
.txt_center {text-align:center !important;}
.txt_right {text-align:right !important;}
.f_off{clear: both;}
.clearfix{position: relative;/*padding-right: 1.2rem;*/}
.clearfix:after { display:block; clear:both; height:0px; visibility:hidden; content:".";}
.left_ipt{width: 60%; float:left; }
.right_ipt{width: 60%; float:right; }
.right_btn{width: 30%; float:right; }
.sm{margin-top: 5%}
.sm_ls{margin: 12px !important; padding: 0px !important}
.sm2{margin-top: 6%}
.sm2_ls{margin-top: 8px}
.lm{margin-left: 8px}
.no_bdt{border-top: none !important;}
.no_mjt{margin-top: 0px !important;}
.no_bdl{border-bottom: none !important; padding-bottom: 0px !important}
.no_pd{padding: 0 !important;}
.mbn{margin-top: 0px !important;;}
.mjt_2rem{margin-top: 4px}

/* 화면 FIX레이어 */
.fix_layer_top{position: fixed; left: 0px; top: 0px; width: 100%; height: 4.2rem; background-color: #e8e8e9; padding: 0px !important;}
.fix_layer_top .fix_in{height:3rem;padding: 12px;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
.fix_layer_top .fix_in p{}
.fix_mt{margin-top: 4.2rem !important; }

/*********************************************************
 
브라우저 해상도 480px~639px에 적용되는 contents.css

 *********************************************************/

/* landscape mode*/
.ls_pd13p{padding: 4px 12px !important;}
.ls_pd1303p{padding: 4px 12px 0px 12px !important;}
.ls_mg13p{margin: 4px 12px !important;}
.ls_mg03p{margin: 0px 12px !important;}
.ls_mg3p{margin: 12px !important;}
.ls_mg8p0p{margin: 32px 0px !important;}
.ls_mt3p{margin-top: 12px !important}
.ls_mt3mb0p{margin-top: 12px !important;margin-bottom: 0px !important}
.ls_mt0p{margin-top: 0px !important}
.ls_pd10p{padding: 4px 0px !important;}
.ls_pd11p{padding: 4px 0px !important;}
.ls_pd12p{padding: 4px 8px !important;}
.ls_pb1p{padding-bottom: 4px !important;}
.ls_pd0p{padding: 0px 0px !important;}
.ls_pd1p{padding: 4px !important;}
.ls_pd2p{padding: 8px !important;}
.ls_pb0p{padding-bottom: 0px !important;}
.ls_pb15p{padding-bottom: 15px !important;}


/* Header */
.header{position: fixed; top:0; left:0; width:100%; background-color: #757575; z-index: 10000;} /* 2015.03.25 Mod 홍병기K */
.header h1{font-size: 16px; line-height: 16px; vertical-align: middle;color: #ffffff; padding: 12px 12px;} /* 2015.03.25 Mod 홍병기K */
.header h1 a{color: #ffffff; text-decoration: none;}
.header h1 .btn_back{padding-left:15px; background:url('../images/btn/btn_m_title_back.png') no-repeat; background-size: 10px 16px; background-position: left center;color: #ffffff;}
/* IOS only */
body.ios .header{position:static;}
body.ios .header+.section.tit_pad{padding-top:0;}
/* Title Page Top Padding */
.tit_pad {padding-top:40px;} /* 2015.03.25 Add 홍병기K */

/* A태그 분리 시 h1 addClass "h1-title" */
.h1-title{display:flex;align-items:center;padding-top:2px;padding-bottom:2px;min-height:40px;box-sizing: border-box;
	margin:0 12px;
	}
.h1-title .btn_back{display:inline-block;width:30px;height:30px;
	margin:0 5px 0 0;padding:0;cursor: pointer;
	background: url('../images/btn/btn_m_title_back.png') no-repeat center;background-size:auto 16px;	
	}
.h1-title .btn_back > span{display:block;overflow:hidden;
	position:absolute;left:-1px;width:1px;height:1px;}
.h1-title > h1,
.h1-title .tit{vertical-align:top;line-height:130%;padding: 0;}
/* 기존소스에 대한 재정의 2021-07-15 */
#wrap .header > h1.h1-title{margin:0 12px;padding: 0;}
#wrap .header > h1.h1-title .btn_back{padding:0;background-position:center;}

.read-only{position: absolute;left:-10000px;width:1px;height:1px; overflow: hidden;}/* 읽기만 하는 속성 추가 */

body #wrap .h2-title{margin:0 12px;padding: 8px 12px;background-color: #4c4c4e; color: #ffffff; font-weight: bold;line-height: 25px; font-size: 16px;}
body #wrap .account fieldset > h2.h2-title{margin-top:12px;}
.h2-title + .contents_body8{margin-top:0;}

/* 공통 신규타이틀속성 추가 */
.h-group-title{margin:0;padding:0.5rem 0.75rem;font-size:1rem;min-height:1rem;background-color: #4c4c4e; color: #ffffff; font-weight: bold;box-sizing: border-box;}

/* Error Page */
.error_header,.error_header2 { width:100%; text-align:center; margin:48px 0 10px 0; }
.error_header .error-title{clear:both; width:92px; height:122px; margin:0 auto; overflow:hidden; text-indent:-9999px; background:url('../images/cmn/h1_system_error.png') no-repeat;}
.error_header2 .error-title {clear:both; width:124px; height:115px; margin:0 auto; overflow:hidden; text-indent:-9999px; background:url('../images/cmn/h1_system_error2.png') no-repeat; background-position: center center;}
.error_text{padding: 10px 12px 10px 12px; }
.error_text .title{font-size: 19px; color: #343434; text-align: center;  line-height: 24px; font-weight: bold;  padding-bottom: 10px}
.error_text .sub{ font-size: 13px; color: #757575; text-align: center;  line-height:  24px;  }
.error_detail{padding: 4px 0px;margin:4px 12px; font-size: 14px; border-top: 1px solid #343434;border-bottom: 1px solid #343434;line-height: 30px;}
.error_detail .title{float: left; text-align: right; width: 30%; margin-right: 12px; color: #343434; font-size: 13px; }
.error_detail .title:before{margin: auto 8px; content: "·"}
.error_detail .sub{float: left; color: #757575; font-size: font-size: 13px;}
.error_detail li:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }

/* Login */
.login_header { width:100%; text-align:center; padding:45px 0 27px 0; }
.login_wrap .header + .login_header{margin-top:45px;}
.login_header_ls {margin:4% 0 8px 0;}
.login_header .h2-title {clear:both; margin:0 auto; font-size:44px;font-weight: bold;text-align: center;}
.login_header .sub {display:block; color:#676767; font-size:12px; line-height:14px; margin-top:5px;font-weight: bold;text-align: center;}

.phonenum{margin:10px 0 10px 0;}

.login_form {width:94%; padding:0 3%;} /* 2015.04.09 Mod 홍병기K : SignIn 간격 조정 */
.login_form h1{color:#000000; font-size:1.0px; line-height:1.0px; margin-top:8px; margin-bottom: 8px; }

.login_side {margin-top: 8px}
.login_side:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }
.login_side button{min-width: 49%; color:#676767; font-size: 10px; padding:4px 0px; background-color: #ffffff; height: 1.6rem; overflow: hidden; text-overflow: ellipsis; position: relative; word-break: break-all; }
.login_side button img{display: none;}
.login_side button:first-child{text-align: left;float: left; border-left: none !important}
.login_side button:last-child{text-align: right;float: right; border-right: none !important}
.login_side button.btn_css1{width: 59%; padding-right: 4px; border-left: 1px solid #c6c6c8; border-right: 1px solid #c6c6c8}
.login_side button.btn_css1 img{display: block; position: absolute; top:0px;right:0px; width: 3rem; height: 3rem; border: none;}
.login_side button.btn_css2{width: 39%; min-width: 39%}
.login_side button.btn_css3{width: 49%;border-right: 1px solid #c6c6c8}
.login_side button.btn_css3 img{display: block; position: absolute; top:0px;right:0px; width: 3rem; height: 3rem; border: none; }

.login_side3 {width:100%; margin-top: 8px;}
.login_side3:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }
.login_side3 button { width: 100%; color:#676767; font-size: 10px; line-height: 1.4rem;background:url('../images/btn/btn_m_next_g.png') no-repeat;background-position:100% 50%; background-size: 8px 0.66rem;padding:4px 12px 4px 0px; border-top: 1px dotted #e2e2e2;}
.login_side3 button:first-child{border-top: none;}
.login_side3 button:before{content:"";display:inline-block;line-height: 1.4rem;vertical-align: middle;  width: 12px; height: 0.8rem; margin-right: 4px; background:url('../images/bul/bul_dot_m.png') no-repeat;background-position:50% 50%; background-size: 0.3rem 0.3rem;}

.login_side2 {width:96%; padding: 8px;}
.login_side2:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }
.login_side2 button { color:#676767; font-size:0.7rem; line-height: 10px;background:url('../images/btn/btn_m_next_g.png') no-repeat;background-position:100% 50%; background-size: 12px 0.99rem;padding:8px 12px 8px 0px;}

.login_side_ct {margin-top: 8px; display: -webkit-box; -webkit-box-pack:center;}
.login_side_ct button{display:block; width: 50%; color:#676767; font-size: 10px; padding:4px 4px; background-color: #ffffff; min-height: 1.6rem;  text-overflow: ellipsis; position: relative;  }
.login_side_ct button img{display: none;}
.login_side_ct .box_line{width: 1px; background-color: #c6c6c8}
.login_side_ct:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }

.login_side_s{padding: 8px; border-bottom: 1px solid #c6c6c8;padding-bottom: 6px;}
.login_side_s button{display:inline-block; width: 48%; color:#676767; font-size: 13px; padding:4px 0.5%; background-color: #ffffff;  text-overflow: ellipsis; position: relative; text-align: center;vertical-align: top;}
.login_side_s button:active {text-decoration: underline;}
.login_side_s button img{display: none;}
.login_side_s .box_line{width: 1px; background-color: #ececed;display: inline-block;height: 26px;}
.login_side_s:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }
.login_side_s > button:only-child{width:100%;}
.login_passbox {width:96%; padding:0px 8px 12px 8px;}
.login_passbox button { color:#676767; font-size: 10px; line-height: 1.2rem;background:url('../images/btn/btn_m_next_g.png') no-repeat;background-position:100% 50%; background-size: 12px 0.99rem; width: 100%;}

.login_etc {width:100%; margin-top:12px;}
.login_etc:after {content:""; display:block; clear:both;}
.login_etc h1{font-size: 15px; line-height: normal;}
.login_etc2 {width:100%; margin-top:15px;}
.login_etc2 button {border:1px solid #bbb; background:#fff; width:100%; font-size:13px; color:#676767; font-weight:bold; padding:10px 12px; line-height:18px; text-align:left; border-radius:2px;}
/*.login_etc2 button img {width:18px; height:18px; padding:0 24px 0 0;}*/

.login_etc2 .h2-title,
.login_etc_ha .h2-title{font-size: 15px; line-height: normal;margin:8px 0;}

.login_etc2 button:active {background-color: #ececec;}
.login_etc2 button {border:1px solid #bbb; background:#fff; width:100%; font-size:13px; color:#676767; font-weight:bold; padding:10px 12px; line-height:18px; text-align:left; border-radius:2px; margin:4px 0;}
.login_etc2 button:active {border:1px solid #a50034; background:#f9f9f9;}
.login_etc2 button span {float:left; width:18px; height:18px; margin:0 24px 0 0; background-size:contain; background-position:center;}
.login_etc2 button span.google_icon {background-image:url('../images/ico/icon_google.png');}
.login_etc2 button span.facebook_icon {background-image:url('../images/ico/icon_fb.png');}
.login_etc2 button span.amazon_icon {background-image:url('../images/ico/ic_rester_amazon.png');}
.login_etc2 button span.kakao_icon {background-image:url('../images/ico/icon_kakao.png');}
.login_etc2 button span.line_icon {width:40px; height:40px; background-image:url('../images/ico/icon_line.png'); background-size:70%; margin:0 22px 0 0; border-right:1px solid #00b300;}
.login_etc2 button.btn_login_line {border:none; background:#00C300; border-radius:5px; padding:0 0 0 2px; line-height:40px; color:#ffffff;}
.login_etc2 button.btn_login_line:active {background:#00B300;}
.login_etc2 button.btn_login_line:active span.line_icon {border-right:1px solid #009800;}
.login_etc2 button.btn_login_line:disabled {background:#C6C6C6;}
.login_etc2 button.btn_login_line:disabled span.line_icon {border-right:1px solid #b5b5b5;}

.login_etc2 button.naver {background-color:#1ec800; border-color:#1eb400; color:#fff; position:relative; padding:10px 12px 10px 53px; height:41px;}
.login_etc2 button.naver span.iconNaver {position:absolute; left:0px; top:0px; width:39px; height:39px; border-right:1px solid #1eb400; background-image:url('../images/ico/icon_naver.svg'); background-position:center; background-size:18px;}
.login_etc2 button.naver span.naverline {position:absolute; left:40px; top:0px; line-height:39px; border-left:1px solid #56d640; padding:0 0 0 13px;}

.login_etc2:after {content:""; display:block; clear:both;}

.login_num{width:100%; margin-top:10px;}
.login_num p{font-size: 10px; color: #343434; text-align: center; line-height: 1.3rem; font-weight: bold;}

.alarm_text{padding: 10px 12px 10px 12px; font-size: 18px; color: #343434; text-align: center;  line-height: 26px; font-weight: bold; }
.alarm_text_ls{padding: 8px 0px 4px 0px; }
.alarm_text p{ font-size: 1.2rem; color: #d80546; text-align: center;  line-height: 1.3rem; }

.paragraph p{padding: 4px 0px; font-size: 13px; color: #676767; text-align: center; line-height: 20px;}
.paragraph p.sub{color:#757575;}
.paragraph p.sub2{padding: 12px 0px;border-top: 1px solid #c6c6c8;}
.paragraph strong{color:#d80546; letter-spacing:0px;}
.paragraph .list_title{ color:#343434; padding: 12px;line-height: 22px; border-bottom: 1px solid #242424; border-top: 1px solid #242424; text-align: center; font-weight: bold;margin-top: 12px}
.paragraph .list_title_ls{ padding:4px 12px;margin-top: 4px}
.paragraph .list_sel{ color:#343434; padding: 12px;line-height: 22px; border-bottom: 1px solid #c6c6c8; border-top: 1px solid #242424; text-align: left; font-weight: bold;margin-top: 3rem}
.paragraph .list_sel_ls{  padding: 12px;}
.paragraph .list_sel:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }
.paragraph ul{padding:8px}
.paragraph ul.applist{border-bottom: 1px solid #c6c6c8; margin-bottom: 12px;}
.paragraph li{color: #676767; font-size: 10px; padding: 12px 0px;}
.paragraph li:before{ margin: auto 0.10px; content: "·"}
.sel_label{width: 90px;}

.paragraph2 p{padding: 3rem 0px 0px 0px; font-size: 0.7rem; color: #343434; line-height: 1.3rem; font-weight: bold; text-align: center;}
.paragraph2 .list_sel{ color:#676767; padding: 12px;line-height: 1.4rem; border:1px solid #e2e2e2; border-top: 2px solid #242424; text-align: left; font-weight: bold;margin-top: 4px; }
.paragraph2 .list_sel:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }

.id_list{padding:12px; background-color: #fff; margin: 0px 12px 12px 12px;border-top: 2px solid #242424;}
.id_list li{color: #676767; font-size: 13px; padding: 8px 0px;}
.id_list li:before{ margin: auto 0.10px; content: "·"}
.id_list li.no_id:before {content: ""}

/* General Contents */
.contents_body{margin:0 12px 12px 12px; background-color: #ffffff;padding: 0px 0px 8px 0px; } /* 2015.03.25 Mod 홍병기K */
.contents_body li{margin: 0px 8px;padding:10px 8px; border-top: 1px dotted #a5a5a6; font-size: 16px; line-height: 25px;/* overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/}
.contents_body li:first-child{border-top: none;}
.contents_body li:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }
.contents_body h5{font-size: 10px}

.contents_body2{margin:12px; margin-bottom: 0px; background-color: #ffffff; padding-bottom: 12px;  border-top: 2px solid #242424;}
.contents_body2 li{margin: 0px 12px; padding:12px 0px 0px 0px; border-bottom: none; font-size: 1.10px; line-height: 1.5rem;}
.contents_body2 li:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }
.contents_body2 h4{font-size:0.9rem;padding-bottom: 4px;}
.contents_body2 h5{padding-bottom: 4px;font-size: 16px;}
.contents_body2 .title{background-color: #4c4c4e; color: #ffffff; font-weight: bold;line-height: 1.5rem; padding: 8px 12px;}
.one_line_list h5{float: left; width: 24%; margin-right:12px }
.one_line_list .detail{float: left; width: 70px; font-size: 0.9rem;}
.one_line_list:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }

.contents_body3{position:relative; margin:12px; margin-bottom: 0px; background-color: #ffffff; padding: 12px;text-align: center; color: #343434; font-weight: bold; font-size: 1.2rem; line-height: 1.4rem;min-height: 200px;}
.contents_body3 p{position:absolute; margin: auto; width: 94%; top:40px;}

.contents_body4{margin:12px; margin-top: 0px; background-color: #ffffff;  border-top: 2px solid #242424;}
.contents_body4 li{padding:12px; font-size: 16px; line-height: 26px;color: #676767;border-bottom: 1px solid #e2e2e2;}
.contents_body4 li:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }
.contents_body4 h5{font-size: 16px; color: #343434;}
.contents_body4 h5:before{margin: auto 0.5rem; content: "·"}
.contents_body4 p{margin: auto 10px; color: #666;font-size: 0.9rem;line-height: 1.4rem;}

.contents_body5{margin:12px; background-color: #ffffff; padding: 12px; min-height: 300px; }
.contents_body5 li{padding:12px; border-top: 1px dashed #343434; font-size: 14px; line-height: 25px;}
.contents_body5 li:first-child{border-top: none;}

.contents_body6{margin:12px;background-color: #ffffff; padding: 12px;  border-top: 2px solid #242424;}
.contents_body6 h2{font-size: 16px; color: #d80546; }
.contents_body6 p{font-size: 13px; padding-top: 12px;  color: #757575; line-height: 22px;}
.contents_body6 span{ color: #757575; line-height: 1.4rem;}
.contents_body6 .title{display: block; font-weight: bold; color: #343434;}
.contents_body6 li{font-size: 0.7rem;  color: #757575; line-height: 1.4rem;}
.contents_body6 li:before{margin: auto 0.5rem; content: "-"}

.contents_body7{margin:12px; margin-bottom: 12px; background-color: #ffffff; border-top: 2px solid #242424;}
.contents_body7 p{ margin:0px 12px; font-size: 14px; color: #343434; line-height: 22px;padding-bottom: 12px}
.contents_body7 li{margin: 0px 7px; padding: 10px 8px; font-size: 17px; line-height: 25px;border-top: 1px dotted #a5a5a6; color: #666;}
.contents_body7 li:first-child,
.contents_body7 li.first-child{border-top: none}
.contents_body7 li:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }
.contents_body7 .title{background-color: #4c4c4e; color: #ffffff; font-weight: bold;line-height: 1.5rem; padding: 8px 12px;}
.contents_body7 .sub_title{font-size: 13px; font-weight: bold; color: #343434;}
/*.contents_body7 input[type=checkbox]{display: none;}
.contents_body7 span{float:left; display:inline-block;width:26px;height:26px;margin-right: 4px;border:none;background-color:none;background-image:url('../images/ipt/input_check_nm.png');background-position:0px 0px;background-repeat:no-repeat;background-size:auto 26px;vertical-align:middle;}
.contents_body7 span.checked{background-position:-26px 0px;}
.contents_body7 label{line-height: 26px;}*/
.sub_discript{border-bottom: 1px solid #242424;margin: 0px 12px;}
.sub_discript p{font-size: 12px; color: #676767; margin:0px; padding-top: 8px; }

.contents_body8{margin:12px; background-color: #ffffff;  border-top: 2px solid #242424;}
.contents_body8 li{padding:12px; font-size: 16px; line-height: 25px;color: #676767;border-bottom: 1px solid #e2e2e2;}
.contents_body8 li:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }
.contents_body8 li p.errormsg{color:#d80546; font-size:12px; line-height: 20px;padding-top: 8px; font-weight: bold;}
.contents_body8 .detail_text{display:inline-block; width:100%; color: #000000; word-break:break-all;} /* S : 2015.04.14 Mod 홍병기K */
/* S : 2015.04.14 Add 홍병기K : 이메일 말줄임 */
.contents_body8 .detail_text span {width:290px; float:left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} /* 2017.02.... */
@media screen and (max-width:359px )  {
	.contents_body8 .detail_text span {width:255px;}
}
@media screen and (min-width:520px )  {
	.contents_body8 .detail_text span {width:auto;}
}
/* E : 2015.04.14 Add 홍병기K : 이메일 말줄임 */

.contents_body8 .detail_text span.google {width:262px; padding:0 0 0 28px; background-image:url('../images/ico/icon_google.png'); background-size:18px; background-position:left center; background-repeat:no-repeat;} /* 2017.02.... */
.contents_body8 .detail_text span.kakao {width:262px; padding:0 0 0 28px; background-image:url('../images/ico/icon_kakao.png'); background-size:20px; background-position:left center; background-repeat:no-repeat;} /* 2017.02.... */
.contents_body8 .detail_text p.accountMail {font-size:13px; color:#6e6e6e;} /* 2017.02.... */
.contents_body8 .detail_text p.accountGoogle, .contents_body8 .detail_text p.accountKakao {padding:0 0 0 28px; font-size:13px; color:#6e6e6e;} /* 2017.02.... */

.contents_body8 h2{display:inline-block; width:100%; font-size:16px;padding-bottom: 4px;}
/* S : 2015.03.30 Add 홍병기K : 보조이메일 말줄임 */
.contents_body8 h3 span {width:210px; float:left; overflow: hidden; text-overflow:ellipsis;}
@media screen and (min-width:640px )  {
	.contents_body8 h3 span {width:auto;}
}
.contents_body8 h3 p {padding:0 5% 0 0; float:left; width:55%; word-wrap:break-word;}
/* E : 2015.03.30 Add 홍병기K : 보조이메일 말줄임 */

.contents_body_clamp{margin:12px; background-color: #ffffff;padding: 0px 0px 8px 0px; }
.contents_body_clamp li{margin: 0px 8px;padding:10px 8px; border-top: 1px dotted #a5a5a6; font-size: 10px; line-height: 25px;/* overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/}
.contents_body_clamp li:first-child,
.contents_body_clamp li.first-child{border-top: none; border-top:0px;}
.contents_body_clamp li:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }
.contents_body_clamp h5{font-size: 16px;padding-bottom:2px;}
.contents_body_clamp .btn_terms_view{position: absolute; right:8px; top:8px; padding:0px;border: none; border-radius: 0px; color: #343434; background:#ffffff url('../images/btn/btn_m_next.png') no-repeat;background-position:center center; background-size:auto 14px; vertical-align: middle; z-index: 1000; overflow:hidden; text-indent:-9999px;
	width: 30px;height: 30px; margin:0 0 0 0;} /* 2016.12.20 수정 */
.contents_body_clamp .btn_terms_view:active {background-color: #ececec;}
.contents_body_clamp li .notice{background-color: #e8e8e9;margin-left:-16px;margin-right:-16px;padding-bottom: 10px;}
.contents_body_clamp li.border-none{border-top:none;}

.contents_body_notice{margin: 12px; border-top: 2px solid #242424; border-bottom: 1px solid #242424; font-size: 0.9rem; }
.contents_body_notice p{background-color: #ffffff; color:#343434; padding: 12px;line-height: 1.4rem; }
.contents_body_notice strong{color:#d80546;}
.contents_body_notice ul{padding: 12px 0px;}
.contents_body_notice li{padding: 12px 0px;}
.contents_body_notice li:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
.contents_body_notice li span{ float: right; color: #676767; }

.id_box_inner {margin:0 12px; font-size: 1.10px; line-height: 1.5rem; border-top: 1px solid #343434;}
.id_box_inner_ls{margin:4px 12px;padding:4px 12px;}
.id_box_inner:after{display:block;clear:both;height:0px;visibility:hidden;content:"."; }
.id_box_inner h5{float: left; width: 24%; margin-right:12px }
.id_box_inner .detail{float: left; width: 70px; font-size: 0.9rem;}

.btn_box{margin:12px;}
.btn_box:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
.btn_box2{margin:0px 12px;}
.btn_box2 button{font-size: 10px; line-height: 10px; padding: 8px; background-color: RGBA(0,0,0,0)}
.btn_box2:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
.btn_box3{margin:12px; margin-bottom: 0;}
.btn_box3:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
.btn_box_big{margin:0px 12px;}

.explanation{margin: 12px; margin-bottom: 0px;}
.explanation:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
.explanation .list_title{ color:#343434; padding: 12px;line-height: 1.4rem;border-top: 1px solid #343434;border-bottom: 1px dashed #343434;  font-weight: bold;margin-top: 12px}
.explanation ul{padding:8px}
.explanation li{color: #343434;font-size: 12px; padding: 4px 0px;  line-height: 20px;}
.explanation li span{float: left; display:block; width: 97%;}
.explanation li:before{display:block; width:3%; float: left; content: "·"}
.explanation li:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}

.subsc{ font-size:0.9rem; padding: 12px; color:#343434; line-height: 24px;   font-weight: bold; }
.sub_text{margin: 12px; }
.sub_text p{font-size: 14px; color: #676767; line-height: 130%;}

/* terms */
.terms{}
.terms .contents_body li{margin: 0px 8px;padding:12px 0px; border-bottom: none; font-size: 1.10px; line-height: 25px;padding: 8px 0px 0px 0px;}
.terms_all_sel{background-color: #4c4c4e; color: #ffffff; padding: 7px; font-weight: bold; line-height: 30px}
.terms_all_sel_inside{padding: 12px; font-weight: bold;}
.terms_all_sel_inside label{line-height: 30px;}
.terms_box{border: 1px solid #d7d7d7; border-top: 2px solid #343434;} /* 2016.12.20 수정 */
.terms_box .terms_text{padding:8px; height: 4.5rem; border: none; background-color: #e8edf0; font-size: 10px; line-height: 1.6rem; color: #202020; overflow-y: scroll; margin-bottom: 8px;  }
/*.terms_chk:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}*/
.terms_chk{position:relative; padding:10px 8px;} /* 2016.12.20 수정 */
.terms_chk label{font-size: 16px; min-height:26px;}
.terms_chk_no {position:relative; padding:0 0 0 30px;  min-height:26px;} /* 2015.03.10 Add 홍병기K */
.terms_chk_no p {display:block; width:80%; font-size: 16px;}
.terms_chk_no button.btn_terms_view {right:0;} /* 2016.12.20 수정 */
.terms_paragraph{margin:12px;padding: 8px; background-color: #ffffff; word-break:break-word;}
.terms_paragraph p{margin:12px 8px; background-color: #ffffff; font-size: 15px;line-height: 23px;word-break:break-word;}
.terms_paragraph table p{margin:12px 8px; background-color:transparent; font-size: 15px;line-height: 23px;word-break:break-all;}
.terms_update {background:#ececec;} /* 2016.12.20 수정 */
.terms_update button.btn_terms_view {background-color:#ececec;background:url('../images/btn/btn_m_next.png') no-repeat; background-size: auto 14px; background-position: center;} /* 2016.12.20 수정 */

.notice{padding:12px; margin:0 12px 12px 12px; font-size: 10px; line-height: 1.5rem; padding-bottom: 0px;}
.notice + .terms .contents_body_clamp{margin-top:0;}
.notice p{color: #242424; font-size: 16px; font-weight: bold; line-height:24px;}
.notice .sub{color:#676767; font-size:0.9rem; line-height: 1.2rem;padding-top: 4px;}
.notice ul{ color: #5e5d5d; font-size: 0.9rem; line-height: 1.5rem}
.notice ul li:before{content: '-'; margin: auto 0.5rem;}
.notice-em{font-style:normal;color:#d80546}

.notice2{margin: 12px; font-size: 10px; line-height: 26px;}
.notice2 p{color: #242424; font-size: 16px; font-weight: bold;}
.notice2 p.subsc{color:#676767; font-size:14px; line-height: 20px; padding: 0px; padding-top: 12px; font-weight: normal;}
.notice2 ul{ color: #5e5d5d; font-size: 0.9rem; line-height: 1.5rem;  }
.notice2 ul li:before{content: '※'; margin: auto 0.5rem;}

.notice3{padding: 4px 12px 12px 20px; line-height: 20px; padding-bottom:0; font-size: 13px;  color: #343434; background:url('../images/bul/bul_dot_s.png') no-repeat;background-position:12px 12px; }

.notice4{padding:0px 12px; font-size: 10px; line-height: 1.5rem;}
.notice4 p{color: #242424; font-size: 0.9rem;  font-weight: bold; padding: 0px}
.notice4 .id_type{color: #676767; font-size: 10px;  padding: 10px 0px;}

/* S : 2015.03.25 Add 홍병기K */
.notice_country {z-index:999;width:100%; font-size: 16px; line-height: 24px; background: #e8e8e9;}
.notice_country p {color: #242424; padding:12px; font-weight: bold;}
/* E : 2015.03.25 Add 홍병기K */

/* account */
.account h2, .account h3, .account h4{font-size: 16px; color: #343434;}
.account > fieldset > h2,
.account > fieldset > h3,
.account > fieldset > h4{padding: 12px 12px 8px 12px;}

.account_box{border:1px solid #d7d7d7;  }
.account_ipt{margin:10px; }
.account_ipt p{color:#676767; font-size:0.7rem; line-height: 1.2rem;padding-top: 8px;}
.account_ipt p.errormsg{color:#d80546; font-size:12px; line-height: 20px;padding-top: 8px; font-weight: bold;}
.account_ipt p.topmsg{padding-top: 0px;}
.account_ipt strong{color:#000000; font-size:10px; line-height: 1.2rem;padding-top: 12px;}
.account_ipt .btn_password_alert{position: absolute; right:0px; top:50%; margin:-17px 0 0 0; padding:5px 6px 3px 6px; line-height: 26px; color: #343434;vertical-align: middle; z-index: 1000; background:url('../images/btn/btn_q_bg.png') no-repeat; background-size: 34px 34px;}
.account_ipt .btn_password_alert img {width: 22.5px; height: 22.5px;}
.account_ipt.add-alert .clearfix{padding-right:40px;}/* 생년월일 설정 공간 부여 2019-01-02 */
.account_ipt2 p{color:#676767; font-size: 14px; line-height: 24px;padding: 12px;}
.account_ipt2 .sel_line{border-top: 1px solid #ececec;color:#676767; padding: 12px; font-size: 14px; vertical-align: middle; line-height: 26px;}
.account_ipt2 .sel_line:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
.account_text{font-size:16px; color: #676767}
.account_oldid{font-size:10px; color: #c1bfbf; font-weight: bold;}
.account_nowid {font-size:16px; font-weight:bold;}
.account_nowid ul li {padding:10px 12px; border-bottom:1px solid #343434;}
.birth_list{float: left; width: 30px;}
.list_marginr{margin-right:10px }

.account_detail{}
.account_detail .no_msg{ padding: 10px 12px;}
.account_detail ul,
.account_detail ol{list-style-type: decimal; padding: 12px;}
.account_detail ol li{border-bottom: 1px dashed #a5a5a6; padding: 16px 0px;  background:url('../images/btn/btn_m_next.png') no-repeat;background-position:100% 50%; background-size: 9px;}
.account_detail ol li:before{display:inline-block; margin: auto 8px auto 0px; font-size: 0.7rem; line-height: 1.2rem; height: 1.2rem; width: 1.2rem; color: #ffffff; background: #79797b; border-radius: 30px; padding: 4px; font-weight: bold; text-align: center; vertical-align: middle;}
.maker01:before{content: '1';}
.maker02:before{content: '2';}
.maker03:before{content: '3';}
.maker04:before{content: '4';}
.maker05:before{content: '5';}
.maker06:before{content: '6';}
.maker07:before{content: '7';}
.maker08:before{content: '8';}
.maker09:before{content: '9';}

.account_detail li.link{border:none;padding:0;background-image:none;}
.account_detail .link > a{
	display:block;padding: 16px 0px;
	background:url('../images/btn/btn_m_next.png') no-repeat;background-position:100% 50%; background-size: 9px;	
	border-bottom: 1px dashed #a5a5a6;
	}

/* S : 2015.07.06 Add 홍병기K : Select Box Dropdown */
.zearch-container {display:none;}
#intro .zelect {width:100%; height:42px; cursor: pointer; position: relative; background:url('../images/btn/btn_m_down_g.png') #e8edf0 no-repeat; background-position: right 10px center; background-size:13px;}
#intro .zelect.open {background:url('../images/btn/btn_m_up_g.png') #e8edf0 no-repeat; background-position: right 10px center; background-size:13px;}
#intro .zelected {position:absolute; top:0; left:0; width:85%; font-size:16px; line-height:32px; padding:5px 12% 5px 3%; display:block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
#intro .zelected.placeholder {color: #343434;}

#intro .dropdown {width:100%; background-color: white; border: 1px solid #c5c9cd; position: absolute; bottom: 54px; margin:0 0 0 -11px; padding:5px 10px;}
#intro .dropdown ol {padding: 0; list-style-type: none;}
#intro .dropdown li {font-size:16px; line-height:normal; margin:0; padding: 10px 5px; border-top: 1px dotted #c5c9cd; border-bottom:0;}
#intro .dropdown li:first-child {border-top:0;}
#intro .dropdown li.current {background-color: transparent;}
#intro .dropdown .no-results {margin-left: 10px;}
/* E : 2015.07.06 Add 홍병기K : Select Box Dropdown */

.inbox{display: none; border-top: 1px solid #ececec; padding-top: 12px; margin-top: 12px;  }
.inbox p{margin: 0;}
.inbox h5{padding: 8px 0 4px 0;}
.inbox h5:before{margin: 0; content: "";}
.inbox > .account_box,
.inbox.find_box_name > .account_box,
.inbox.find_box_email > .account_box{margin-top:12px;}

.cpc_box{padding-bottom: 12px; }
.cpc_box:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
.cpc_box img{float: left; border:1px solid #d7d7d7; width: 99%; margin-right: 8px;margin-top: 12px}
.cpc_box button{float: right; color: #676767; padding-right: 10px; margin-top: 0px; font-size: 10px; text-align: right;  background:RGBA(0,0,0,0) url('../images/btn/btn_refresh.png') no-repeat;background-position:100% center; background-size: 10px 10px;}

.notice_list{background-color: #ffffff;}
.notice_list li{border-bottom: 1px solid #d7d7d7; padding: 8px 20px 8px 8px; background:url('../images/btn/btn_m_next_g.png') no-repeat;background-position:98% center; background-size:8px;}
.notice_list .title{font-size: 14px;line-height: 21px; display: block; color: #343434; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;}
.notice_list .sub{font-size: 12px;color: #5e5d5d;}
.notice_list .no_list{border-bottom: 1px solid #d7d7d7; padding:10px 8px; background-color: #ffffff; text-align: center;font-size: 0.9rem; display: block; color: #343434; }

.notice_paging{text-align: center; margin-top: 4%;}
.notice_paging button{border:1px solid #bbbbbb; background-color: #ffffff; font-size: 10px; padding:12px; margin-left:0.10px;margin-right:0.10px; line-height:10px; font-weight:bold; color:#676767;}
.notice_paging .arrow_disabled{border:1px solid #c6c6c8; background-color:#e8e8e9; color:#c6c6c8}
.notice_paging .paging_on{border:1px solid #d80546; background-color: #d80546; color: #ffffff; font-weight: bold; }

.notice_more{padding: 0px 8px 8px 8px;}
.notice_more .btn_more{width:100%;border:1px solid #bbbbbb; background-color: #ffffff; font-size: 13px; padding:16px 10px; margin-top:8px; line-height:16px; font-weight:bold; color:#676767;}
.notice_more .btn_more:active {background-color: #ececec;}
.notice_more .btn_more_r{width:100%;border:1px solid #d80546; background-color: #d80546; font-size: 13px; padding:16px 10px; margin-top:8px; line-height:16px; font-weight:bold; color:#ffffff;}
.notice_more .btn_more_r:active {background-color: #b6063d;}
.notice_more .btn_more img {width:0.8rem;  padding-right:5px; vertical-align:middle;}
.notice_more .btn_more_r img{width:0.8rem;  padding-right:5px; vertical-align:middle;}
.notice_more .s_font{font-size: 0.75rem; font-weight: normal; margin-left: 8px;}

.notice_view .title_box{border-bottom: 1px solid #d7d7d7; padding: 8px; background-color: #ffffff;}
.notice_view .title{font-size: 14px;line-height: 21px; display: block; color: #343434;}
.notice_view .sub{font-size: 12px;color: #5e5d5d;}

.noti_con{border-bottom: 1px solid #d7d7d7; padding: 8px; background-color: #ffffff;font-size: 13px; color: #343434; line-height: 25px;}

.noti_step .step{float: left;font-size: 0.7rem; padding-right: 10px; margin-right: 4px; line-height: 1.5rem;color:#676767;}
.noti_step .title{width:80.99999999999%; float: left;font-size: 10px; color: #343434; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;}
.noti_step li{padding:4% 8px;border-bottom: 1px solid #d7d7d7; background-color: #ffffff;}
.noti_step li:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}

.noti_step_1{display:table; width: 100%;}
.noti_step_1 .step{ display:table-cell; background-color: #fff; padding: 12px 0 12px 8px;border-bottom: 1px solid #d7d7d7;}
.noti_step_1 .step span{display: block; font-size: 12px; padding-right: 16px; margin-right: 4px; line-height: 1.5rem;color:#676767;vertical-align: middle; }
.noti_step_1 .title{ display:table-cell; width: 82%; vertical-align: middle;background-color: #fff;padding: 12px 8px 12px 8px;border-bottom: 1px solid #d7d7d7;}
.noti_step_1 .title span{width:100%; font-size: 13px; color: #343434; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;}
.noti_step_1 a{display:table-row;}


.noti_step_1 .up span{ background:url('../images/btn/btn_m_up_g.png') no-repeat;background-position:100% 50%; background-size:12px;}
.noti_step_1 .down span{ background:url('../images/btn/btn_m_down_g.png') no-repeat;background-position:100% 50%; background-size:12px;}

.faq_sel_box{padding: 8px; background-color: #ffffff; border-bottom:1px solid #676767;}

.faq_list{border-bottom:1px solid #d7d7d7;}
.faq_list ul li,.faq_list ul li dl dd{border-top:1px solid #d7d7d7;}
.faq_list ul li:first-child{border-top:0}
.faq_list ul li dl dt a,.faq_list ul li dl dd{position:relative}
.faq_list ul li dl dt{background-color: #ffffff;padding:13px 8px;}
.faq_list ul li dl dt a{display:block; padding-right:8px; width:93%; float: left;font-size: 14px;line-height:  21px; color: #343434;background:url('../images/btn/btn_m_down_g.png') no-repeat;background-position:right center; padding-left:5px; background-size:12px;}
.faq_list ul li dl dt:before{display:block;width:10px; float: left;content:"Q";font-size: 14px;line-height: 21px; color: #343434;}
.faq_list ul li dl dt:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
.faq_list ul li dl dt a.selected{color:#b52a4b;background-color: #ffffff;background:url('../images/btn/btn_m_up_g.png') no-repeat;background-position:right center; background-size:12px;}
.faq_list ul li dl dd{display:none; padding:8px 8px; background-color: #f2f2f2;}
.faq_list ul li dl dd:before{display:block;width:10px; float: left;content:"A";font-size: 14px;line-height:  21px; display: block; color: #343434; font-weight: bold;color: #d80546;}
.faq_list ul li dl dd:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
.faq_list ul li dl dd .con{width:94%; float: left;font-size: 14px;line-height: 25px;color: #343434; padding:0 0 0 7px;} /* 2015.03.26 Mod 홍병기K */
.faq_list .no_list{border-bottom: 1px solid #d7d7d7; padding:10px 8px; background-color: #ffffff; text-align: center;font-size: 14px; display: block; color: #343434; }

.main_link{color:#d80546 !important; text-align: center; font-size: 18px; display:block; padding:30px 0; text-decoration: underline !important;} /* 2015.03.04 Mod 홍병기K */

.sel_address{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
.sel_address input[type="radio"]{float: none;}
.sel_address input[type="radio"]+span{float: none;}
.sel_address .on{background-color: RGBA(0,0,0,0); }
.sel_address label{ display: inline-block; width:49%;/* text-align: center;*/ padding: 15px 0px 5px 0px;}
/*.address_loc{display: none;}*/

/* Popup */
.popup{display:none; position: absolute;left:0px; top:0px; background-color: RGBA(0,0,0,0.6); width: 100%; height: 100%; z-index: 1001}
.popup section, .popup .section{position: fixed; background-color: #ffffff; width: 300px; height:300px;-webkit-backface-visibility: hidden;}
.popup h1{font-size:15px; background-color: #d80546;padding: 10px 10px; color: #ffffff;  line-height: 30px; vertical-align: middle;}
.popup p{display: table-cell; color:#000000; width: 280px; padding: 10px; height:170px; text-align: center;font-size:15px; line-height: 1.4rem; vertical-align: middle;}
.popup strong{color:#d80546; letter-spacing:0rem;}
.popup .btn_box_p{position: absolute;text-align: center; bottom: 0px; left: 0px; width: 280px;padding: 10px; margin: 0px;}
.popup .icon_popup_close{width: 15px; height: 14px;margin-top: 7px; background:none; background-image:url('../images/btn/btn_m_popup_close.png'); background-size:100% 100%; }
.popup .description{font-size: 0.7rem; height: auto; padding: 0.4rem 0.4rem;}
.popup .description1{font-size: 0.8rem; height: 0rem; padding: 1rem 1rem;}
.popup .description2{font-size: 0.7rem; height: 3rem; font-weight: bold;padding: 4% 0.6rem;}
.checkbox{margin:0.6rem; padding:0.4rem 0.4rem; border-top: 2px solid #343434; border-bottom: 1px dotted #b2b2b2; font-size: 1.1rem; line-height: 1rem;}
.checkbox:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}
.checkbox label{color:#676767; font-size: 0.8rem;}
.popup ul{padding:10px;height:150px; overflow: auto;margin-top:10px;}
.popup li{font-size: 0.8rem; padding: 0.2rem 0rem;  line-height: 1.2rem;}
.popup li span{float: left; display:block; width: 97%;}
.popup li:before{display:block; width:3%; float: left; content: "·"}
.popup li:after{display:block; clear:both; height:0px; visibility:hidden; content:".";}

/* S : 2015.04.09 Add 홍병기K : 외부 Application 연동 시 정보 공유 확인 화면 */
.outsideAPP {padding:0 12px;}
.outsideAPP .top_massege {color:#242424; font-size:16px; line-height: 22px; text-align:center; padding:25px 0 15px 0;}
.outsideAPP .m_list {margin:10px 0 15px 0; border-top:1px solid #343434; border-bottom:1px solid #343434; padding: 15px 5px;}
.outsideAPP .m_list li {margin-left:10px; font-weight:bold; font-size:16px; line-height: 22px; padding:0 0 3px 0; letter-spacing: -1px;}
.outsideAPP .m_list li:last-child {padding:0;}
.outsideAPP .m_list li span {margin-left:-10px; padding:0 5px 0 0;}
.outsideAPP .warning_list {font-size:13px; line-height: 20px;}
.outsideAPP .warning_list p {padding:0 0 5px 0;}
.outsideAPP .warning_list ol {padding:0 0 0 20px;}
.outsideAPP .warning_list ol li {list-style-type: decimal; word-break: break-all; padding:0 0 5px 0;}
/* E : 2015.04.09 Add 홍병기K */

/* S : 2015.06.15 Add 홍병기K : 우편번호 검색결과 화면 페이지 */
.paging {text-align: center; vertical-align: middle; margin:0 12px 12px 12px; font-size:14px;}
.paging a {display:inline-block; line-height:25px; background:url('../images/bul/bul_bxcrs.gif') no-repeat right center; padding:0 9px 0 2px;}
.paging a.last {background:none; padding:0 5px 0 2px;}
.paging a.prev, .paging a.first, .paging a.next, .paging a.end { width:25px; height:25px; padding:0; text-indent:-100000px; border:1px solid #cccccc;}
.paging a.prev {background:url('../images/btn/btn_paging.gif') #f5f5f5 no-repeat 0 0; background-size: auto 25px;}
.paging a.first {background:url('../images/btn/btn_paging.gif') #f5f5f5 no-repeat -25px 0; background-size: auto 25px;}
.paging a.next {background:url('../images/btn/btn_paging.gif') #f5f5f5 no-repeat -50px 0; background-size: auto 25px;}
.paging a.end {background:url('../images/btn/btn_paging.gif') #f5f5f5 no-repeat -75px 0; background-size: auto 25px;}
.paging a.active {color:#d80546; text-decoration: underline;}
/* E : 2015.06.15 Add 홍병기K : 우편번호 검색결과 화면 페이지 */

/* S : Page Loading */
.loading {width: 100%; height: 100%; background-color:rgba(0,0,0,0.8); position: fixed; z-index:99999; left:0; top:0;}
.loader {position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -7px; font-size: 25px; width: 13px; height: 13px; border-radius: 50%; position: relative; text-indent: -9999em;
-webkit-animation: load5 0.8s infinite ease;
animation: load5 0.8s infinite ease;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);}

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -1.0em 0em 0em #ffffff, 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2), 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), 0em 1.4em 0 0em rgba(255, 255, 255, 0.2), -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.5), -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.7), 0.8em -0.6em 0 0em #ffffff, 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), 0em 1.4em 0 0em rgba(255, 255, 255, 0.2), -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.5), 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.7), 1.2em 0.2em 0 0em #ffffff, 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), 0em 1.4em 0 0em rgba(255, 255, 255, 0.2), -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.2), 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.5), 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.7), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), 0em 1.4em 0 0em rgba(255, 255, 255, 0.2), -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.2), 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2), 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.5), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.7), 0em 1.4em 0 0em #ffffff, -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.2), 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2), 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.5), 0em 1.4em 0 0em rgba(255, 255, 255, 0.7), -0.8em 1.0em 0 0em #ffffff, -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.2), 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2), 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), 0em 1.4em 0 0em rgba(255, 255, 255, 0.5), -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.7), -1.2em 0.2em 0 0em #ffffff, -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.2), 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2), 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), 0em 1.4em 0 0em rgba(255, 255, 255, 0.2), -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.5), -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.7), -0.8em -0.6em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -1.0em 0em 0em #ffffff, 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2), 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), 0em 1.4em 0 0em rgba(255, 255, 255, 0.2), -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.5), -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.7), 0.8em -0.6em 0 0em #ffffff, 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), 0em 1.4em 0 0em rgba(255, 255, 255, 0.2), -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.5), 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.7), 1.2em 0.2em 0 0em #ffffff, 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), 0em 1.4em 0 0em rgba(255, 255, 255, 0.2), -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.2), 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.5), 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.7), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), 0em 1.4em 0 0em rgba(255, 255, 255, 0.2), -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.2), 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2), 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.5), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.7), 0em 1.4em 0 0em #ffffff, -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.2), 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2), 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.5), 0em 1.4em 0 0em rgba(255, 255, 255, 0.7), -0.8em 1.0em 0 0em #ffffff, -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.2), 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2), 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), 0em 1.4em 0 0em rgba(255, 255, 255, 0.5), -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.7), -1.2em 0.2em 0 0em #ffffff, -0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -1.0em 0em 0em rgba(255, 255, 255, 0.2), 0.8em -0.6em 0 0em rgba(255, 255, 255, 0.2), 1.2em 0.2em 0 0em rgba(255, 255, 255, 0.2), 0.8em 1.0em 0 0em rgba(255, 255, 255, 0.2), 0em 1.4em 0 0em rgba(255, 255, 255, 0.2), -0.8em 1.0em 0 0em rgba(255, 255, 255, 0.5), -1.2em 0.2em 0 0em rgba(255, 255, 255, 0.7), -0.8em -0.6em 0 0em #ffffff;
  }
}
/* E : Page Loading */

.p_policy {width:94%; padding:25px 3% 0 3%;}
.p_policy .top_area {width:100%; background:url('../images/ico/icon_arrow.png'); background-repeat:no-repeat; background-size:22px auto; background-position:center;}
.p_policy .top_area ul {display:inline-block; width:100%;}
.p_policy .top_area ul li {float:left; width:35.3%; height:30px; margin:0 5%; padding:10px 2%; font-size:13px; border:1px solid #bbbbbb; background:#f5f5f5; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; justify-content:space-between;}
.p_policy .top_area ul li em {width:100%; text-align:center; font-style:normal;}
.p_policy p.top_txt {padding:20px 0 0 0; font-size:13px; font-weight:bold; line-height:20px;}
.p_policy .middle_area {padding:0 0 10px 0;}
.p_policy .middle_area dl {width:100%; padding:3%; border:1px solid #bbbbbb; font-size:13px; line-height:20px; margin:5px 0; webkit-box-sizing: border-box;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.p_policy .middle_area dl dt {padding:0 0 5px 0; font-weight:bold;}
.p_policy .bottom_area {width:100%; padding:10px 0; font-size:13px; line-height:20px;}
.p_policy .bottom_area p {font-weight:bold;}
.p_policy .bottom_area ol li {padding:3px 0 3px 16px; text-indent:-16px;}

#terms_menu, #terms_menu ul, #terms_menu ul li, #terms_menu ul li a {margin: 0; border: 0; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#terms_menu {margin:0 16px;}
#terms_menu ul ul {display: none; border-bottom:1px solid rgba(0,0,0,0.10);}
#terms_menu ul li.active ul {display: block;}
#terms_menu ul li a {position:relative; padding: 12px 40px 12px 0; line-height:normal; cursor: pointer; z-index: 2; text-decoration: none; border-bottom:1px solid rgba(0,0,0,0.10);}
#terms_menu ul li a.h1 {background:url('../images/btn/btn_m_down_g.png') no-repeat; background-position:right 11px center; background-size:14px;}
#terms_menu ul li.open a.h1 {color:#4bdbbe; border-bottom:1px solid #4bdbbe; background:url('../images/btn/btn_m_up.png') no-repeat; background-position:right 11px center; background-size:14px;}
#terms_menu ul ul li a {padding:12px 40px 12px 0;}
#terms_menu ul ul li:last-child a {border-bottom:0;}
#terms_menu ul ul li:last-child ul {border-bottom:0;}
#terms_menu ul ul li a {cursor: pointer; z-index: 2; text-decoration: none; color:rgba(140,140,140,1.0); margin:0;}
#terms_menu ul ul li a.h2 em.depth2 {position:absolute; right:2px; top:50%; width:32px; height:32px; border: none; border-radius: 100%; margin:-16px 0 0 0; background:url('../images/btn/btn_m_down_g.png') no-repeat; background-position:center; background-size: 14px auto;overflow:hidden; text-indent:-9999px;}
#terms_menu ul ul li.open a.h2 {color:#000000; border-bottom:0;}
#terms_menu ul ul li.open a.h2 em.depth2 {background:url('../images/btn/btn_m_up_g.png') no-repeat; background-position:center; background-size: 14px auto;}
#terms_menu ul ul ul {border-top:1px solid rgba(0,0,0,0.10);}
#terms_menu ul ul ul li a {padding: 12px 15% 12px 0;}
#terms_menu ul ul li:last-child ul a {border-top:1px solid rgba(0,0,0,0.10);}
#terms_menu ul ul li:last-child ul li:first-child a {border-top:0;}
#terms_menu em.view {position:absolute; right:0; top:50%; width:32px; height:32px; margin:-16px 0 0 0; background:url('../images/btn/btn_m_next.png') no-repeat; background-position:center; background-size: 8px; overflow:hidden; text-indent:-9999px;}

/* Layer POP-UP */
.mobile {position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.7); display:; z-index:11000;}
.mobile .pop_warp {position:absolute; width:100%; height:100%; left:0; top:0; z-index:1200; background:#ffffff;}
.mobile .pop_warp .pop_contents {position:relative; width:100%; height:100%; display:inline-block;}
.mobile .pop_warp .pop_contents .pop_contents_title {font-size:16px; line-height:16px; padding:13px 0; border-bottom:2px solid #d80546; font-weight:bold; margin:0 5%;}
.mobile .pop_warp .pop_contents .pop_contents_title span {color:#d80546; display:block; padding:0 0 10px 0; font-size:18px;}
.mobile .pop_warp .pop_contents .pop_contents_list_title {font-size: 16px; line-height: 16px; vertical-align: middle;color: #ffffff; padding: 12px 5%; background-color: #79797b; font-weight:bold;}
.mobile .pop_warp .pop_contents .pop_contents_subject {position:absolute; top:42px; left:5%; bottom:42px; width:90%; overflow:auto; font-size:15px; line-height:23px; padding:10px 0;}
.mobile .pop_warp .pop_contents .pop_contents_subject p {padding:5px 0;}
.mobile .pop_warp .pop_contents .pop_contents_subject1 {top:0px; left:0; bottom:0; padding:10px 5% 20px 5%; line-height:19px;}
.mobile .pop_warp .pop_contents .pop_contents_subject1 p {padding:8px 0;}
.mobile .pop_warp .pop_contents .pop_contents_subject1 .pop_contents_title {margin:0 0 10px 0;}
.mobile .pop_warp .pop_contents .pop_btn {position:absolute; bottom:0px; left:0; width:100%;}
.mobile .pop_warp .pop_btn button {flex:1; color:#ffffff; cursor:pointer; float:left; text-align:center; font-size:14px; color:#ffffff; background-color: #d80546; padding:11px; font-weight: bold; line-height: 20px; vertical-align: middle;}
.mobile .pop_warp .pop_btn button:active {background:#b6063d;}
.mobile .pop_warp .pop_btn .pop_btn1 button {width:100%;}
.mobile .pop_warp .pop_btn .pop_btn2 button {width:50%;}

.mobile .pop_warp .pop_contents .pop_contents_subject .pop_contents_list {}
.mobile .pop_warp .pop_contents .pop_contents_subject .pop_contents_list ul li {border-bottom:1px solid #d7d7d7;}
.mobile .pop_warp .pop_contents .pop_contents_subject .pop_contents_list ul li a {display:block; line-height:24px; padding:10px 5px;}
.mobile .pop_warp .pop_contents .pop_contents_subject .pop_contents_list ul li:first-child a {padding:0 5px 10px 5px;}

/*********************************************************
 
브라우저 해상도 640px~959px에 적용되는 contents.css

 *********************************************************/
@media screen and (min-width:481px )  {


html{font-size: 16px;}
}


@media screen and (min-width:641px )  {


html{font-size: 16px;}
}





/*********************************************************
 
브라우저 해상도 960px~ 이상에 적용되는 contents.css

 *********************************************************/
@media screen and (min-width:960px ) {


}



@media screen and (min-width:641px )  {

	body{font-size: 1rem}	

}


@media screen and (min-width:960px ) {

	body{font-size: 1rem}
		
}



@media screen and (min-width:480px )  {


}



/*********************************************************
 
브라우저 해상도 640px~959px에 적용되는 contents.css

 *********************************************************/

@media screen and (min-width:640px )  {



}

/* 일부 국가(헝가리, 아랍권)에서 언어가 길게 표현될 때를 위한 fix ready*/

.hu-HU .login_header h1,
.ar-EG .login_header h1,
.ar-MA .login_header h1,
.ar-SA .login_header h1,
.ar-AE .login_header h1{
	
}


/*********************************************************
 
 Lighting App Sign In CSS

 *********************************************************/
.bg_lighting {background: url('../images/lighting/bg_signin.png') #d8dee2 no-repeat; background-size: cover;}

#signin_container {padding:0 17.5%; padding-top:55px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
@media (min-width: 641px) and (orientation: landscape) {
	#signin_container {max-width:33%; padding-top:55px; margin:0 auto;}
}
h1.l_h1 {font-size:14px; text-align:center; font-weight:normal; color:#787878; padding:10px 0;}
h1.l_h1 em {display:block; font-style: normal; padding:20px 0 0 0; color:#32363A; font-size: 24px; font-weight: 500;}
h1.l_h1 em span {color: #4d6e81;}

.light_login_form {margin-top: 32px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.light_login_form > div{flex:1;}
.light_login_form button{flex: none; margin:0 0 0 12px;min-width: 74px;}
.light_login_form .input_type {position:relative; border:0; border-bottom:solid 1px #698290; padding:6px 5px; margin:0 0 15px 0; background:transparent; height:20px; border-radius:0;}
.light_login_form .input_form {position:relative; width:100%; height:20px; z-index:9; border:none; background:transparent; font-size:16px; color:#000; line-height:20px}
.light_login_form .input_form::-webkit-input-placeholder{font-size: 14px;}
.light_login_form input[type=text].input_focus, .light_login_form input[type=password].input_focus, .light_login_form input[type=email].input_focus {border:0; background-color:transparent;} /* 2015.03.30 Add 홍병기K */

.light_btn_sign {width:100%; padding:0 0 10px 0;}
.light_btn_sign button {border:1px solid #ccc; background-color: #fff; min-width:100%; box-shadow:none; padding:6px 8px; min-height:20px; line-height: 20px; color:#0bcec8; font-size:14px; border-radius: 4px}
.light_btn_sign button:hover {border:1px solid #adadad; background-color: #e6e6e6;}
.light_btn_sign button:active {-moz-box-shadow:inset 0 5px 10px #cbcbcb; -webkit-box-shadow: inset 0 5px 10px #cbcbcb; box-shadow:inset 0 5px 10px #cbcbcb; border:1px solid #adadad; background-color: #e6e6e6;}
.light_btn_sign button:visited {border:1px solid #adadad; background-color: #e6e6e6;}

.light_check_form {flex:1; display:inline-block; width:100%; padding:0 0 15px 0;}
.light_check_form label {float:left; width:50%; font-size: 12px; color:#767676; line-height: 17px;}

.light_check_form input[type=checkbox] + span{display:inline-block; width:18px; height:18px; border:none; background:url('../images/lighting/checkbox_n.png'); background-repeat:no-repeat; background-size:18px auto; vertical-align:middle; -webkit-box-sizing:border-box;}
.light_check_form input[type=checkbox] + span.checked{width:18px; height:18px; border:none; background:url('../images/lighting/checkbox_s.png'); background-repeat:no-repeat; background-size:18px auto;}

.light_member button {min-width:100%; min-height:18px; line-height: 18px; font-size:13px; color:#698290; background-color: transparent; border:0; padding:0; padding-bottom:10px; text-align: left; box-shadow:none;}
.light_member button span {text-decoration: underline;}

.light_etc_signin {width:100%; padding:35px 0 10px 0;}
.light_etc_signin button.google {min-width:100%; border:1px solid #da4835; background-color: #da4835; box-shadow:none; padding:6px 8px; min-height:20px; line-height: 20px; color:#fff; font-size:14px; border-radius: 4px; background-image: url('../images/lighting/ico_google.png'); background-repeat:no-repeat; background-size:45px auto; background-position: -4px;} /* 2015.03.30 Add 홍병기K */
.light_etc_signin button.facebook {min-width:100%; border:1px solid #3B5998; background-color: #3B5998; box-shadow:none; padding:6px 8px; min-height:20px; line-height: 20px; color:#fff; font-size:14px; border-radius: 4px; background-image: url('../images/lighting/ico_facebook.png'); background-repeat:no-repeat; background-size:32px auto; margin-top:10px;}




/*********************************************************
 
 HomeVu App Sign In CSS

 *********************************************************/
.bg_homevu_main {background:#fff;}

#homevu_signin_container {width:232px; padding:25px 0 0 0; margin:0 auto;} /* padding-top 31px > 25px */
@media screen and (min-width: 480px) {
	#homevu_signin_container {min-width: 400px;}
}

h1.h_h1 {margin:0 auto; width:239px; height:239px; background-image: url('../images/homevu/bg_login_main.png'); background-size: cover; text-indent: -99999px;}
@media screen and (max-width:320px ) {
	h1.h_h1 {width:214px; height:214px;}
}

@media screen and (min-width:561px ) {
	h1.h_h1 {width:320px; height:320px;}
}

.homevu_login_form {padding-top: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} /* padding-top 32px > 10px */
.homevu_login_form > div{flex:1;}
.homevu_login_form button{flex: none; margin:0 0 0 12px;min-width: 74px;}
.homevu_login_form .input_type {position:relative; border:0; border-bottom:solid 1px #242433; padding:5px 8px 5px 34px; height:18px; border-radius:0;}
.homevu_ico_set01 {background: url('../images/homevu/ic_set_pw_01.png') #fff 3px center no-repeat; background-size: 23px; margin:0 0 18px 0;}
.homevu_ico_set02 {background: url('../images/homevu/ic_set_pw_02.png') #fff 3px center no-repeat; background-size: 23px; margin:0 0 7px 0;}
.homevu_login_form .input_form {position:relative; width:100%; height:18px; z-index:9; border:none; background:transparent; font-size:14px; color:#464556; line-height:18px}
.homevu_login_form .input_form::-webkit-input-placeholder{font-size: 14px; color:#83828c;}
.homevu_login_form input[type=text].input_focus, .homevu_login_form input[type=password].input_focus, .homevu_login_form input[type=email].input_focus {border:0; background-color:transparent;} /* 2015.04.06 Add 홍병기K */

.homevu_check_form {display:inline-block; width:100%;}
.homevu_check_form label {float:left; font-size: 10px; color:#555346; line-height: 21px;}
.homevu_check_form input[type=checkbox] + span{display:inline-block; width:21px; height:21px; margin: 0 6px 0 4px; border:none; background:url('../images/homevu/set_check_normal.png'); background-repeat:no-repeat; background-size:21px auto; vertical-align:middle; -webkit-box-sizing:border-box;}
.homevu_check_form input[type=checkbox] + span.checked{width:21px; height:21px; border:none; background:url('../images/homevu/set_check_selected.png'); background-repeat:no-repeat; background-size:21px auto;}

.homevu_signin {width:100%; padding:15px 0 14px 0;} /* padding-top 26px > 15px */
.homevu_signin button {border:1px solid #242433; background-color: #fff; min-width:100%; box-shadow:0 2px 0 #999; padding:6px 12px; min-height:20px; line-height: 20px; color:#464556; font-size:15px; font-weight: bold; border-radius: 20px}
.homevu_signin button:hover {background-color: #e5d5d9;}
.homevu_signin button:active {background-color: #e5d5d9;}

.homevu_member {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: stretch;}
.homevu_member button {flex:1; border:0; background:transparent; font-size:11px; line-height: 14px; padding:0 4px; letter-spacing: -1px; border-left:1px solid #3c3b4c;}
.homevu_member button:first-child {border-left:0;}

.homevu_etc_signin {width:100%; padding:30px 0 20px 0;}
.homevu_etc_signin button {min-width:100%; color:#fff; border:1px solid #bbb; background-color: #fff; box-shadow:none; padding:4px 8px 4px 30px; min-height:20px; line-height: 20px; font-size:13px; border-radius: 4px; background-position: 2px; border-radius: 40px;}
.homevu_etc_signin button.google {background-image: url('../images/homevu/icon_google_small.png'); background-repeat:no-repeat; border:1px solid #da4835; background-color: #da4835;}
.homevu_etc_signin button.facebook {background-image: url('../images/homevu/icon_fb_small.png'); background-repeat:no-repeat; margin-top:10px; border:1px solid #3B5998; background-color: #3B5998;}




/*********************************************************
 
 H&A CSS

 *********************************************************/
 /* Header */
.hna_header {position: fixed; top:0; left:0; width:100%; background-color: #666666; z-index: 10000;}
.hna_header h1 {font-size: 16px; line-height:56px; vertical-align: middle;color: #ffffff; padding: 0 23px;}
.hna_header h1 a {color: #ffffff; text-decoration: none;}
.hna_header h1 .btn_back{width:90%; height:56px; float:left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-left:30px; background:url('../images/btn/btn_m_hna_title_back.png') no-repeat; background-size: 18px 16px; background-position: left center;color: #ffffff;}

/* Login */
.hna_login_header { width:100%; text-align:center; padding:35px 0 20px 0; }
.hna_login_header h1 {clear:both; font-size:26px; text-align: center; color:#c60950;}
.hna_login_header h2 {width:90%; margin:0 auto; color:#757575; font-size:12px; line-height: 16px; padding:15px 0 0 0;}

#birth_set select {float:left; width:31%; margin:1%; padding:5px; line-height:24px; border:transparent; background-image:url('../images/bul/bul_gb.gif'); background-size:5px 3px; background-position:95% center; background-repeat:no-repeat; background-color:#e8edf0; font-family: NanumGothic,'NanumGothic','LG SmartGothic Medium','맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,AppleGothic,sans-serif; color:#343434; font-size:16px;}
#birth_set select:first-child {width:32%;}

.login_etc_ha {border:1px solid #c6c6c8; background:#f1f1f1; width:auto; padding:5px 10px 6px 10px; border-radius:3px;}
.login_etc_form_ha {width:100%;}
.login_etc_form_ha h1 {font-size:15px; color:#000000; line-height:normal;}
.login_etc_form_ha button {border:1px solid #bbb; background:#fff; width:100%; font-size:13px; color:#676767; font-weight:bold; padding:10px 12px; line-height:18px; text-align:left; border-radius:2px; margin:4px 0;}
.login_etc_form_ha button:active {border:1px solid #a50034; background:#f9f9f9;}
.login_etc_form_ha button span {float:left; width:18px; height:18px; margin:0 24px 0 0; background-size:contain; background-position:center;}
.login_etc_form_ha button span.google_icon {background-image:url('../images/ico/icon_google.png');}
.login_etc_form_ha button span.facebook_icon {background-image:url('../images/ico/icon_fb.png');}
.login_etc_form_ha button span.amazon_icon {background-image:url('../images/ico/ic_rester_amazon.png');}
.login_etc_form_ha button span.kakao_icon {background-image:url('../images/ico/icon_kakao.png');}
 /* S : 2016.12.20 수정 */
.login_etc_form_ha button span.line_icon {width:40px; height:40px; background-image:url('../images/ico/icon_line.png'); background-size:70%; margin:0 22px 0 0; border-right:1px solid #00b300;}
.login_etc_form_ha button.btn_login_line {border:none; background:#00C300; border-radius:5px; padding:0 0 0 2px; line-height:40px; color:#ffffff;}
.login_etc_form_ha button.btn_login_line:active {background:#00B300;}
.login_etc_form_ha button.btn_login_line:active span.line_icon {border-right:1px solid #009800;}
.login_etc_form_ha button.btn_login_line:disabled {background:#C6C6C6;}
.login_etc_form_ha button.btn_login_line:disabled span.line_icon {border-right:1px solid #b5b5b5;}
/* E : 2016.12.20 수정 */
/* S : 2017.11.08 Add 홍병기K */
.login_etc_form_ha button.naver {background-color:#1ec800; border-color:#1eb400; color:#fff; position:relative; padding:10px 12px 10px 53px; height:41px;}
.login_etc_form_ha button.naver span.iconNaver {position:absolute; left:0px; top:0px; width:39px; height:39px; border-right:1px solid #1eb400; background-image:url('../images/ico/icon_naver.svg'); background-position:center; background-size:18px;}
.login_etc_form_ha button.naver span.naverline {position:absolute; left:40px; top:0px; line-height:39px; border-left:1px solid #56d640; padding:0 0 0 13px;width:100%;}
/* E : 2017.11.08 Add 홍병기K */

.login_side_ha {margin: 15px 0; position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: stretch;}
.login_side_ha button {flex:1; width: 50%; color:#676767; font-size: 13px; padding:4px 5%; background-color: #ffffff;  text-overflow: ellipsis; position: relative; text-align: center;vertical-align: top;}
.login_side_ha button:active {text-decoration: underline;}
.login_side_ha button img {display: none;}
.login_side_ha .box_line {position:absolute; top:0; left:49.5%; width: 1px; background-color: #ececed; height: 100%; z-index:10;}
.login_side_ha:after {display:block;clear:both;height:0px;visibility:hidden;content:"."; }

/*********************************************************
 
 H&A GID CSS

 *********************************************************/
.hna_gid {background:#000000; color:#ffffff;}
.hna_gid h1 {margin:0; padding:0 0 15px 0; font-size:60px; line-height:67px; font-weight:normal;}
.hna_gid h2 {margin:0; font-size:36px; line-height:38px; padding:0 0 24px 0;}
.hna_gid h2 + .sub_text {font-size:26px; line-height:30px; margin:0;}
.hna_gid h3 {margin:0; font-size:32px; line-height:36px; padding:0 0 40px 0; font-weight:normal;}/* [REQEMP-320] 타이틀 bottom 여백 변경 */

.hna_gid .hna_header {position:relative; background:#000000; border-bottom:1px solid #fff; min-height:289px; display:inline-block;} /* 2017.01.12 Mod 홍병기K */
.hna_gid .hna_header .hna_header_wrap {margin:50px 25px 0 25px; padding:0 0 0 0;}/* [REQEMP-318] 타이틀 여백 변경 */
.hna_gid .hna_header .hna_header_wrap .header_sub_text {font-size:32px; line-height:35px;}
.hna_gid .hna_header .btn_back {position:absolute; bottom:11px; left:10px; width:74px; height:74px;}
.hna_gid .hna_header .btn_back button {display:block; width:100%; height:100%; font-size:0; text-indent:-9999px; background-image:url('../images/btn/btn_header_back_normal.png'); background-color:transparent;}
.hna_gid .hna_header .btn_back button:active {background-image:url('../images/btn/btn_header_back_pressed.png');}
.hna_gid .hna_header .btn_back button.active_element.fake_active {background-image:url('../images/btn/btn_header_back_pressed.png');}

.hna_gid .han_login_form {padding:37px 25px 53px 25px;}
.hna_gid .han_login_form .input_div {margin:0 0 45px 0; padding:0;}
.hna_gid .han_login_form .input_div input.input1 {width:85%; padding:21px 12% 21px 3%; font-size:32px; line-height:36px; vertical-align: middle; border:1px solid #ffffff; background-color:#000000; color:#ffffff;} /* 2017.01.12 Mod 홍병기K */
.hna_gid .han_login_form .input_div input.input1::-webkit-input-placeholder{color: #757575;} /* 2017.02.03 Mod 홍병기K */
.hna_gid .han_login_form .input_div input.input1:disabled::-webkit-input-placeholder{color:rgba(103,103,103,1.0);}
.hna_gid .han_login_form .input_div input.input_focus {color:#000000; background-color:#ffffff;} /* 2017.02.03 Mod 홍병기K */
.hna_gid .han_login_form .login_main {margin:37px 0 0 0;}
.hna_gid .han_login_form .login_main button.btn_large {display:block;margin:0 auto;width:94%; background:#4d4d4d; font-size:32px; line-height:28px; padding:32px 44px; text-align:center; border-radius:92px; color:#ffffff;}/* [REQEMP-318, REQEMP-317] 버튼 너비, margin 좌우 변경 + */
.hna_gid .han_login_form .login_main button.btn_large:active {background:#16a085;}
.hna_gid .han_login_form .login_main button.btn_large:disabled {background:#141414; color:#606060;}
.hna_gid .han_login_form .login_main .login_side_hna {display:inline-block; width:100%; margin:63px 0 0 0;}/* [REQEMP-318] top margin 변경 */
.hna_gid .han_login_form .login_main .login_side_hna button {flex:1; width: 50%; font-size:32px; line-height:36px; text-align:center; text-decoration:underline; float:left; background:transparent; color:#ffffff;}
.hna_gid .han_login_form input::-ms-clear {display: none;} /* 2017.02.20 Add 홍병기K */

.login_contents {padding:0 0 287px 0;}/* margin-left:-10px;width:740px; [REQEMP-320,318] : border-line 으로 기존 너비보다 초과하게 설정함 */
.han_login_form .active_element.fake_active{background-color:#16a085;}
.han_login_form .login_main button[type=button].active_element.fake_active{background-color:#16a085;}
.han_login_form .login_main button.btn_large:active {background:#16a085;}
/*.btn_large_wrap.btn_hide_tg .txt_btn.active_element.fake_active{background-color:#16a085;}
#btn_large_wrap.btn_hide_tg .txt_btn.active_element.fake_active{background-color:#16a085;}*/

.han_login_etc{border-top:1px solid #3c3c3c;}
.hna_login_etc_form {margin:47px 25px 47px 25px;}/* [REQEMP-320] 타이틀 top, bottom 여백 변경 */
/* [REQEMP-320] 3rd party login GUI 수정  */
.hna_login_etc_form button {position:relative;overflow:hidden; flex:1;width:100%; border:2px solid transparent;border-radius:5px;background:#000000; color:#ffffff; font-size:32px; line-height:44px; padding:16px 75px 16px 115px; margin:0 0 42px 0;text-align:left; text-align:center; vertical-align:middle;}
/* add background-color (+pressed) */
.hna_login_etc_form .btn_login_google{background-color:#4285f4;}
.hna_login_etc_form .btn_login_google:active,
.hna_login_etc_form .btn_login_google.active_element.fake_active{background-color:#356ac3;}
.hna_login_etc_form .btn_login_facebook{background-color:#3b5998;}
.hna_login_etc_form .btn_login_facebook:active,
.hna_login_etc_form .btn_login_facebook.active_element.fake_active{background-color:#35528e;}
.hna_login_etc_form .btn_login_naver{background-color:#00c43b;}
.hna_login_etc_form .btn_login_naver:active,
.hna_login_etc_form .btn_login_naver.active_element.fake_active{background-color:#009d2f;}
.hna_login_etc_form .btn_login_amazon{color:#000;border-color:#aaa;background: linear-gradient(to bottom, #fcfcfc , #e3e3e3);}
.hna_login_etc_form .btn_login_amazon:active,
.hna_login_etc_form .btn_login_amazon.active_element.fake_active{background: linear-gradient(to bottom, #cac9c9 , #b1b0b1);}
/* icon modi. */
.hna_login_etc_form button span {position:absolute;top:50%;left:0;display:inline-block; width:58px; height:58px; margin:-29px 0 0 11px; vertical-align:middle;}
.hna_login_etc_form button span.google_icon {background-image:url('../images/ico/ic_rester_google.png'); background-repeat:no-repeat; background-position:center; background-size:58px;}
.hna_login_etc_form button span.facebook_icon {background-image:url('../images/ico/ic_rester_facebook.png'); background-repeat:no-repeat; background-position:center; background-size:58px;}
.hna_login_etc_form button span.naver_icon {background-image:url('../images/ico/ic_rester_naver.png'); background-repeat:no-repeat; background-position:center; background-size:58px;}
.hna_login_etc_form button span.amazon_icon {background-image:url('../images/ico/ic_rester_amazon.png'); background-repeat:no-repeat; background-position:center; background-size:58px;}

.han_footer {padding:37px 25px 0 25px; height:287px; position:fixed; bottom:0; left:0; width:100%; box-sizing: border-box; background:#000000;border-top:1px solid #3c3c3c;}
.han_footer .footerCopy {font-size:26px; line-height:50px; color:#c6c6c6; text-align:left; padding:0;}
.han_footer .footerCopy button.btn_small {float:right; min-width:66px; background:#4d4d4d; font-size:32px; line-height:20px; padding:15px 25px; text-align:center; border-radius:92px; color:#ffffff;}
.han_footer .footerCopy button.btn_small:active {background:#16a085;}
.han_footer .footerCopy .active_element.fake_active{background-color:#16a085;}

 /* S : 2017.01.12 Add 홍병기K */
.us .han_login_form h2 {font-weight:normal; font-family:'DINProR';} /* 2017.02.23 Add 홍병기K */
.us .han_footer .footerCopy {text-align:center;}
.us .han_footer .footerCopy span {width:100%; display:block; line-height:30px; padding:0 0 16px 0; font-size:26px;}
.us .han_footer .footerCopy button.btn_small {float:none; padding:18px 25px 12px 25px; font-size:26px;} /* 2017.02.23 Mod 홍병기K */
.us .btn_large {font-family:'DINProR'; line-height:32px !important; padding:33px 44px 27px 44px !important;} /* 2017.02.23 Add 홍병기K */

.clearable {background:url('../images/btn/btn_search_delete.png') no-repeat right -40px center;  transition: background 0.4s;}
.clearable.x {background-position: right 25px center; background-image:url('../images/btn/btn_search_delete.png');}
.clearable.onX {cursor: pointer;}
/* E : 2017.01.12 Add 홍병기K */

/* Layer POP-UP */
.hna_gid_pop {position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.8); display:none; z-index:11000;}
.hna_gid_pop .pop_warp {position:absolute; width:80%; left:10% !important; right:10%; z-index:12000; background:#000000;}
.hna_gid_pop .pop_warp .pop_contents {color:#c6c6c6; padding:64px 50px; font-size:32px; line-height:36px; text-align:center;}
.hna_gid_pop .pop_warp .pop_contents .pop_contents_title {font-size:36px; line-height:40px; color:#ffffff; margin:0 0 47px 0;}
.hna_gid_pop .pop_warp .pop_btn {margin:0 25px 25px 25px; border-top:1px solid #4d4d4d;}
.hna_gid_pop .pop_warp .pop_btn .pop_btn1, #layer_pop .pop_warp .pop_btn .pop_btn2, #layer_pop .pop_warp .pop_btn .pop_btn3 {position:relative; display:inline-block; width:100%;}
.hna_gid_pop .pop_warp .pop_btn button {flex:1; color:#ffffff; cursor:pointer; float:left; text-align:center; font-size:32px; line-height:50px; background:transparent;}
.hna_gid_pop .pop_warp .pop_btn button:active {background:#4d4d4d;}
.hna_gid_pop .pop_warp .pop_btn .pop_btn1 button {width:100%;}
.hna_gid_pop .pop_warp .pop_btn .pop_btn2 button {width:50%;}
.hna_gid_pop .pop_warp .pop_btn .pop_btn3 button {width:33.33%;}
.hna_gid_pop .pop_warp .pop_btn button span {display:inline-block; width:100%; padding:48px 0 24px 0; margin:0 0 25px 0; border-left:1px solid #4d4d4d;}
.hna_gid_pop .pop_warp .pop_btn button:first-child span {border:0;}

.board {width:100%; border-top:1px solid #000; border-bottom:1px solid #000}
.board th {padding:10px 5px; color:#444; background:#f7f7f7; border-left:1px solid #dbdbdb; text-align:center}
.board th:first-child {border-left:0;}
.board td {padding:11px 5px 9px;border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; text-align:left; vertical-align:top;}
.board td:first-child {border-left:0;}

.popup_faq_list {border-top:1px solid #d7d7d7; padding:0 0 20px 0;}
.popup_faq_list ul li {border-bottom:1px solid #d7d7d7;}
.popup_faq_list ul li dl dt {background-color: #ffffff;padding:10px 5px;}
.popup_faq_list ul li dl dt a {display:block; padding-right:17px; width:93%; float:left; font-size: 14px; line-height: 20px; color: #343434; background:url('../images/btn/btn_m_down_g.png') no-repeat; background-position:right center; background-size:12px;}
.popup_faq_list ul li dl dt a.selected{color:#d80546;background-color: #ffffff;background:url('../images/btn/btn_m_up_g.png') no-repeat;background-position:right center; background-size:12px;}
.popup_faq_list ul li dl dt a span {color:#767676; font-size:13px; display:block; padding:5px 0 0 0;}
.popup_faq_list ul li dl dt:after, .popup_list ul li dl dd:after {display:block; clear:both; height:0px; visibility:hidden; content:".";}
.popup_faq_list ul li dl dd {display:none; padding:10px; background-color: #f2f2f2; font-size: 13px; line-height: 18px;}
.popup_faq_list ul li dl dd .popup_list_contetns {padding:15px 0 0 0;}
.popup_faq_list ul li dl dd .popup_list_contetns:first-child {padding:0;}
.popup_faq_list ul li dl dd .popup_list_contetns .popup_list_title {font-weight:bold; padding:0 0 5px 0; color:#d80546; font-size: 13px;}
.popup_faq_list ul li dl dd .popup_list_contetns .popup_list_subject p {padding:0 !important;}

.termsChange {width:100%; border-top:solid 2px #6b6b6b; table-layout:fixed; margin:0 0 10px 0;}
.termsChange th {color:#2e2e2e; padding:10px; border-left:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; background:#f5f5f5; text-align:center; font-size:14px; font-weight:700;}
.termsChange td {padding:10px 10px 10px 15px; border-left:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; text-align:left; vertical-align:top; word-break:break-word; word-wrap:break-word; font-size:13px; line-height:17px; text-indent:-8px;}
.termsChange td.notContent {vertical-align:middle; text-align:center; padding:10px;}
.termsChange td.list_etc {padding:10px 10px 10px 22px; text-indent:-16px;}
.termsChange td em {color:#d80546; font-style:normal}
.termsChange th:first-child, .termsChange td:first-child {border-left:0;}

.smartthinq_terms {padding:20px 0;}
.smartthinq_terms h3 {background-color:#b6063d; color:#fff; padding:8px; font-size:14px;}
.smartthinq_terms ul {display:inline-block; width:100%;}
.smartthinq_terms ul li {float:left; width:100%; font-size:13px; border-bottom:1px solid #d7d7d7;}
.smartthinq_terms ul li a {display:inline-block; width:100%; position:relative; line-height:18px; padding:10px 34px 10px 10px; background-image:url('../images/btn/btn_m_next.png'); background-repeat:no-repeat; background-position:center right 10px; background-size:8px; box-sizing: border-box;}
.smartthinq_terms ul li a:before {position:absolute; top:10px; left:0; content:'·';}
/* add "clova" bridge-page [2018-02-08]  */
.clova .login_wrap{position:relative;}
.clova .login_header h1{padding:135px 0;}
.clova .login_header h1 > em{position:absolute;font-size:0;z-index:-1;width:1px;height:1px;text-indent:-999px;}
.clova .login_header h1:before,
.clova .login_header h1:after{content:'';display:inline-block;width:100px;height:100px;background: url('../images/ico/Originals/icon_clova.png') no-repeat 0 0;background-size:100px;}
.clova .login_header h1:before{background-image:url('../images/ico/Originals/icon_thinQ.png');}
.clova .login_header h1 > span{display:inline-block;vertical-align:top;margin:35px 30px;width:30px;height:30px;background-image:url('../images/ico/icon_X.svg'); background-position:center; background-size:30px;}

@media screen and (min-width:720px ) {
	body {width:720px; margin:0 auto !important; background:#fff;}
	.header {width:720px; left: 50%; margin: 0 0 0 -360px;}
	.header h1 {width:720px; margin:0 auto;}
	.notice_country {position:fixed !important; top:40px !important; width:720px; left: 50%; margin: 0 0 0 -360px;}
	.notice_country p {width:696px; margin:0 auto;}
	.input3, input[type=date] {padding:12px;}
	.contents_body7, .contents_body_clamp {margin:12px 0;}
	.contents_body {margin:48px 0 12px 0;}
	label, button {cursor:pointer;}
}

@media screen and (min-width:740px ) {
	body {width:740px;}
	}

.hide-text{display:block;overflow:hidden;position:absolute;top:-1000rem;left:0;width:1px;height:1px;z-index:-1;font-size:0;line-height:0;padding:0;margin:0;color:transparent;background-color:transparent;border:none;}
select.form-control{display: inline-block;height: 36px;width: inherit;padding: 6px 26px 6px 8px;
	border-radius: 2px;text-align: left;border: 1px solid #d9d9d9;background-color: #fff !important;
	background-image: url("../images/textfield_spinner_nomal_focus_error_pressed.svg");background-size: 26px 36px;background-repeat: no-repeat;background-position: right center;
	font-size: 14px;align-items: flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;
	color:#000;
	}
/* 약관 상세보기 추가 [REQEMP-521] */
.terms-select-info,
.terms_select_area{width:100%;margin-top:10px;padding:0 10px;box-sizing:border-box;}
.terms_select_area .form-control{width:100%;}

/* 인스타뷰 1080으로 미디어쿼리 추가 2020-09-17 */
@media screen and (min-width:1080px ) {
	body {width:1080px;}
	.header {width:1080px; left: 50%; margin: 0 0 0 -540px;}
	.header h1 {width:100%; margin:0 auto;}
	}

/* 타이틀 그룹추가 */
.type-h5{font-size: 16px;line-height:30px;font-weight:bold;}
.type-h6{font-size: 14px;padding:12px 0;}
/* 타이틀 부분 재정의 */
.account_ipt .type-h5 + input + .btn_password_alert{margin:0;top:30px;}

.section > form > fieldset > .type-h5,
.section > form > fieldset > div > .type-h5{padding:0 12px;box-sizing: border-box;}

.section_message{margin:16px 0; font-size:0.85rem;line-height:1.5;}
.section_message .check-list> li{margin:0;}
.section ul > li.in-cont,
.section ul.contents_body7 > li.in-cont{padding:0;margin:0;}

.section-contents{margin:12px;font-size:0.875rem;color:#333;line-height:1.3;}
.section-contents .notice-top{padding:1rem 0;font-size: 18px; color: #343434;line-height:2;}
.section-contents .note{margin:10px 0;padding:1rem 0;border-top:1px dashed #999;border-bottom:1px dashed #999;font-weight: bold;}
.section-contents .notice-em{color:#d80546}
.section-contents .cnt{padding:0 0 1rem 0;}
.small-font{font-size:0.75rem;}
.info-box{margin-top:0.75rem;}

.mid-space{margin:3rem auto 2rem auto;}/* 영역 간 공간 추가 */
.btn-block{background-color:transparent;display:block;width:100%;text-align:center;font-size:1rem;cursor:pointer;}
.btn-block:hover{text-decoration:underline;}

/* logo-IMG */
.login-icon:before{
	content:'';display:inline-block;width:1.5rem;height:1.5rem;margin:0;
	background-repeat:no-repeat;background-color: transparent;
	background-size:1.5rem;
	background-position: center;vertical-align:middle;
	border-radius:0.125rem;
	}
/* 회원정보 영역 공간 추가 2021-12-13 */
.edit_info_3rdparty > li > span.login-icon{width:auto;height:auto;margin:0;}
.edit_info_3rdparty > li > span.login-icon:before{margin:0 0.5rem;}

.login-icon.lg:before{background-image: url("../images/icon/LGE_list_logo_M.png");
	background-position:0 0;background-size:auto 1.5rem;
	}
.login-icon.google:before{background-image: url("../images/icon/btn_join_google.png");}
.login-icon.naver:before{background-image:url("../images/icon/icon_naver.svg");
	background-color: #1ec800;background-size:auto 1rem;
	}
.login-icon.apple:before{background-image:url("../images/icon/btn_join_apple.png");}
.login-icon.facebook:before{background-color: #3c5a99;background-image: url("../images/icon/btn_join_facebook.png");
	border:0.0625rem solid #3c5a99;
	}
.login-icon.amazon:before{background-image: url("../images/icon/btn_join_amazon.png");}
.login-icon.kakao:before{background-image: url("../images/icon/btn_join_kakao.png");
	background-size:auto 1rem;
	background-color: #ffde00;border:0.0625rem solid #ffde00;
	}
.login-icon.line:before{
	background-image: url("../images/icon/btn_join_line.png");
	background-color: #00C300;border: 0.0625rem solid #00C300;
	background-size:auto 1.5rem;
	}
/* 일반정의 추가 */
.list-group li{margin:0;padding:1rem 0 0 0;font-size:1rem;line-height:130%;border:none;}
.list-group li:first-child{margin:0;padding:0;}
.acc_type label{display: initial;width:auto;}
.info-box{margin:0.5rem 0;padding:0 1.875rem;font-weight:bold;}
.sub-info{color: #666;font-weight:normal;}

/* 회원 정보 페이지 3rd party */
.edit_info_3rdparty span {float:left; width:34px; height:25px; margin:0 24px 0 0; background-size:contain; background-position:center;}
.edit_info_3rdparty .btn_config_a{float: right; padding: 5px 10px; background-color: #79797b; color: #ffffff; border:1px solid #79797b; border-radius:50px; vertical-align: middle; min-width:76px; max-width:40%; word-wrap:break-word;}
.edit_info_3rdparty .btn_config_d{float: right; padding: 5px 10px; background-color: #ffffff; color: #343434; border:1px solid #79797b; border-radius:50px; vertical-align: middle; min-width:76px; max-width:40%; word-wrap:break-word;}

.switch {position: relative; display: inline-block; width: 50px; height: 29px; float:right;}
.switch input { opacity: 0; width: 0; height: 0; }
.slider {position: absolute; cursor: pointer; top: 4px; left: 0; right: 0; bottom: 0; background-color: #e8e8e8; -webkit-transition: .4s; transition: .4s;}
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider { background-color: #595959;}
input:focus + .slider { box-shadow: 0 0 1px #595959;}
input:checked + .slider:before { -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
.switch-label { display: block; top: 50%; height: inherit; font-size: 10px; width:100%; color: #FFFFFF; text-align:center;float:left;}
/* // SI 프로젝트 작업 : 회원 정보 페이지 3rd party */

/* 공통 추가 */
.width-full{width:100%;}
button.btn{font-size:1rem;padding:0.5rem;color:#343434; background-color: #fcfcfe;border: 1px solid #b1b1b1;font-weight:bold;}
button.btn.type1{ color: #ffff;background-color: #464646;border-color: transparent;}
button.btn.confirm{background-color: #d80546;border-color: #d80546;}
/* ul, li : reset. */
.def-list,
.def-list li{list-style-type:none;margin:0;padding:0;border:none;}
.def-list li:after{display:none;}
.def-list > li > button.width-full{margin-top:0.25rem;}
.def-list.inline li{display: inline-block; line-height: initial;min-height: initial;}
.desc-info{color:#676767;font-size:0.7rem;}
.desc-noti,
.desc-error{color:#d80546;font-size:0.7rem;}

/* 가입완료페이지 재정의 */
.finish-page-wrap .section_message{border:1px solid #ddd;padding:1rem;text-align:initial;}
.finish-page-wrap .def-list {padding: 3rem 0;}
.finish-page-wrap .def-list > li{margin:0.5rem 0;}
/* 폴란드 전화번호 수집 동의 영역 추가 + reset */
.add-check-row{margin-top:0.5rem;}
.add-check-row .def-list.inline > li{font-size:0.58rem;margin-left:0.38rem;}
.add-check-row .def-list.inline > li label{display: inline-block;margin:0;min-height:auto;width:auto;line-height:initial;padding:0 0.38rem;font-size: 0.85rem;}
.add-check-row .def-list.inline > li input{margin: 0;vertical-align: top;}
.add-check-row .def-list.inline > li .ichk{width:1.25rem;height:1.25rem;background-size: auto 1.25rem;}
.add-check-row .def-list.inline > li .ichk[type=checkbox]:checked {background-position: -1.25rem 0;}

/* 전화번호인증화면 */
.add-check-cellwrap{margin:0.7rem;}
.add-check-cellwrap > .list-group > li{list-style-type:none;}
.add-check-cellwrap .hide{visibility:hidden;position: absolute;}
.add-check-cellwrap .cell_row{}
.add-check-cellwrap .cell_row .form-group .form-control{padding:0 0.35rem;height: 2.25rem;line-height:2.25;box-sizing: border-box;vertical-align:top;}
.add-check-cellwrap .cell_row select.form-control{width:30%;padding-right:1.5rem;}
.add-check-cellwrap .cell_row input.form-control{display:inline-block;width:68%;}
.add-check-cellwrap .sms_row{}
.add-check-cellwrap .sms_code-container{margin:0.5rem auto;display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center;}
.add-check-cellwrap .sms_code-container > input.form-control{width:12%;height:3rem;text-align:center;font-size:1.85rem;line-height:2;border-bottom: 1px solid #5b5b5b;font-weight:bold;}
.add-check-cellwrap li div.form-group{margin:0.5rem 0;}
.add-check-cellwrap li > .btn{margin-top:0.25rem;}

.add-check-cellwrap .cell_row .form-group{position:relative;height: 2.25rem;line-height:2.25;}

/* 선택된 국가 이름 "nation-on" , 레이어 선택버튼 "dropdown-toggle" */
.add-check-cellwrap .cell_row .form-group .nation-on,
.add-check-cellwrap .cell_row .form-group .dropdown > .dropdown-toggle{width:30%;height: 2.25rem;overflow: hidden;text-overflow: ellipsis;word-break: break-all;
    display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;/* white-space:nowrap 으로 지정할 경우, 브라우저 크기 변동에 따라 폭이 움직이지 않아 해당 속성 사용 */
	}
.add-check-cellwrap .cell_row .form-group > input.form-control{position:absolute;top:0;right:0;display:block;width:69%; text-rendering: auto;}

/* 클릭 > dropdown list */
.dropdown{}
.dropdown-toggle{position:relative;display: block;background-color: #fff;border-bottom: 1px solid #adadad;padding:0 1.5rem 0 0.35rem;height: 2.25rem;line-height:2.25;box-sizing: border-box;vertical-align:top;}
.dropdown-toggle:after{content:'';position:absolute;top:0;right:0;display:block;width:2.25rem;height:2.25rem;
    background: url("../images/btn/Originals/btn_m_down_g.png") no-repeat center;
    background-size:0.85rem;
}
.dropdown-menu{display: none;position: absolute;left: 0;list-style: none;min-width:100%;z-index: 1000;
	background-color: #fff;border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    height:14.68rem;overflow-y: auto;overflow-x: hidden;
	}
.dropdown-menu li{border-top : 1px solid rgba(120,130,139,0.25);margin:0;padding:0;}
.dropdown-menu li.selected{background-color: #dce5e9;}
.dropdown-menu li:active,
.dropdown-menu li:hover{background-color: rgba(0,0,0,0.1);}
.dropdown-menu li:active > a,
.dropdown-menu li:hover > a,
.dropdown-menu li.selected > a{color:#000;}
.dropdown-menu li:after{display:none;}

.dropdown-menu li > a{
	display: inline-flex;align-items: center;justify-content: flex-start;
	min-height:2rem;padding:0.35rem;
	line-height:1.3;color:#2f2f2f;    
	}
.dropdown.on{}
.dropdown.on .dropdown-menu{display: block;width: 100%;top:2.25rem;left:0; border: none;padding: 0px;}
.dropdown.on .dropdown-toggle:after{border-color:transparent;transform: rotate(180deg);}
/* // 클릭 > dropdown list */