@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');*/

*{margin:0;padding:0;max-height:1000000px;}

/* ------------------------------------------------------------------------------- */
/* common */
body {width:100%;margin:0 auto; -webkit-text-size-adjust: 100%;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin:0;border:0;outline:0;padding:0;
	background:transparent;
	font-family:'Noto Sans KR','NanumBarunGothic', 돋움, Dotum, sans-serif;
	font-style: normal;
	font-weight:normal;
	vertical-align:baseline;
	line-height:130%;
	color:rgba(0,0,0,0.8);
}
body{line-height:1;}
table{border-collapse:collapse;border-spacing:0; width:100%;}
label{vertical-align:middle;cursor:pointer}
input{vertical-align:middle; font-family: 'Noto Sans KR',sans-serif;}
button,input {
	border-radius:0;
	font-family: 'Noto Sans KR',sans-serif;
}
fieldset,img {
	border:0
}
ol,ul {
	list-style:none
}
address,em {
	font-style:normal
}
input, textarea{outline: 0}
a{color:#000;text-decoration:none}
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}

.both{clear:both}
.clear{width:auto}
.clear:after{content:"";display:block;clear:both;height:0;overflow:hidden}

.roboto{font-family:'Roboto', sans-serif;}
.t_center{text-align:center !important;}
.t_right{text-align:right !important;}
.t_left{text-align:left !important;}
.light{font-weight:300;}
.bold{font-weight:bold}
.medium{font-weight:500;}

.w_1170{max-width:1170px; width:100%; position:relative; margin:0 auto;}
.t_c{color:#944baa}
.t_c_g{color:#757575;}
.mb_20{margin-bottom:20px;}
.mr_50{margin-right:50px;}
.pt_20{padding-top:20px !important;}
.pt_0{padding-top:0 !important;}
.pr_0{padding-right:0 !important;}
.d_b{display:block;}
.tt{font-size:18px; font-weight:bold; color:#944baa; position:relative; padding-top:21px; margin-bottom:30px;}
.tt:before{content:''; width:50px; height:10px; background:#944baa; position:absolute; top:0; left:0;}
.t_under{text-decoration: underline}

/* form */
form{}
form dl{text-align:left; border-bottom:1px solid rgba(207, 207, 207, 0.6); display:table; table-layout: fixed; width:100%;}
form dl dt{width:163px; font-size:16px; font-weight:500; color:rgba(0, 0, 0, 0.8); display:table-cell; vertical-align: top; text-align:center; line-height:1.6; padding-top:15px;}
form dl dd{display:table-cell; vertical-align: middle; padding:12px 0;}
form dl dd ol{}
form dl dd ol li{width:16.66%; float:left;}

form input[type='radio']+label{line-height:16px; margin-left:10px; width:77px; font-size:15px; display:inline-block;}
form dl.w_55 input[type="radio"] + label{width:70px;}
form input[type='radio'] {display: inline-flex; align-items: center; margin-right:8px; background-color: #fff; border: 1px solid #cfcfcf;}
form input[type='radio'],
form input[type='radio']:checked {
	appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 100%;
}
form input[type='radio']:checked {
	border: 1px solid #cfcfcf;
	position:relative;
}
form input[type='radio']:checked::before{ content:''; width:12px; height:12px; border-radius: 50px; background:#757575; position:absolute; top:50%; left:50%; margin-top:-6px; margin-left:-6px;}
form select{width:180px; border:1px solid rgba(0, 0, 0, 0.08); line-height:36px; height:36px; box-sizing: border-box; padding:0 23px; font-size:15px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; color:rgba(0,0,0,0.8);; background:url('../images/sub/triangle.png') no-repeat; background-position:center right 17px}

.input_box{border:1px solid rgba(0, 0, 0, 0.08); padding:0 15px; line-height:34px; height:36px; box-sizing: border-box}
.input_box.w_180{width:180px;}
.input_box input{border:none; width:100%;}
.text_area{width:100%; padding:12px 0;}
.text_area .textareaContainer{display:block; padding:20px; border:1px solid rgba(0, 0, 0, 0.08);;}
.text_area .textareaContainer textarea{width:100%; margin:0; padding:0; border-width:0; font-family: "Noto Sans KR",sans-serif; font-size:15px;}
.file_box{overflow: hidden; display:inline-block; vertical-align: middle}
.file_box input{margin-left:-77px;}
.file_box + label{width:109px; height:36px; background:#944baa; color:#fff; font-size:16px; font-weight:500; display:inline-block; line-height:36px; text-align:center; margin-left:12px;}

.p_t{color:#757575; font-size:30px; font-weight:bold;}
.btn{width:100%; height:68px; line-height:68px; font-size:18px; font-weight:bold; text-align:center; color:#fff; display:inline-block; margin:10px 0;}
.b_feac25{background:#feac25}
.b_cfcfcf{background:#cfcfcf;}

/* 체크박스 */
.check_box{font-size:14px; margin-top:20px; text-align:center;}
.check_box span{color:#ff6600; font-weight:500; display:inline-block; margin-right:5px;}
.check_box input[type=checkbox] { display:none; }
.check_box input[type=checkbox] + label {display: inline-block; cursor: pointer; line-height: 20px; background: url('../images/sub/chk_off_20.png') no-repeat; padding-right:30px; background-position:right;}
.check_box input[type=checkbox]:checked + label { background-image: url('../images/sub/chk_on_20.png'); }

/* 버튼박스 */
.btn_box{text-align:center; margin-top:45px;}
.btn_box ul{display:inline-block;}
.btn_box ul li{float:left; width:50%;}
.btn_box ul li a{position:relative; display:block; width:220px; height:65px; line-height:65px; margin:0 5px; text-align:center; color: #fff; background:#cfcfcf;}
.btn_box ul li.c_g a{background:rgba(0,0,0,0.2)}
.btn_box ul li a:hover:after{content:''; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0;}
.btn_box ul li a.b_feac25{background:#feac25}

/* 로그인_lnb */
.login_lnb{overflow: hidden; margin-top:20px;}
.login_lnb ul{margin:0 -15px;}
.login_lnb ul li{width:33.33%; float:left; text-align:center;}
.login_lnb ul li a{display:inline-block; margin:0 15px; line-height:50px; color:#feac25; font-size:18px; font-weight:500; text-decoration: underline}

/* sub_top */
.cont_wrap .cont{padding:70px 0 90px; border-bottom:10px solid #f5f5f5}

/* popup */
.popup_wrap .bg{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.25); z-index:999;}
.popup{border-top:5px solid #feac25; width:600px; position:absolute; top:50%; left:50%; margin-left:-300px; z-index:9999;}
.popup.w_720{width:720px; margin-left:-360px;}
.popup .popcon{padding:30px 50px; position:relative; background:#fff;}
.popup_wrap .pop_close{position:absolute; top:20px; right:20px; cursor: pointer; z-index:9}
.pop_t{font-size:30px; color:#feac25; text-align:center; line-height:60px; font-weight:500;}
.pop_tab{overflow: hidden; margin-top:20px;}
.pop_tab ul{display:inline-block; width:100%;}
.pop_tab ul li{width:50%; float:left;}
.pop_tab ul li a{font-size:25px; line-height:44px; padding:10px 0; color: rgba(207, 207, 207, 0.6); text-align:center; border-bottom:5px solid rgba(207, 207, 207, 0.6); display:block; font-weight:bold;}
.pop_tab ul li.on a{color: #757575; border-bottom:5px solid #feac25; }
.popcon form.otp_login{margin:0 auto;}
.opt_btn_box{margin:45px 35px 0; overflow: hidden;}
.opt_btn_box ul{margin:0 -10px; width:100%;}
.opt_btn_box ul li{float:left; width:50%;}
.opt_btn_box ul li a{margin:0 10px; width:auto; display:block;}
.popcon .btn_close{margin-top:26px; width:220px; background:#feac25; color:#fff; font-size:17px; font-weight:500; line-height:65px; display:inline-block; text-align:center;}

/* popup_OTP로그인 */
.popcon .otp_qr{text-align:center; padding:30px;}
.popcon .otp_qr p{font-size:15px; font-weight:500; color:#757575;}
.popcon .otp_qr .qr_code{margin:20px 0;}
.popcon .otp_qr .link{margin-top:10px;}
.popcon .otp_qr .link a{margin:0 10px; font-size:15px; font-weight:500; color:#feac25; text-decoration: underline; display:inline-block;}

/* form_OTP로그인 */
form.otp_login{max-width:390px; margin:34px auto 0;}
form.otp_login dl{border-bottom:none;}
form.otp_login dl dt{color:#feac25; font-size:22px; font-weight:bold; text-align:center; width:100%; display:block; background:none; line-height:50px; margin:30px 0 12px;}
form.otp_login dl dd{display:block; border:1px solid rgba(207, 207, 207, 0.6); padding:0;}
form.otp_login dl dd input{line-height:60px; font-size:22px; width:100%; border:none; text-align:center;}
form.otp_login dl dd input::placeholder{color:#cfcfcf;}

/* 담당관 회원가입 */
.manager_join{max-width:570px; margin:35px auto; border-top:3px solid #feac25;}
.manager_join dl dd{position:relative;}
.manager_join dl dd .input_box{margin-right:148px;}
.manager_join dl dd input[type="button"]{position:absolute; top:10px; right:0; width:132px; height:36px; line-height:36px; background:#feac25; color:#fff; font-size:16px; font-weight:500; border:none; cursor: pointer}
.manager_join dl dd em{color:#e6192b; font-size:11px; font-weight:bold;}
.manager_join dl dd em.c_feac25{color:#feac25}


/*  반응형 */
@media screen and (max-width: 1320px){

}

@media screen and (max-width: 1200px){
	
	.w_1170{max-width:720px;}
	.cont_wrap .cont{padding:40px 0 60px;}
	.p_t{font-size:18px; word-break: keep-all;}
	form.otp_login{margin:14px auto 0;}
	form.otp_login dl dt{font-size:15px; line-height:35px; padding-top:0; margin:20px 0 10px;}
	form.otp_login dl dd{padding: 9px 0;}
	form.otp_login dl dd input{line-height:28px; font-size:15px;}
	form.otp_login .btn_box{margin-top:35px;}
	form.otp_login .btn_box .btn{height:48px; line-height:48px; margin:5px 0;}

	.btn{height:48px; line-height:48px; font-size:15px; }
	.popup{top:20%;}
	.popup .popcon{padding:5px 15px 20px;}
	.popup_wrap .pop_close{top:10px; right:10px;}
	.pop_t{font-size:20px; line-height:50px;}
	.pop_tab{margin-top:0;}
	.pop_tab ul li a{font-size:15px; line-height:40px; padding:8px 0 ;}
	.opt_btn_box{margin:35px 15px 0;}
	.opt_btn_box ul{margin:0 -5px;}
	.opt_btn_box ul li a{margin:0 5px;}
	.popcon .otp_qr{padding:10px;}
	.popcon .otp_qr p{font-size:11px;}
	.popcon .otp_qr .qr_code > img{width:116px;}
	.popcon .otp_qr .link a{font-size:11px;}
	.popcon .btn_close{margin-top:20px; font-size:15px; line-height:48px;}
	.login_lnb{margin-top:15px;}
	.login_lnb ul li a{font-size:13px}
	form dl dt{width:90px; font-size:12px; }
	.manager_join dl dd .input_box{margin-right:82px;}
	.manager_join dl dd input[type="button"]{width:72px; top:12px; font-size:12px;}
	.btn_box{margin-top:30px;}
	.btn_box ul li a{font-size:15px; line-height:48px; height:48px;}
	form input[type='radio'] {margin-right:3px;}
	form input[type='radio'],
	form input[type='radio']:checked {
		width: 12px;
		height: 12px;
	}
	form input[type='radio']:checked::before{ width:8px; height:8px;margin-top:-4px; margin-left:-4px;}

}

@media screen and (max-width: 740px){
	.cont_wrap .cont{padding:40px 0 60px; margin:0 20px;}
	.popup.w_720{width:92%; margin-left:0; left:4%}
}

@media screen and (max-width: 640px){
	.popup{width:92%; left:4%; margin-left:0;}
	.btn_box ul{width:100%;}
	.btn_box ul li a{width:auto;}

}
@media screen and (max-width: 460px){
}