@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:nth-child(2) {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 {margin-top:200px;}
#main h3 {font-size:28px; font-family: 'GmarketSansMedium'; text-align: center;}
#main ul {position:relative; top:25px; left:70px;}
#main ul li {float:left; margin-right:70px; font-size:20px;font-family: 'GmarketSansMedium';}
#main ul li:last-child{margin-right:0;}
#main ul li a{color:#444;}
#main ul li a:hover {color:#0018e9;}

#main p {margin-top:220px; font-size:24px; font-family: 'GmarketSansMedium'; margin-bottom:25px;}
#main p img {padding-left:15px;}
#main span {display: block; line-height:2;}
#main span i {width:8px; height:8px; background:#ccc; border-radius: 100%; display: inline-block; margin-right:10px;}
#main .sb {position:absolute; top:200px; right:0;}

#sub1 {margin-top:250px;}
#sub1 h3 {position:absolute;top:0; right:390px; font-size:24px; font-family: 'GmarketSansMedium';}
#sub1 h3 img {padding-left:15px;}
#sub1 p {position:absolute; top:40px; right:160px; display: block; font-family: 'GmarketSansMedium';}
#sub1 a {display: inline-block; border:2px solid #0018e9; width:20px; margin-bottom:5px; margin-right:15px;}
#sub1 .gg {position:absolute; top:100px; right:135px;}
#sub1 span {line-height:2; display: block;}
#sub1 span i {width:8px; height:8px; background:#ccc; border-radius: 100%; display: inline-block; margin-right:10px;}


#sub2 {margin-top:150px;}
#sub2 p {font-size:20px; font-family: 'GmarketSansMedium'; margin-bottom:25px; padding-top:80px;}
#sub2 em {display: inline-block; border:2px solid #0018e9; width:20px; margin-bottom:5px; margin-right:15px;}
#sub2 img {position:absolute; top:0; right:0;}
#sub2 span {display: block;  line-height:2;}
#sub2 span i {width:8px; height:8px; background:#ccc; border-radius: 100%; display: inline-block; margin-right:10px;}


#sub3 {margin-top:250px; height:1200px;}
#sub3 h3 {font-size:24px; font-family: 'GmarketSansMedium'; padding-top:15px;}
#sub3 h3 img {padding-right:15px; width:50px; position:relative; bottom:8px;}
#sub3 p {margin-left:67px; font-weight: 600;}
#sub3 .sb4 {margin-top:50px;}




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;}