@charset "utf-8";
/* CSS Document */


@font-face{
font-family:NanumGothic-Regular;
src:url(/font/NanumGothic-Regular.eot);
src:local(※), url(/font/NanumGothic-Regular.woff) format('woff');
}
@font-face{
font-family:NanumGothic-Bold;
src:url(/font/NanumGothic-Bold.eot);
src:local(※), url(/font/NanumGothic-Bold.woff) format('woff');
}
@font-face{
font-family:NanumGothic-ExtraBold;
src:url(/font/NanumGothic-ExtraBold.eot);
src:local(※), url(/font/NanumGothic-ExtraBold.woff) format('woff');
}

#sub01_05 h4.default, #sub03_03 h4.default{ margin:1em 0;}
h4.default {background-image:url(../image/icon_location.png);background-repeat:no-repeat;padding-left:18px; color:#333333; background-position:left center;}

ul.default li{background-image: url("../image/blt_main.png"); background-position: left 9px; padding: 0 0 0 10px; margin: 0 0 0 5px;}
ul.default li,
.page_contents  li{ line-height:200%}

/* /웹폰트*/

body{font-family:나눔고딕, NanumGothic, NanumGothic-Regular,sans-serif}

#wrap{}
.wrap,
.copyright
 {width:960px; margin:0 auto; position:relative; }


#header { padding-bottom:15px; background-image:url(../image/bg_header_line.png); background-repeat:repeat-x; background-position:0 bottom;}
.subpage #header{}

.logo{float:left; padding: 30px 0 0 0; font-size:2.5em; width:240px; text-align:center;}
#nav {	float:right;padding:70px 0 0 0; font-size:1.2em;}
#nav li {text-align:center;background-image:url(../image/icon_nav_bar.png);background-repeat: no-repeat; height:25px; width:152px;}
#nav li:first-child{background-image:none}
#nav li a{ display:block;background-image:url(../image/nav.png); background-repeat:no-repeat; width:100%;height:100%;}
#nav span{ display:none;}

.nav_main02 a{ background-position:0 -25px;}
.nav_main03 a{ background-position:0 -50px;}
.nav_main04 a{ background-position:0 -75px;}
.nav_main01 a:hover{ background-position:right 0px;}
.nav_main02 a:hover{ background-position:right -25px;}
.nav_main03 a:hover{ background-position:right -50px;}
.nav_main04 a:hover{ background-position:right -75px;}


#nav_g{float:right; padding:1em 3em 0 0}
#nav_g li{padding-left:1em;background-image:url(../image/icon_nav-g_tiny.png);background-repeat:no-repeat;background-position:3px;text-transform: uppercase; font-size:0.8em;}
#nav_g li:first-child{background-image:none}
#nav_g li a,
#nav_g li   { color:#999999}


#container{ background-image:url(../image/bg_shadow_top.png); background-repeat:repeat-x; background-position:0 top; position:relative; clear:both;  }

.sidemenu{ float:left; z-index:200; position:relative;}
.sidemenu li{ width:240px; height:190px;background-repeat:no-repeat; background-position:100px 75px; padding-top:10px;}
.sidemenu a{color:#000; font-size:1.5em; display:block; width:100%; height:100%}
.sidemenu a img{ padding:10px 0 0 10px; }
.menu1{ background-color:#2564a4; background-image:url(../image/bg_menu1.png);}
.menu2{ background-color:#3e7bb9;  background-image:url(../image/bg_menu2.png);}
.menu3{background-color:#6095cb;  background-image:url(../image/bg_menu3.png);}
.menu4{background-color:#82b2e2;  background-image:url(../image/bg_menu4.png)}

.tab_side{width:280px; position:absolute; left:0; opacity:0; z-index:110;background-color:#FFFFFF;padding: 25px; border:0 solid #e5e5e5; border-width:0 1px 1px 0;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#side_service1{height: 200px; top:0; }
#side_service2{height: 200px;top:200px;}
#side_service3{height: 200px;top:400px; padding:20px 10px; text-align:center}
#search_customer{height:200px;top:600px; position:absolute; left:240px; width:720px; opacity:1; }


#search_service h3 { margin-bottom: 20px;}


#side_service3 li{ width:100px; margin:0 12px;}
#side_service3 p{ overflow:hidden; color:#797979; font-size:0.9em; }



.tabs li { text-align:center; width:46%; float:left ; height:32px; line-height:32px}
.tabs li a{ color:#7d7d7d; display:block; width:100%; height:100%}
.tabs .tab { display:none;}
.tab.active{ display:block;}
.tabtrigger.active,
.tabtrigger:hover {color:#FFFFFF; background-color:#2563a2;}

#tab1 p,
#tab2 p { color:#2563a2; margin:15px 0 10px 0 ;}
#delivery_{ width:200px}
.imgbutton{padding:0; vertical-align: middle;}

.main_notice .date,
.main_faq .date{ display:none}



#splash{ float:right;width:720px;height:800px;z-index:100; box-shadow:0 0; border:0 none ; margin:0;box-sizing:border-box;-moz-box-sizing:border-box;border-radius:0;}



#splash li{ position:relative;}
/*.slogan{ position:absolute;font-size:2.3em;color:#515151;top:150px; left:300px;}
.slogan img{ display:block}
.slogan span {font-size:.7em;color:#2564a4;}*/



#splash .flex-control-nav{top:10px; text-align: right; height:30px}
#splash .flex-control-nav li{ margin: 0  7px 0 0; }
#splash .flex-control-nav a{ text-indent:100%; overflow:hidden}

#splash .flex-control-paging li a{ border-radius:0; background: none repeat scroll 0 0 rgba(0,0,0,0.3); width:14px; height:14px}
#splash .flex-control-paging li a:hover {background: rgba(0,0,0,0.6)}
#splash .flex-control-paging li a.flex-active {background: rgba(37, 99, 162, 1); cursor: default; }


#footer {background-color:#FFF; padding:1.5em 0;border-top:1px solid #e5e5e5; z-index:300} 
#footer a{color:#8c8255}
#footer .copyright_text{ font-size:0.8em}
#footer a.privacy{  }
address{ font-style:normal}

.copyright img{position:absolute; right:45px; top:0}

#side { }
.mainpage #content{}
.subpage #content {}
.pagetitle{ }




.latest li{ background-image:url(../image/blt_main.png); background-position:left center; background-repeat: no-repeat;line-height: 1.7em;padding: 0 0 0 8px;}




/*subpage*/

.subpage #container .wrap{ background-color:#CCCCCC;} 





#contents{ width:720px; float:right; background-color:#FFFFFF;}
#contents .page_title h3{ ; background-repeat:no-repeat;height:200px;border-bottom: 1px solid #CCCCCC; margin-bottom:20px;}
#contents.gr01 .page_title h3{background-image:url(../image/bg_pagetitle_gr01.png);}
#contents.gr02 .page_title h3{background-image:url(../image/bg_pagetitle_gr02.png);}
#contents.gr03 .page_title h3{background-image:url(../image/bg_pagetitle_gr03.png);}
#contents.gr04 .page_title h3{background-image:url(../image/bg_pagetitle_gr04.png);}

 .page_title img{ margin:35px;}

.breadcrumbs{ text-align:right; margin: 0.5em 0;}
.breadcrumbs li{ background-image:url(../image/blt_arrow_tiny.png); background-repeat:no-repeat; background-position:left  center; padding-left:10px;}
.breadcrumbs li:first-child { background-image:none;}


#sidenav {float:left;width:240px; background-color:#ccc;}
#sidenav ul{ padding:30px }
#sidenav li { width:200px; height:30px;}
#sidenav a{ background-repeat:no-repeat; display:block; width:100%; height:100%;}
#sidenav a span{ display:none;}

#sub01_01 .page_contents p{ margin: 2em 0;}
.page_contents .figure{padding: 1em;}
.page_contents { padding: 0 0 50px 30px; color:#707070; }
.page_contents p{ margin: .5em 0;}
.page_contents h4{ margin:1em 0 2em;}
.page_contents h5{margin:.8em 0 .4em;}



.history { margin:2em 0;}
.history .year{color:#3f87b9;vertical-align:top; text-align:center; border-top: 1px solid #334b85; font-size:1.5em; display:inline-block; width:130px;font-family: 'Fjalla One',sans-serif ;}
.history .date{color:#393939; padding:0 20px; font-size:1.2em;font-family: 'Fjalla One',sans-serif;}
.history .history_detail{ display:inline-block; border-top: 1px solid #b3b3b3; width:500px;}
.history .history_detail li{ padding:5px;}




#map_canvas {height:450px;width:400px; float:left; margin-bottom: 2em;}
.location { float:right; width:260px;}

.location_transportation {color:#222222;}


.usage{font-size:1.2em; color:#3366FF;}



#sidenav.gr01 a { background-image: url(../image/sidenav01.png); }
#sidenav.gr02 a { background-image: url(../image/sidenav02.png); }
#sidenav.gr03 a { background-image: url(../image/sidenav03.png); }
#sidenav.gr04 a { background-image: url(../image/sidenav04.png); }
#sidenav.gr05 a { background-image: url(../image/sidenav05.png); }
#sidenav.gr06 a { background-image: url(../image/sidenav06.png); }
#sidenav.gr07 a { background-image: url(../image/sidenav07.png); }
.s1 { background-position: 0 0px; }
.s2 { background-position: 0 -30px; }
.s3 { background-position: 0 -60px; }
.s4 { background-position: 0 -90px; }
.s5 { background-position: 0 -120px; }
.s6 { background-position: 0 -150px; }
.s7 { background-position: 0 -180px; }
.s8 { background-position: 0 -210px; }
.s9 { background-position: 0 -240px; }
.active .s1,
a:hover.s1 { background-position: right 0px; }
.active .s2,
a:hover.s2 { background-position: right -30px; }
.active .s3,
a:hover.s3 { background-position: right -60px; }
.active .s4,
a:hover.s4 { background-position: right -90px; }
.active .s5,
a:hover.s5 { background-position: right -120px; }
.active .s6,
a:hover.s6 { background-position: right -150px; }
.active .s7,
a:hover.s7 { background-position: right -180px; }
.active .s8,
a:hover.s8 { background-position: right -210px; }
.active .s9,
a:hover.s9 { background-position: right -240px; }

.sitemap{ float:left; width:200px; height:260px; margin-right:50px;} 
.sitemap ul{ padding:0 0 0 24px!important;}
.sitemap a{ background-image:none; color:#811010}




/*button_area*/
.button_area { padding:10px 0; text-align:right }
.button_area a { margin-left:4px }
button.img_button,
.button_area button { vertical-align:0; background:none; border:0 none; }
.button_area button:-moz-focus-inner {
padding:0;
border:0;
}


/* gallery */
.gallery li{ display:inline-block; *display:inline; vertical-align:top; zoom:1; margin:3px; width:162px; height:230px;position:relative}
.gallery .gal_thumb{display:table-cell;vertical-align:middle;padding:10px;border:1px solid #E0E0E0; text-align:center; height:140px; width:140px; overflow:hidden  }
.gallery .gal_thumb img{ display:block;  margin:auto; vertical-align:middle}
.gallery .gal_thumb img.above_width{width:120px;}
.gallery .gal_thumb img.above_height{height:120px;}
.gallery li span{ display:block; margin-bottom:4px}
.gallery .chk_img{ position:absolute; top:3px; left:3px}
/* gallery */

/* gallery flexible*
.gallery li{ display:inline-block; *display:inline; vertical-align:top; zoom:1; margin:1% 2%; width:20%; position:relative; text-align:center;border:1px solid #E0E0E0;}
.gallery .gal_thumb{display:table-cell;vertical-align:middle;padding:2%;width:96%; overflow:hidden  }
.gallery .gal_thumb img{ display:block;  margin:auto; vertical-align:middle}
.gallery .gal_thumb img.above_width,
.gallery .gal_thumb img.above_height{width:100%}
.gallery li span{ display:block; margin-bottom:4px}
.gallery .chk_img{ position:absolute; top:3px; left:3px}
/* /gallery flexible*/