@charset "utf-8";

.depth2 ul li > a, .allM_Box>li>ul>li>a, #jgnb > ul > li > a span{
	-webkit-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

/* 스킵 메뉴 */
#skip{position:relative; z-index:9999;}
#skip a{position:absolute;top:-40px;left:0;width:100%;padding:5px 0;background-color:#033478;font-size:14px;line-height:30px;color:#FFF;text-align:center;transition:all 0.4s}
#skip a:hover,#skip a:focus,#skip a:active{top:0;text-decoration:none}

/* 탑 메뉴 */
.header_wrap{position: fixed; top: 0; width:100%; border-bottom: 1px solid #ddd; min-width: 1200px; z-index: 99; background: rgba(255, 255, 255, 1);}

#jheader .jheader_wrap{position:static; width:1200px;margin:0 auto}
#jheader {height: 85px; position: relative;}
#jheader h1 {float: left; margin-top: 17px;}
#jheader h1 a{display: inline-block; width: 143px; height: 50px; background: url("../imgs/logo.png") no-repeat 0 -50px;}
#jheader .request_price_wrap{position: relative; width: 1200px; margin: 0 auto;}
#jheader .request_price{display: block; width: 100px; line-height: 30px; color: #fff; border: 1px solid #4b012a; text-align: center; position: absolute; top: 27px; right: 60px; z-index:999; -webkit-transition-duration: .3s; transition-duration: .3s; background: #4b012a;}
#jheader .request_price:hover{color: #fff;}
#jheader .request_price:before{content: ''; display: block; position: absolute; z-index: 1; right: 0; top: 0; width: 0; height: 100%; background-color: #000; -webkit-transition-duration: .3s; transition-duration: .3s;}
#jheader .request_price:hover:before{width:100%;}
#jheader .request_price span{position: relative; z-index: 2;}

#jheader .request_store{display: block; width: 167px; height: 57px; position: absolute; top: 13px; right: 85px; z-index:999;}
#jheader .request_store img{width: 100%;}

#jheader .icon_facebook{display: block; width: 30px; line-height: 30px; color: #fff; border: 1px solid #000; text-align: center; position: absolute; top: 27px; right: 40px; z-index:999; background: url("../imgs/q_facebook.png") no-repeat center #fff;}
#jheader .icon_facebook:before{content: ''; display: block; position: absolute; z-index: 1; right: 0; top: 0; width: 0; height: 100%; background-color: #000; -webkit-transition-duration: .3s; transition-duration: .3s;}
#jheader .icon_facebook span{position: relative; z-index: 2;}

#jgnb {padding:0 250px 0 0; float:right;}
#jgnb > ul:after { display: block; content: ''; clear: both; }
#jgnb > ul > li { float:left; }
#jgnb > ul > li > a{display: block; height: 85px; line-height: 85px; font-size:18px; font-family: "nanumsquare"; color: #000; padding: 0 40px; font-weight: bold;}
#jgnb > ul > li > a span{display: inline-block; height: 100%; padding: 0 20px; box-sizing: border-box;}
#jgnb > ul > li > a:hover span{border-bottom: 4px solid #c2046d;}
.depth2 {position: absolute; left: 0; right:0; top:85px; height: 200px; background: #f4f4f4;  z-index:99; border-bottom: 1px solid #ddd; display: none;}
.depth2 .in {position: relative; width:1200px; margin: 0 auto;}
.depth2 .tit {position: absolute; left: 0; top:0;}
.depth2 ul {padding:30px 0 0 226px;}
.depth2 ul:after {display: block; content: ''; clear: both;}
.depth2 ul li {float:left; margin-right:20px; position: relative; margin-bottom: 15px;}
.depth2 ul li > a {position: relative; display: block; width:170px; height: 48px; padding-left: 35px; line-height: 47px; font-size:15px; color: #333; font-weight: 400; background: #fff;}
.depth2 ul li.long > a{width:230px;}
.depth2 ul li > a:after{content: ''; position: absolute; top: 22px; left: 15px; width: 4px; height: 4px; background: #4b012a; border-radius: 40px; -webkit-transition-duration: .1s; transition-duration: .1s;}
.depth2 ul li:hover > a, .depth2 ul li.active > a {color: #fff; background:#4b012a;}
.depth2 ul li:hover > a:after, .depth2 ul li.active > a:after{content: ''; background: #fff; width: 16px; height: 3px; left: 11px; border-radius: 0;}
#jgnb > ul > li:hover .depth2{display: block;}

/* 전체메뉴 */
#all_menu{position:relative; width: 100%;}
#all_menu .all_btn{position:relative;width:1200px;margin:0 auto; z-index:999;}
.allm_btn{position: absolute; width: 24px; height: 18px; right:0; top:-52px; z-index: 2;}
.allm_btn, .allm_btn span{display: inline-block; transition: all .4s; box-sizing: border-box;}
.allm_btn span{position: absolute; left: 0; width: 100%; height: 2px; background-color: #333;}
.allm_btn span:nth-of-type(1){top: 0;}
.allm_btn span:nth-of-type(2){top: 8px;}
.allm_btn span:nth-of-type(3){bottom: 0;}
.allm_btn.on span{background-color: #fff;}
.allm_btn.on span:nth-of-type(1){transform: translateY(8px) rotate(-45deg);}
.allm_btn.on span:nth-of-type(2){opacity: 0;}
.allm_btn.on span:nth-of-type(3){transform: translateY(-8px) rotate(45deg);}

#allMenu{display:none; background-color: #31031d; position: absolute; top:-125px; left:0; width:100%; z-index:998;}
#allMenu>div{overflow:auto; width:100%; width:1200px; margin:0 auto}
#allMenu h1{text-align: center; padding:45px 0 35px;}
#allMenu .allMenu_line{width: 100%; height: 1px; background: rgba(255, 255, 255, 0.4); position: absolute; z-index: 2; top: 210px;}
.allM_Box{overflow:hidden;}
.allM_Box>li{position:relative; box-sizing:border-box; float:left; width:25%; padding:80px 1% 15px 40px; min-height:340px; text-align:center}
.allM_Box>li:last-child{border-right: 0;}
.allM_Box>li>a{position:absolute;left:0;top:0;width:100%;height:80px;line-height:80px;display:block;font-size:17px; font-family: "nanumsquare"; font-weight:bold;color:#fff; text-align: left; padding-left: 40px;}
.allM_Box>li>ul{padding-top:20px}
.allM_Box>li>ul>li{padding-bottom:13px;text-align:left}
.allM_Box>li>ul>li>a{display: inline-block; color:rgba(255, 255, 255, 0.7); font-size:15px; font-weight:bold;}
.allM_Box>li>ul>li>a:hover{color:rgba(255, 255, 255, 1);}

#allMenu h1 {text-align: center;padding: 90px 0 35px;}
#allMenu .allMenu_line {width: 100%; height: 1px; background: rgba(255, 255, 255, 0.4); position: absolute; z-index: 2; top: 255px;}


/* 푸터 */
.banner_wrap{position: relative; width: 100%; min-width: 1200px; border-top: 1px solid #d7d7d7; padding: 20px 0;}
.banner_basic{position: relative; width: 1200px; margin: 0 auto; overflow: hidden;}
.banner_basic .copy_logo{width: 1050px; margin-right: 150px;}
.banner_basic .copy_logo .owl-nav{position: absolute; width: auto; margin-top: 0; top: 10px; right: -125px;}
.banner_basic .owl-carousel .owl-nav button.owl-next, .banner_basic .owl-carousel .owl-nav button.owl-prev{width: 34px; height: 34px; display: inline-block; margin: 0;}
.banner_basic .owl-carousel .owl-nav button.owl-next span, .banner_basic .owl-carousel .owl-nav button.owl-prev span{display: none;}
.banner_basic .owl-carousel .owl-nav button.owl-next{background: url(../imgs/not_next.png) no-repeat; margin-left: 10px;}
.banner_basic .owl-carousel .owl-nav button.owl-prev{background: url(../imgs/not_prev.png) no-repeat;}
.banner_basic .owl-dot{display: none;}

.footer_wrap{position: relative; width: 100%; color: #333; background: #eee; min-width: 1200px;}
.footer_wrap .footer_link{width: 100%; padding: 15px 0; border-bottom: 1px solid #d6d6d6; box-sizing: border-box;}
.footer_wrap .footer_link ul:after{content:""; display:block; clear:both;}
.footer_wrap .footer_link ul{width: 1200px; margin: 0 auto; font-size: 13px; padding: 0; box-sizing: border-box;}
.footer_wrap .footer_link ul li{float: left; height: 30px; line-height: 30px; }
.footer_wrap .footer_link ul li a{padding: 0 10px; line-height: 30px; background: url(../imgs/copy_line.jpg) left center no-repeat; color: #333; font-weight: bold;}
.footer_wrap .footer_link ul li:first-child a{padding-left: 0; background: none;}
.footer_wrap .copy_wrap{position: relative; padding: 30px 0;}
.footer_wrap .copy_wrap ul:after {display: block; content: ''; clear: both;}
.footer_wrap .copy_wrap ul{width: 1200px; margin: 0 auto;}
.footer_wrap .copy_wrap ul li{float: right; width: 1000px;}
.footer_wrap .copy_wrap ul li:first-child{float: left; width: 130px;}
.footer_wrap .copy_wrap div{font-size: 13px; padding: 0; box-sizing: border-box;}
.footer_wrap .copy_wrap div p{margin-top: 5px;}
.footer_wrap .copy_wrap div p.copy_c{margin-top: 9px; color: #999; font-size: 12px;}

.top_go{position:fixed; z-index:20; right:50px; bottom:58px; width:90px; height:90px; background:url(../imgs/top.png) center no-repeat; background-size:contain; display:none; opacity: .9;}


.fp-viewing-1stPage .header_wrap{background: rgba(255, 255, 255, 0);}
.fp-viewing-1stPage #jgnb > ul > li > a{color: #fff;}
.fp-viewing-1stPage .allm_btn span{background-color: #fff;}
.fp-viewing-1stPage #jheader h1 a{background-position: 0 0;}
.fp-viewing-1stPage #jheader .request_price{color: #fff; border: 1px solid #fff;}
.fp-viewing-1stPage #jheader .request_price:hover{color: #333;}
.fp-viewing-1stPage #jheader .request_price:before{content: ''; background-color: #fff;}
.fp-viewing-1stPage #jheader .icon_facebook{border: 1px solid #fff;}

.fp-enabled #jheader .jheader_wrap{width: 100%;}
.fp-enabled #jheader h1 {position: absolute; left: 50px; top: 17px; margin: 0; float: inherit;}
.fp-enabled #all_menu .all_btn{width: 100%;}
.fp-enabled #all_menu .all_btn .allm_btn{right: 70px;}
.fp-enabled #jgnb{float: inherit; padding: 0; width: 800px; margin: 0 auto;}
.fp-enabled #jgnb > ul > li > a{padding: 0; width: 200px; text-align: center;}
.fp-enabled #jheader .request_price_wrap{position: inherit; width: auto; margin: inherit;}
.fp-enabled #jheader .request_price{right: 180px;}
.fp-enabled #jheader .request_store{right: 155px;}
.fp-enabled #jheader .icon_facebook{right: 110px;}

.fp-enabled .depth2 .in{width:900px;}
.fp-enabled .depth2 ul {padding:30px 0 0 0;}

@media (max-width:1500px){	
		.fp-enabled #jgnb{width: 720px;}
		.fp-enabled #jgnb > ul > li > a{width: 180px;}
}
@media (max-width:1300px){	
	.fp-enabled #all_menu .all_btn .allm_btn{right: 50px;}
	.fp-enabled #jheader .request_price{right: 90px;}
	.fp-enabled #jheader .request_store{width: 150px; height: 51px; top: 16px; right: 135px;}
	.fp-enabled #jheader .icon_facebook{right: 90px;}
	
}