html {overflow-y:scroll;min-width:340px;  }
body {margin:0;padding:0;font-size:0.75em; height:100%;font-family: 'Pretendard-Regular'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  position: relative; width: 100%; letter-spacing:.3px; min-width:340px; margin:0 auto;} 
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Pretendard-Regular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; font-family: 'Pretendard-Regular';}
input, button {margin:0;padding:0;font-size:1em;font-family: 'Pretendard-Regular';;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em; -webkit-appearance:none}
textarea, select {font-size:1em;font-family: 'Pretendard-Regular';}
textarea {border-radius:0;-webkit-appearance:none;font-family: 'Pretendard-Regular';;}
select {margin:0;background:none;font-family: 'Pretendard-Regular';}
p {margin:0;padding:0;word-break:break-all; font-family: 'Pretendard-Regular';}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; font-weight:400; font-family: 'Pretendard-Regular'; }
ul,li,dl,dt,dd {padding:0;margin:0; font-family: 'Pretendard-Regular';}
ul {list-style:none}
*,:after,:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


.header--fixed{position:fixed;z-index:10;right:0;left:0;top:0}
.slideDown {display: block;}
.headroom--not-top {top:-48px; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.slideUp {top:-140px;}

.header {height:140px; width:100%; padding:30px 0px; transition: .3s; background:#fff;}
.header:hover {background:#fff;}
.header:after {content:''; clear: both; display: table;}

.header .header_wid {max-width:1400px; margin:0 auto ; width:100%; position: relative; height:100%;}

.header .tnb {width:100%; position: relative;}
.header .tnb p {color:#000; font-size:14px;}
.header .tnb p b {font-family: 'Pretendard-Bold';}
.header .tnb p a {color:#2F37FF; display: inline-block; margin-left:14px}
.header .tnb p a img {margin-left:10px;}
.header .tnb .admin_btn {position: absolute; right:13px; top:-4px; }
.header .tnb .admin_btn img {width:25px;}

.header .logo {float:left; margin-top:35px; position: relative; z-index: 1; transition: .3s;}


@media screen and (min-width:950px) {
.header nav {position: absolute; bottom:0px;  width:100%; z-index: 0; left:0;}
.header nav ul {text-align:center;}
.header nav ul li {display: inline-block; padding:0 30px 6px 30px; font-size:16px; position: relative;}
.header nav ul li a {color:#000; display: inline-block;  font-family: 'Pretendard-Medium';} 
.header nav ul li ul {display: none; position: absolute; top:42px; text-align:left; left:0; width:300px; padding-top:30px;}
.header nav ul li:nth-child(2) ul {width:420px;}
.header nav ul li:nth-child(3) ul {width:320px;}
.header nav ul li a img {display: none;}
.header nav ul li ul:after {content:''; position: fixed; left:0; top:92px; z-index: -1; width:100%; height:55px; background:#222;}
.header nav ul li ul li {display: inline-block; padding-left:30px; padding-right:0;}
.header nav ul li ul li a {font-family: 'Pretendard-Light'; color:#888; transition: .3s;}
.header nav ul li ul li a:hover {color:#14B7C5}
.header nav ul li:hover ul {display: block;}
.headroom--top nav ul li ul:after {content:''; top:140px;}
.header nav .close {display: none;}

.header nav ul li.mo_last {display: none;}
}

.header .r_con {float:right; width:200px; margin-top:29px; position: relative; z-index: 1;}
.header .r_con .a2 {float:right; color:#999;  font-size:14px; background:#fff; padding:9px 16px; font-family: 'Pretendard-Medium';}
.header .r_con .mo_open {display: none;}
.header .r_con .con_box .c_more {position: absolute; top:35px; background:#000; padding:15px 0 10px 0; left:-20px; height:0; overflow: hidden; opacity: 0; width:125px;}
.header .r_con .con_box .c_more a {display: inline-block; padding:7px 0; width:100%; text-align:center; color:#fff; font-size:14px;}
.header .r_con .con_box:hover .c_more {height:auto; opacity: 1;}

@media screen and (max-width:1400px){
	.header .header_wid {padding:0 30px;}
}

@media screen and (max-width:1150px) and (min-width:950px) {
	.header nav ul li {padding:0 15px 37px 15px; font-size:14px;} 
	.header nav {bottom:-28px; }

	.header .tnb .admin_btn {display:none;}
}

@media screen and (max-width:950px) {
	.header .tnb .admin_btn {display:none;}
	.header {height:137px;}
	.headroom--not-top {top:-51px; }
	.slideUp {top:-140px;}
	.header.on .logo {position: fixed; top:40px; z-index: 11; margin-top:-12px; margin-left:10px;}
	.header .logo {margin-top:37px}
	.header nav {position: fixed; right:-100%; top:0; background:#fff; padding: 90px 40px 0 40px; width:100%; height:100%; z-index: 10; transition: .3s}
	.header.on nav {right:0;}

	.header .r_con {width:160px; }
	.header .r_con .a1 {display: none;}
	.header .r_con .con_box .c_more {display: none;}
	.header .r_con .a2 {float:left; display: none;}
	.header .r_con .mo_open {display: block; float:right; margin-top:9px;}
	.header .r_con .mo_open img {    filter: invert(1);}

	.header nav {display: block; overflow-y: scroll;}
	.header nav::-webkit-scrollbar {display: none;}
	.header nav .close {position: absolute; right:20px; top:20px; border:none; background:none; }
	.header nav .close img {width:22px; filter: brightness(0);}
	.header nav ul li {font-size:14px; cursor: pointer;}
	.header nav ul li a {color:#222;}
	.header nav ul li a.mo_link {pointer-events: none; }
	.header nav ul>li>a {font-size:18px; display: inline-block; width:100%; padding:15px 0; }
	.header nav ul>li>a img {transform: rotate(-90deg); width:13px; float:right; margin-top:6px; transition: .3s; filter: brightness(0);}
	.header nav ul>li ul {margin-bottom:30px; transition: .3s; height:0; overflow: hidden; margin-bottom:0px; transition: .3s;}
	.header nav ul>li ul li a {font-size:15px; padding:7px 0; color:#999;}
	.header nav ul li.on ul {height:auto; margin-bottom:40px;}
	.header nav ul li.on a img {transform: rotate(0deg);}
	.header nav ul li.mo_last {display: block;}
	.header nav ul>li.mo_last1 {padding-top:10px; border-top:1px solid #eee; margin-top:20px;}
	.header nav ul>li.mo_last a {font-size:14px; color:#999; display: inline-block; width: auto; margin-right:25px;}

	.header nav ul>li .c_img {float:inherit; margin-top:-3px; transform: rotate(0); margin-right:9px; width:17px;}

	.header nav li.admin_btn{display:none;}
}

@media screen and (max-width:550px) {
	.header .tnb .admin_btn {display:none;}
	.header .header_wid {padding:0;}
	.header {padding:20px 20px; height:110px;}	
	.header .tnb p {font-size:12px;}
	.header .tnb .admin_btn {right:-5px; top:-3px;}
	.header .tnb .admin_btn img {width:22px;}

	.header .logo img {width:120px;}
	.header nav {padding: 100px 30px 0 30px;}
	.header .r_con {width:130px;}
	.header .r_con .mo_open img {width:22px; filter:brightness(0);}
	.header .r_con .a2 {font-size:12px; padding:7px 14px;}
}







footer {background:#FAFAFA}
footer .ft_wid {padding:90px 0px 55px 0px; max-width:1400px; margin:0 auto; position: relative;}
footer .logo img {width:145px; margin-bottom:35px;}

footer .txt span {font-size:16px; color:#b9b9b9; display: inline-block; margin-right:50px; position: relative; margin-bottom:2px; line-height:1.45em; font-family: 'Pretendard-Light';}
footer .txt span.s1:after {content:''; position: absolute; right:-30px; top:3px; height:15px; width:1px; background:#eee;} 

footer .middle {position: absolute;  right:0; top:90px; }
footer .middle ul:after {content:''; clear: both; display: table;}
footer .middle ul li {float:left; margin-left:60px; position: relative;}
footer .middle ul li:after {content:''; position: absolute; right:-30px; top:3px; height:15px; width:1px; background:#333;} 
footer .middle ul>li:last-child:after {content:none;}
footer .middle ul li a {color:#000;  font-size:16px; font-family: 'Pretendard-Medium';}

footer .sns {margin-top:150px; }
footer .sns p {color:#fff; font-size:13px; position: relative;}
footer .sns p:after {content:''; position: absolute; width:55px; left:90px; top:6px; height:1px; background:#fff;}
footer .sns a {display: inline-block; margin-right:8px; margin-left:-4px;}

footer .ft_copy {margin-top:35px; border-top:1px solid #F1F1F1; padding:40px 0px;}
footer .ft_copy .copy_wid {max-width:1400px; margin:0 auto;}
footer .ft_copy span {color:#DFDFDF; font-size:14px; font-family: 'Pretendard-ExtraLight'; }
footer .ft_copy a {float:right; color:#fff; font-size:13px; }

@media screen and (max-width:1400px ) {
	footer .ft_wid {padding:90px 30px 55px 30px;}
	footer .middle {right:30px;}
}

@media screen and (max-width:900px ) {
	footer .middle {width:100%; position: relative; right:0; top:0px; margin-top:60px;}
	footer .middle ul li {margin-right:60px; margin-left:0;}
	footer .middle ul li:last-child {margin-right:0;}
	footer .ft_copy .copy_wid {padding:0 30px;}
	footer .txt span {font-size:14px;}
}

@media screen and (max-width:550px ) {
	footer .ft_wid {padding:70px 20px 0 20px;}
	footer .txt span {font-size:12px; margin-right:20px;}
	footer .txt span.s1:after {content:none;}
	footer .middle {top:0; margin-top:40px;}
	footer .middle ul li ul {display: none;}
	footer .middle ul li {width:auto; float:inherit; display: inline-block; margin-right:20px; margin-bottom:15px;}
	footer .middle ul li a {font-size:13px;}
	footer .middle ul li:after {right:-12px; top:2px; height:13px;}
	footer .sns {margin-top:80px;}

	footer .ft_copy {padding:30px 0px;}
	footer .ft_copy .copy_wid {padding:0 20px;}
	footer .ft_copy span {font-size:12px; }
	footer .ft_copy a {font-size:12px;}
}