@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px;}

.contain {*zoom:1; width:1200px; margin:0 auto;}
.contain:after {content:""; display:block; clear:both;}

/* header */
#header {position:relative; width:100%; min-width:1200px; z-index:100; background:#0b1a3d;}
#header .contain {position:relative; width:1200px;}
#header .head {background:#112960; height:100px; text-align:center;}
#header .head .sitelogo { display:inline-block; padding-top:20px; z-index:10;}


#gnb {text-align:center;}
#gnb ul {width:1200px; margin:0 -42px;}
#gnb ul:after {content:""; display:block; clear:both;}
#gnb ul li {display:inline-block; padding:0 42px; text-align:center; font-size:17px; line-height:50px; font-weight:300; letter-spacing:-.03em; color:#fff;}
#gnb ul li a {display:block; text-decoration:none;}
#gnb ul li.active a {color:#f36c34;}

/* main */
.main-visual {position:relative; top:0; width:100%; min-width:1200px; height:600px; overflow:hidden; background:url('../images/main/visual1.jpg') 50% 50% no-repeat; background-size:cover;}
.main-visual .txt {display:table; width:100%; height:600px; text-align:center; letter-spacing:-.03em; color:#fff;}
.main-visual .txt .inner {display:table-cell; vertical-align:middle;}
.main-visual .txt .inner .more {margin-top:100px; display:inline-block; min-width:250px; line-height:65px; background:url('../images/main/v_btn.png') 0 0 no-repeat; font-size:20px; font-weight:400; text-decoration:none;}
.main-visual .txt .inner .more:after {content:""; display:inline-block; width:11px; height:19px; background:url('../images/main/v_btn_arrow.png') 0 0 no-repeat; vertical-align:middle; margin:-.2em 0 0 15px;}

.main-comm {padding:55px 0 98px 0;}
.main-comm .contain  {width:1400px; }
.main-comm .row {margin:0 -15px;}
.main-comm .row .col {float:left; height:390px; padding:0 15px;}
.main-comm .row .col .inner {width:100%; height:100%;}
.main-comm .row .col .box {height:193px;}
.main-comm .row .col .box.box1 {height:197px;padding-top:25px;}
.main-comm .row .col .box h2 {margin-bottom:20px; font-size:18px; font-weight:500; line-height:30px; color:#454545;}
.main-comm .row .col .box .icon {position:relative;}
.main-comm .row .col .box .icon:before {content:""; position:absolute; display:inline-block; width:75px; height:75px; background:url('../images/main/bnr_ico1.png') 0 50% no-repeat; vertical-align:middle;}
.main-comm .row .col .box .icon .txt {padding-left:95px;}
.main-comm .row .col .box .icon .txt h3 {margin-bottom:5px; font-size:32px;font-weight:700; line-height:30px; color:#414242}
.main-comm .row .col .box .icon .txt p {font-size:14px; font-weight:500; line-height:20px; color:#112960;}

/* sub page */
.sub-visual {position:relative; width:100%; min-width:1200px; height:170px; overflow:hidden; margin:30px 0;}
.sub-visual img {position:absolute; top:0; left:50%; margin-left:-600px; width:1200px; height:170px; max-width:1200px;}

#sub #container {width:1200px; margin:0 auto;}
#sub #container:after {content:" "; display:block; clear:both;}

#lnb {height:60px; margin-bottom:50px;}
.lnb ul {*zoom:1; margin:0 -8px;}
.lnb ul:after {content:" "; display:block; clear:both;}
.lnb ul li {float:left; padding:0 8px; position:relative; display:table; height:60px; text-align:center; box-sizing:border-box; z-index:1;}
.lnb ul li span { border:2px solid #f36c34; display:block;}
.lnb ul li a {text-decoration:none; display:block; font-size:18px; line-height:60px; font-weight:500; color:#f36c34; letter-spacing:-0.03em;}
.lnb ul li.active a {background:#f36c34; border:0; color:#fff; margin:-1px;}

#contArea {width:100%; overflow:hidden;}
.real-cont {min-height:350px; _height:350px; margin-bottom:100px;}

/* footer */
#footer {width:100%; min-width:1200px; padding:30px 0; clear:both; background:#112960; letter-spacing:-.02em; line-height:20px; color:#dcdcdc}
#footer address {font-style:normal;}
.foot-info:after {content:""; display:block; clear:both;}
.foot-info .comp-info {float:left; font-size:13px; font-weight:200;}