@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url(https://cdn.jsdelivr.net/xeicon/1/xeicon.min.css);
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);
@import url(css/blank.css);

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.05rem;color:inherit;}
html {font-size: 20px;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
ul, li {list-style:none;}
div {display:block;}
html {overflow-y:scroll;height:100%;min-width:320px}
body {height:100%; font-family: "Pretendard Variable", Pretendard, sans-serif; color:#000;}
.inner {width: 30rem; margin: auto;}
.inner2 {width: 29rem; margin: auto;}


.c_default {color:#303030 !important}
.c_lightgray {color:#c8c1b8 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.color1 {color: #6ba4f3 !important;}
.color2 {color: #496182 !important;}


h1,h2,h3 {font-weight:300;line-height:1.3}
h1 {font-size:2.5rem;}
.sizeh1 {font-size: 2.5rem !important;}
h1.small {font-size: 2.2rem;}
h1.big {font-size: 3rem; }
h1.superbig {font-size: 4rem; letter-spacing:-0.02em;}
.h1_giant {font-size: 5rem; letter-spacing:-0.03em;}
h2 {font-size:2rem}
h3 {font-size:1.5rem; }
.sizeh3 {font-size:1.5rem; }
h4 {font-size:1.2rem; font-weight:500; line-height:1.45;}
.sizeh4 {font-size: 1.2rem;}
h5 {font-size:1.1rem; font-weight: 500; line-height:1.6; word-break:keep-all;}
.sizeh5 {font-size: 1.1rem !important;}
h5.small {font-size: 1rem;}
p {font-size:0.9rem; line-height:1.7; color:inherit; word-break:keep-all; }
p.small {font-size:0.8rem; }
p.typeline {font-size:0.63rem; }
sub {font-size: small; }



.loose {letter-spacing: 0.4rem;}
.loose2 {letter-spacing: 0.2rem;}
b {letter-spacing: inherit; font-weight: 600;}
.bold {font-weight: 700 !important;}
.black {font-weight: 800 !important;}




span {color:inherit; letter-spacing: inherit;}

.float {float:left;}
.float_r {float:right}
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.clearfix::after {content:""; clear:both; display: block;}
.inlineblock {display: inline-block;}

.relative {position: relative;}


.flex {display: flex;}
.flex_between {display: flex; justify-content: space-between;}

.col1 {flex: 1;}
.col2 {flex: 2;}
.col3 {flex: 3;}
.col4 {flex: 4;}
.col5 {flex: 5;}
.col6 {flex: 6;}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}



/* 컬럼 설정 */
.w05 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w22 {width: 22%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50% !important;}
.w60 {width: 60%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w100 {width: 100% !important;}







#wrap {width:640px; margin: 0px auto; background:#fff; position: relative;}

h1.logo {width: 7.75rem; height: 2.9rem;  display: block; text-indent: -3333px; cursor: pointer; background: url(images/logo.png) center no-repeat; background-size: contain;}
h1.logo a {display: block;}

/* 공통상단 */
#header {width:100%; height:7rem; float: left; background-color: #fff;}
#header .logo {top:1.8rem; left: 50%; position: absolute; margin-left: -3.875rem;}
#header .menu { position: absolute; top:1.5rem; right: 1.5rem; font-size: 3rem;}



/* 공통 하단 */
#footer {width:100%; background-color: #000; color: #fff; padding: 4rem 0; display: inline-block; position: relative;}

#footer h5 {line-height: 1.8;}

#footer #back-top { color: #fff; display: block; position: absolute; bottom: 3.9rem; right: 1.5rem; }



@media only screen and (max-width:640px) {
	html {font-size: 3.125vw;}


	.tight {letter-spacing:-0.05vw !important;}
	.loose {letter-spacing:1vw !important;}
  .loose2 {letter-spacing: 0.2vw !important;}


	#wrap {width:100%;}	   



}