/* 스크롤온 */
.scroll_on #header{position:fixed; background:rgba(0,0,0,0.6); border-bottom:1px solid #333}
.scroll_on .header_inner{padding:0 0!important; height:57px;}
.scroll_on .header_inner .gnb{margin:0 0 0 0!important;}
.scroll_on .header_inner .gnb2{top:-13px; opacity:0}
.scroll_on .header_inner .gnb_all{top:30px;}
.scroll_on .header_inner h1{width:150px; height:50px; overflow:hidden;}
.scroll_on .header_inner h1 img{margin-top:13px;}
.scroll_on .header_inner .gnb ul li.depth1{height:57px;line-height:60px;}
.scroll_on .header_inner .gnb ul li.depth1>a{font-size:13px; padding:0px 16px;; text-shadow:none;}
.scroll_on .header_inner .gnb ul li.depth1>ul.depth2{top:57px;}
.scroll_on .gnb_all{position:fixed;top:7px; padding:10px;}
.scroll_on #container{}

#wrap{position:relative; width:100%; min-width:1100px;}
#header{position:fixed;width:100%;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.3);z-index:1000; transition:0.3s;}
/* #header.main{background: #fff; border-bottom:1px solid #ddd}
#header.main .gnb ul li.depth1>a{color:#222;}
#header.main .gnb2 ul li a{display: block;font-size:12px; color:#222; font-weight:700;}
 */
.header_inner{position: relative;width:1100px; height:65px; margin:0 auto;padding: 20px 0; text-align:center; transition:0.4s;}
.header_inner h1{float: left;width:206px; transition:0.3s}
.header_inner h1 img{width:100%;max-width:222px;transition:0.2s;margin-top:3px}
.header_inner .gnb{float:right;margin:20px 0 0 30px;padding-right:80px; transition:0.3s;}
.header_inner .gnb ul li.depth1{position: relative;float:left;width:140px;height:65px;line-height:65px; transition:0.4s;}
.header_inner .gnb ul li.depth1:hover{background:#c82517; border-bottom:1px solid #b82511; box-sizing: border-box;}
.header_inner .gnb ul li.depth1:hover a{color:#fff !important;}
.header_inner .gnb ul li.depth1:hover .depth2{display: block;}
.header_inner .gnb ul li.depth1>a{display:block;font-size:15px;padding:0px 22px; color:#fff; font-weight:500; letter-spacing:-1px; transition:0.3s; text-shadow:0 0 2px rgba(0,0,0,0.8);}
.header_inner .gnb ul li.depth1>ul.depth2{position: absolute;display: none; width: 100%; z-index: 1000; top:65px; background:#333; transition:0.4s;}
.header_inner .gnb ul li.depth1>ul.depth2 li{border-bottom:1px solid #292929;}
.header_inner .gnb ul li.depth1>ul.depth2 li:last-child{border-bottom:none;}
.header_inner .gnb ul li.depth1>ul.depth2 li:hover{background:#292929;}
.header_inner .gnb ul li.depth1>ul.depth2 a{display: block;padding: 12px 0; font-size: 12px;line-height:13px; color: #fff; font-weight:300;white-space:normal;word-break:keep-all;}
.header_inner .gnb2{position:absolute;top:25px;right:100px; transition:0.4s; opacity:0.9;}
.header_inner .gnb2 ul li{float: left;padding-left:22px;}
.header_inner .gnb2 ul li a{display: block;font-size:12px; color:#fff;}
.header_inner .gnb2 ul li.gnb_lang a{color:#c51b13; padding-right:13px; background:url(../image/common/lang_arrow.gif) no-repeat 100% 50%;}

/* 상단메뉴 */
.gnb_all{position:fixed; right:50%;margin-right:-550px; top:40px;padding:14px; background:#c82517; border: 1px solid #a5110a;  cursor: pointer; z-index:2010;transition:0.4s;}
.gnb_inner{display:none;position:relative;width:1100px;margin:0 auto;opacity:0;top:10%; z-index:2000; clear:both; overflow:hidden; padding:30px 0; text-align:center;}
.gnb_inner>ul{text-align:center; font-size:0; letter-spacing:0; border-bottom:1px solid #666;padding-bottom:30px;margin-bottom:30px;}
.gnb_inner ul>li.depth1{display:inline-block;margin:0px 35px; vertical-align:top; }
.gnb_inner ul>li.depth1:hover h3{color:#c82517}
.gnb_inner ul>li.depth1 h3{font-size:22px; color:#fff;font-weight:bold;margin-bottom:30px;transition:0.3s}
.gnb_inner ul>li.depth1 ul li{margin:15px 0;}
.gnb_inner ul>li.depth1 ul li a{display:block;font-size:13px; color:#ccc;}
.gnb_inner ul>li.depth1 ul li a:hover{color:#fff; font-weight:bold;}
.gnb_on{display:block; opacity:0.9;}

/* 애니메이션 아이콘 */
.all_icon{width:25px;height:22px;-webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;transition:0.4s;}
.all_icon span{display: block;position: absolute;  height:4px;  width:25px;background: #fff;  border-radius:30px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
.all_icon span.icon_list1{top: 0px;}
.all_icon span.icon_list2,.all_icon span.icon_list3{top:9px;}
.all_icon span.icon_list4{top:18px;}
.all_icon.open span.icon_list1{top: 18px;  width: 0%;  left:50%;}
.all_icon.open span.icon_list2{-webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.all_icon.open span.icon_list3{-webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
.all_icon.open span.icon_list4{top: 18px;  width: 0%;  left: 50%;}
/* 전체메뉴 배경 */
.overlay{height:0%; width:100%;display: block;position: fixed;z-index:2000;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.95); transition:0.4s ease-in-out;overflow:hidden;}
.overlay-content {position: relative;top:20%;width:100%;text-align: center;margin-top:30px;}
.myNav_on{display:block;height:100%;}
.gnb_menu_tel{display:inline-block;color:#fff;margin:0 40px;}
.gnb_menu_tel dl dt{font-size:14px;}
.gnb_menu_tel dl dd{font-size:35px; font-weight:700;}
.gnb_menu_tel p{font-size:12px; opacity:0.8;margin-top:3px;}
.gnb_menu_quick{display:inline-block; margin-top:3px;}
.gnb_menu_quick ol li{float:left;margin-right:25px;padding:5px 25px 5px 7px; transition:0.2s;border-radius:30px;}
.gnb_menu_quick ol li:hover{background:#222; border-radius:30px;}
.gnb_menu_quick ol li a{display:block;color:#fff;padding-left:60px; line-height:52px; height:52px; vertical-align:top;font-size:14px;}
.gnb_menu_quick ol li.list1 a{background:url(../image/common/icon_gnbinner.png) no-repeat 0 -73px;}
.gnb_menu_quick ol li.list2 a{background:url(../image/common/icon_gnbinner.png) no-repeat 0 -242px}
.gnb_menu_quick ol li.list3 a{background:url(../image/common/icon_gnbinner.png) no-repeat 0 -330px}
.gnb_menu_quick ol li.list4 a{background:url(../image/common/icon_gnbinner.png) no-repeat 0 -158px}

#container{width:100%;overflow:hidden;}
.content{position: relative;}
.content_inner{position:relative;width:1100px; margin:0 auto;}
.content_inner:after{display:block;content:' ';clear:both;}

#footer{position: relative;background:#252525; z-index:100}
.partner{width:100%; text-align: center;border-top:1px solid #eee; padding:15px 0 10px 0; background: #fff;}
.partner ul li{display:inline-block;}
.partner ul li img{width:75%;}
.footer_wrap{width:750px; margin:0 auto; color:#fff;padding:40px 0; overflow: hidden;display: flex;}
.footer_left{float:left;width:330px; text-align: center;}
.footer_right{float: left;font-size:11px; font-weight:100; line-height:18px;}
.footer_right ul{overflow: hidden;margin-bottom:10px;}
.footer_right ul li{float: left;margin-right:5px;}
.footer_right ul li:hover{background:#333;}
.footer_right ul li a{display: block;color:#fff;border-radius:3px; font-size:12px; letter-spacing:0;border:1px solid #666;padding:5px 12px;}
.footer_right p span{display: block; opacity: 0.7;padding-top:10px;font-size: 12px; }
.footer_right strong{font-weight: bold;}

/* 퀵바 */
#quick{width:90px; height:200px; left:50%; margin-left: 590px;}
#quick ul{box-sizing: border-box; border-top:none;border-bottom:none;}
#quick ul li{border-bottom: 1px solid #eee;background: #fff; border-right: 1px solid #eee; border-left: 1px solid #eee;}
#quick ul li:last-child{border-bottom:none;}
#quick ul li a{display: block; padding:60px 0 10px 0; text-align: center; font-size:12px; color: #222;}
#quick .quick_title{background:#ca2f1a;border:1px solid #ca2f1a;  text-align: center;padding:15px 0;}
#quick .quick_top a{background:#333; text-align: center;padding:15px 0; color:#fff;}
#quick ul li.q_list1 a{background:url(../image/sub/quick_icon.png) 50% -47px no-repeat;}
#quick ul li.q_list2 a{background:url(../image/sub/quick_icon.png) 50% -135px no-repeat;}
#quick ul li.q_list3 a{background:url(../image/sub/quick_icon.png) 50% -224px no-repeat;}
#quick ul li.q_list4 a{background:url(../image/sub/quick_icon.png) 50% -312px no-repeat;}