@charset "utf-8";
/* ----------
css
---------- */


/* common */
.alert-ie { margin:0; padding:1em; font-size:12px; letter-spacing:-1px; color:#ebebeb; background:#808080; }
.alert-ie a { color:#ffd6c2; }
.alert-ie a:hover { color:#ffd6c2; }
.alert-ie a:focus { color:#ffd6c2; }
.alert-ie a:active { color:#ffd6c2; }

.accessibility a { position:absolute; text-align:center; width:200px; display:block; background:#c52227; color:#fff; left:-9999px; }
.accessibility a:hover { z-index:999999; margin-left:-100px; left:50%; }
.accessibility a:focus { z-index:999999; margin-left:-100px; left:50%; }
.accessibility a:active { z-index:999999; margin-left:-100px; left:50%; }


/* layout */

#wrap {width:100%;height:100%; background:#000;}
#wrap .wrapSec{position:relative; width:1280px;height:100%;margin:0 auto;}
#wrap.subWrap{background:#000 url("/images/main_visual1.jpg") no-repeat center top fixed}
/* header */

#header {position:fixed;top:0; height:100%; background:#fff; text-align:center;border-right:1px solid #ddd;z-index:100 }
#header h1 {margin-top:45px;}


/* 메인 container */
#container{position:relative;width:1060px; height:100%; margin-left:220px; background:#fff;z-index:100 }


/* LNB */


.navSec {width:219px; margin-top:150px;font-family:'Titillium Web';}
.navSec .lnb > ul > li > a {display:block;padding:15px;font-size:16px;color:#666;font-weight:600;background: url("/images/menu_line.png") no-repeat 50% bottom;}
.navSec .lnb > ul > li+li+li+li > a{ background:none}
.navSec .lnb > ul > li > a:hover {color:#333;}
.navSec .lnb > ul > li > a.on {background: url("/images/menu_ico.png") no-repeat 50% bottom;color:#333;}

.navSec .lnb > ul > li > .lnbSub > ul > li > a {display:block;padding:3px 10px;font-size:14px;color:#666;}
.navSec .lnb > ul > li > .lnbSub > ul > li > a:hover {font-weight:600; text-decoration: none;}
.navSec .lnb > ul > li > .lnbSub > ul > li > a.on {color:#333;font-weight:600;}


/* 메인비주얼 */
.main_visual .mv_cont.m1 {background:url("/images/main_visual1.jpg") no-repeat center top fixed;}
.main_visual .mv_cont.m2 {background:url("/images/main_visual2.jpg") no-repeat center top fixed;}
.main_visual .mv_cont.m3 {background:url("/images/main_visual3.jpg") no-repeat center top fixed;}
.main_visual .mv_cont.m4 {background:url("/images/main_visual4.jpg") no-repeat center top fixed;}
.main_visual .mv_cont {height:100%}
.slogan{position: absolute; left:50%; margin-left:-215px; margin-top:30%}
#slides {position:relative;z-index:0}
#slides .slidesjs-container .slidesjs-control {position:absolute;left:0;top:0;right:0;bottom:0;min-height:960px/*padding-bottom:49.8%*/}


#slides .slidesjs-navigation {} 
a.slidesjs-next {position:absolute; bottom:0;right:0;display:block;width:32px;height:36px;font-size:0;z-index:200}
a.slidesjs-previous {position:absolute; bottom:0;right:32px;display:block;width:32px;height:36px;font-size:0;z-index:200}
a.slidesjs-play,
a.slidesjs-stop {position:absolute;top:300px;left:100px;background-position:-41px 0;text-indent:-9999px}
a.slidesjs-next {background-position:0 0} 
a:hover.slidesjs-next {background-position:0 0;background:#333 url(../images/arrow_right.png) no-repeat; opacity:0.8; }
a.slidesjs-previous {background-position:0 0;}
a:hover.slidesjs-previous {background-position:0 0; background:#333 url(../images/arrow_left.png) no-repeat; opacity:0.8;}
a.slidesjs-play {display:none;width:15px;background-position:-25px 0}
a:hover.slidesjs-play {display:none;background-position:-25px -18px}
a.slidesjs-stop {display:none;width:18px;background-position:-41px 0}
a:hover.slidesjs-stop {display:none;background-position:-41px -18px}
.slidesjs-pagination {position:absolute;top:40%;right:3%; margin-top:3%; z-index:1000}  /* Slide Navigation */
.slidesjs-pagination li {display:block;margin:5px 0 }
.slidesjs-pagination li a {display:block;width:14px;height:14px;font-size:0;background:url(../images/index.png) no-repeat left top;background-position:0 0}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover {background-position:0 -14px}
.slidesjs-pagination li a:hover.active {background-position:0 -14px}


/* footer */
#footer {position: absolute; bottom:5%; width:220px;}
#footer .info ul{ overflow:hidden; display:inline-block}
#footer .info ul li{ float:left; margin:15px}
#footer .copyright {color:#666;font-size:12px;font-weight:300;text-align: center;}





/* 서브 */
.content{position:relative;width:910px;  margin:0 auto; }
.content_tit  {position:relative;  text-align: center;}
.content_tit h2{display: inline-block; color:#333;font-size:34px;font-weight:600;height:30px; line-height:30px; padding:50px 0 20px 0; }
.content_tit .here{font-size:12px; color:#666; }
.content_tit .here span{ display: inline-block;  background: url("/images/ico_home.png") no-repeat 5px 50%; padding:5px 5px 5px 21px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;; }
.contentSec{ position:relative; min-height:750px; padding:55px 0;}


/* 회사소개 */
.contentSec h3 span {display:inline-block;padding-bottom:10px; padding-top:5px;font-size:18px;font-weight:500;color:#333;border-bottom:2px solid #333;background: url("/images/menu_ico.png") no-repeat 50% 29px; margin-bottom:35px }
.company .comCont {margin-bottom:50px;overflow:hidden}
.company .comCont h3 {float:left;width:150px}
.company .comCont p {float:left;font-size:15px;width:760px; font-weight:400;line-height:1.8; letter-spacing:0.5px}
.company .comCont p em{color:#333;}
.launching .headline{font-size:30px;font-weight:600;color:#333;border-bottom:1px solid #ddd;  text-align:center;padding:0 0 25px 0;}
.launching .headline em{color:#006da0;font-weight:600;}
.launching p {margin-bottom:25px;font-size:17px; font-weight:400;line-height:1.8; padding:0 15px}
.model .headline{font-size:30px;font-weight:600;color:#333;border-bottom:1px solid #ddd;  text-align:center;padding:0 0 25px 0;}
.model .headline em{color:#006da0;font-weight:600;}
.model p {margin-bottom:25px;font-size:17px; font-weight:400;line-height:1.8; padding:0 15px}



/* table 기본 */
table.basic_table {position:relative;width:100%;border-top:2px solid #3a2700; background:#fff;}
table.basic_table thead th {padding:7px;font-weight:bold;font-size:13px;color:#fff;text-align:center;border-top:1px solid #333;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#999;}
table.basic_table thead th.r {border-right:none}
table.basic_table tbody th,
table.basic_table tbody td {padding:10px 20px; text-align:left;font-size:13px;color:#666;vertical-align:middle;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
table.basic_table tbody th {font-size:13px;text-align:center;font-weight:bold;color:#444;background:#f5f5f5;padding:10px 15px;}
table.basic_table tbody th.year{font-size:15px; font-weight:600; color:#333;background:#f5f5f5; }
table.basic_table tbody td.r {border-right:none;}

/* 버튼 */
.btn-sec {margin-top:40px;text-align:center}

/* BOARD : 버튼 */
.btnSec {margin-top:40px; text-align: right}
/*.btnSec a {position:relative;display:inline-block;height:40px;color:#fff; background:#555;}
.btnSec a strong {display:block;height:38px;line-height:38px;padding:0 15px;font-size:14px;text-align:center;}
.btnSec a:hover {color:#fff;background-color:#ff550a}
.btnSec input {position:relative;display:inline-block;color:#333;border:3px solid #333;height:40px;line-height:27px !important;padding:0 15px;font-size:14px;text-align:center;cursor:pointer;background:url(../images/icon/bullet_btn.png) no-repeat center 29px}
.btnSec input:hover {color:#fff;background-color:#333}*/

/* Button Reset */
.button,
.button a,
.button button,
.button input {position:relative;margin:0;display:-moz-inline-stack;display:inline-block;text-decoration:none !important;border:0;font-size:12px;white-space:nowrap;background-size:cover;overflow:visible;color:#fff}
.button {height:23px;padding:0;vertical-align:middle;margin:0 8px;background-position:left top}
.button a,
.button button,
.button input{left:0;vertical-align:top;cursor:pointer;}

/* Button Size */
.button.large {height:35px;background-position:left 0}
.button.middle {height:29px;background-position:left 0}
.button.xLarge {height:43px;background-position:left 0}
.button.small {height:24px;background-size:auto 24px}
.button a,
.button button,
.button input {height:23px;padding:0 10px 0 8px;font-size:12px;line-height:23px;background-position:right top;border-radius:3px;}
.button.middle a,
.button.middle button,
.button.middle input {height:29px;padding:0 15px;font-size:12px;color:#fff;line-height:29px;background-position:right 0;border-radius:3px;}
.button.large a,
.button.large button,
.button.large input {height:35px;padding:0 17px;font-weight:600;font-size:14px;color:#fff;line-height:35px;background-position:right 0;border-radius:3px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input {height:43px;padding:0 21px;font-weight:600;font-size:18px; line-height:43px;background-position:right 0;border-radius:3px;}
.button.small a,
.button.small button,
.button.small input {height:24px;padding:0 12px;font-size:12px;line-height:24px;background-position:right 0;border-radius:3px;}
/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{color:#ccc}

.button.red,
.button.red a,
.button.red button,
.button.red input {background:#f16600;color:#fff;border-radius:3px;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{background:#333;color:#fff}

.button.sblue,
.button.sblue a,
.button.sblue button,
.button.sblue input {background:#006fae;color:#fff;border-radius:3px;}
.button.sblue *:hover,
.button.sblue *:active,
.button.sblue *:focus{background:#333;color:#fff}

.button.blue,
.button.blue a,
.button.blue button,
.button.blue input {background:#00306c;color:#fff;border-radius:3px;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{background:#333;color:#fff}

.button.gray,
.button.gray a,
.button.gray button,
.button.gray input {background:#666;color:#fff;border-radius:3px;}
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{background:#00306c;color:#fff}

.button.black,
.button.black a,
.button.black button,
.button.black input {background:#222;color:#fff;border-radius:3px;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{background:#00306c;color:#fff}

/* Button Text Strong */
.button.strong * {font-weight:bold !important}


/* UTIL - 간격 */
/*Margin*/
.mb2 { margin-bottom: 2px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt25 { margin-top: 25px; }
.mt40 { margin-top: 40px; }
.mt50{ margin-top:  50px;}

.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }

.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr23 { margin-right: 23px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr36 { margin-right: 36px; }
.mr45 { margin-right: 45px; }

.mg30 { margin:30px;}

/*Padding*/
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 90px; }

.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl17 { padding-left: 17px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl50 { padding-left: 50px; }

.pr3 { padding-right: 3px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr16 { padding-right: 16px; }
.pr17 { padding-right: 17px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
/* UTIL - 정렬 */
.tc {text-align:center}
.tr {text-align:right}
.tl {text-align:left !important}
.fl {float:left}
.fr {float:right}
/* UTIL - Input Box */
.ib15 {width:15px; }
.ib25 {width:25px; }
.ib30 {width:30px; }
.ib40 {width:40px; }
.ib50 {width:50px; }
.ib75 {width:75px; }
.ib110 {width:110px; }
.ib150 {width:150px; }
.ib170 {width:170px; }
.ib200 {width:200px; }
.ib250 {width:250px; }
.ib300 {width:300px; }
.ib500 {width:500px; }
.ib600 {width:600px; }
.ib700 {width:700px; }
/* UTIL - 속성해제 */
.clear_border {border:none !important;padding:0;margin:0;background:none}
.input_clear {border:0;background:none}
.blind {display:none}
.clbh {clear:both}