@charset "UTF-8";

@import url("../fonts/NotoSansKR/NotoSansKR.css");
@import url("../fonts/GmarketSans/GmarketSans.css");

*{outline:none;text-shadow:none;box-shadow:none;-webkit-text-size-adjust:none;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;}

input,select,textarea{-ms-user-select:auto;-moz-user-select:auto;-webkit-user-select:auto;-khtml-user-select:auto;user-select:auto;}

html{margin:0;padding:0;overflow:hidden;}
body{position:relative;margin:0;padding:0;font-family:"Noto Sans KR",Sans-serif;background-color:#ffffff;}

/*sitewidth : 1200px*/
.sitewidth{margin:0 auto;max-width:1260px;padding:0 30px;box-sizing:border-box;}

/* 스크린 리더 전용 텍스트 (접근성) */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

@media all and (max-width:1260px){
	.sitewidth{padding:0 2.38vw;}
}


.inner{position:relative;}
.inner_box{position:relative;}


.scroll-wrapper{position:fixed !important;left:0;top:0;width:100%;height:100%;}
#wrap{position:relative;}

#header{position:relative;height:110px;background-color:#ffffff;}
#header .inner{height:100%;}
#header .inner_box{height:100%;}
#header .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:179px;background-image:url(../img/layout/logo.png);background-size:100%;background-position:center center;background-repeat:no-repeat;}
#header .logo:before{content:"";display:block;padding-bottom:44.2%;}

@media all and (max-width:720px){
	#header{height:50px;}
	#header .logo{width:92px;background-image:url(../img/layout/logo_mobile.png);}
	#header .logo:before{padding-bottom:27.6%;}
}


#content{position:relative;min-height:500px;}


#footer{position:relative;height:130px;background-color:#282728;}
#footer .inner{height:100%;}
#footer .inner_box{height:100%;}
#footer .company_info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:0;white-space:nowrap;}
#footer .company_info:after{content:"";display:block;clear:both;}
#footer .company_info .logo{position:relative;display:inline-block;vertical-align:middle;margin-right:50px;width:197px;background-image:url(../img/layout/logo_footer.png);background-size:100%;background-position:center center;background-repeat:no-repeat;}
#footer .company_info .logo:before{content:"";display:block;padding-bottom:27.42%;}
#footer .company_info .info{position:relative;display:inline-block;vertical-align:middle;font-size:16px;line-height:1.5;color:#ffffff;font-weight:400;}
#footer .company_info .info a{text-decoration:none;color:#ffffff;}

@media all and (max-width:1000px){
	#footer .company_info .logo{width:150px;margin-right:25px;}
	#footer .company_info .info{font-size:15px;}
}
@media all and (max-width:720px){
	#footer{position:relative;height:115px;height:15.97vw;}
	#footer .company_info .logo{display:none;}
	#footer .company_info .info{text-align:center;font-size:17px;line-height:1.7;font-size:2.36vw;}
}


#go_to_top{position:fixed;margin:0;padding:0;right:15px;bottom:calc(123px + 15px);width:65px;height:65px;font-size:0;color:transparent;border:0;border-radius:50%;-webkit-appearance:none;background-color:transparent;background-position:center center;background-size:100%;background-image:url(../img/layout/go_to_top.png);cursor:pointer;box-shadow: 1px 3px 10px -1px grey;}
#go_to_top.pin{bottom:15px;}

@media all and (max-width:1260px){
	#go_to_top{bottom:calc(9.76vw + 15px);}
}
@media all and (max-width:720px){
	#go_to_top{bottom:calc(13.33vw + 15px);width:50px;height:50px;}
}