@charset "utf-8";
@import "reset.min.css";
@import "style.min.css";

body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:14px; font-family: 'Pretendard Variable', sans-serif; color:#222; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings:'liga'; font-feature-settings:'liga'; word-break:keep-all; image-rendering:-webkit-optimize-contrast;}

button{font-family:inherit; border:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; box-sizing:border-box; background:none; outline:none; cursor:pointer;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin:0;}
input[type="number"]{-moz-appearance:textfield;}
input::-webkit-input-placeholder{color:inherit;}
input::-moz-placeholder{color:inherit;}
input:-ms-input-placeholder{color:inherit;}
input::-ms-input-placeholder{color:inherit;}
input::placeholder{color:inherit;}

/* 본문 바로가기 */
#skip_nav{position:absolute; width:100%; z-index:10;}
#skip_nav a:visited,
#skip_nav a:link{display:block; width:100%; background-color:#333; color:#fff; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px; position:absolute; left:0; top:0; top:-100px;}
#skip_nav a:focus,
#skip_nav a:active{top:0;}

/* WRAP */
#wrap{width:100%; /* min-width:1200px; */ min-width:340px; position:relative;}

/* 헤더 */
#header{display:flex; justify-content:center; align-items:center; width:100%; height:100px; position:fixed; top:0; left:0; z-index:100;}
#header .inBox{display:flex; justify-content:space-between; align-items:center; width:calc(100% - 50px); max-width:1320px; height:100%;}
#header .headLogo{display:inline-flex; align-items:center; flex-shrink:0; height:100%;}
#header .headLogo a{display:inline-block; flex-shrink:0; font-size:0;}
#header .headNav{display:inline-flex; align-items:center; flex-shrink:0; text-align:center; width:auto; height:100%;}
#header .headNav .inList{display:inline-flex; justify-content:center; align-items:center; flex-shrink:0; width:auto; height:100%;}
#header .headNav .inList button{display:inline-flex; flex-shrink:0; justify-content:center; align-items:center; color:#fff; height:100%; font-family: 'S-Core Dream'; font-size:22px; font-weight:600; letter-spacing:0; line-height:1; -webkit-text-stroke:1px black;}
#header .headNav .inList button span{display:flex; justify-content:center; align-items:center; height:100%;}
#header .headNav .inList .line{display:inline-block; flex-shrink:0; width:1px; height:22px; background:#c1c1c1;  margin:0 55px;}
#header.fixed{background:#fff;}
#header.fixed .headNav .inList button{color:#222; -webkit-text-stroke:unset;}

#quick{position:fixed; display:flex; justify-content:center; align-items:center; width:108px; height:390px; z-index:1000; bottom:0; right:0; overflow:hidden; border-radius:12px 0 0 12px; background:#f28021;}
#quick > a{display:block; width:100%; height:auto; text-align:center; font-family: 'S-Core Dream'; font-size:34px; font-weight:700; letter-spacing:0.1em; line-height:1.2; color:#fff; word-wrap:break-word;}


#footer{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:auto; background:#fff; padding:75px 0;}
#footer button{display:inline-block; font-size:20px; font-weight:700; letter-spacing:0; line-height:1; padding:20px; color:#222; background:url("/html/resource/img/comm/top_icon.png") no-repeat center top; background-size:18px 11px;}
#footer .footerText{width:100%; height:auto; text-align:center; font-size:18px; font-weight:300; letter-spacing:0; line-height:1.3; color:#666;}
#footer .footerText p + p{margin-top:5px;}
#footer .footerText p strong{font-weight:700;}
#footer .footerText p span{display:inline-block; width:10px;}

br.mobileOnly{display:none;}

.mr_no{margin-right:0 !important;}
.ml_no{margin-left:0 !important;}
.mt_no{margin-top:0 !important;}
.mb_no{margin-bottom:0 !important;}
.pr_no{padding-right:0 !important;}
.pl_no{padding-left:0 !important;}
.pt_no{padding-top:0 !important;}
.pb_no{padding-bottom:0 !important;}

@media (max-width:1200px) {
	#header .headLogo span{display:none;}
}

@media (max-width:1080px) {
}


@media (max-width:1000px) {
	#header{height:100px;}
	#header .inBox{width:calc(100% - 50px);}
	#header .headNav .inList button{font-size:26px;}
	#header .headNav .inList .line{height:26px; background:#c1c1c1;  margin:0 30px;}

	#quick{width:100px; height:400px; border-radius:10px 0 0 10px;}
	#quick > a{font-size:38px;}

	#footer button{font-size:24px; padding:20px; background-size:18px 11px;}
	#footer .footerText{font-size:22px;}
	#footer .footerText p + p{margin-top:10px;}
	#footer .footerText p span{width:10px;}
	#footer .footerText p span.pcOnly{display:block; width:0;}

	br.pcOnly{display:none;}
	br.mobileOnly{display:block;}
}

@media (max-width:768px) {
	#header{height:13.02083vw;}
	#header .inBox{width:calc(100% - 6.51042vw);}
	#header .headLogo a{width:14.84375vw; height:auto;}	
	#header .headNav .inList button{font-size:3.64583vw;}
	#header .headNav .inList .line{height:3.64583vw; background:#c1c1c1;  margin:0 1.95313vw;}

	#quick{width:15.62500vw; height:54.68750vw; border-radius:1.56250vw 0 0 1.56250vw;}
	#quick > a{font-size:5.46875vw;}

	#footer{padding:9.76563vw 0;}
	#footer button{font-size:3.64583vw; padding:2.60417vw; background-size:2.34375vw 1.43229vw;}
	#footer .footerText{font-size:3.38542vw;}
	#footer .footerText p + p{margin-top:1.30208vw;}
	#footer .footerText p span{width:1.30208vw;}
}