@charset 'euc-kr';

/* popup */
.pop_bg { position:fixed; display:none; left:0; right:0; top:0; bottom:0; z-index:500; background:rgba(0,0,0,0.7);	}
.layer_box { display:none; position:fixed; left:0; right:0; top:0; bottom:0;  margin:auto auto; background:#fff; z-index:501; width:100%; max-width:980px; height:100%; max-height:609px; padding:40px 20px; }

.layer_box > h3 { margin-bottom:10px; font-size:30px; color:#111; font-weight: 500 !important;}
.layer_box .div_outline { display:block; border:1px solid #ddd; }
.layer_box textarea { width:100%; height:450px; padding:10px; border:0; outline:0; font-size: 15px; line-height: 1.7; }
.layer_box .btn_close { position:absolute; display:block; width:60px; height:56px; right:-60px; top:0; background:url(../images/style/btn_close.jpg) no-repeat center center; overflow:hidden; font-size:0;line-height:0;}

.layer_email {width: 700px; height: 500px; } 
.layer_email .textarea { display:table-cell; height:350px; padding:30px 20px; text-align:center; vertical-align:middle; font-size:15px; }
.layer_email .textarea .title { margin-bottom:20px; font-size:20px; color:#222; font-weight:700; }

.layer_box.layer_sitemap {position:fixed; max-width:100%; max-height:100%; background:rgba(0,0,0,0.8); padding-top: 14vh; z-index: 50;}
.layer_box.layer_sitemap .btn_close { right:0; width:140px; height:140px;  border: 1px solid rgba(255,255,255,0.15); background: #000; }	
.layer_box.layer_sitemap .btn_close:after{position: absolute; content:''; left: 0; top: 0; width:140px; height:140px;  background:url(<? echo G5_THEME_URL ?>/images/style/btn_close.jpg) no-repeat center center;  transform:rotate(90deg);  transition:.8s; }
.layer_box.layer_sitemap .btn_close:hover:after{transform:rotate(360deg);}
.layer_box.layer_sitemap h3 {font-size: 45px; font-size: 5vh; color: #fff; text-align: center; margin-bottom: 67px; margin-bottom: 7vh;}

.layer_box .sitemap {border:0;height:auto;width:20%;margin:0; margin-bottom: 33px; float: left;}
.layer_box .sitemap:last-child {border-right:0;}
.layer_box .sitemap dt {padding:0;font-size:30px; font-size:3.2vh; font-weight:700;line-height:1;color:#fff;text-align:center;border-bottom:0;margin-bottom:30px; transition:0.4s;}
.layer_box .sitemap dt span{position: relative;}
.layer_box .sitemap dd .dep2{width: 100%;}
.layer_box .sitemap dd .dep2 > ul {height:250px !important;}
.layer_box .sitemap:nth-child(4) dd .dep2 > ul,
.layer_box .sitemap:nth-child(5) dd .dep2 > ul{height:150px;}
.layer_box .sitemap dd .dep2 > ul > li > a {padding:0;font-size:16px;line-height:36px;font-weight:350;color:#fff;text-align:center;border-bottom:0;transition:0.4s;} 
.layer_box .sitemap dd .dep2 > ul > li > ul li a{padding:0;font-size:16px;line-height:36px;font-weight:350;color:rgba(255,255,255,0.8);text-align:center;border-bottom:0;transition:0.4s}
.layer_box .sitemap dd .dep2 > ul > li > ul li:hover a{color: #fff;}
.layer_box .sitemap dt span{position: relative; color: #fff;}
.layer_box .sitemap dt.on span:before,
.layer_box .sitemap:hover dt span:before{width: 100%; opacity: 1;}
.layer_box .sitemap:hover dd .dep2 > ul > li > a {color:#fff;}
.layer_box .sitemap dd .dep2 > ul > li:hover > a {color:#014099;}
.layer_box .sitemap dd .dep2 li a {color: #fff; text-align: center; font-size: 18px; font-size:2.2vh; transition:.3s; padding: 5px 0; padding: 0.5vh 0;}
.layer_box .sitemap dt span:before { position: absolute; content: ''; width: 0%; height: 14px; background: #01a0c7; left: 0; bottom: 0; z-index: -1; opacity: 0; transition: .3s;}
.layer_box.layer_sitemap .btn_close:after { position: absolute; content: ''; left: 0; top: 0; width: 140px; height: 140px; background: url(../images/style/btn_close.jpg) no-repeat center center; transform: rotate(90deg); transition: .8s;}
.layer_box .sitemap dd .dep2 li:hover a {color: #01a0c7;}

	
/* Header */
header .hd_logo > a { width: 100%; min-width: 150px; max-width: 230px; height: 100%; }
header nav .Main:first-child .Sub { border-left: 1px solid #ddd;  }
header nav .Sub{ position: absolute; z-index: 1; padding-top: 19px; }
header nav .Main:hover { color: #fff !important; background:#004e96;} 
header nav .Main:hover .Sub {background: #004e96; border-right:0;}
header nav .Main:hover:first-child .Sub { border-left:0; }
header nav .Main:hover .Sub > li {color: #a7c2f3; }
header nav .Main:hover .Sub > li:hover {color: #fff; }
header nav .Main:hover .Sub:before {width:100%; height:1px; background:#0e3883; }

.Sub_bg{position: absolute; top: 80px; left: 0; width: 100%; height: 200px; z-index: 1; overflow: hidden; display: none; background: #fff;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; opacity: 0.8;}
.MobileLogo,#Mmenu,#Menu_Mobile {display:none; }


/* Main Visual */
.mv_sec{overflow: hidden; position: relative; top:0 ; width: 100%; height: 86vh; min-height: 450px}
.mv_sec .item{width: 100%; height: 86vh; min-height: 450px; position: relative; overflow: hidden; }
 /*.mv_sec .item:before { content:''; position: absolute; left: 0; top: 0; height: 100%; width: 100%;background-color: rgba(0, 0, 0, .1);
    background-image: radial-gradient(rgba(64, 89, 50, .2) 40%, transparent 0), radial-gradient(rgba(64, 89, 50, .2) 40%, transparent 0);
    background-position: 0 0, 2px 2px; background-size: 4px 4px; }*/

.mv_sec .item .mv_img{position: absolute; left: 0; top: 0; width: 100%; height: 86vh; min-height: 450px; transition:5s; overflow: hidden !important; z-index: -1; transform:scale(1); background: url(../img/main/Main_1.jpg) center no-repeat; background-size: cover;}
.mv_sec .mv02 .mv_img{background: url(../img/main/Main_2.jpg) center no-repeat; background-size: cover;}
.mv_sec .mv03 .mv_img{background: url(../img/main/Main_3.jpg) center no-repeat; background-size: cover;}
.mv_sec .mv04 .mv_img{background: url(../img/main/Main_4.jpg) center no-repeat; background-size: cover;}
.mv_sec .active .mv_img{transform:scale(1.1) rotate(.001deg); }
.mv_sec .m_txt{ position: relative; z-index: 1; margin-top: calc(15vh + 7%); color: #fff; text-align: center;} 
.mv_sec .m_txt h1{position: relative; line-height: 1.4; font-size: clamp(2.4rem, 6.8vw, 3.4rem); top:80px; opacity: 0; transition:.8s .5s;  text-transform:uppercase;}
.mv_sec .m_txt h4{position: relative; line-height:1.4; top: 50px; opacity: 0; transition:.6s 1.2s; text-transform:uppercase; font-weight:400; margin: 0 10%;}

.mv_sec .active .m_txt p, .mv_sec .active .m_txt h1{opacity: 1; top:20px; text-shadow: 1px 1px 10px rgba(0,0,0, .5); color: #fff;}
.mv_sec .m_txt p,.mv_sec .active .m_txt p { font-size: min(max(3.2vw),1.2rem); margin-top: 18px; }
.mv_sec .m_txt p br,.mv_sec .m_txt h1 br,.mv_sec .m_txt h4 br { display:none; }
.mv_sec .active .m_txt h4{opacity: 1; top: 0px; text-shadow: 1px 1px 10px rgba(0,0,0, .4); color: #fff;}
.mv_sec .owl-dots{position: absolute; right: 52px; top: 26vw; bottom: auto; z-index: 100; width: 26px; text-align: left;}
.mv_sec .owl-dots .owl-dot { background: 0; outline:none;}
.mv_sec .owl-dots .owl-dot span{position: relative; display: block; width: 8px; height: 8px; background: #7d8d97; transition:.3s; margin-right: 11px; border-radius:50%;}  
.mv_sec .owl-dots .owl-dot.active span{background: #fff;}
.mv_sec .owl-dots .owl-dot span:after{position: absolute; content:''; width: 8px ;height: 8px; background: #7d8d97; border-radius: 50%; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; transition:.3s;}
.mv_sec .owl-dots .owl-dot span:before{position: absolute; content:''; width: 26px ;height: 26px; background: rgba(166,49,69,0.1); border-radius: 50%; opacity: 0; transition:.3s; left: -9px; top:-9px;}
.mv_sec .owl-dots .owl-dot.active span:after{background: #fff; }
.mv_sec .owl-dots .owl-dot.active span:before{background: rgba(255,255,255,0.2); opacity: 1; animation: 1.2s ease 0s infinite normal none running; animation-name:fpNav; }
@keyframes fpNav {0% {transform:scale(0)} 60% {transform:scale(1); opacity: 0.9;} 100% {transform:scale(1); opacity: 0;}}

.owl-carousel .owl-item .Prod_b { position: absolute; bottom: 80px; display: inline-block; width: 100%; max-width: 1280px; margin: 0 calc((100% - 1280px)/2); text-align: right;}
.owl-carousel .owl-item .Prod_b>a>img { position: relative; top:70px; opacity: 0; display: inline-block; width:auto; margin-left: 2%; text-transform:uppercase; }
.owl-carousel .owl-item .Prod_b>a:nth-child(1)>img { transition:1.4s 1.4s; }
.owl-carousel .owl-item .Prod_b>a:nth-child(2)>img { transition:1.4s 1.8s; }
.owl-carousel .owl-item.active .Prod_b>a>img {opacity: 1; top:0px; box-shadow:0px 0px 5px rgba(0,0,0,0.2); }

.news_box {position: absolute; bottom: 0; left: 50%; transform:translate(-50%,0); max-width: 1280px; width: 100%; height: 70px; line-height: 70px; background:rgba(43,46,149,.6); z-index: 1; overflow: hidden; color: #fff;}
.news_box .title {float: left; width: 20%; max-width:176px; text-align: center; padding-left: 3%;}
.news_box #SliderDiv {float: right; width: 80%; padding-right: 10%;}
.news_box #SliderDiv p { width: 100%; padding:0 15px; font-size:1rem; }
.news_box #SliderDiv span {float: right; }
.news_box a,.news_box h6,.news_box p,.news_box span{ color: #fff;}
.news_box .slick-prev,.news_box .slick-next { background:none; }
.news_box .slick-prev {right: 5%; left: auto; top: 30%; width: 10px; height: 8px; }
.news_box .slick-next {right: 5%; left: auto; top:auto; bottom: 30%; width: 10px; height: 8px; }
.news_box .slick-prev:before,.news_box .slick-next:before { width: 1px; height: 1px; left: 0; margin-top: -3px; background: none; 
	border-bottom: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(-135deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0; }
.news_box .slick-next:before { transform: rotate(45deg) translateY(-50%); }

#Section1,#Section2 { padding:4vw 0; }
#Section1 { background:#f3f3f3; }
#Section1 h2,#Section1 h5 { color:#000; }
#Section1 h2 { line-height: 1; margin-bottom:10px; }
#Section1 .Cruisepro>li:first-child { width: 60%; padding: 20px; background:#fff; }
#Section1 .Cruisepro>li:last-child { width:40%; }
#Section1 .Cruisepro>li>p { font-size: min(max(3.2vw),0.8rem); color: #000;}
#Section1 .Customer>li:first-child { width:60%; height:100%; background:#003569; color: #fff; padding:2.5% 1% 1% 4%;}
#Section1 .Customer>li:first-child>ul>li:first-child { border-right: rgba(255,255,255,0.4) 1px dashed; margin-right:0; }
#Section1 .Customer>li:first-child>ul>li:last-child { padding-left: 3%;}
#Section1 .Customer>li:first-child>ul>li:first-child .icon img { padding-right: 0.5em; }
#Section1 .Customer>li:last-child { width:40%; background: #4283a3; padding:0 5%; text-align: center;}
#Section1 .Customer>li:last-child div { height: 50%; padding-top:10%; padding-right: 0.5em}
#Section1 .Customer>li:last-child div img { padding: 0 0.5em;}
#Section1 .Customer>li:last-child div span { padding: 0 0.5em; }
#Section1 .Customer>li:last-child a:first-child div { border-bottom:rgba(255,255,255,0.4) 1px dashed ;}
#Section1 .Customer h3 { margin-bottom: 20px; font-weight: 400;}
#Section1 .Customer .icon span p { padding: 0;}
#Section1 .time,#Section2 .time { color: rgba(255,255,255,0.4); line-height: 1.3;}
#Section1>.Layer.Mg li>ul:first-child { height: 58%; background: #fff; margin-bottom: 2%;}
#Section1>.Layer.Mg li>ul:first-child li { margin-bottom:0; }
#Section1>.Layer.Mg li>ul:last-child { height: 39%; }

#section2,#section3,#section5 { padding:4vw 0; }
#section2 { padding-bottom: calc(8vh - 2em);}

#section2 ul li { height: 55vh; max-height: 590px; background-image: url(../img/main/Prod_01.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;  transition:.3s; overflow: hidden; }
#section2 ul li:before {content: ''; display: block; position: absolute;	top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1; transition:.3s; opacity: 0.3;}
#section2 ul li:last-child {margin-right: 0;}
#section2 ul li:nth-child(2) {background-image: url(../img/main/Prod_02.jpg);}
#section2 ul li:nth-child(3) {background-image: url(../img/main/Prod_03.jpg);}
#section2 ul li:nth-child(4) {background-image: url(../img/main/Prod_04.jpg);}
#section2 ul li > div {position: relative; z-index: 2; transition:.3s;  padding: 0 12%; bottom: -50%;}
#section2 h3,#section2 h6,#section2 p { color: #fff; }
#section2 ul li:hover h3,#section2 ul li:hover h6,#section2 ul li:hover p { color: #fff; }
#section2 ul li h6 { font-size:0.9rem; font-weight: 800;}
#section2 ul li h3 { padding:0.8vw 0 2vw; text-indent: -0.1rem; font-size: clamp(1.8rem, 3.6vw, 2.4rem);}
#section2 ul li p { padding-bottom: 3vw; } 
#section2 ul li div > div { position: relative; bottom: -200px; transition:.5s;}
#section2 ul li a {text-align: left; display: block; max-width: 250px; font-size: 18px; font-weight: 400; color: #fff; border:1px solid rgba(255,255,255,0.2); margin-bottom: 10px; padding: 1vw 2vw; position: relative; transition:.3s;}
#section2 ul li a:before {content: '+'; display: block; position: absolute; right: 20px; }
#section2 ul li a:hover {background: #114586; border:1px solid #114586;}
#section2 ul li:hover {box-shadow:10px 10px 18px rgba(0,0,0,0.2);}
#section2 ul li:hover:before {opacity: 1;}
#section2 ul li:hover > div { bottom: -30%; }
#section2 ul li:hover > div > div { bottom: 0;}


#section3 { background: #f7f7f7; }
#section3 h2 { color: #333; line-height: 1.4; margin:20px 0; font-weight: 800; letter-spacing: -0.085em;}
#section3 h2 span,#section3 h5 span{ font-weight: 100; }
#section3 h5 big{ font-size:2.7em; font-weight: normal; color: #00887a; font-weight: 800; font-family: 'Noto Serif KR' }

#section4  { position: relative; }
#section4 .fixed_bg { background-image: url('../img/main/section_4_bg.jpg'); margin:0; height:auto; }
#section4 .fixed_bg:before { background-color: rgba(0,0,0,.4); background-image: radial-gradient(rgba(64,89,50,.4) 40%, transparent 0), radial-gradient(rgba(64,89,50,.4) 40%, transparent 0); background-position: 0 0, 2px 2px; background-size: 4px 4px; }
#section4 .fixed_bg h1 { color:#ffffff; }
#section4 br {display:none; }
#section4 .fixed_bg h4 { color:#f5b172; padding-bottom:20px; }
#section4 .fixed_bg span { font-weight:normal; }
#section4 .fixed_bg h6 { color: #ddeeff;}
#section4 .fixed_bg p { color:#f5eea6; padding-top:20px; }


#section5>ul>li h4,#section5>ul>li p { color:#222; }
#section5>ul>li h4 { font-size: clamp(1.8rem, 3.6vw, 2rem); }
#section5>ul>li p { padding:0px; padding-top: 7%; font-size: 16px; }
#section5>ul>li img { width:100%; height:100%; }
#section5>ul>li dl { padding:10%; }
#section5>ul>li a { position:relative; display:inline-block; float: right; width:30px; height:30px; border: 1px solid #f58220; padding:5px;}
#section5>ul>li:nth-child(1) { border: 1px solid rgba(245, 130, 32, .5); }
#section5>ul>li:nth-child(2) { padding: 3% 3% 0; border: 1px solid #ddd;}
#section5>ul>li:nth-child(3) { border: 1px solid rgba(43, 46, 149, .4); }
#section5>ul>li:nth-child(2) a{ border-color:#0a5252;}
#section5>ul>li:nth-child(2) a.more:before,#section5 li:nth-child(2) a.more:after { background: #0a5252; }
#section5>ul>li:nth-child(3) a{ border-color:#2b2e95}
#section5>ul>li:nth-child(3) a.more:before,#section5 li:nth-child(3) a.more:after { background: #2b2e95; }
.more:before,.more:after { content: ''; position: absolute; width:20px; height:2px; top: 13px; left: 4px; background: #f58220; }
.more:after { transform:rotate(90deg); }

#exbugo { margin-top:7%; }
#exbugo ul { width:100%; }
#exbugo li { width:100%; font-size:14px; color:#777; }
#exbugo li h6 { font-size:16px; font-weight:normal; color:#333; }
#exbugo li:nth-child(odd) { background:#f4f2f0; }

Footer { background:#fff; text-align:center; color:#fff; background: #2b2e95;}
Footer .FootMenu { background:#2b2e95; font-size:min(max(3.3vw), 1rem); padding: 28px 0;}
Footer .FootMenu span {  margin: 0 2%; }
Footer .FootMenu span a { color:#fff; }
address { padding: 30px 0 60px; font-style: normal;}
address span { display: inline-block; padding:0 10px; margin-bottom: 15px; border-right:#aaa 1px solid;  font-size:min(max(3vw), 0.9rem); line-height: 0.7;}



@media (max-width:1280px){/*********************** 1280 ***********************/
header { position: static; ;}
header nav { display: none; }

	.Sub_bg { top:0; height:100%; z-index:30;}
	.Sub_bg.on { display:block; background-color:rgba(0,0,0,0.6); }

.Mmenu { position:absolute; top:1.5em; right: 1em; cursor: pointer; z-index: 51; padding: 5px; text-align: center;}
.Mmenu span{ display:block; width:24px; height:3px; background:#000; position:relative; transition:all 0.6s; margin-bottom: 5px;}
.Mmenu span:nth-child(3){ margin-bottom: 0; } 
.Mmenu.on span { background:#fff; }
.Mmenu.on span:nth-child(1){ transform:rotate(45deg); top:8px; }
.Mmenu.on span:nth-child(2){ opacity:0; }
.Mmenu.on span:nth-child(3){ transform:rotate(-45deg); bottom:8px; }

	.Mmenu_bg { position: absolute; display:none; width: 100%; height: 100%; z-index: 30; top: 0; left:0;  background: rgba(25,25,25,0.5) ; }
	.Mmenu_bg.on { display:block; }
	.Mmenu_close { cursor: pointer; padding-right: 15px; align-content: center;}
	.Mmenu_close span { display: block; position: relative; width: 24px; height: 3px; background: #fff; }
	.Mmenu_close span:nth-child(1){ transform:rotate(45deg); top:1.5px; }
	.Mmenu_close span:nth-child(2){ transform:rotate(-45deg); bottom:1.5px; }

#Menu_Mobile { display: none; position: absolute; z-index:40; background:#fff; width: 100%; max-width: 260px; height: 100%; right:0; top: 0; }
#Menu_Mobile .MobileLogo {display: flex; justify-content: space-between; width:100%; padding-left: 20px; border-bottom:1px solid #2b2e95; background: #2b2e95;}
#Menu_Mobile .MobileLogo a { display: flex; margin: 14px 0; }
#Menu_Mobile .MobileLogo img { max-width:160px; }
#Menu_Mobile .MainM { display: inline-block; position: relative; padding: 15px 20px; width:100%; border-bottom:1px solid #e1e1e1; font-size: 1.06rem; color: #2b2e95; cursor: pointer}
#Menu_Mobile .MainM:before,#Menu_Mobile .MainM:after { content:''; position:absolute; height: 2px; width: 12px; background: #2b2e95; transform: rotate(90deg); top: 28px; right: 22px; transition: all 0.6s ease;}
#Menu_Mobile .MainM:after {  transform: rotate(0deg); }
#Menu_Mobile .MenuM.on .MainM:before { transform: rotate(0deg); }
#Menu_Mobile .SubM{ position:relative; display:none; height: auto; top:0; background-color:#e9eaf7; border-bottom:1px solid rgba(43,46,149,.7); padding: 0px 15px;}
#Menu_Mobile .SubM > ul > li { padding: 16px; border-bottom:1px solid rgba(43,46,149,.1); text-align:left; list-style: none; font-size: max(min(0.9rem), 14px); color: rgba(43,46,149,.7); transition: .3s; line-height: 1; cursor: pointer; letter-spacing: -1.5px;}
#Menu_Mobile .SubM > ul > li:last-child { border-bottom:0; }

	.owl-carousel .owl-item .Prod_b { margin: 0 auto; padding: 0 1%;}
	.owl-carousel .owl-item .Prod_b>a:nth-child(1)>img,.owl-carousel .owl-item .Prod_b>a:nth-child(2)>img { min-width:25%; max-width: 48%;}

#Section1>.Layer.Mg li>ul:last-child { height: 39.9%; }
#Section1 .Customer>li:first-child>ul { display:block;}
#Section1 .Customer>li:first-child>ul>li:first-child, #Section1 .time, #Section2 .time { width:100%; padding-bottom: 2%;}
#Section1 .Customer>li:first-child>ul>li:first-child { border-right: 0; border-bottom: rgba(255,255,255,0.4) 1px dashed; }
#Section1 .Customer>li:first-child>ul>li:last-child { padding-left:0; padding-top:2%; }
}



@media (max-width:1024px){/*********************** iPad Pro ***********************/
.mv_sec .item .mv_img { background-position: right 30% center;}

	.layer_box .btn_close { width:35px; height:35px; right:0; }
	.layer_box > h3 {font-size: 3vh;}
	.layer_email .textarea .title { font-size: 2.2vh;}
	.layer_box textarea,.layer_email .textarea { font-size: 1.8vh; }
	#section2 ul li > div { bottom: -40%;}
}



@media (max-width:768px){/*********************** Tablet ***********************/
	.layer_box .sitemap {width: 50%; }
	.layer_box.layer_sitemap {padding-top: 10vh;}
	.layer_box.layer_sitemap .btn_close {width: 50px; height: 50px;}
	.layer_box.layer_sitemap .btn_close:after{background-size: 50px; width: 50px; height: 50px;}

#section4 br,.mv_sec .m_txt p br,.mv_sec .m_txt h1 br,.mv_sec .m_txt h4 br { display:inline-block; }

#Section1>.Layer { display:block; width:95%; margin: 0 auto;}
#Section1>.Layer.L2>li {width: 100%; }
#Section1 .Customer>li:first-child>ul { display: flex; }
#Section1 .Customer>li:first-child>ul>li:first-child { border-bottom:0; border-right: rgba(255,255,255,0.4) 1px dashed; }
#Section1 .Customer>li:first-child>ul>li:last-child { padding-left: 3%; padding-top:0; }
}



@media (max-width:540px){/*********************** Mobile ***********************/
	.layer_box { max-width:90%;}
	.layer_box.layer_sitemap { padding-top: 8vh;}
	.layer_box .sitemap dt { margin-bottom: 2.6vh; }
	.layer_box .sitemap { margin-bottom:4vh; }
	.layer_box .email_box {height: auto;}
	.layer_box.layer_sitemap .btn_close:after, .layer_box.layer_sitemap .btn_close {width: 50px; height: 50px;}

	.mv_sec .owl-dots {top: 90vw; right: 20px;}

	.news_box { height:60px; line-height:60px;}
    .news_box #slider-div .content {padding-left: 0; max-width:190px;;}
    .news_box #slider-div .content p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

#Section1, #Section2 { padding: 7vw 0;} 
#Section1 .Customer>li:first-child>ul { display:block;}
#Section1 .Customer>li:first-child>ul>li:first-child, #Section1 .time, #Section2 .time { width:100%; padding-bottom: 2%;}
#Section1 .Customer>li:first-child>ul>li:first-child { border-right: 0; border-bottom: rgba(255,255,255,0.4) 1px dashed; }
#Section1 .Customer>li:first-child>ul>li:last-child { padding-left:0; padding-top:2%; }
#Section1>.Layer>li>iframe { min-height: 200px }
#Section1 .Layer li,#Section2 .Layer li,#Section3 .Layer li { overflow: hidden;}
#Section1 .Customer>li:first-child { width: 100%; z-index: 1; padding: 3% 5% 0;}
#Section1>.Layer.Mg li>ul:last-child { display: block; width: 100%;}
#Section1 .Customer>li:first-child>ul>li:first-child, #Section1 .time { margin-right: 0; float: left; width: 50%; }
#Section1 .Customer>li:first-child>ul>li:first-child { border-bottom:0; border-right: rgba(255,255,255,0.4) 1px dashed; }
#Section1 .Customer>li:first-child>ul>li:last-child { padding-left: 3%; padding-top:0; }
#Section1 .Customer>li:last-child { width: 100%; margin-top:5px; padding:0; }
#Section1>.Layer.Mg.Customer li>ul:first-child li { margin-bottom: 0; float: left; margin-right: 0;}
#Section1 .Customer>li:last-child div { width: 50%; float: left; padding: 3.5vw 1vw 3.5vw 0em;}
#Section1 .Customer>li:first-child div img,#Section1 .Customer>li:last-child div img { max-height: 30px;}
#Section1 .Customer>li:last-child a:first-child div { border-right: rgba(255,255,255,0.4) 1px dashed;  }

.section ul li:last-child { margin-bottom:0; }
#section2 ul li { width:100%; height:auto; }
#section2 ul li > div,#section2 ul li div > div,#section2 ul li:hover > div { bottom:0; }
#section2 ul li > div { padding:10% 12% }
#section2 ul li:before {opacity: 1;}
#section2 h3, #section2 h6, #section2 p { color: #fff; }

#section5>ul>li {margin-bottom:4vw; }
#section5>ul>li { width:100%; }
#section5>ul>li:nth-child(1) dl,#section5>ul>li:nth-child(3) dl { position: absolute; height: 100%; background:rgba(255,255,255,.7); }
}