@charset "utf-8";

#wrap {overflow:hidden; width:100%; min-width:320px; margin:0 auto; position:relative; z-index:2;}

#skip_nav {position:fixed; left:0; top:-40px; width:100%; text-align:center; line-height:40px; background:rgba(0, 0, 0, 0.5); color:#ffffff; font-size:16px; z-index:10000; transition:top 0.3s; -webkit-transition:top 0.3s;}
#skip_nav:focus {top:0;}


#header {height:90px; background:#fff;}
#header .header_wrap {overflow:hidden; position:relative; height:90px; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
#header .inwrap {position:relative; z-index:5; width:95%; height:500px; max-width:1200px; margin:0 auto;}
#header .logo {position:absolute; top:24px; left:0; z-index:2;}
#header.on .header_wrap {height:396px;}
#header .txt {position:absolute; top:12px; right:0; font-size:13px; color:#717171; letter-spacing:-0.05em; text-align:right;}
#header .txt br {display:none;}
#gnb {position:relative; right:-70px; height:520px; font-size:0;}
#gnb > ul {display:inline-block; width:100%; padding-top:45px; text-align:right;}
#gnb > ul > li {display:inline-block; position:relative; z-index:6; padding:0 6% 0 1.9%;}
#gnb > ul > li > a {display:block; position:relative; z-index:1; padding-bottom:17px; text-align:right; font-size:21px; color:#222; font-weight:500; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
#gnb .sub {display:none; position:absolute; top:45px; right:0; width:100%; text-align:left; border:1px solid #ddd;}
#gnb .sub a {display:block; padding:0 20px; font-size:16px; color:#222; line-height:49px; background:#fff; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
#gnb .sub a:hover {background:#f6f6f6}
#gnb .sub li+li {border-top:1px solid #ddd;}
#gnb li.on .sub {display:block;} 



.btn_menu {display:none; position:absolute; z-index:4; top:9px; right:0; width:44px;}
.btn_close {display:none; position:absolute; z-index:4; top:15px; right:12px; width:28px;}



#gnb_m {position:fixed; top:0; right:-100%; z-index:10001; width:200px; height:100%; background:#fff; transition:all 0.4s ease; }
#gnb_m.open {right:0}
#gnb_m .btn_home {display:block; padding-top:18px; padding-left:11px; text-align:left;}
#gnb_m .btn_home img {width:120px;}
#gnb_m .inwrap > ul {padding:25px 0 30px;}
#gnb_m .inwrap > ul > li {}
#gnb_m .inwrap > ul > li > a {display:block; padding-left:20px; font-size:17px; color:#222222; font-weight:bold; line-height:50px;}
#gnb_m .inwrap > ul > li.on > a {color:#222222;}
#gnb_m a {}
#gnb_m .sub {display:none; border-top:1px solid #ddd; background:#fff;}
#gnb_m .sub a {display:block; padding:12px 25px; font-size:14px; color:#222222; border-bottom:1px solid #ddd;}
#gnb_m li.on .sub {display:block;}
#gnb_m .left_cs {margin-top:37px;}
#gnb_m .inwrap {overflow-y:auto; position:absolute; top:0; left:0; width:100%; height:100%;}

.dimmed_bg {position:fixed; top:0; right:-100%; bottom:0px; z-index:100; width:100%; height:100000px; background:rgba(0,0,0,0.7); opacity:0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease;}
.dimmed_bg.on {right:0; opacity:1;}

#info {position:fixed; top:155px; right:0; z-index:999; overflow:hidden; width:100px; height:475px; text-align:center; border-radius:16px 0 0 16px; background:#014691;}
#info .q_tit {background:#fff;}
#info dt {font-size:12px; color:#fff;}
#info dd {font-size:15px; color:#fff;}
#info a {display:block; }
#info .btn_top {position:absolute; bottom:0; left:0; width:100%; background:#5a5a5a;}
#info .cont {margin-top:23px;}
#info dl+dl {margin-top:8px;}
#info .sns_link {margin-top:32px;}
#info .sns_link a+a {margin-top:15px;}

#comapny {text-align:center; background:#f7f7f7; border-bottom:1px solid #ddd;}
#comapny img {max-width:100%;}
#comapny .inwrap {position:relative; width:95%; max-width:1200px; margin:auto; padding:24px 40px; }
#comapny .swiper-container {}
#comapny .swiper-button-next,
#comapny .swiper-button-prev {position:absolute; top:50%; width:15px; height:27px; margin-top:-14px; background-size: 100% auto;}
#comapny .swiper-button-next {right:0; background-image: url('/images/common/btn_company_next.png');}
#comapny .swiper-button-prev {left:0; background-image: url('/images/common/btn_company_prev.png');}



#footer {background:#f7f7f7;}
#footer .inwrap {position:relative; width:95%; max-width:1200px; margin:0 auto; padding:40px 0 28px;}
#footer .inwrap > div {overflow:hidden; font-size:0;}
#footer h2 {display:inline-block; margin-bottom:12px; vertical-align:top;}
#footer address {display:inline-block; padding-left:40px; border-left:1px solid #ddd; font-size:15px; color:#858585; line-height:1.4;}
#footer address p {overflow:hidden; margin:0 -12px;}
#footer address span {float:left; padding:0 12px;}


.f_btn_top {position:absolute; top:0; right:0; display:none; width:66px; height:45px; text-align:center; border-radius:0 0 16px 16px; background:#5a5a5a;}

@media all and (max-width:1200px){
	#header .txt {right:20px;}
	#gnb {right:-50px;}
}

@media all and (min-width:1001px){
	#header {position:relative; z-index:1001;}
	
	
}
@media all and (max-width:1000px){

	
	#header {height:54px;}
	#header .logo {top:12px; left:0; width:100%;}
	#header .logo img {width:142px;}
	#header .txt {right:50px; top:0; left:145px; height:54px; font-size:11px; letter-spacing:-0.1em;}
	#header .txt span {position:absolute; top:50%; right:0; width:100%; transform:translateY(-50%); }
	
	.btn_menu {display:block;}
	.btn_close {display:block;} 
	#gnb {display:none;}
	#gnb_m {display:block;}	
	#gnb_m .inwrap > ul {padding:13px 0 15px;}

	#info {overflow:visible; position:relative; top:0; right:auto; width:100%; height:auto; padding:24px 0 12px; text-align:center; border-radius:0;}
	#info * {vertical-align:middle;}
	#info .q_tit {display:none;}
	#info a {display:inline-block;}
	#info .cont {display:inline-block; margin-top:0; margin-bottom:12px; padding:0 15px 0 0;}
	#info dl {display:inline-block;}
	#info dt {font-size:10px;}
	#info dd {font-size:12px;}
	#info dl+dl {margin-top:0; margin-left:17px;}
	#info .sns_link {display:inline-block; margin-top:0; margin-bottom:12px; font-size:0;}
	#info .sns_link img {width:20px;}
	#info .sns_link a+a {margin-top:0; margin-left:10px; }

	#info .btn_top {display:none;}
	#info .btn_top img {height:44px; }

	#comapny .inwrap {padding:14px 28px;}
	#comapny .swiper-container {}
	#comapny .swiper-button-next,
	#comapny .swiper-button-prev {width:10px; height:19px; margin-top:-10px;}

	#footer .inwrap {padding:20px 0 28px;}

	#footer h2 {display:block;} 
	#footer h2 img {width:170px;} 
	#footer address {display:block; padding-left:0; font-size:12px; border-left:none;}
	#footer address p {margin:0 -6px;}
	#footer address span {padding:0 6px;}
	#footer address span {font-size:12px;}

	.f_btn_top {display:block;}

}
@media all and (max-width:500px){
	#header .txt br {display:block;}
}