@charset "utf-8";

@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: normal;
	src: url('../font/NanumGothic.eot');
	src: local('?'), url('../font/NanumGothic.woff') format('woff'), url('../font/NanumGothic.ttf') format('truetype');
}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
html{overflow-x:auto;overflow-y:scroll;word-wrap:normal;word-break:break-all;}
html,body{height:100%;margin:0;padding:0;background-color:#cbe0f3;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, 
fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6{border:0;outline:0;font-size:100%;}
input, select, textarea {vertical-align:middle;}
label{cursor:pointer;}
ol, ul, li {list-style:none;}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
img{border:0;vertical-align:top;}
hr, caption{display: none;}
h1, h2, h3, h4, h5, h6 {font-family:"돋움",Dotum,"나눔고딕", NanumGothic, "굴림",Gulim, Verdana, Arial, Helvetica, Apple-Gothic,sans-serif;font-size:100%;font-weight: normal;}

button{border:0;padding:0;margin:0;cursor:pointer;border-radius: 4px;-webkit-border-radius: 4px;text-align: center;*overflow: visible;overflow: hidden;}
input {padding:0 2px;border-radius: 0;-webkit-border-radius: 0;}
input[type="text"] {-webkit-appearance: none;border-radius: 0; -webkit-border-radius: 0;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
a:link{ color:#666; text-decoration:none;font-family:"돋움",Dotum,"나눔고딕", NanumGothic, "굴림",Gulim, Verdana, Arial, Helvetica, Apple-Gothic,sans-serif;}
a:visited { color:#666; text-decoration:none;}
a:active  { color:#666; text-decoration:none;}
a:hover{ color:#666; text-decoration:none;}
body{font-size:1em;color:#666;font-family:"돋움",Dotum,"나눔고딕", NanumGothic, "굴림",Gulim, Verdana, Arial, Helvetica, Apple-Gothic,sans-serif;-webkit-text-size-adjust: none;}
.hide{position: absolute;top: -10000px;left: 0;width: 1px;height: 1px;overflow: hidden;visibility: hidden;line-height: 0;font-size: 0}

/*--------------------------------------------------------------------------*/
/* 이미지 사이즈
-----------------------------------------------------------------------------*/
.w150 img{width:150%;}
.w140 img{width:140%;}
.w130 img{width:130%;}
.w120 img{width:120%;}
.w110 img{width:110%;}
.w100 img{width:100%;}
.w90 img{width:90%;}
.w80 img{width:80%;}
.w70 img{width:70%;}
.w60 img{width:60%;}
.w50 img{width:50%;}
.w40 img{width:40%;}
.w30 img{width:30%;}
.w20 img{width:20%;}

/*--------------------------------------------------------------------------*/
/* layout
-----------------------------------------------------------------------------*/
#appwrap{position:relative;height:100%;min-height:86.7%;height:auto !important;padding-bottom:65px;background-color:#0066ad}
header{position:relative;top:0px;left:0px;height:54px;background:url(../img/bg/bg_header.png) repeat-x left top; background-size:10px 54px;}
header h1{padding:0 0 0 10px;}
header h1 img{width:139px;}
header .btn_right{position:absolute;top:12px;right:15px;padding:0px;}
header .btn_right img{width:85px;height:28px;}

footer{position:absolute;bottom:0px;left:0px;width:100%;height:53px;padding-top:12px;text-align:center;background-color:#cbe0f3;}
footer .foot_btn{position:relative;margin:0 12px;}
footer .foot_btn a{display:inline-block;}
footer .foot_btn .left{position:absolute;top:0px;left:0px;}
footer .lang_sel{position:absolute;top:0px;right:0px;
width:80px;height:27px;
padding-left:5px;
border:0px;
font-size:10px;
color:#888;
background:url(../img/bg/bg_foot_sel.png) no-repeat left top;
background-size:80px 27px;
-webkit-border-radius:3px;-webkit-appearance:none;
}
footer .foot_btn a img{width:61px;height:27px;}
footer .copyright{padding-top:6px;}
footer .copyright img{width:280px;}

/*--------------------------------------------------------------------------*/
/* main
-----------------------------------------------------------------------------*/
section#main_body{padding:3% 15px 25px 15px;background:url(../img/bg/bg_main.png) no-repeat left top;background-size:100%;}
.slogan img{width:97%;}
.main_bt{}
.main_bt:after{display:block;clear:both;content:"";}
.main_bt li{float:left;width:50%;}
.main_bt li a{-webkit-tap-highlight-color:  rgba(0, 0, 0, 0);}
.main_bt li a:active{border:0 none;background:none;}
.main_bt li img{width:99.6%;}
.main_bt li.first a{position:relative;left:0px;top:0px;}
.main_bt li.first img{width:106%;}
.main_bt li.last a{position:relative;left:-6%;top:1px;}
.main_bt li.last img{width:106%;}

/*--------------------------------------------------------------------------*/
/* product_search
-----------------------------------------------------------------------------*/
#product_search{position:absolute;right:0px;top:0px;width:200px;background-color:#fff;z-index:2000;}
#product_search h1{height:38px;padding:14px 0 0 15px;font-weight:bold;font-family:Verdana;color:#fff;background:url(../img/bg/bg_search_h1.png) repeat-x left top;background-size:10px 52px;}
#product_search h1 a{font-weight:bold;font-family:Verdana;color:#fff;}
.search_body{padding-bottom:30px;border:1px solid #adb3b8;border-right:0px;}
.search_body h2{padding:12px 15px;font-weight:bold;font-family:Verdana;color:#252525;font-size:0.750em;background-color:#cbe0f3;}
.search_body .box{padding:20px 15px 5px 15px;background-color:#fff;}
.search_body select{color:#666;margin-bottom:12px;background:url(../img/bg/bg_search_sel.png) no-repeat left top;background-size:100% 27px;padding-right:27px;}
.search_body .inp_txt{width:99%;height:24px;font-size:0.750em;line-height:24px;padding-left:1%;margin-bottom:12px;color:#666;border:1px solid #ddd;border-radius:3px;box-shadow:0px 1px 2px #8f9fad;}
.search_body .btn_center input{width:85px;}

/*--------------------------------------------------------------------------*/
/* sub
-----------------------------------------------------------------------------*/
.cont_title{padding:7px 0 10px 0;text-align:center;color:#fff;font-weight:bold;background-color:#0066ad;}
.cont_wrap{padding:0 15px 40px 15px;background-color:#fff;}
.sel_box{padding:5px 20px;background-color:#f0f0f0;}
select{
width:100%;height:27px;
font-size:0.750em;
padding-left:5px;
border:0px;
font-size:10px;
color:#888;
background:url(../img/bg/bg_select.png) no-repeat left top;
background-size:100% 27px;
-webkit-border-radius:3px;-webkit-appearance:none;
}

/* company
-----------------------------------------------------------------------------*/
.company{padding-top:10px;font-size:1.2em;}
.company .company_box{margin-bottom:40px;}
.company .company_box{letter-spacing:-0.5px;font-size:0.750em;line-height:1.2em;}
.company .company_box .title{color:#0066ad;padding-bottom:15px;}
.company .company_box .text_head{color:#363636;padding-bottom:15px;}
.company .company_box .text_body{padding-bottom:15px;color:#888;}
.company .company_box .text_body p{margin-bottom:10px;}
.company .company_box .sign{color:#888;text-align:right;}
.company .company_box .sign .name{margin-left:5px;font-size:1.5em;color:#333;}
.company img{width:100%;}


/* list_data
-----------------------------------------------------------------------------*/
.list_data li{padding:20px 0;border-bottom:1px solid #dadada;cursor:pointer;}
.list_data .img_sec{float:left;width:89px;height:56px;background-color:#000;}
.list_data .data_sec{min-height:50px;margin:6px 0 0 99px;font-size:0.625em;letter-spacing:-1px;line-height:1.5em;}
.list_data .data_sec dt{float:left;width:75px;font-weight:bold;background:url(../img/sub/data_sec_dot.png) no-repeat right center;margin-right:1%;}
.list_data .data_sec dd{margin-left:80px;word-break:break-all;}
.c_blue{color:#0066ad;}

/* product_view
-----------------------------------------------------------------------------*/
.product{padding-top:10px;}
.product .info_top{position:relative;text-align:center;}
.product .info_top .img_sec{width:125px;height:82px;margin:0 auto;background-color:#333;}
.product .info_top .img_sec img{width:125px;height:82px;}
.product .info_top a.btn_inquiry{position:absolute;top:55px;right:0px;}
.product .info_top a.btn_inquiry img{width:80px;}
.product .info_top .lang_sel{
position:absolute;top:56px;right:0px;
width:80px;height:27px;
padding-left:5px;
border:0px;
font-size:10px;
color:#888;
background:url(../img/bg/bg_foot_sel.png) no-repeat left top;
background-size:80px 27px;
-webkit-border-radius:3px;-webkit-appearance:none;
}

.info_txt{padding-top:20px;font-size:0.750em;}
.info_txt .title{padding-bottom:5px;font-weight:bold;color:#333;}
.info_txt .text{padding-bottom:20px;}

/* table
-----------------------------------------------------------------------------*/
.tb_basic{width:100%;margin-top:10px;border:1px solid #d1d1d1;}
.tb_basic th{padding:5px;border-bottom:1px solid #d1d1d1;letter-spacing:-1px;font-size:0.750em;font-weight:normal;text-shadow:1px 1px 1px #fff;background-color:#f0f0f0;}
.tb_basic td{padding:5px 10px;text-align:left;letter-spacing:-1px;font-size:0.750em;border-bottom:1px solid #d1d1d1;word-break:break-all;}
.company_mark img{width:17px;height:15px;margin-right:5px;}

.tb_list{width:100%;margin-top:10px;border-top:1px solid #d1d1d1;}
.tb_list th{padding:5px 0;border-bottom:1px solid #d1d1d1;letter-spacing:-1px;font-size:0.750em;font-weight:normal;text-shadow:1px 1px 1px #fff;background:#f0f0f0 url(../img/sub/line.png) no-repeat right center;background-size:2px 12px;}
.tb_list td{padding:5px 10px;text-align:center;letter-spacing:-1px;font-size:0.750em;border-bottom:1px solid #d1d1d1;}


.btn_down{display:inline-block;width:39px;height:15px;}
.btn_down img{width:39px;height:15px;}


/* inquiry
-----------------------------------------------------------------------------*/
.inquiry{padding-top:10px;}
.agree_wrap{}
.agree_wrap h3{padding-bottom:10px;color:#363636;font-size:0.750em;font-weight:bold;}
.agree_wrap .agree_text{height:80px;padding:10px;border:1px solid #bbb;overflow-y:scroll;font-size:0.750em;}
.agree_wrap .ch_box{margin-top:5px;text-align:right;font-size:0.750em;}
.h3_tit{margin-top:20px;padding:5px 10px;color:#0066ad;font-weight:bold;font-size:0.875em;background-color:#cbe0f3;}
.inquiry .inp_txt{width:97%;height:24px;font-size:1em;line-height:24px;padding-left:1%;margin-bottom:12px;color:#666;border:1px solid #ddd;border-radius:3px;box-shadow:0px 1px 2px #8f9fad;}
.inquiry .inp_30{width:40%;height:24px;font-size:1em;line-height:24px;padding-left:1%;margin-bottom:12px;color:#666;border:1px solid #ddd;border-radius:3px;box-shadow:0px 1px 2px #8f9fad;}
.inquiry .btn_send{width:100px;}
.inquiry label{position:relative;display:inline-block;padding-left:24px;}
.inquiry label input{position:absolute;top:-1px;left:0px;border:0px none;vertical-align:middle;}

.form_dl{letter-spacing:-1px;}
.form_dl dt{padding:10px 0 0 10px;color:#363636;font-size:0.875em;}
.form_dl dt.ess{background:url(../img/sub/icon_ess.png) no-repeat left 16px;}
.form_dl dd{position:relative;margin:8px 0 10px 10px;font-size:0.750em;}
.form_dl dd:after{display:block;clear:both;content:"";}
.form_dl dd input{margin-bottom:0px !important;}
.form_dl dd textarea{width:97%;height:100px;padding:1%;border:1px solid #ddd;color:#666;}
.form_dl dd span.block{text-align:center;}
.form_dl dd.radio_box label{padding-bottom:5px;}
.form_dl label{margin-right:10px;}
.form_dl dd.pad_r120{padding-right:120px;}
.form_dl dd.sel_wrap{}
.form_dl dd.sel_wrap select{margin-right:10px;}
.form_dl dd.sel_wrap label{float:left;margin:5px 0px 0px 0px;}
.form_dl .sel_110{
position:absolute;top:0px;right:0px;
width:110px;height:27px;
padding-left:5px;
border:0px;
font-size:0.875em;
color:#888;
background:url(../img/bg/sel169.png) no-repeat left top;
background-size:110px 27px;
-webkit-border-radius:3px;-webkit-appearance:none;
}
.form_dl .sel_box{
float:left;
width:130px;height:27px;
padding-left:5px;
border:0px;
font-size:0.875em;
color:#888;
background:url(../img/bg/sel295.png) no-repeat left top;
background-size:130px 27px;
-webkit-border-radius:3px;-webkit-appearance:none;
}


input[type="checkbox"]{width:17px;height:17px;margin:0; padding:0;border:0px none;-webkit-appearance:none;background:transparent url(../img/sub/inp_ch.png) no-repeat left top;background-size:17px 17px;}
input[type="checkbox"]:checked{width:17px;height:17px;border:0px none;-webkit-appearance:none;background:transparent url(../img/sub/ch_inp_on.png) no-repeat left top;background-size:17px 17px;}

input[type="radio"]{width:17px;height:17px;margin:0; padding:0;-webkit-appearance:none;border:0px none;background:transparent url(../img/sub/inp_radio.png) no-repeat left top;background-size:17px 17px;}
input[type="radio"]:checked{width:17px;height:17px;margin:0; padding:0;-webkit-appearance:none;border:0px none;background:transparent url(../img/sub/inp_radio_on.png) no-repeat left top;background-size:17px 17px;}

/* network
-----------------------------------------------------------------------------*/
.network{padding-top:10px;}
.network h3{width:110px;}
.network h3 img{width:100%;}
.tab_wrap{position:relative;padding-top:30px;margin-top:10px;}
.tab_wrap h4{position:absolute;width:25%;text-align:center;font-size:0.750em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f0f0f0;}
.tab_wrap h4.bt01{left:0px;top:0px;border-left:1px solid #ddd;background:#f0f0f0 url(../img/sub/tab_line.png) no-repeat right center;background-size:2px 12px;}
.tab_wrap h4.bt02{left:25%;top:0px;background:#f0f0f0 url(../img/sub/tab_line.png) no-repeat right center;background-size:2px 12px;}
/*.tab_wrap h4.bt03{left:40%;top:0px;background:#f0f0f0 url(../img/sub/tab_line.png) no-repeat right center;background-size:2px 12px;}*/
.tab_wrap h4.bt04{left:50%;top:0px;background:#f0f0f0 url(../img/sub/tab_line.png) no-repeat right center;background-size:2px 12px;}
.tab_wrap h4.bt05{left:75%;top:0px;border-right:1px solid #ddd;}
.tab_wrap h4 a{display:block;height:23px;padding-top:7px;font-weight:bold;letter-spacing:-1px;text-shadow:1px 1px 1px #fff;}
.tab_wrap h4 a.on{color:#0066ad;}
.tab_view{display:none;padding:10px 0 30px 0px;font-size:0.750em;letter-spacing:-1px;}
.tab_view .title{color:#0066ad;}
.tab_view .data{padding:5px 0 10px 0;}
.tab_view dt{float:left;margin-right:3px;color:#363636;}
.tab_view dd{padding-bottom:3px;}
.domestic_btn{padding:5px;margin-top:10px;border:1px solid #ddd;background-color:#f0f0f0;}
.domestic_btn:after{display:block;content:"";clear:both;}
.domestic_btn li{float:left;width:33.3%;text-align:center;background:url(../img/sub/line_bot.png) repeat-x right bottom;background-size:100% 2px;}
.domestic_btn li a{display:block;padding:7px 0;font-size:0.750em;letter-spacing:-1.5px;background:url(../img/sub/tab_line.png) repeat-y right top;background-size:2px 100%;}
.domestic_btn li a.on {color:#0066ad;}
.domestic_btn li a:hover, .domestic_btn li a:active{color:#0066ad;}

/* network_pop
-----------------------------------------------------------------------------*/
.popup_domestic{position:absolute;top:100px;left:6%;right:6%;padding:25px 5px 20px 5px;border:1px solid #878787;box-shadow:2px 2px 2px #888;background-color:#fff;z-index:2000;}
.popup_domestic .view{width:100%;min-height:200px;background-color:#333;}
.popup_domestic .view img{width:100%;}
.popup_domestic .info_tit{padding-top:10px;text-align:center;}
.popup_domestic .info_tit .title{font-weight:bold;color:#0066ad;font-size:0.750em;}
.popup_domestic .info_tit .text{padding-top:5px;font-size:0.750em;}
.popup_domestic .info_txt{padding-top:20px;font-size:0.750em;}
.popup_domestic .info_txt dt{float:left;margin-right:3px;color:#363636;}
.popup_domestic .info_txt dd{padding-bottom:5px;}
.popup_domestic .btn_closed{position:absolute;top:7px;right:5px;}
.popup_domestic .btn_closed img{width:12px;}






.btn_center{padding-top:20px;text-align:center;}
.btn_center a, .btn_center input{margin:0 2px;}
.btn_right{padding-top:20px;text-align:right;}
.btn_right a, .btn_right input{margin-left:4px;}
.mar5{margin:0 5px !important;}
.block{display:block !important;}

/* cover */
.black_cover{opacity:0.6;filter:alpha(opacity=60);background-color:#000;width:100%;height:100%;z-index:2;position:absolute;display:none;}
.white_cover{opacity:0.6;filter:alpha(opacity=60);background-color:#fff;width:100%;height:100%;z-index:999;position:absolute;text-align:center;font-weight:bold;display:none;}
.white_cover div{margin-top:130px;width:100px;height:30px;display:block;position:fixed;margin-left:40%;}
/* cover */


/* 2014-01-03 */
@media all and (min-width:768px){
.popup_domestic{left:6%;right:6%;}
.popup_domestic .view{}
.popup_domestic .view img{height:auto;max-width:}

}