@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "utf-8"; 

/*
 * Hangeul NanumBarunGothic Font
 * Bold(700), Regular(400), Light(300), UltraLight(200) 
 */
@font-face {
 font-family: 'NanumBarunGothic';
 src: url(http://hangeul.naver.com/webfont/NanumBarunGothic/NanumBarunGothicWeb.eot);
 src: url(http://hangeul.naver.com/webfont/NanumBarunGothic/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'),
      url(http://hangeul.naver.com/webfont/NanumBarunGothic/NanumBarunGothicWeb.woff) format('woff'),
      url(http://hangeul.naver.com/webfont/NanumBarunGothic/NanumBarunGothicWeb.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothicBold';
 src: url(http://hangeul.naver.com/webfont/NanumBarunGothic/NanumBarunGothicWebBold.eot);
 src: url(http://hangeul.naver.com/webfont/NanumBarunGothic/NanumBarunGothicWebBold.eot?#iefix) format('embedded-opentype'),
      url(http://hangeul.naver.com/webfont/NanumBarunGothic/NanumBarunGothicWebBold.woff) format('woff'),
      url(http://hangeul.naver.com/webfont/NanumBarunGothic/NanumBarunGothicWebBold.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBareunGothicLight';
 src: url(http://hangeul.naver.com/webfont/NanumBarunGothicL/NanumBarunGothicWebLight.eot);
 src: url(http://hangeul.naver.com/webfont/NanumBarunGothicL/NanumBarunGothicWebLight.eot?#iefix) format('embedded-opentype'),
      url(http://hangeul.naver.com/webfont/NanumBarunGothicL/NanumBarunGothicWebLight.woff) format('woff'),
      url(http://hangeul.naver.com/webfont/NanumBarunGothicL/NanumBarunGothicWebLight.ttf) format('truetype');
}

body {margin:0px; color:#666; font-family:'Nanum Barun Gothic', sans-serif; margin:0px; min-width:1000px; width:100%;}
img {border:0; vertical-align: middle;}
input {font-size:12px;font-family:'Nanum Barun Gothic', sans-serif; color:#666}
input #border {font-size:12px;font-family:'Nanum Barun Gothic', sans-serif; color:#666;border:1 solid #f1f1f1}
textarea #border {font-size:12px;font-family:'Nanum Barun Gothic', sans-serif; color:#666;border:1 solid #f1f1f1}
select {color:666;font-size:12px;font-family:'Nanum Barun Gothic', sans-serif;}

a:link {text-decoration:none; color:#666;}
a:visited {text-decoration:none; color:#666;}
a:hover {text-decoration:none; color:#666;}

.clear {clear:both;}
.alignC {text-align:center;}
.valignM {vertical-align:middle; display:table-cell;}
.floatL {float:left;}
.floatR {float:right;}

.txt-blue {color:#009dd4;}
.txt-white {color:#fff;}
.txt-red {color:#bc151d;}
.txt-black {color:#333;}
.txt-bold {font-weight:bold;}


.marL00 {margin-left:0px;}
.marL05 {margin-left:5px;}
.marL10 {margin-left:10px;}
.marL20 {margin-left:20px;}
.marL30 {margin-left:30px;}
.marL40 {margin-left:40px;}
.marL50 {margin-left:50px;}


.marT05 {margin-top:5px;}
.marT10 {margin-top:10px;}
.marT20 {margin-top:20px;}
.marT30 {margin-top:30px;}
.marT40 {margin-top:40px;}
.marT50 {margin-top:50px;}
.marT60 {margin-top:60px;}
.marT70 {margin-top:70px;}
.marT80 {margin-top:80px;}
.marT90 {margin-top:90px;}
.marT100 {margin-top:100px;}


.width-5 {width:5%}
.width-10 {width:10%}
.width-20 {width:20%} 
.width-25 {width:25%} 
.width-33 {width:33%} 
.width-34 {width:34%} 
.width-50 {width:50%} 
.width-75 {width:75%}
.width-80 {width:80%}
.width-90 {width:90%}
.width-100 {width:100%} 

.txt-12 {font-size:12px}
.txt-13 {font-size:13px}
.txt-14 {font-size:14px}
.txt-15 {font-size:15px}
.txt-16 {font-size:16px}
.txt-17 {font-size:17px}
.txt-18 {font-size:18px}
.txt-19 {font-size:19px}
.txt-20 {font-size:20px}
.txt-21 {font-size:21px}
.txt-22 {font-size:22px}
.txt-23 {font-size:23px}
.txt-24 {font-size:24px}
.txt-25 {font-size:25px}
.txt-26 {font-size:26px}
.txt-27 {font-size:27px}
.txt-28 {font-size:28px}
.txt-29 {font-size:29px}
.txt-30 {font-size:30px}
.txt-31 {font-size:31px}
.txt-32 {font-size:32px}
.txt-33 {font-size:33px}
.txt-34 {font-size:34px}
.txt-35 {font-size:35px}
.txt-36 {font-size:36px}
.txt-37 {font-size:37px}
.txt-38 {font-size:38px}
.txt-39 {font-size:39px}
.txt-40 {font-size:40px}


#wrap {width:1000px;}




  /* ************************************* */
 /* **************** TOP **************** */
/* ************************************* */

#top {width:100%; height:95px; line-height:95px; vertical-align:center; border-bottom:2px solid #bc151d;}
#top .logo {width:calc(15% - 20px); float:left;}
#top .gnb {width:70%; float:left; text-align:center;}
#top .gnb a {padding:0 15px; color:#333; display:inline-block;}
#top .gnb a:hover {color:#fff; background:#bc151d;}
#top .r-menu {width:15%; margin-top:-30px; font-size:10px; float:left; right:0px; text-align:right; font-family:Verdana;}
#top .r-menu a {padding:10px; background:#bc151d; color:#fff;}
#top .r-menu a:first-child {padding-left:30px; border-bottom-left-radius:50px;}
#top .r-menu a:last-child {padding-right:20px; border-bottom-right-radius:0px;}
#top .r-menu a:hover {background:#fff; color:#bc151d;}




  /* ********************************************* */
 /* **************** MAIN BANNER **************** */
/* ********************************************* */

#main-banner {width:100%; height:827px; background:url('../img/main_banner_01.jpg'); background-size:cover;}
#main-banner .img {width:950px; height:300px; border:20px solid rgba(255,255,255,0.7); position:absolute; top:250px; left:calc(50% - 475px); text-align:center; font-size:50px; font-weight:200; letter-spacing:-5px; color:#fff;}
#main-banner .bottom {width:100%; padding-top:827px; background:url('../img/main_banner_bg.png') left bottom no-repeat;}



  /* ****************************************** */
 /* **************** MAIN TXT **************** */
/* ****************************************** */
#main-txt1 {width:100%;}
#main-txt1 .txt {margin:auto; font-size:40px; width:1000px; text-align:center; letter-spacing:-2px; color:#333;}
#main-txt1 .txt p {font-size:20px; color:#666;}



  /* ********************************************* */
 /* **************** MAIN MOIVIE **************** */
/* ********************************************* */
#main-movie {width:100%;}
#main-movie .img {width:100%; background:#ae0000; text-align:center;}
#main-movie .movie {width:100%; background:url(../img/main_movie_bg.png); text-align:center;}



  /* ******************************************** */
 /* **************** MAIN CICLE **************** */
/* ******************************************** */
#main-cicle {width:100%; margin-top:100px;}
#main-cicle .txt1 {font-size:52px; color:#333; letter-spacing:-2px; width:1000px; text-align:center; margin:auto;}
#main-cicle .txt2 {font-size:40px; color:#999; font-weight:200;}
#main-cicle .banner {width:100%; background:#f5f5f5; text-align:center; margin:30px 0; padding:50px 0;}
#main-cicle .txt3 {width:1000px; text-align:center; margin:50px auto 0; font-size:15px; color:#666;}



  /* *********************************************** */
 /* **************** MAIN 3 BANNER **************** */
/* *********************************************** */
#main-3banner {width:1000px; margin:auto;}
#main-3banner .img1 {float:left; padding:50px 0 50px 30px; height:112px;}
#main-3banner .img2 {width:270px; float:left; padding:50px 0 50px 230px; height:112px;}




  /* ***************************************** */
 /* **************** SUB TOP **************** */
/* ***************************************** */
#sub-top {width:100%; height:200px; background-size:cover; margin:auto; text-align:center;}
#sub-top .title {font-size:55px; color:#fff; font-weight:bold; padding-top:50px;}
#sub-top .title p {font-size:12px; color:#fff; font-family:Verdana; font-weight:normal; margin-bottom:-10px;}
#sub-top .menu {width:100%; padding:10px 0;margin:10px 0; font-size:14px; color:#ccc;}
#sub-top .menu .mar {margin:0 20px;}
#sub-top .menu a {color:#ccc;}
#sub-top .menu a:hover {color:#ccc;}
#sub-top .select {color:#fff; font-weight:bold}



  /* ************************************ */
 /* **************** SUB *************** */
/* ************************************ */

#sub-wrap {width:1000px; margin:40px auto}

.subintro-cicle {color:#fff; margin:100px auto 50px; text-align:center; background:#bc151d; display:block; width:100px; height:100px; line-height:100px; border-radius:100px;}
.subintro-wrap {width:1000px; text-align:center; margin:30px auto 0;}
.subintro-title {color:#333; font-size:25px; font-weight:700; letter-spacing:-2px;}
.subintro-txt1 {width:1000px; text-align:center; margin:30px auto; font-size:14px; color:#999}
.subintro-txt2 {width:350px; margin:30px auto 0;}
.subintro-txt3 {color:#333; font-size:30px; font-family:Verdana;}
.subintro-mar {margin-bottom:50px;}


  /* **************************************** */
 /* **************** FOOTER **************** */
/* **************************************** */
#footer {width:100%; margin:40px 0;}
#footer .link {padding:10px 0; background:#eee; font-size:13px; color:#999; text-align:center;}
#footer .link span {padding:0 20px}
#footer .text {width:1000px; margin:30px auto;}
#footer .img {width:142px; float:left;}
#footer .txt1 {width:800px; font-size:13px; padding:0 0 0 20px; float:left;}
#footer .txt2 {font-family:Verdana; font-size:9px;}