@import url("reset.css");
/*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/
/*@import url("/_resource/font/myriad/font.css");*/
/*@import url("/_resource/font/notosans/font.css");*/

body {
    /*font-family     : "Myriad Pro" !important;*/
    background-color: #fff !important;
}
/*
input,
textarea,
button,
select,
.map_area .info_window {
    font-family: "Myriad Pro";
}

.en_font1 {
    font-family: 'Myriad Pro';
}
*/
/* wrap */
#wrap {
    width           : 100%;
    position        : relative;
/*    background-color: #f3f3f1;*/
    min-width       : 1024px;
}

/* navigation */
#navigation {
    width   : 100%;
    height  : 74px;
    position: absolute;
    left    : 0;
    top     : 0;
    z-index : 3;
}

#navigation .navi_area {
    height       : 74px;
    min-width    : 1024px;
    max-width    : 2000px;
    margin       : 0 auto;
    position     : relative;
    border-bottom: 1px solid #e3e3e3;
    background   : #fff;
}

#navigation .navi_area .logo_box {
    height  : 75px;
    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: 10px;
    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  : 75px;
    position: relative;
    overflow: hidden;
}

/*#navigation .navi_area .navi_side_box.hidden {width:0;}*/
#navigation .navi_area .navi_side_box .business_center {
    width     : 170px;
    height    : 75px;
    display   : block;
    float     : right;
    background: #3d3d3d;
    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('/_resource/global_images/ico/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;
}

@media screen and (max-width:1300px) {
    #navigation .navi_area .navi_side_box .business_center {
        width: 72px;
    }

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

#navigation .navi_area h1 {
    float     : left;
    height    : 74px;
    display   : block;
    background: #fff;
}

#navigation .navi_area h1 a.home {
    width       : 190px;
    height      : 34px;
    display     : block;
    float       : left;
    margin-top  : 7px;
    padding-left: 20px;
}

#navigation .navi_area h1 a.home .small_logo {
    display: none;
}

#navigation .navi_area a.main_home {
    width     : 80px;
    height    : 75px;
    display   : block;
    float     : left;
    background: url('/_resource/global_images/ico/ico_sub_home.png') no-repeat center center #f27824;
    font-size : 0;
}

#navigation .navi_area .logo_box>p {
    width  : 80px;
    height : 75px;
    display: block;
    float  : left;
}

#navigation .navi_area .smart_info_box {
    height    : 75px;
    background: #006e94;
    position  : relative;
    float     : right;
    overflow  : hidden;
    display   : block;
}

#navigation .navi_area .smart_info_box .btn_side_menu {
    width      : 55px;
    height     : 75px;
    position   : absolute;
    right      : 0;
    top        : 0;
    background : #006e94;
    border-left: 1px solid #006e94;
}

#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('/_resource/global_images/ico/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: 12px;
}

#navigation .navi_area .smart_info_box .smart_box {
    width        : 19px;
    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('/_resource/global_images/ico/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('/_resource/global_images/etc/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 #ffffff; */
    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('/_resource/global_images/ico/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('/_resource/global_images/etc/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('/_resource/global_images/ico/ico_price_up.png') no-repeat 7px center #ff964e;
}

#navigation .navi_area .select_lang {
    width        : 34px;
    height       : 24px;
    padding-left : 26px;
    border       : 1px solid #d2d4d7;
    border-radius: 20px;
    position     : relative;
    float        : right;
    background   : url('/_resource/global_images/ico/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: #006e94;
}

#navigation .navi_area .select_lang a.active {
    color: #006e94;
}

#navigation .navi_area .select_lang a.eng {
    margin-right: 10px;
}

#navigation .navi_area .select_lang a.eng:before {
    content   : '';
    width     : 1px;
    height    : 10px;
    background: #d2d4d7;
    position  : absolute;
    right     : -11px;
    top       : 7px;
}

#navigation .navi_area .select_lang_machinery a.kor:before {
    content   : '';
    width     : 1px;
    height    : 10px;
    background: #d2d4d7;
    position  : absolute;
    right     : -9px;
    top       : 7px;
}

#navigation .navi_area .select_lang a.kor {
    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('/_resource/global_images/etc/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   : 20px;
    color       : #333;
    font-weight : 300;
    padding-left: 50px;
    background  : url('/_resource/global_images/ico/ico_price.png') no-repeat 0 0;
    line-height : 37px;
}

#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;
    display  : block;
    font-size: 0;
}

#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   : 18px;
    color       : #333;
    font-weight : 300;
    padding-left: 27px;
    background  : url('/_resource/global_images/ico/ico_quick.png') no-repeat 0 0;
    line-height : 20px;
}

#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: 84px;
    text-align : center;
    font-size  : 13px;
    color      : #333;
    font-weight: 300;
    line-height: 16px;
}

#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li a span {
    font-size  : 14px;
    font-weight: 500;
}

#navigation .navi_area .smart_info_side .smart_info .smart_info_quick .quick_ul li a.ico01 {
    background: url('/_resource/global_images/ico/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('/_resource/global_images/ico/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('/_resource/global_images/ico/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('/_resource/global_images/ico/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('/_resource/global_images/ico/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('/_resource/global_images/ico/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('/_resource/global_images/ico/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('/_resource/global_images/ico/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('/_resource/eng/global_images/etc/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('/_resource/eng/global_images/etc/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('/_resource/global_images/ico/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('/_resource/global_images/ico/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      : 750px;
    height     : 74px;
    overflow   : hidden;
    position   : absolute;
    left       : 50%;
    top        : 0;
    margin-left: -348px;
    z-index    : 3;
}

#navigation .navi_area .navi_ul>li {
    width   : 150px;
    float   : left;
    position: relative;
}

#navigation .navi_area .navi_ul>li.navi_line {
    width     : 150px;
    height    : 2px;
    background: #f27824;
    position  : absolute;
    left      : 0;
    top       : 75px;
    z-index   : 2;
}

#navigation .navi_area .navi_ul li .navi_dl {
    overflow: hidden;
}

#navigation .navi_area .navi_ul li .navi_dl dt {
    height    : 74px;
    position  : relative;
    z-index   : 2;
    background: #fff;
}

#navigation .navi_area .navi_ul li .navi_dl dt a {
    display       : block;
    font-size     : 14px;
    color         : #4a5160;
    line-height   : 78px;
    text-align    : center;
    position      : relative;
    letter-spacing: 0.3px;
}

#navigation .navi_area .navi_ul li .navi_dl dt a.active {
    color: #f27824;
}

#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            : 296px;
    position          : relative;
    z-index           : 1;
    top               : 25px;
    opacity           : 0;
    -webkit-transition: all 0.3s;
    -moz-transition   : all 0.3s;
    -o-transition     : all 0.3s;
    transition        : all 0.3s;
}

#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 .navi_dl dd:before {
    content   : '';
    width     : 1px;
    height    : 160px;
    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    : 170px;
    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   : 150px;
    height  : 80px;
    position: relative;
}

#navigation .navi_area .navi_ul.sub li .navi_dl dd .ico_box {
    width: 165px
}

#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('/_resource/global_images/ico/ico_gnb_sub_ico01.png') no-repeat center center;
}

#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico01.active {
    background: url('/_resource/global_images/ico/ico_gnb_sub_ico01_on.png') no-repeat center center;
}

#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico02 {
    background: url('/_resource/global_images/ico/ico_gnb_sub_ico02.png') no-repeat center center;
}

#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico02.active {
    background: url('/_resource/global_images/ico/ico_gnb_sub_ico02_on.png') no-repeat center center;
}

#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico03 {
    background: url('/_resource/global_images/ico/ico_gnb_sub_ico03.png') no-repeat center center;
}

#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico03.active {
    background: url('/_resource/global_images/ico/ico_gnb_sub_ico03_on.png') no-repeat center center;
}

#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico04 {
    background: url('/_resource/global_images/ico/ico_gnb_sub_ico04.png') no-repeat center center;
}

#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.ico04.active {
    background: url('/_resource/global_images/ico/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;
    padding   : 1px 0;
}

#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     : 12px;
    color         : #333;
    padding       : 5px 0;
    display       : inline-block;
    line-height   : 14px;
    letter-spacing: 0.4px;
}


/* 메뉴명이 이미지일 경우 */
#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("/_resource/eng/global_images/ico/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("/_resource/eng//global_images/ico/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("/_resource/eng/global_images/ico/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("/_resource/eng/global_images/ico/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("/_resource/eng/global_images/ico/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("/_resource/eng/global_images/ico/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("/_resource/eng/global_images/ico/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("/_resource/eng/global_images/ico/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("/_resource/eng/global_images/ico/menu_img_3_1_on.png");
}


#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul.sub li a {
    padding    : 4px 0 8px;
    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: #f27824;
}

#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a:focus {
    color: #f27824;
}

#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.active {
    color: #f27824;
}

#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('/_resource/global_images/etc/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      : 660px;
    margin-left: -300px;
}

#navigation .navi_area .navi_ul.sub>li {
    width: 165px
}

/*#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_area .navi_ul.sub li .navi_dl dt a {
    font-size     : 14px;
    line-height   : 16px;
    padding       : 22px 0;
    letter-spacing: 1.1px;
}

#navigation .navi_layer {
    width   : 100%;
    height  : 0;
    position: absolute;
    left    : 0;
    top     : 75px;
    z-index : 2;
    overflow: hidden;
}

#navigation .navi_layer .white_bg {
    height       : 99%;
    background   : #f9f9f9;
    border-bottom: 1px solid #e3e3e3;
}

#navigation .navi_layer .shadow {
    height    : 10px;
    background: url('/_resource/global_images/etc/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       : 160px;
    position    : absolute;
    left        : 0;
    top         : 9px;
    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    : -180px;
}

#navigation_sub .logo_box .small_logo {
    display: none;
}

#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.w1000 {
    width: 1000px !important;
}

#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.trade_lan6>li {
    width: 12.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: 1000px;
}

#navigation_sub .navi_sub_area .navi_sub_ul.lan4>li {
    width: 25%;
}

#navigation_sub .navi_sub_area .navi_sub_ul.lan3 {
    width: 750px;
}

#navigation_sub .navi_sub_area .navi_sub_ul.lan3>li {
    width: 33.33%;
}

#navigation_sub .navi_sub_area .navi_sub_ul.lan2 {
    width: 560px;
}

#navigation_sub .navi_sub_area .navi_sub_ul.lan2>li {
    width: 50%;
}

#navigation_sub .navi_sub_area .navi_sub_ul.lan1 {
    width: 250px;
}

#navigation_sub .navi_sub_area .navi_sub_ul.lan1>li {
    width: 250px;
}

#navigation_sub .navi_sub_area .navi_sub_ul.defense_lan3 {
    width: 1000px !important;
}

#navigation_sub .navi_sub_area .navi_sub_ul.defense_lan3>li {
    width: 25%;
}

#navigation_sub .navi_sub_area .navi_sub_ul.defense_lan3>li.expend {
    width: 25%;
}

#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       : 16px 0 18px;
    text-align    : center;
    font-size     : 13px;
    letter-spacing: 0.5px;
    color         : #666;
    line-height   : 15px;
    text-transform: uppercase;
}

#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.lan1 li .navi_sub_dl dt a:before {
    display: none;
}

#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.expend .navi_sub_dl dt a {
    font-size: 12px;
}

#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('/_resource/global_images/ico/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;
    letter-spacing: 0.4px;
    line-height   : 1
}

#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('/_resource/global_images/ico/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 a.long_nav span:before {
    content           : '';
    width             : 0;
    height            : 1px;
    position          : absolute;
    left              : 50%;
    bottom            : 0px;
    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;
}

#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a.active.long_nav:before {
    width: 0
}

#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a.active.long_nav span: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:hover span {
    color: #f27824;
}

#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a.long_nav:hover:before {
    display: none
}

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


/* navi - depth1 메뉴 개수가 5개일 경우 */
#navigation.navi_len5 .navi_area {
    min-width: 1140px;
}

#navigation.navi_len5 .navi_area .navi_ul.sub {
    margin-left: -400px;
    width      : 800px;
}

#navigation.navi_len5 .navi_area .navi_ul.sub>li {
    width: 160px;
}

@media screen and (max-width:1300px) {
    #navigation.navi_len5 .navi_area .navi_ul.sub {
        margin-left: -340px;
    }
}

/* contents */
#contents {
    min-width  : 1024px;
    max-width  : 2000px;
    min-height : 1000px;
    margin     : 0 auto;
    position   : relative;
    padding-top: 75px;
    z-index    : 1;
    background : #fff;
}

/*#pop_bg {width:100%;height:100%;position:fixed;left:0;top:0;z-index:2;background:url('/_resource/global_images/etc/black_layer.png') repeat 0 0;display:none;}*/
#pop_side_bg {
    width     : 100%;
    height    : 100%;
    position  : fixed;
    left      : 0;
    top       : 0;
    z-index   : 2;
    background: rgba(0, 0, 0, 0.5);
    display   : none;
}

#pop_side_bg.active {
    background: rgba(0, 0, 0, 0.5);
}

#pop_bg {
    width     : 100%;
    height    : 100%;
    position  : fixed;
    left      : 0;
    top       : 0;
    z-index   : 2;
    background: rgba(0, 0, 0, 0.5);
    display   : none;
}

#pop_bg.active {
    background: rgba(0, 0, 0, 0.5);
}

.pop_contents_bg {
    width     : 100%;
    height    : 100%;
    position  : fixed;
    left      : 0;
    top       : 0;
    z-index   : 3;
    background: rgba(0, 0, 0, 0.5);
    display   : none;
}


/* business_center */
.business_center_box {
    width     : 100%;
    background: #fff;
    position  : absolute;
    left      : 0;
    top       : 75px;
    z-index   : 1;
    display   : none;
}

/* explosives business_center */
.business_center_box.explosives {
    padding: 55px 0 40px 0;
}

.business_center_box.explosives .business_content {
    width         : 990px;
    margin        : 0 auto;
    position      : relative;
    overflow      : hidden;
    padding-bottom: 25px;
}

.business_center_box.explosives .business_content .left_box {
    width   : 778px;
    float   : left;
    border  : 1px solid #d7d7d7;
    position: relative;
    padding : 35px 0 36px;
    height  : 171px;
}

.business_center_box.explosives .business_content .left_box .link_ul {
    width   : 700px;
    margin  : 0 auto;
    overflow: hidden;
}

.business_center_box.explosives .business_content .left_box .link_ul li {
    height: 177px;
    float : left;
}

.business_center_box.explosives .business_content .left_box .link_ul li.dot {
    width     : 54px;
    background: url('/_resource/explosives/images/center/ico_cursor01.png') no-repeat 30px 50px;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl {
    overflow: hidden;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt {
    padding      : 10px 0 10px 45px;
    margin-bottom: 20px;
    position     : relative;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt:before {
    content   : '';
    width     : 115px;
    height    : 1px;
    background: #e0e0e0;
    position  : absolute;
    right     : 0;
    bottom    : 0;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt.ico01 {
    width     : 125px;
    background: url('/_resource/explosives/images/center/business_ico01.png') no-repeat 0 10px;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt.ico02 {
    width     : 180px;
    background: url('/_resource/explosives/images/center/business_ico02.png') no-repeat 0 3px;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt.ico03 {
    width     : 142px;
    background: url('/_resource/explosives/images/center/business_ico03.png') no-repeat 0 11px;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt.ico01:before {
    width: 125px;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt.ico02:before {
    width: 180px;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt.ico03:before {
    width: 142px;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt span {
    display: block;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt .sub_text {
    font-size     : 11px;
    color         : #666;
    line-height   : 15px;
    height        : 15px;
    display       : block;
    margin-bottom : 0px;
    letter-spacing: 0.8px;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt .title_text {
    -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;
    font-size         : 20px;
    color             : #555;
    font-weight       : 500;
    line-height       : 22px;
    padding           : 1px 0 3px;
    background        : url('/_resource/explosives/images/center/btn_more.png') no-repeat right 0;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dt a:hover .title_text {
    background-image: url('/_resource/explosives/images/center/btn_more_on.png');
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dd {
    position    : relative;
    padding-left: 46px;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dd a {
    font-size     : 13px;
    color         : #666;
    line-height   : 14px;
    letter-spacing: 0.3px;
    display       : inline-block;
    background    : url('/_resource/explosives/images/center/ico_cursor02.png') no-repeat right 3px;
    padding-bottom: 5px;
    padding-right : 17px;
}

.business_center_box.explosives .business_content .left_box .link_ul li .link_dl dd a:hover {
    color     : #f27824;
    background: url('/_resource/explosives/images/center/ico_cursor03.png') no-repeat right 3px;
}

.business_center_box.explosives .business_content .left_box .mining_service {
    width       : 292px;
    height      : 48px;
    padding-left: 117px;
    position    : absolute;
    left        : 50%;
    bottom      : -24px;
    margin-left : -202px;
    background  : url('/_resource/eng/explosives/images/center/business_mining.jpg') no-repeat 0 0;
    font-size   : 20px;
    color       : #5e5c5a;
    line-height : 50px;
}

.business_center_box.explosives .business_content .left_box .mining_service:before {
    content           : '';
    width             : 25px;
    height            : 25px;
    background        : url('/_resource/explosives/images/center/btn_more.png') no-repeat 0 0;
    position          : absolute;
    right             : 49px;
    top               : 11px;
    -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;
    transform         : rotate(0deg);
}

.business_center_box.explosives .business_content .left_box .mining_service:hover:before {
    background-image: url('/_resource/explosives/images/center/btn_more_on.png');
}

.business_center_box.explosives .business_content .right_box {
    width      : 190px;
    float      : left;
    margin-left: 20px;
}

.business_center_box.explosives .business_content .right_box .map {
    display   : block;
    width     : 144px;
    border    : 1px solid #d7d7d7;
    padding   : 22px;
    height    : 198px;
    background: url('/_resource/eng/explosives/images/center/map.jpg') no-repeat 57% 120px
}

.business_center_box.explosives .business_content .right_box h3 {
    font-size    : 20px;
    color        : #565656;
    font-weight  : 500;
    line-height  : 24px;
    margin-bottom: 5px;
}

.business_center_box.explosives .business_content .right_box .btn_locations {
    display      : inline-block;
    font-size    : 14px;
    color        : #f27824;
    padding-right: 12px;
    line-height  : 16px;
    background   : url('/_resource/explosives/images/center/ico_cursor03.png') no-repeat right 4px;
    font-weight  : 400;
}

.business_center_box.explosives .business_content .right_box .info {
    display   : block;
    width     : 234px;
    border    : 1px solid #d7d7d7;
    padding   : 22px;
    margin-top: 20px;
    height    : 96px;
}

.business_center_box.explosives .business_content .right_box .info p {
    font-size  : 12px;
    color      : #666;
    line-height: 16px;
    margin-top : 10px;
}

.business_center_box.explosives .business_content .right_box .info p span {
    font-weight : bold;
    color       : #f27824;
    font-size   : 13px;
    margin-right: 3px;
    position    : relative;
}

/* trade business_center */
.business_center_box.trade {
    padding: 42px 0;
}

.business_center_box.trade .link_ul {
    width         : 1000px;
    margin        : 0 auto;
    overflow      : hidden;
    text-align    : center;
    font-size     : 0;
    letter-spacing: 0;
    word-spacing  : 0;
}

.business_center_box.trade .link_ul li {
    display        : inline-block;
    vertical-align : top;
    padding        : 0 1px;
    width          : 150px;
    position       : relative;
    background     : url('/_resource/trade/images/center/circle_gray.png') no-repeat center top;
    -moz-transition: all 0.2s ease-out;
    -o-transition  : all 0.2s ease-out;
    transition     : all 0.2s ease-out;
}

.business_center_box.trade .link_ul li.first {
    margin-left: 58px;
}

.business_center_box.trade .link_ul li.ico01 dt a {
    background: url('/_resource/trade/images/center/trade_ico01.png') no-repeat center 18px;
}

.business_center_box.trade .link_ul li.ico02 dt a {
    background: url('/_resource/trade/images/center/trade_ico02.png') no-repeat center 20px;
}

.business_center_box.trade .link_ul li.ico03 dt a {
    background: url('/_resource/trade/images/center/trade_ico03.png') no-repeat center 21px;
}

.business_center_box.trade .link_ul li.ico04 dt a {
    background: url('/_resource/trade/images/center/trade_ico04.png') no-repeat center 20px;
}

.business_center_box.trade .link_ul li.ico05 dt a {
    background: url('/_resource/trade/images/center/trade_ico05.png') no-repeat center 20px;
}

.business_center_box.trade .link_ul li.ico06 dt a {
    background: url('/_resource/trade/images/center/trade_ico06.png') no-repeat center 21px;
}

.business_center_box.trade .link_ul li.ico07 dt a {
    background: url('/_resource/trade/images/center/trade_ico07.png') no-repeat center 20px;
}

.business_center_box.trade .link_ul li .link_dl {
    text-align: center;
}

.business_center_box.trade .link_ul li .link_dl dt {
    position     : relative;
    margin-bottom: 12px;
    white-space  : nowrap;
}

.business_center_box.trade .link_ul li .link_dl dt a {
    padding-top: 98px;
    display    : block;
}

.business_center_box.trade .link_ul li .link_dl dt .link_btn {
    -moz-transition: all 0.2s ease-out;
    -o-transition  : all 0.2s ease-out;
    transition     : all 0.2s ease-out;
    display        : inline-block;
    font-size      : 16px;
    color          : #555;
    font-weight    : 500;
    padding        : 2px 0;
    border-bottom  : 1px solid #cbcbcb;
}

.business_center_box.trade .link_ul li .link_dl dt .link_btn.line1 {
    padding: 11px 0;
}

.business_center_box.trade .link_ul li.ico05 dt .link_btn {
    margin-left: -10px;
}

.business_center_box.trade .link_ul li.ico07 dt .link_btn {
    margin-left: 0;
}

.business_center_box.trade .link_ul li:hover {
    background-image: url('/_resource/trade/images/center/circle_orange.png')
}

.business_center_box.trade .link_ul li:hover .link_dl dt a .link_btn {
    color       : #f27824;
    border-color: #f27824;
}

.business_center_box.trade .link_ul li .link_dl dd {}

.business_center_box.trade .link_ul li .link_dl dd a {
    margin-top    : 4px;
    display       : inline-block;
    padding       : 0 6px;
    font-size     : 12px;
    color         : #666;
    letter-spacing: 0.4px;
    line-height   : 13px;
    position      : relative;
}

.business_center_box.trade .link_ul li .link_dl dd a:before {
    content           : '';
    width             : 5px;
    height            : 100%;
    background        : url('/_resource/explosives/images/center/ico_cursor03.png') no-repeat right center;
    position          : absolute;
    right             : 0;
    top               : 0;
    z-index           : -1;
    opacity           : 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition   : all 0.3s ease-out;
    -o-transition     : all 0.3s ease-out;
    transition        : all 0.3s ease-out;
}

.business_center_box.trade .link_ul li .link_dl dd a:hover {
    color  : #f27824;
    padding: 0 12px 0 0px;
}

.business_center_box.trade .link_ul li .link_dl dd a:hover:before {
    z-index: 2;
    opacity: 1;
}

/* machinery business_center */
.business_center_box.machinery .business_content {
    width   : 930px;
    margin  : 0 auto;
    overflow: hidden;
}

.business_center_box.machinery .business_content .left_box {
    width: 470px;
    float: left;
}

.business_center_box.machinery .business_content .left_box h3 {
    font-size   : 24px;
    color       : #f27824;
    font-weight : 400;
    line-height : 26px;
    margin-top  : 30px;
    padding-left: 25px;
}

.business_center_box.machinery .business_content .left_box h3 img {
    position: relative;
    left    : 10px;
    top     : 0px;
}

.business_center_box.machinery .business_content .left_box .link_ul {
    overflow  : hidden;
    margin-top: 20px;
    width     : 425px;
}

.business_center_box.machinery .business_content .left_box .link_ul li {
    width : 33.33%;
    float : left;
    margin: 0 0 25px 0;
}

.business_center_box.machinery .business_content .left_box .link_ul li a {
    display    : block;
    padding-top: 106px;
    font-size  : 14px;
    color      : #555;
    text-align : center;
}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico01 {
    background: url('/_resource/machinery/images/center/machinery_ico01.png') no-repeat center 0;
}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico02 {
    background: url('/_resource/machinery/images/center/machinery_ico02.png') no-repeat center 0;
}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico03 {
    background: url('/_resource/machinery/images/center/machinery_ico03.png') no-repeat center 0;
}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico04 {
    background: url('/_resource/machinery/images/center/machinery_ico04.png') no-repeat center 0;
}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico05 {
    background: url('/_resource/machinery/images/center/machinery_ico05.png') no-repeat center 0;
}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico06 {
    background: url('/_resource/machinery/images/center/machinery_ico06.png') no-repeat center 0;
}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico01:hover {
    color           : #f27824;
    background-image: url('/_resource/machinery/images/center/machinery_ico01_on.png');
}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico02:hover {
    color           : #f27824;
    background-image: url('/_resource/machinery/images/center/machinery_ico02_on.png');
}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico03:hover {
    color           : #f27824;
    background-image: url('/_resource/machinery/images/center/machinery_ico03_on.png');
}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico04:hover {
    color           : #f27824;
    background-image: url('/_resource/machinery/images/center/machinery_ico04_on.png');
}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico05:hover {
    color           : #f27824;
    background-image: url('/_resource/machinery/images/center/machinery_ico05_on.png');
}

.business_center_box.machinery .business_content .left_box .link_ul li a.ico06:hover {
    color           : #f27824;
    background-image: url('/_resource/machinery/images/center/machinery_ico06_on.png');
}

.business_center_box.machinery .business_content .left_box .link_ul li.last {
    margin-right: 0;
}

.business_center_box.machinery .business_content .right_box {
    width      : 436px;
    float      : left;
    padding    : 0 0 0 23px;
    border-left: 1px solid #eaeaea;
}

.business_center_box.machinery .business_content .right_box h4 {
    position      : relative;
    font-size     : 16px;
    color         : #333;
    font-weight   : 500;
    text-indent   : 10px;
    margin        : 37px 0 13px 0;
    letter-spacing: 0.6px;
}

.business_center_box.machinery .business_content .right_box h4 .btn_more {
    font-size    : 13px;
    color        : #f27824;
    position     : absolute;
    right        : 0;
    top          : 2px;
    padding-right: 19px;
    font-weight  : 400;
    line-height  : 13px;
}

.business_center_box.machinery .business_content .right_box h4 .btn_more:before {
    content           : '';
    width             : 13px;
    height            : 13px;
    position          : absolute;
    right             : 0;
    top               : 0px;
    background        : url('/_resource/machinery/images/center/btn_more.png') no-repeat 0 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition   : all 0.3s ease-out;
    -o-transition     : all 0.3s ease-out;
    transition        : all 0.3s ease-out;
    transform         : rotate(0deg);
}

.business_center_box.machinery .business_content .right_box h4 .btn_more:hover:before {
    background-image: url('/_resource/machinery/images/center/btn_more_on.png');
}

.business_center_box.machinery .business_content .right_box .text_box {
    width        : 414px;
    border       : 1px solid #f2f2f2;
    background   : #fbfbfb;
    padding      : 0 10px 0 13px;
    margin-bottom: 30px;
}

.business_center_box.machinery .business_content .right_box .text_box .text_ul {
    overflow: hidden;
    padding : 4px 0;
}

.business_center_box.machinery .business_content .right_box .text_box .text_ul li {
    padding : 8px 0;
    position: relative;
    overflow: hidden;
}

.business_center_box.machinery .business_content .right_box .text_box .text_ul li .date {
    width        : 75px;
    height       : 17px;
    background   : #f0f0f0;
    border-radius: 17px;
    text-align   : center;
    font-size    : 11px;
    color        : #666;
    line-height  : 18px;
    float        : left;
    margin-right : 15px;
}

.business_center_box.machinery .business_content .right_box .text_box .text_ul li a {
    width        : 320px;
    display      : block;
    float        : left;
    text-overflow: ellipsis;
    overflow     : hidden;
    white-space  : nowrap;
    font-size    : 12px;
    color        : #666;
    line-height  : 17px;
}

.business_center_box.machinery .business_content .right_box .text_box .text_ul li a:hover {
    color: #f27824;
}

/* defense business_center */
.business_center_box.defense .business_content {
    width   : 960px;
    margin  : 0 auto;
    overflow: hidden;
    padding : 50px 0 30px;
}

.business_center_box.defense .business_content .left_box {
    width         : 480px;
    float         : left;
    padding-bottom: 26px;
}

.business_center_box.defense .business_content .left_box h3 {
    font-size  : 24px;
    color      : #f27824;
    font-weight: 400;
    line-height: 26px;
}

.business_center_box.defense .business_content .left_box h3 img {
    position: relative;
    left    : 10px;
    top     : 0px;
}

.business_center_box.defense .business_content .left_box .link_ul {
    overflow    : hidden;
    margin-top  : 50px;
    padding-left: 52px;
}

.business_center_box.defense .business_content .left_box .link_ul li {
    width : 108px;
    height: 180px;
    float : left;
}

.business_center_box.defense .business_content .left_box .link_ul li.last {
    width: 140px;
}

.business_center_box.defense .business_content .left_box .link_ul li.dot {
    width     : 48px;
    background: url('/_resource/defense/images/center/defense_line.png') no-repeat center 50px;
}

.business_center_box.defense .business_content .left_box .link_ul li a {
    display       : block;
    padding-top   : 128px;
    font-size     : 14px;
    color         : #555;
    line-height   : 16px;
    letter-spacing: 0;
    text-align    : center;
}

.business_center_box.defense .business_content .left_box .link_ul li a.ico01 {
    background: url('/_resource/defense/images/center/defense_ico01.png') no-repeat 0 0;
}

.business_center_box.defense .business_content .left_box .link_ul li a.ico02 {
    background: url('/_resource/defense/images/center/defense_ico02.png') no-repeat 0 0;
}

.business_center_box.defense .business_content .left_box .link_ul li a.ico03 {
    background: url('/_resource/defense/images/center/defense_ico03.png') no-repeat center 0;
}

.business_center_box.defense .business_content .left_box .link_ul li a.ico01:hover {
    color           : #f27824;
    background-image: url('/_resource/defense/images/center/defense_ico01_on.png');
}

.business_center_box.defense .business_content .left_box .link_ul li a.ico02:hover {
    color           : #f27824;
    background-image: url('/_resource/defense/images/center/defense_ico02_on.png');
}

.business_center_box.defense .business_content .left_box .link_ul li a.ico03:hover {
    color           : #f27824;
    background-image: url('/_resource/defense/images/center/defense_ico03_on.png');
}

.business_center_box.defense .business_content .left_box .link_ul li.last a {
    width      : 140px;
    margin-left: -14px;
}

.business_center_box.defense .business_content .right_box {
    width       : 412px;
    float       : left;
    padding-left: 47px;
    border-left : 1px solid #eaeaea;
}

.business_center_box.defense .business_content .right_box .btn_more {
    line-height  : 1;
    display      : inline-block;
    font-size    : 19px;
    color        : #565656;
    position     : relative;
    left         : 0;
    top          : 0;
    padding-right: 29px;
    font-weight  : 500;
}

.business_center_box.defense .business_content .right_box .btn_more:before {
    content           : '';
    width             : 19px;
    height            : 19px;
    position          : absolute;
    right             : 0;
    top               : 0;
    background        : url('/_resource/defense/images/center/btn_more.png') no-repeat 0 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition   : all 0.3s ease-out;
    -o-transition     : all 0.3s ease-out;
    transition        : all 0.3s ease-out;
    transform         : rotate(0deg);
}

.business_center_box.defense .business_content .right_box .thumb_box:hover .btn_more:before {
    background-image: url('/_resource/defense/images/center/btn_more_on.png');
}

.business_center_box.defense .business_content .right_box .thumb_box {
    display      : block;
    width        : 388px;
    padding      : 20px;
    border       : 1px solid #d7d7d7;
    overflow     : hidden;
    margin-bottom: 19px;
}

.business_center_box.defense .business_content .right_box .thumb_box.last {
    margin-bottom: 0;
}

.business_center_box.defense .business_content .right_box .thumb_box .img_box {
    width: 61px;
    float: left;
}

.business_center_box.defense .business_content .right_box .thumb_box .text_box {
    width       : 290px;
    float       : left;
    padding-left: 20px;
}

.business_center_box.defense .business_content .right_box .thumb_box .text_box p {
    font-size     : 12px;
    color         : #777;
    line-height   : 15px;
    margin-top    : 6px;
    letter-spacing: 0.4px;
    font-weight   : 400;
}



/* footer */
#footer {}

#top_move {
    width   : 100%;
    position: relative;
    z-index : 1;
}

#top_move .inner {
    max-width: 1900px;
    width    : 100%;
    position : relative;
}

#top_move .inner a {
    display    : block;
    width      : 50px;
    height     : 50px;
    background : #fff url('/_resource/global_images/ico/ico_arrow_top.png') no-repeat center 10px;
    line-height: 6;
    border     : 1px solid #e0e0e0;
    position   : absolute;
    right      : 20px;
    bottom     : 25px;
    z-index    : 10;
}

/* breadcrumb */
.breadcrumb {
    overflow     : hidden;
    z-index      : 1;
    position     : relative;
    padding-right: 27px;
}

.breadcrumb ul {
    float      : right;
    padding-top: 20px;
}

.breadcrumb ul li {
    float   : left;
    padding : 0 12px;
    position: relative;
}

.breadcrumb ul li a {
    font-size     : 12px;
    letter-spacing: 0.7px;
    font-weight   : 300;
    display       : block;
    line-height   : 20px;
    color         : #666;
}

.breadcrumb ul li.home a {
    background : url("/_resource/global_images/ico/ico_home.png") 50% 50% no-repeat;
    text-indent: -999em;
    overflow   : hidden;
    width      : 12px;
    height     : 20px;
}

.breadcrumb ul li:before {
    content    : '>';
    position   : absolute;
    left       : -10px;
    top        : 0;
    background : url("/_resource/global_images/ico/ico_gt.png") 50% 7px no-repeat;
    display    : block;
    text-indent: -999em;
    overflow   : hidden;
    width      : 20px;
    height     : 20px;
}

.breadcrumb ul li:first-child:before {
    content: none;
}

.breadcrumb ul li.active a {
    border-bottom: 1px solid #999;
}


.breadcrumb.white ul li a {
    color: #fff;
}

.breadcrumb.white ul li.home a {
    background-image: url("/_resource/global_images/ico/ico_home_w.png");
}

.breadcrumb.white ul li:before {
    background-image: url("/_resource/global_images/ico/ico_gt_w.png");
}

.breadcrumb.white ul li.active a {
    border-color: #fff;
}

.mot2 {
    -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;
}

.mot3 {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition   : all 0.3s ease-out;
    -o-transition     : all 0.3s ease-out;
    transition        : all 0.3s ease-out;
}

.mot3Delay {
    -webkit-transition: all 0.3s ease-out 0.2s;
    -moz-transition   : all 0.3s ease-out 0.2s;
    -o-transition     : all 0.3s ease-out 0.2s;
    transition        : all 0.3s ease-out 0.2s;
}

.mot4 {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition   : all 0.4s ease-out;
    -o-transition     : all 0.4s ease-out;
    transition        : all 0.4s ease-out;
}

.mot5 {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition   : all 0.5s ease-out;
    -o-transition     : all 0.5s ease-out;
    transition        : all 0.5s ease-out;
}

.mot6 {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition   : all 0.6s ease-out;
    -o-transition     : all 0.6s ease-out;
    transition        : all 0.6s ease-out;
}

/**/
.sub_top {
    background-color: #000;
    text-align      : center;
    height          : 196px;
    z-index         : 2;
    position        : relative;
    width           : 100%;
    overflow        : hidden;
}

.sub_top .inner {
    max-width: 2000px;
}

.sub_top .inner>p {
    font-size     : 14px;
    line-height   : 21px;
    color         : #fff;
    font-weight   : 300;
    margin-top    : -6px;
    letter-spacing: 0.4px;
}

.sub_top .inner>h2 {
    font-size     : 26px;
    color         : #fff;
    font-weight   : 500;
    line-height   : 36px;
    margin-top    : 0;
    letter-spacing: 1px;
    margin-top    : 10px;
}

.sub_top .inner>h2.line3 {
    margin-top: 0;
}

.sub_top .inner>h2.en_font1 {
    letter-spacing: 0.5px;
}

.sub_top .hr_line {
    border-color: #fff;
    margin      : 10px auto 13px;
}

.sub_top.white {
    background-color: #fff;
}

.sub_top.white .inner>p {
    color: #333;
}

.sub_top.white .inner>h2 {
    color: #333;
}

.sub_top.white .inner>h2.en_font1 {
    letter-spacing: 0.5px;
}

.sub_top.white .hr_line {
    border-color: #f27824;
}

.sub_top.white .hr_desc {
    color      : #333333;
    font-size  : 14px;
    line-height: 22px;
}

.hr_line {
    display   : block;
    width     : 20px;
    margin    : 15px auto;
    border-top: 1px solid #f27824;
}

.s_hr_line {
    display   : block;
    width     : 10px;
    margin    : 15px 0;
    border-top: 1px solid #bfbfbf;
}

.hr_line.orange {
    border-color: #f27824;
}

.hr_line.white {
    border-color: #fff;
}

.hr_line.black {
    border-color: #000;
}

.hr_line.gray {
    border-color: #8d8d8d;
}

.s_hr_line.orange {
    border-color: #f27824;
}

.clear_line {
    position        : absolute;
    bottom          : 0;
    left            : 0;
    width           : 100%;
    height          : 1px;
    display         : block;
    clear           : both;
    background-color: #ececec;
}

.clear {
    clear: both;
}

.orange {
    color: #f27824;
}

.btn {
    -webkit-transition: all 0.2s;
    -moz-transition   : all 0.2s;
    -o-transition     : all 0.2s;
    transition        : all 0.2s;
    background-color  : #fff;
}

.btn:hover {
    border-color    : #f27823;
    background-color: #f27823;
    color           : #fff;
}

.inner {
    max-width : 1000px;
    margin    : 0 auto;
    text-align: center;
}

.section {
    background-color: #fff;
}

.inner_content {
    padding-top: 48px;
}

.section {
    position : relative;
    margin   : 0 auto;
    width    : 100%;
    max-width: 2000px;
    overflow : hidden;
}

.section .inner {
    position: relative;
    top     : 0;
    padding : 35px 0;
}

.section .inner>h2 {
    font-size     : 32px;
    font-weight   : 300;
    line-height   : 1;
    color         : #333;
    padding-top   : 35px;
    padding-bottom: 10px;
    letter-spacing: 0;
}

.section .inner>h2.white {
    color: #fff;
}

.section .inner>h3 {
    font-size     : 22px;
    font-weight   : 400;
    line-height   : 1;
    color         : #333;
    padding-top   : 15px;
    padding-bottom: 15px;
}

.section .inner>h4 {
    font-size  : 16px;
    font-weight: 600;
    color      : #333;
}

.section .inner>h5 {
    font-size     : 14px;
    font-weight   : 500;
    color         : #666;
    padding-bottom: 15px;
}

.section .inner>p {
    font-size  : 14px;
    font-weight: 400;
    line-height: 22px;
    color      : #666;
}

.section .inner>p.white {
    font-weight: 300;
    color      : #fff;
}

.irtext {
    position : absolute;
    top      : 0;
    left     : 0;
    font-size: 0;
}

.irtext>* {
    position : absolute;
    top      : 0;
    left     : 0;
    font-size: 0;
}

/*
    서브페이지 메인 인모션 딤드
*/
#sub_main_dimmed {
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    background-color: #fff;
    z-index         : 999;
}

#email_domain {
    display : none;
    position: absolute;
    top     : 0;
    left    : 186px;
    width   : 133px;
    border  : 1px solid #ccc;
}


/*-------- footer > SITEMAP --------*/
.sitemap_area {
    height: 147px
}

.sub_top.sitemap_area .inner>h2.en_font1 {
    font-weight: 500;
}

.inner_content.sitemap_content {
    padding-bottom: 80px;
    padding-top   : 0;
    background    : #ffffff;
}

.sitemap_content .sitemap_title a,
.sitemap_content .sitemap_title {
    font-size  : 14px;
    color      : #333;
    line-height: 1;
    display    : block;
}

.sitemap_content .sitemap_title a.en_font1 {
    font-size: 16px
}

.sitemap_content .sitemap_title a {
    padding: 18px 0 18px 20px;
}

.sitemap_content .sitemap_title a:hover {
    color: #f27824;
}

.sitemap_content .sitemap_cnt1 .sitemap_title {
    background   : url("/_resource/hanwha/images/circle_orange.png") no-repeat 140px 16px;
    border-top   : 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    height       : 48px;
    margin-bottom: 20px;
}

.sitemap_content .sitemap_cnt1>ul {
    font-size     : 0;
    letter-spacing: 0;
    word-spacing  : 0;
}

.sitemap_content .sitemap_cnt1>ul>li {
    width             : 166px;
    position          : relative;
    display           : inline-block;
    vertical-align    : top;
    text-align        : left;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    margin-left       : 0
}

.sitemap_content .sitemap_cnt1>ul>li:first-child {
    margin-left: 0px
}

.sitemap_content .sitemap_cnt1>ul>li:before {
    content   : "";
    position  : absolute;
    width     : 2px;
    height    : 25px;
    top       : 14px;
    left      : 0;
    background: url("/_resource/hanwha/images/line_dash.png") no-repeat center top;
}

.sitemap_content .sitemap_cnt1>ul>li:first-child:before {
    content: none;
}

/*.sitemap_content .sitemap_cnt1>ul>li:after{
    content: "";position: absolute;width:5px;height: 5px;border-bottom: 1px solid #f27824;border-left: 1px solid #f27824;top: 21px;right: 25px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}*/
.sitemap_content .sitemap_cnt1 ul.depth2 {
    margin-left: 20px;
}

.sitemap_content .sitemap_cnt1 ul.depth2>li {
    margin-bottom: 15px;
    padding-left : 11px;
    background   : url("/_resource/hanwha/images/orange_list_pointer.png") no-repeat left 7px;
}

.sitemap_content .sitemap_cnt1 ul.depth2>li>a {
    font-size: 14px;
    color    : #333;
}

.sitemap_content .sitemap_cnt1 ul.depth2>li>a {}

.sitemap_content .sitemap_cnt1 ul.depth2>li a:hover {
    color        : #f27824;
    border-bottom: 1px solid #f27824
}

.sitemap_content .sitemap_cnt1 ul.depth3 {
    margin-top: 8px;
}

.sitemap_content .sitemap_cnt1 ul.depth3>li {
    margin-bottom: 3px;
    padding-left : 11px;
    position     : relative;
}

.sitemap_content .sitemap_cnt1 ul.depth3>li:before {
    content         : '';
    position        : absolute;
    left            : 0;
    top             : 9px;
    width           : 6px;
    height          : 1px;
    background-color: #666;
}

.sitemap_content .sitemap_cnt1 ul.depth3>li a {
    font-size: 13px;
    color    : #666666
}

.sitemap_content .sitemap_cnt2 {
    text-align: left;
    border-top: 1px solid #e5e5e5;
    margin-top: 40px;
    padding   : 20px 0
}

.sitemap_content .sitemap_cnt2 .sitemap_title {
    display     : inline-block;
    padding-left: 5px;
    position    : relative
}

.sitemap_content .sitemap_cnt2 .sitemap_title:after {
    content   : "";
    position  : absolute;
    width     : 1px;
    height    : 15px;
    background: #e5e5e5;
    top       : 1px;
    left      : 93px;
}

.sitemap_content .sitemap_cnt2 ul {
    display    : inline-block;
    margin-left: 67px
}

.sitemap_content .sitemap_cnt2 ul li {
    display    : inline-block;
    margin-left: 33px
}

.sitemap_content .sitemap_cnt2 ul li:first-child {
    margin-left: 0px
}

.sitemap_content .sitemap_cnt2 ul li a {
    font-size: 14px;
    color    : #666
}

.sitemap_content .sitemap_cnt2 ul li a:hover {
    color        : #f27824;
    border-bottom: 1px solid #f27824
}



/*
ipad 일경우
*/
#wrap.tablet #navigation .navi_area .smart_info_box {
    width: 65px;
}

#wrap.tablet #navigation .navi_area .smart_info_box span {
    transition: none;
}

#wrap.tablet #navigation .navi_area .smart_info_box .btn_side_menu {
    width  : 65px;
    display: block;
}

#wrap.tablet #navigation .navi_area .smart_info_box .smart_box {
    padding-right: 66px;
    display      : none;
}

#wrap.tablet #navigation .navi_area .smart_info_box .btn_side_menu .ico_close {
    left: 24px;
}

#wrap.tablet #navigation .navi_area .navi_ul>li {
    width: 134px;
}

#wrap.tablet #navigation_sub .btn_side_navi:hover span {
    background: #878787;
}

.multi_line {
    padding: 10px 0 24px !important;
}

@media all and (max-width:1320px) {
    #navigation_sub .navi_sub_area .navi_sub_ul {
        max-width: 746px;
    }

    #navigation_sub .navi_sub_area .navi_sub_ul.defense_lan3 {
        max-width: 1000px;
    }

    #navigation_sub .navi_sub_area .navi_sub_ul li.expend .navi_sub_dl dt a {
        font-size     : 11px;
        letter-spacing: -0.3px;
    }

    /*#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a {padding:13px 0 21px;}*/
    /*#navigation_sub .navi_sub_area .navi_sub_ul {width:816px !important;}
    #navigation_sub .navi_sub_area .navi_sub_ul li {width:136px !important;}*/
    #navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt .sub_cursor {
        border-bottom: 2px solid #f27824;
        bottom       : -10px;
    }

    #navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dd .navi_sub_ul2 li a:before {
        content: none;
    }
}


/*
    smart info stock css
*/
#mini_stock {
    width      : 160px;
    padding    : 0;
    margin     : 0;
    font-family: '나눔고딕', 'NanumGothic', Gothic, Dotum, 고딕, 돋움;
    color      : #fff;
    background : #F47808;
}

#mini_stock>#close {
    float        : left;
    font-size    : 16px;
    font-weight  : 600;
    padding-right: 10px;
}

#mini_stock>#updown {
    float        : left;
    width        : 50px;
    height       : 16px;
    line-height  : 16px;
    padding-left : 5px;
    background   : #FF9644;
    border-radius: 10px;
    font-size    : 11px;
    margin-top   : 2px;
}

#mini_stock>#updown img {
    vertical-align: inherit;
}



/*
해상도가 작아졌을 경우 로고 변경
*/
@media all and (max-width:1100px) {
    #navigation .navi_area h1 a.home {
        width: 160px;
    }

    #navigation .navi_area h1 a.home .big_logo {
        display: none;
    }

    #navigation .navi_area h1 a.home .small_logo {
        display: block;
    }

    #navigation_sub .logo_box {
        width: 100px;
    }

    #navigation_sub .logo_box .big_logo {
        display: none;
    }

    #navigation_sub .logo_box .small_logo {
        display: block;
    }
}

/* ktyCss */
.dimd {
    background: #000;
    position  : fixed;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    z-index   : 300;
    opacity   : 0.5;
    display   : none
}

#mailPopup {
    border     : 1px solid #dadada;
    position   : fixed;
    top        : 400px;
    left       : 50%;
    margin-left: -150px;
    width      : 300px;
    z-index    : 9999;
    background : #fff;
    display    : none
}

#mailPopup .mailPopup {
    position : relative;
    padding  : 20px 20px;
    font-size: 16px
}


/* footer > 동반성장 유투브 레이어 팝업 */
.footer_pop_mask {
    z-index   : 5;
    display   : none;
    position  : fixed;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, 0.55);
}

.footer_youtube_popup {
    z-index       : 6;
    display       : none;
    position      : fixed;
    top           : 50%;
    left          : 50%;
    margin-left   : -500px;
    margin-top    : -281.5px;
    width         : 900px;
    height        : 0;
    padding-bottom: 505px;
}

.footer_youtube_popup .btn_close_yotube_popup {
    z-index    : 1005;
    position   : absolute;
    right      : 0;
    top        : -45px;
    width      : 31px;
    height     : 31px;
    text-indent: -999999%;
    background : url('/_resource/global_images/etc/btn_yotube_close.png') no-repeat center;
}

.footer_youtube_popup .youtube_wrap {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
}

@media screen and (max-width:1050px) {
    .footer_youtube_popup {
        left          : 5%;
        margin-left   : 0;
        width         : 90%;
        padding-bottom: 50.5%;
    }

    .footer_youtube_popup .youtube_wrap {
        padding-bottom: 56.5%;
    }
}