@charset "utf-8";
@import url('font.css');
@import url('headerfooter.css');
/* @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500'); */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input, textarea, select{margin:0;padding:0;border:0;font:inherit}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1.2;}
body,select,input,textarea,button,pre{font-family:'Noto Sans',Dotum,Gulim,Sans-serif;letter-spacing:-.03em;color:#333;-webkit-text-size-adjust:none}
body.type{background-color:#fff}
fieldset,img{border:0}
img{vertical-align:top; -ms-interpolation-mode:bicubic}
img,video,audio,object,embed,iframe{max-width:100%}
legend, caption{position:absolute;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px)}
h1,h2,h3,h4,h5,strong,b,th{font-weight:400}
pre{word-break:break-all;white-space:pre-line;  }
i, address{font-style:normal}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
button{overflow:hidden;border:0;background-color:transparent;-webkit-appearance:none;cursor:pointer}
a{text-decoration:none}
a:hover{text-decoration:none}
.blind{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0}
:focus{outline:none}
#accessibility a{position:absolute; left:-3000%}
#accessibility a:focus{display:block; left:0; top:0; z-index:99; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center}
#hiddenFrm{position:absolute}
.autocompleteconpw, .autocompletecontradepw, .clauseScroll{width:auto !important}
#tx_trex_container{z-index:1} /* 에디터가 메뉴에 가려서 추가했습니다. */
::-ms-clear{width:0;height:0} /* IE10 이상 브라우저에서 input 박스에 X표시와 와이파이같은 표시를 보이지 않게하기위해 추가 함 */
::-ms-reveal{width:0;height:0} /* don't show the eye for password inputs */


/* ie8 */
.ie8_down_ver{position:fixed;top:0;left:0;z-index:999;width:100%;padding:20px 0;background-color:#fff;border-bottom:1px solid #d9d9d9;text-align:center;font-size:15px;font-weight:bold}
.ie8_down_ver a{text-decoration:underline;color:#e60000}


/* new reset */
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none; overflow-x:hidden;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0; border:0;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='fcile'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
body {background:#fff; overflow-x:hidden;}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family: 'Noto Sans KR', Dotum,'돋움',"Apple SD Gothic Neo",sans-serif!important;color:#222; font-weight:400; letter-spacing:-0.5px;}
a {color:#222;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
.ir {z-index: -1; position: relative; display: block; width: 100%; font-size: 9px; text-align: center; white-space: nowrap; overflow: hidden; text-indent: -99999px; color: transparent;}


/* form */
input,textarea,select,.input,.select{vertical-align:middle;line-height:inherit;font-weight:400}
input[type="text"],
input[type="password"],
input[type="tel"]{height:36px;padding:2px 10px;border:1px solid transparent;font-size:14px;color:#555;}
textarea{padding:15px 20px;border:1px solid #cbcbcb;background-color:transparent;font-size:14px;color:#333;resize:none}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus{border:1px solid #333}
label{cursor:auto}
[data-notify="progressbar"]{margin-bottom:0px;position:absolute;bottom:0px;left:0px;width:100%;height:5px}

.input{position:relative;display:inline-block;vertical-align:middle;padding:0 20px 0 16px; border:1px solid #cacaca;}
div.input{display:block}
.input input{position:relative;width:100%;border:0;padding-right:0;padding-left:0;background-color:#fff;vertical-align:top; z-index: 2; background: transparent; }
.input textarea{width:100%;border:0;padding-right:0;padding-left:0}
.input input:focus, .input textarea:focus{border:0}
.input .ico_chk2{position:absolute;top:18px;right:13px}
.input .ico_srch{margin:0 4px 0 0}
/* .input.focus{border:1px solid #e22e2e} */
.input.warning_box{border:1px solid #e22e2e}
.input.text{padding-top:14px;padding-bottom:13px}
.input.timer{padding-right:85px}
.input.timer .code{position:absolute;top:16px;right:18px;font-size:14px;color:#ff242c;}
.input.textarea{padding-right:0;overflow:hidden}
.input.value{padding-right:36px}
.input.value input{text-align:right;font-size:22px;font-weight:300; width:96.5%; }
.input.value .unit{position:absolute;top:16px;right:7px;font-weight:300;font-size:14px;color:#666}
.input_sum{position:relative;padding-right:94px}
.input_sum .input{z-index:1}
.input_sum input{text-align:right;font-size:22px;font-weight:300}
.input_sum button{position:absolute;top:0;width:48px;height:48px;border:1px solid #cacaca}
.input_sum .btn_minus{right:47px}
.input_sum .btn_minus.selected{background-color:#edf6ff}
.input_sum .btn_plus{right:0}
.input_sum .btn_plus.selected{background-color:#ffefee}
.input .stt, .input_sum .stt{position:absolute;top:17px;left:11px;z-index:2;font-size:14px;color:#666;font-weight:400}
.placeholder .lbl{display:block;position:absolute;top:11px;left:0;text-indent:16px;z-index:1;line-height:1.4; font-size:14px;  letter-spacing: -0.1px; color:#aaaaaa; z-index: 1}
.input.disable,
.disable input {background-color:#d6d9db;}
/* input box color */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }


.checkbox{display:inline-block;position:relative;text-align:left}
.checkbox input{position:absolute; left:0; top:0; width:26px; height:26px; opacity:0; filter:alpha(opacity=0)}
.checkbox label{display:inline-block;position:absolute;z-index:1;width:auto;padding-left:32px;background-repeat:no-repeat;background-position:0 50%;font-weight:400;cursor:pointer;color:#666}
/* .checkbox input:checked + label{transition-duration:0.2s} */
.checkbox.circle label{padding-top:6px;padding-bottom:6px;background-image:url(../images/checkbox_circle.png);font-weight:300;font-size:14px}
.checkbox.circle input:checked + label{background-image:url(../images/checkbox_circle_on.png)}
.checkbox.circle label.on{background-image:url(../images/checkbox_circle_on.png)}
.checkbox.circle.dis label{background-image:url(../images/checkbox_circle_dis.gif)}
.checkbox.square label{padding-top:5px;padding-bottom:5px;background-image:url(../images/checkbox_square.gif);background-position:0 0;font-size:14px}
.checkbox.square input:checked + label{background-image:url(../images/checkbox_square_on.gif)}
.checkbox.square label.on{background-image:url(../images/checkbox_square_on.gif)}
.checkbox.square2 label{padding-top:21px;padding-bottom:7px;padding-left:109px;background-image:url(../images/checkbox_square2.gif);background-position:0 0;font-size:14px;font-weight:300;color:#666}
.checkbox.square2 input:checked + label{background-image:url(../images/checkbox_square2_on.gif)}
.checkbox.square2 label.on{background-image:url(../images/checkbox_square2_on.gif)}
.checkbox.dis label{color:#d1d1d1}


.select, .select label, .select select{height: 40px;}
.select{position:relative;display:inline-block;vertical-align:middle;z-index:1;background-color:#cacaca;border:1px solid transparent;}
.select input[type="text"]{display:none;width:100%;padding-right:0;padding-left:0;background-color:transparent}
.select [type="text"]:focus{border:0}
.select label{position:absolute;top:0;left:0;right:18px;text-indent:20px;line-height: 38px;z-index:-1;/* background:url(../images/select_arr_on.png) no-repeat 100% 50%; */font-weight:normal;font-size:14px;color: #555555;}
.select label.chk{background-image:url(../images/select_arr_on.png);color:#333;border-color:#333}
.select select {width: 100%;padding: 0 20px 0 10px;font-size: 2px;filter: alpha(opacity=0);}
.select select, .select option{font:12px dotum, "돋움", sans-serif;color:#666}
.select.direct{height:47px;border:1px solid #fe4155}
.select.direct input[type="text"]{display:block;text-indent:20px}
.select.direct select, .select.direct label{display:none}
div.select{display:block; float: left;}
.select.disabled{background-color:#f5f5f5}
.select.disabled label{}
.select.center label{text-align:center;text-indent:0}



/* 공통 */
.red{color:#2373ec !important;}
.blk{color:#222222 !important;}

.pl19{padding-left:19px !important; }
.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt22{margin-top:22px !important;}
.mb30{margin-bottom:30px !important;}
.mb150{margin-bottom:150px !important;}
.mb200{margin-bottom:200px !important;}
.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}

/* btn */
.btn_type{display:inline-block; width:100%; height:48px; font-size:16px; font-weight:bold; letter-spacing: -0.2px; border-radius: 3px; background: #2373ec; color:#fff;}
.btn_type2{display:inline-block; width:100%;  height:48px; font-size:16px; font-weight:bold; letter-spacing: -0.2px; border-radius: 3px; border:1px solid #222222; color:#222;}
.btn_type3{display:inline-block; width:100%;  height:48px; font-size:16px; font-weight:bold; letter-spacing: -0.2px; border-radius: 3px; border:1px solid #222222; color: #2373ec;  border:1px solid #2373ec;}
.btn_type4{display:inline-block; width:100%; height:48px; font-size:16px; font-weight:bold; letter-spacing: -0.2px; border-radius: 3px; background: #ff3300; color:#ffffff;}
.caution_type{padding:8px 0 0 117px;  font-size: 12px; letter-spacing: -0.1px; color: #22b15f; float:left;}
.caution_type2{color:#e22e2e;}
.btn-default {cursor: pointer;width: 80px;padding: 5px;color: #999999;border: 1px solid #aaaaaa;text-align: center;}


/* header */
/*header{position:fixed; top:0; text-align: center; background:#ffffff; width: 100%; height:80px; z-index: 10;}
header.main{border-bottom:solid 0.5px #e7e7e7;}
header .header_in {position:relative; width:1200px; margin:0 auto; }
header .top_phone {position:relative; float:left; width:250px; height:80px; }
header h1{position:relative; float:left; left:50%; margin-left:-331px;height:80px; color:#555; font-weight:bold; font-size: 30px; }
header .header_in ul {float:right;}
#gnb {position:relative; right:0; top:0; }
#gnb li {float:left; list-style:none;}
#gnb li a {height:78px; display:block; color:#555; font-size:18px; line-height:80px; text-align:center; font-weight:bold; padding:0 19px; }
#gnb li a:hover {border-bottom:solid 3px #2373ec; display:block;}
#gnb li.m1 a {position:absolute; top:0px; left:-868px; color:#555; font-weight:bold; font-size: 30px; border-bottom:0px; }
#gnb li.m1 a:hover {border-bottom:0px;}*/

/* login */
.container{width:1200px; margin:153px auto 0;}
.login_wrap h1{font-size: 32px; font-weight: bold; line-height: 1.41; letter-spacing: -0.3px; text-align: center; color: #222222;}
.login_wrap .h_line{display:block;  width:50px; height: 2px; margin:9px auto 16px;   background-color: #2373ec;}
.login_wrap h3{ font-size: 14px; line-height: 1.29; letter-spacing: -0.1px; text-align: center; color: #555555;}
.login_wrap h3 strong{font-weight:bold;}
.login_wrap{text-align:center;}
.login_wrap fieldset .login_top{margin:0 0 20px; }
.login_wrap fieldset .login_top li{width: 350px; margin:0 auto;}
.login_wrap fieldset .login_top li:first-child{margin-top:0;}
.login_wrap fieldset .login_top li{margin-top:10px; }
.login_wrap fieldset .btn_type{width:350px; }
.login_wrap fieldset .btn_login{display:inline-block; width:350px; height:48px; text-align:center;  border-radius: 3px; background-color: #2373ec; color:#fff;}
.login_wrap .login_mid{width: 182px; margin:17px auto 0; overflow: hidden;}
.login_wrap .login_mid li{font-size:14px; color: #555555; line-height: 1.29; letter-spacing: -1.1px;  float:left;}
.login_wrap .login_mid_box{padding:0 10px; }
.login_wrap .login_bottom{text-align:center; width:350px; margin:57px auto 0;position: relative; font-size: 14px; line-height: 1.29; letter-spacing: -0.1px; color: #555555;}
.login_wrap .login_bottom span::before {content: "";position: absolute; top: 9px;left: 0;display: inline-block;width: 83px;height: 1px; background:#cacaca;}
.login_wrap .login_bottom span::after{content: "";position: absolute; top:9px; right: 0;display: inline-block;width: 83px;height: 1px; background:#cacaca;}
.login_wrap .btn_type2{width:350px; font-size:16px; font-weight:bold; margin-top:18px;  }
.login_wrap .popup_wrap{margin:0 auto; float:none;}
.login_wrap .popup_wrap .popup_inner{margin:24px 0 38px;}
.login_wrap .poptxt_wrap dl dt{font-size: 18px; font-weight: bold; letter-spacing: -0.2px; color: #222222; text-align:center; padding-top:38px; }
.login_wrap .poptxt_wrap dl dd{text-align:center; font-size: 14px; font-weight: normal; letter-spacing: -0.1px; text-align: center; color: #555555; padding:0 0 25px 0; }
.login_wrap .poptxt_wrap dl dd strong{font-weight: bold;}
.login_wrap .sub_id{display: none;}
.login_wrap .sub_id.target{display: block;}

/* 아이디비번찾기 */
.login_find .popup_wrap{margin:0 auto; float:none;}
.login_find .poptxt_wrap dl dt{font-size: 18px; font-weight: bold; letter-spacing: -0.2px; color: #222222; text-align:center; padding-top:38px; }
.login_find .poptxt_wrap dl dd{text-align:center; font-size: 14px; font-weight: normal; letter-spacing: -0.1px; text-align: center; color: #555555; padding:16px 0 25px 0; }
.login_find .popup_wrap .popup_inner li{text-align:center; font-size:14px; line-height:47px;}
.login_find .find_info_list{margin-top:10px; overflow:hidden; }
.login_find .find_info_list:first-child{margin-top:0;}
.login_find .find_info_list span{display:inline-block;width:118px;text-indent:7px;font-weight: bold;line-height: 40px;letter-spacing: -0.1px;text-align: left;color: #222222;float: left;}
.login_find .find_info_list .input{width:344px; height:38px;  float:right;}
.login_find .poptxt_wrap .btn_type{width:160px; margin-top:16px; }
.login_find .popup_wrap .popup_inner{margin-top:24px; }
.login_find .find_info_list .btn_type2{width:166px; height:40px; font-size:14px; margin:0;   float:right; }
.login_find .find_info_list2 .input{width:169px; float:left;  }
.login_find .find_info_list3 .input{width: 257px; float: left;}
.login_find .find_info_list3 .btn_type2{width:78px; }
.login_find_info_type ul li{width:100%; height:100px; background:#f7f7f7;}
.login_find_info_type ul li strong{display:inline-block; font-size: 16px; font-weight: bold; letter-spacing: -0.2px; color: #222222; padding: 40px 0 0 51px; float:left;}
.login_find_info_type ul li span{display:inline-block; font-size: 14px; letter-spacing: -0.1px; text-align: left; color: #555555; padding:41px 0 0 38px; float: left;}
.login_find_btn_wrap{display:inline-block;  margin: 50px auto 0; text-align:center; }
.login_find_btn_wrap .btn_type3{width:150px; float:left;}
.login_find .poptxt_wrap .login_find_btn_wrap .btn_type{margin: 0 0 0 14px; float: left;}

/* 회원가입 steo1 */
.sign_wrap .sign_mid_step .clause_wrap{}
.sign_wrap .sign_mid_step .clause_wrap .form_agree_type .checkbox{width:250px; padding-left:20px; }

.clause_inner{margin-top: 17px; border-top: 1px solid;}
.clause_inner .sign_mid_inner_chk .form_agree_type .clause_list{padding:14px 0 13px 0; margin:0; position:relative; border-bottom: 1px solid #dedede;}
.clause_inner .sign_mid_inner_chk .form_agree_type .clause_list ul{}
.clause_inner .sign_mid_inner_chk .form_agree_type .checkbox{float:left;}
.clause_inner .sign_mid_inner_chk .form_agree_type .checkbox.square2 label
{padding:0 0 0 37px;  color: #555555; font-weight: 400; border: none;  background:url(../images/form-check-n.png) 0 center no-repeat !important;}
.clause_inner .sign_mid_inner_chk .form_agree_type .checkbox.square2 input:checked + label
{font-weight:normal; border:none; color:#555; background: url(../images/form-check-p.png) 0 center no-repeat !important;}
.clause_inner .sign_mid_inner_chk .form_agree_type{margin:0; overflow:hidden;}
.clause_inner .sign_mid_inner_chk .clause_list{width: 100%; margin: 18px 0;}
.clause_inner .sign_mid_inner_chk .form_agree_type li ul .q{display: inline-block; width: inherit; padding: 30px 5px 0 0; font-size: 14px; color: #222222; position: absolute; top: 0; right: 0; border:none;}
.sign_wrap .sign_mid_step .clause_wrap .form_agree_type .chk_type{width:260px;}

/* 폼 공통 */
.division_line,
.division_line th {border-bottom:1px solid #333!important;}


.faq li {width:764px; padding: 37px 30px;font-size: 15px;font-weight: 300;color: #666666;}
.faq li.q {font-weight: bold; font-size:120%; /* border-bottom:1px #ddd solid; */  cursor:pointer; width:843px; padding:16px 13px 14px 29px; /* border:1px solid #333; */ font-size:15px; font-weight:400; color:#010000;}
.faq li.q img{position:relative; top:3px;  float:right;}
.faq li.a {background: #f9f9f9; display:none;}
.faq .faq_bold{font-weight:bold;}
.rotate {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.faq-t {line-height: 1em; color: #aaa; font-family:sans-serif; float:left; font-weight: 700; padding-right: 0.3em; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms;}
.faq-o {display:block; width:11px; height:11px; position:absolute; top:26px; right:24px;  background:url(../images/api_center_icon4.png) 0 0 no-repeat !important; float:right;}
.faq-q {cursor: pointer; font-size: 1.5em; font-weight:100;}
.faq-a {clear: both; color:#666; display:none;}
.faq table{width: 100%; text-align: center;}
.faq table tr{}
.faq table tr .line{border-left:none; }
.faq table tr th{font-weight:300; padding: 11px 0 10px; border-top: 1px solid #a5a5a5; background:#f1f1f1; border-left:1px solid #a5a5a5; }
.faq table tr td{padding: 11px 0 10px; border-top: 1px solid #a5a5a5; border-bottom:1px solid #a5a5a5; background: #f9f9f9; border-left:1px solid #a5a5a5;}
.faq .tbl_tit{padding-bottom: 15px;}
.faq table{margin-bottom: 35px;}


/* scrollbar */
.scrollbar > .scroll-element,
.scrollbar > .scroll-element div{background:none;border:0;position:absolute;z-index:1}
.scrollbar > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%}
.scrollbar > .scroll-element.scroll-x{bottom:2px;height:7px;left:0;min-width:100%;width:100%}
.scrollbar > .scroll-element.scroll-y{height:195px; /* min-height:100%; */ right:3px; top:6px; width:12px}
.scrollbar > .scroll-element .scroll-element_outer{}
.scrollbar > .scroll-element .scroll-bar{background-color:#000;border-radius:12px; opacity:0.2;  cursor:pointer}
.scrollbar > .scroll-element.scroll-x .scroll-bar{bottom:2px;height:4px;min-width:24px;top:auto}
.scrollbar > .scroll-element.scroll-y .scroll-bar{left:auto;min-height:24px;right:2px;width:6px}
.scrollbar > .scroll-element.scroll-y .scroll-bar:hover{width:10px}
.scrollbar > .scroll-element.scroll-x .scroll-bar:hover{height:10px}
.scrollbar > .scroll-element.scroll-x .scroll-element_outer{
	bottom:0;top:auto;left:2px;
	-webkit-transition:height 0.2s;
	-moz-transition:height 0.2s;
	-o-transition:height 0.2s;
	-ms-transition:height 0.2s;
	transition:height 0.2s;
}
.scrollbar > .scroll-element.scroll-y .scroll-element_outer{
	left:auto;
	right:0;
	top:0;
	-webkit-transition:width 0.2s;
	-moz-transition:width 0.2s;
	-o-transition:width 0.2s;
	-ms-transition:width 0.2s;
	transition:width 0.2s;
}

/* toggle */
.bbs_toggle li{position:relative}
.bbs_toggle li.q{cursor:pointer}
.bbs_toggle li.a{display:none}
.bbs_toggle li.a.open{display:block}
.bbs_toggle.faq{}
.bbs_toggle.faq li{padding:14px; /* border-top:1px solid #e6e9ee; */ font-size:15px}
.bbs_toggle.faq li.q{padding-right:36px}
.bbs_toggle.faq li.q tt{margin-right:8px;color:#fe4155}
.bbs_toggle.faq li.q:after{content: '약관 전체보기';display:block;width: 127px;text-align: left;position:absolute;font-size: 12px;font-weight: bold;top:29px;background: url(../images/check-line.png) 91px center no-repeat;color:  #222222; text-indent:9px; }
.bbs_toggle.faq li.q.active:after{content: '약관 닫기'; background:url(../images/check-line2.png) 91px center no-repeat; text-indent:32px; }
.bbs_toggle.faq li.q span{display:inline-block; width:116px;}
.bbs_toggle.faq li.a{padding-left:35px;border-top:1px solid #e6e9ee;background-color:#f7f7f7;line-height:1.6; text-align:left; }
.bbs_toggle.faq .clause_list li.a{width:900px;  margin: 0;padding: 0; position:relative; top:13px; }
.bbs_toggle.faq .clause_list li pre{height: 187px !important;margin: 23px !important;font-size:14px;font-style:normal;color:#555; /* overflow: hidden !important; */}
.bbs_toggle.faq .clause_list li pre.scrollbar{-ms-overflow-style: none;}

.a_inner{

	background: #fff;
	width: 855px !important;
	height: 233px !important;
	margin: 20px 0 20px 22px !important;
	border: 1px solid #dedede !important;
	overflow: hidden;

}

/* 회원가입 step2 */
.sign_wrap .sign_step_iconwrap{display:inline-block; margin-top:44px; height:110px;  }
.sign_wrap .sign_step_iconwrap li{position:relative;  width:60px; height:60px; background:url(../images/ico-step-1-off.png) 0 0 no-repeat; float:left;}
.sign_wrap .sign_step_iconwrap .sign_step_icon{padding-right: 114px;background:url(../images/ico-step-1-off.png) 0 0 no-repeat;/* position: relative; *//* left: 22px; */}
.sign_wrap .sign_step_iconwrap .sign_step_icon::before{content: "";position: absolute;display: inline-block;top: 31px;left: 60px;width: 51px;height: 1px;background:#cacaca;z-index: -1;}
.sign_wrap .sign_step_iconwrap .sign_step_icon::after{content: ""; position: absolute;display: inline-block;top: 28px;left: 111px;width: 3px;height: 3px;border-radius: 1.5px;border: solid 2px #ffffff;background-color: #cacaca;}
.sign_wrap .sign_step_iconwrap .sign_step_icon.active{background:url(../images/ico-step-1-on.png) 0 0 no-repeat;}
.sign_wrap .sign_step_iconwrap .sign_step_icon2{/* width: 86px; */background: url(../images/ico-step-2-off.png) 0 0 no-repeat;margin-right: 114px;position: relative;left: -6px;}
.sign_wrap .sign_step_iconwrap .sign_step_icon2::before{content: "";position: absolute;display: inline-block;top: 31px;left: -50px;width: 51px;height: 1px;background:#cacaca;z-index: -1;}
.sign_wrap .sign_step_iconwrap .sign_step_icon2::after{content: "";position: absolute;display: inline-block;top: 31px;left: 60px;width: 51px;height: 1px;background:#cacaca;z-index: -1;}
.sign_wrap .sign_step_iconwrap .sign_step_icon2.active{background:url(../images/ico-step-2-on.png) 0 0 no-repeat;}
.sign_wrap .sign_step_iconwrap .sign_step_icon3{background:url(../images/ico-step-3-off.png) 0 0 no-repeat;position: relative;left: -13px;}
.sign_wrap .sign_step_iconwrap .sign_step_icon3::before{content: "";position: absolute;display: inline-block;top: 28px;left: -56px;width: 3px;height: 3px;border-radius: 1.5px;border: solid 2px #ffffff;background-color: #cacaca;}
.sign_wrap .sign_step_iconwrap .sign_step_icon3::after{content: "";position: absolute;display: inline-block;top: 31px;left: -49px;width: 51px;height: 1px;background:#cacaca;z-index: -1;}
.sign_wrap .sign_step_iconwrap .sign_step_icon3.active{background:url(../images/ico-step-3-on.png) 0 0 no-repeat;}
.sign_wrap .sign_step_iconwrap .sign_step_icon.active::after,
.sign_wrap .sign_step_iconwrap .sign_step_icon.active::before,
.sign_wrap .sign_step_iconwrap .sign_step_icon2.active::after,
.step_active_type .sign_step_icon3::before,
.step_active_type .sign_step_icon3.active::before
{background:#2373ec !important;}
.sign_step_icon_in{position:relative; top:68px; }
.sign_step_icon_in p{color: #777777; font-size: 14px; font-weight:bold;}
.sign_step_icon_in span{display: inline-block; width: 87px; color: #aaaaaa; font-size:14px; position:relative; left:-12px; letter-spacing:-1px; }
.sign_mid_wrap{width:900px; margin:45px auto 0;  }
.sign_mid_wrap .red {color:#e22e2e!important;}
.sign_mid_wrap h3{font-size: 18px; font-weight: bold; letter-spacing: -0.2px; text-align: left; color: #222222;}
.sign_mid_wrap span{margin: 0 0 0 8px; font-size: 14px; font-weight: 400; letter-spacing: -0.1px; text-align: left; color: #555555;}
.sign_mid_wrap table{width:100%; margin-top:17px; border-top:1px solid #333; }
.sign_mid_wrap table tr{border-bottom: 1px solid #dedede;}
.sign_mid_wrap table tr th{padding-left:23px;  font-size: 14px;font-weight: bold;color: #222;border-bottom: 1px solid #dedede;background:#f7f7f7;text-align: left;}
.sign_mid_wrap table tr th strong{display: inline-block; position: relative; top: 1px; left: 3px; color: #2373ec; font-weight: bold;}
.sign_mid_wrap table tr td{padding:15px 0 14px 1px;}
.sign_mid_wrap table tr td .input{width:372px; margin:0 0 0 19px; float:left;}
.sign_mid_wrap table tr td p{width:100%;  padding: 9px 0 0 19px; text-align:left;}
.sign_mid_wrap table .lbl2{display:block;position:absolute;top:10px;left:0; margin:0;  text-indent:20px;z-index:1;line-height:1.4; font-size:14px;  letter-spacing: -0.1px; color:#aaaaaa;}
.sign_mid_wrap table tr td .input_type{width: 265px; float: left;}
.sign_mid_wrap table tr td .input_type2{width:618px; }
.sign_mid_wrap table tr td .input_type3{width: 637px; height: 78px;}
.sign_mid_wrap table tr td textarea{margin: 14px auto; padding: 0; position: relative; left: -10px; width: 600px; height: 50px;}
.sign_mid_wrap table tr td .btn_type2{width: 98px;height: 40px;margin: 0;position: relative;left: -132px;}
.sign_mid_txt{position:relative;  text-align:left;font-size: 14px;font-weight: bold;color: #555555;padding: 18px 0 0 23px; overflow:hidden; }
.sign_mid_txt::before{content: ""; position: absolute;display: inline-block; top: 20px; left: 3px; width:14px; height: 14px; background:url(../images/ico-infomessage.png) 0 0 no-repeat; z-index: -1;}
.sign_mid_txt span{font-weight:300;margin: 3px 0 0 0;float: left;}
.sign_mid_inner2{margin-top:65px;}
.sign_mid_inner2 table tr th strong{font-size: 12px; font-weight: 400; width: 100%;}
.sign_mid_inner_chk .form_agree_type{margin-left:18px;}
.sign_mid_inner_chk .form_agree_type li{margin-left:10px; float:left;}
.sign_mid_inner_chk .form_agree_type li:first-child{margin-left:0;}
.sign_mid_inner_chk .form_agree_type .checkbox{width: 89px;height: 40px;margin: 0;}
.sign_mid_inner_chk .form_agree_type .checkbox.square2 input:checked + label{color: #fff;background: #2373ec url(../images/ico-check-p.png) 58px center no-repeat !important;font-weight: bold;border: 1px solid #2373ec;z-index:2;}
.sign_mid_inner_chk .form_agree_type .checkbox.square2 label{/* padding: 0 0 0 55px; *//* width: 75px; */padding: 0 44px 0 15px;font-size: 14px;font-weight: bold;color: #aaa;line-height: 38px;border-radius: 3px;background: url(../images/ico-check-n.png) 58px center no-repeat !important;border:1px solid #d3d3d3;}
.sign_mid_inner_chk .form_agree_type .bt_r label{padding:0 46px 0 64px !important; left:-3px; }
.sign_mid_inner_chk .form_agree_type .btn_area{width: 120px; float: left; margin-left:7px;}
.sign_mid_inner_chk .form_agree_type .btn_area button{height:48px; margin:0; float:left;}
.sign_mid_inner3{margin-top:27px;}
.sign_mid_inner3 h3{font-size:16px; }
.sign_mid_inner3 h3 span{font-size:12px; }
.sign_mid_inner3 tr td span{display: inline-block; position: relative; top: 12px; margin: 0; color: #222; float: left;}
.sign_mid_wrap .sign_mid_inner3 tr td .input_type4{width: 58px; margin:0 10px;  float: left;}
.sign_mid_wrap table tr td.td_type{padding-left:19px;}
.sign_mid_wrap table tr td.td_type .td_type_in{left:-2px;}
.sign_mid_wrap .sign_mid_inner3 table{border-top:1px solid #dedede; }
.sign_mid_wrap table tr .pl19 .input{width:257px; }
.sign_wrap .login_find_btn_wrap{}
.sign_wrap .login_find_btn_wrap .btn_type,
.sign_wrap .login_find_btn_wrap .btn_type3{width:160px;}
.sign_wrap .login_find_btn_wrap .btn_type{margin-left:9px; }
.st_1{float:left; }
.st_1 .select{width: 105px;height: 38px;margin: 0;background: #fff;border: 1px solid #cacaca;}
.st_1 .select label{background: url(../images/arr.png) 85px center no-repeat;left: -4px;width: 100%;}
.popup_selbox_w {margin-top:35px;}
.st_2 .select{width:270px;height:34px;margin: 0;background: #fff;border: 1px solid #aab2bd;}
.st_2 .select label{background: url(../images/arr.png) 250px center no-repeat;width: 100%;line-height: 34px;height: 34px;padding: 0 30px 0 12px;box-sizing: border-box;font-size: 12px;color: #555; text-indent:0;overflow: hidden;}

/* 회원가입 step3 */
.sign_mid_complete .sign_mid_inner{margin-top:3px;  background:#f7f7f7;}
.sign_mid_complete .sign_mid_inner h3{font-size:28px; font-weight: bold; text-align:center; padding-top:56px;}
.sign_mid_complete .sign_mid_inner h3 strong{color: #2373ec;}
.sign_mid_complete .sign_mid_inner .sign_mid_com_txt{padding: 50px 0 70px; font-size:14px; color:#555; line-height:1.29;}
.sign_mid_complete .login_find_btn_wrap button{width:150px; margin-top:18px; }

/* 가입신청 반려 */
.sign_cancel_wrap h1{font-size:28px; font-weight:bold; color:#222; }
.sign_cancel_wrap h1 span{color: #2373ec;}
.sign_cancel_wrap .sign_cancel_top h4{font-size: 18px; font-weight: bold; color: #333; text-align: left; padding: 17px 0;}
.sign_cancel_wrap .sign_cancel_top p{background:  #f7f7f7; padding: 27px 26px; font-size: 14px; line-height: 1.29; letter-spacing: -0.1px; text-align: left; color: #555555; border-top: 1px solid #222222;}
.sign_cancel_wrap .sign_cancel_txt{padding: 55px 0 29px; font-size: 14px; font-weight: bold; line-height:1.29;}
.sign_cancel_wrap i{display:block;width:200px;height:200px;background:url(../images/ico-audit.png) 0 0 no-repeat;margin: 58px auto 0;}
.sign_cancel_top{width:900px; margin: 0 auto 68px; }
.sign_mid_txt2{padding:45px 0 0;  font-size:14px;  color: #2373ec;}
.sign_mid_txt2 strong{font-weight:bold; }
.sign_cancel_wrap .login_find_btn_wrap{margin-top:20px; }
.sign_cancel_wrap .sign_check_btn button{width:140px; margin-top:28px;  }
.sign_check_wrap .sign_cancel_txt{padding:37px 0 16px; }
.sign_check_wrap .sign_cancel_txt2{font-size: 14px; line-height: 1.29; letter-spacing: -0.1px; color: #555;}

/* 휴먼계정 활성화 */
.sign_cancel_wrap .sign_dormant_wrap .login_find_btn_wrap{margin-bottom: 150px;}
.sign_cancel_wrap .dormant_txt{width: 500px; margin: 101px auto 0; padding:47px 0 49px; background:#f7f7f7; font-size:14px; font-weight:normal; color:#555555;}
/* .sign_cancel_wrap .login_find_btn_wrap .btn_type{margin-left:0;} */
.pwchange_txt{font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.29; letter-spacing: -0.1px; color: #555555; padding: 49px 0 0;}
.sign_cancel_wrap .block_icon{background:url(../images/ico-block.png) 0 0 no-repeat;}

/* 팝업 부분 */
.popup_wrap{padding:20px; width:500px; float:left; }
.popup_wrap .popup_inner{overflow:hidden; }
.popup_wrap .popup_inner li{width:249px; text-align:center;  font-size: 18px;  letter-spacing: -0.2px; line-height:58px; background:#efefef;   float:left; cursor:pointer;  border-bottom: solid 1px #343434; border-top:none; color: #aaaaaa;}
.popup_wrap .popup_inner .popup_l_line{border-left:none;}
.popup_wrap .popup_inner .popup_tab_on{background:#fff; border-top:solid 1px #343434; border-left:solid 1px #343434; border-right:solid 1px #343434; border-bottom:none; color: #000000;}
.poptxt_wrap dl dt{padding-top:53px; font-size:26px; color:#000; letter-spacing: -0.3px; font-weight:bold;}
.poptxt_wrap dl dd{padding-top:30px; font-size: 14px; letter-spacing: -0.1px; color: #555555;}
.poptxt_wrap .tab_text2{display:none;}
.popup_wrap .poptxt_wrap{text-align:left;}

/* footer */
/*footer{width:100%; height:90px; text-align:center;  background-color:#2d3032; padding:27px 0 50px 0;}
footer .copyright {position: relative; margin: 0px auto 0px auto; width: 1200px; border:solid;}
footer #copyright a{font-weight:bold;}
footer #copyright strong{display: inline-block; width:1px; height:8px; margin:0 10px;  background:#56585b; }
footer #copyright .f_btn{cursor:pointer; color:#fff; font-size:14px; }
footer #copyright{color:rgba(255, 255, 255, 0.5); font-size: 12px; line-height: 19px;}
footer #copyright .f_copy{margin:12px auto 0; }*/

/*** chrome ***/
body.chrome .btn_m{line-height:29px}
body.chrome .btn_m2{line-height:37px}
body.chrome .srch_type .select label{line-height:30px}

/* 임시 로딩바때매 추가. */
.wrap-loading{position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; display:none}
.wrap-loading .bg{width:100%; height:100%; background:rgba(0,0,0,0.1)}
.wrap-loading .bg_img{position:absolute; top:35%; left:35%;  width:100%; height:100%}

/* animation wave */
.mt_wave .gnb_m_icon_g{position:absolute;;display:inline-block;font-family:'Noto Sans', Sans-serif;animation:wave .6s ease-in-out alternate infinite;}
@keyframes wave{
	to{transform:translateX(6px)}
}
@keyframes wave2{
	to{transform:translateY(3px)}
}

/*** IE8을 위한 Hack ***/
@media \0screen{
	h1,h2,h3,h4,h5,strong,b,th{font-weight:bold}
	.checkbox.circle label{font-weight:bold}
	.ico_com{font-size:0}
	.btn_m2{line-height:38px}
	.dragdealer .per strong.p2{margin-left:45%}
	.form_type li.email .input{width:185px}
	.tbl_type5 .photo .img{width:98%}
	#gnb>ul>li>a, .tab_type li button.active, .tab_type li a.active{font-weight:bold}



}

@media screen and (min-width:0\0){
	.but_txt{position:relative; top:-6px;}
	/* .bbs_toggle.faq .clause_list li pre{overflow: hidden !important;}*/
	.bbs_toggle.faq .clause_list li pre.scrollbar{
		width: 826px !important;
		padding-right:29px;
		overflow-x:hidden !important;
	}


}



/* 로그인후 이용약관노출 */
.login_private_w {width:500px; margin:0 auto 150px;}
.lp_title {font-size:28px; line-height:40px; font-weight:700; text-align:center;}
.lp_box {overflow-y:auto; width:100%; height:323px; margin-top:60px; padding:0 30px 20px; box-sizing:border-box;
	background-color:#f7f7f7; color:#555; font-size:14px; line-height:20px;}
.lp_box strong {display:block; margin-top:20px; font-weight:700;}
.lp_list_w {overflow:hidden; margin:10px 25px 15px;}
.lp_list_w li {position:relative; float:left; width:50%;  padding-left:10px; margin-top:5px; box-sizing: border-box; color:#555; font-size:12px; line-height:18px;}
.lp_list_w li:before {content:''; position:absolute; top:8px; left:0; display:block; width:3px; height:3px; background-color:#777; border-radius: 50%;}
.lp_btn_w {padding-top:40px; border-top:1px solid #eee; font-size:0; text-align:center;}
.lp_btn_w [class^=lp_btn_] {display:inline-block; height:48px; font-size:16px; line-height:48px; border-radius: 3px; font-weight:700;}
.lp_btn_ok {width:100px; background-color:#2373ec; color:#fff;}
.lp_btn_no {width:130px; margin-left:10px; background-color:#fff; color:#2373ec; border:1px solid #2373ec;}



.find-result {
	display: none;
}


.form-group {
	text-align: left;
}
.form-group span {
	color: red;
	text-align: left;
	display: none;
}
.form-group a {
	height: 36px;
	cursor: pointer;
	width: 80px;
	padding: 6px 17px 10px 17px;
	color: #999999;
	border: 1px solid #aaaaaa;
	text-align: center;
}
.form-group > .label {
	width: 100%;
	text-indent: 7px;
	font-weight: bold;
	line-height: 40px;
	color: #222222;
}
.form-group > .text {
	border: 1px solid #aaaaaa;
	padding: 1px;
}
.form-group > .text > input {
	border: none;
}
.form-group > .text > a {
	padding: 3px 14px 6px 14px;
}
.sms-time {
	color: red;
	margin-right: 5px;
	display: inline;
}

/* 레이어 팝업 */
.ly_pop_wrap {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;text-align: center; z-index: 200;}
.ly_pop_wrap.ly_pop_certified .ly_ct_type{width: 592px;}
.ly_pop_wrap .bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .5;filter: alpha(opacity=50)}
.ly_pop_wrap .blank {display: inline-block;width: 0;height: 100%;vertical-align: middle}
.ly_ct {display: inline-block;position: relative;vertical-align: middle;text-align: left;font-size: 18px;background: #fff;color: #222;z-index: 1;}
.ly_ct .title_type {padding: 23px 0 22px 30px;font-size: 20px;font-weight: 500;line-height: 1;letter-spacing: -0.6px;color: #222222;border-bottom: 1px solid #e3e6e8;}
.ly_ct .ly_ct_inner {padding: 64px 30px 40px;}
.ly_ct .ly_ct_inner .info{text-align: center;}
.ly_ct .ly_ct_inner .info p.title{font-size: 20px;color:#222;line-height:30px;margin-bottom: 18px;}
.ly_ct .ly_ct_inner .info p{text-align:center;font-size: 14px;line-height:20px;color:#777;margin-bottom: 40px;}
.ly_ct .ly_ct_inner .certified{display: flex;align-items: center;justify-content: center;}
.ly_ct .ly_ct_inner .certified li{width:241px;height: 217px;border:1px solid #bebfbf;display: flex;flex-direction: column;align-items:center;margin:0 7.5px 40px;text-align: center;}
.ly_ct .ly_ct_inner .certified li.on{border: solid 1px #2373ec;	background-color: #f4f8fe;}
.ly_ct .ly_ct_inner .certified li a{display: flex;flex-direction: column;align-items: center;width: 100%;height: 100%;}
.ly_ct .ly_ct_inner .certified li .title{font-size: 16px;color:#000;font-weight:400;line-height:16px;margin-bottom: 11px;}
.ly_ct .ly_ct_inner .certified li .content{font-size: 14px;color:#777;line-height:11px;}
.ly_ct .ly_ct_inner .certified li .title:before{margin:41px auto 23px;content: '';display: block;width: 64px;height: 64px;background-position: 0 0; background-repeat: no-repeat;}
.ly_ct .ly_ct_inner .certified li.mail .title:before{background-image:url(../images/ico-mail.png);}
.ly_ct .ly_ct_inner .certified li.sms .title:before{background-image:url(../images/ico-sms.png);}
.ly_pop_wrap .certified-field{margin:0 auto;display: flex;align-items: center;justify-content: center;}
.ly_pop_wrap .certified-field label{display: block;position: relative;}
.ly_pop_wrap .certified-field label .count{position: absolute;right:15px;top:11px;font-size: 14px;color:#2373ec;}
.ly_pop_wrap .certified-field input[type=text]{width: 267px;height: 40px;box-sizing:border-box;border:1px solid #cacaca;background: #fff;color:#222222;border-radius: 2px;}
.ly_pop_wrap .certified-field input[type=text]::placeholder{color:#aaa;}
.ly_pop_wrap .certified-field .btn-send{cursor:pointer;width: 79px;height: 40px; margin-left:5px; border:1px solid #222222;background: #fff;}
.ly_pop_wrap .certified-box{display: inline-block;}
.ly_pop_wrap .certified-box .text-desc{text-align:left;margin-top:10px; font-size: 12px; color:#e22e2e;}
.ly_ct_inner_info {margin-top:8px; padding:15px 22px; background-color: #f6f8f9; font-size:14px; line-height:20px; color:#777;}
.ly_ct_title {overflow:hidden; border-bottom:1px solid #e3e6e8;}
.ly_ct_title .title_type {float:left; border-bottom:0;}
.ly_ct_title .pop_list_btn {float:left; margin-top:15px;}
.ly_pop_wrap .ly_ct_type{width:796px;position:relative;}
.ly_pop_wrap .info-text{color:#0f4e9f;margin-top:5px;}
.ly_pop_wrap label{display:none;}
.ly_pop_wrap textarea{width:100%;box-sizing: border-box;}
.ly_pop_wrap .title{font-size:16px;margin-bottom:10px;color:#222;font-weight:600;}
.ly_pop_wrap .ly_close{text-indent:-9999px;font-size:0;overflow:hidden;width:50px;height:50px;position:absolute;top:8px;right:10px;}
.ly_close::before, .ly_close::after {
	content: '';
	position: absolute;
	height: 1px;
	width: 50%;
	top: 50%;
	left: 13px;
	margin-top: -1px;
	background: #000;
}
.ly_close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ly_close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* btn */
.notice_btn_type{font-size: 16px; line-height: 1.25; letter-spacing: -0.5px;  text-align: center; font-weight:500; border-radius: 2px; border: solid 1px #4a7fc5; background: #ffffff; color:#4a7fc5 !important;}
.notice_btn_type2{font-size: 16px; line-height: 1.25; letter-spacing: -0.5px;  text-align: center; font-weight:500; border-radius: 2px; border: solid 1px #2373ec; background: #2373ec; color:#fff !important;}
.notice_btn_type3{font-size: 16px; line-height: 1.25; letter-spacing: -0.5px; text-align: center; font-weight:400; border-radius: 2px; border: solid 1px #1e2a3a !important; background:#1e2a3a; color:#fff !important;}
.notice_btn_type.disabled {border-color:#bebfbf!important; background-color: #d2d2d2; color:#aaa!important;}
.btn_type_wrap{width:100%; text-align:center;}
.btn_type_wrap2{width:100%;}
.ly_btn_type{padding:13px 35px; margin:30px 0 50px; }
.ly_btn_type2{padding:9px 16px; margin:0; font-size:14px; font-weight:400;}