@import url("reset.css");

@import url("font.css");
body {font-family: "Noto Sans TC", sans-serif;}

/*body {font-family: "NotoSans", sans-serif;}*/



/* navigation */
#navigation {width:100%;height:76px;background-color:#fff;position:absolute;left:0;top:0;z-index:3;} /*navigation 영역 */
#navigation .navi_area {height:75px;min-width:1024px;max-width:1280px;margin:0 auto;position:relative;border-bottom:0px solid #e3e3e3;background:#fff;}
#navigation .navi_area .logo_box {height:72px;position:absolute;left:0;top:0;overflow:hidden;z-index:4;}
#navigation .navi_area .logo_box.hidden {width:0;}
#navigation .navi_area .logo_sub_box {width: 110px;height:53px;position: absolute;left:0;top:22px;overflow: hidden;z-index: 2;padding-left:0px;opacity:0;}
#navigation .navi_area .logo_sub_box.top {opacity:1;}
#navigation .navi_area .logo_sub_box .sub_logo {width:100%;}

#navigation .navi_area .navi_side_box {height:76px;position:relative;overflow:hidden;}
/*#navigation .navi_area .navi_side_box.hidden {width:0;}*/
#navigation .navi_area .navi_side_box .business_center {width:170px;height:76px;display:block;float:right;background:#fe6612;position:relative;z-index:2;}
#navigation .navi_area .navi_side_box .business_center .text {font-size:16px;color:#fff;position:relative;display:block;left:72px;top:22px;letter-spacing:1px;}
#navigation .navi_area .navi_side_box .business_center .ico {position:absolute;left:15px;top:18px;}
#navigation .navi_area .navi_side_box .business_center .btn_close {width:98px;height:75px;background:url('../images/ico_navi_close.png') no-repeat 29px center #3d3d3d;position:absolute;right:-170px;top:0;font-size:17px;color:#fff;line-height:79px;padding-left:72px;letter-spacing:5px;}

#navigation .navi_area .navi_side_box .business_center.active {}
#navigation .navi_area .navi_side_box .business_center.active .btn_close {right:0;}


#navigation .navi_area h1 {float: left;height:75px;display:block;background:#fff;}
#navigation .navi_area h1 a.home {width:132px;height:34px;display:block;float:left;margin-top:19px;padding-left:20px;}
#navigation .navi_area a.main_home {width:80px;height:80px;display:block;float:left;background:url('../images/ico_sub_home.png') no-repeat center center #f27824; font-size:0;}
#navigation .navi_area .logo_box > p{width:80px;height:80px;display:block;float:left;}
#navigation .navi_area .smart_info_box {height:80px;background:#f27824;position:relative;float:right;overflow:hidden;display:block;}
#navigation .navi_area .smart_info_box .btn_side_menu {width:45px;height:80px;position:absolute;right:0;top:0;background:#f27824;border-left:1px solid #f48c45;}
#navigation .navi_area .smart_info_box .btn_side_menu .ico_close.rotate {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
}
#navigation .navi_area .smart_info_box .btn_side_menu .ico_close {width:21px;height:21px;position:absolute;left:12px;top:27px;background:url('../images/ico_plus.png') no-repeat 0 0;}
#navigation .navi_area .smart_info_box.active .btn_side_menu .ico_close {
    -webkit-transform:rotate(315deg);
    -moz-transform:rotate(315deg);
    -o-transform:rotate(315deg);
    transform:rotate(315deg);
    -ms-transform:rotate(315deg);
}
#navigation .navi_area .smart_info_box .btn_side_menu .ico_close.active {
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg);
    -ms-transform:rotate(135deg);
}

#navigation .navi_area .smart_info_box .btn_side_menu .text {font-size:18px;color:#fff;letter-spacing:7px;position:absolute;left:230px;top:30px;}
#navigation .navi_area .smart_info_box .btn_side_menu.active {width:211px;}
#navigation .navi_area .smart_info_box .btn_side_menu.active .text {left:90px;}
#navigation .navi_area .smart_info_box .btn_side_menu.active .ico_close {left:33px;}

#navigation .navi_area .smart_info_box .smart_box {width:165px;padding-right:46px;position:relative;overflow:hidden;}
#navigation .navi_area .smart_info_box .smart_box.active {width:0;}
#navigation .navi_area .smart_info_box .smart_box .smart_news {width:211px;position:relative;overflow:hidden;}
#navigation .navi_area .smart_info_box .smart_box .smart_news .top {height:17px;border-bottom:1px solid #f48c45;padding:10px 15px;overflow:hidden;}
#navigation .navi_area .smart_info_box .smart_box .smart_news .top span {font-size:15px;color:#fff;line-height:17px;padding:2px 0 0 22px;background:url('../images/ico_mic.png') no-repeat 0 0;}
#navigation .navi_area .smart_info_box .smart_box .smart_news .bottom {height:16px;padding:9px 0 12px 0;overflow:hidden;}
#navigation .navi_area .smart_info_box .smart_box .smart_news .bottom .date {width:71px;height:16px;background:url('../images/round_org.png') no-repeat 0 0;font-size:12px;color:#fff;text-align:center;font-family: 'Myriad Pro';display:inline-block;margin-left:18px;}
#navigation .navi_area .smart_info_box .smart_box .smart_news .bottom .text_box {height:16px;overflow:hidden;position:relative;}
#navigation .navi_area .smart_info_box .smart_box .smart_news .bottom .text_box .text {display:inline-block;font-size:12px;color:#fff;position:relative;white-space:nowrap;}


#navigation .navi_area .smart_info_box .smart_box .smart_price {width:211px;position:relative;overflow:hidden;}
#navigation .navi_area .smart_info_box .smart_box .smart_price .top {height:17px;border-bottom:1px solid #f48c45;padding:10px 15px;overflow:hidden;}
#navigation .navi_area .smart_info_box .smart_box .smart_price .top span {font-size:15px;color:#fff;line-height:17px;padding:2px 0 0 20px;background:url('../images/ico_current_price.png') no-repeat 0 3px;}
#navigation .navi_area .smart_info_box .smart_box .smart_price .bottom {height:19px;padding:9px 0 9px 15px;overflow:hidden;}
#navigation .navi_area .smart_info_box .smart_box .smart_price .bottom .date {width:71px;height:16px;background:url('../images/round_org.png') no-repeat 0 0;font-size:12px;color:#fff;text-align:center;font-family: 'Myriad Pro';display:inline-block;margin-left:18px;}
#navigation .navi_area .smart_info_box .smart_box .smart_price .bottom .text_box {overflow:hidden;position:relative; display: block !important;}
#navigation .navi_area .smart_info_box .smart_box .smart_price .bottom .text_box .text {display:inline-block;font-size:17px;color:#fff;position:relative;white-space:nowrap;line-height:17px;}
#navigation .navi_area .smart_info_box .smart_box .smart_price .bottom .text_box .text span {height:16px;display:inline-block;border-radius:16px;background:#ff964e;padding:0 10px 0 20px;font-size:13px;color:#fff;line-height:18px;margin-left:5px;position:relative;vertical-align:top;}
#navigation .navi_area .smart_info_box .smart_box .smart_price .bottom .text_box .text span.up {background:url('../images/ico_price_up.png') no-repeat 7px center #ff964e;}

#navigation .navi_area .select_lang {width:34px;height:24px;padding-left:26px;border:0px solid #d2d4d7;border-radius:20px;position:relative;float:right;background:url('../images/ico_lang.png') no-repeat 6px 5px #fff;overflow:hidden;margin:25px 20px 0 0;z-index:4;}
#navigation .navi_area .select_lang:hover {width:84px;}
#navigation .navi_area .select_lang_machinery:hover {width:124px;}
#navigation .navi_area .select_lang a {display:block;float:left;font-size:13px;color:#666;line-height:26px;position:relative;letter-spacing:1px;font-weight:bold;}
#navigation .navi_area .select_lang a:hover {color:#f27824;}
#navigation .navi_area .select_lang a.active {color:#f27824;}
#navigation .navi_area .select_lang a.kor {margin-right:10px;}
#navigation .navi_area .select_lang a.kor:before {content:'';width:1px;height:10px;background:#d2d4d7;position:absolute;right:-11px;top:7px;}
#navigation .navi_area .select_lang_machinery a.eng:before {content:'';width:1px;height:10px;background:#d2d4d7;position:absolute;right:-9px;top:7px;}
#navigation .navi_area .select_lang a.eng {margin-left:10px;}
#navigation .navi_area .select_lang a.chi {margin-left:17px;}

#navigation .navi_area .smart_info_side {width:0;height:700px;position:absolute;right:0;top:75px;overflow:hidden;z-index:4;background:#fff;}
#navigation .navi_area .smart_info_side .smart_info {width:520px;height:792px;background:#fff;position:relative;left:520px;padding-bottom:30px}
#navigation .navi_area .smart_info_side .smart_info .smart_info_news {  position: relative;height:20px;padding:7px 0;background:#efeee9;overflow: hidden;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_news .ico_new_wrap{background:#efeee9;padding:0 0px 0 10px;position: relative;z-index: 1;width: 55px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_news .ico { width:65px;display:block;font-size:12px;color:#fff;text-align:center;background:#efeee9 url('../images/round_org.png') no-repeat 0 0; letter-spacing:1px;line-height:1;padding: 6px 0;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_news .text {font-size:12px;color:#666;position: absolute;z-index: 0;  width: 390px;display: block;left: 500px;top: 12px;line-height: 1;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_news .notice_list .date {margin-right:7px;padding-right:10px;display:inline-block;position:relative;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_news .notice_list .date:before {width:1px;height:10px;background:#aaaaa7;position:absolute;right:0;top:12px;content:'';}
#navigation .navi_area .smart_info_side .smart_info .smart_info_news .notice_list{font-size:12px;color:#666;position: absolute;z-index: 0;  width: 390px;display: block;left: 85px;top: 0;line-height: 1;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_news .notice_list li {line-height: 35px; height: 34px;position: absolute; top: 0;left: 0;}

#navigation .navi_area .smart_info_side .smart_info .smart_info_price {border-bottom:1px solid #efeee9;padding:27px 20px 5px 20px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_price h2 {height:34px;font-size:22px;color:#333;font-weight:300;padding-left:50px;background:url('../images/ico_price.png') no-repeat 0 0;line-height:37px;letter-spacing:-1px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_price .graph_area {position:relative; margin-top:20px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_price .graph_area a {position:absolute; top:0; left:0; width:480px; height:304px; font-size:0; display: block;}

#navigation .navi_area .smart_info_side .smart_info .smart_info_quick {border-bottom:1px solid #efeee9;padding:27px 20px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick h2 {height:17px;font-size:15px;color:#333;font-weight:500;padding-left:27px;background:url('../images/ico_quick.png') no-repeat 0 0;line-height:20px;letter-spacing:-1px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick h2 span {color:#f27824;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul {width:443px;margin:20px auto 0;overflow:hidden;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li {width:74px;float:left;position:relative;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li a {display:block;padding-top:88px;text-align:center;font-size:14px;color:#333;letter-spacing:-1px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li a.ico01 {background:url('../images/ico_quick01.png') no-repeat 0 0;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li a.ico02 {background:url('../images/ico_quick02.png') no-repeat 0 0;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li a.ico03 {background:url('../images/ico_quick03.png') no-repeat 0 0;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li a.ico04 {background:url('../images/ico_quick04.png') no-repeat 0 0;}

#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li a.ico01:hover {background:url('../images/ico_quick01_on.png') no-repeat 0 0;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li a.ico02:hover {background:url('../images/ico_quick02_on.png') no-repeat 0 0;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li a.ico03:hover {background:url('../images/ico_quick03_on.png') no-repeat 0 0;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li a.ico04:hover {background:url('../images/ico_quick04_on.png') no-repeat 0 0;}

#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li.dot {width:43px;height:106px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li.dot:before {content:'';width:2px;height:2px;background:#f27824;position:absolute;left:20px;top:34px;}

#navigation .navi_area .smart_info_side .smart_info .smart_info_banner {padding:30px 20px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_banner .banner {width:457px;height:113px;position:relative;display:block;background:url('../images/smart_info_banner.jpg') no-repeat 0 0;text-indent:-9999px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_banner .banner:hover {background:url('../images/smart_info_banner_on.jpg') no-repeat 0 0;}


#navigation .navi_area .smart_info_side .smart_info .smart_info_invest {padding:31px 31px 0 31px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_invest h2 {height:34px;font-size:26px;color:#333;font-weight:normal;padding-left:50px;background:url('../images/ico_invest.png') no-repeat 0 0;line-height:34px;letter-spacing:-1px;position:relative;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_invest h2 .btn_invest_next {width:27px;height:27px;position:absolute;right:0;top:3px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_invest h2 .btn_invest_prev {width:27px;height:27px;position:absolute;right:32px;top:3px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_invest .invest_ul {overflow:hidden;margin-top:27px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_invest .invest_ul li {height:20px;padding:15px 0;border-top:1px solid #efeee9;position:relative;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_invest .invest_ul li .text {font-size:13px;color:#333;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_invest .invest_ul li .btn_download {width:28px;height:18px;position:absolute;right:10px;top:14px;background:url('../images/ico_download.png') no-repeat 0 0;overflow:hidden;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_invest .invest_ul li .btn_download .down {font-size:14px;color:#f27824;margin-left:35px;line-height:24px;}
#navigation .navi_area .smart_info_side .smart_info .smart_info_invest .invest_ul li .btn_download:hover {width:110px;}
	


/*#navigation .navi_area .smart_info_side.active {width:520px;}*/
/*#navigation .navi_area .smart_info_side.active .smart_info {left:0;}*/
/*상단 메뉴*/
#navigation .navi_area .navi_ul {width:840px;height:80px;overflow:hidden;position:absolute;left:50%;top:0;margin-left:-378px;z-index:3;}
#navigation .navi_area .navi_ul > li {width:140px;float:left;position:relative;} 
#navigation .navi_area .navi_ul > li.navi_line {width:140px;height:2px;background:#2b58db;position:absolute;left:0;top:80px;z-index:2;} /*상단메뉴 하단 선택 라인*/
#navigation .navi_area .navi_ul li .navi_dl {overflow:hidden;}
#navigation .navi_area .navi_ul li .navi_dl dt {height:75px;position:relative;z-index:2;background:#fff;} /*상단메뉴 Background*/
#navigation .navi_area .navi_ul li .navi_dl dt a {display:block;font-size:17px;color:#4a5160;line-height:78px;text-align:center;position:relative;;} /*상단메뉴 영역/폰트*/
#navigation .navi_area .navi_ul li .navi_dl dt a.active {color:#2b58db;} /*상위메뉴 폰트 선택*/
#navigation .navi_area .navi_ul li .navi_dl dt a:before {width:2px;height:2px;background:#d4d4d4;position:absolute;right:0;top:36px;content:'';} /*상단메뉴 구분 점*/
#navigation .navi_area .navi_ul li .navi_dl dt a.last:before {display:none;}
#navigation .navi_area .navi_ul li .navi_dl dd {height:216px;position:relative;z-index:1;top:25px;opacity:0;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

#navigation .navi_area .navi_ul li:nth-child(1) .navi_dl dd.over {top:0;opacity:1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
#navigation .navi_area .navi_ul li:nth-child(2) .navi_dl dd.over {top:0;opacity:1;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
#navigation .navi_area .navi_ul li:nth-child(3) .navi_dl dd.over {top:0;opacity:1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
#navigation .navi_area .navi_ul li:nth-child(4) .navi_dl dd.over {top:0;opacity:1;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
#navigation .navi_area .navi_ul li:nth-child(5) .navi_dl dd.over {top:0;opacity:1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
#navigation .navi_area .navi_ul li:nth-child(6) .navi_dl dd.over {top:0;opacity:1;
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}


#navigation .navi_area .navi_ul li .navi_dl dd:before {content:'';width:0px;height:155px;position:absolute;right:0;top:73px;background:#e3e3e3;} /*메뉴구분 세로라인*/
#navigation .navi_area .navi_ul.machinery li .navi_dl dd:before {content:'';width:1px;height:177px;position:absolute;right:0;top:73px;background:#e3e3e3;}
#navigation .navi_area .navi_ul.trade li .navi_dl dd:before {content:'';width:1px;height:204px;position:absolute;right:0;top:73px;background:#e3e3e3;}
#navigation .navi_area .navi_ul.explosives li .navi_dl dd:before {content:'';width:1px;height:140px;position:absolute;right:0;top:73px;background:#e3e3e3;}


#navigation .navi_area .navi_ul li .navi_dl dd.last {border-right:0;}
#navigation .navi_area .navi_ul li .navi_dl dd.last:before {display:none;}

#navigation .navi_area .navi_ul li .navi_dl dd .ico_box {width:140px;height:89px;position:relative;}
#navigation .navi_area .navi_ul li .navi_dl dd .ico_box:before {content:'';width:2px;height:2px;position:absolute;right:0;top:44px;background:#c4c4c4;}
#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.last:before {display:none;}
#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico01 {background:url('../images/ico_gnb_sub_ico01.png') no-repeat center center;}
#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico01.active {background:url('../images/ico_gnb_sub_ico01_on.png') no-repeat center center;}
#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico02 {background:url('../images/ico_gnb_sub_ico02.png') no-repeat center center;}
#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico02.active {background:url('../images/ico_gnb_sub_ico02_on.png') no-repeat center center;}
#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico03 {background:url('../images/ico_gnb_sub_ico03.png') no-repeat center center;}
#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico03.active {background:url('../images/ico_gnb_sub_ico03_on.png') no-repeat center center;}
#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico04 {background:url('../images/ico_gnb_sub_ico04.png') no-repeat center center;}
#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico04.active {background:url('../images/ico_gnb_sub_ico04_on.png') no-repeat center center;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul {overflow:hidden;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li {text-align:center;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li.text {margin-bottom:5px;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li span {display:inline-block;font-size:13px;color:#333;padding:5px 0 10px 0;position:relative;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li span:before {content:'';width:15px;height:1px;position:absolute;left:50%;bottom:0;margin-left:-7px;background:#bebebe;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a {font-size:15px;color:#333;padding:5px 0;display:inline-block;line-height:18px;}
/* 메뉴명이 이미지일 경우 */
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.menu_img_1_1 {width:100%; height:18px; font-size:0; background:url("../images/menu_img_1_1.png") center center no-repeat; vertical-align: top;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.menu_img_1_4 {width:100%; height:18px; font-size:0; background:url("../images/menu_img_1_4.png") center center no-repeat; vertical-align: top;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.menu_img_3_1 {width:100%; height:18px; font-size:0; background:url("../images/menu_img_3_1.png") center center no-repeat; vertical-align: top;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.menu_img_1_1:hover {background-image:url("../images/menu_img_1_1_on.png"); }
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.menu_img_1_4:hover {background-image:url("../images/menu_img_1_4_on.png");}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.menu_img_3_1:hover {background-image:url("../images/menu_img_3_1_on.png");}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.menu_img_1_1.active {background-image:url("../images/menu_img_1_1_on.png"); }
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.menu_img_1_4.active {background-image:url("../images/menu_img_1_4_on.png");}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.menu_img_3_1.active {background-image:url("../images/menu_img_3_1_on.png");}

#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul.sub li a {padding:10px 0;line-height:13px;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.sub {font-size:12px;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a:hover {color:#2b58db;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a:focus {color:#2b58db;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.active {color:#2b58db;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_ico {height:70px;position:relative;text-align:center;overflow:hidden;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_ico .num {font-size:22px;color:#d1d1d1;line-height:80px;font-weight:700;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_ico .ico {width:27px;height:27px;position:absolute;left:50%;top:-27px;margin-left:-13px;}
#navigation .navi_area .navi_ul li .navi_dl dd .quick_area {margin-top:15px;padding-top:25px;position:relative;text-align:center;}
#navigation .navi_area .navi_ul li .navi_dl dd .quick_area:after {content:'';width:16px;height:1px;background:#bebebe;position:absolute;left:50%;top:0;margin-left:-8px;}
#navigation .navi_area .navi_ul li .navi_dl dd .quick_area .quick_go {width:62px;height:18px;display:block;margin:12px auto 0;background:url('../images/btn_round_org.png') no-repeat 0 0;font-size:11px;color:#f27824;text-align:center;line-height:20px;font-weight:bold;}

#navigation .navi_area .navi_ul.sub {width:600px;margin-left:-300px;}
/*#navigation .navi_area .navi_ul.sub li .navi_dl dt a {font-size:14px;}*/
#navigation .navi_area .navi_ul.sub li .navi_dl dt a:before {width:1px;height:14px;position:absolute;right:0;top:50%;margin-top:-7px;content:'';}

/*서브메뉴 영역*/
#navigation .navi_layer {width:100%;height:0;position:absolute;left:0;top:80px;z-index:2;overflow:hidden;}
#navigation .navi_layer .white_bg {height:100%;background:#f9f9f9;border-bottom:1px solid #e3e3e3;}
#navigation .navi_layer .shadow {height:10px;background:url('../images/gnb_shadow.png') repeat-x 0 0;display:none;}

/* navigation_sub */
#navigation_sub {width:100%;height:48px;position:absolute;left:0;top:270px;z-index:5;}

#navigation_sub .btn_side_navi_box {width:53px;height:48px;position:absolute;right:0;top:0;overflow:hidden;}
#navigation_sub .logo_box {width:110px;position:absolute;left:0;top:10px;overflow:hidden;z-index:2;padding-left:10px;}
#navigation_sub .logo_box.top {top:-30px;}
#navigation_sub .logo_box img {width:100%;}
#navigation_sub .logo_box .sub_navi_logo {position:relative;left:-130px;}
#navigation_sub .btn_side_navi {width:17px;height:12px;padding:18px;position:absolute;right:-53px;top:0; display: block;}
#navigation_sub .btn_side_navi span {width:17px;height:2px;background:#878787;display:block;position:relative;top:0;}
#navigation_sub .btn_side_navi p.state {font-size:0;}
#navigation_sub .btn_side_navi:hover span {background:#f27824;}
#navigation_sub .btn_side_navi:hover span.line_top {top:-2px;}
#navigation_sub .btn_side_navi:hover span.line_bottom {top:2px;}
#navigation_sub .btn_side_navi span.line_top {margin-bottom:4px;}
#navigation_sub .btn_side_navi span.line_middle {margin-bottom:4px;}
#navigation_sub .btn_side_navi span.line_top.active {
    -webkit-transform:rotate(45deg);-webkit-transform-origin:left center;
    -moz-transform:rotate(45deg);-moz-transform-origin:left center;
    -o-transform:rotate(45deg);-o-transform-origin:left center;
    transform:rotate(45deg);transform-origin:left center;
    -ms-transform:rotate(45deg);-ms-transform-origin:left center;
    background:#f27824;
    top:0 !important;
}

#navigation_sub .btn_side_navi span.line_middle.active {opacity:0;}
#navigation_sub .btn_side_navi span.line_bottom.active {
    -webkit-transform:rotate(-45deg);-webkit-transform-origin:left center;
    -moz-transform:rotate(-45deg);-moz-transform-origin:left center;
    -o-transform:rotate(-45deg);-o-transform-origin:left center;
    transform:rotate(-45deg);transform-origin:left center;
    -ms-transform:rotate(-45deg);-ms-transform-origin:left center;
    background:#f27824;
    top:0 !important;
}


#navigation_sub .navi_sub_area {height:48px;min-width:1024px;max-width:2000px;margin:0 auto;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background:#fff;position:relative;}
#navigation_sub .navi_sub_area .navi_sub_ul {overflow:hidden;margin:0 auto;position:relative;z-index:1;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan7 {width:1001px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan7 >li{width:14.285%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan6 {width:996px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan6 > li{width:16.66%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan5 {width:1000px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan5 > li {width:20%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan4 {width:820px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan4 > li {width:25%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan3 {width:615px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan3 > li {width:33.33%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan2 {width:410px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan2 > li {width:50%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan1 {width:205px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan1 > li {width:205px;}

#navigation_sub .navi_sub_area .navi_sub_ul.defense_lan3 {width:615px;}
#navigation_sub .navi_sub_area .navi_sub_ul.defense_lan3 > li {width:33.33%;}
#navigation_sub .navi_sub_area .navi_sub_ul.defense_lan3 > li.expend {width:33.33%;}
#navigation_sub .navi_sub_area .navi_sub_ul{font-size: 0;letter-spacing: 0;word-spacing: 0;text-align: center;}
#navigation_sub .navi_sub_area .navi_sub_ul li {width:100%;display:inline-block;position:relative;font-size: 12px;  vertical-align: top;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl {height:49px;overflow:hidden;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl.focused {height: 100% !important;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl.focused dd{top: 0 !important;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt {position:relative;border-bottom:1px solid #e3e3e3;background:#fff;z-index:2;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a {height:14px;display:block;padding:17px 0;text-align:center;font-size:14px;color:#666;line-height:14px;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a.active {color:#f27824;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a:focus {color:#f27824;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a:hover {color:#f27824;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a:before {content:'';width:1px;height:14px;position:absolute;right:0;top:17px;background:#e3e3e3;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a.last:before {display:none;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt .sub_cursor_box {width:100%;height:8px;position:absolute;left:0;bottom:-1px;overflow:hidden;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt .sub_cursor {width:100%;height:7px;position:absolute;left:0;bottom:-8px;border-bottom:1px solid #f27824;background:url('../images/ico_sub_navi_cursor.png') no-repeat center 0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt .sub_cursor.active {bottom:0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd {position:relative;overflow:hidden;z-index:1;top:-250px;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 {overflow:hidden;border:1px solid #e3e3e3;border-top:0;background:#fff;box-sizing:border-box;padding:10px 0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li {box-sizing:border-box;text-align:center;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a {display:inline-block;font-size:12px;color:#333;position:relative;padding:8px 0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a span{display:inline-block;font-size:12px;color:#333;position:relative;padding: 2px 0}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a.active {color:#f27824;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a.active span {color:#f27824;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a.active:before {width:100%;left:0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a.long_nav{font-size: 11px}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a:focus {color:#f27824;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a:hover {color:#f27824;}

#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li.hotline:after {content:'';width:106px;height:1px;background:#e6e6e6;position:absolute;left:30px;top:0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li.hotline:before {content:'';width:106px;height:1px;background:#e6e6e6;position:absolute;left:30px;bottom:0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li.hotline {margin:5px 0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li.hotline a {padding:13px 0 13px 17px;background:url('../images/ico_bell.png') no-repeat 0 14px;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a:before {content:'';width:0;height:1px;position:absolute;left:50%;bottom:7px;background:#f27824;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li.hotline a:before {bottom:11px;}

#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a:hover:before {width:100%;left:0;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a:focus:before {width:100%;left:0;}