@charset "utf-8";

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0;}
img,fieldset,span,div{border:0; vertical-align:bottom}
ul,ol{list-style:none}
em,address{font-style:normal}
body,input,textarea,select,button,table {
	font-family:'Nanum Gothic','나눔 고딕','돋움',Dotum,AppleGothic,sans-serif;
	font-size:18px;
	text-align:left;
	word-break:keep-all;
	color:#333
}
a{color:#333; text-decoration:none}
a:hover,a:active,a:focus{color:#ff4e00; text-decoration:none;}

table {width:100%; border-collapse:collapse;}
table caption {display:none}
table thead th {font-size:16px; font-weight:bold; text-align:center; padding:10px; background:#333; color:#fff}
table tbody td {font-size:13px; padding:8px; line-height:18px; border:1px solid #ddd}

form {}
form legend {display:none}
input[type="text"] {width:95%; font-size:18px; padding:15px 0; border:1px solid #cdcdcd}

/* Html5 Reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, address {display:block}

 @font-face {
font-family:'Nanum Gothic';
font-style:normal;
font-weight:normal;
src:url('../font/NanumGothic.eot');
src:url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('../font/NanumGothic.woff') format('woff'),
url('../font/NanumGothic.ttf') format('truetype');
url('../font/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url(‘../font/NanumGothic.woff’) format('woff');
}
---------------------------------------------------------------------------------

/* Common Layout */
#wrap {width:100%; min-width:1400px}
#header {position:relative; width:100%; min-width:1400px; border-bottom:1px solid #ddd}
#container {width:100%; min-width:1400px}
#footer {width:100%; min-width:1400px; background:#0e4d9f}

/* Header */
.header-area {position:relative; width:1280px; height:80px; min-width:1280px; margin:0 auto;}
.logo {float:left; width:108px; margin:15px 85px 0 0}
.logo:after {display:block; clear:both; content:''}
.header-area .gnb-area {float:left; width:40%;}
.header-area .gnb-area:after {display:block; clear:both; content:''}
.header-area .gnb-area li {float:left; position:relative; width:32%; font-weight:bold; font-size:20px}
.header-area .gnb-area li em {font-size:12px; font-weight:normal; color:#666}
.header-area .gnb-area li:hover {color:#ff4e00}
.header-area .gnb-area li a {display:block; width:100%; padding:30px 0 30px; color:#333}
.header-area .gnb-area li a:hover,.header-area ul li a:active,.header-area ul li a:focus {color:#ff4e00}
.header-area .gnb-area li ul {display:none}
.header-area .gnb-area li ul li {width:23%}
.header-area .gnb-area li ul li a {width:100%; padding:24px 0; font-size:16px; color:#fff}
.header-area .gnb-area li ul li a:hover,.header-area .gnb-area li ul li a:active,.header-area .gnb-area li ul li a:focus {color:#fff000}
.header-area .gnb-area li.on ul {display:block; position:absolute; top:78px; width:500px; z-index:101}
.header-area .gnb-area li.on ul ul {width:100%; height:140px; padding:15px 0}
.header-area .gnb-area li.on ul ul li {width:100%}
.header-area .gnb-area li.on ul li.wp22 {width:22%}
.header-area .gnb-area li.on ul li.wp25 {width:25%}
.header-area .gnb-area li.on ul li.wp26 {width:26%}
.header-area .gnb-area li.on ul li.wp29 {width:29%}
.header-area .gnb-area .depth2 {margin-top:-20px}
.header-area .gnb-area .depth2 li {clear:both; font-size:14px}
.header-area .gnb-area .depth2 li a {padding:4px 0; font-weight:normal}
.header-area .gnb-area .depth2 li a:hover,.header-area .gnb-area .depth2 li a:active,.header-area .gnb-area .depth2 li a:focus {text-decoration:underline}

.gnb-bg {display:none; position:absolute; top:81px; padding:20px 0; text-indent:-9999px; width:100%; background:#ff4e00; z-index:100}
.gnb-bg2 {display:none; position:absolute; top:142px; height:180px; text-indent:-9999px; width:100%; background:#333; z-index:99}

.lnb-lang {float:right; width:8%}
.lnb-lang:after {display:block; clear:both; content:''}
.lnb-lang li {float:left; width:50%; font-size:14px; text-align:right;}
.lnb-lang li.last {margin-right:0}
.lnb-lang a {display:block; width:100%; padding:10px 0; color:#666}
.lnb-lang a:hover,.lnb-lang a:active,.lnb-lang a:focus {color:#ff4e00}

.news {position:absolute; top:30px; right:0; width:30%; margin-top:7px; border-radius:4px 0 0 4px; background:#0e4d9f}
.news:after {display:block; clear:both; content:''}
.news .open-event {float:left; position:relative; width:82%; padding:16px 0; border-radius:4px 0 0 4px; overflow:hidden;}
.news .open-event ul{position:absolute; top:0px;}
.news .open-event ul#notice1 {left:0;}
.news .open-event ul#notice2 {right:20px;}
.news .open-event ul li {padding:10px 4px 8px 20px; font-size:12px}
.news .open-event ul li a {display:inline-block; color:#fff}
.news .open-event ul li a:hover,.news .open-event ul li a:active,.news .open-event ul li a:focus {color:#c5dcfb; text-decoration:underline;}
.news .notice-control {height:30px}
.news .notice-control li {display:inline-block; margin-right:5px}
.news .list {position:absolute; top:10px}
.right-bar {position:absolute; top:37px; right:0; width:30%; padding:7px 0 4px; text-indent:-9999px; background:#0e4d9f; overflow-x:hidden; z-index:-9999}

/* Main Banner */
.main-banner-sec {width:100%; height:450px; min-width:1280px; z-index:99}
.main-banner {position:relative; width:1280px; margin:0 auto; padding:70px 0 0; color:#fff}
.main-banner h1{font-size:20px; font-weight:normal}
.main-banner .banner-desc {font-size:34px; font-weight:bold; margin:20px 0 50px; line-height:44px}
.main-banner span{display:block; width:15%; text-align:center}
.main-banner span a {display:block; font-size:14px; padding:8px 25px; border-radius:4px; background:#0e4d9f; color:#fff}
.main-banner span a:hover,.main-banner span a:active,.main-banner span a:focus {text-decoration:underline; background:#08336a}
.main-banner p {position:absolute}
.banner-desc-02 {font-size:22px; font-weight:normal; margin-top:35px; line-height:30px}
.btn-11st {position:absolute; bottom:0; left:530px}
.btn-11st a {background:none; padding:0}

.slide-control-sec {}
.slide-control-sec a {position:absolute; display:inline-block; top:260px; width:60px; height:90px; text-indent:-9999px; background:url('../images/main/img_slide_next.png') 0 0 no-repeat; z-index:98}
.slide-control-sec a.slide-prev {left:0; background-position:0 0}
.slide-control-sec a.slide-prev:hover,.slide-control-sec a.slide-prev:active {background-position:0 -180px}
.slide-control-sec a.slide-next {right:0; background-position:0 -360px}
.slide-control-sec a.slide-next:hover,.slide-control-sec a.slide-next:active {background-position:0 -540px}

.slide-control-sec ul {display:block; width:100%; text-indent:0; color:#111;z-index:9999}
.slide-control-sec ul a {display:block; width:100%; text-indent:0; background:none; z-index:9999}


/* Main-Contents */
.main-contents {width:1280px; margin:0 auto; padding:50px 0}
.main-contents:after {display:block; clear:both; content:''}
.main-conts-sec {float:left; width:305px; margin-right:20px}
.main-conts-sec.last {margin-right:0}
.main-conts-text {padding:30px 15px; margin-top:-3px; border:1px solid #ddd; border-top:0; border-radius:0 0 4px 4px}
.main-conts-text h1 {font-size:20px; margin-bottom:10px; line-height:28px}
.main-conts-text p {font-size:14px; margin-bottom:30px; line-height:20px}
.main-conts-text span {display:block; width:60%}
.main-conts-text span a {display:block; font-size:14px; padding:5px 25px; border-radius:4px; background:#0e4d9f; color:#fff}
.main-conts-text span a:hover,.main-conts-text span a:active,.main-conts-text span a:focus {text-decoration:underline; background:#08336a}

/* Main-Information */
.main-information-sec {padding:50px 0; background:#e3e3e3}
.main-information {width:1280px; margin:0 auto; text-align:center}
.main-information h1 {font-size:40px; line-height:50px; margin-bottom:30px}
.main-information p {font-size:24px; line-height:34px}
.main-information span{display:block; margin:30px 0 0}
.main-information span a {display:block; width:10%; font-size:14px; margin:0 auto; padding:8px 25px; border-radius:4px; background:#0e4d9f; color:#fff}
.main-information span a:hover,.main-information span a:active,.main-information span a:focus {text-decoration:underline; background:#08336a}

/* Footer - Product */
.product-area {width:100%; background:#072c5b}
.product-area:after {display:block; clear:both; content:''}
.product-sec {width:1280px; margin:0 auto; padding:20px 0}
.product-sec:after {display:block; clear:both; content:''}
.product-tit {float:left; width:10%; font-size:14px; font-weight:bold; margin-top:5px; color:#fff}
.product {float:right; width:82%}
.product li {float:left; width:25%; font-size:16px}
.product li a {display:block; padding:3px 0; color:#fff}
.product li a:hover,.product li a:active,.product li a:focus {text-decoration:underline; color:#fff000}
.product-info {}
.product-info li {clear:both; width:100%}

/* Footer */
.foot-sec {width:1280px; margin:0 auto; padding:20px 0;}
.foot-sec:after {display:block; clear:both; content:''}
.foot-text {float:left; font-size:14px; color:#fff}
.foot-text h1 {float:left; margin:15px 55px 0 0}
.foot-text address {float:left; line-height:20px; color:#fff}
.foot-sns {float:right; margin-top:16px}
.foot-sns li {float:left; width:32px; margin-left:10px}
.foot-sns li a {display:block; width:32px; height:32px; text-indent:-9999px; background:url('../images/main/icon_sns.png') 0 0 no-repeat;}
.foot-sns li a:hover,.foot-sns li a:active,.foot-sns li a:focus {}
.foot-sns li a.facebook {background-position:0 -19px}
.foot-sns li a.youtube {background-position:0 -92px}
.foot-sns li a.blog {background-position:0 -164px}

/* 2016-04-14 Vstation Kit 무료체험 추가 */
.vkit-free-header-tit {position:absolute; top:25px; right:670px;text-align:center}
.vkit-free-header-tit a {display:block; width:100%; font-weight:bold; padding:5px 10px;  border-radius:5px; color:#fff; background:#ff4e00}


/* 2016-04-18 Layer Popup 추가 */
.main-ly-popup {position:absolute; top:81px; left:200px; border:4px solid #e77e23; z-index:105; visibility:hidden; background:#fff}
.main-ly-btn {}
.main-ly-btn:after {display:block; clear:both; content:''}
.main-ly-btn li {width:50%; float:left; text-align:center}
.main-ly-btn li.right-line {width:49.7%; border-right:1px solid #ddd}
.main-ly-btn a {display:block; width:100%;  padding:15px 0; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.main-ly-close {font-size:14px; padding:5px; text-align:right}
.main-ly-close input[type="checkbox"]{vertical-align:middle}