@charset "UTF-8";
/* font */
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 300;
	src: url(/resources/kr/font/notokr-light.eot);
	src: url(/resources/kr/font/notokr-light.eot?#iefix) format('embedded-opentype'),
	url(/resources/kr/font/notokr-light.woff) format('woff'),
	url(/resources/kr/font/notokr-light.ttf) format('truetype');
}
@font-face {  
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 500;
	src: url(/font/notokr-regular.eot);
	src: url(/font/notokr-regular.eot?#iefix) format('embedded-opentype'),
	url(/font/notokr-regular.woff) format('woff'),
	url(/font/notokr-regular.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 700;
	src: url(/font/notokr-medium.eot);
	src: url(/font/notokr-medium.eot?#iefix) format('embedded-opentype'),
	url(/font/notokr-medium.woff) format('woff'),
	url(/font/notokr-medium.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 900;
	src: url(/font/notokr-bold.eot);
	src: url(/font/notokr-bold.eot?#iefix) format('embedded-opentype'),
	url(/font/notokr-bold.woff) format('woff'),
	url(/font/notokr-bold.ttf) format('truetype');
}
@font-face {
	font-family: 'MyriadPro';
	font-style: normal;
	font-weight: 300;
	src: url(/font/MyriadPro-Light.woff) format('woff'),
	url(/font/MyriadPro-Light.ttf) format('truetype');
}
@font-face {
	font-family: 'MyriadPro';
	font-style: normal;
	font-weight: 500;
	src: url(/font/MyriadPro-Regular.woff) format('woff'),
	url(/font/MyriadPro-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'MyriadPro';
	font-style: normal;
	font-weight: 700;
	src: url(/font/MyriadPro-Semibold.woff) format('woff'),
	url(/font/MyriadPro-Semibold.ttf) format('truetype');
}
@font-face {
	font-family: 'MyriadPro';
	font-style: normal;
	font-weight: 900;
	src: url(/font/MyriadPro-Bold.woff) format('woff'),
	url(/font/MyriadPro-Bold.ttf) format('truetype');
}


/* reset */
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0}
body{font-family:NotoSans,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:15px; font-weight:500; color:#666;}
h1,h2,h3,h4,h5,h6,strong{font-weight:500; font-size:100%;}
fieldset,img,button{border:0;}
img,input,button{vertical-align:top;}
textarea{resize: none;}
table{border-collapse:collapse;}
address,em{font-style:normal;}
ol,ul,li{list-style:none;padding:0px;margin:0px; word-break:keep-all;}
hr{display:none;}
a{text-decoration:none; color:#666;}
a:hover,a:active{text-decoration:none;}
legend{position:absolute; left:-9999px; top:0}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button{background:none; font-family:NotoSans; cursor:pointer;}
button::-moz-focus-inner{padding:0;}
p{word-break:keep-all;}
input,select{font-family:NotoSans,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:15px; font-weight:500; color:#666;}
.blind{overflow:hidden; position:absolute; left:-9999px; top:0; width:1px; height:1px; font-size:0; line-height:0;}
.behind{overflow:hidden; display:inline-block; text-indent:-9999px;} 
.clearfix{}
.clearfix:after{display:block; clear:both; content:"";}
.center{text-align:center  !important;}

/* skip_nav */
#skip_nav{}
#skip_nav a{overflow:hidden; display:block; position:absolute; top:0px; left:0px; width:0px; height:0px;}
#skip_nav a:focus{width:300px; height:50px; line-height:50px; font-size:18px; font-weight:bold; text-align:center;}

/* gnb */
.header_area{height:80px;}
#header{position:relative;}
#header.fixed{position:fixed; z-index:900; height:80px; width:100%; background:#fff; border-bottom:1px solid #f4f4f4;}
#header .header_wrap{position:relative; width:1080px; margin:0 auto;}
#header .header_wrap:after{display:block; clear:both; content:"";}
#header h1{float:left; margin-top:21px; margin-right:100px;}
#header #gnb{float:left;}
#header .lang{overflow:hidden; position: absolute; right:0; top:26px; z-index:101; height:28px; background:#fff; border:1px solid #ccc; border-radius:20px; font-family:MyriadPro, NotoSans,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
#header .lang li a{display:block; padding:7px 9px; font-size:14px; line-height:14px; text-align:center;}
#header .lang li:first-child a{color:#f27321;}
#header .lang .li1 a:before, #header .lang .li1 a:after{display:inline-block; content:""; width:11px; height:11px; background-image:url(/resources/kr/images/common/lang_icon.png); background-repeat:no-repeat; vertical-align:0;}
#header .lang .li1 a:before{margin-right:4px; background-position:0 0;}
#header .lang .li1 a:after{margin-left:4px; background-position:100% 0;}
#header .lang.on{border-radius:10px;}
#header .lang.on .li1 a:after{background-position:100% 100%;}
#header #gnb > ul:after{display:block; clear:both; content:"";}
#gnb .depth1{}
#gnb .depth1{float:left;}
#gnb .depth1.nav3{position:static;}
#gnb .depth1 > a{display:block; height:47px; padding:33px 25px 0; font-size:14px; font-weight:700; line-height:17px;}
#gnb .depth1 a:hover, #gnb .depth1 a:focus, #gnb .depth1.on > a{color:#f27321;}
#gnb .depth2{display:none; position:absolute; left:50%; top:80px; width:1080px; padding-top:18px; padding-bottom:20px; margin-left:-540px; z-index:101;}
#gnb .depth2.on{display:block;}
#gnb .nav1 .depth2{width:100%; padding-left:287px; border:0px solid red;}
#gnb .nav2 .depth2{width:100%; padding-left:388px;}
#gnb .nav33 .depth2{width:100%; padding-left:490px;}
#gnb .nav4 .depth2{width:100%; padding-left:590px;}
#gnb .nav5 .depth2{width:100%; padding-left:720px;}
#gnb .nav55 .depth2{width:100%; padding-left:600px;}
#gnb .nav555 .depth2{width:100%; padding-left:865px;}
#gnb .nav6 .depth2{width:100%; padding-right:110px;}
#gnb .depth2 > li{float:left; margin-left:40px;}
#gnb .depth2 > li:first-child{margin-left:0;}
#gnb .nav6 .depth2 > li{float:right;}
#gnb .depth2 a{display:inline-block; padding-bottom:4px; font-size:14px; font-weight:700; line-height:14px; letter-spacing:-0.25px;}
/*#gnb .nav3 .depth2 .menu1{float:left; width:250px; margin-top:12px; margin-right:40px;}
#gnb .nav3 .depth2 .menu1 a{display:block; width:250px; height:120px; padding:0; background:url(/resources/kr/images/common/nav3_tit_img.jpg) 0 0 no-repeat; font-size:16px; line-height:120px; text-align:center; color:#fff;}
#gnb .nav3 .depth2 .menu1 a:hover,#gnb .nav3 .depth2 .menu1 a:focus{border:none 0; color:#f27321;}
#gnb .nav3 .depth2 .s_menu{float:left; width:790px; height:23px; padding-top:11px; margin:0;}
#gnb .nav3 .depth2 .s_menu:after{display:block; clear:both; content:"";}
#gnb .nav3 .depth2 .menu4{width:350px;}
#gnb .nav3 .depth2 .s_menu > .cate{display:block; float:left; width:90px; background:url(/resources/kr/images/common/gnb_bar2.png) 100% center no-repeat; font-size:14px; font-weight:700;}
#gnb .nav3 .depth2 .s_menu > .cate.on{color:#f27321;}
#gnb .nav3 .depth2 .menu5 > .cate{background:none;}
#gnb .nav3 .depth2 .depth3{float:left;}
#gnb .nav3 .depth2 .depth3:after{display:block; clear:both; content:"";}
#gnb .nav3 .depth2 .depth3 li{float:left; padding:0 26px; background:url(/resources/kr/images/common/gnb_bar.png) 0 center no-repeat;}
#gnb .nav3 .depth2 .depth3 li:first-child{background:none;}
#gnb .nav3 .depth2 .depth3 li a{font-size:12px; line-height:14px; letter-spacing:0;}*/
#gnb .depth2 a:hover, #gnb .depth2 a:focus{border-bottom:1px solid #f27321;}
#header .gnb_bg{position:absolute; left:0; top:80px; z-index:100; width:100%; background:#f4f4f4;}

#wrap{}

#footer{position:relative; height:136px; background:#f4f4f4;}
#footer .inner{position:relative; width:1080px; padding-top:26px; margin:0 auto;}
#footer .left{float:left; width:129px; margin-right:80px;}
#footer .right{float:left; width:870px; padding-top:8px; font-size:13px;}
#footer .footer_menu{overflow:hidden; margin-bottom:12px;}
#footer .footer_menu li{float:left;}
#footer .footer_menu a{font-size:13px; line-height:13px; color:#333;}
#footer .footer_menu li.ft_line a{padding-right:14px; margin-right:14px; background:url(/resources/kr/images/common/footer_bar1.png) 100% 50% no-repeat;}
#footer .footer_menu a:hover{text-decoration:underline;}
#footer .footer_menu .ft_b {font-weight: 900;}
#footer .address{}
#footer .address span{margin-left:14px;}
#footer .copyright span{display:inline-block; padding-top:2px; vertical-align:middle;}
#footer .famliy_site{position:absolute; right:0; top:30px;}
#footer .famliy_site .site_btn{display:block; width:114px; height:23px; padding:5px 10px 0; background-image:url(/resources/kr/images/common/footer_btn_bull1.png); background-position:114px 0; background-repeat:no-repeat; border:1px solid #ccc; font-size:13px; color:#333;}
#footer .famliy_site:hover .site_btn, #footer .famliy_site .site_btn:focus, #footer .famliy_site.on .site_btn{background-color:#f27321; background-position:114px -30px; border-color:#f27321; color:#fff;}
#footer .famliy_site .inner_pop{display:none; position:absolute; right:0; bottom:29px; z-index:1001; width:1008px; padding:28px 0 38px 28px; background:#fff; border:1px solid #f27321;}
#footer .famliy_site .inner_pop h2{margin-bottom:30px; font-size:20px; font-weight:700; line-height:1em; letter-spacing:-0.5px; color:#333; }
#footer .famliy_site .inner_pop .cont_area{overflow:hidden;}
#footer .famliy_site .inner_pop .cont{overflow:hidden; float:left; margin-left:60px; font-size:15px; letter-spacing:-0.5px;}
#footer .famliy_site .inner_pop .cont:first-child{margin-left:0;}
#footer .famliy_site .inner_pop .cont_lst1, #footer .famliy_site .inner_pop .cont_lst2{float:left;}
#footer .famliy_site .inner_pop .cont_lst2{width:120px;}
#footer .famliy_site .inner_pop .cont h3{padding-bottom:9px; margin-bottom:18px; border-bottom:2px solid #ebebeb; line-height:1em; color:#333;}
#footer .famliy_site .inner_pop .cont ul{width:160px;}
#footer .famliy_site .inner_pop .cont ul li{padding-left:10px; margin-top:16px; line-height:1.3em; background:url(/resources/kr/images/common/list_o_bull.png) 0 8px no-repeat;}
#footer .famliy_site .inner_pop .cont ul li:first-child{margin:0;}
#footer .award{position:absolute; right:166px; top:31px;}
#quickBtn{overflow:hidden; position:absolute; left:0; top:-94px; width:100%; height:64px;z-index:1}
#quickBtn a{position:absolute; right:50%; top:0; width:64px; height:64px; margin-right:-706px;}

/* 
btn_round_default : 라운드버튼 기본css
btn_round_type1 : more
btn_round_type2 : 홈페이지
btn_round_type3 : download
btn_square_default : 사각버튼 기본css
btn_square_type1 : 더보기
btn_square_type2_1 : 이전
btn_square_type2_2 : 다음
*/
.btn_round_default{display:inline-block; height:30px; padding:7px 12px 0; background:#fff; border:1px solid #ccc; border-radius:50px; font-family:MyriadPro, NotoSans,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:14px; vertical-align:0; line-height:0;}
.btn_round_type2{height:19px; padding-top:9px;}
.btn_round_type3{font-weight:500;}
.btn_round_default:after{content:""; display:inline-block; background-image:url(/images/common/btn_icon.png); background-repeat:no-repeat;  vertical-align:0;}
.btn_round_type1:after{width:6px; height:12px; margin-left:28px; background-position:0 0;}
.btn_round_type1_1{background:none; border-color:#ccc; color:#ccc;}
.btn_round_type1_1:after{width:6px; height:12px; margin-left:28px; background-position:-100px 0;}
.btn_round_type2:after{width:17px; height:10px; margin-left:19px; background-position:0 -25px;}
.btn_round_type3:after{width:15px; height:11px; margin-left:8px; background-position:0 -50px;}
.btn_round_default:hover{background-color:#f27321; border-color:#f27321; color:#fff;}
.btn_round_type1:hover:after{background-position:-50px 0;}
.btn_round_type1_1:hover:after{background-position:-50px 0;}
.btn_round_type2:hover:after{background-position:-50px -25px;}
.btn_round_type3:hover:after{background-position:-50px -50px;}
.btn_square_default{display:inline-block; width:100px; height:36px; line-height:36px; background:#fff; border:1px solid #ccc; font-family:MyriadPro, NotoSans,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:15px; font-weight:700; text-align:center;}
.btn_square_default:hover{background:#f27321; color:#fff;}
.btn_square_default:before, .btn_square_default:after{content:""; display:inline-block; background-image:url(/resources/kr/images/common/btn_icon.png); background-repeat:no-repeat; vertical-align:middle;}
.btn_square_type1:after{width:15px; height:19px; margin-left:7px; background-position:0 -75px;}
.btn_square_type2_1:before{width:8px; height:12px; margin-right:0px;  background-position:0 -100px;}
.btn_square_type2_2:after{width:8px; height:12px; margin-left:14px; background-position:0 -125px;}
.btn_square_type1:hover:after{background-position:-50px -75px;}
.btn_square_type2_1:hover:before{background-position:-50px -100px;}
.btn_square_type2_2:hover:after{background-position:-50px -125px;}

.hanwha_font{display:inline-block; vertical-align:-1px;}
.h_f17{vertical-align:-2px;}
.h_f22{vertical-align:-2px;}
.h_f38{vertical-align:-3px;}

#tabMenu{}
#tabMenu ul{overflow:hidden; width:1000px; margin:0 auto;}
#tabMenu li{float:left; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; text-align:center;}
#tabMenu li:first-child{border-left:1px solid #d7d7d7;}
#tabMenu .length4 li{width:249px;}
#tabMenu .length4 li:first-child{width:248px;}
#tabMenu .length3 li{width:332px;}
#tabMenu li a{display:block; height:50px; padding-top:15px; border-top:1px solid #fff; font-family:MyriadPro, NotoSans,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:14px; letter-spacing:0; color:#333;}
#tabMenu li.on{border-top-color:#f27321;}
#tabMenu li.on a{height:50px; padding-top:16px; border-top-color:#f27321; font-weight:700; color:#f27321;}
#tabCont .tab_cont{display:none;}
#tabCont .tab_cont.on{display:block;}

/* 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:100%;margin:0 auto;position:relative;border-bottom:1px solid #e3e3e3;background:#fff;}
#navigation .navi_area .logo_box {height:75px;position:absolute;left:0px;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;}


#navigation .navi_area h1 {float: left;/*height:74px;*/display:block;background:#fff;}
#navigation .navi_area h1 a.home {width:210px;height:34px;display:block;float:left;margin-top:19px;padding-left:20px;}
#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:#f27824;position:relative;float:right;overflow:hidden;display:block;}
#navigation .navi_area .smart_info_box .btn_side_menu {width:45px;height:75px;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('/_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: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('/_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 #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('/_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:#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('/_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:22px;color:#333;font-weight:300;padding-left:50px;background:url('/_resource/global_images/ico/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('/_resource/global_images/ico/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('/_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/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/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:1080px;height:73px;overflow:hidden;position:absolute;left:50%;top:0;margin-left:-420px;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:73px;position:relative;z-index:2;background:#fff;}
#navigation .navi_area .navi_ul li .navi_dl dt a {display:block;font-size:15px;color:#4a5160;line-height:78px;text-align:center;position:relative;;}
#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:1;
    -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:25px;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:25px;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:25px;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:25px;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:25px;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:25px;opacity:1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
#navigation .navi_area .navi_ul li:nth-child(7) .navi_dl dd.over {top:25px;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:155px;position:absolute;right:0;top:0px;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:150px;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('/_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;}
#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:13px;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("/_resource/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/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/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/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/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/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/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/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/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: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:#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: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:74px;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('/_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;}
#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.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;}



/* 콘텐츠 영역 */
#contentsContainer { padding-bottom: 277px; }
#contentsContainer.mall_main_contents { padding-bottom: 197px; }
#contentsContainer.mall_main_contents2 { padding-bottom: 210px; }
#contentsContainer.mall_main_contents2 .main_util_wrap { padding-bottom: 0; }
#contentsContainer .inner_container { width: 1200px; height: auto; margin: auto; }
.mall_sub_contents .inner_container { position: relative; }
.mall_sub_contents .subpage_main_title { padding-top: 30px; font-size: 30px; color: #000; line-height: 1; }
.mall_sub_contents .subpage_page_nav { position: absolute; z-index: 1; right: 0; top: 30px; letter-spacing: -5px; }
.mall_sub_contents .subpage_page_nav span { letter-spacing: 0; font-size: 14px; }
.mall_sub_contents .subpage_page_nav .gap { padding: 0 9px; }
.mall_sub_contents .subpage_page_nav .txt_here { color: #333; }
.mall_sub_contents .subpage_tab_wrap { margin-top: 22px; }
.mall_sub_contents .subpage_tab_wrap + .contents_wrap { margin-top: 30px; }
.subpage_tab_wrap .subpage_tab_list:after { content: ''; display: block; clear: both; }
.subpage_tab_wrap .subpage_tab_list li { float: left; width: 50%; height: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.subpage_tab_wrap .subpage_tab_list li:first-child .button_tab { border-left: 1px solid #ccc; }
.subpage_tab_wrap .subpage_tab_list li:first-child.tab_on .button_tab { border-left: 1px solid #0084c9; }
.subpage_tab_wrap .subpage_tab_list.tab_size3 > li { width: 33%; }
.subpage_tab_wrap .subpage_tab_list.tab_size3 > li:last-child { width: 34%; }
.subpage_tab_wrap .subpage_tab_list.tab_size4 > li { width: 25%; }
.subpage_tab_wrap .subpage_tab_list.tab_size6 > li { width: 200px; }
.subpage_tab_wrap .tab_on .button_tab { border: 1px solid #0084c9; border-bottom: 1px solid #fff; background-color: #fff; color: #0084c9; }
.subpage_tab_wrap .button_tab { display: block; width: auto; max-width: 100%; height: 51px; line-height: 49px; border: 1px solid #ccc; border-bottom: 1px solid #0084c9; border-left: 0; background-color: #fafafa; font-size: 15px; color: #333; font-weight: 700; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.main_util_wrap { margin-top: 40px; padding-bottom: 69px; }
.main_util_wrap .inner_wrap { position: relative; width: 1110px; height: 170px; margin: auto; }
.main_util_wrap .inner_wrap:after { content: ''; display: block; clear: both; }
.main_util_wrap .main_notice_box { position: relative; float: left; width: 540px; height: auto; }
.main_util_wrap .main_cscenter_box { position: relative; float: right; width: 585px; height: auto; }
.main_util_wrap .util_title { display: block; padding-left: 20px; padding-bottom: 20px; font-size: 25px; font-weight: 700; color: #000; border-bottom: 1px solid #000; line-height: 1; }
.main_util_wrap .util_title .txt_sub { font-size: 14px; color: #999; font-weight: 400; padding-left: 19px; vertical-align: middle; }
.main_util_wrap .button_side_group { position: absolute; z-index: 1; right: 0; top: 5px; }
.main_util_wrap .list_box { margin-top: 20px; }
.main_util_wrap .notice_list li { padding-left: 20px; padding-right: 20px; line-height: 1; }
.main_util_wrap .notice_list li:after { content: ''; display: block; clear: both; }
.main_util_wrap .notice_list li + li { margin-top: 18px; }
.main_util_wrap .notice_list li > a { float: left; display: block; width: 80%; height: auto; font-size: 15px; font-weight: 400; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.main_util_wrap .notice_list li > span { float: right; display: block; width: 20%; text-align: right; font-size: 14px; color: #777; font-weight: 400; }
.main_util_wrap .cs_center { padding-top: 20px; }
.main_util_wrap .cs_center:after { content: ''; display: block; clear: both; }
.main_util_wrap .cs_center .csbox { float: left; width: 330px; height: auto; padding: 0 0px 0 20px; border-right: 1px solid #e5e5e5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.main_util_wrap .cs_center .csbox .subtitle { margin-top: 0px; line-height: 1; }
.main_util_wrap .cs_center .csbox .subtitle .txt_sub {padding-left: 10px; font-size: 12px;font-weight: 400; letter-spacing: -0.5px; color: #1091d0; /* 2017-09-20 추가 */  }
.main_util_wrap .cs_center .csbox .subtxt01 { margin-top: 10px; line-height: 1; }
.main_util_wrap .cs_center .csbox .subtxt02 { margin-top: 7px; }
.main_util_wrap .cs_center .csbox + .csbox { width: 255px; padding-left: 30px; border-right: 0; }
.main_util_wrap .cs_center .subtitle { font-size: 17px; font-weight: 700; color: #333333; line-height: 1; }
.main_util_wrap .cs_center .subtxt01 { font-size: 27px; font-weight: 900; color: #505156; line-height: 1; }  /* 2017-09-21 변경 */ 
.main_util_wrap .cs_center .subtxt01 sub { font-size: 15px; color: #505156; font-weight: 700; vertical-align: middle; } /* 2017-09-21 변경 */ .main_util_wrap .cs_center .subtxt02 { font-size: 14px; font-weight: 400; color: #777; line-height: 1; letter-spacing: -1px; }
.main_util_wrap .button_notice_more { font-size: 15px; color: #333333; font-weight: 400; padding-right: 22px; background-image: url(/images/common/icon_main_noticemore.png); background-repeat: no-repeat; background-position: right center; }