@charset "utf-8";

/* ***** responsive ***** */
@media all and (max-width:1530px){
	.inner{padding:0 15px;width:auto;}
	#contents{padding:80px 15px 185px;}
	.sub-top .tab-menu ul{width:auto;}
	#bannerSlider .swiper-btn,
	#footer .f-logo{left:15px;}

	.userInfo.add-radio li{padding-left:35px;}
	.userInfo.add-radio li:first-child{padding-left:0;}
}
@media all and (max-width:1200px){
	#footer .f-logo{display:none;}
	#footer .f-link,
	#footer .f-address,
	#footer .f-copy{padding-left:0;}
}

@media all and (max-width:1024px){
	.login-box .login{width:auto;}
	.login .btn-login{width:115px;}
	.login-btm{padding:0;}
	.join-step ul li{padding:0 16px;}
	.join-step ul li:before{left:-5px;width:10px;}
	.join-step ul li i{margin-right:10px;}
}

@media all and (max-width:768px){
	.web-only{display:none;}
	.mobile-only{display:block;}

	body{min-width:320px;font-size:15px;word-break:break-all;}
	input[type='text'], input[type='password'], input[type='number'], input[type='submit'], button, select, textarea{font-size:15px;}
	select{padding:0 25px 0 5px;background-position:right 7px center;}
	input[type="checkbox"], input[type="radio"]{margin:2px 0;}
	input[type="checkbox"] + label,
	input[type="radio"] + label{margin-left:5px;}
	.inp-col{display:inline-block;margin:2px 10px 2px 0 !important;}
	.inp-file.w100p{width:calc(100% - 80px);}

	#header .inner{flex-direction:column-reverse;padding-top:0;}
	#header .logo{height:64px;}
	#header .logo a{width:280px;}
	#gnb ul{margin-left:0;}
	#gnb ul li a{display:flex;justify-content:center;align-items:center;margin-right:2px;padding:0 10px;min-width:90px;height:36px;font-weight:400;font-size:14px;border:1px solid #d7d7d7;border-top:none;border-radius:0 0 12px 12px;box-sizing:border-box;}
	#container{padding-top:100px;}
	#wrap.scroll #gnb{display:none;}
	#wrap.scroll #container{padding-top:64px;}
	#bannerSlider{margin-left:145px;}
	#bannerSlider .title{margin-right:10px;}
	#footer{padding-bottom:60px;}
	#footer p{font-size:14px;}
	#footer .f-top{margin-bottom:40px;}
	#footer .f-link li{margin-right:10px;}
	#footer .f-link li a{font-size:15px;}
	#footer .f-right{position:static;text-align:left;margin-top:25px;}
	#btnTop{width:40px;height:40px;background-size:16px auto;}

	.sub-top{height:200px;}
	.sub-top h3{padding-top:35px;font-size:28px;}
	.sub-top .border,
	.sub-top .btn-print{display:none;}
	.sub-top .tab-menu,
	.sub-top .tab-menu ul li{height:48px;}
	.sub-top .tab-menu ul li a{padding:0 5px;font-size:15px;word-break:keep-all;}
	#contents{padding:40px 15px 60px;}

	.btn-area{margin:40px 0;}
	.btn{padding:0 15px;min-width:90px;min-height:50px;font-size:16px;}
	.btn.small{padding:10px;min-height:24px;font-size:13px;line-height:1.3em;word-break:keep-all;}
	.btn.inline{padding:0 5px;min-width:50px;font-size:15px;}
	.tab-link li a{height:48px;font-size:17px;}

	.h4-title{margin-bottom:15px;font-size:22px;}
	.h4-content{margin-bottom:50px;}
	.table-title{display:block;margin-bottom:15px;}
	.table-title .h4-title,
	.table-title .h5-title{display:block;margin-bottom:5px;}

	.m-form table{display:block;text-align:left;}
	.m-form table th{display:block;padding:10px 5px !important;height:auto;}
	.m-form table td{display:block;position:relative;padding:10px 5px;min-height:39px;height:auto;}
	.m-form table tr{display:block;padding:0;}
	.m-form table thead,
	.m-form table tbody{display:block;}
	.m-form table .join-title{padding:15px 10px !important;font-size:18px;}
	.m-form label + input{margin-left:10px;}
	.m-form .msg{font-size:14px;}
	.m-form span.msg{display:block;margin:5px 0;}

	.login-top{margin-bottom:30px;}
	.login-top i{margin-bottom:20px;}
	.login-top i img{width:80px !important;}
	.login-top b{font-size:20px;word-break:keep-all;}
	.login-top p{font-size:17px;word-break:keep-all;}
	.login-box{margin:30px 0;padding:30px 20px;}
	.login-btm ul{flex-direction:column;gap:30px 0;}
	.login-btm ul li{justify-content:flex-start;width:100%;box-sizing:border-box;}
	.login-btm ul li span{margin-bottom:10px;font-size:17px;}
	.login-btm ul li span i{width:24px;height:24px;}
	.login-btm ul li + li:before{top:-15px;right:0;width:auto;height:1px;}
	.find-area{padding:30px;}
	.find-area p{margin-bottom:20px;font-size:17px;word-break:keep-all;}
	.find-area ul{width:auto;}
	.find-area ul li{padding-left:60px;}
	.find-area ul li b{font-size:15px;}
	.join-wrap .btn-area,
	.find-wrap .btn-area,
	.find-result + .btn-area{margin:40px 0 0;}
	.result-top{margin-bottom:20px;word-break:keep-all;}
	.result-top b{font-size:20px;}
	.result-top p{font-size:17px;}
	.result-area{padding:20px 20px 25px;font-size:15px;}
	.result-area b{margin-right:10px;width:auto;font-size:15px;}
	.result-area span{margin-left:10px;font-size:16px;}
	.result-area ul li{display:flex;align-items:center;}
	.result-area ul li b{flex-shrink:0;margin-right:0;width:70px;}
	.result-btm{margin:20px 0 0;padding-top:20px;}
	.result-btm em{font-size:17px;line-height:1.4em;}
	.result-btm p{font-size:15px;}
	.join-step{margin-bottom:50px;}
	.join-step ul li{flex-direction:column;min-width:inherit;height:auto;font-size:16px;}
	.join-step ul li i{margin:0 0 10px;}
	.join-type ul{flex-wrap:wrap;gap:10px;}
	.join-type ul li{flex:1 1 40%;}
	.join-type ul li,
	.join-type ul li input + label{height:80px;}
	.join-type ul li input + label span{padding-left:40px;font-size:15px;background-size:auto 30px;}
	.agree-con{padding:20px;max-height:250px;}
	.agree-con .h4-title{font-size:20px;}
	.agree-con .h5-title{margin:20px 0 10px;font-size:17px;}
	.agree-con p,
	.agree-con .list-con{margin:0 0 15px;}
	.agree-table table th,
	.agree-table table td{padding:10px 5px;font-size:14px;}
	.agree-check{padding:20px 10px;}
	.agree-check label{font-size:15px;}
	.agree-check label + input{margin-left:10px;}
	.agree-all{padding:20px 10px;}
	.agree-all label{font-size:16px;}
	.agree-btm{margin-bottom:40px;font-size:17px;}
	.h4-content + .agree-all{margin-top:-20px;}
	#findCenter.active{display:block;}
	#centerList ul li a{font-size:15px;}
	#centerList ul li b{padding:0 15px;}
	#centerList ul li span{width:150px;}
	.inp-row.push li span.msg,
	.inp-row.push li label + input{margin-left:25px;}
	
	.mw40{width:40px;}
	.mw50{width:50px;}
	.mw60{width:60px;}
	.mw80{width:80px;}
	.mw100{width:100px;}
	.mw150{width:150px;}
	.mw170{width:170px;}
	.mw200{width:200px;}
	.mw50p{width:calc(50% - 4px);}
	.mw60p{width:60%;}
	.mw70p{width:70%;}
	.mw80p{width:80%;}
	.mw90p{width:90%;}
	.mw100p{width:99.9%;}
}
@media all and (max-width:500px){
	#header .logo a{width:240px;}
	#footer .f-address span + span{margin-left:10px;padding-left:10px;}

	.sub-top{height:168px;}
	.sub-top h3{margin-bottom:5px;padding-top:30px;}
	#contents{min-height:inherit;}
	
	.login-box .login{flex-direction:column;gap:10px;}
	.login .btn-login{width:auto;height:57px;}
	.join-step ul li{padding:10px;font-size:14px;}
	.join-step ul li i{width:50px;height:50px;background-size:auto 24px !important;}
	.userInfo.add-radio li{display:block;}	
}
@media all and (max-width:359px){
	#header .logo a{width:200px;}
	.sub-top .tab-menu ul li a{font-size:15px;}
	.join-step ul li{padding:5px;}
}

/* ***** print ***** */
@media print{
	@page {size: A4 landscape;}
	html, body{margin:0;padding:0;overflow:auto !important;height:auto !important;}
	#skip,
	#header,
	#footer,
	.all-menu{display:none;}
	.inner{width:auto;}
	#container{padding:0;}
}