@charset "utf-8";

.mont{font-family: 'Montserrat', sans-serif;}
.roman{font-family: 'Verdana';}
.verd{font-family: 'Verdana';}
em{font-style: normal;}

/************************  reset ************************/ 
body {font:1em "Pretendard",Verdana,Dotum,AppleGothic,sans-serif; outline:0; color:#222; overflow-x:hidden; font-weight:400; scroll-behavior: smooth;}
h1, h2, h3, h4, h5, h6 {font:1em "Pretendard",Verdana,Dotum,AppleGothic,sans-serif;}
a {color:inherit;}
input:focus, select:focus, option:focus, textarea:focus, button:focus{
	outline: none;
}

select {appearance:none; -webkit-appearance:none; background:url('../img/common/selectArrow.png') calc(100% - 10px) center #fff no-repeat !important;}
select::-ms-expand { display:none;}

.container {position:relative; width:1420px; margin:0 auto;}

	@media screen and (max-width:1439px){
		.container {width:100%; padding:0 2%;}
	}


/************************ header ************************/ 
.sec-header{position:absolute; top:0; left:0; width:100%; height:100px; z-index:998; transition:all ease .5s; display: flex; align-items: center;}
.sec-header.fixed {position:fixed; background:rgba(0,0,0,0.5);}
.sec-header.on{height:450px; background:rgba(0,0,0,0.9);}  
.sec-header.on:before{content:''; width:100%; height:1px; background:rgba(255,255,255,0.5); position:absolute; top:100px; left:0; z-index:9;} 
/*.sec-header.on #gnb{width:850px;}*/
.sec-header.on #gnb > ul > li > ul{opacity:1; display:block;}

.sec-header .container {position:relative; width:100%; height: 100%; padding:0 50px; display: flex; justify-content: center;}

	@media screen and (max-width:1419px){
		.sec-header .container {padding:0 2%;}
	}

	@media screen and (max-width:999px){
		.sec-header{padding:0; height:70px;}
		.sec-header .container {top:15px;}
		.sec-header.on {height:70px;}
		.sec-header.on:before {display:none; box-shadow:none;}
	}

	@media screen and (max-width:799px){
		.sec-header{height:70px;}
	}

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


.sec-header.hd-down{position:fixed;} 
.sec-header.hd-down:before {display:none !important;}
.sec-header.hd-down #nav-icon{z-index:9;} 
.sec-header.hd-down .gnb-btn{z-index:101;}
.sec-header.hd-down .gnb-btn button {background:none !important}
.sec-header.hd-down .logo {background:url('../img/common/logo.png') center no-repeat !important; background-size:contain !important;}

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

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

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

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


.logo{position:absolute; display:inline-block; background:url('../img/common/logoW.png') center no-repeat; font-size:0; width:97px; height:68px; vertical-align:top;  background-size:contain; left:50px; top:17px;}
.sec-header.fixed .logo,
.sec-header.on .logo {background:url('../img/common/logo.png') center no-repeat; background-size:contain;}


	@media screen and (max-width:999px){
		.logo {background:url('../img/common/logoW.png') center no-repeat; background-size:contain;}
		.sec-header.fixed .logo {background:url('../img/common/logo.png') center no-repeat; background-size:contain;}
	}

	@media screen and (max-width:799px){
		.logo {width:110px;}
		.logo img {height:39px;}
	}

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


.lang_box {position:absolute; z-index:99; width:55px; top:40px;; right:140px; font-weight:600; font-size:17px; text-transform:uppercase; display: flex;}
.lang_box .btnLang{width:100%; position:relative;display:inline-block; border:0; color:#fff; cursor:pointer; width:55px;}

.lang_box .lang{position:absolute; opacity:0; top:15px;padding:10px 0;width:100px;text-align:center; display:block; background:#0a0e13; transition:all 0.2s ease;-webkit-transition:all 0.2s ease;pointer-events:none;z-index:20; left:-40%;}
.lang_box .lang.on{opacity:1;top:35px;pointer-events:auto;}
.lang_box .lang span {text-transform:uppercase;}
.lang_box .lang span a{display:block;padding:4px 0;font-size:15px;color:#fff; font-weight:400;}
.lang_box .lang span.on a,
.lang_box .lang span a:hover{color:#f47932;font-weight:500}

.lang_box .btnLang{
	color:rgba(255,255,255,0.5);
	font-size: 16px;
}
.lang_box .btnLang.active{
	color:rgba(255,255,255,1);
}
.lang_box .btnLang:first-child::before{
	display: block;
	content: '';
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	right:0;
	top:3px;
	width: 1px;
	height: 15px;
}
.lang_box .btnLang:first-child{
	padding-right: 10px;
	margin-right: 10px;
	position: relative;
}
.sec-header.fixed .lang_box .btnLang,
.sec-header.on .lang_box .btnLang {color:#fff;}
.lang_box .btnLang:not(.btnLang.active) {
    color: rgba(255,255,255,0.5);
}

.sec-header.fixed .lang_box .btnLang::before, 
.sec-header.on .lang_box .btnLang::before, 
.sec-header.fixed .lang_box .btnLang::after,
.sec-header.on .lang_box .btnLang::after {background:#255,255,255,0.5;}

	@media screen and (max-width:1419px){
		.lang_box {right:10%;}
	}

	@media screen and (max-width:999px){
		.lang_box {display:none;}
		.hd-lang{display:block; position:absolute; top:43px; right:200px; display:flex; flex-direction:row; justify-content:space-between;}
		.hd-lang:before{content:''; width:14px; height:14px; background:url('../img/common/lang_icon.png') no-repeat 0 0; display:inline-block; margin:0 10px; vertical-align:middle; margin-bottom:2px;}
		.hd-lang span,
		.hd-lang a{font-size:14px; display:block; margin-left:20px; line-height:1; position:relative; text-transform:uppercase;}
		.hd-lang span.on,
		.hd-lang a.on {color:#0076CF;}
		.hd-lang span.on:after,
		.hd-lang a.on:after {position:relative; display:block; width:100%; height:1px; background:#0076CF; left:0; margin-top:4px;}
		.hd-lang span:first-child,
		.hd-lang a:first-child {margin-left:0;}
		.hd-lang span:before,
		.hd-lang a:before{content:''; width:1px; height:12px; background:#aaa; position:absolute; left:-10px; top:1px; }
		.hd-lang span:first-child:before,
		.hd-lang a:first-child:before {display:none;}
	}

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

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


.gnb-btn{position:absolute; right:50px; top:37.5px;}
.gnb-btn button{border:0; background:inherit;}  
.gnb-btn:hover #nav-icon span:nth-child(1){width:30px; height: 2px;}
.gnb-btn:hover #nav-icon span:nth-child(6){width:0;}
.gnb-btn:hover #nav-icon.open span:nth-child(6){width:50%;}
.sec-header.fixed .gnb-btn button,
.sec-header.on .gnb-btn button {border:0;}
.sec-header.on #nav-icon span{background: #fff;}

#nav-icon {width:30px; height:22px; position:relative; margin:0 auto; -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; */ cursor:pointer;}

#nav-icon span {display:block; position:absolute; height:2px; width:100%; background:#fff; opacity:1; 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;}

#nav-icon span:nth-child(even) {right:0;}
#nav-icon span:nth-child(odd) {right:0px;}
#nav-icon span:nth-child(1){width:0; right:0; left:auto;}
#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {top:0;}
#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {top:10px; right: 0; width: 22px;}
#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {bottom:0;}

#nav-icon.open{width:50px; height:50px;}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
#nav-icon.open span:nth-child(1) {left:5px; top:9px; width:50%; right:auto;}
#nav-icon.open span:nth-child(2) {left:calc(50% - 3px); top:9px;}
#nav-icon.open span:nth-child(3) {left:-50%; opacity:0;}
#nav-icon.open span:nth-child(4) {left:100%; opacity:0;}
#nav-icon.open span:nth-child(5) {left:5px; top:26px;}
#nav-icon.open span:nth-child(6) {left:calc(50% - 3px); top:26px;} 

.sec-header.hd-down #nav-icon.open span{background:#444; display: none;}
.sec-header.hd-down #nav-icon.open span:nth-child(1),
.sec-header.hd-down #nav-icon.open span:nth-child(2){
	display: block;
	width: 100%;
	height: 1px;
	top:25px;
	bottom:unset;
	left: unset;
	right: unset;
}
.sec-header.hd-down #nav-icon.open span:nth-child(1){
	-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);
}
.sec-header.hd-down #nav-icon.open span:nth-child(2){
	-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
}

/* animate */
#nav-icon:hover span:nth-child(3),
#nav-icon:hover span:nth-child(4){
	animation: highlight2 0.25s 1 forwards;
    animation-delay: 0s;
}
@keyframes highlight2{
    0%{
		width: 22px;
		right: 0;
		left:unset
	}
	50%{
		width: 100%;
	}
    100%{
		width: 22px;
		right: unset;
		left: 0;
	}
}


	@media screen and (max-width:1419px){
		.gnb-btn {right:2%;}
	}

	@media screen and (max-width:999px){
		.gnb-btn{display:block; top:-15px; right:0;}
		.gnb-btn button {width:70px; height:70px; border:none;}
		.sec-header.fixed .gnb-btn button,
		.sec-header.on .gnb-btn button {background:none; border:0;}

		.sec-header.on #nav-icon span,
		.sec-header.fixed #nav-icon span {background:#000;}

		#nav-icon.open{width:35px; height:35px;}
		#nav-icon.open span:nth-child(1){left:3px; top:11px;}
		#nav-icon.open span:nth-child(2){left:15px; top:11px;}
		#nav-icon.open span:nth-child(5),
		#nav-icon.open span:nth-child(6){top:23px;}
		#nav-icon.open span:nth-child(5){left:3px;}
		#nav-icon.open span:nth-child(6){left:15px;}
	}

	@media screen and (max-width:799px){
		.gnb-btn button{width:70px; height:70px;}
		#nav-icon.open{width:35px; height:35px;}
		#nav-icon.open span:nth-child(1) {top:10px;}
		#nav-icon.open span:nth-child(2) {top:10px;}
		#nav-icon.open span:nth-child(3), #nav-icon.open span:nth-child(4) {top:16px;}
		#nav-icon.open span:nth-child(5) {top:22px;}
		#nav-icon.open span:nth-child(6) {top:22px;}
	}

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


.gnb-banner{background:url('http://kscf.co.kr/images/gnb-bg.jpg') center center / cover; width:400px; height:100%;   display:flex; align-items:center; padding:0 30px;} 
.gnb-family{}
.gnb-family a{display:block; width:90%; padding:20px 0; margin:0 auto 20px;  color:#fff; font-size:18px; background:url('http://kscf.co.kr/images/btn/link-icon-w.png') no-repeat center right 0; position:relative;}
.gnb-family a:after{content:''; width:0; height:2px; background:#fff; position:absolute; right:0; bottom:0; transition:all ease .5s;}
.gnb-family a:hover:after{width:100%; right:auto; left:0;}

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

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

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

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


#gnb{position:relative; background:none;}
#gnb > ul {display:flex; flex-direction:row; justify-content:space-between; width:1000px; height: 100%; padding-top: 35px;}
#gnb > ul > li{width:calc(100% / 6); position:relative; text-transform:uppercase;} 
#gnb > ul > li > a{display:block; position:relative; font-size:20px; color:#fff; font-weight:500; text-align:center;}
.sec-header.fixed #gnb > ul > li > a {color:#fff;}
.sec-header.on #gnb > ul > li > a {color:#fff;}
.sec-header.on #gnb > ul > li:hover > a {color:#55b3f9;}
#gnb > ul > li a span {position:relative; display:inline-block;}

#gnb > ul > li > ul{position:relative; top:35px; height:fit-content; padding:18px 5px; width:100%; transition:all ease .3s; opacity:0; display:none;}
#gnb > ul > li:nth-child(2) > ul,
#gnb > ul > li:last-child > ul{
	top:10px;
}
#gnb > ul > li > ul > li > a{position:relative; display:block; font-size:18px; text-align:center; padding:9px 0; color:#fff;}
#gnb > ul > li > ul > li > a span {position:relative;}
#gnb > ul > li > ul > li > a span:after {transform:scaleX(0); position:relative; bottom:0; display:block; width:100%; height:1px; margin-top:2px; background:#0076CF; transition: 0.2s all ease-out; content:'';}
#gnb > ul > li > ul > li > a:hover{color:#55b3f9;}
#gnb > ul > li > ul > li > a:hover span:after {transform:scaleX(1);}

	@media screen and (max-width:1419px){
		#gnb {width:60%; margin-left:4%;}
		#gnb > ul > li > a {font-size:17px;}
		#gnb > ul > li a span:after {bottom:-40px;}
		#gnb > ul > li > ul > li > a {font-size:16px;}
	}

	@media screen and (max-width:999px){
		#gnb{display:none;}
	}

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

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


.gnb-all{position:fixed; top:0; right:-100%;  z-index:3; height:100vh; background:#fff; width:100%; display:flex; align-items:center; flex-direction: column; justify-content:center; transition:all ease .6s; z-index:99;} 
.gnb-all.open{  right:0;} 
.gnb-all > ul { width:100%; max-width:1200px; margin:0 auto; }
.gnb-all > ul > li{ padding:30px 0 30px 250px;  width:100%; position:relative; border-bottom:1px solid #e8e8e8; min-height:92px;} 
.gnb-all > ul > li:last-child{border-bottom:0;}
.gnb-all > ul > li > h3{ margin:0 0 10px; font-size:24px; position:absolute; left:0; top:31px; font-weight:600; cursor:default;}  
.gnb-all > ul > li > ul{display:flex;}
.gnb-all > ul > li > ul > li > a{display:block; padding:5px 0; font-size:18px; color:#444; margin-right:50px; position:relative;}
.gnb-all > ul > li > ul > li > a:after{content:''; width:0; height:2px; background:#0076CF; position:absolute; right:0; bottom:-5%; z-index:1; transition:all ease .5s;}
.gnb-all > ul > li > ul > li > a:hover{ color:#000;}
.gnb-all > ul > li > ul > li > a:hover:after{width:100%; right:auto; left:0;}
.scr-none{overflow-y:hidden;}
.gnb-all .hd-lang{display:none;}
.gnb-all .allLogo{float:none; position:relative; z-index:4; margin-bottom:50px;} 
.gnb-all .allLogo img {display: block; width: 200px; height: auto;}
.gnb-award{  position:absolute;  left:0;  top:100px; display:flex; justify-content:space-between;  width:500px;   height:260px; align-items:center; padding:20px 40px 20px 80px; z-index:2;}
.gnb-award p{padding:0 20px; font-size:22px; margin-top:-80px; line-height:1.2; opacity:0; transition:all ease .3s; color:#333;}
.gnb-award a{display:block; margin:10px 0 0;  color:#333;}
.gnb-award .swiper-container{width:133px;  opacity:0;  transition:all ease .6s; border:4px solid #ddd}
.gnb-award img{vertical-align:top; }
.gnb-award .swiper-button-next, 
.gnb-award .swiper-button-prev{background:none;  height:30px; width:30px; right:20px; left:auto; border:1px solid #ddd; text-align:center; line-height:30px; background:#fff; display:flex;  align-items:center; justify-content:center;}
.gnb-award .swiper-button-next{margin-top:60px;}
.gnb-award .swiper-button-prev{margin-bottom:0; margin-top:31px;} 
.gnb-award .swiper-button-next i, 
.gnb-award .swiper-button-prev i{font-size:12px;}
.sec-header.on .gnb-award p{opacity:1; }
.sec-header.on .swiper-container{opacity:1; }

	@media screen and (max-width:1349px){
		.gnb-award{display:none;}
	}

	@media screen and (max-width:1199px){
		.gnb-all > ul {width:96%; margin:0 2%;}
	}


	@media screen and (max-width:999px){
		.gnb-all{ max-width:400px; overflow-y:auto; display:block; padding:40px 20px; background-position:20%;}  
		.gnb-all .allLogo {width:110px; margin-bottom:20px;}
		.gnb-all.open{box-shadow:0 0 200px 0 rgba(0,0,0,0.5);}
		.gnb-all > ul {padding:0; background:none; box-shadow:none;}
		.gnb-all > ul > li{padding:0; min-height:inherit; background:rgba(255,255,255,0.8);}
		.gnb-all > ul > li:last-child{border-bottom:1px solid #e8e8e8;}
		.gnb-all > ul > li > h3{position:relative; top:auto; left:auto; padding:17px 10px; color:#333; font-size:16px; margin:0; cursor:pointer; font-weight:500;}
		.gnb-all > ul > li:hover > h3 {color:#0076CF;}
		.gnb-all > ul > li > h3 > span.bul {display:block;position:absolute;top:15px;right:20px;background:#888;transition:all .5s;width:2px;height:20px;margin:0;}
		.gnb-all > ul > li:hover > h3 > span.bul {background:#0076CF; transition:all .5s;width:2px;}
		.gnb-all > ul > li > h3 > span.bul:after {content:"";display:block;position:absolute;top:0;width:20px;height:2px;margin:9px 0 0 -9px;background:#888;}
		.gnb-all > ul > li:hover > h3 > span.bul:after  {background:#0076CF;}
		.gnb-all > ul > li > h3.on {color:#0076CF;}
		.gnb-all > ul > li > h3.on > span.bul {background:#0076CF; transform: translateY(0) rotate(-450deg);}
		.gnb-all > ul > li > h3.on > span.bul:after {opacity:0;}
		.gnb-all > ul > li > ul{display:none; margin:0 10px 20px;}
		.gnb-all > ul > li > ul > li > a{font-size:15px; margin-right:0; padding:8px 0;}
		.gnb-all > ul > li > ul > li > a:before {position:relative; display:inline-block; margin-right:10px; content:'-';}
		.gnb-all > ul > li > ul > li > a:after {display:none;}
		.gnb-all .hd-lang{display:flex; justify-content: flex-start; position:relative; top:auto; right:auto; left:0; margin:20px 0 10px;}
	}

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

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


	
 
 
/************************ media size setting end ************************/



/************************ footer ************************/

footer {clear:both; position:relative; background:#000; font-size:15px; color:rgba(255,255,255,0.3);}
footer .copyBottom {background:#3a3a3a; padding:20px 0;}
footer .copyBottom .container {position:relative; width:1400px;}
footer .copyBottom .linkUl {display:inline-block;}
footer .copyBottom .linkUl li {display:inline-block; color:#fff; font-size:17px; font-weight:300;}
footer .copyBottom .linkUl li:before{float:left; content:''; display:block; margin:7px 17px; width:1px; height:11px; background:rgba(255,255,255,0.2);}
footer .copyBottom .linkUl li:nth-child(1):before {display:none;}
footer .copyBottom .linkUl li a {color:inherit;}

	@media screen and (max-width:1419px) {
		footer .copyBottom .container {width:100%;}
	}

	@media screen and (max-width:999px) {
		footer {font-size:90%;}
		footer .copyBottom {padding:17px 0;}
		footer .copyBottom .linkUl li {font-size:105%;}
	}

	@media screen and (max-width:799px) {
		footer {font-size:85%;}
		footer .copyBottom {height:100px; padding:0;}
		footer .copyBottom .container {width:100%; padding:0;}
		footer .copyBottom .linkUl {display:block; text-align:center; padding:14px 0;}
	}


footer .snsBox {position:absolute; bottom:40px; right:0; display: flex;}
footer .snsBox a {display:inline-block; width:60px; height:60px; font-size:0; background-repeat:no-repeat;}
footer .snsBox a.blog {background-image:url('../img/common/icon_blo.png');}
footer .snsBox a.instagram {background-image:url('../img/common/icon_ins.png');}

	@media screen and (max-width:1419px) {
		footer .snsBox {right:2%;}
	}

	@media screen and (max-width:999px) {
		footer .snsBox {position:relative; text-align:left; margin-top:20px; right:auto;}
	}

	@media screen and (max-width:799px) {
		footer .snsBox {text-align:center;}
	}


footer .familySite{position:absolute; top:-20px; right:0;}
footer .familySite .openDepth::before, 
footer .familySite .openDepth::after{position:absolute;top:49%; width:9px;height:1px; background:#fff; content:'';}
footer .familySite .openDepth::before{right:26px; transform:rotate(135deg);-webkit-transform:rotate(135deg);}
footer .familySite .openDepth::after{right:20px; transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
footer .familySite.on .openDepth::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
footer .familySite.on .openDepth::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
footer .familySite a{display:block; color:rgba(255,255,255,0.8); font-size:18px;}
footer .familySite > a{width:220px; height:60px; font-weight:400; line-height:60px; background:rgba(0,0,0,0); border-bottom: 1px solid rgba(255,255,255,0.3);}
footer .familySite .twoD{display:none; position:absolute; left:0; bottom:64px; padding-left:20px; padding-bottom:19px; width:100%; background:#494949; z-index:99; border-radius: 10px;}
footer .familySite .twoD > a{margin-top:19px; font-size:16px;}
footer .familySite .twoD > a:hover{color:#fff;}
footer .familySite.on > a{color:#fff;}

	@media screen and (max-width:1419px) {
		footer .familySite {right:0;}
	}

	@media screen and (max-width:999px) {
		footer .familySite {top:-17px;}
		footer .familySite a {font-size:105%;}
		footer .familySite > a {height:59px; line-height:59px;}
		footer .familySite .twoD {bottom:59px;}
		footer .familySite .twoD > a {font-size:105%;}
	}
	@media screen and (max-width:799px) {
		footer .familySite {position:relative; width:100%; top:0; left:0;}
		footer .familySite > a {width:100%; height:50px; line-height:50px;}
		footer .familySite .twoD {bottom:50px;}
	}


footer .footerInfo {padding:67px 0; color:rgba(255,255,255,0.8); font-size: 18px;}
footer .footerInfo .container {position:relative; width:1420px; display: flex;}
footer .footerInfo .copyLogo {display:inline-block; width:125px; margin-right:50px; font-size:0; vertical-align:top;}
footer .footerInfo .copyLogo span {display:block; overflow:hidden; width:125px; height:88px; background:url('../img/common/copyLogo.png') center no-repeat;}
footer .footerInfo .copyInfo{display:inline-block; width:calc(100% - 170px);}
footer .footerInfo .copyInfo:after{content:''; display:block; clear:both;}
footer .footerInfo .copyInfo .text{font-weight:300; margin-bottom: 5px;}
footer .footerInfo .copyInfo .text:before{content:''; display:none; margin:6px 17px; width:1px; height:11px; background:rgba(255,255,255,0.2);}
footer .footerInfo .copyInfo .text:nth-child(1):before, footer .copyInfo .text:nth-child(2):before{display:none;}
footer .footerInfo .copyInfo .text.name{font-size: 18px; font-weight: 600; padding-bottom: 15px;}
footer .footerInfo .copyInfo .text.add{float:none;}
footer .footerInfo .copyInfo .text.email{margin-top:2px;}
footer .footerInfo .copyInfo .text.email:before{margin:4px 17px;}
footer .footerInfo .copyInfo .copy{padding-top:40px; display:flex; gap:15px;}
footer .footerInfo .copyInfo .copy .txt{font-size: 18px; color:rgba(255,255,255,0.3)}
footer .footerInfo .copyInfo .copy .txt.groupware:hover {color:#fff;}
footer .footerInfo .copyInfo .copy .txt .adm {position:relative; top:1px; color:inherit;}

	@media screen and (max-width:1419px) {
		footer .footerInfo .container {width:100%;}
	}

	@media screen and (max-width:999px) {
		footer .footerInfo {padding:47px 0;}
		footer .footerInfo .copyLogo {width:22%; margin-right:0;}
		footer .footerInfo .copyInfo {width:77%;}
		footer .footerInfo .copyInfo .text:before {margin:6px 8px;}
		footer .footerInfo .copyInfo .text.email:before {margin:4px 8px;}
	}

	@media screen and (max-width:799px) {
		footer .footerInfo .copyLogo {display:block; width:100%; margin-bottom:20px;}
		footer .footerInfo .copyInfo {width:100%; text-align:center;}
		footer .footerInfo .copyInfo .text {float:none; display:inline-block;}
		footer .footerInfo .copyInfo .text:before {display:inline-block;}
		footer .footerInfo .copyInfo .text.add {display:block;}
		footer .footerInfo .copyInfo .text.tel:before {display:none;}
	}

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


#top_button {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;text-align:center;font-size:15px;z-index:8000;background-color:#000;background-image:url('../img/common/top.png');background-repeat:no-repeat;background-position:50% 50%;color:#000;display:none;border-radius:50%;opacity:0.5; cursor:pointer; border:0;}
#top_button:hover{color:#fff;opacity:1;background-color:#0076CF;}
#top_button span{font-size:0;}

	@media screen and (max-width:799px) {
		#top_button {bottom:10px; right:10px; width:45px;height:45px;}
	}



#bo_v, .bo_vc_w{margin-bottom: 0;}

.fp-viewing-3rdPage .sec-header{
	backdrop-filter: blur(5px);
}
.fp-viewing-4thPage .sec-header,
.fp-viewing-4thPage .sec-header .container{
	border-bottom: rgba(0,0,0,0.5);
}
.fp-viewing-4thPage .logo{
	background-image: url(../img/common/logoOrigin.png);
}

.fp-viewing-4thPage #gnb > ul > li > a{
	color:#000;
}
.fp-viewing-4thPage .lang_box .btnLang.active{
	color: rgba(0,0,0,1);
}
.fp-viewing-4thPage .lang_box .btnLang:not(.btnLang.active){
	color: rgba(0,0,0,0.5);
}
.fp-viewing-4thPage .lang_box .btnLang:first-child::before{
	background-color: rgba(0,0,0,0.5);
}
.fp-viewing-4thPage #nav-icon span{
	background-color: #000;
}

.fp-viewing-4thPage .sec-header.on .btnLang.active{
	color: rgba(255,255,255,1);
}
.fp-viewing-4thPage .sec-header.on .btnLang:not(.btnLang.active){
	color: rgba(255,255,255,0.5);
}
.fp-viewing-4thPage .sec-header.on .btnLang:first-child::before{
	background-color: rgba(255,255,255,0.5);
}



/**/
.depth03{
	display: none;
}

@media (max-width: 1719px){

	footer .familySite,
	footer .snsBox{
		right: 2%;
	}

}

@media (max-width: 1319px){

	#gnb > ul{
		width: 100%;
	}
	
	.line_blue{
		background-color: #0076CF !important;
		height: 100% !important;
		animation: unset !important;
	}
	.sub_his_box2 > div:nth-of-type(1) .his_left,
	.sub_his_box2 > div:nth-of-type(2) .his_right{
		padding-bottom: 0;
	}


}

@media (max-width: 1119px){

	#gnb > ul > li > a{
		font-size: 0.9em;
	}

	footer .footerInfo .container{
		flex-direction: column;
	}
	footer .footerInfo .copyLogo{
		margin-right: 0;
		margin-bottom: 30px;
	}
	footer .familySite{
		right:2%;
	}
	
}
@media (max-width: 999px){
	*{
	  animation: none !important;
	  -webkit-animation: none !important;
	}
	.sec-header.fixed{
		backdrop-filter: blur(5px);
	}

	.depth03 > li{
		margin:4px 0;
	}
	.depth03 > li > a{
		font-size: 14px;
		margin-right: 0;
		padding: 0;
		opacity: 0.8;
	}
	.depth03 > li > a:before{
		position: relative;
		display: inline-block;
		margin-right: 15px;
		content: '';
	}

	.sec-header .container{
		top:0;
	}
	.logo{
		width: 60px;
		height: 50px;
		left:20px;
		top:10px;
	}
	#nav-icon{
		top:15px;
	}
	.sec-header.on #nav-icon span,
	.sec-header.fixed #nav-icon span {background:#fff;}

	.gnb-all .allLogo img{
		width: 80px;
		height: auto;
		padding-left: 10px;
	}
	.gnb-all .hd-lang > a:not(a:nth-of-type(1)){
		display: none;
	}
	.gnb-all > ul > li > h3 > span.bul,
	.gnb-all > ul > li:hover > h3 > span.bul{
		width: 1px;
	}
	.gnb-all > ul > li > h3 > span.bul:after{
		height: 1px;
	}

	.sub_com_box2 div p{
		line-height: 1.3;
		font-size: 1.0em;
	}

	
	footer .snsBox{
		bottom: 0;
	}
  }



@media (max-width: 799px){

	footer .footerInfo .copyLogo,
	footer .familySite{
		display: none;
	}

	footer .footerInfo .copyInfo .text,
	footer .footerInfo .copyInfo .copy .txt{
		font-size: 0.9em !important;
		word-break: keep-all;
	}
	footer .footerInfo .copyInfo .text:before{
		display: none;
	}

	footer .snsBox{
		bottom: 0;
		justify-content: center;
	}
	footer .snsBox a{
		width: 40px;
		height: 40px;
		background-size: contain;
	}

}