@charset "utf-8"; 
/*
	문자 초기화
	font-family:inherit; 
	font-size:inherit; 
	font-weight:inherit; 
	color:inherit; 
	letter-spacing:inherit; 
	line-height:inherit; 
*/
/*
	트랜지션
	transition:All .2s ease-out; 
	-webkit-transition:All .2s ease-out; 
	-moz-transition:All .2s ease-out; 
	-o-transition:All .2s ease-out
*/

* {margin:0; padding:0; text-decoration:none; box-sizing:border-box; -webkit-text-size-adjust:none; outline:0; -webkit-appearance:none; -webkit-font-smoothing:antialiased;}

html,body {font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; color:#333;}
ul,li {list-style:none;}
a {text-decoration:none; color:inherit;}
img {max-width:100%;}

textarea,input {font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
optgroup,select,button {font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-weight:inherit; cursor:pointer; font-size:1em;}
input::-webkit-input-placeholder {color:#aaa; font-weight:400;}
textarea::-webkit-input-placeholder {color:#aaa; font-weight:400;}
input::-ms-input-placeholder {color:#aaa; font-weight:400;}
textarea::-ms-input-placeholder {color:#aaa; font-weight:400;}
input::-moz-placeholder {color:#aaa; font-weight:400;}
textarea::-moz-placeholder {color:#aaa; font-weight:400;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px #fff inset;}
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;}
input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none;}
select::-ms-expand {display:none;}
select {-moz-appearance:none; -webkit-appearance:none; appearance:none;}
caption {display:none;}
span,i {font-size:inherit; font-weight:inherit; line-height:initial; color:inherit; letter-spacing:inherit;}
b {font-size:inherit; font-weight:700; line-height:inherit; color:inherit; letter-spacing:inherit;}

.pretendard {font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.blind {display:none !important;}

@-webkit-keyframes showUp {
	0% {opacity:0; -webkit-transform:translateX(-50%) translateY(30px);}
	100% {opacity:1; -webkit-transform:translateX(-50%) translateY(0);}
}

@keyframes showUp {
	0% {opacity:0; transform:translateX(-50%) translateY(30px);}
	100% {opacity:1; transform:translateX(-50%) translateY(0);}
}

body::-webkit-scrollbar {display:none;}




/* footer -- START */
#footer {position:relative; z-index:990; background:#fff; border-top:1px solid #eee; padding:40px 0 50px; font-size:17px; line-height:22px;}
#footer #wrap {display:flex; flex-flow:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-end;}
#footer .logoArea {width:100%;}
#footer .address li {margin-bottom:5px;}
#footer .address li:last-child {margin-bottom:0;}
#footer .info li {margin-bottom:5px;}
#footer .info li:last-child {margin-bottom:0;}
#footer b {font-weight:600; margin-right:5px;}
#footer span {margin-left:10px;}

#footer .w600_show {display:none; flex-flow:row; align-items:center; justify-content:center;}
#footer .w600_show a.sns {width:auto; height:40px; padding:0 5px; margin:0 5px; display:flex; flex-flow:row; align-items:center; justify-content:center;}
#footer .w600_show a.sns img {height:25px;}
/* footer -- END */


/* scroll -- START */
.scrollContainer {position:fixed; top:100px; right:30px; z-index:988; width:4px; height:calc(100vh - 100px); background:#a98979;}
.scrollBar {position:relative; width:4px; height:0%; transition:all .5s ease;}

.scrollBar .scrollBtn {display:block; width:60px; height:95px; position:absolute; bottom:0; right:-4px; cursor:pointer;}
.scrollBar .scrollBtn:after {content:''; display:block; width:60px; height:95px; position:absolute; top:0; left:0; background:url('../images/scroll_default.png') center center/cover no-repeat; cursor:pointer; transition:All .3s ease; -webkit-transition:All .3s ease; -moz-transition:All .3s ease; -o-transition:All .3s ease;} 

@media (hover:hover) {
	.scrollBar .scrollBtn:hover:after {background:url('../images/scroll_hover.png') center center/cover no-repeat;}
}
/* scroll -- END */


/*#subscript_modal {position:fixed; width:100%; height:100%; top:0; left:0; z-index:999; opacity:0; pointer-events:none; transition:All .4s ease-in-out;}*/
/*#subscript_modal.open {opacity:1; pointer-events:visible;}*/
/*#subscript_modal .modalBG {width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4);}*/
/*#subscript_modal .inner {width:calc(100% - 10vw); max-width:600px; position:fixed; z-index:999; top:15vh; left:50%; transform:translateX(-50%); font-size:18px; border:5px  solid #fcb859; background:#f8f8f8;  -webkit-box-shadow:0 0 20px 1px rgb(0 0 0 / 20%); -moz-box-shadow:0 0 20px 1px rgb(0 0 0 / 20%); box-shadow:0 0 20px 1px rgb(0 0 0 / 20%); padding:50px 50px 30px; display:none; flex-flow:column; border-radius:40px;}*/
/*#subscript_modal.open .inner {display:flex; animation:showUp .4s forwards;}*/
/*#subscript_modal .inner .closeBtn {position:absolute; top:20px; right:20px; width:40px; height:40px; background:url('../images/closeBtn.svg') transparent center/cover no-repeat; border:0;}*/
/*#subscript_modal .inner .titleWrap {position:relative; font-family:'Cafe24Ssurround'; font-size:2em; letter-spacing:-1px; margin-bottom:20px; padding:}*/
/*#subscript_modal .inner .titleWrap:before {content:''; width:50px; height:35px; display:block; background:url('../images/secTitleBG.png') top center/cover no-repeat; position:absolute; bottom:60%; left:-20px;}*/
/*#subscript_modal .inner .inputWrap {display:flex; flex-flow:row; justify-content:flex-start; padding:0 5px; margin-bottom:10px;}*/
/*#subscript_modal .inner .inputWrap.text {border-bottom:1px solid #ccc;}*/
/*#subscript_modal .inner .inputWrap.text label {font-family:'SBAggroM'; line-height:34px;}*/
/*#subscript_modal .inner .inputWrap.text input[type=text] {height:30px; line-height:30px; background-color:transparent;  border:none; padding:0 10px; font-size:18px;}*/
/*#subscript_modal .inner .inputWrap.text input[type=text]:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px #f8f8f8 inset;}*/
/*#subscript_modal .inner .agreeWrap {margin-top:20px;}*/
/*#subscript_modal .inner .agreeWrap strong {display:block; font-family:'SBAggroM'; font-weight:normal; font-size:1.05em; padding:0 5px; margin-bottom:5px;}*/
/*#subscript_modal .inner .agreeWrap > div {padding:10px; border:1px solid #ccc; background:#fff; font-size:0.9em; line-height:1.3em; margin-bottom:10px;}*/
/*#subscript_modal .inner .agreeWrap > div p {margin-bottom:10px;}*/
/*#subscript_modal .inner .agreeWrap > div ul {margin-bottom:-3px;}*/
/*#subscript_modal .inner .agreeWrap > div ul li {text-indent:-18px; padding-left:15px; padding-bottom:3px;}*/
/*#subscript_modal .inner .inputWrap.checkbox {font-family:'SBAggroL'; line-height:32px; cursor:pointer;}*/
/*#subscript_modal .inner .inputWrap.checkbox input[type=checkbox] {display:none;}*/
/*#subscript_modal .inner .inputWrap.checkbox input[type=checkbox]+label {cursor:pointer;}*/
/*#subscript_modal .inner .inputWrap.checkbox input[type=checkbox]+label::before {content:''; position:relative; top:5px; display:inline-block; vertical-align:top; width:15px; height:15px; border:1px solid #000; background-color:#fff; margin-right:8px;}*/
/*#subscript_modal .inner .inputWrap.checkbox input[type=checkbox]:checked+label::before {border:1px solid #ff9800; background:url('../images/checked.png') #ff9800 center/cover no-repeat;}*/
/*#subscript_modal .inner .btnWrap {text-align:center; margin-top:20px;}*/
/*#subscript_modal .inner .btnWrap button {font-family:'Cafe24Ssurround'; font-size:1.3em; padding:10px 40px 6px; letter-spacing:-1px; outline:0; border:0; display:inline-block; background:#ff9800; color:#fff; border-radius:8px;}*/



@media only screen and (max-width:1600px) {
	#header {height:80px; padding:0 40px;}
	#header a.logo img {height:54px;}
	#header .left {font-size:14px;}
	#header .left .volList {width:110px; height:32px;}
	#header .left .volList button {height:32px;}
	#header .left .volList .list li a {height:32px; line-height:34px; padding:0 5px; font-size:1em;}
	#header .left .subscript {height:32px; line-height:32px; padding:0 15px; margin-left:10px;}
	#header .left .subscript span:before {top:1px; width:15px; height:12px;}

	#footer {font-size:16px; line-height:22px;}

	.scrollContainer {top:80px; height:calc(100vh - 80px);}
}
@media only screen and (max-width:1400px) {
	.scrollContainer {display:none; right:10px;}
	.scrollBar .scrollBtn {width:48px; height:76px; right:-3px;}
	.scrollBar .scrollBtn:after {width:48px; height:76px;}
}
@media only screen and (max-width:1200px) {
	#header {height:70px; padding:0 20px;}
	#header a.logo img {height:42px;}
	
	#footer .logoArea img {height:54px;}

	#subscript_modal .inner {font-size:1.5vw; padding:5vw 4vw 3vw;}
	#subscript_modal .inner .titleWrap:before {width:3vw; height:2.1vw;}
	#subscript_modal .inner .inputWrap.text input[type=text] {font-size:1.5vw;}
	#subscript_modal .inner .inputWrap.checkbox {height:1.5vw; line-height:inherit;}
	#subscript_modal .inner .inputWrap.checkbox input[type=checkbox]+label::before {width:1.5vw; height:1.5vw; top:0;}
}
@media only screen and (max-width:800px) {
	#header {height:60px;}
	#header a.logo img {height:40px;}
	#header .left {font-size:12px;}
	#header .left .volList {width:90px; height:28px;}
	#header .left .volList button {height:28px; line-height:28px; padding:0 7px;}
	#header .left .volList button span {padding-left:5px; bottom:0;}
	#header .left .volList.active button span {padding-right:5px; bottom:-1px;}
	#header .left .volList .list {padding:0 0 0 5px;}
	#header .left .volList .list li a {height:28px; line-height:30px; padding:0 5px;}
	#header .left .subscript {height:28px; line-height:28px; padding:0 10px;}
	#header .left .subscript span:before {width:13px; height:10px;}
	#header .right a.sns {padding:0 3px;}
	#header .right a.sns img {height:20px;}
	
	#footer {font-size:12px; line-height:16px; padding:30px 0;}
	#footer .logoArea img {height:46px;}

	#subscript_modal .inner {border-radius:30px; border:4px solid #fcb859; font-size:1.8vw; padding:6vw 6vw 4vw;}
	#subscript_modal .inner .inputWrap.text input[type=text] {font-size:1.8vw;}
}
@media only screen and (max-width:600px) {
	#header {padding:0 10px;}
	#header .left .subscript span:before {display:none;}

	#footer {padding:20px 0;}
	#footer #wrap {justify-content:center; align-items:center;}
	#footer .logoArea {order:1; width:auto; display:inline-block; margin-right:15px;}
	#footer .address {order:3; margin-top:15px;}
	#footer .info {order:2; padding:10px 0 5px 15px; border-left:1px solid #ccc;}
	#footer .info li {margin-bottom:3px;}
	#footer span {margin-left:5px;}

	#footer .w600_show {width:100%; display:flex; justify-content:flex-start; align-items:center; margin-bottom:10px;}
	#footer .w600_show a.sns {height:auto; padding:0; margin:0 3vw 0 0;}
	#footer .w600_show a.sns img {height:18px; opacity:0.7;}

	#subscript_modal .inner {font-size:3.2vw; line-height:4.2vw; padding:8vw 6vw 6vw;}
	#subscript_modal .inner .titleWrap {font-size:1.8em; margin-bottom:6vw;}
	#subscript_modal .inner .titleWrap:before {width:6vw; height:4.2vw; left:-10px; bottom:70%;}
	#subscript_modal .inner .agreeWrap {margin-top:4vw;}
	#subscript_modal .inner .inputWrap {height:6vw; margin-bottom:2vw;}
	#subscript_modal .inner .inputWrap.text label {line-height:inherit;}
	#subscript_modal .inner .inputWrap.text input[type=text] {width:calc(100% - 18vw); height:auto; font-size:3vw; line-height:inherit; padding-bottom:1.8vw;}
	#subscript_modal .inner .inputWrap.checkbox {height:2.8vw; font-size:0.9em; line-height:inherit;}
	#subscript_modal .inner .inputWrap.checkbox input[type=checkbox]+label::before {width:2.8vw; height:2.8vw;}
	#subscript_modal .inner .btnWrap {margin-top:4vw;}
	#subscript_modal .inner .btnWrap button {padding:2vw 8vw 1.5vw;}
	#subscript_modal .inner .closeBtn {width:7vw; height:7vw; top:6vw; right:6vw;}
}
@media only screen and (max-width:500px) {
	#header {height:50px; flex-flow:row-reverse;}
	#header a.logo img {height:30px;}
	#header .left {flex-flow:row-reverse; font-size:11px;}
	#header .left .volList {height:25px;}
	#header .left .volList button {height:25px; line-height:25px; padding:0 10px;}
	#header .left .volList button span {bottom:2px;}
	#header .left .volList.active button span {bottom:2px;}
	#header .left .volList .list li a {height:25px; line-height:25px; padding:0 5px;}
	#header .left .subscript {height:25px; line-height:25px; margin-left:0; margin-right:5px;}
	#header .right {display:none;}

	#footer .logoArea img {height:38px;}
	#footer .address b {display:block;}
}