@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{
   font-family:"나눔고딕","NanumGothic",'Nanum Gothic',helvetica,arial,sans-serif;
   font-style:normal;
 /*  font-weight:normal; */
   src:url(NanumGothic.eot);
   src:local(※),url('NanumGothic.woff') format('woff'),url('NanumGothic.ttf') format('truetype') ;
}

/*Layer*/
body{width:100%}
#wrap{overflow:hidden;width:100%;min-width:1270px;font-family:"나눔고딕","NanumGothic",'Nanum Gothic';
}
#header{float:left;width:324px;position:relative;z-index:100}
#container{float:left;position:relative;width:100%;margin-left:-324px;
background:#ededed url(/images/page/bg_container.gif) repeat-y right top}
#contents{position:relative;padding-left:414px;width:896px;min-height:982px;background:#fff;
font-family:"나눔고딕","NanumGothic",'Nanum Gothic';padding-bottom:100px;}
#footer{width:100%;}

/*header*/
.head{width:190px;height:1020px;position:relative;z-index:99;padding-top:47px;padding-left:21px;background:url(/images/page/nav_bg.gif)}
.head_top{text-align:center;width:153px;border-bottom:1px #7d7e81 solid;}
.head_top h1{margin-bottom:23px}
.head_top ul{}
.head_top ul li{display:inline-block;#display:inline;*zoom:1;
padding-right:5px;margin-right:4px;background:url(/images/main/tm_bg.gif) no-repeat right top}
.head_top ul li.last{margin:0;padding:0;background:0}

.mainmenu{}
.mainmenu>ul{}
.mainmenu>ul>li{height:76px;border-bottom:1px solid #3c3d42;width:153px;}
.mainmenu>ul>li>a{display:block;height:45px;width:142px;margin:0 auto;font-size:16px;color:#7d7e81;font-weight:600;
padding:31px 0 0 0;/*background:url(/images/main/nav_off.png) no-repeat right center*/}

.submenu{position:relative;position:absolute;left:210px;top:0;width:154px;
background:url(/images/page/sub_nav_bg2.gif) repeat}
.submenu>ul{display:none;width:154px;margin:0 auto;border-top:1px solid #647897;}
.submenu>ul>li{border-bottom:1px solid #647897; text-indent:30px;}
.submenu>ul>li a{display:block;width:100%;padding:13px 0;color:#fff;font-size:13px;font-weight:600}
.submenu>ul>li a.on{color:#333333; background:#fff;}
.submenu>ul>li>ol{padding:10px 0;border-top:1px solid #ddd}
.submenu>ul>li>ol>li{}
.submenu>ul>li>ol>li>a{display:block;font-size:12px;font-weight:normal;padding:3px 0}
.submenu>ul>li>ol>li a.on{color:#1f57a8;}
.submenu .mm1_sub{margin-top:150px}
.submenu .mm2_sub{margin-top:150px}
.submenu .mm3_sub{margin-top:150px}
.submenu .mm4_sub{margin-top:150px}
.submenu .mm5_sub{margin-top:150px}

.submenu_bg_img{display:none; position:absolute;left:0;bottom:0}

.head_footer{}
/*수정 */
.head_footer .fm{padding:85px 0 144px 0;}
.head_footer .fm ul{overflow:hidden;margin-bottom:8px;}
.head_footer .fm ul li {float:left;}
.head_footer .fm ul li > a {color:#666666;font-size:9px;margin:0 1.5px;}
/*.head_footer .fm ul li{width:74px;height:24px;float:left;text-align:center;line-height:24px;}
.head_footer .fm ul li a{font-size:10px;color:#666666;font-weight:600}*/
/****/
.head_footer address{width:160px;font-size:11px;line-height:140%;font-weight:bold;}
.head_footer .note{width:158px;padding:12px 10px;font-size:11px;line-height:140%;
border-bottom:1px solid #ddd}
.head_footer .copyright{width:150px;padding-top:11px;font-size:11px;line-height:140%;font-size:11px;font-weight:bold;}
.head_footer .copyright a  {color:#555}
.head_footer .copyright a:hover {color:#777}

.fm_{padding-top:14px;}
/*contents*/
.pagetop{position:relative;padding:80px 0 0 0;font-family:"나눔고딕","NanumGothic",'Nanum Gothic'; border-bottom:1px solid #ededed; padding-bottom:12px;
width:846px;margin:0 0 56px 0;}
.pagetop .title{font-size:32px;font-weight:600;letter-spacing:-1px;color:#444;
font-family:"나눔고딕","NanumGothic",'Nanum Gothic';}
.pagetop .title_btm{margin-top:5px}
.pagetop .location{position:absolute;right:0;bottom:12px;font-size:12px}
.pagetop .location{overflow:hidden}
.pagetop .location li{float:left;padding-left:13px;margin-right:8px;
background:url(/images/page/icon_arr.gif) no-repeat left 1px}
.pagetop .location li.first{padding-left:20px;background:url(/images/page/icon_home.gif) no-repeat left 1px;}
.pagetop .location li.last{margin:0;}

.m14tab li{width:280px;margin-bottom:3px}

.cibi_down{width:846px;margin-top:30px;text-align:right}

.m16tab{margin-bottom:5px !important}
.m16tab li{width:209px}
.map{overflow:hidden;width:846px;height:492px;margin-bottom:10px}

.m17tab{margin-bottom:5px !important}
.m17tab li{width:421px}

.m21_sn2_cate li{width:421px}

.subcon{text-align:center;     width: 846px;}
.subcon1{text-align:left;}
.as{width:846px;}
.as table{width:100%;border-top:2px solid #084e9a;margin:20px 0 0 0;}
.as table th{width:115px;padding:10px 0 10px 15px;text-align:left;background:#f8f8f8;
border-bottom:1px solid #ddd;letter-spacing:-1px;font-family:"나눔고딕","NanumGothic",'Nanum Gothic';}
.as table td{padding:10px 10px 10px 7px;border-bottom:1px solid #ddd;
font-family:"나눔고딕","NanumGothic",'Nanum Gothic';}
.as table td .ipt{height:21px;border:1px solid #ddd}
.as table td .slt{height:21px;border:1px solid #ddd}
.as table td .w1{width:172px}
.as table td .w2{width:267px}
.as table td .w3{width:79px;}
.as table td .w4{width:627px}
.as table td .w5{width:119px}
.as table td .w6{width:204px}
.as table td .w7{width:368px}
.as table td textarea{width:701px;border:1px solid #ddd;height:175px;resize:none}

.products_list{width:846px;border-top:2px solid #084e9a}
.products_list ul{overflow:hidden;;border-bottom:1px solid #ddd}
.product_tr{width:846px; min-height:280px; border-bottom:1px solid #ddd;}
.products_list .product_tr ul li{float:left;text-align:center;padding:20px 0;
width:33%;}
.products_list .product_tr ul li dl{}
.products_list .product_tr ul li dl dt{}
.products_list .product_tr ul li dl dd{margin:10px 0}
.products_list .product_tr ul li dl dd .sbj{font-weight:600}
.products_list .product_tr ul li dl dd .size{margin:5px 0}
.products_list .product_tr ul li dl dd .price{}

.product_view{width:846px;padding:25px 0;overflow:hidden;
border-top:2px solid #084e9a;border-bottom:1px solid #ddd}
.product_view .p_left{float:left;width:404px;padding:0 0 0 10px}
.product_view .p_left .p_btns{margin:5px 0 12px 0}
.product_view .p_left .p_btns ul{overflow:hidden}
.product_view .p_left .p_btns ul li{float:left}
.product_view .p_left .p_btns ul li.last{margin:0}
.product_view .p_info{float:right;width:415px;padding-top:10px}
.product_view .p_info table{width:100%;border-bottom:1px solid #ddd}
.product_view .p_info table th{width:153px;padding:12px 0 12px 12px;
font-family:"나눔고딕","NanumGothic",'Nanum Gothic';
border-bottom:1px dotted #ddd;text-align:left;font-weight:600;font-size:13px}
.product_view .p_info table th.ptitle{width:100%;padding:12px 0 12px 0;font-size:25px;
color:#084e9a;font-weight:600;border-bottom:1px solid #ddd}
.product_view .p_info table td{padding:12px;border-bottom:1px dotted #ccc;
font-family:"나눔고딕","NanumGothic",'Nanum Gothic';line-height:150%;}
.product_view .p_info table .last{border:0}

/*common*/
.tabmenu{width:100%;margin-bottom:40px}
.tabmenu ul{overflow:hidden}
.tabmenu ul li{float:left;margin-right:3px}
.tabmenu ul li.last{margin:0}
.tabmenu ul li a{display:block;width:100%;padding:17px 0;background:#eee;font-size:15px;color:#555;
text-align:center}
.tabmenu ul li a.tabon{background:url(/images/page/bg_tab_on.gif) repeat;color:#fff}
.dn{display:none}
.slg{margin-bottom:15px;font-size:24px;color:#444;font-weight:600;line-height:130%}
.slg .blue{color:#084e9a;}
.mb5{margin-bottom:5px}
.btns{width:846px;margin:20px auto;text-align:center}
.btns_right{width:846px;margin:10px 0;text-align:right}
.btns_right a{color:#fff}
.btn_st1{display:inline-block;#display:inline;*zoom:1;padding:7px 14px;color:#fff;background:#2357a1;}
.btn_st2{display:inline-block;#display:inline;*zoom:1;padding:7px 14px;color:#fff;background:#414a58}
.btn_st3{display:inline-block;#display:inline;*zoom:1;padding:3px 7px;color:#fff;background:#2357a1}
.btn_st4{display:inline-block;#display:inline;*zoom:1;padding:3px 7px;color:#fff;background:#414a58}

.search{margin:20px 0}
.search .btn_st1{padding:3px 7px;display:inline-block;}
.search select{;vertical-align:top;border:1px solid #ddd}
.search .ipt{border:1px solid #ddd;height:18px;vertical-align:top}
.paging{width:846px;text-align:center}
.paging a{display:inline-block;#display:inline;*zoom:1;padding:0 5px}
.paging b{display:inline-block;#display:inline;*zoom:1;padding:0 5px}
.paging img{}

.sitemap{overflow:hidden;font-family:"나눔고딕","NanumGothic",'Nanum Gothic';}
.sitemap .site_menu{float:left;width:161px;margin-right:10px}
.sitemap .site_menu h2{border-top:2px solid #1759a0;border-bottom:1px solid #ddd;background:#f2f2f2;
color:#444;font-size:16px;text-align:center;font-weight:600;padding:18px 0;
font-family:"나눔고딕","NanumGothic",'Nanum Gothic';}
.sitemap .site_menu>ul{}
.sitemap .site_menu>ul>li{border-bottom:1px solid #ddd;text-align:left;
background:url(/images/page/sitemap_bg.gif) no-repeat 10px center}
.sitemap .site_menu>ul>li>a{display:block;padding:15px 0 15px 26px;;
font-family:"나눔고딕","NanumGothic",'Nanum Gothic';font-size:13px}
.sitemap .site_menu>ul>li>ul{background:#f9f9f9;border-top:1px solid #ddd;padding:10px 0 10px 26px}
.sitemap .site_menu>ul>li>ul>li{}
.sitemap .site_menu>ul>li>ul>li>a{display:block;padding:7px 0;font-size:12px;}




/*m14*/
.tab1{position:relative; margin-top:40px;}
.tab1 img{display:none; position:absolute; top:0; left:0;}
.tab1 img.on{display:block;}


/*m33*/
.license_wrap{width:796px; height:566px; border-top:2px solid #455f87; border-bottom:1px solid #dfdfdf; background:#f7f7f7; margin-top:50px; padding:50px 0 0 50px;;;}
.license_wrap>div{float:left; width:348px; margin-bottom:50px;margin-right:50px;}
.license_wrap>div>ul{overflow:hidden; width:100%;}
.license_wrap>div>ul>li{float:left;}
.license_wrap>div>ul>li.license_img{margin-right:30px;width:150px;; cursor:pointer;}
.license_wrap>div>ul>li.license_text{width:168px;;}
.license_wrap>div>ul>li.license_text>h3{margin-top:60px; font-size:13px; color:#455f87; font-weighT:bold;margin-bottom:6px;}
.license_wrap>div>ul>li.license_text>p{font-size:15px; color:#555555; margin-bottom:20px; font-weight:bold;}
#bg{display:none; background:url('../images/page/bg.png') repeat left top; width:100%; height:100%;position:fixed; top:0; left:0; z-index:999}
.bigimg_wrap{display:none; width:580px;position:relative; position:absolute; top:100px; left:50%;margin-left:-100px; z-index:1000}
.bigimg_wrap>div{}
.bigimg_wrap>div>img{position:absolute; top:0; left:0;}
.bigimg_wrap>img{position:absolute; top:0; right:0; }


/*m42*/
.online_table{width:100%; border-top:2px solid #455f87}
.online_table tr th, .online_table tr td{padding:14px 0 14px 20px; border-bottom:1px solid #dfdfdf;}
.online_table tr th{width:106px; background:#f6f6f6; color:#222222; font-weight:bold; font-size:14px;}
.online_table tr th span{color:#455f87}
.online_table tr td{padding:7px 0 7px 15px; color:#555555; font-size:14px;}
.online_table tr td input,.online_table tr td select{border:1px solid #ededed; height:27px;;}
.online_table tr td textarea{border:1px solid #ededed; width:680px; height:279px;}

.m42_btn{width:100%; text-align:center;margin-top:20px;}
.m42_btn ul{width:126px; margin:0 auto; overflow:hidden}
.m42_btn a{display:block; float:left;}
.m42_btn .btn_submit  {background:#455f87; color:#fff; padding:0; margin:0;width:58px; height:28px; text-align:center; line-height:28px;border:0; margin-right:10px;;}
.m42_btn .btn_cancel  {padding:0; margin:0;width:58px; height:28px; text-align:center; line-height:28px;background:#666666;color:#fff; border:0}