@charset "utf-8";
/* CSS Document */
/*
cobalt blue #00498C
*/
@font-face{
font-family:NanumGothic-Regular;
src:url(/font/NanumGothic-Regular.eot);
src:local(※), url(/font/NanumGothic-Regular.woff) format(‘woff’)
}





body{ background-image: url(../image/bg_body.png); background-repeat: repeat-x; font-family: NanumGothic, '나눔고딕','NanumGothic-Regular',Tahoma,simsun, simhei, sans-serif; color:#464646; }

address{ font-style:normal}
.transition{transition: all .5s ease 0s;}

a:link{ color:#00498C;}
a:hover{ color:#aa4800;}
#wrap{}
.wrap{width:960px; margin:0 auto; position:relative}
#header{ position:relative; clear:both; background-image: url(../image/bg_header.png); background-repeat: repeat-x; background-position: left bottom; }
#header h1{ float:left; margin-bottom:20px; }
#header h1{ margin-top:40px}

#nav_g,
#language_selector{position:absolute;  padding:0 2em 0 0; background-position: right top; font-size:.8em; font-family:Tahoma, Helvetica, sans-serif }

#nav_g{top:0; right:188px;z-index:110}
#language_selector{top:0; right:0;z-index:100}
#nav_g a{color:#333333;}
#nav_g a:hover{ color:#CC0000;}
#language_selector a{ color:#fff}
#nav_g li,
#language_selector li{ margin:.5em 1em }
#nav_g,
#nav_g ul{ background-image:url(../image/bg_nav_g.png); background-repeat: no-repeat;  }
#nav_g ul,
#language_selector ul{ height:28px; background-position: left top; padding:0 0 0 3em; float:left;}
#language_selector,
#language_selector ul{ background-image:url(../image/bg_language_selector.png); background-repeat: no-repeat; color:#B2B2B2 }
#language_selector li{ cursor:pointer; font-size:7pt;}

body.ko #language_selector .lang-ko,
body.en #language_selector .lang-en,
body.zh-cn #language_selector .lang-zh-cn{ color:#FFFFFF}

body.ko .archive_en,
body.ko .archive_zh-cn,
body.en .archive_ko,
body.en .archive_zh-cn,
body.zh-cn .archive_ko,
body.zh-cn .archive_en{ display:none}


#nav{ float:right; height:90px; margin-top:44px;  font-family:'Open Sans',sans-serif; font-size:1.2em; font-weight:bold}
#nav li{ margin-left:2em; position:relative}
.nav_sub{ display:none;font-family: NanumGothic, '나눔고딕','NanumGothic-Regular', sans-serif; font-size:.8em; color:#FFFFFF; top:58px; position: absolute; }
.active .nav_sub{ display:block}
.nav_sub a{ color:#FFFFFF}
.active .nav_sub .active a,
.nav_sub a:hover{ color:#FFCC00 }
.nav_sub1{ width:400px; margin-left:-20px}
.nav_sub2{ width:700px; margin-left:-312px}
.nav_sub3{ width:300px; margin-left:-80px}
.nav_sub4{ width:180px; margin-left:-10px}

.nav_sub6{ width:300px; margin-left:-100px}



#sidenav h2{ background-image: url(/image/h_sidenav.png); width:200px; height:50px; margin-bottom:1em; }
#sidenav.gr02 h2{background-position:0 -60px}
#sidenav.gr03 h2{background-position:0 -120px}
#sidenav.gr04 h2{background-position:0 -180px}

#sidenav h2 span,
#sidenav a span{ display:none}

#sidenav li.active{ margin-top:-2px}

#sidenav a { display:block; width:200px; height:30px; margin-bottom:1px;transition: background-position .4s ease; }
#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); }

.sidenavinfo{ width:200px; height:120px; display:none;}
.active .sidenavinfo{ display:block}
.gr01 .sidenavinfo{ background-image: url(/image/sidenav_sub01.png); }
.gr02 .sidenavinfo{ background-image: url(/image/sidenav_sub02.png); }
.gr03 .sidenavinfo{ background-image: url(/image/sidenav_sub03.png); }
.gr04 .sidenavinfo{ background-image: url(/image/sidenav_sub04.png); }

.en .gr01 .sidenavinfo,
.zh-cn .gr01 .sidenavinfo{ background-image: url(/image/sidenav_sub01_noText.png); }
.en .gr02 .sidenavinfo,
.zh-cn .gr02 .sidenavinfo{ background-image: url(/image/sidenav_sub02_noText.png); }
.en .gr03 .sidenavinfo,
.zh-cn .gr03 .sidenavinfo{ background-image: url(/image/sidenav_sub03_noText.png); }
.en .gr04 .sidenavinfo,
.zh-cn .gr04 .sidenavinfo{ background-image: url(/image/sidenav_sub04_noText.png); }

.s2~.sidenavinfo{ background-position:0 -120px;}
.s3~.sidenavinfo{ background-position:0 -240px;}
.s4~.sidenavinfo{ background-position:0 -360px;}
.s5~.sidenavinfo{ background-position:0 -480px;}

.s1 { background-position: right 0px; }
.s2 { background-position: right -30px; }
.s3 { background-position: right -60px; }
.s4 { background-position: right -90px; }
.s5 { background-position: right -120px; }
.s6 { background-position: right -150px; }
.s7 { background-position: right -180px; }
.s8 { background-position: right -210px; }
.s9 { background-position: right -240px; }
.active .s1,
a:hover.s1 { background-position: left 0px; }
.active .s2,
a:hover.s2 { background-position: left -30px; }
.active .s3,
a:hover.s3 { background-position: left -60px; }
.active .s4,
a:hover.s4 { background-position: left -90px; }
.active .s5,
a:hover.s5 { background-position: left -120px; }
.active .s6,
a:hover.s6 { background-position: left -150px; }
.active .s7,
a:hover.s7 { background-position: left -180px; }
.active .s8,
a:hover.s8 { background-position: left -210px; }
.active .s9,
a:hover.s9 { background-position: left -240px; }

#container{ clear:both; position:relative; padding-top:40px;}
#index #container{ padding-top:0}
#index #sidebar{ display:none}
#index #content{ float:none; width:960px;}
#sidebar{ float:left; width:220px;}
#content{ float:right; width:720px; padding:0 0 4em 0;}



#splash{background-image:url(../image/bg_check.png) }
.splash{ width:100%; margin:0 auto;   background:#fff;}
#contents{}
#footer{ clear:both; background:#dedede; padding:2em 0; text-align:right;}
#footer li{ background-image: url(../image/bar_ver_tiny.png); background-repeat: no-repeat; background-position: left center; padding-left:10px; margin-right:8px; line-height:2.2; }
.aside{}

/*splash*/
#slider,.ls-inner{ height:440px}
#slider{padding:0 5px 5px 5px} 

hr.dotline{ clear:both; border-style: dotted; border-color: #CCCCCC; border-width:0 0 1px 0; margin:2em 0; }
.gutter10{ height:10em}
/*main content*/
.main_quick{position:absolute; top:0; left:50%; margin:80px 0 0 480px;}
.main_quick a{ display:block; width:64px; height:64px; margin:0 0 1em 0; text-align:center; color:#FFFFFF;line-height:64px; /* display:table-cell; vertical-align:middle;*/ }
.quick_1 a{ background:#77aab0;}
.quick_2 a{ background:#3f4a58}
.quick_1 a:hover,
.quick_2 a:hover{ background:#dc8a09}

#index .cols12,
.main_products{ width:960px; margin:0 auto}
.main_products{ height:62px}
.main_products li{ width:25%; text-align:center; float:left;}
.main_notice h2{ margin-bottom:.8em;}
.main_notice .latest li{ background-image:url(../image/blt_main.png); background-repeat: no-repeat; background-position:left center; padding-left:.5em; line-height:160%}
.main_notice .latest a{color:#555;}
.main_notice .latest a:hover{ color:#DC8A09; }
.main_notice.latest .date{ float:right; font-size:0.9em; color:#999999; }
.main_slogan{}
.main_qna{}

ul.default span{ font-weight:bold; color:#004788; display:inline-block; *display:inline;  width:64px;}
/* content*/
.page_title{ margin:0 0 3em 0; height:80px;padding-top:28px;}
.page_title h2{  border-bottom:1px solid #cfcfcf; margin-bottom:.5em}
.breadcrumb{ text-align:right}
.breadcrumb li{ padding:0 0 0 8px; margin:0 0 0 4px; background-image: url(/image/ico-arrow-tiny.png); background-repeat: no-repeat; background-position: left center; }

.gr02 .bo_image_head,
.gr02 .search_bo_list{display:none;}

.product_info_sub h4{ font-size:100%; margin:6px 0;}
.product_info_sub h5{ margin:0 0 0 20px}
.product_info_sub ul{ margin:0 0 10px 20px}
.product_info_sub li{ background: url(/image/blt_circle.png) no-repeat 0 6px; padding:0 0 0 10px; }
.product_info_sub li li{ background: url(/image/blt_dash.png) no-repeat 0 7px; padding:0 0 0 8px; }

.gr02 .archive_en{ letter-spacing:-1px}

.gall_li {display:inline-block; *display:inline; vertical-align:top; zoom:1; margin:3px; width:170px; height:210px;position:relative text-align:center; padding:10px 0 0 0;}
.gal_thumb{ width:140px;}

/* gallery */
.gallery li{ display:inline-block; *display:inline; vertical-align:top; zoom:1; margin:3px; width:172px; height:210px;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}

.gall_text_author,
.gall_text_date,
.gall_text_hits{ display:none;}


.gr02 .gallery .member{ display:none;}
.gr02 .gallery .gal_subject{ text-align:center;}


#certification .gallery li{ width:48%; height:auto; text-align:center;}
#certification .gallery .gal_thumb img.above_height{ width:280px;height:380px;}



#content p{ margin:0 0 1em 0; }
#content article,
#content ul.default{margin:1em 2em 1em 1em; padding:0 0 0 2px}

#content h2{ color:#8AB3D7 }
#content h3{ color:#07447D; margin:1em 0 .5em;}
#content h4{}

#vision #content h2{ margin:2em 0 0 0; font-size:160%}
#vision #content h2:first-child{margin:0}
#history #content{ padding:0 0 150px 0; background-image: url(/image/content/bg_history.jpg); background-repeat: no-repeat; background-position: right bottom; }
.history li{ margin:0 0 1em 0; padding:0 0 0 1em; /*background-image: url(/image/blt_circle.png); background-repeat: no-repeat; background-position: left 2.2em;*/ }
.history .date{ color:#004788; /*display:block;*/ margin:0 2em 0 -1em; font-weight:bold;}

#contactinfo #content{ background-image: url(/image/content/bg_contactinfo.jpg); background-position: left 140px; background-repeat: no-repeat; }
#contactinfo ul.default{ height:174px; margin:150px 0 0 400px;}
#contactinfo #map_canvas{ height:420px}

.product_title{background-color:#4D5058;color:#FFFFFF; height:290px}
.product_info{ float:right; padding:15px; width:180px; }
.product_image{ float:left; width:510px;}
.product_image_trigger{}

.adm{ display:block; text-align:right; padding:.5em 0 0 0}



/* fix gnu */
.board_top{ line-height:2.5em}
.ed{border: 1px solid #BDBDBD;padding: 2px;}
.write_head table{ width:100%}
#container_title{ display:none;}

a.btn_admin,
a.btn_b02 { color:#fff!important;}