@charset "utf-8";
@import url(common.css);

.tel_num,.depth01>li>a {color: #272727 !important;}
.logo a {background:transparent;}

.header {z-index: 9999}
nav {padding-left:220px;}
/*header {height: 80px;}*/
/*body{position: relative; background: url(../img/main/sian.jpg) no-repeat 50% 0;}*/
.header {position: absolute;top:0;width:100%;height: 95px;z-index: 10;background: #09234e80;border-bottom: 1px solid #ffffff47;transition:0.5s;}
.header .top {position: absolute;width: 100%;/* max-width: 94%; */margin: 0 auto;}
.header h1 {position: absolute;top: 12px;left: 40px;font-size: 0;text-indent: -9999px;overflow: hidden;width: 240px;height: 45px;background: url(../img/logo.png) no-repeat 50%;background-size: 100%; z-index: 500}
.header h1 a {display: block; width: 100%; height: 100%;}
.header .gnb {text-align: center;/* padding-left: 100px; */transition: 0.25s;}
.header .gnb:before {position: absolute;display: block;content: "";width: 230px;height: 58px;background: url(../img/tal.png) no-repeat 50%;top: 10px;right: 170px;}
.header .gnb:after {display: block; content: ""; clear: both; visibility: hidden;}
.header .gnb > li {float: left;width: 120px;}
.header .gnb > li:first-child {margin-left: 595px;}

.header .gnb a{width: 120px;display: inline-block;padding: 30px 0 24px;font-size: 17px;border-bottom: 5px solid #ffffff00;font-weight: 500;color: #3a3a3a;transition: 0.3s;}
.header .gnb span:nth-child(6) {display: none;}
.header .gnb a.ov,.header .gnb a:hover {color: #3a3a3a;border-bottom: 5px solid #c3217a;transition: 0.3s;}
.header .gnb .sub .a {padding:20px 0;}
.header .gnb .sub li ul li a {padding:15px;}
.gnb_close,.gnb_menu {display: none;}
.header .gnb.gnb_ov {background: #ffffffee;}
.header .gnb.gnb_ov >li >a{border-bottom: 1px solid #ccc;}
.header .gnb.gnb_ov ul li {border-bottom: 1px solid #ccc;}
.header .gnb.gnb_ov a {color: #333;}
.header .gnb.gnb_ov a:hover {color: 333;}

	.header .gnb > a {font-size: 14px;padding: 30px 0;}
	.header .gnb li ul li a {padding:20px 0; font-size: 14px;}


.header .util {position: absolute;top: 24px;left: 50%;margin-left: 500px;}
.header .util a {display: inline-block;background: #4c4e52;padding: 7px 12px;margin: 0;margin-left: 1px;font-size: 13px;color: #aaa;}
.header .quick {position: fixed;width: 100px;height: 100vh;top: 0;right: 0;background-color: #fff;text-align: center;border-left: 1px solid #e1e1e1;}
/*.header .quick .quick0 {background: transparent;padding: 23px 0 24px;color: #fff;font-size: 13px;background: #2ab8ce;}*/
.header .quick span:after {display: block;content:"";height: 1px;width: 14px;position: absolute;left: 50%;bottom:0;margin-left: -7px;}

.header .quick .quick0 {background: transparent;padding: 120px 0 24px;color: #fff;font-size: 0;/* background: #01296e url(../img/quick0_a.jpg) no-repeat 50% bottom; */background-size: 100%;height: 69px;}
.header .quick .quick0:after {content: "";display: block;background: url(../img/open12.png) no-repeat 50%;width:121px;height: 164px;position: absolute;top: 0px;left: auto;right: 0px;}
.header .quick span:nth-child(2) {/* background: #1a9aad; */padding-top: 35px;}
.header .quick span:nth-child(3) {/* background: #007588; */}
.header .quick span:nth-child(4) {/* background: #215c72; */}
.header .quick span:nth-child(5) {/* background: #1f776f; */}


.header .quick h2 {display: inline-block !important; width: 80px; height: 80px; font-size: 17px; color: #0696d7; text-align: center; line-height: 1.2; padding: 15px 0; border-bottom: 1px solid #ffffff33;}
.header .quick h2 b {display: block; font-weight: bold; font-size: 22px;color: #0696d7; }
.header .quick span {position: relative;display: block;text-align: center;padding: 15px 10px 15px;}

.header .quick span .a,
.header .quick span a {display: block;/* color: #fff; */line-height: 1.2;font-size: 14px;padding-bottom: 12px;cursor: pointer;}
.header .quick .quick1 {display: block;width: 80px;background: url(../img/quick1.png) no-repeat 50% 12px;padding-top: 51px;}
.header .quick .quick2 {display: block;width: 80px;background: url(../img/quick2.png) no-repeat 50% 13px;padding-top: 47px;}
.header .quick .quick3 {display: block;width: 80px;background: url(../img/quick3.png) no-repeat 50% 13px;padding-top: 55px;}
.header .quick .quick4 {display: block;width: 80px;background: url(../img/quick4.png) no-repeat 50% 13px;padding-top: 55px;padding-bottom: 14px;}
.header .quick .quick5 {display: none;}
.header_scroll {background:#061a4e; transition:0.5s;height: 70px;}
.gnb_scroll {margin-top: -5px !important; transition:0.5s;}
.header_fix { position: fixed; top:0; height:100px; background:#061a4e; z-index: 9999; }
.noline {border: none !important;}

@media (max-width:1600px){
	.header .quick {right: 0;}
	#page .inner,
	#page .full_inner .inner {width: 90%; margin-left: 5%}
	.header h1 {/* width: 130px; */}
	.header .util {left: auto;right: 120px;margin-left: 0;}
}
@media (max-width:1280px){
	.gnb {display: none;}

	.gnb_close {position: absolute;top: -9px;right: 0;width: 70px;background: url(../img/common/gnb_close.png) no-repeat 50%;height: 70px;background-size: 100%;z-index: 110;}
	/*.gnb_close {display: none;}*/
	.gnb_menu {display: block;position: fixed;top: -3px;right: 0px;width: 70px;background: url(../img/common/gnb_menu.png) no-repeat 50%;height: 70px;background-size: 100%;z-index: 1;}


	#gnb_m {display: block; display: none; position: fixed;width: 280px;top: 0px;right: 0;height: 100vh;background: #0f788c;z-index:91;overflow-y: scroll; padding-bottom: 70px;}

	#gnb_m > a {display: block; padding: 30px 10px 15px 25px; color: #fff;}
	#gnb_m > li > a {padding: 20px 0 11px 25px;color: #fff;font-size: 18px;padding-top: 36px;display: block;}
	#gnb_m > li {border-bottom: 1px solid #ffffff33; padding-bottom:20px;}
	#gnb_m > li > ul > li > a {font-size: 14px;color: #fff;padding: 10px 39px;display: block;font-size: 14px;}

	.header {height: 70px;}
	.header .top {top:7px;max-width: 100%;}
	.header h1 {top: 5px;left: 20px;width: 240px;text-align: center;position: absolute;left: 20px;height: 41px;top: 7px;margin-left: 0;}
	.header .gnb {/* display: none; */width: 280px;/* height: 100vh; *//* background: #4fbbe9; *//* z-index: 9999; *//* padding-top: 150px; */ background: #4fbbe9;}
	/*.header .gnb a {font-size: 17px;padding: 20px 8px;}*/
	.header .gnb li:first-child {margin-left: 0;}
	.header .gnb li {}
	.header .gnb span {display: block;}
	.header .gnb a { font-size: 17px; text-align: center;}
/*
	.gnb_bt {position: absolute; top: 0; left: 0; width: 50px; height: 50px; text-align: center; z-index: 9999}
	.gnb_bt .gnb_menu {display: none; width: 50px; height: 50px; background: url(../img/common/gnb_menu.png) no-repeat 50% 50%; background-size: 100%; margin-left: 10px; cursor: pointer;}
	.gnb_bt .gnb_close {display: none; width: 50px; height: 50px; background: url(../img/common/gnb_close.png) no-repeat 50% 50%; background-size: 100%; margin-left: 10px; cursor: pointer;}

*/
.header .quick .quick5 {display: inline-block;}
	.header .quick {right: auto;top: auto;left: 0;bottom: -5px;width: 100%;height: auto;position: fixed;border-top: 2px solid #cd0373;box-shadow: 0 0 30px rgba(0,0,0,0.1);}
	.header .quick h2 {font-size: 13px;position: relative; cursor: pointer;}
	.header .quick h2 b{font-size: 15px;}
	.header .quick h2:before {position: absolute; content: ""; top: 55px; left: 50%; background: #fff; margin-left: -3px; width: 2px; height: 10px; transform: rotate(-45deg);}
	.header .quick h2:after {position: absolute; content: ""; top: 55px; left: 50%; background: #fff; margin-left: 3px; width: 2px; height: 10px; transform: rotate(45deg);}
	.header .quick h2.quick_ov:before {transform: rotate(-135deg);}
	.header .quick h2.quick_ov:after {transform: rotate(135deg);}

	.header .height_auto {height: auto; transition: 0.3s;}
	.header .height_auto br.pc {display: block !important;}
	.header .quick .quick_kakao,
	.header .quick .quick_online{width: 58px;}
	.header .quick span .a, .header .quick span a {font-size: 13px;}

	/*.sub_visual {background:#000 url(../img/common/sub_visual_m.jpg) no-repeat 50% 0;}*/

	.header .util {display: none;left: auto;right: 100px;margin-left: 0;top: 60px;width: 100%;right: 0;text-align: center;border-top: 1px solid #555;border-bottom: 1px solid #555;padding: 6px;}
	.header .util a {background: transparent;}

}

@media (max-width:600px){
	.header .gnb {/* position: absolute; */padding-left: 0;top: 40px;width: 100%;/* background: #061a4e; */border-bottom: 1px solid #ffffff33;}
	.header .gnb a {font-size: 15px;padding: 15px 5px;}
.header h1 {width: 170px;}
.header h1 img {width:100%;}

}

/*footer s*/
.footer {position: fixed;bottom: 0;width: 100%;background: #2b2e33;text-align: center;}
.footer img{max-width: 90%;text-align: center;margin: auto;}
.footer .inner {position: relative;width: 1400px;max-width: 90%;margin:0 auto;padding: 50px 0;/* text-align: center; */}
.footer .inner p,
.footer .inner span,
.footer .inner a {color:#aeaeae;line-height: 1.8;letter-spacing: 0em;font-size: 14px;}
.footer .inner a {color: #ababab;position: relative;padding-right: 14px;}
.footer .inner a:hover {color: #ddd;}
.footer .inner a:after {display: block;content: "|";font-size: 10px;position: absolute;top:0;right: 0;}
.footer .inner a.redshift {display: inline-block;position: absolute;right: 0;top: 30px;width: 370px;height: 64px;height: 60px text-align: center;border-radius: 100px;overflow: hidden;}
.footer .inner a.redshift:after {display: none;}
.footer .inner .sitemap a:after { display: none; }
.header .quick span.m {display: block;}


@media (max-width:1280px){
	.menu_open {top: 25px;}
.header .quick .quick0 {display: none;margin-top: -70px;height: 49px;}
.header .quick:after {display: block; content: ""; visibility: hidden; clear: both;}
.header .quick span {float: left;width: 19.5%;text-align: center;padding: 0 0 10px;min-height: 35px;}
.header .quick span:nth-child(2) {padding-top: 0;}
.header .quick .quick1 {display: block;width: auto;text-align: center;background: url(../img/quick1.png) no-repeat 50% 13px;padding-top:40px;background-size: 23px;color: #c20172;}
.header .quick .quick2 {display: block;width: auto;text-align: center;background: url(../img/quick2.png) no-repeat 50% 13px;padding-top: 40px;background-size: 32px;color: #c20172;}
.header .quick .quick3 {display: block;width: auto;text-align: center;background: url(../img/quick3.png) no-repeat 50% 13px;padding-top: 40px;background-size: 22px;color: #c20172;}
.header .quick .quick4 {display: block;width: auto;text-align: center;background: url(../img/quick4.png) no-repeat 50% 13px;padding-top: 40px;background-size: 14px;color: #c20172;}
.header .quick .quick5 {display: block;width: auto;text-align: center;background: url(../img/quick5.png) no-repeat 50% 13px;padding-top: 40px;background-size: 23px;min-height: 67px;color: #1e50c2;}
.header .quick .quick5 .tel_num {position: fixed;bottom: 47px;right: 6.5%;width: 50px;height: 50px;padding:15px;border-radius: 50px;background: #1e50c2 url(../image/common/phone_icon.png) center no-repeat;}
nav {padding-left:220px;position: absolute;top: -21px;left: auto;right: 134px;}

    .depth01>li>a {color: #bf0170 !important; font-weight: 600 !important; font-size: 18px;}
    .depth02>li>a {color: #666 !important; font-weight: 400; text-indent: 5px;}
}

@media (max-width:1024px){
.footer .inner { padding:40px 0; text-align: center;}
.footer .inner .col li {text-align: center; padding: 15px 0;}
.footer .inner span {margin-right: 10px; display: inline-block;}
.footer .inner a {font-size: 12px;}
.footer .inner .col li img {width: 150px;}
.footer .inner .copyright {display: block;margin-bottom: 20px;}
.footer .inner a.redshift { position: static; }
}

@media (max-width:500px){
	.header .quick .quick5 .tel_num {right: 6%;}
}
@media (max-width:500px){
	.header .quick .quick5 .tel_num {right: 5%;}
	.footer .inner a.redshift {max-width: 290px;/* width: 100%; */background: #fff;padding-top: 3px;padding-left: 17px;height: auto;text-align: center;}
	.footer .inner a.redshift img {width: 100%;}
}

/*footer e*/