@charset "utf-8";

@import url(util.css);
@import url(animate.min.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Font */
.font_sp,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:'나눔고딕','Spoqa Han Sans','Spoqa Han Sans JP',Sans-serif}

/* reset with normalize */
body,input,textarea,select,button,table{ font-size:12px;font-family:'나눔고딕','Apple SD Gothic Neo',sans-serif;color:#222}
a{text-decoration:none;color:#393939}
a:hover,a:hover:focus,a:active{ text-decoration:underline;color:#393939}
a,button,input,textarea{-webkit-transition:border-color .4s,background .4s,color .4s,opacity .4s;transition:border-color .4s,background .4s,color .4s,opacity .4s;outline:0 !important}
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}
li{list-style:none}
address{font-style:normal}
label{cursor:pointer}
table{width:100%}
video{ max-width:100%}

/* common */
.blank{background:url(../img/blank.png)}
.overflow{overflow:hidden}
.ellipsis{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}
.table_bx{ display:table; position:relative; width:100%; height:100%;}
.table_bx>*{ display:table-cell;vertical-align:middle}
.text-left{ text-align:left !important}
.bg_full{position:absolute;top:-50%;left:-50%;width:200%;height:200%}
.bg_full .bg{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%;max-width:none;border:0}
.pr{position:relative}
.d_block{display:block}

/* heading */
.h3{ margin:0 0 10px; font-weight:700; font-size:35px; color:#000}
.color_navy{ color:#0048a5 !important}
.color_sky{ color:#009dd1 !important}
.color_blue{color:#126ace !important}
.color_red{ color:#e00000 !important}
.bg_wh{ background-color:#FFF}
.bg_navy{ background-color:#0048a5 !important; color:#FFF !important}
.bg_sky{ background-color:#009dd1 !important; color:#FFF !important}
.bg_blue{ background-color:#4670b8 !important; color:#FFF !important}
.bx{ position:relative; padding:20px; border:2px solid #d9d9d9; border-radius:5px; background:#FFF}
hr{ border-color:#c6c6c6}

/* list */
[class^=lst_type_] li{ position:relative;padding:4px 0 4px 12px}
[class^=lst_type_] li:before{position:absolute;margin-left:-14px}
.lst_type_bull li:before{content:'•'}
.lst_type_dot li:before{content:'ㆍ'}
.lst_type_dash li:before{content:'-'}

/* table */


/* form */
label{ font-weight:400}
.no_style{margin:0;padding:0;border:0;background:none}
.btn2{ display:inline-block; padding:0 10px; border:1px solid #CCC;background:#FFF; letter-spacing:-1px; text-align:center; text-decoration:none !important; color:#999}
.btn3 {display:block;width:100% !important;padding:14px 0 !important;border: 0;border-radius:4px;background:#1761b6;text-align: center;text-decoration: none !important;font-size:16px; color:#FFF !important}

/* icon */
[class^=icon_],
.bx-controls-direction a{display:inline-block;overflow:hidden;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;font-size:0;line-height:0;text-decoration:none;vertical-align:middle;text-indent:-1000em}
.fa-flip-horizontal{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);
}
.icon_computer{width:32px;height:25px;background:url(../img/index/icon_inq.png)}
.icon_location{width:110px;height:138px;background:url(../img/index/customer_location.png)}
.icon_inq{width:110px;height:138px;background:url(../img/index/customer_online.png)}
.icon_inq_tit{width:136px;height:91px;background:url(../img/icon_inq.png)}
.icon_tit_location{width:382px;height:83px;background:url(../img/index/tit_location.png)}
[class^=icon_quick]{width:61px;height:60px;background:url(../img/icon_quick.png)}
.icon_quick2{background-position:-69px 0}
.icon_quick3{background-position:100% 100%}
.icon_quick4{background:url(../img/icon_blog.png)}

/* nav */
.nav-tabs.nav-justified>li>a{ border-bottom-color:#0048a5; font-weight:700; font-size:16px}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{ border:1px solid #0048a5; border-bottom:1px solid #FFF; color:#0048a5}
.nav_wrp{ margin-bottom:20px; border-bottom:1px solid #114f96}
.nav-pills>li>a{ margin:0 0 -1px -1px; padding:10px;border-radius:0;font-size:15px; letter-spacing:-.75px;color:#114f96}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover,.nav-pills>li>a:hover{background:#114f96; color:#FFF}

/* slide */
.bx-wrapper{ position:relative}
.bx-pager{position:absolute;width:100%;bottom:5px;padding:10px; font-size:0;text-align:center}
.bx-pager *{ display:inline-block}
.bx-pager a{ overflow:hidden; width:14px; height:14px; margin:0 4px;border-radius:50%;background:rgba(0,0,0,.25);text-indent:-99em}
.bx-pager .active{background:#fff}
.bx-controls-direction a{ position:absolute;top:50%;width:36px;height:38px;margin-top:-19px;background:url(../img/index/arr_prev.png) no-repeat}
.bx-controls-direction .bx-prev{left:12px}
.bx-controls-direction .bx-next{right:12px;background-image:url(../img/index/arr_next.png)}
.bx_pager a{display:block}
.bx_pager a.active{border:5px solid #10a7ea}
.slide2{overflow:hidden;height:212px}
.slide2 li{height:212px}

/* Grid */
.row,
.form-horizontal .form-group{margin-left:0;margin-right:0;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:0;padding-right:0}
.w1200{ max-width:1116px; margin:0 auto}
.w1000{ max-width:1045px; margin:0 auto}
.w960{ max-width:960px; margin:0 auto}
.w600{ max-width:600px; margin:0 auto}
.blank{background:url(../img/blank.png)}

/* XE fix */
.x *,
.xm *,
.board *{-webkit-box-sizing:content-box;box-sizing:content-box}
.pagination{ display:block}

/* layout */
body{ min-width:1200px}
#wrap{ position:relative; max-width:2000px; margin:0 auto}

/* hd */
#hd{ position:relative; z-index:30}
#top{position:relative;padding:13px 0 15px}
#top .banner{position:absolute;right:0;top:-13px;font-size:0}
#top .banner a{display:inline-block;padding:0 25px;border:1px solid #dbd8c2;border-top:0;font-size:13px;line-height:32px;color:#352209;vertical-align:top}
/*로그인버튼 숨김처리 22-10-04*/
#top .banner a { display: none; }
.gnbarea{background:#6a5b50}
#gnb ul{ display:table; table-layout:fixed; width:100%;}
#gnb li{ display:table-cell}
#gnb li+li+li+li+li+li+li{width:205px}
#gnb a{ display:block; position:relative; padding:14px 20px;font-size:15px; text-align:center;text-decoration:none;letter-spacing:-1.5px;color:#fff}
#gnb li+li a:before{ content:''; display:block; position:absolute;top:16px;left:0; height:16px; border-left:1px solid #fff}
#gnb a.on,#gnb a:hover,#gnb a:focus,#sitemap a.on,#sitemap a:hover{border-color:#0061bd; color:#ff8a00}
#gnb a.on{ font-weight:600;}
#sitemap{ display:none; position:absolute;top:100%;left:0; right:0;border-top:1px solid #bdb2aa;border-bottom:1px solid #bdb2aa;background:#FFF}
#sitemap a{ display:block; line-height:2; letter-spacing:-1px; text-decoration:none}
#sitemap>ul{ display:table; table-layout:fixed; width:100%;}
#sitemap>ul>li{ display:table-cell; padding:20px; border-right:1px solid #bdb2aa; font-size:13px}
#sitemap>ul>li+li+li+li+li+li+li{width:205px}
#sitemap>ul>li:first-child{border-left:1px solid #bdb2aa}
#sitemap>ul>li>a{ margin:0 0 .5em; font-weight:700; font-size:16px; color:#ff8a00}

/* quick */
#quick{position:fixed;top:145px;right:-126px;width:158px;height:234px;background:url(../img/index/quick.png) no-repeat;-webkit-transition:right .4s;-moz-transition:right .4s;transition:right .4s}
#quick.quick_open{right:0}
.btn_tgl{position:absolute;top:85px;left:0;width:32px;height:90px;background:none;border:0}
#quick a{position:absolute;top:119px;right:0;left:32px;height:54px}
#quick .i2{top:auto;bottom:0;height:58px}

/* ft */
#ft{padding:30px 0;background:#f6f6f6;font-size:12px;color:#ababab}


/* main */
.slide1{ overflow:hidden; position:relative;height:545px}
.slide1 .slide_bg{height:545px;background-position:50% 50%;background-repeat:no-repeat}
.slide1_pn_wrp{ position:absolute;bottom:50px;z-index:10}
.slide1_pn{ display:inline-block;width:932px;height:50px;margin-left:84px;padding-left:80px;background:url(../img/index/bg_slide1_pn.png);line-height:52px}
.slide1_pn a{margin:5px 0 5px 8px; padding:0 70px 0 20px;background:url(../img/slide_pn.png) no-repeat 0 50%; line-height:22px; text-decoration:none !important; font-size:14px;color:#FFF !important}
.slide1_pn .active,.slide1_pn a:hover{background-image:url(../img/slide_pn_on.png); color:#39c9ff !important}
.main1{padding:60px 0 45px}
.main1 .row{margin:0 -6px}
.main1 .col-xs-4{padding:0 6px}
.main1 h2{font-size:22px}
.main1 p{color:#999}
.main1 header{height:50px;border-bottom:1px solid #eee}
.main1 header a{position:absolute;right:0;top:5px}
.main2{padding:50px 0;background:#f9efef}
.main2 .banner{float:left;margin-left:12px}
.main3{padding:45px 0;background:url(../img/index/pattern.jpg)}
.main_news li{position:relative;margin-bottom:12px; padding-right:60px}
.main_news .date{position:absolute;right:0;top:0}


/*------------ sub -----------*/
.sub_visual{height:180px;background:#817b77 url(../img/sub/sub.jpg) no-repeat 50% 50%}
.ct{padding-bottom:70px}
.sub_menu{width:225px}
.sub_menu a{position:relative;display:block;padding-left:15px;border-top:1px solid #efefef;line-height:45px;font-weight:700;font-size:15px;color:#6d6d6d}
.sub_menu a.select{background:#efefef;text-decoration:none;color:#bd560b}
.sub_menu a.select:after{content:"";position:absolute;top:50%;right:10px;width:10px;height:11px;margin-top:-5px;background:url(../img/sub/arr.png) no-repeat}
.sub_menu li:first-child a{border-top:0}
#content{width:825px;padding-top:45px;text-align:left}
.page_tit h2{display:inline-block;padding-bottom:20px;font-size:40px}



/* contact */
.complete_box .message{ display:block; padding:2em; text-align:center; font-size:2em}

/* ie8 */
@media \0screen {

}