@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }

*{margin:0; padding:0;} li{list-style: none;} a{text-decoration: none;} img{vertical-align: top;}
.wrap {width:1300px; margin:0 auto; position:relative;}
body, html {height:100%; font-family: 'GmarketSansLight';}
h2{position:absolute; left:-9999px;}


/* header */
header{ height:110px;}
header .logo img{margin-top:10px;}
header .wrap ul {position:relative; bottom:40px; left:190px;}
header .wrap ul li {float:left; margin-right:55px; font-size:20px;}
header .wrap ul li:first-child{border-bottom:5px solid #00aef4; padding-bottom:30px;}
header .wrap ul li a{color:#000; font-family: 'GmarketSansMedium';}
header .search {position:absolute; top:28px; right:0;}


.bar {margin-top:20px;}
.bar img {height:130px; position:relative; left:0; bottom:40px; width:100%;}
.bar h3 {color:#fff; font-size:26px; font-family: 'GmarketSansMedium'; position:absolute; top:145px; left:300px;}
.bar ul {position:absolute; top:153px; left:450px;}
.bar ul li {float:left; font-size:18px; margin-right:25px;}
.bar ul li a {color:#fff;}



#main {height:500px; margin-top:200px;}
#main h3 {font-size:30px; text-align: center;}
#main p {font-size:20px; font-weight: 600; position:absolute; top:110px; left:250px; line-height:1.8;}
#main span {color:#3763df; position:relative; top:150px; left:32px; font-family: 'GmarketSansMedium';}
#main .go {background:#0977d4; width:230px; height:60px; line-height:65px; text-align: center; display: block; color:#fff; position:absolute; right:0; top:120px;}
#main ul {position:relative; left:8px; top:100px;}
#main ul li {width:19%; background:#eee; float:left; margin-right:6px; height:60px; font-size:20px; text-align: center; line-height:60px;}
#main ul li:last-child{margin-right:0;}
#main ul li a {color:#666; display: block;}
#main ul li a:hover {background:#0977d4; color:#fff;}


#sub { height:800px; margin-top:70px;}
#sub h3 {font-size:42px; color:#3372e7; text-align: center;}
#sub p {text-align: center; padding-top:15px;font-size:24px; font-family: 'GmarketSansMedium';}
#sub img {margin-top:25px;}
#sub strong {font-size:18px; line-height:1.8; padding-top:15px; display: block;}
#sub strong span {display: inline-block; font-size:18px;}


#sub1 { height:2050px;margin-top:30px;}
#sub1 h3 {font-size:30px; text-align: center;}
#sub1 iframe {margin-top:25px;}
#sub1 p {line-height:2; font-weight: 600; padding-top:20px;}










footer {background:#000; height:235px; position:relative; font-family: 'NanumSquare'; bottom:200px;}
footer img {position:absolute;left:30px; top:32px; width:45px;}
footer ul {width:500px; position:absolute; left:150px; top:30px;}
footer ul li {display: inline-block; margin-right:30px; line-height:3;}
footer ul li a {color:#aaa;}
footer address {color:#aaa; font-style: normal; font-size:12px; position:relative; top:140px; left:150px;}
footer dl { position:absolute; right:250px; line-height:3; top:28px;}
footer dl dt {color:#aaa;}
footer dl dd {color:#aaa;}