/*공통*/
.btn_sumit{background:#233e59; color:#ffffff !important; border-color:#233e59 !Important;}
.btn_srch:before{content:'\f002'; font-family:'FontAwesome'; font-size:15px; margin:0px 3px;}
.btn_cal:before{content:'\f073'; font-family:'FontAwesome'; font-size:15px; margin:0px 3px;}
.btn_save:before{text-indent:0; content:'\f0c7'; font-family:'FontAwesome'; font-size:15px; margin:0px 3px; font-weight:bold; color:#233e59}
.btn_view:before{text-indent:0; content:'\f002'; font-family:'FontAwesome'; font-size:15px; margin:0px 3px; font-weight:bold;  color:#233e59}

.in{padding:0.45em 0;}
.mr20{margin-right:20px;}
.mr10{margin-right:10px;}
.ml10{margin-left:10px;}
.dpi{display:inline-block; vertical-align:top;}
.redTxt{color:#d10000}
.blTxt{color:#0024ff}
.fl{float:left;}
.mb5{margin-bottom:5px;}
.pd_txt{padding:10px 0px}
.w100{width:100%}
.w70{width:70%}
.w60{width:60%}
.w80{width:80%}
.w20{width:20%;}
.w10{width:10%;}
.w30{width:30%;}
.w40{width:40%;}


/*로그인*/
.mem_login .login_box {text-align:center; width:100%; max-width:360px; margin:0 auto;}
.mem_login .login_box .login_form li {margin:10px 0;}
.mem_login .login_box .login_form li label {display:inline-block; width:80px; text-align:left;}
.mem_login .login_box .login_form li .input_txt {width:calc(100% - 90px) !important;}
.mem_login .login_box .login_form .btn-login {display:inline-block; width:98%; background:#161771; border-color:#161771; color:#fff;}
.mem_login .login_box .log_lst li {display:inline-block; margin:30px 2px 0; border:1px solid #d0d0d0;
	padding:5px 10px; font-size:0.9em; color:#404040; width:48%;}

@media all and (min-width:1200px) {
	.mem_login .login_box {margin:0 auto;}
}


/*개인정보*/
.provision{color:#323232}
.provision h5{font-size:1.1em; font-weight:700; color:#000000}
.provision h6{font-size:1.05em; font-weight:600; color:#000000}

.tit_nm{font-size:1.3em; font-weight:600; letter-spacing:-0.06em; color:#000000}
.tit_sm{font-size:1.1em; font-weight:600; letter-spacing:-0.06em; color:#000000}

@media all and (min-width:768px) {
.tit_nm{font-size:1.3em; }
}


/*회원가입절차*/
.joinstep{position:relative;}
.joinstep ul{overflow:hidden; border:1px solid #e6e6e6;}
.joinstep ul li{float:left; width:25%; text-align:center; padding:7px 0px 10px; border-right:1px solid #e6e6e6; background:#ffffff; position:relative}
.joinstep ul.list03 li{width:33.33%;}
.joinstep ul li:last-child{border:0px;}
.joinstep ul li.on{background:#161771; color:#ffffff; font-weight:500; border-right:0px}
.joinstep ul li.on:after{content:''; display:block; position:absolute; z-index:1; right:-20px; top:50%; margin-top:-10px; border-width:10px;  border-style:solid; border-color:transparent transparent transparent #25255e;}
.joinstep ul li:last-child.on:after{display:none}

.joinstep ul li .txt{display:inline-block; font-size:0.9em}
.joinstep ul li .st{text-align:center; text-transform:uppercase; line-height:100%;}
.joinstep ul li .st em{display:inline-block; font-weight:700; margin-right:5px; color:#4e4e9d;}
.joinstep ul li .st {display:inline-block;}
.joinstep ul li.on .txt{font-weight:500}
.joinstep ul li.on .st em {color:#e9e88e;}

@media all and (min-width:768px) {
.joinstep ul li{padding:10px 0px 12px}
.joinstep ul li .txt{font-weight:500; font-size:1.1em}
.joinstep ul li .st {display:inline-block;}
}


.tit_line{color:#000000; font-weight:500; font-size:1.4em; margin-bottom:20px; padding-bottom:10px; position:relative; text-align:center}
.tit_line:after{content:''; display:block; width:50px; height:1px; background:#000000; left:0; right:0; bottom:0; margin:auto; position:absolute;}

@media all and (min-width:768px) {
.tit_line{font-size:1.6em; margin-bottom:30px; padding-bottom:20px;}
}

@media all and (min-width:1200px) {
.tit_line{font-size:1.8em; margin-bottom:40px; padding-bottom:30px; }
}

/*회원가입*/
.agreebox{padding:20px; height:250px; overflow-y:scroll; border:1px solid #ddd; border-bottom:0px;}
.agreebox h5{font-weight:500; color:#000000}
.agree_check{margin:0 auto;  border:1px solid #ddd; line-height:50px; padding:0 3%; position:relative;}
.agree_check > input{position:absolute;left:0;top:0;opacity:0;width:0;height:0}
.agree_check > label{padding-left:35px;display:inline-block; height:25px;line-height:25px;margin-left:0; color:#1c1c1c;background-repeat:no-repeat;background-position:left;
	background-image:url('../img/check.png');background-size:25px 50px;cursor:pointer; background-position:0 0}
.agree_check > input:checked + label{background-position:left -25px;}

.checkwrap{margin:0 auto; position:relative;}
.checkwrap > input{position:absolute;left:0;top:0;opacity:0;width:0;height:0}
.checkwrap > label{padding-left:35px;display:inline-block; height:25px;line-height:25px;margin-left:0; color:#1c1c1c;background-repeat:no-repeat;background-position:left;
	background-image:url('../img/check.png');background-size:25px 50px;cursor:pointer; background-position:0 0}
.checkwrap > input:checked + label{background-position:left -25px;}


@media all and (min-width:768px) {
.agree_check{padding:0 20px}
}


.form_box{margin:0 auto;}
.form_box h4{font-size:1.2em; font-weight:500}
.form_box h4 span{display:inline-block; margin-left:10px; font-size:14px; font-weight:normal}
.form_box ul{overflow:hidden; border-top:1px solid #808080; }
.form_box li{overflow:hidden; border-bottom:1px solid #e6e6e6; }
.form_box li .fm_list{padding:0px 5px; display:block; font-size:0.9em; padding:.750em 0 0px; font-weight:500}
.form_box li .fm_txt{display:block; padding:0px 5px; font-size:0.9em; padding:.750em 0;}
.form_box li .fm_txt input{width:100%;  height:45px; line-height:45px;}
.form_box li .fm_txt button{line-height:45px; height:45px}
.form_box li .btn_change input.op0{display:none;}
.form_box li .btn_change .radio_label{display:inline-block; height:45px; line-height:45px; padding:0 10px; border:1px solid #e6e6e6; min-width:80px; text-align:center;}
.form_box li .btn_change input:checked + .radio_label{background-color:#2043a7; border-color:#2043a7;color:#fff}
.form_box li .btn_change select{line-height:45px; height:45px}

.form_box li .fixsize input{width:150px !important}
.form_box li.long .fm_list{border-bottom:1px solid #e6e6e6;}
.form_box li.long .fm_list, .form_box li.long .fm_txt{width:100%}

.form_box li.long input{width:auto}
.form_box li.long input.w60{width:60%}

.form_box span.sp_txt{ display:inline-block; vertical-align:top; }
.form_box .select_date{font-weight:700; font-size:1.1em}

.btn_in a{display:block; line-height:55px; height:55px; padding:0 20px; background:#df1014; color:#ffffff; text-align:center;}
@media all and (min-width:768px) {
.form_box li{border-bottom:0px;}
.form_box li:last-child{border-bottom:1px solid #e6e6e6}
.form_box li .fm_list,
.form_box li .fm_txt{float:left; width:75%;}
.form_box li .fm_list, .form_box li .fm_txt{font-size:1em;}
.form_box li .fm_list{width:25%; padding:1em; max-width:200px; line-height:45px}
.form_box li .fm_txt{padding:1em}
.form_box span.sp_txt{margin-left:10px; line-height:45px;}
.form_box li .fm_txt input{width:auto}
.form_box li .fm_txt input.mid_input{min-width:400px}
.btn_in a{display:inline-block; padding:0 50px}
}

@media all and (min-width:1200px) {
.form_box li .fm_txt input.w-col01{}
}

.title_top {text-align:center;}
.title_top h4 {font-size:1.5em; font-weight:600;}

a.out_link {margin-top:20px; display:block; text-align:right; font-size:0.9em; color:#888; text-decoration:underline;}