@charset "utf-8";

/* Common */
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:14px;font-family:'Nanum Gothic',Dotum,AppleGothic,sans-serif;font-weight:400}
img,fieldset{border:0;}
img{vertical-align:top}
ul,ol{list-style:none;}
em,address{font-style:normal}
a{color:black;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}

.blind{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
/* // Common */

/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

body{background-color:#111111}
.container{position:relative;width:1170px;margin:0 auto}

#header{height:84px;background:#fdfdfd}
#header .container{padding:18px 0 22px}
#header .gnb{position:absolute;top:10px;right:0}
#header .gnb ul{;}
#header .gnb ul li{float:left;margin-right:20px;}
#header .gnb ul li a{font-size:10px;color:#8d8d8d}
#header .lnb{position:absolute;top:46px;left:413px;width:800px;}
#header .lnb ul{;}
#header .lnb ul li{float:left;margin-left:60px;}
#header .lnb ul li a{display:block;height:38px;font-weight:800;font-size:14px;letter-spacing:-0.03em;color:#4a5662;text-decoration:none}
#header .lnb ul li a:hover{color:#14a2ee;border-bottom:3px solid #14a2ee}

#footer{padding:40px 0 60px;}
#footer .nav{position:absolute;right:0;bottom:0}

.spot{position:relative;height:619px;overflow:hidden}
.spot .item{position:absolute;width:100%;height:619px;}
.spot .item .cont{position:relative;margin:0 auto}
.spot .nav{position:absolute;bottom:20px;left:50%;margin-left:100px;text-align:center;}
.spot .nav a{display:inline-block;width:23px;height:23px;margin-right:9px;background:url(/images/20140529/ico_bullet_01.png) 0 0 no-repeat}
.spot .nav a.on{background-position:0 -23px}

#main-nav{height:85px;background-color:#14a2ee}
#main-nav ul{width:1170px;margin:0 auto;}
#main-nav ul li{float:left;width:20%;text-align:center}

#main{height:677px;background:url(/images/20140529/bg_main.png) repeat-x;}
#main .colgroup{width:964px;margin:0 auto;padding:14px 0 0;overflow:hidden}
#main .colgroup .col-01{float:left;margin-right:20px;}
#main .colgroup .item{position:relative;width:308px;height:200px;margin-bottom:20px;background-color:#000;overflow:hidden}
#main .colgroup .item .icon{position:absolute;top:0;left:0;padding:38px 0 0 90px;z-index:10}
#main .colgroup .item .over{display:none;position:absolute;top:0;left:0;z-index:100}
#main .colgroup .col-02{float:left;width:308px;height:420px;margin-right:20px;overflow:hidden}
#main .colgroup .col-03{float:left}
#main .swipe {overflow: hidden;visibility: hidden;position: relative;}
#main .swipe .bullets{position:absolute;right:20px;bottom:10px}
#main .swipe .bullets ul{;}
#main .swipe .bullets ul li{float:left;margin-right:5px;}
#main .swipe .bullets ul li a{display:block;width:15px;height:15px;background:url(/images/20140529/ico_bullet_02.png) 0 0 no-repeat}
#main .swipe .bullets ul li a.on{background-position:0 -15px}
#main .swipe-wrap {overflow: hidden;position: relative;}
#main .swipe-wrap > div {float:left;width:100%;position: relative;}
#main .banner_01{padding:30px 0;text-align:center}
#main .banner_01 img{margin:0 30px;vertical-align:bottom}
#main .banner_02{padding:20px 0;text-align:center}
#main .banner_02 a{margin:0 30px}