html {overflow-y:scroll;min-width:340px;  }
body {margin:0;padding:0;font-size:0.75em; height:100%;font-family: 'Pretendard'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  position: relative; width: 100%; min-width:340px; margin:0 auto;} 
body::-webkit-scrollbar {
    width: 7px;
 }
body::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
 }
body::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0);
    border-radius: 10px;
}
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';}
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';}
input, button {margin:0;padding:0;font-size:1em;font-family: 'Pretendard';;}
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';}
textarea {border-radius:0;-webkit-appearance:none;font-family: 'Pretendard';;}
select {margin:0;background:none;font-family: 'Pretendard';}
p {margin:0;padding:0;word-break:break-all; font-family: 'Pretendard';}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; font-weight:400; font-family: 'Pretendard'; }
ul,li,dl,dt,dd {padding:0;margin:0; font-family: 'Pretendard';}
ul {list-style:none}
*,:after,:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
input[type="text"]::placeholder {color:#bbb}
textarea::placeholder {color:#bbb}


.header--fixed{position:fixed;z-index:10;right:0;left:0;top:0}
.slideDown {display: block;}
.headroom--not-top {background:#fff; height:115px;}
.headroom--top {top:0; }
.slideUp {background:#fff; height:115px;}

.header {height:135px; width:100%; padding:50px 60px; transition: .3s; background:#fff; z-index: 10;}
.header:after {content:''; clear: both; display: table;}

.header .bar {float:left; border:none ;background:none; margin-right:22px; margin-top:1px;}
.header .left {float:left; border:none; background:none;  position: relative}
.header .left a.link {font-size:13px; color:#111; font-family: 'GmarketSansMedium'; font-weight:600; padding-bottom:15px;}
.header .left .com_menu {height:0px; overflow: hidden; position: absolute; left:50%; top:35px; transform: translate(-50%,0); width:150px; background:rgba(255,255,255,1); backdrop-filter: blur(20px); border-radius:15px; transition: .5s;}
.header .left .com_menu button {width:100%; border:none; background:none; padding:7px 0;  text-align: center; font-size:15px; font-weight:400; color:#444; transition: .3s;}
.header .left .com_menu button:hover {color:#111;}
.header .left .com_menu button:first-child {padding-top:18px; }
.header .left .com_menu button:last-child {padding-bottom:18px;}
.header .left:hover .com_menu {height:86px;}


.header .menu_close {float:left; border:none ;background:none; margin-right:22px; margin-top:1px; width:26px; height:20px; position: relative; display: none;}
.header .menu_close img {width:40px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}

.header .logo {position: absolute; left:50%; top:34px; transform: translate(-50%,0); text-align: center; transition: .3s;}
.header .logo a {display: inline-block;}
.header .logo img {width:142px; transition: .3s;}
.header .logo span {margin-top:8px; font-family: 'GmarketSansMedium'; font-size:11px; transition: .3s; display: none;}

.headroom--not-top {height:80px; padding-top:27px; box-shadow: 0 5px 15px rgba(0,0,0,.05)}
.headroom--not-top .logo span {opacity: 0;}
.headroom--not-top .logo {top:16px}
.headroom--not-top .logo img {width:106px;}

.header.white {background:rgba(255,255,255,0); filter: invert(1);}
.header.white .logo {filter:brightness(0)}


.hd_menu_overlay {width:4em; height:4em; border-radius:50%; background:rgba(255,255,255,0); transition: 1.7s; z-index: 8; position: fixed; left:0; top:0; transform: scale(1);}
.hd_menu_overlay.on {transform: scale(110); background:#000000ad;     backdrop-filter: blur(1px);}
.hd_menu {position: fixed; left:-100%; top:0; width:100%; height:100%; background:none;  z-index:9; overflow: hidden; opacity: 0; transition: 1.2s;}
.hd_menu.on {left:0; opacity: 1;}
.hd_menu ul {max-width:500px; width:100%; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.hd_menu ul li {font-size:40px; color:#666;  display: inline-block; position: relative; padding:15px 0; cursor: pointer; transition: .3s; width:270px;}
.hd_menu ul li .link {position: absolute; right:0; margin-right:-195px; top:15px; text-align: left; width:200px; line-height:.6em; opacity: 0; transition: .3s; padding-left:70px;}
.hd_menu ul li .link a {display: inline-block; font-size:20px; color:#cfcfcf; font-weight:300; border-bottom:1px solid rgba(255,255,255,.0); transition: .3s;}
.hd_menu ul li .link a:hover {color:#fff; border-bottom:1px solid #fff}
.hd_menu ul li>a {color:#909090; transition: .3s;}
.hd_menu ul li:hover {color:#fff;}
.hd_menu ul li>a:hover {color:#fff;}

.hd_menu .login {position: absolute; left:40px; bottom:40px; font-size:14px; color:#fff ;border:none; background:none; font-weight:300;}
.hd_menu .login img {margin:-2px 7px 0 0; width:20px;}

.hd_menu ul li:hover .link {opacity: 1;}


@media screen and (min-width:767px) {

	.header nav {float:right; margin-top:4px;}
	.header nav ul>li {float:left; margin-left:55px; position: relative; padding-bottom:16px;}
	.header nav ul>li:first-child {margin-left:0;}
	.header nav ul>li>a {display: inline-block; font-size:16px; color:#111; font-weight:500; }
	.header nav ul>li>ul {height:0px; overflow: hidden; position: absolute; left:50%; top:35px; transform: translate(-50%,0); width:150px; background:rgba(255,255,255,1); backdrop-filter: blur(20px); border-radius:15px; transition: .5s;}
	.header nav ul>li>ul>li {display: inline-block; width:100%; margin-left:0; float:initial; padding-bottom:0px;}
	.header nav ul>li>ul>li a {display: inline-block; width:100%; padding:7px 0; text-align: center; font-size:15px; font-weight:400; color:#444; transition: .3s;}
	.header nav ul>li>ul>li a:hover {color:#111;}
	.header nav ul>li>ul>li:first-child a {padding-top:18px; }
	.header nav ul>li>ul>li:last-child a {padding-bottom:18px;}
	.header nav ul>li:hover>ul.ul1 {height:150px;}
	.header nav ul>li:hover>ul.ul2 {height:117px;}
}



@media screen and (max-width:1200px) {
	.header nav {display: none;}
	.header {padding:28px 25px; height:80px;}
	.header .logo {top:14px;}
	.header .logo img {width:105px;}
	.header .logo span {margin-top:2px; font-size:9px;}

	.header .bar img {width:24px;}
	.header .left {display: none;}
}


@media screen and (max-width:1023px) {
	.header {height:60px; padding:19px 25px;}

    .hd_menu ul {width:100%; padding:0 60px;}
    .hd_menu ul li {font-size:35px;}
    .hd_menu ul li>a {font-size:35px;}
}

@media screen and (max-width:767px) {
	.header {background:none;}
	.header .bar {margin-top:6px; transition: .3s;}
	.header {background:rgba(255,255,255,0); filter: invert(1);}
	.header .logo {filter:brightness(0)}
	.headroom--not-top {background:#fff;}
	.headroom--not-top .logo {filter:initial}
	.headroom--not-top .bar {margin-top:1px;}
	.headroom--not-top {background:#fff; filter:invert(0);}
	.header .logo {top:11px;}
	.header .logo img {width:88px;}

	.hd_menu ul {padding:0 40px;}
	.hd_menu ul li .link {height:0; overflow: hidden; transition: .3s; position: relative; margin-right:0; top:0; padding-left:0; padding-left:3px;}
	.hd_menu ul li .link a {display: inline-block; width:100%; font-size:18px; margin-bottom:5px;}
	.hd_menu ul li:hover .link1 {height:128px; margin-top:15px;}
	.hd_menu ul li:hover .link2 {height:98px; margin-top:15px;}
	.hd_menu ul li:hover .link3 {height:68px; margin-top:15px;}
}










footer {width:100%; text-align: center; padding:40px 0 35px 0px; background:#F8F8F8;}
footer .logo {width:115px; }
footer .txt {margin-top:25px; padding:0 25px;}
footer .txt span {display: inline-block; margin-right:22px; position: relative; font-size:13px; color:#777; margin-bottom:5px;}
footer .txt span:after {content:''; position: absolute; right:-14px; height:11px; top:2px; width:2px; background:#aeaeae;}
footer .txt span:nth-child(3),footer .txt span:nth-child(6) {margin-right:0;}
footer .txt span:nth-child(3):after, footer .txt span:nth-child(6):after {content:none;}
footer .copy {margin-top:30px; padding:30px 25px 0 25px; border-top:1px solid #e4e4e4; font-size:13px; color:#777;}











.sub_cont {height:390px; margin-top:135px; border-radius:50px 50px 0 0; width:100%; padding:85px 90px; position: relative;}
.sub_cont.bg1 {background:url('../img/sub_cont1.jpg')no-repeat center; background-size:cover;}
.sub_cont.bg2 {background:url('../img/sub_cont2.jpg')no-repeat center; background-size:cover;}
.sub_cont.bg3 {background:url('../img/sub_cont3.jpg')no-repeat center; background-size:cover;}
.sub_cont.bg4 {background:url('../img/sub_cont4.jpg')no-repeat center; background-size:cover;}
.sub_cont.bg5 {background:url('../img/sub_cont5.jpg')no-repeat center; background-size:cover;}
.sub_cont.bg6 {background:url('../img/sub_cont6.jpg')no-repeat center; background-size:cover;}
.sub_cont.bg7 {background:url('../img/sub_cont7.jpg')no-repeat center; background-size:cover;}

.sub_cont h2 {font-size:35px; color:#fff; font-weight:300; line-height:1.2em;}
.sub_cont h2 b {font-weight:600;}
.sub_cont p {margin-top:20px; font-size:15px; color:#fff; font-weight:100; line-height:1.5em;}
.sub_cont p b {font-weight:600;}
.sub_cont span { position:absolute; right:90px; bottom:110px; font-size:14px; color:#fff; font-weight:200;}
.sub_cont span:after {content:'';  position: absolute; left:-140px; width:125px; height:1px; background:#fff; top:8px}

.bg2 {height:480px;}
.bg2 .tag {margin-top:95px;}
.bg2 .tag:after {content:''; clear:both; display: table;}
.bg2 .tag em {font-style:initial; font-size:13.5px; font-weight:300; border:1px solid #fff; color:#fff; border-radius:50px; padding:10px 20px; float:left; margin-right:7px;}
.bg2 .tag em:last-child {margin-right:0;}

.contents {margin-top:-73px; background:#fff; border-radius:50px 50px 0 0; position: relative; z-index: 1; }


@media screen and (max-width:1200px) {
	.sub_cont {margin-top:80px; padding:65px 60px; border-radius:40px 40px 0 0; height:340px;}
	.contents {border-radius:40px 40px 0 0;}
	.sub_cont span {right:40px; bottom:100px; display: none; font-size:13px;}
	.sub_cont span:after {width:90px; left:-100px}
	.sub_cont h2 {font-size:30px;}
	.sub_cont p {margin-top:20px;}

	.bg2 {height:400px;}
	.bg2 .tag {margin-top:50px;}
}

@media screen and (max-width:767px) {
	.sub_cont {padding:35px 30px; border-radius:0; height:240px; margin-top:0; position: fixed; left:0; top:0; width:100%;}
	.sub_cont h2 {font-size:18px; line-height:1.3em; display: none;}
	.sub_cont p br {display: none;}
	.sub_cont p {font-size:13px; margin-top:10px; display: none;}
	.sub_cont span {position: relative; right:0; bottom:0; display: inline-block; margin-top:25px; padding-left:2px; display: none;}
	.sub_cont span:after {left:initial; right:-55px; width:45px;}
	.bg2 .tag {display: none;}

	.contents {border-radius:30px 30px 0 0; margin-top:210px;}

}


.hide {
	display: none !important;
}