@charset "utf-8";

/* font-family: 'Nanum Myeongjo', serif; */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

body { margin: 0; }


/* 내용관리 */
#ctt {margin:auto;padding:0px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
li, ul { list-style: none; }
p, h1, h2, h3 { margin: 0; }

.qna_wrap { width: 1204px; margin: auto; }
.qna_wrap h2 {  float: left; font-size: 38px; color: #4a4a4a; font-weight: 500; letter-spacing: -5px;   }
.qna_wrap h2 span { font-weight: 900;    }
.qna_wrap p { text-align: center; color: #b79042; font-size: 19px; margin:20px auto 50px;}


.qna_q1 { height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto; cursor: pointer;   }
.qna_q1 h1 { color: #b79042;  } 
.qna_a1 { display: block; border-bottom: 1px solid #7f7f7f; padding-bottom:80px;}
.toggle_btn1 { float: right;  margin-top: 5px; cursor: pointer;}


.qna_q2 {   height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto;   cursor: pointer;}
.qna_a2 { width: 100%;  border-bottom: 1px solid #7f7f7f;  padding-bottom:20px;}
.toggle_btn2 { float: right;  margin-top: 5px; cursor: pointer;}
.qna_a2 iframe {padding-top:20px; width: 1204px; height: 650px; }

.qna_q3 { height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto; cursor: pointer;   }
.qna_a3 {  border-bottom: 1px solid #7f7f7f;  padding-bottom:80px;}
.toggle_btn3 { float: right;  margin-top: 5px; cursor: pointer;}

.qna_q4 { height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto;    cursor: pointer;}
.qna_a4 { border-bottom: 1px solid #7f7f7f;  padding-bottom:80px;}
.toggle_btn4 { float: right;  margin-top: 5px; cursor: pointer;}

.qna_q5 { height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto;     cursor: pointer;}
.qna_a5 {  border-bottom: 1px solid #7f7f7f; padding-bottom:80px;}
.toggle_btn5 { float: right;  margin-top: 5px; cursor: pointer;}

.qna_q6 { height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto;     cursor: pointer;}
.qna_a6 { border-bottom: 1px solid #7f7f7f;  padding-bottom:80px;}
.toggle_btn6 { float: right;  margin-top: 5px; cursor: pointer;}
.qna_a6 iframe { width: 1204px; height: 650px; }


.qna_q7 { height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto; cursor: pointer;   }
.qna_a7 {  border-bottom: 1px solid #7f7f7f; padding-bottom:80px;}
.toggle_btn7 { float: right;  margin-top: 5px; cursor: pointer;}



.qna_q8 { height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto; cursor: pointer;   }
.qna_a8 { border-bottom: 1px solid #7f7f7f;  padding-bottom:80px;}
.toggle_btn8 { float: right;  margin-top: 5px; cursor: pointer;}



.qna_q9 { height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto;     cursor: pointer;}
.qna_a9 { border-bottom: 1px solid #7f7f7f;  padding-bottom:80px;}
.toggle_btn9 { float: right;  margin-top: 5px; cursor: pointer;}

.qna_q10 { height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto;    cursor: pointer;}
.qna_a10 { border-bottom: 1px solid #7f7f7f;  padding-bottom:80px;}
.toggle_btn10 { float: right;  margin-top: 5px; cursor: pointer;}

.qna_q11 { height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto;    cursor: pointer;}
.qna_a11 { border-bottom: 1px solid #7f7f7f;  padding-bottom:80px;}
.toggle_btn11 { float: right;  margin-top: 5px; cursor: pointer;}





/*0202*/
.gallery_wrap { width: 1204px; margin: auto; }
.gallery_wrap .gal-banner { margin-bottom: 30px; }

.gallery_wrap h1 { float: left; font-size: 38px;color: #171c91; font-weight: 500; letter-spacing: -5px;     }
.gallery_wrap h1 span { font-weight: 900;    }
.gallery_wrap p { text-align: center; color: #b79042; font-size: 19px; margin:20px auto 50px;}


.gallery_wrap .gallery_q1 { height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto; cursor: pointer; }
.gallery_wrap .gallery_a1 { display: block; border-bottom: 1px solid #7f7f7f; padding-bottom:80px;}
.gallery_wrap .toggle_btn1 { float: right;  margin-top: 5px; cursor: pointer;}


.gallery_wrap .gallery_q2 { height: 57px; border-bottom: 1px solid #e9e8e7; margin: 37px auto;   cursor: pointer; }
.gallery_wrap .gallery_a2 { width: 100%;  border-bottom: 1px solid #7f7f7f;  padding-bottom:20px; margin-bottom: 95px;}
.gallery_wrap .toggle_btn2 { float: right;  margin-top: 5px; cursor: pointer;}


.gallery_1125{  padding-top: 86px; width:100%; overflow: hidden;}
.gallery_1125 .in{ width: 1204px; margin: auto;  }
.gallery_1125 h1{ font-size: 40px; color: #fff; font-weight: bold; letter-spacing: -2px; text-align: center; line-height:100%; padding: 15px 25px; background: #C7C7C7; cursor: pointer; }
.gallery_1125 h1.active { background: #009ACE; }
.gallery_1125 h1 span { font-weight:300; font-size:18px; letter-spacing: 0px; display:block;}
.gallery_1125 .img {margin:60px 0 40px;}

.gallery_1125 h2{font-size: 30px; color: #333; font-weight: 500; letter-spacing: -2px; text-align: left; padding: 90px 0 20px}
.gallery_1125 .thumb_ctn{width:100%; padding: 35px; background:#fff; display: inline-block; }
.gallery_1125 .thumb_ctn:last-child{margin:0;}
.gallery_1125 .thumb_ctn .text{overflow: hidden; margin: 0 0 40px; width:100%;}
.gallery_1125 .thumb_ctn .text p{font-size: 20px; color: #009ace; font-weight: 500; letter-spacing: -2px; float:left;}
.gallery_1125 .thumb_ctn .text p:nth-child(2n){float:right}



.gallery_1125 .in .in-btn { display: flex; justify-content: space-evenly; align-items: center; }

/*img*/
.img_left {float:left; width:48%; /* position: relative; overflow: hidden;*/}
.img_right {float:right; width:48%;}

.zoom_img  { position: relative; }
.zoom_img div { display: none;  width:100%; position: absolute; left: 0; top: 0; }
.zoom_img div:first-child { display: block; }
.zoom_img div img { width: 100%; }

#img_left,
#img_right{width:100%;}
.zoom_img {text-align:center; margin-bottom:15px; width: 100%; height:auto; background:#f5f5f5; margin-bottom: 30px; }
.thumb{text-align: center;  flex: 100%; margin-top: 440px;}
.thumb li{ display: inline-block; width: 29%;   cursor:pointer; margin-bottom:30px;}
.thumb li:nth-child(2),
.thumb li:nth-child(5){margin:0 30px;}
.thumb li div{ background:#fff; margin-bottom:30px; border-radius:10px; border:10px solid #f5f5f5; box-shadow: 2px 2px 3px #ddd;}
.thumb li div img{  width:100%;}
.thumb .thumb_img.on,
.thumb .thumb_img1.on{ border:10px solid #d6f5fc; }


/*x-rey*/
.gallery_1125 .x_rey_ctn{width:100%; padding: 35px; background:#fff; }
.gallery_1125 .x_rey_ctn:last-child{margin:0;}
.gallery_1125 .x_rey_ctn .x_rey_text{overflow: hidden; margin: 0 0 40px; width:100%;}
.gallery_1125 .x_rey_ctn .x_rey_text p{font-size: 20px; color: #009ace; font-weight: 500; letter-spacing: -2px; float:left;}
.gallery_1125 .x_rey_ctn .x_rey_text p:nth-child(2n){float:right}

#x_rey {text-align:center; margin-bottom:15px; width: 1142px; height:auto; background:#fff; margin-bottom: 30px; }
.x_rey_thumb {overflow:hidden; text-align: center;}
.x_rey_thumb li {width:300px;  display:inline-block;  background:#fff; margin-bottom:30px; border-radius:10px; border:10px solid #f5f5f5; box-shadow: 2px 2px 3px #ddd;}
.x_rey_thumb li:nth-child(2n){margin:0 30px;} 
.x_rey_thumb li a {overflow:hidden; display:block;}
.x_rey_thumb li a img {width:100%;}
.x_rey_thumb li.on1 {border:10px solid #d6f5fc; width:300px;}


/*vod*/
.video{ background:#fff; padding-top:0px; margin-top: 80px; width:100%;}
.video .in{ width: 1204px; margin: auto; padding-bottom:80px; }

 #zoom_video {text-align:center; margin-bottom:15px; width: 1204px;  margin-bottom: 30px; }

#player { width:1204px; margin-bottom:64px; }
#player_screen { position:relative; width:1204px; height:680px; }
#player_screen .top_img { width:1204px; height:680px; position:absolute; top:0px; left:0px; cursor: pointer;     background:#e5e5e5; z-index:9;}


#list{overflow:hidden; text-align: center;}
li.movs { width:284px; height:158px; display:inline-block;  background:#fff; border-radius:10px; border:10px solid #f5f5f5; box-shadow: 2px 2px 3px #ddd; cursor:pointer;}
li.movs:nth-child(2n){margin:0 30px;} 
li.movs div { margin:0; padding:0;}
li.movs div a {overflow:hidden;}
li.movs div a,
li.movs div img{width:264px; display:block;}


.gallery_1125 .banner{width:100%; height:200px; 
    background: url(/theme/basic_mong/img/0202_banner.jpg) center no-repeat ,   linear-gradient(to right, rgba(234, 245, 253, 1),  rgba(0, 94, 172, 1));
    background-size: cover;
}
.gallery_1125 .banner a{display:block; height: 200px;}






/* 0901 둘러보기 */

.see-0901 .swiper { width: 100%; height: 100%; }
.see-0901 .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
.see-0901 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.see-0901 .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
.see-0901 .swiper-slide { background-size: cover; background-position: center; }
.see-0901 .mySwiper2 { height: 500px; width: 1062px; }
.see-0901 .mySwiper { height: 130px; box-sizing: border-box; margin: 0 auto; margin-top: 15px; width: 1062px; }
.see-0901 .mySwiper .swiper-slide { width: 20%; height: 100%; opacity: 0.4; }
.see-0901 .mySwiper .swiper-slide-thumb-active { opacity: 1; }
.see-0901 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.see-0901 .swiper-button-next:after, .see-0901 .swiper-button-prev:after { color: #006bb9!important; }



/* 1001 */
.item-1001-video { position: absolute; left: 781px; top: 180px; width: 100%; }
.item-1001-video > iframe { width: 834px; height: 474px; }
.item-1001-wrap { width: 1200px; margin: 0 auto; margin-top: 80px; }
.item-1001-wrap > div:first-child { display: flex; justify-content: flex-end; align-items: center; }
.item-1001-wrap > div:first-child > img:first-child { margin-right: 11px; }
.item-1001-wrap > .title { margin: 60px 0 50px 0; }
.item-1001-wrap > div > span { font-size: 18px; font-weight: 400; font-family: 'Nanum Myeongjo', serif!important; letter-spacing: -0.02em; line-height: 190%; }
.item-1001-wrap > div > span > span { font-weight: 800; font-family: 'Nanum Myeongjo', serif; }
.item-1001-wrap > div > ul { display: flex; justify-content: flex-end; align-items: center; margin: 0; padding: 0; }
.item-1001-wrap > div > ul > li { text-align: right; }
.item-1001-wrap > div > ul > li:first-child { margin-right: 15px; }
.item-1001-wrap > div > ul > li > span { font-size: 15px; font-weight: 400; font-family: 'Nanum Myeongjo', serif; letter-spacing: -0.02em; line-height: 180%; }
.item-1001-wrap > .sign-box { margin-bottom: 80px; }
.item-1001-wrap > div:last-child { text-align: center; }



.m-br { display: none; }

.one { display: none; }
.se { display: block; }


.video .dis-flex { display: flex; justify-content: center; margin-top: 30px; }

.treatment-wrap { background: #f2f2f2; padding: 100px 0;  }
.treatment-wrap * {
    box-sizing: border-box;
}

.treatment-wrap > .inner { width: 960px; margin: 0 auto; }




.treatment-wrap > .inner .text-click-wrap { position: relative; margin-bottom: 80px; }
.treatment-wrap > .inner .text-click-wrap .main-title { padding: 26px 20px; border-bottom: 1px solid #959595; display: flex; align-items: center; justify-content: space-between; margin: 0; cursor: pointer; }
.treatment-wrap > .inner .text-click-wrap .main-title > span { font-size: 30px; font-weight: 700; }
.treatment-wrap > .inner .text-click-wrap .main-title > img { transition: transform 0.3s ease; }
.treatment-wrap > .inner .text-click-wrap .main-title > img.rotate { transform: rotate(180deg); }
.treatment-wrap > .inner .text-click-wrap > div { position: absolute; left: 0; top: 92px; width: 100%; display: none; z-index: 2; height: 597px; overflow-y: auto; box-shadow: 0px 7px 9px rgba(0,0,0,0.3); }
.treatment-wrap > .inner .text-click-wrap > div > .title { padding: 26px 20px; border-bottom: 1px solid #d4d4d4; background: #fff; margin: 0; cursor: pointer; }
.treatment-wrap > .inner .text-click-wrap > div > .title > span { font-size: 30px; font-weight: 400; }


.treatment-wrap > .inner .main-item-wrap { width: 100%; }
.treatment-wrap > .inner .main-item-wrap > .img-box { width: 100%; }
.treatment-wrap > .inner .main-item-wrap > .img-box > img { width: 100%; }

.treatment-wrap > .inner .main-item-wrap > .text-wrap { margin-bottom: 30px; }
.treatment-wrap > .inner .main-item-wrap > .text-wrap.mt-100 { margin-top: 100px; }
.treatment-wrap > .inner .main-item-wrap > .text-wrap > .title { font-size: 34px; font-weight: 500; color: #222; }

.treatment-wrap > .inner .main-item-wrap > .bg-white { width: 100%; background: #fff; padding: 40px 26px; }
.treatment-wrap > .inner .main-item-wrap > .bg-white > .head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.treatment-wrap > .inner .main-item-wrap > .bg-white > .head .title { font-size: 20px; font-weight: 700; padding: 0; margin: 0; }

.treatment-wrap > .inner .main-item-wrap > .bg-white > .big-bete-box { display: flex; justify-content: space-between; margin-bottom: 40px; }
.treatment-wrap > .inner .main-item-wrap > .bg-white > .big-bete-box > .img-box { width: 442px; height: 297px; position: relative; }
.treatment-wrap > .inner .main-item-wrap > .bg-white > .big-bete-box > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.treatment-wrap > .inner .main-item-wrap > .bg-white > .small-bete-box { display: flex; justify-content: space-between; }
.treatment-wrap > .inner .main-item-wrap > .bg-white > .small-bete-box > div { width: 442px; }
.treatment-wrap > .inner .main-item-wrap > .bg-white > .small-bete-box > div > div { display: flex; justify-content: space-between; }
.treatment-wrap > .inner .main-item-wrap > .bg-white > .small-bete-box > div > div.two { margin-bottom: 14px; }
.treatment-wrap > .inner .main-item-wrap > .bg-white > .small-bete-box > div > div > .img-box { width: 136px; height: 92px; position: relative; cursor: pointer; }
.treatment-wrap > .inner .main-item-wrap > .bg-white > .small-bete-box > div > div > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.treatment-wrap > .inner .main-item-wrap > .bg-white > .b-small-bete-box { display: flex; justify-content: space-between; }
.treatment-wrap > .inner .main-item-wrap > .bg-white > .b-small-bete-box > div { width: 442px; display: flex; justify-content: space-between; }
.treatment-wrap > .inner .main-item-wrap > .bg-white > .b-small-bete-box > div > .img-box { width: 215px; height: 144px; position: relative; cursor: pointer; }
.treatment-wrap > .inner .main-item-wrap > .bg-white > .b-small-bete-box > div > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }



.main-item-wrap {
    display: none; /* 초기에는 모두 숨김 */
}


.dg_video2, .dg_video3 { display: none; }


.content-wrap.mt-150 { margin-top: 150px; }

.content-inner { width: 960px; margin: 0 auto; }
.content-inner.w100 { width: 100%; }
.content-inner > .img-box { width: 100%; display: block; }
.content-inner > .img-box > img { width: 100%; }

.content-inner > .text-wrap { margin-bottom: 30px; }
.content-inner > .text-wrap .title { font-size: 35px; font-weight: 600; color: #000; }

.content-inner > .sub-slide-0202 { width: 100%; position: relative; }
.content-inner > .sub-slide-0202 .swiper-slide { width: 100%; display: flex; flex-wrap: wrap; }
.content-inner > .sub-slide-0202 .swiper-slide > a { width: 286px; display: block; position: relative; margin-right: 50px; margin-top: 40px; }
.content-inner > .sub-slide-0202 .swiper-slide > a:nth-child(1),
.content-inner > .sub-slide-0202 .swiper-slide > a:nth-child(2),
.content-inner > .sub-slide-0202 .swiper-slide > a:nth-child(3) { margin-top: 0; }
.content-inner > .sub-slide-0202 .swiper-slide > a:nth-child(3n) { margin-right: 0; }
.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box { width: 100%; height: 216px; position: relative; overflow: hidden; }
.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box > .num { position: absolute; right: 0; bottom: 0; z-index: 3; font-size: 28px; font-weight: 400; color: #fff; background: #4399CA; width: 57px; height: 57px; display: flex; align-items: center; justify-content: center; }
.content-inner > .sub-slide-0202 .swiper-slide > a:nth-child(2) > .img-box > .num,
.content-inner > .sub-slide-0202 .swiper-slide > a:nth-child(5) > .img-box > .num,
.content-inner > .sub-slide-0202 .swiper-slide > a:nth-child(8) > .img-box > .num,
.content-inner > .sub-slide-0202 .swiper-slide > a:nth-child(11) > .img-box > .num { background: #377D22; }

.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box:hover > .bg { bottom: 0; }

.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box > .bg::-webkit-scrollbar {
    display: none;
}

.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box > .bg {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}


.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box > .bg { background: rgba(0,0,0,0.3); position: absolute; left: 0; bottom: -100%; z-index: 2; padding: 30px 18px; overflow-y: auto; width: 100%; height: 100%; -ms-overflow-style: none; scrollbar-width: none; transition: bottom 0.3s ease-in; }
.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box > .bg .title { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 10px; }
.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box > .bg .flex { display: flex; }
.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box > .bg .desc-box.mr-4 { margin-right: 4px; }
.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box > .bg .desc-box ul { display: flex; margin-bottom: 2px; }
.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box > .bg .desc-box ul li { font-size: 12px; font-weight: 400; color: #fff; }
.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box > .bg .desc-box ul li:first-child { margin-right: 2px; flex: none; font-size: 10px; line-height: 210%; }
.content-inner > .sub-slide-0202 .swiper-slide > a > .img-box > .bg .desc { font-size: 13px; font-weight: 600; color: #FFD979; margin-top: 19px; }


.content-inner > .sub-slide-0202 .swiper-slide > a > .text-box { margin-top: 12px; display: flex; align-items: center; }
.content-inner > .sub-slide-0202 .swiper-slide > a > .text-box span { color: #000; font-size: 15px; font-weight: 400; margin-left: 12px; }


.content-inner > .sub-slide-0202 .swiper-pagination { position: relative; margin: 0 auto; padding: 0; margin-top: 50px; left: 0; right: 0; top: 0; bottom: 0; }


/* 0301 */
.sec-0301-1 { position: relative; width: 1200px; margin: 0 auto; }
.sec-0301-1 .text-wrap-1 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 1115px; opacity: 1; text-align: center; background: #fff; }
.sec-0301-1 .text-wrap-1 .sub-title { font-size: 47px; font-weight: 600; letter-spacing: -0.06em; margin: 0; }
.sec-0301-1 .text-wrap-1 .sub-title span { color: #2C6BB3; }
.sec-0301-1 .text-wrap-1 .brand-en { font-size: 17px; margin-top: 11px; letter-spacing: 0.4em; font-weight: 400; color: #D7E9F7; }
.sec-0301-1 .text-wrap-1 .line { width: 44px; height: 3px; background: #357eba; margin: 0 auto; margin-top: 43px; }

/*2*/
.sec-0301-2 { position: relative; width: 1200px; margin: 0 auto; }
.sec-0301-2 .text-wrap-1 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 270px; opacity: 1; text-align: center; background: #C4D2DD; }
.sec-0301-2 .text-wrap-1 .sub-title { font-size: 47px; font-weight: 300; letter-spacing: -0.06em; margin: 0; }
.sec-0301-2 .text-wrap-1 .sub-title span { color: #30A7FF; font-weight: 600; }

.sec-0301-2 .title-box-1 { position: absolute; left: 133px; top: 412px; opacity: 1; text-align: center; background: #C4D2DD; }
.sec-0301-2 .title-box-1 .sub-title { font-size: 40px; font-weight: 400; margin: 0; line-height: 140%; }

.sec-0301-2 .desc-box-1 { position: absolute; right: 33px; top: 469px; opacity: 1; text-align: left; background: #C4D2DD; padding: 0 20px; }
.sec-0301-2 .desc-box-1 .desc { font-size: 22px; font-weight: 400; margin: 0; }

.sec-0301-2 .title-box-2 { position: absolute; left: 133px; top: 973px; opacity: 1; text-align: center; background: #C4D2DD; }
.sec-0301-2 .title-box-2 .sub-title { font-size: 40px; font-weight: 400; margin: 0; line-height: 140%; }

.sec-0301-2 .desc-box-2 { position: absolute; right: 33px; top: 1026px; opacity: 1; text-align: left; background: #C4D2DD; padding: 0 20px; }
.sec-0301-2 .desc-box-2 .desc { font-size: 22px; font-weight: 400; margin: 0; line-height: 150%; }

.sec-0301-2 .title-box-3 { position: absolute; left: 133px; top: 1541px; opacity: 1; text-align: center; background: #C4D2DD; }
.sec-0301-2 .title-box-3 .sub-title { font-size: 40px; font-weight: 400; margin: 0; line-height: 140%; }

.sec-0301-2 .desc-box-3 { position: absolute; right: 4px; top: 1602px; opacity: 1; text-align: left; background: #C4D2DD; padding: 0 20px; }
.sec-0301-2 .desc-box-3 .desc { font-size: 22px; font-weight: 400; margin: 0; line-height: 150%; }

.sec-0301-2 .title-box-4 { position: absolute; left: 133px; top: 2105px; opacity: 1; text-align: center; background: #C4D2DD; }
.sec-0301-2 .title-box-4 .sub-title { font-size: 40px; font-weight: 400; margin: 0; line-height: 140%; }

.sec-0301-2 .desc-box-4 { position: absolute; right: 1px; top: 2168px; opacity: 1; text-align: left; background: #C4D2DD; padding: 0 10px; }
.sec-0301-2 .desc-box-4 .desc { font-size: 22px; font-weight: 400; margin: 0; line-height: 150%; }

/*3*/
.sec-0301-3 { position: relative; width: 1200px; margin: 0 auto; }
.sec-0301-3 .text-wrap-1 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 193px; opacity: 1; text-align: center; background: #fff; }
.sec-0301-3 .text-wrap-1 .sub-title { font-size: 47px; font-weight: 600; letter-spacing: -0.06em; margin: 0; }
.sec-0301-3 .text-wrap-1 .sub-title span { color: #2C6BB3; }
.sec-0301-3 .text-wrap-1 .brand-en { font-size: 17px; margin-top: 11px; letter-spacing: 0.4em; font-weight: 400; color: #D7E9F7; }
.sec-0301-3 .text-wrap-1 .line { width: 44px; height: 3px; background: #357eba; margin: 0 auto; margin-top: 43px; }
.sec-0301-3 .text-wrap-1 .s-title { font-size: 50px; font-weight: 300; margin: 0; margin-top: 39px; }
.sec-0301-3 .text-wrap-1 .s-title span { color: #0393FF; }
.sec-0301-3 .text-wrap-1 .desc { font-size: 19px; font-weight: 300; margin: 0; margin-top: 29px; }
.sec-0301-3 .text-wrap-1 .desc span { color: #30A7FF; }

.sec-0301-3 .text-wrap-2 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 1135px; opacity: 1; text-align: center; background: #fff; }
.sec-0301-3 .text-wrap-2 .desc { font-size: 19px; font-weight: 300; margin: 0; }
.sec-0301-3 .text-wrap-2 .desc span { color: #30A7FF; }

.sec-0301-3 .text-wrap-3 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 1252px; opacity: 1; text-align: center; background: #fff; }
.sec-0301-3 .text-wrap-3 .sub-title { font-size: 35px; font-weight: 400; margin: 0; }
.sec-0301-3 .text-wrap-3 .flex-box { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; }
.sec-0301-3 .text-wrap-3 .flex-box .item { background: #575757; width: 295px; height: 295px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.sec-0301-3 .text-wrap-3 .flex-box .item .num { font-size: 18px; font-weight: 300; margin-bottom: 4px; }
.sec-0301-3 .text-wrap-3 .flex-box .item .title { color: #FFD491; font-size: 44px; font-weight: 300; line-height: 100%; }
.sec-0301-3 .text-wrap-3 .flex-box .item .line { width: 50px; height: 3px; background: #fff; margin: 30px 0; }
.sec-0301-3 .text-wrap-3 .flex-box .item .desc { font-size: 18px; font-weight: 300; }

.sec-0301-3 .text-wrap-4 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 1819px; opacity: 1; text-align: center; background: #fff; }
.sec-0301-3 .text-wrap-4 .sub-title { font-size: 40px; font-weight: 300; }
.sec-0301-3 .text-wrap-4 .sub-title span.blue { color: #016BB9; margin-right: 12px; }
.sec-0301-3 .text-wrap-4 .desc { font-size: 19px; font-weight: 300; margin-top: 26px; }
.sec-0301-3 .text-wrap-4 .desc span { color: #30A7FF; }

.sec-0301-4 { position: relative; width: 1200px; margin: 0 auto; }
.sec-0301-4 .text-wrap-1 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 29px; opacity: 1; text-align: center; background: #fff; }
.sec-0301-4 .text-wrap-1 .sub-title { font-size: 40px; font-weight: 300; }
.sec-0301-4 .text-wrap-1 .sub-title span.blue { color: #016BB9; margin-right: 12px; }
.sec-0301-4 .text-wrap-1 .desc { font-size: 19px; font-weight: 300; margin-top: 26px; }
.sec-0301-4 .text-wrap-1 .desc span { color: #30A7FF; }

.sec-0301-4 .text-wrap-2 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 779px; opacity: 1; text-align: center; background: #fff; }
.sec-0301-4 .text-wrap-2 .sub-title { font-size: 40px; font-weight: 300; }
.sec-0301-4 .text-wrap-2 .sub-title span.blue { color: #016BB9; margin-right: 12px; }
.sec-0301-4 .text-wrap-2 .desc { font-size: 19px; font-weight: 300; margin-top: 26px; }
.sec-0301-4 .text-wrap-2 .desc span { color: #30A7FF; }

.sec-0301-5 { position: relative; width: 1200px; margin: 0 auto; }
.sec-0301-5 .text-wrap-1 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 29px; opacity: 1; text-align: center; background: #fff; }
.sec-0301-5 .text-wrap-1 .sub-title { font-size: 40px; font-weight: 300; }
.sec-0301-5 .text-wrap-1 .sub-title span.blue { color: #016BB9; margin-right: 12px; }
.sec-0301-5 .text-wrap-1 .desc { font-size: 19px; font-weight: 300; margin-top: 26px; }
.sec-0301-5 .text-wrap-1 .desc span { color: #30A7FF; }

.sec-0301-5 .text-wrap-2 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 122px; opacity: 1; text-align: center; background: #fff; display: flex; text-align: left; }
.sec-0301-5 .text-wrap-2 > div { width: 50%; }
.sec-0301-5 .text-wrap-2 > div.right { margin-left: 12px; }
.sec-0301-5 .text-wrap-2 .desc { font-size: 26px; font-weight: 300; }


/* 0401 */
.sec-0401-1 { position: relative; width: 1200px; margin: 0 auto; }
.sec-0401-1 .text-wrap-1 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 122px; opacity: 1; text-align: center; background: #fff; }
.sec-0401-1 .text-wrap-1 .sub-title { display: inline-block; font-size: 30px; font-weight: 300; color: #fff; background: #6B5941; padding: 12px 22px; }
.sec-0401-1 .text-wrap-1 .title { font-size: 42px; color: #6C5941; font-weight: 300; margin-top: 50px; }
.sec-0401-1 .text-wrap-1 .desc { font-size: 19px; font-weight: 300; margin-top: 5px; }
.sec-0401-1 .text-wrap-1 .desc.mt-20 { margin-top: 20px; }
.sec-0401-1 .text-wrap-1 .desc span { color: #C49458; }

.sec-0401-1 .text-wrap-2 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 61px; opacity: 1; text-align: center; background: #fff; }
.sec-0401-1 .text-wrap-2 .desc { font-size: 19px; font-weight: 300; }
.sec-0401-1 .text-wrap-2 .desc.mt-20 { margin-top: 3px; }
.sec-0401-1 .text-wrap-2 .desc span { color: #C49458; }
.sec-0401-1 .text-wrap-2 .desc span.red { color: #8B291F; }
.sec-0401-1 .text-wrap-2 .desc span.blue { color: #1D37B3; }
.sec-0401-1 .text-wrap-2 .desc span.green { color: #2F663D; }

.sec-0401-2 { position: relative; width: 1200px; margin: 0 auto; }
.sec-0401-2 .text-wrap-1 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 60px; opacity: 1; text-align: center; background: #fff; }
.sec-0401-2 .text-wrap-1 .sub-title { display: inline-block; font-size: 30px; font-weight: 300; color: #fff; background: #6B5941; padding: 12px 22px; }
.sec-0401-2 .text-wrap-1 .title { font-size: 42px; color: #6C5941; font-weight: 300; margin-top: 50px; }
.sec-0401-2 .text-wrap-1 .desc { font-size: 19px; font-weight: 300; margin-top: 5px; }
.sec-0401-2 .text-wrap-1 .desc.mt-20 { margin-top: 20px; }
.sec-0401-2 .text-wrap-1 .desc span { color: #C49458; }

.sec-0401-2 .text-wrap-2 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 840px; opacity: 1; text-align: center; background: #fff; }
.sec-0401-2 .text-wrap-2 .sub-title { display: inline-block; font-size: 30px; font-weight: 300; color: #fff; background: #6B5941; padding: 12px 22px; }
.sec-0401-2 .text-wrap-2 .title { font-size: 42px; color: #6C5941; font-weight: 300; margin-top: 50px; }
.sec-0401-2 .text-wrap-2 .desc { font-size: 19px; font-weight: 300; margin-top: 5px; }
.sec-0401-2 .text-wrap-2 .desc.mt-20 { margin-top: 20px; }
.sec-0401-2 .text-wrap-2 .desc span { color: #C49458; }



.sec-0401-3 { position: relative; width: 1200px; margin: 0 auto; }
.sec-0401-3 .text-wrap-1 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 60px; opacity: 1; text-align: center; background: #fff; }
.sec-0401-3 .text-wrap-1 .sub-title { display: inline-block; font-size: 30px; font-weight: 300; color: #fff; background: #6B5941; padding: 12px 22px; }
.sec-0401-3 .text-wrap-1 .title { font-size: 42px; color: #6C5941; font-weight: 300; margin-top: 50px; }
.sec-0401-3 .text-wrap-1 .desc { font-size: 19px; font-weight: 300; margin-top: 5px; }
.sec-0401-3 .text-wrap-1 .desc.mt-20 { margin-top: 20px; }
.sec-0401-3 .text-wrap-1 .desc span { color: #C49458; }

.sec-0401-3 .text-wrap-2 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 1030px; opacity: 1; text-align: center; background: #fff; }
.sec-0401-3 .text-wrap-2 .sub-title { display: inline-block; font-size: 30px; font-weight: 300; color: #fff; background: #6B5941; padding: 12px 22px; }
.sec-0401-3 .text-wrap-2 .title { font-size: 42px; color: #6C5941; font-weight: 300; margin-top: 50px; }
.sec-0401-3 .text-wrap-2 .desc { font-size: 19px; font-weight: 300; margin-top: 5px; }
.sec-0401-3 .text-wrap-2 .desc.mt-20 { margin-top: 20px; }
.sec-0401-3 .text-wrap-2 .desc span { color: #C49458; }

.sec-0401-4 { position: relative; width: 1200px; margin: 0 auto; }
.sec-0401-4 .text-wrap-1 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 79px; opacity: 1; text-align: center; background: #fff; }
.sec-0401-4 .text-wrap-1 .sub-title { display: inline-block; font-size: 30px; font-weight: 300; color: #fff; background: #6B5941; padding: 12px 22px; }
.sec-0401-4 .text-wrap-1 .title { font-size: 42px; color: #6C5941; font-weight: 300; margin-top: 50px; }
.sec-0401-4 .text-wrap-1 .desc { font-size: 19px; font-weight: 300; margin-top: 5px; }
.sec-0401-4 .text-wrap-1 .desc.mt-20 { margin-top: 20px; }
.sec-0401-4 .text-wrap-1 .desc span { color: #C49458; }


/* 0301 */
.sec-0501-1 { position: relative; width: 1200px; margin: 0 auto; }
.sec-0501-1 .text-wrap-1 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 222px; opacity: 1; text-align: center; background: #fff; }
.sec-0501-1 .text-wrap-1 .sub-title { font-size: 47px; font-weight: 600; letter-spacing: -0.06em; margin: 0; color: #2C6BB3; }
.sec-0501-1 .text-wrap-1 .brand { font-size: 24px; margin-top: 5px; font-weight: 400; color: #30A7FF; }
.sec-0501-1 .text-wrap-1 .line { width: 44px; height: 3px; background: #357eba; margin: 0 auto; margin-top: 37px; }

.sec-0501-1 .flex-box { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 870px; opacity: 1; display: flex; background: #fff; text-align: left; }
.sec-0501-1 .flex-box > div { width: 50%; }
.sec-0501-1 .flex-box > div.right { margin-left: 34px; }
.sec-0501-1 .flex-box .sub-title { font-size: 28px; font-weight: 400; }
.sec-0501-1 .flex-box .desc { font-size: 18px; font-weight: 300; margin-top: 16px; }

.sec-0501-1 .flex-box-2 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 1516px; opacity: 1; display: flex; background: #fff; text-align: left; }
.sec-0501-1 .flex-box-2 > div { width: 50%; }
.sec-0501-1 .flex-box-2 > div.right { margin-left: 34px; }
.sec-0501-1 .flex-box-2 .sub-title { font-size: 28px; font-weight: 400; }
.sec-0501-1 .flex-box-2 .desc { font-size: 18px; font-weight: 300; margin-top: 16px; }

.sec-0501-1 .title-box-1 { width: 100%; height: 180px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 83px; opacity: 1; background: #fff; }
.sec-0501-1 .title-box-1 .sub-title { display: inline-block; font-size: 44px; font-weight: 400; padding: 17px 0; border-top: 1px solid #0393FF; border-bottom: 1px solid #0393FF; color: #0393FF; }


.sec-0501-2 { position: relative; width: 1200px; margin: 0 auto; }
.sec-0501-2 .text-wrap-1 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 188px; opacity: 1; text-align: center; background: #fff; }
.sec-0501-2 .text-wrap-1 .sub-title { font-size: 47px; font-weight: 600; letter-spacing: -0.06em; margin: 0; color: #2C6BB3; }
.sec-0501-2 .text-wrap-1 .brand { font-size: 24px; margin-top: 5px; font-weight: 400; color: #30A7FF; }
.sec-0501-2 .text-wrap-1 .line { width: 44px; height: 3px; background: #357eba; margin: 0 auto; margin-top: 37px; }
.sec-0501-2 .text-wrap-1 .desc { font-size: 19px; font-weight: 300; margin-top: 40px; }
.sec-0501-2 .text-wrap-1 .desc span { color: #30A7FF; }

.sec-0501-2 .flex-box { display: flex; justify-content: space-between; width: 100%; left: 50%; transform: translateX(-50%); position: absolute; opacity: 1; background: #fff; top: 770px; }
.sec-0501-2 .flex-box .item { width: 438px; text-align: center; }
.sec-0501-2 .flex-box .item .desc { font-size: 19px; font-weight: 300; }

.sec-0501-2 .text-wrap-2 { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 1040px; opacity: 1; text-align: center; background: #fff; }
.sec-0501-2 .text-wrap-2 .sub-title { font-size: 47px; font-weight: 600; letter-spacing: -0.06em; margin: 0; color: #2C6BB3; }
.sec-0501-2 .text-wrap-2 .brand { font-size: 24px; margin-top: 5px; font-weight: 400; color: #30A7FF; }
.sec-0501-2 .text-wrap-2 .line { width: 44px; height: 3px; background: #357eba; margin: 0 auto; margin-top: 37px; }
.sec-0501-2 .text-wrap-2 .desc { font-size: 19px; font-weight: 300; margin-top: 40px; }
.sec-0501-2 .text-wrap-2 .desc span { color: #30A7FF; }

.sec-0501-2 .flex-box-2 { display: flex; justify-content: space-between; width: 100%; left: 50%; transform: translateX(-50%); position: absolute; opacity: 1; background: #fff; top: 1750px; }
.sec-0501-2 .flex-box-2 .item { width: 438px; text-align: center; }
.sec-0501-2 .flex-box-2 .item .desc { font-size: 19px; font-weight: 300; }




.se-0201-1 { width: 100%; position: relative; }
.se-0201-1 .text-box-1 { position: absolute; left: 0; top: 20px; background: #fff; width: 100%; }
.se-0201-1 .text-box-1 .desc { font-size: 20px; font-weight: 400; margin: 0; text-align: left; color: #484848; }
.se-0201-1 .text-box-1 .desc span { color: #0097C6; }

.se-0201-1 .text-box-2 { position: absolute; left: 0; top: 527px; background: #fff; width: 100%; }
.se-0201-1 .text-box-2 > div { display: flex; justify-content: space-between; }
.se-0201-1 .text-box-2 > div .desc { width: 50%; text-align: center; font-size: 20px; font-weight: 400; margin: 0; }

.se-0201-1 .text-box-3 { position: absolute; left: 0; top: 1000px; background: #fff; width: 100%; }
.se-0201-1 .text-box-3 > div { display: flex; justify-content: space-between; }
.se-0201-1 .text-box-3 > div .desc { width: 50%; text-align: center; font-size: 20px; font-weight: 400; margin: 0; }

.se-0201-1 .text-box-4 { position: absolute; left: 0; width: 100%; bottom: 120px; background: #fff; }
.se-0201-1 .text-box-4 .desc { text-align: left; font-size: 20px; font-weight: 400; margin: 0; color: #484848; }
.se-0201-1 .text-box-4 .desc span { color: #0097C6; }

.se-0201-2 { width: 100%; position: relative; }
.se-0201-2 .text-box-1 { position: absolute; left: 0; top: -8px; background: #fff; width: 100%; }
.se-0201-2 .text-box-1 .desc { font-size: 20px; font-weight: 400; margin: 0; text-align: left; color: #484848; }
.se-0201-2 .text-box-1 .desc span { color: #0097C6; }


.se-0201-3 { width: 100%; position: relative; }
.se-0201-3 .text-box-1 { position: absolute; left: 0; top: 9px; background: #fff; width: 100%; }
.se-0201-3 .text-box-1 .desc { font-size: 20px; font-weight: 400; margin: 0; text-align: left; color: #484848; }
.se-0201-3 .text-box-1 .desc span { color: #0097C6; }
.se-0201-3 .text-box-1 .desc span.under { display: block; text-decoration: underline; padding-left: 15px; text-underline-offset: 6px; margin-top: 12px; }
.se-0201-3 .text-box-1 .desc span.under.mt-0 { margin-top: 0; }


.se-0201-4 { width: 100%; position: relative; }
.se-0201-4 .text-box-1 { position: absolute; left: 0; top: -14px; background: #fff; width: 100%; padding: 10px 0; }
.se-0201-4 .text-box-1 .desc { font-size: 20px; font-weight: 400; margin: 0; text-align: left; color: #484848; }
.se-0201-4 .text-box-1 .desc span { color: #0097C6; }

.se-0201-4 .text-box-2 { position: absolute; left: 0; bottom: 68px; background: #fff; width: 100%; padding: 10px 0; }
.se-0201-4 .text-box-2 .desc { font-size: 20px; font-weight: 400; margin: 0; text-align: left; color: #484848; }
.se-0201-4 .text-box-2 .desc span { color: #0097C6; }

.se-0201-5 { width: 100%; position: relative; }
.se-0201-5 .text-box-1 { position: absolute; left: 0; top: -11px; background: #fff; width: 100%; }
.se-0201-5 .text-box-1 .desc { font-size: 20px; font-weight: 400; margin: 0; text-align: left; color: #484848; }
.se-0201-5 .text-box-1 .desc span { color: #0097C6; }
.se-0201-5 .text-box-1 .desc span.under { display: block; text-decoration: underline; padding-left: 15px; text-underline-offset: 6px; margin-top: 12px; }
.se-0201-5 .text-box-1 .desc span.under.mt-0 { margin-top: 0; }


.se-0201-6 { width: 100%; position: relative; }
.se-0201-6 .text-box-1 { position: absolute; left: 0; top: 2px; background: #fff; width: 100%; }
.se-0201-6 .text-box-1 .desc { font-size: 20px; font-weight: 400; margin: 0; text-align: left; color: #484848; }
.se-0201-6 .text-box-1 .desc span { color: #0097C6; }
.se-0201-6 .text-box-2 { position: absolute; left: 0; top: 476px; background: #fff; width: 100%; }
.se-0201-6 .text-box-2 > div { display: flex; justify-content: space-between; }
.se-0201-6 .text-box-2 > div .desc { width: 50%; text-align: center; font-size: 20px; font-weight: 400; margin: 0; }


.se-0201-7 { width: 100%; position: relative; }
.se-0201-7 .text-box-1 { position: absolute; left: 0; top: 2px; background: #fff; width: 100%; }
.se-0201-7 .text-box-1 .desc { font-size: 20px; font-weight: 400; margin: 0; text-align: left; color: #484848; }

.se-0201-7 .text-box-2 { position: absolute; left: 0; bottom: 80px; background: #fff; width: 100%; }
.se-0201-7 .text-box-2 .desc { font-size: 20px; font-weight: 400; margin: 0; text-align: left; color: #484848; }
.se-0201-7 .text-box-2 .desc.mt-18 { margin-top: 20px; }
.se-0201-7 .text-box-2 .desc span { color: #0097C6; }


.se-0201-8 { width: 100%; position: relative; }
.se-0201-8 .text-box-1 { position: absolute; left: 0; top: 2px; background: #fff; width: 100%; }
.se-0201-8 .text-box-1 .desc { font-size: 20px; font-weight: 400; margin: 0; text-align: left; color: #484848; }
.se-0201-8 .text-box-1 .desc span { color: #0097C6; }

.se-0201-8 .text-box-2 { position: absolute; left: 0; bottom: 90px; background: #fff; width: 100%; }
.se-0201-8 .text-box-2 .desc { font-size: 20px; font-weight: 400; margin: 0; text-align: left; color: #484848; }
.se-0201-8 .text-box-2 .desc span { color: #0097C6; }