#skip_nav {position:fixed; left:0; top:-40px; width:100%; text-align:center; line-height:40px; background:rgba(0, 0, 0, 0.5); color:#ffffff; font-size:16px; z-index:10000; transition:top 0.3s;}
#skip_nav:focus {top:0;}

.wrap {overflow:hidden; position:relative; padding:0 0 110px; background:#395488;}
.wrap:after {position:absolute; top:0; left:50%; bottom:0; width:50%; background:#e3e4e8; content:'';}
.timg {position:relative; padding-bottom:690px; z-index:1; background:center top no-repeat;}
.wrap.result {display:none; padding:100px 0;}

.btn_wrap {margin-top:60px; text-align:center; font-size:0;}
.btn_wrap img {margin:0 10px;}
.btn_wrap.mobile {display:none;}



.box {position:relative; z-index:10; width:94.44%; max-width:1280px; margin:-2% auto 0;}
.box .top_bg {padding-bottom:9.7656%; background:url('../images/box_bg_top.png') no-repeat center top; background-size:100% auto;}
.box .center_bg {margin-top:-1px; padding:30px 0 0; background:url('../images/box_bg_center.png') center top; background-size:100% auto;}
.box .bottom_bg {background:url('../images/box_bg_bottom.png') no-repeat center bottom; background-size:100% auto;}
.box .self_test_q {padding:0 8%;}

.top_txt {padding:85px 0 55px; text-align:center; font-size:24px; line-height:1.33; background:url('../images/icon_check.png') no-repeat center top;}
.self_test_q dl+dl {margin-top:50px;}
.qcont dt {position:relative; padding:20px 0; padding-left:30px; font-size:24px; color:#ffffff; line-height:1.2; background:#3e99d3;}
.qcont .num {display:inline-block; margin-right:15px; font-size:32px; color:#b0e0ff; font-weight:500;}
.qcont strong {font-size:28px; color:#b0e0ff; font-weight:500;}
.qcont .small {font-size:18px;}
.qcont dd {padding:20px 30px; background:#eeeeee;}
.qcont .checkbox {min-width:160px;}
.qcont .radio {min-width:160px;}



.user_info {margin:80px 3.67% 0 3.984%; padding:60px 80px 0px; background:#cae0ea;}
.user_info .fbox {overflow:hidden;}
.user_info .fcol {float:left; position:relative; width:45%; padding-left:100px;}
.user_info .fcol+.fcol {margin-left:10%;}
.user_info .fcol label {position:absolute; top:0; left:0; font-size:22px; color:#222222; line-height:40px;}
.user_info .star {color:#db4241;}
.user_info input[type="text"] {width:100%; height:40px; padding-left:12px; border:0; font-size:20px; margin:0; color:#888888;}
.user_info select {height:40px; padding-left:12px; border:0; font-size:20px; margin:0; color:#888888; background:#fff;}
.user_info .tel_wrap {overflow:hidden;}
.user_info .tel_wrap select {float:left; width:32%;}
.user_info .tel_wrap input[type="text"] {float:left; width:32%; margin-left:2%;}
.user_info .agree_chk {margin:40px 0 0; padding:20px 0; text-align:center; background:#bdd4df;}
.user_info .agree_chk .checkbox label {font-size:20px; color:#35435f;}
.user_info .agree_chk .checkbox label:before {border-color:#35435f;}
.user_info .agree_chk a {font-size:20px; font-weight:700; color:#35435f;}
.user_info .btn_submit {display:block; position:relative; z-index:2; top:50px; width:380px; height:80px; margin:0 auto 0px; padding:0; border:0; border-radius:8px; font-family:"Noto Sans KR",맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, Dotum; font-size:26px; color:#fff; cursor:pointer; background:#395488; box-shadow: 5px 5px 3px 2px rgba(0,0,0,0.1);}

select::-ms-expand {display: none;}
select {
	border-radius: 0px;
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
	background: #fff url('../images/icon_select.jpg') 100% 50% no-repeat !important; background-size:29px auto !important;
}

#footer {padding:70px 0 40px; text-align:center; font-size:18px; color:#7d7d7d; line-height:1.77;}
#footer p span {display:inline-block; position:relative; padding:0 9px;}
#footer p span+span:before {position:absolute; top:8px; left:0; width:1px; height:16px; background:#7d7d7d; content:'';}



/* form */
.checkbox {display:inline-block; position:relative;}
.checkbox input {position:absolute; left:0; top:50%; width:30px; height:30px; margin-top:-14px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.checkbox label {padding-left:50px; font-size:24px; color:#222222; line-height:40px;}
.checkbox label:before {position:absolute; top:50%; left:0; width:30px; height:30px; margin-top:-15px; border:2px solid #cccccc; content:'';}
.checkbox input:checked + label:before {background:url('../images/icon_checkbox.png') no-repeat center;}
.checkbox input:focus + label:before {outline:1px dotted #000}

.radio {display:inline-block; position:relative;}
.radio input {position:absolute; left:0; top:50%; width:30px; height:30px; margin-top:-14px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.radio label {padding-left:50px; font-size:24px; color:#222222; line-height:40px;}
.radio label:before {position:absolute; top:50%; left:0; width:30px; height:30px; margin-top:-15px; border:2px solid #cccccc; border-radius:50%; box-sizing:border-box; content:'';}
.radio input:checked + label:before {border-color:#3e99d3;}
.radio input:checked + label:after {position:absolute; top:50%; left:8px; width:14px; height:14px; margin-top:-7px; background:#3e99d3; border-radius:50%; box-sizing:border-box;  content:'';}
.radio input:focus + label:before {outline:1px dotted #000;}




.wrap.result .center_bg {padding-bottom:100px;}
.wrap.result .blogo {display:block; margin:150px auto 0px;}
.wrap.result .bottom_bg {height:50px;}

.wrap.result {text-align:center;}
.wrap.result h2 {text-align:center; font-size:46px; color:#2c4677; line-height:1; font-weight:500;}
.wrap.result h2 strong {font-size:130px; font-weight:700;}
.wrap.result .cont {max-width:900px; margin:45px auto 100px; line-height:1.5; font-size:24px; color:#222222; text-align:center;}
.wrap.result .cont em {font-size:26px; color:#3a97d2;}
.wrap.result img {max-width:100%;}




#privacy_pop {display:none;}
#privacy_pop * {box-sizing:border-box; font-family:"Noto Sans KR",맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, Dotum;}
#privacy_pop:before {position:fixed; top:0; left:0; right:0; bottom:0; z-index:101; background:rgba(0,0,0,0.7); content:'';}
#privacy_pop .box {position:fixed; top:50%; left:50%; z-index:102; width:500px; margin-left:-250px; margin-top:-220px; border:1px solid #111111;  background:#fff; letter-spacing:-0.04em; text-align:left;}
#privacy_pop strong {display:block; padding-left:20px; font-size:22px; color:#fefefe; line-height:60px; font-weight:500; background:#111111; }
#privacy_pop .btn_close {position:absolute; top:13px; right:20px;}
#privacy_pop .agree_box {width:100%; height:400px; padding:20px; overflow-y:scroll; font-style:normal; font-size:18px; color:#5b5a5a; text-align:left; white-space:pre-wrap;}



@media all and (max-width:1300px){
	.timg {padding-bottom:68%; background-size:auto 130%;}
}
@media all and (min-width:999.8px){
	.timg {background-image:url('../images/timg.jpg')};
}
@media all and (max-width:1000px){
	.wrap {padding-bottom:50px; background:#e3e4e8;}
	.wrap:after {display:none;}
	.timg {background-image:url('../images/timg_m.jpg'); background-size:100% auto;}
	
	.btn_wrap {display:none; padding:0 7.5%;}
	.btn_wrap.mobile {display:block;}
	.btn_wrap.mobile img {display:block; margin:10px auto 0; max-width:100%;}

	.box .center_bg {padding-top:15px;}
	.self_test_q {padding:0 7.5%;}
	.top_txt {padding:40px 0 25px; font-size:14px; background-size:32px auto;}
	.self_test_q dl+dl {margin-top:15px;}
	.qcont dt {padding:15px 10px; padding-left:60px; font-size:14px;}
	.qcont dt * {vertical-align:middle;}
	.qcont .num {position:absolute; top:50%; left:15px; margin-top:-12px; font-size:20px; line-height:1.1;}
	.qcont strong {font-size:17px;}
	.qcont dd {padding:10px 15px;}
	.qcont .radio {min-width:70px;}
	.qcont .checkbox {min-width:70px;}


	.user_info {margin-top:40px; padding:30px 20px 0px;}
	.user_info .fcol {width:100%; padding-left:80px; margin:10px 0 0 !important;}
	.user_info .fcol label {font-size:16px;}
	.user_info input[type="text"],
	.user_info select {padding-left:6px; font-size:17px;}
	.user_info .agree_chk {margin-top:20px; padding:13px;}
	.user_info .agree_chk .checkbox label {font-size:14px;}
	.user_info .agree_chk a {font-size:14px;}
	.user_info .btn_submit {width:190px; height:50px; top:30px; font-size:17px;}

	#footer {padding:40px 10px 20px; font-size:11px;}
	#footer p span {padding:0 5px;}
	#footer p span+span:before {top:6px; height:10px;}

	.checkbox input {width:18px; height:18px;}
	.checkbox label {padding-left:28px;}
	.checkbox label:before {width:18px; height:18px; margin-top:-9px; background-size:14px auto !important;}
	
	.radio {}
	.radio input {width:18px; height:18px; margin-top:-9px;}
	.radio label {padding-left:28px; font-size:14px; line-height:24px;}
	.radio label:before {width:18px; height:18px; margin-top:-9px; border:1px solid #cccccc;}
	.radio input:checked + label:after {width:8px; height:8px; left:5px; margin-top:-4px;}

	.m_hidden {display:none;}

	select {background-size:18px auto !important;}

	.wrap.result {padding:25px 0;}
	.wrap.result .bottom_bg {height:0px; padding-bottom:5%;}
	.wrap.result .resultc {margin:0 7.5%;}
	.wrap.result .resultc img {max-width:100%;}
	.wrap.result h2 {padding-top:20px; font-size:23px;}
	.wrap.result h2 strong {font-size:65px;}
	.wrap.result .cont {margin:22px 0 50px; font-size:14px;}
	.wrap.result .cont em {font-size:15px;}
	.wrap.result .blogo {width:115px; margin-top:30px;}
}