@charset "UTF-8";

body {min-width:1638px;}
.pc_opacity {width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; right:0; z-index:2; display:none;}

/* HEADER */
.header_wrap{width:100%; height:90px; background:rgba(0,0,0,0.8); margin:0 auto; text-align:center; display:inline-block; position:fixed; top:0; z-index:2;}
.header_wrap_on {background:#fff;}
.header{position:relative;}
.header_top{width:1440px; margin:0 auto;}
.logo {margin:0; padding:0; display:inline-block; vertical-align:top; margin-right:65px; margin-top:28px;}
.logo_b {margin:0; padding:0; display:inline-block; vertical-align:top; margin-right:65px; margin-top:20px; display:none;}
.gnb_wrap {display:inline-block; height:90px; }
.gnb {text-align:left; display:inline-block; vertical-align:top;}
.gnb > li {float:left; vertical-align:top; width:140px;text-align:center;}
.gnb > li > a {color:#fff; font-size:18px; position:relative; display:block; height:90px; line-height:90px;}
.gnb > li > a.gnb_cate_on {color:#ff7403 !important;}
.gnb > li > ul > li > a{font-size:16px; color:#000;}
.gnb > li > a.gnb_cate_color_on {color:#202020;}
.gnb > li > a[class^="cate0"]:hover {border-bottom:3px solid #ff7403; box-sizing:border-box;}
.gnb > li > a.gnb_cate_bottom {border-bottom:3px solid #ff7403; box-sizing:border-box;}
.national_01{text-align:right;  margin-left:40px; display:inline-block; vertical-align:top;}
.national_01 > li{display:inline-block; vertical-align:top; margin-right:10px; line-height:85px;}
.national_01 > li:first-child a{border-bottom:2px solid #fff;}
.national_01 > li:last-child{margin-right:30px; margin-left:10px;}
.national_01 > li > a{color:#fff; font-size:16px; font-weight:bold;}
.national_02{display:inline-block; vertical-align:top; margin-top:23px;}
.menu_img{display:inline-block; vertical-align:top; cursor:pointer;}
.menu_img_b{display:inline-block; vertical-align:top; display:none;}
.national_01 > li > a.national_color_on {color:#202020;}
.national_01 > li > a.national_bottom {border-bottom:2px solid #202020;}
div[class^="gnb_menu_wrap"] {width:100%; background:#fff; border-top:1px solid #b7b7b7; box-sizing:border-box; display:none; box-shadow:3px 3px 3px rgba(0,0,0,0.4);}
div[class^="gnb_menu_wrap"] > ul {width:1440px; margin:0 auto; overflow:hidden; box-sizing:border-box;}
div[class^="gnb_menu_wrap"] > ul > li {float:left;}
div[class^="gnb_menu_wrap"] > ul > li > a {color:#404040; font-size:16px; display:block; margin:0 20px; height:84px; line-height:84px;}
div[class^="gnb_menu_wrap"] > ul > li > a:hover {color:#ff7403; }
.gnb_menu_wrap01 > ul {padding-left:100px;}
.gnb_menu_wrap02 > ul {padding-left:390px;}
.gnb_menu_wrap03 > ul {padding-left:510px;}
.gnb_menu_wrap04 > ul {padding-left:640px;}
.gnb_menu_wrap05 > ul {padding-left:590px;}
.gnb_bg{width:100%; height:100%; background:#fff; display:none;}
.gnb_area{width:100%; height:100%; background:#fff; position:absolute; top:90px; left:0; display:inline-block; vertical-align:top; overflow:hidden;}
.gnb_area > li {float:left; line-height:85px;}
.gnb_area > li:first-child{float:left; line-height:85px; margin-left:450px;}
.gnb_area_li:hover a{color:#ff7403 ! important;}
.header_bottom{width:100%; height:85px; background:#fff; display:none;}
.header_bottom_menu{width:1650px; height:100%; display:block;}
.header_bottom_menu li{display:inline-block; vertical-align:top; margin:30px;}
.header_bottom_menu li a{color:#000; font-size:16px; font-weight:350;}
.header_bottom_menu li a:hover{color:#ff7403;}

/* GNB */
/*sub_top menu_tap*/
.menu_tap{width:960px; height:100%; background:#fff; position:fixed; right:-960px; z-index:3; overflow-Y:auto;}
.menu_close_position{position:relative; cursor:pointer;}
.menu_close_position img{position:absolute; top:25px; right:50px;}
.menu_tap_wrap{height:760px; margin:150px 0 0 80px;}
.menu_tap_gnb{display:inline-block;}
.menu_tap_gnb> li{border-bottom:1px solid #b8b8b8; height:83px;}
.menu_tap_gnb> li:nth-child(2) {line-height:30px;}
.menu_tap_gnb> li > a{display:inline-block; width:155px; font-size:30px; color:#ff7403; margin-right:85px; line-height:83px; margin-left:10px;}
.menu_tap_gnb_area{display:inline-block; width:580px;}
.menu_tap_gnb_area> li {display:inline-block;}
.li_margin .li_span {display:block ! important;}
.li_margin li{width:180px;}
.li_span{margin-left:15px; margin-top:33px;}
.li_span span {margin-bottom:4px; display:inline-block; vertical-align:top;}
.menu_tap_gnb_area> li:first-child span{font-size:10px;}
.menu_tap_gnb_area> li > a{font-size:18px; color:#313131; margin:0 15px;}
.menu_tap_gnb_area> p{font-size:18px; color:#313131; display:block;}

/* FOOTER */
.footer{width:100%;  background:#3e3e3e; padding:16px 0; box-sizing:border-box;}
.footer_wrap{width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.footer_logo{margin:36px 85px 0 0; display:inline-block; vertical-align:top; float:left;}
.footer_txt{ float:left; padding-top:7px;}
.footer_txt p{font-size:14px; color:#adadad; line-height:1.8;}
.footer_copy {float:right; color:#adadad; font-size:14px; position:absolute; bottom:0; right:0;}