@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(3){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:700px; margin-top:200px;}
#main h3 {font-size:30px; text-align: center;}
#main p {font-size:20px; padding-top:50px; margin-bottom:60px; display: block;}
#main p img {position:relative; bottom:17px; padding-right:10px;}


#sub {margin-top:180px; height:700px;}
#sub h3{font-size:24px;}
#sub h3 img {padding-right:10px; position:relative; bottom:15px;}
#sub ul {margin-top:25px;}
#sub ul li {line-height:2; font-size:18px;}
#sub ul li img {padding-right:10px;}
#sub p {font-size:20px; padding-top:100px; font-weight: 700;}
#sub .text {background:#abc8ff; height:80px; width:1300px; margin-top:30px;}
#sub input {width:1000px; height:50px; margin:0 auto; font-size:18px; text-align: center; position:relative; left:130px; top:13px;}
#sub .sea {z-index: 99; position:relative; left:60px; top:25px;}






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