@import url("reset.css");
/* html, body{height:100%;} */

#wrap {width:100%; height:100%; overflow:hidden; /*overflow-y:auto;*/ letter-spacing:-1px; background:#fff}

.header {width:100%; position:relative; z-index:20; }
/* .header:before{content:""; display:block; width:100%; height:4px; background:url(/img/sub/border_gradient.jpg) center no-repeat; background-size:cover;} */
.header.fixed {position:fixed; top:0; left:0;}
.header .header-inner {position:relative; background: #fff;}
.header .bottom-header {margin:0 auto; max-width:1350px; width:100%; height:80px; display:table; position:relative;}
.header .bottom-header > .inner {width:100%; display:table-cell; vertical-align:middle; font-size:0; /*text-align:center;*/}
.header .bottom-header > .inner > * {display:inline-block; vertical-align:middle;}
.header .bottom-header h1.logo {width:150px; text-align:left;}
.header .bottom-header h1.logo img {max-width:100%;}
.header .bottom-header .gnb-box {width:calc(100% - 295px); text-align:center;}
.header .bottom-header .gnb-box ul.gnb {font-size:0;}
.header .bottom-header .gnb-box ul.gnb > li {display:inline-block; vertical-align:middle; padding:0px 40px; position:relative; height:80px;}
.header .header-inner.active .bottom-header .box-rt ul.mem li a {color:#000;}
.header .header-inner.active .bottom-header .gnb-box ul.gnb > li.on > a {color:#850C16; position:relative;}
/* .header .bottom-header .gnb-box ul.gnb > li.on > a:after {content:""; display:block; width:100%; height:4px; background:#9f282b; position:absolute; bottom:0; left:0;} */
.header .header-inner.active .bottom-header .gnb-box ul.gnb > li.on > a:after {content:""; display:block; width:18px; height:16px; background: url(/img/common/gnb-hover.png) left center no-repeat; position:absolute; top: 50%; left:0; transform: translate(-100%,-50%);}
/* .header .bottom-header .gnb-box ul.gnb > li.on:before {content:""; display:block; width:10px; height:10px; background:#163567; border-radius:50%; position:absolute; top:10px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);} */
.header .bottom-header .gnb-box ul.gnb > li a {display:block; font-size:18px; line-height:80px;}
.header .bottom-header .gnb-box ul.gnb > li .dep2{width:190px; height:390px; background: #f5f5f5; padding: 40px 0; position: absolute; top: 80px; left: 40px; /*-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);*/ display: none; text-align: left; box-sizing: border-box;}
.header .bottom-header .gnb-box ul.gnb > li .dep2 dd{margin-top:30px;}
.header .bottom-header .gnb-box ul.gnb > li .dep2 dd:first-child{margin-top:0;}
.header .bottom-header .gnb-box ul.gnb > li .dep2 dd a:hover{color: #850C16;}
.header .bottom-header .gnb-box ul.gnb > li .dep2 dd a{color:#000; line-height:1.3; font-size:16px; display:inline-block;}
/* .header .bottom-header .gnb-box ul.gnb > li .dep2 dd a:hover{text-decoration:underline;} */
.header .all-gnb{display:none; position:absolute; top:76px; background:#fff; width:100%;}
.header .all-gnb.on{display:block;}
.header .all-gnb .all-wrap{}
.header .all-gnb .all-wrap .all-gnb-box{}
.header .all-gnb .all-wrap .all-gnb-box ul{}
.header .all-gnb .all-wrap .all-gnb-box ul li{}
.header .all-gnb .all-wrap .all-gnb-box ul li a{}
/* .header .bottom-header .search-box {width:300px;} */
.header .bottom-header .search-box .search-btn {width:40px;}
.header .bottom-header .search-box .search-btn a {display:block; /*font-size:16px; color:#fff; line-height:35px;*/ font-size:0; width:17px; height:17px; border:2px solid #000; border-radius:50%; position:relative; margin:0 auto 5px; box-sizing: border-box;}
.header .bottom-header .search-box .search-btn a:after {content:""; display:block; width:12px; height:2px; background:#000; position:absolute; bottom:-5px; right:-7px; transform:rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.header .bottom-header .box-rt{/*width:330px;*/ position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); text-align:right;}
.header .bottom-header .box-rt > * {display:inline-block; vertical-align:middle;}
.header .bottom-header .box-rt ul.mem {font-size:0;}
.header .bottom-header .box-rt ul.mem li {display:inline-block; vertical-align:middle; padding:0 15px; position:relative;}
.header .bottom-header .box-rt ul.mem li:before {content:""; width:1px; height:60%; border-left:1px solid #d7d7d7; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.header .bottom-header .box-rt ul.mem li:nth-child(1):before {display:none;}
.header .bottom-header .box-rt ul.mem li a {display:block; font-size:14px; letter-spacing:-1px; color:#000; line-height:1;}
.header .bottom-header .box-rt .len {width: 85px; height: 25px; box-sizing: border-box; border: 1px solid #000; position: relative; /* margin-right: 15px; */ margin-left: 10px;}
.header .bottom-header .box-rt .len:after{content: ""; width: 0; height: 0; border-top: 4px solid #000; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}
.header .bottom-header .box-rt .len .select-len {width: 100%; text-align: left; font-size: 12px; line-height: 23px; color: #000; cursor: pointer; box-sizing: border-box; padding: 0 5px;}
.header .bottom-header .box-rt .len .select-len span{display: inline-block; vertical-align: text-bottom; margin-right: 5px;}
.header .bottom-header .box-rt .len .select-len span img{display:block; width:24px;}
.header .bottom-header .box-rt .len > ul {width: 100%; position: absolute; left: -1px; top: 29px; background: #fff; border: 1px solid #000; display: none; z-index: 10;}
.header .bottom-header .box-rt .len > ul.open {display:block;}
.header .bottom-header .box-rt .len > ul li {box-sizing: border-box; padding: 5px; text-align: center; border-top: 1px solid #d9d9d9;}
.header .bottom-header .box-rt .len > ul li:nth-child(1) {border-top:none;}
.header .bottom-header .box-rt .len > ul li span img{margin-right:5px; width:24px;}
.header .bottom-header .box-rt .len > ul li a {display:block; font-size:13px; color:#000;}
.header .bottom-header .box-rt .chat-box {}
.header .bottom-header .box-rt .chat-box .chat-btn{padding:0 0 7px 14px; background:url(/img/common/chat.png) left bottom no-repeat; background-size:25px 23px;}
.header .bottom-header .box-rt .chat-box .chat-btn span{color:#fff; font-size:12px; padding:4px 8px 6px; background:#e5000f; border-radius:20px; display:block;}
.header .bottom-header .all-btn {width:25px; height:21px; cursor:pointer; position:absolute; top:50%; right:0; display:none; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.header .bottom-header .all-btn:before,
.header .bottom-header .all-btn:after {content:""; width:100%; height:2px; background:#000; position:absolute; left:0; transition: all 0.25s;}
.header .bottom-header .all-btn:before {top:0;}
.header .bottom-header .all-btn:after {bottom:0;}
.header .bottom-header .all-btn i {width:100%; height:2px; background:#000; position:absolute; left:0; top:10px;}
.header .bottom-header .all-btn.active{z-index:10000; position:fixed; top:55px; right:20px;}
.header .bottom-header .all-btn.active i{display:none;}
.header .bottom-header .all-btn.active:before{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 8px; background: #fff;}
.header .bottom-header .all-btn.active:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 8px; background: #fff;}

.header .mo-gnb-bg{width: 100px; height: 100px; background: #fff; z-index: 1001; position: absolute; right: -110px; top: -110px; border-radius: 50%; box-shadow: 0 0 0 0 #163567, 0 0 0 0 #163567; transition: .5s ease;}
.header .mo-gnb-bg.active{box-shadow: 0 0 0 125vw #163567, 0 0 0 250vh #163567; border-radius: 0;}
.header .mo-gnb-box{width: 100%; height: 80vh; position: fixed; left: 0; top: 50%; z-index: 1003; display: none; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.header .mo-gnb-box.active{display: block;}
.header .mo-gnb-box ul.mem {font-size:0; position:absolute; top:50px; right:0;}
.header .mo-gnb-box ul.mem li {display:inline-block; vertical-align:middle; padding:0 15px; position:relative;}
.header .mo-gnb-box ul.mem li:before {content:""; width:1px; height:60%; border-left:1px solid #d7d7d7; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.header .mo-gnb-box ul.mem li:nth-child(1):before {display:none;}
.header .mo-gnb-box ul.mem li a {display:block; font-size:20px; letter-spacing:-1px; color:#fff; line-height:1;}
.header .mo-gnb-box .len {width:60px; height:25px; box-sizing:border-box; border:1px solid #000; position:relative; /*margin-right:15px;*/margin-left:15px;}
.header .mo-gnb_wrap{display:table; width:75%; height:100%; margin:0 auto;}
.header .mo-gnb_wrap .mo-gnb{display:table-cell; vertical-align:middle;}
.header .mo-gnb_wrap .mo-gnb{text-align:center;}
.header .mo-gnb_wrap .mo-gnb li{padding:20px 0;}
.header .mo-gnb_wrap .mo-gnb li a{font-size:30px; color:#fff; word-break:keep-all;}
.header .mo-gnb_wrap .mo-gnb li .dep1{font-size:30px; color:#fff; cursor:pointer; display:block;}
.header .mo-gnb_wrap .mo-gnb li .dep1.on{color:#50b6fa;}
.header .mo-gnb_wrap .mo-gnb li .mo-dep2{margin-top:10px; display:none;}
.header .mo-gnb_wrap .mo-gnb li .mo-dep2 dd{padding:7px 0;}
.header .mo-gnb_wrap .mo-gnb li .mo-dep2 dd a{font-size:25px; display:block; color:#fff;}

/* .header .bottom-header .gnb-box ul.gnb:hover > li .dep2{display:block; z-index:10;} */
.header .active .bottom-header .gnb-box ul.gnb > li .dep2{display:block; z-index:10;}
.active .all_gnb_bg{width:100%; height:410px; background:#fff; position:absolute; top:80px; left:0; background:#f5f5f5;}


.footer {width:100%; background:#f5f5f5; box-sizing:border-box;}
.footer .footer-inner{width:95%; margin:0 auto; max-width:1350px; position:relative;}



.footer .footer_box{width:100%;}

.footer .footer-top {border-bottom: 1px solid #A1A1A1;}
.footer .footer-top .footer_box {display: flex; align-items: center; justify-content: space-between; padding: 15px 0;}
.footer .footer-top .footer_box>ul {display: flex;}
.footer .footer-top .footer_box>ul li{ margin-right:20px; position:relative;} 
.footer .footer-top .footer_box >ul li:after {content:""; display:block; width:1px; height:60%; background:#000; position:absolute; top:50%; right:-10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.footer .footer-top .footer_box >ul li:last-child:after{display:none;}
.footer .footer-top .footer_box >ul li a{font-size:14px; color:#000; display: block;}
/* .footer .footer_box ul{font-size:0; margin-bottom:15px;} */
/* .footer .footer_box ul > *{display:inline-block; vertical-align:middle;} */
/* .footer .footer_box ul li{margin-right:20px; position:relative;} */
/* .footer .footer_box ul li:after{content:""; display:block; width:1px; height:60%; background:#000; position:absolute; top:50%; right:-10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);} */
/* .footer .footer_box ul li:last-child:after{display:none;} */

.footer .footer_box .company-info{padding-top:15px; font-size:0;}
.footer .footer_box .company-info > *{display:inline-block; vertical-align:middle;}
.footer .footer_box .company-info .foot_logo{width:197px; /*margin-right:30px;*/ padding-bottom: 15px;}
.footer .footer_box .company-info .foot_logo img{max-width:100%;}
.footer .footer_box .company-info .info{display: block;}
.footer .footer_box .company-info .info p{font-size:14px; line-height:1.5; color:#000; margin-top: 20px;}

.footer .footer-bottom {padding: 30px 0;}
.footer .footer-bottom .footer_box {display: flex; justify-content: space-between; align-items: center;}

.footer .footer_box .fnb {margin-top: 20px; flex-shrink: 0;}
.footer .footer_box .fnb ul {display: flex; gap: 10px;}
.footer .footer_box .fnb ul li {padding-right: 20px;}
.footer .footer_box .fnb ul li > a {font-weight: bold; font-size: 16px;}
.footer .footer_box .fnb ul li .fo-dep dd a {margin-top: 16px; font-size: 14px; display: block; line-height: 1.4;}



.footer .site{ /*position:absolute; top:-10px; right:0;*/ font-size:0; width:280px;}
.footer .site > *{display:inline-block; vertical-align:middle;}
.footer .site .site_list{width:calc(50% - 5px); margin-right:10px; position:relative; box-sizing:border-box;}
.footer .site .site_list:last-child{margin-right:0;}
.footer .site .site_list .list_btn{font-size:14px; width:100%; height:30px; line-height:30px; padding:0 10px; box-sizing:border-box; position:relative; border:1px solid #003131; cursor:pointer; color:#000;}
.footer .site .site_list .list_btn:after{content:""; width:0; height:0; border-top:3px solid #000; border-right:3px solid transparent; border-left:3px solid transparent; position:absolute; top:50%; right:10px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.footer .site .site_list ul{width:100%; background:#fff; border:solid #c3c3c3; border-width:0 1px 0 1px; position:absolute; bottom:30px; left:0; box-sizing:border-box; display:none;}
.footer .site .site_list ul li{width:100%; padding:10px; box-sizing:border-box; border-top:1px solid #c3c3c3;}
.footer .site .site_list ul li a{font-size:13px;}

.footer .footer_box p.copy {font-size:14px; margin-top:5px; text-align: center; padding-bottom: 30px;}


@media screen and (max-width:1400px) {
		
	.header .header-inner {margin:0 auto; width:95%;}
	.header .bottom-header .box-rt{position:absolute; top:50%; right:40px; transform:translateY(-50%); width:200px;}
	.header .box-rt ul.mem{display:none;}
	.header .bottom-header .all-btn{display:inline-block; margin-left:20px;}
	.header .bottom-header .gnb-box{display:none;}
	.header .bottom-header h1.logo{float:left; text-align:left;}
	.header .bottom-header .search-box{}
	
}
@media screen and (max-width:1200px) {
	
	

} 

@media screen and (max-width:1024px){
	.footer .footer_box .fnb {display: none;}
}


@media screen and (max-width:900px) {

} 

@media screen and (max-width:600px) {
	
	.header:before{background-image:url(/img/sub/border_gradient_s.jpg);}
	.header .bottom-header h1.logo img{width:85px;}
	.header .bottom-header .box-rt .len{width:75px;}
	
	.header .mo-gnb-box ul.mem li a{font-size:18px;}
	.header .mo-gnb_wrap .mo-gnb li .dep1{font-size:25px;}
	.header .mo-gnb_wrap .mo-gnb li a{font-size:25px;}
	.header .mo-gnb_wrap .mo-gnb li .mo-dep2 dd a{font-size:17px;}
	
	/* .footer{padding:15px 0;} */
	.footer .footer-bottom .footer_box {justify-content: center; text-align: center;}
	.footer .footer_box .company-info .foot_logo {width: 120px;}
	.footer .footer-bottom {padding: 30px 0 0;}
	.footer .footer-top .footer_box {justify-content: center;}
	.footer .footer_box p.copy {font-size: 12px; width: 90%; margin: auto; line-height: 1.5;}

	.footer .footer_box ul{text-align:center; margin-bottom:0; display:none;}
	.footer .footer_box .company-info{text-align:center; padding-top:0;}
	/* .footer .footer_box .company-info .foot_logo{width:100%; margin-right:0;} */
	.footer .footer_box .company-info .info{width:100%; margin-top:15px; box-sizing:border-box; word-break:keep-all;}
	.footer .footer_box .company-info .info p{display:none;}
	.footer .footer_box .company-info .info p.copy{padding:0 30px; display:block;}
	.footer .site{position:relative; margin:15px auto 0;}
	/* .footer .site{top:0;} */
	.footer .site{display:none;}
	.footer .site .site_list .list_btn{font-size:13px;}
	
}