@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


*{font-family: 'NEXON Lv2 Gothic', sans-serif !important;}

.roboto{
  font-family: "Roboto", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}
*{
    box-sizing: border-box;
	position: relative;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}


.anim-up{transform: translateY(100px); opacity: 0; }
.active .anim-up{transform: translateY(0px); opacity: 1; }
.anim-left{transform: translateX(100px); opacity: 0; }
.active .anim-left{transform: translateX(0px); opacity: 1; }
.anim-right{transform: translateX(-100px); opacity: 0; }
.active .anim-right{transform: translateX(0px); opacity: 1; }
.delay1{transition: ease-in-out 1s; transition-delay: 0.25s;}
.delay2{transition: ease-in-out 1s; transition-delay: 0.5s;}
.delay3{transition: ease-in-out 1s; transition-delay: 0.75s;}
.delay4{transition: ease-in-out 1s; transition-delay: 1s;}
.delay5{transition: ease-in-out 1s; transition-delay: 1.25s;}

.zoom-delay{transition: 2s;}

.zoom-box{
	transform: scale(1.4); /* 초기 스케일 */
	transform-origin: center; /* 중심 기준 스케일 */
	}
.active .zoom-box{transform: scale(1);}

.swiper-slide {
  opacity: 0 !important;
  transition: opacity 0.5s;
}

.swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  z-index: 2;
}
img{width: 100%; display: block;}

.rotate {
  animation: spin 25s linear infinite;  /* 회전 애니메이션 */
  transform-origin: center center;     /* 중심축: 가운데 */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

html,body{overflow-x: hidden;}
body{width: 100%;}
header{width: 100%;z-index: 20;transition: 0.5s;position: fixed;top:0;left: 0;}
header.active{background-color: #FFFFFF; transition: 0.5s;}
header .header_wrap{width: 100%;height: 80px; display: flex; justify-content: space-between; align-items: center; padding-left: 8%; padding-right: 8%;}
header .header_wrap .logo_wrap{width: 180px; display: flex; justify-content: flex-start; align-items: center;}
header .header_wrap .logo_wrap .logo_a{width: 100%; display: block;}
header .header_wrap .logo_wrap .logo_a .logo{width: 100%; display: block;}
header .header_wrap .menu_wrap{display: flex; justify-content: flex-end; align-items: center; column-gap: 2%; flex: 1;}
header .header_wrap .menu_wrap a{font-size: 1em; text-decoration: none; color: #FFFFFF; transition: 0.5s; font-weight: bold; padding-top: 15px; padding-bottom: 15px; line-height: 1.4;}
header.active .header_wrap .menu_wrap a{color: #333333; transition: 0.5s;}
header .header_wrap .menu_wrap a:after{width: 0%; position: absolute; left: 0; bottom: 0; height: 3px; background-color: #FFFFFF; transition: 0.5s; content: '';}
header .header_wrap .menu_wrap a:hover:after{width: 100%; transition: 0.5s;}
header.active .header_wrap .menu_wrap a:after{background-color: #333;}
header .header_wrap .menu_wrap a.active:after{width: 100% !important;}


.main_top_section{width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('/images/main_back.jpg');}
.main_top_section .main_cover{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center;}
.main_top_section .main_cover .main_icon{position: absolute; top: 50%; right: 10%; transform: translateY(-50%); width: 25%;}
.main_top_section .main_cover .main_icon .main_circle{width: 100%; padding-top: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('/images/main_circle.png'); opacity: 0.6;}
.main_top_section .main_cover .item_wrap{width: 1200px; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.main_top_section .main_cover .item_wrap .title{color: #fff; font-weight: bold; font-size: 3em; line-height: 1.6;}
.main_top_section .main_cover .item_wrap .sub_title{color: #fff; font-weight: bold; font-size: 3em; line-height: 1.4;}
.main_top_section .main_cover .item_wrap .btn_wrap{margin-top: 10%; display: flex;}
.main_top_section .main_cover .item_wrap .business_btn{display: flex;  padding: 10px 20px; border-radius: 20px; border: 1px solid #fff; color: #fff; text-decoration: none; line-height: 1.4; transition: 0.5s;}
.main_top_section .main_cover .item_wrap .business_btn:hover{background-color: #fff; transition: 0.5s; color: #333;}

.main_section_1{width: 100%; height: 100vh;  display: flex; justify-content: center; align-items: center;}
.main_section_1 .item_wrap{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.main_section_1 .item_wrap .swiper{width: 100%; height: 100%;}
.main_section_1 .item_wrap .swiper .swiper-slide{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden;}
.main_section_1 .item_wrap .swiper .swiper-slide .back_cover{width: 100%; height: 100%; position: absolute; background-size: cover; background-repeat: no-repeat; }
.main_section_1 .item_wrap .swiper .swiper-slide .back_cover .cover{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
.main_section_1 .item_wrap .swiper .swiper-slide .item_box{width: 1200px; display: flex; justify-content: center; align-items: center; column-gap: 0%;}
.main_section_1 .item_wrap .swiper .swiper-slide .item_box.camping{column-gap: 0;}
.main_section_1 .item_wrap .swiper .swiper-slide .item_box .img_msds{width: 35%; padding: 10px;  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);}
.main_section_1 .item_wrap .swiper .swiper-slide .item_box .img_msds img{width: 100%; display: block;}
.main_section_1 .item_wrap .swiper .swiper-slide .item_box .text_box{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.main_section_1 .item_wrap .swiper .swiper-slide .item_box .text_box .slide_logo{width: 200px;}
.main_section_1 .item_wrap .swiper .swiper-slide .item_box .text_box .slide_logo img{width: 100%; display: block;}
.main_section_1 .item_wrap .swiper .swiper-slide .item_box .text_box .big_title{font-size: 2em; font-weight: bold; color: #fff; line-height: 1.5;}
.main_section_1 .item_wrap .swiper .swiper-slide .item_box .text_box .title{font-size: 1.8em; font-weight: bold; color: #fff; margin-top: 8%; line-height: 1.5;}
.main_section_1 .item_wrap .swiper .swiper-slide .item_box .text_box .content{font-size: 1.4em; line-height: 1.6; color: rgba(255, 255, 255, 0.8); margin-top: 2%;}
.main_section_1 .item_wrap .slide_bar_wrap{width: 100%; display: flex; justify-content: center; align-items: center; column-gap: 1%; position: absolute; bottom: 5%; left: 0; z-index: 19;}
.main_section_1 .item_wrap .slide_bar_wrap .bar_play_btn{width: 15px; height: 15px;}
.main_section_1 .item_wrap .slide_bar_wrap .bar{width: 80px; height: 6px; background-color: rgba(255, 255, 255, 0.6); cursor: pointer;}
.main_section_1 .item_wrap .slide_bar_wrap .bar:after{position: absolute; left: 0; top: 0; height: 100%; content: ''; background-color: #fff;  width: 0;}
.main_section_1 .item_wrap .slide_bar_wrap .bar.active:after{width: 100%; transition: 10s;}
.main_section_1 .item_wrap .swiper .swiper-slide .item_box .img_camping{width:40%;}
.main_section_1 .item_wrap .swiper .swiper-slide .item_box .text_box .camping_logo_wrap{width: 150px;}
.main_section_1 .item_wrap .swiper .swiper-slide .item_box .img_security{width:30%; margin-right: 5%;}


.business_section{width: 100%; height: 100vh;  display: flex; justify-content: center; align-items: center;}
.business_section .item_wrap{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.business_section .item_wrap{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden;}
.business_section .item_wrap .back_cover{width: 100%; height: 100%; position: absolute; background-size: cover; background-repeat: no-repeat; }
.business_section .item_wrap .back_cover .cover{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
.business_section .item_wrap .item_box{width: 1200px; display: flex; justify-content: center; align-items: center; column-gap: 0%;}
.business_section .item_wrap .item_box.camping{column-gap: 0;}
.business_section .item_wrap .item_box .img_msds{width: 60%; padding: 10px;  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);}
.business_section .item_wrap .item_box .img_msds img{width: 100%; display: block;}
.business_section .item_wrap .item_box .text_box{display: flex; flex-direction: column; justify-content: center; align-items: flex-start;  width: 50%;}
.business_section .item_wrap .item_box .text_box .slide_logo{width: 200px;}
.business_section .item_wrap .item_box .text_box .slide_logo img{width: 100%; display: block;}
.business_section .item_wrap .item_box .text_box .big_title{font-size: 2em; font-weight: bold; color: #fff; line-height: 1.5;}
.business_section .item_wrap .item_box .text_box .title{font-size: 1.8em; font-weight: bold; color: #fff; margin-top: 8%; line-height: 1.5;}
.business_section .item_wrap .item_box .text_box .content{font-size: 1.4em; line-height: 1.6; color: rgba(255, 255, 255, 0.8); margin-top: 2%;}
.business_section .item_wrap .item_box .img_box{width: 50%; display: flex; justify-content: center; align-items: center;}
.business_section .item_wrap .slide_bar_wrap{width: 100%; display: flex; justify-content: center; align-items: center; column-gap: 1%; position: absolute; bottom: 5%; left: 0; z-index: 19;}
.business_section .item_wrap .slide_bar_wrap .bar_play_btn{width: 15px; height: 15px;}
.business_section .item_wrap .slide_bar_wrap .bar{width: 80px; height: 6px; background-color: rgba(255, 255, 255, 0.6); cursor: pointer;}
.business_section .item_wrap .slide_bar_wrap .bar:after{position: absolute; left: 0; top: 0; height: 100%; content: ''; background-color: #fff;  width: 0;}
.business_section .item_wrap .slide_bar_wrap .bar.active:after{width: 100%; transition: 10s;}
.business_section .item_wrap .item_box .img_camping{width:73%;}
.business_section .item_wrap .item_box .text_box .camping_logo_wrap{width: 150px;}
.business_section .item_wrap .item_box .img_security{width:55%; margin-right: 0%;}


.main_section_2{width: 100%; background-color: #fff; padding-top: 5%; padding-bottom: 5%; display: flex; justify-content: center; align-items: center;}
.main_section_2 .item_wrap{width: 1200px; display: flex; flex-direction: column; justify-content: center;}
.main_section_2 .item_wrap .title_wrap{width: 100%; display: flex; align-items: flex-start; justify-content: space-between;}
.main_section_2 .item_wrap .title_wrap .title{font-weight: bold; font-size: 1.8em; color: #333; line-height: 1.4;}
.main_section_2 .item_wrap .title_wrap .sub_title{font-weight: bold; font-size: 1.4em; color: #333; display: flex; justify-content: flex-end; line-height: 1.6;}
.main_section_2 .item_wrap .content_wrap{width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 5%; column-gap: 1%;}
.main_section_2 .item_wrap .content_wrap .item_box{width: 24%; border-radius: 20px; background-size: cover; background-repeat: no-repeat;}
.main_section_2 .item_wrap .content_wrap .item_box .item_cover{width: 100%; padding-top: 140%; background-color: rgba(0, 0, 0, 0.6); border-radius: 20px;}
.main_section_2 .item_wrap .content_wrap .item_box .absolute_wrap{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; position: absolute; left: 0; top: 0; padding:10%; cursor: pointer;}
.main_section_2 .item_wrap .content_wrap .item_box .absolute_wrap .title{color: #ffffff; font-weight: bold; font-size: 1.4em;}
.main_section_2 .item_wrap .content_wrap .item_box .absolute_wrap .content{color: rgba(255, 255, 255, 1); line-height: 1.6; font-size: 1.2em; transform: translateY(100px); opacity: 0; transition: ease-in-out 0.5s; font-weight: 600;}
.main_section_2 .item_wrap .content_wrap .item_box .absolute_wrap:hover .content{transform: translateY(0px); opacity: 1;}

.main_section_5 {width: 100%; background-color: #efefef; padding-top: 5%; padding-bottom: 5%; display: flex; justify-content: center; align-items: center;}
.main_section_5 .item_wrap{width: 1200px; display: flex; flex-direction: column; justify-content: center;}
.main_section_5 .item_wrap .title_wrap{width: 100%; display: flex; flex-direction: column;}
.main_section_5 .item_wrap .title_wrap .title{font-size: 2.2em; line-height: 1.4; font-weight: 600; color: #333;}
.main_section_5 .item_wrap .title_wrap .title .color{color: #395E8F;}
.main_section_5 .item_wrap .btn_wrap{ margin-top: 5%; width: 100%; display: flex; justify-content: center; align-items: center; column-gap: 2%;}
.main_section_5 .item_wrap .btn_wrap .btn_box{width: 30%; padding: 1em 1em; border: 1px solid #efefef; background-color: rgba(255, 255, 255, 0.7); transition: 0.5s; border-radius: 5em; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); cursor: pointer; display: flex; justify-content: center; align-items: center;}
.main_section_5 .item_wrap .btn_wrap .btn_box.active{background-color: #395E8F; border: 1px solid #66A8DC;}

.main_section_5 .item_wrap .btn_wrap .btn_box .btn_text{font-size: 1.6em; color: #333; transition: 0.5s;}
.main_section_5 .item_wrap .btn_wrap .btn_box.active .btn_text{color: #ffffff; font-weight: bold;}
.main_section_5 .item_wrap .item_container{margin-top: 2%; width: 100%; display: flex; justify-content: center; column-gap: 3%; height: 50%; padding-top: 35%;}
.main_section_5 .item_wrap .item_container .absolute_wrap{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; column-gap: 2%;}
.main_section_5 .item_wrap .item_container .item_box{width: 15%; display: flex; flex-direction: column; height: 100%; transition: 0.5s; border-radius: 2em; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.main_section_5 .item_wrap .item_container .item_box.active{width: 66%}
.main_section_5 .item_wrap .item_container .img_wrap{width: 100%;  height: 100%;}
.main_section_5 .item_wrap .item_container .img_wrap .img_box{width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; }
.main_section_5 .item_wrap .item_container .item_box .img_wrap .img_box .cover{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); padding: 2em; display: flex; flex-direction: column; opacity: 0;}
.main_section_5 .item_wrap .item_container .item_box.active .img_wrap .img_box .cover{opacity: 1;}
.main_section_5 .item_wrap .item_container .img_wrap .img_box .cover .title{font-size:1.6em; line-height: 1.6; color: #fff; font-weight: bold; margin-top: 1em;}
.main_section_5 .item_wrap .item_container .img_wrap .img_box .cover .bar{width: 4em; height: 5px; background-color: #fff; margin-top: 3%; margin-bottom: 3%;}
.main_section_5 .item_wrap .item_container .img_wrap .img_box .cover .ctt_wrap{width: 100%; display: flex; margin-bottom: 3%;}
.main_section_5 .item_wrap .item_container .img_wrap .img_box .cover .ctt_wrap .dot{flex: 0 0 auto; margin-right: 10px;}
.main_section_5 .item_wrap .item_container .img_wrap .img_box .cover .ctt_wrap .dot .circle{width: 10px; height: 8px; background-color: #fff; border-radius: 50%; margin-top: 0.5em;} 
.main_section_5 .item_wrap .item_container .img_wrap .img_box .cover .ctt_wrap .ctt{font-size: 1.2em; color: #fff; line-height: 1.6; font-weight: bold;}
.main_section_5 .item_wrap .item_container .img_wrap .img_box .cover .ctt_wrap .ctt_box{width: 100%; display: flex; flex-direction: column;}
.main_section_5 .item_wrap .item_container .img_wrap .img_box .cover .ctt_wrap .sub_ctt {font-size: 1em; color: rgba(255, 255, 255, 0.9); margin-top: 0.3em; line-height: 1.6;}
.main_section_5 .item_wrap .item_container .content_wrap{width: 100%; display: flex; flex-direction: column; margin-top: 5%;}
.main_section_5 .item_wrap .item_container .content_wrap .content_tit_wrap{width: 100%; display: flex; flex-direction: column; align-items: center; }
.main_section_5 .item_wrap .item_container .content_wrap .content_tit_wrap .title{font-size: 1.6em; color: #333; font-weight: bold; line-height: 1.6; width: 100%; background-color: #395E8F; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #fff; padding-top: 0.3em; padding-bottom: 0.3em;}
.main_section_5 .item_wrap .item_container .content_wrap .content_tit_wrap .bar{width: 80px; height: 4px; background-color: #395E8F; margin-top: 5%;}
.main_section_5 .item_wrap .item_container .content_wrap .content_ctt_wrap{width: 100%; display: flex; flex-direction: column; margin-top: 5%; align-items: center;}
.main_section_5 .item_wrap .item_container .content_wrap .content_ctt_wrap .ctt_wrap{width: 100%; display: flex; margin-bottom: 5%;}
.main_section_5 .item_wrap .item_container .content_wrap .content_ctt_wrap .ctt_wrap .dot{flex: 0 0 auto; margin-right: 10px;}
.main_section_5 .item_wrap .item_container .content_wrap .content_ctt_wrap .ctt_wrap .dot .circle{width: 10px; height: 10px; background-color: #395E8F; border-radius: 50%; margin-top: 0.5em;} 
.main_section_5 .item_wrap .item_container .content_wrap .content_ctt_wrap .ctt_wrap .ctt_box{width: 100%; display: flex; flex-direction: column;}
.main_section_5 .item_wrap .item_container .content_wrap .content_ctt_wrap .ctt_wrap .ctt_box .ctt{font-size: 1.2em; color: #333; line-height: 1.4; font-weight: bold;}
.main_section_5 .item_wrap .item_container .content_wrap .content_ctt_wrap .ctt_wrap .ctt_box .sub_ctt{font-size: 1em; color: #333; margin-top: 0.3em; line-height: 1.4;}

.main_section_3{width: 100%; padding-top: 5%; padding-bottom: 5%; display: flex; justify-content: center; align-items: center; background-color: #395E8F;}
.main_section_3 .item_wrap{width: 1200px; display: flex; flex-direction: column; justify-content: center;}
.main_section_3 .item_wrap .title{width: 100%; text-align: center; color: #fff; font-size: 2.2em; font-weight: bold;}
.main_section_3 .item_wrap .content_wrap{width: 100%; margin-top: 5%;}

.main_section_3 .item_wrap .content_wrap .location_frame{width: 100%; height: 450px; border: 0;}
.main_section_3 .item_wrap .content_wrap .location_info_wrap{width: 100%; display: flex; justify-content: space-between; column-gap: 2%; margin-top: 4%;}
.main_section_3 .item_wrap .content_wrap .location_info_wrap .address_wrap{flex: 1; background-color: #fff;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); padding: 30px; border-radius: 20px; display: flex; align-items: center;}
.main_section_3 .item_wrap .content_wrap .location_info_wrap .address_wrap .icon{width: 40px; height: 40px; margin-right: 20px;}
.main_section_3 .item_wrap .content_wrap .location_info_wrap .address_wrap .address_text_wrap{display: flex; flex-direction: column;}
.main_section_3 .item_wrap .content_wrap .location_info_wrap .address_wrap .address_text{font-size: 1.2em; font-weight: bold; color: #333; line-height: 1.6; margin-top: 10px;}
.main_section_3 .item_wrap .content_wrap .location_info_wrap .address_wrap .address_text.sub{font-weight: normal; margin-top: 0;}
.main_section_3 .item_wrap .content_wrap .location_info_wrap .sub_info_wrap{flex: 0 0 auto; display: flex; flex-direction: column; justify-content: space-between; row-gap: 4%;}
.main_section_3 .item_wrap .content_wrap .location_info_wrap .sub_info_wrap .sub_info_box{background-color: #fff;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); padding: 15px; border-radius: 20px; width: 100%; padding-right: 100px; display: flex; align-items: center; text-decoration: none;}
.main_section_3 .item_wrap .content_wrap .location_info_wrap .sub_info_wrap .sub_info_box .icon{width: 40px; height: 40px; margin-right: 20px;}
.main_section_3 .item_wrap .content_wrap .location_info_wrap .sub_info_wrap .sub_info_box .text{font-size: 1.2em; font-weight: bold; color: #333;}
.main_section_3 .item_wrap .content_wrap .location_info_wrap .sub_info_wrap .sub_info_box.mt{margin-top: 4%;}

.about_top_section{width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url('/images/building.jpg');}
.about_top_section .cover{width: 100%; background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: center;}
.about_top_section .cover .item_wrap{width: 1200px; display: flex; flex-direction: column; justify-content: center; padding-top: 8%; padding-bottom: 8%;}
.about_top_section .cover .item_wrap .title{color: #fff; line-height: 1.4; font-weight: bold; font-size: 3em;}
.about_top_section .cover .item_wrap .sub_title{color: #fff; line-height: 1.4; font-weight: bold; font-size: 3em;}

.about_section_1{width: 100%; display: flex; justify-content: center; padding-top: 5%; padding-bottom: 5%; background-color: #fff;}
.about_section_1 .item_wrap{width: 1200px; display: flex; justify-content: space-between;}
.about_section_1 .item_wrap .img_wrap{width: 45%;}
.about_section_1 .item_wrap .img_wrap .img_box{width: 100%; padding-top: 70%; background-position: center; background-repeat: no-repeat; background-image: url('/images/about/about_ceo.jpg'); background-size: cover;}
.about_section_1 .item_wrap .text_wrap{width: 50%; display: flex; flex-direction: column;}
.about_section_1 .item_wrap .text_wrap .sg{width: 100%; font-size: 1.8em; font-weight: bold; color: #333; line-height: 1.4;}
.about_section_1 .item_wrap .text_wrap .ctt{width: 100%; font-size: 1.2em; color: #333; margin-top: 5%; line-height: 1.4;}
.about_section_1 .item_wrap .text_wrap .ctt .bold{font-weight: bold;}
.about_section_1 .item_wrap .text_wrap .sign_wrap{width: 100%; margin-top: 5%; display: flex; justify-content: flex-end;}
.about_section_1 .item_wrap .text_wrap .sign_wrap .sign{font-size: 1.2em; font-weight: bold;}

.about_section_2{width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url('/images/about/about_business.jpg');}
.about_section_2 .cover{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; padding-top: 8%; padding-bottom: 8%;}
.about_section_2 .item_wrap{width: 1200px; display: flex; flex-direction: column; align-items: center; }
.about_section_2 .item_wrap .title{width: 100%; text-align: center; color: #fff; font-size: 2.2em; font-weight: bold;}
.about_section_2 .item_wrap .item_container{width: 100%; display: flex; margin-top: 5%; justify-content: space-between;}
.about_section_2 .item_wrap .item_container .item_box{width: 32%; background-color: rgba(255, 255, 255, 0.7); border: 1px solid #fff; padding: 4em 20px ; border-radius: 15px; display: flex; flex-direction: column; align-items: center;}
.about_section_2 .item_wrap .item_container .item_box .tit{font-size: 1.4em; font-weight: bold; color: #333; width: 100%; text-align: center;}
.about_section_2 .item_wrap .item_container .item_box .bar{width: 50px; height: 4px; background-color: #333; margin-top: 8%; margin-bottom: 8%;}
.about_section_2 .item_wrap .item_container .item_box .content_box{width: 100%; display: flex; margin-bottom: 5%;}
.about_section_2 .item_wrap .item_container .item_box .content_box:last-child{margin-bottom: 0;}
.about_section_2 .item_wrap .item_container .item_box .content_box .dot_wrap{flex: 0 0 auto; margin-right: 10px;}
.about_section_2 .item_wrap .item_container .item_box .content_box .dot_wrap .dot{width: 8px; height: 8px; background-color: #333; margin-top: 0.5em; border-radius: 50%;}
.about_section_2 .item_wrap .item_container .item_box .content_box .ctt{font-size: 1.1em; color: #333; line-height: 1.4; font-weight: bold;}

.about_section_3{width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url('/images/about/about_bottom_back.jpg'); height: 100vh; display: flex; justify-content: center; padding-top: 5%; padding-bottom: 5%;}
.about_section_3 .item_wrap{width: 1200px; display: flex; flex-direction: column;}
.about_section_3 .item_wrap .title{font-size: 3em; font-weight: bold; color: #fff; line-height: 1.6; margin-bottom: 3%;}
.about_section_3 .item_wrap .ctt{font-size: 2em; font-weight: bold; color: #fff; line-height: 1.6;}
.about_section_3 .cover{width: 100%; position: absolute; left: 0; top: 0; height: 100%; background-color: rgba(0, 0, 0, 0.5);}

.business_header{width: 100%; display: flex; justify-content: center;}
.business_header .item_wrap{width: 1200px; display: flex; }
.business_header .item_wrap a{flex: 1; display: flex; justify-content: center; align-items: center; text-decoration: none; color: #333; font-size: 1.6em; padding-top: 2%; padding-bottom: 2%; transition: 0.5s;}
.business_header .item_wrap a:hover{font-weight: bold; color: #395E8F;}
.business_header .item_wrap a.active{font-weight: bold; color: #395E8F;}
.detail_section{width: 100%; display: flex; justify-content: center;}
.detail_section .item_wrap{width: 1200px; display: flex;  flex-direction: column;}

footer{width: 100%; background-color: #333; display: flex; justify-content: center; padding-top: 2%; padding-bottom: 2%;}
footer .footer_wrap{width: 1200px; display: flex; justify-content: space-between; align-items: center; column-gap: 2%;}
footer .footer_wrap .info_wrap{display: flex; flex-direction: column;}
footer .footer_wrap .info_wrap .title{color: #fff; font-weight: bold; line-height: 1.6; font-size: 1.2em;}
footer .footer_wrap .info_wrap .sub_text{color: rgba(255, 255, 255, 0.8); font-size: 1em; line-height: 1.6;}
footer .footer_wrap .logo_wrap{ width: 180px;}

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

@media screen and (max-width: 800px) {
	
	header .header_wrap .logo_wrap{width: 200px;}
	header .header_wrap .menu_wrap{column-gap: 5%;}
	header .header_wrap .menu_wrap a{font-size: 1.4em;}

	.main_top_section .main_cover .item_wrap{width: 88%; justify-content: flex-start; padding-top: 35%;}
	.main_top_section .main_cover .main_icon{width: 40%; bottom: 10%; top:unset;}
	.main_top_section .main_cover .item_wrap .business_btn{font-size: 1.4em;}
}