@charset "UTF-8";

:root{
  --transition-custom02: all 0.2s ease-in-out; 
	--transition-custom03: all 0.3s ease-in-out;
	--transition-custom08: all 0.8s ease-in-out;	
  --font-family-noto: 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;  
  --font-family-app: 'App Sans', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;  
}

.ellipsis1 { display: -webkit-box;	word-break: break-all;  overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;	}
.ellipsis2 { display: -webkit-box;	word-break: break-all;  overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;	}

.main .swiper_controll {display: flex; align-items: center; gap:0.25rem; position:relative; line-height: 1; }
.main .swiper_controll .swiper-pagination-bullet { margin:0; padding:0;}
.main .btn_autoPlay,
.main .swiper-button-prev,
.main .swiper-button-next,
.main .swiper-pagination {position:relative; right:initial; left:initial; top:initial; bottom:initial; margin:initial;  width:initial; height: initial;}
.main .btn_autoPlay,
.main .swiper-button-prev,
.main .swiper-button-next { width:1.875rem; height: 1.875rem; background: url(../images/main/main_swiper_arwL.png) no-repeat 50% 50%; background-size:1rem auto;}
.main .swiper-button-next {background-image: url(../images/main/main_swiper_arwR.png);}
.main .btn_autoPlay {background: url(../images/main/main_swiper_pause.png) no-repeat 50% 50%; background-size:1rem auto;}
.main .btn_autoPlay.btn_stop {background-image: url(../images/main/main_swiper_pause_w.png);}
.main .btn_autoPlay.btn_play {background-image: url(../images/main/main_swiper_play_w.png);}
.main .swiper_controll svg {display: none;}
.main .swiper-pagination {position:relative; display: flex;}
.main .swiper-button-prev:after, 
.main .swiper-button-next:after {display: none;}

.main #header .in_cover > .in_w,
.main .sitemap_top.in_cover > .in_w,
.main #footer .in_cover > .in_w,
.main .in_cover > .in_w {max-width:1460px;}

@media (min-width:1161px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) .hd_box:after {content:''; display: block; z-index:0; position:absolute; left:60%; top:0; right:0; height: 94px; background: #142f74;}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header > .in_cover > .in_w:before { content:''; display: block; z-index:0; position:absolute; right:0; height: 100%; width:600px; background: url(../images/main/main_bg01c.png) no-repeat 100% 0%;  background-size: auto 813px; } 
}
@media (max-width:1360px) and (min-width:1321px) {
   .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header > .in_cover > .in_w:before { right:-30px;} 
}
@media (max-width:1800px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:before {background-size: 99.5%}
}
@media (max-width:1700px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:before {background-size: 99.05%}
}
@media (max-width:1600px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:before {background-size: 98.6%}
}
@media (max-width:1500px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:before {background-size: 98.2%}
}
@media (max-width:1400px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:before {background-size: 97.75%}
}
@media (max-width:1300px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:before {background-size: 97.3%}
}
@media (max-width:1200px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:before {background-size: 96.8%}
}
@media (min-width:1321px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) .hd_btn_family .b_t {color:#fff;}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) .hd_btn_family .b_add { border-color: #fff;}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) .hd_btn_family .b_add::before, 
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) .hd_btn_family .b_add::after { background-color: #fff;}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_sch {background-image: url(../images/layout/hd_icon_sch_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_sitemap {background-image: url(../images/layout/hd_icon_hamb_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_mMenu {	background-image: url(../images/layout/hd_icon_hamb_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_my {background-image: url(../images/layout/mNav_icon_0101_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_login {background-image: url(../images/layout/mNav_icon_0104_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_join {background-image: url(../images/layout/mNav_icon_0103_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_logout {background-image: url(../images/layout/mNav_icon_0102_w.png); }
}
@media (max-width:1320px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header > .in_cover > .in_w:before,
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) .hd_box:after {display: none;}
}


.main .hd_side_util { gap: 3.5rem;}
@media (max-width:1360px) {
  .main .hd_side_util { gap: 2.75rem;}
}
@media (max-width:1320px) {
  .main .hd_side_util { gap: 1vw;}  
}

.main #header > .in_cover > .in_w {z-index:1; background:#fff;}
.main nav {flex:1; justify-content: flex-end;}
.main .hd_btn_family {gap:0.5rem;}
@media (min-width:1361px) {
  .main .hd_btn_family .b_t {font-size:1.125rem;}
}



/* button style */
.btn_mainSt03 {width:3.875rem; height: 3.875rem;  background: url(../images/main/main_icon_arw01_w.png) no-repeat 50% 50%; background-size: 1.5rem auto; border:1px solid #fff; border-radius: 50%; }
.btn_mainSt03:hover { background-color:#fff; background-image: url(../images/main/main_icon_arw01.png); }
@media (max-width:640px) {
  .btn_mainSt03 {width:3rem; height: 3rem; background-size: 1.125rem auto; }
}

.btn_mainSt01 { padding:0 1.75rem; height: 6.875rem; width:100%; border-color:#fff; border-radius: 0.375rem;}
.btn_mainSt01 .b_t { flex:1; display: inline-flex; flex-direction: column; align-items: flex-start; gap:0.375rem; color:#3382d1; text-align: left; text-transform: none; white-space: initial;}
.btn_mainSt01 .b_t .t { font-size:1.625rem; font-weight: bold; }
.btn_mainSt01 .b_t .x { margin-bottom:-0.375rem; font-size:1.125rem; letter-spacing: 0; text-transform: initial; }
.btn_mainSt01 .b_i {width:2.75rem; height: 2.75rem; background:#3382d1 url(../images/main/main_swiper_arwR_w.png) no-repeat 50% 50%; background-size: 1.25rem auto; border-radius: 50%; }
@media (max-width:1280px) {
  .btn_mainSt01 .b_t .t {font-size:1.5rem;}
}
@media (max-width:1280px) and (min-width:1161px) {
  .btn_mainSt01 .b_t .x {font-size:1.0625rem; letter-spacing: -0.5px;}
  .btn_mainSt01 .b_i:last-child {margin-right:-0.875rem;}
}
@media (max-width:1160px) {
  .btn_mainSt01 {height: 6.5rem;}
}
@media (max-width:960px) {
  .btn_mainSt01 .b_t .t {font-size:1.375rem;}
}
@media (max-width:768px) {
  .btn_mainSt01 {padding:0 5vw; height: 6rem;}
  .btn_mainSt01 .b_t .t {font-size:1.5rem;}
  .btn_mainSt01 .b_i {width:2.5rem; height: 2.5rem; background-size: 0.875rem auto;}
}

.btn_mainSt02 {display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding:1rem 0; padding-right:1.875rem; width:100%; height: 6.75rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box;}
.btn_mainSt02 .b_t { display: inline-flex; flex-direction: column; flex-wrap: wrap; gap:0.125rem; padding-left:1rem; font-weight: 300;  line-height: 1.3;}
.btn_mainSt02 .b_t::before { content: ''; display: block; position: absolute; left: -0; top: 0.625rem; width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #fff; }
.btn_mainSt02 .b_t .t { font-size:1.375rem; font-weight: 500;}
.btn_mainSt02 .b_i {flex:none; display: inline-block; margin-right:-0.125rem; width:1.5rem; height: 1.5rem; background: url(../images/main/main_icon_0301.png) no-repeat 50% 50%; background-size: contain; }
@media (max-width:1280px) {
  .btn_mainSt02 {padding-right:0.75rem;}
  .btn_mainSt02 .b_t .t {font-size:1.25rem;}
  .btn_mainSt02 .b_i {width:1.25rem; height: 1.25rem;}
}
@media (max-width:960px) {
  .btn_mainSt02 { margin-top:0.375rem; height: 4.5rem;}
}
@media (max-width:860px) {
  .btn_mainSt02 .b_t .t br {display: none;}
}
@media (max-width:768px) {
  .btn_mainSt02 { height: auto;}
  .btn_mainSt02 .b_t .t {font-size:1.25rem; letter-spacing: -0.5px;}
}
@media (max-width:640px) {
  .btn_mainSt02 .b_t .t {font-size:1.125rem; }
  .btn_mainSt02 .b_t::before {top: 0.5rem; }
}

 
 

.main article {padding-bottom:5.25rem;}
.main article .main_cntTit { margin-bottom:2rem; font-size:2.75rem; line-height: 1.1; font-weight: bold;}
@media (max-width:1320px) {
  .main article .main_cntTit { margin-bottom:1.75rem; font-size:2.5rem; }
}

.main article .h3_w h3 {line-height: 1.1; letter-spacing: -0.5px;}


@media (max-width:1160px) { 
  .main .sec_reserv .x_divi > .left > .left1,
  .main .main_bann,
  .main .sec_reserv .x_divi > .right {padding-left:4.5vw; padding-right:4.5vw; }
  .main .sec_reserv .x_divi > .left > .left1 { background:#3382d1;}
  .main .main_bann { padding-top:16vw;  background:#1953a2;}
  .main .sec_reserv .x_divi > .right { padding-top:15vw; padding-bottom:4rem; background:#142f74; }

  .main_bg0101,
  .main_bg0102 { display: block!important; }
}
@media (max-width:768px) { 
  .main .sec_reserv .x_divi > .left > .left1,
  .main .main_bann,
  .main .sec_reserv .x_divi > .right {padding-left:5vw; padding-right:5vw; }
  .main .main_bann {padding-top:calc(16vw + 1rem);}
  .main .sec_reserv .x_divi > .right {padding-top:20vw;}
}
  

.main_bg0101,
.main_bg0102 { position:absolute; left:0; bottom:0%; width:100%; /*background: url(../images/main/main_bg0101.png) no-repeat 0% 0%; background-size: 100% auto;*/}
.main_bg0101 { margin-bottom:-12vw; background-color:#3382d1; border-radius: 0 0 0 4rem; transform: skewY(6deg); }
.main_bg0102 { margin-bottom:-10vw; background-color:#1953a2; border-radius: 0 0 4rem 0; transform: skewY(-5deg); }
.main_bg0101:before,
.main_bg0102:before {content:''; display: block; padding-top:20rem;}
@media (max-width:640px) { 
  .main_bg0101 { margin-bottom:-15vw; border-radius: 0 0 0 2.25rem; transform: skewY(10deg); }
  .main_bg0102 { margin-bottom:-11vw; border-radius: 0 0 2.25rem 0; transform: skewY(-7deg); }
}




.sec_reserv_bg {content:''; display: block; position:absolute; left:0; top:-94px; right:0; /*background: url(../images/main/main_bg01.png) no-repeat 50% 0%; background-size: auto 100%;*/ overflow: hidden;}
.sec_reserv_bg .bg { position:absolute; left:0; top:0; width:100%; height: 100%; }
.sec_reserv_bg .bg .b1 { display: block; position:absolute; right:0; top:94px; bottom:0; width:200%; background:#1a53a2;}
.sec_reserv_bg .bg .b1 i {display: block; height: 482px; background:#3382d1;}
.sec_reserv_bg .bg .b2 { display: block; position:absolute; left:100%; top:0; width:100%; height: 644px; background:#142f74;}
.sec_reserv_bg .in_w {position:relative; height: 813px;}
.sec_reserv_bg .bg1 {position:absolute; right:0; top:0; width:600px; height: 100%; background: url(../images/main/main_bg01c.png) no-repeat 100% 0%; background-size: auto 100%;}
@media (max-width:1360px) { 
  .sec_reserv_bg .bg1 {right:-30px;}
}
@media (max-width:1160px) { 
  .sec_reserv_bg { display: none; }
}

.sec_reserv { position:relative; height: 720px; color:#fff;}
.sec_reserv .x_divi { justify-content: space-between;}
.sec_reserv .x_divi > .left { width: 996px; box-sizing: border-box;}
.sec_reserv .x_divi > .left > .left1 { display: flex; flex-direction: column; z-index:1; position:relative; box-sizing: border-box;}
.sec_reserv .x_divi > .left > .left1 h3 {font-size:3rem; font-weight: 500; color:#fff;}
.sec_reserv .x_divi > .left > .left1 .h3_x { font-size:1.875rem; font-weight: 300; }
.sec_reserv .x_divi > .right {padding-top:2.375rem; box-sizing: border-box;}
@media (max-width:1480px) and (min-width:1361px)  {
  .sec_reserv .x_divi > .left { max-width: calc(100vw - 450px); }
}
@media (max-width:1360px) and (min-width:1161px)  {
  .sec_reserv .x_divi > .left { max-width: calc(100vw - 420px); }
}
@media (max-width:1320px) {
  .sec_reserv .x_divi > .left > .left1 h3 {font-size:2.75rem;}
}
@media (min-width:1161px) { 
  .sec_reserv .x_divi > .left > .left1 {  height: 482px; }
}
@media (max-width:1160px) { 
  .sec_reserv.in_cover { padding:0; height: auto; }
  .sec_reserv .x_divi {display: block;}
  .sec_reserv .x_divi > .left {width: auto;}
}
@media (max-width:960px) { 
  .sec_reserv .x_divi > .left > .left1 h3 {font-size:2.5rem;}
}
@media (max-width:860px) { 
  .sec_reserv .x_divi > .left > .left1 h3 br {display: none;}
}
@media (max-width:768px) { 
  .sec_reserv .x_divi > .left > .left1 .h3_w {margin-bottom:1rem;}
  .sec_reserv .x_divi > .left > .left1 h3 {font-size:2.125rem;}
  .sec_reserv .x_divi > .left > .left1 .h3_x {font-size:1.125rem; letter-spacing: 0;}
}
@media (max-width:640px) { 
  .sec_reserv .x_divi > .left > .left1 h3 {font-size:2rem;}
}
@media (max-width:460px) { 
  .sec_reserv .x_divi > .left > .left1 h3 {font-size:1.75rem;}
}

.main_sch_w {display: flex; align-items: center; padding:4.375rem 0 3.5rem; height: 100%; box-sizing: border-box;}
.main_sch_w > .w {display: flex; justify-content: space-between; gap:3.5rem; position:relative; width:100%; height: 100%; box-sizing: border-box;}
.main_sch_w > .w:before {content:''; display: block; position:absolute; left:50%; top:0; width:1px; height: 100%; border-left:1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box;}
.main_sch_w > .main_sch {}
.main_sch {flex:1; display: flex; flex-direction: column; max-width:420px;}
.main_sch .btm {flex:1; display: flex; align-items: flex-end;}
@media (max-width:1160px) {
  .main_sch_w { margin-bottom:-4.5vw; padding:3.5rem 0 0;}
  .main_sch_w > .w {gap:2.5rem 9vw;}
  .main_sch {max-width:none;}
}
@media (max-width:860px) {
  .main_sch_w > .w { flex-direction: column; margin:0 7vw; }
  .main_sch_w > .w:before {display: none;}
}
@media (max-width:640px) {
  .main_sch_w { margin-bottom:-3.5vw; padding-top:2.5rem;}
  .main_sch_w > .w { margin:0 1vw;}  
}

.main_custom { position:relative; padding-top:2.5rem; border-top:1px solid rgba(255,255,255,0.2); }
.main_custom .h3_w {display: flex; align-items: center; gap:1.875rem; margin-bottom:1rem;}
.main_custom .h3_w .x_tel { font-size:2.75rem; letter-spacing: 0; font-weight: bold; font-weight: 900;}
.main_custom .list_dot {display: flex; flex-wrap: wrap; gap:0.375rem 2.75rem; font-size:1.375rem; font-weight: 300; line-height: 1.3;}
.main_custom .list_dot > *::before {top:0.875rem; width:0.25rem; height: 0.25rem; background-color:#fff;}
.main_custom .list_dot strong {margin-right:0.6275rem; font-weight: 300;}
@media (max-width:1160px) {
  .main_custom {padding-top:2rem;}
  .main_custom .list_dot {font-size:1.25rem;}
}
@media (max-width:960px) {
  .main_custom .h3_w .x_tel {font-size:2.25rem; font-weight: bold;}
}
@media (max-width:640px) {
  .main_custom {padding-top:1.875rem; padding-bottom:1.875rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
  .main_custom .h3_w {gap:1.25rem;}
}
@media (max-width:460px) {
  .main_custom .h3_w .x_tel {font-size:2rem;}
}

.main_bann {position:relative; padding-top:2.75rem; box-sizing: border-box;}
.main_bann .swiper_controll_w {display: flex; align-items: center; gap:1.875rem; position:relative;}
.main_bann .swiper_controll_w .t { display: inline-block; padding:0 0.5rem; color:#1953a2; height: 1.25rem; line-height: 1.25rem; font-weight: bold; text-transform: uppercase; background:#fff; border-radius: 0.25rem; }
.main_bann .swiper_controll .swiper-pagination { gap:5px; position:relative; margin-right:5px; }
.main_bann .swiper_controll .swiper-pagination .swiper-pagination-bullet { width:11px; height: 11px; background-color:#fff; }
.main_bann .box_w { display: flex; gap:1.25rem 1.875rem;}
.main_bann .box_w .tit_w { flex:1; padding-top:1.25rem;}
.main_bann .box_w .tit_w .t {margin-bottom:0.5rem; font-size:1.875rem; font-weight: 500; letter-spacing: -2px;
  display: -webkit-box;	word-break: break-all;  overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical; }
.main_bann .box_w .tit_w .x { font-weight: 200; line-height: 1.5; 
  display: -webkit-box;	word-break: break-all;  overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical; }
.main_bann .box_w .img_w {position:relative; width:275px; max-width:30%; height: 120px;} 
.main_bann .box_w .img_w img {width:100%; height: 100%; object-fit: cover;}
@media (max-width:1480px) {
  .main_bann { padding-right:2.5rem; }
}
@media (max-width:1380px) {
  .main_bann .box_w .tit_w { padding-top: 1.375rem;}
  .main_bann .box_w .tit_w .t {font-size:1.5rem;}
  .main_bann .box_w .img_w {margin-top:0.625rem;}
}
@media (max-width:1360px) {
  .main_bann { padding-right:0; }
}
@media (max-width:1360px) and (min-width:1161px) {
  .main_bann {padding-top:2.25rem;}
}
@media (max-width:1160px) {
  .main_bann {max-width:none;}
  .main_bann .box_w .tit_w {padding-top:3vw;}
  .main_bann .box_w .tit_w .t { margin-bottom:1.5vw; font-size:1.75rem;}
  .main_bann .box_w .img_w {height: auto; width:38%; max-width:none;}
  .main_bann .box_w .img_w:before {content:''; display: block; padding-top:46.7%;}
  .main_bann .box_w .img_w img {position:absolute; left:0; top:0; }
}
@media (max-width:768px) {
  .main_bann .box_w {flex-direction: column-reverse; align-items: center;}
  .main_bann .swiper_controll_w {margin-bottom:1.25rem;}
  .main_bann .swiper_controll .swiper-pagination {gap:0.5rem;}
  .main_bann .swiper_controll .swiper-pagination .swiper-pagination-bullet  {width:1rem; height: 1rem;}
  .main_bann .box_w .tit_w {padding:0; width:100%;}
  .main_bann .box_w .img_w {margin-top:auto; width:100%; max-width:580px;}
}
@media (max-width:640px) {
  .main_bann .box_w .tit_w .t {font-size:1.625rem; line-height: 1.3; -webkit-line-clamp: 2;}
  .main_bann .swiper_controll_w {display: block;}
  .main_bann .swiper_controll_w .t {margin-bottom:0.75rem;}
}
@media (max-width:460px) {
  .main_bann .box_w .tit_w .t {font-size:1.5rem; }
}
    

.main_custom1_w {display: flex; gap:2rem 0.75rem; position:relative;}
.main_custom1 {flex:auto; padding-left:2.5rem; box-sizing: border-box;}
.main_custom1 .tit { position:relative; margin-bottom:0.5rem; font-size:1.5rem; font-weight: 500;}
.main_custom1 .tit .i { display: inline-block; position:absolute; left:-2.5rem; width:1.875rem; height: 1.875rem; background: url(../images/main/main_icon_0201.png) no-repeat 50% 50%; background-size: contain; }
.main_custom1 .tit .i.i0101 { background-image: url(../images/main/main_icon_0201.png); }
.main_custom1 .tit .i.i0102 { background-image: url(../images/main/main_icon_0202.png); }
.main_custom1 .tit .i.i0103 { background-image: url(../images/main/main_icon_0203.png); }
.main_custom1 .txt { display: flex;     flex-direction: column; font-size:1.375rem; font-weight: 200;}

.main_custom1.custom1_1 .txt a { display: flex; align-items: center; white-space: nowrap; margin-bottom:0.25rem;}
.main_custom1.custom1_1 .txt .t {font-weight: 500;}
.main_custom1.custom1_1 .txt .x { display: inline-block; margin-left:0.125rem; font-size:1.25rem;}
.main_custom1.custom1_2 .txt {letter-spacing: 0;}
.main_custom1.custom1_3 {  }
@media (max-width:1360px) and (min-width:1161px) {
  .main_custom1_w { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px 20px; }
  .main_custom1 .tit {margin-bottom:0.375rem;}
  .main_custom1.custom1_1 { grid-row: span 2;}
}

@media (max-width:1160px) {
  .main_custom1_w {flex-wrap: wrap; margin-top:-4.5vw; bottom:-5vw;}
  .main_custom1.custom1_3 {flex:none; width:100%; max-width:none; }
}
@media (max-width:860px) {
  .main_custom1_w {flex-direction: column; bottom:-4.5vw; margin:-4.5vw 7vw 0; }
}
@media (max-width:768px) {
  .main_custom1 { padding-left:2.125rem; }
  .main_custom1 .tit { font-size: 1.375rem; }
  .main_custom1 .tit .i {left:-2.125rem; top:1px; width:1.5rem; height: 1.5rem;}
  .main_custom1 .txt { font-size: 1.125rem; }
  .main_custom1.custom1_1 .txt .t {font-size:1.25rem;}
  .main_custom1.custom1_1 .txt .x {font-size:1rem;}
}
@media (max-width:640px) {
  .main_custom1_w { margin:-4.5vw 1vw 0; }
  
}


.main_quickLink_w { z-index:1; display: flex; flex-direction: column; position:relative; width:250px; height: 460px;}
.main_quickLink_w > li { flex:1; display: flex; align-items: center; position:relative; padding:0.5rem 0; box-sizing: border-box;}
.main_quickLink_w > li:not(:last-child) {border-bottom:1px solid rgba(255,255,255,0.2);}
@media (max-width:1360px) {
  .main_quickLink_w { width:225px;}
}
@media (max-width:1160px) {
  .main_quickLink_w {margin:0 7vw; width:auto; height: auto;}
  .main_quickLink_w > li {padding:0.875rem 0;}
  .main_quickLink_w > li:not(:last-child) {border-bottom:1px solid rgba(255,255,255,0.12);}
}
@media (max-width:640px) {
  .main_quickLink_w {margin:0 5vw; }
  .main_quickLink_w > li {padding:0.75rem 0;}
}



.main_quickLink {display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; width:100%;}
.main_quickLink .t { display: flex; flex-direction: column; flex-wrap: wrap; gap:0 0.625rem; position:relative; padding-left:0.75rem; font-weight: 300;  line-height: 1.2;}
.main_quickLink .t::before { content: ''; display: block; position: absolute; left: 0; top: 0.625rem; width: 0.1875rem; height: 0.1875rem; border-radius: 50%; background: #fff; }
.main_quickLink .tt {font-size:1.1875rem; }
.main_quickLink .tx {padding-left:0.125rem; font-size:0.93785rem; letter-spacing: 0;}
.main_quickLink .i {flex:none; display: inline-block; margin-right:-0.125rem; width:3.75rem; height: 3.75rem; background: url(../images/main/main_bann_icon0101.png) no-repeat 50% 50%; background-size: 3rem auto; }
.main_quickLink .i.i_quick0101 { background-image: url(../images/main/main_bann_icon0101.png); }
.main_quickLink .i.i_quick0102 { background-image: url(../images/main/main_bann_icon0102.png); }
.main_quickLink .i.i_quick0103 { background-image: url(../images/main/main_bann_icon0103.png); }
.main_quickLink .i.i_quick0104 { background-image: url(../images/main/main_bann_icon0104.png); }
.main_quickLink .i.i_quick0105 { background-image: url(../images/main/main_bann_icon0105.png); }
.main_quickLink .i.i_quick0106 { background-image: url(../images/main/main_bann_icon0106.png); }
.main_quickLink .i.i_quick0107 { background-image: url(../images/main/main_bann_icon0107.png); }
.main_quickLink .i.i_quick0108 { background-image: url(../images/main/main_bann_icon0108.png); }
.main_quickLink .i.i_quick0109 { background-image: url(../images/main/main_bann_icon0109.png); }
.main_quickLink .i.i_quick0110 { background-image: url(../images/main/main_bann_icon0110.png); }
.main_quickLink .i.i_quick0111 { background-image: url(../images/main/main_bann_icon0111.png); }
@media (max-width:1360px) and (min-width:1161px) {
  .main_quickLink .i { margin-right:0; width:2.5rem; height: 2.5rem; background-size: 2.25rem auto; }
}
@media (max-width:1160px) and (min-width:769px) { 
  .main_quickLink .t {align-items: flex-end; flex-direction: row;}
}
@media (max-width:1160px) {
  .main_quickLink .t {font-size:1.1875rem;}
  .main_quickLink .t br { display: none; }
  .main_quickLink .tt {font-size:1.1875rem;}
  .main_quickLink .tx {opacity: 0.7;}  
}
@media (max-width:860px) {
  .main_quickLink .tt br {display: none;}
}
@media (max-width:768px) {
  .main_quickLink .tx {font-weight: 100; letter-spacing: 0.5px;}
  .main_quickLink .i {  width:2.75rem; height: 2.75rem; background-size: 2.25rem auto; }
}
@media (max-width:450px) {
  .main_quickLink .i {  width:2.75rem; height: 2.75rem; background-size: 2rem auto; }
}



.main .sec_info { z-index:1; position:relative; margin-top:30px; color:#fff; overflow: hidden;} 
.main .sec_info .main_bg1 { display: flex; position:absolute; left:0; top:0; right:50%; margin-right: -265px; height: 100%; background: url(../images/main/main_bg0201.png) no-repeat 100% 50%; background-size: cover; }
.main .sec_info .main_bg1:before {content:''; display: block; width:50px; background: url(../images/main/main_bg0203.png) no-repeat 0% 0% ; background-size: auto 100%;}
.main .sec_info .main_bg1:after {content:''; display: block; flex:1; background: url(../images/main/main_bg0204.png) repeat-x 0% 0% ; background-size: auto 100%;}
.main .sec_info > .in_w {display: flex; height: 504px;} 
.main .sec_info > .in_w > div {display: flex; align-items: center; width:100%; box-sizing: border-box;}
.main .sec_info > .in_w > .left {flex:1; padding:30px 0 40px; }
.main .sec_info > .in_w > .right {padding:0 0 172px; padding-left:200px; width:616px; max-width:616px; background: url(../images/main/main_bg0202.png) no-repeat 0% 0%; background-size: auto 100%; }
.main .sec_info .btn_mainSt03 {position:absolute; }
@media (max-width:1440px) and (min-width:1161px) {
  .main .sec_info {padding-right:0;}
}
@media (max-width:1320px) {
  .main .sec_info .main_bg1 {margin-right:-270px;}
  .main .sec_info > .in_w > .right {width:538px;}
}
@media (max-width:1160px) {
  .main .sec_info {margin-top:-2rem; padding:0; border-top-right-radius: 2rem; border-top-left-radius: 2rem; border-top:0.625rem solid #fff;}
  .main .sec_info .main_bg1 {display: none;}
  .main .sec_info > .in_w {display: block; height: auto;}
  .main .sec_info > .in_w > .left { padding:3rem 4.5vw 5rem; background: url(../images/main/main_bg0201.png) no-repeat 50% 50% ; background-size: cover;  }
  .main .sec_info > .in_w > .right { margin-top:-2rem; padding:3rem 4.5vw 4rem; width:100%; max-width:100%; background:#112a48; border-top-right-radius: 2rem; border-top-left-radius: 2rem;}
}
@media (max-width:640px) {
  .main .sec_info > .in_w > .left { padding:2.5rem 5vw 4.5rem; }
  .main .sec_info > .in_w > .right { padding:2.5rem 5vw 3.5rem; }
}
@media (max-width:460px) {
  .main .sec_info > .in_w > .left { padding:2.25rem 5vw 4.5rem; }
  .main .sec_info > .in_w > .right { padding:2.25rem 5vw 3rem; }
}

.main .sec_info .t {margin-bottom:1.5rem; font-size:2.875rem; font-weight: 500; line-height: 1.1;}
.main .sec_info .x {  font-size:1.25rem; font-weight: 300; line-height: 1.6;}
@media (max-width:1160px) {
  .main .sec_info .t { margin-right:0; font-size:2.5rem;}
  .main .sec_info .x {padding-right:4.5rem;}
}
@media (max-width:860px) {
  .main .sec_info .x {padding-right:3.5rem;}
}
@media (max-width:768px) {
  .main .sec_info .x br {display: none;}
}
@media (max-width:640px) {
  .main .sec_info .t {font-size:2rem;}
  .main .sec_info .x { padding-right:3.25rem; font-size:1.125rem; }
}
@media (max-width:460px) {
  .main .sec_info .t {font-size:1.875rem;}
}

.main_info01 { position:relative; width:100%; height: 100%; padding:4.375rem 0; box-sizing: border-box;}
.main_info01 .btn_mainSt03 { bottom:3.75rem; right:2rem;}
.main_info01 > .w {padding-left:1.875rem;}
.sec_info .main_info01 .t {margin-right:-40px; }
@media (max-width:1320px) {
  .main_info01 .btn_mainSt03 {  right:0; }
}
@media (max-width:1160px) { 
  .main_info01 {padding:0;}
  .main_info01 .btn_mainSt03 {bottom:0; right:0; }
}

.main_info02 { position:relative; width:100%; height: 100%; padding:4.375rem 0; box-sizing: border-box; }
.main_info02 .btn_mainSt03 { bottom:1.875rem; right:130px;}
@media (max-width:1320px) {
  .main_info02 .btn_mainSt03 {  right:40px;}
}
@media (min-width:1161px) {
  .main .sec_info .main_info02 .x {padding-right:4rem;}
}
@media (max-width:1160px) {
  .main_info02 {padding:0;}
  .main_info02 > .w {padding-left:1.875rem;}
  .main_info02 .btn_mainSt03 {bottom:-1rem; right:0; }
}

@media (max-width:1160px) {
  .main_info01 > .w,
  .main_info02 > .w {position:relative;}
  .main_info01 .btn_mainSt03,
  .main_info02 .btn_mainSt03 { right:0.5rem;}
}
@media (max-width:860px) {
  .main_info01 > .w,
  .main_info02 > .w { margin:0 3vw; padding:0;}
  .main_info01 .btn_mainSt03,
  .main_info02 .btn_mainSt03 { right:-1.5vw;}
}
@media (max-width:640px) {
  .main_info01 > .w,
  .main_info02 > .w { margin:0 1vw; }
}



.sec_board { margin-top:1.25rem; }
.sec_board .main_cntTit { box-sizing: border-box;}
@media (min-width:1160px) {
  .sec_board .main_cntTit { width:50%; padding-right:2.5rem;  }
}


.main_vis {position:relative;}
.main_vis_thumb_w {margin-bottom:1.75rem; }
.main_vis_thumb { font-size:1.625rem; font-weight: bold; line-height: 1.1; }
.main_vis_thumb .swiper-wrapper {gap:1.625rem;}
.main_vis_thumb .swiper-slide { flex:initial; padding-bottom:0.5rem; width:auto!important; color:#bbb;}
.main_vis_thumb .swiper-slide-thumb-active { color:#000; border-bottom:1px solid #000;}
@media (max-width:1480px) {
  .main_vis_thumb { font-weight: 500;}
}
@media (max-width:1400px) {
  .main_vis_thumb { font-size: 1.5rem;}
}
@media (max-width:1300px) {
  .main_vis_thumb { font-size: 1.375rem;}
}
@media (min-width:1161px) {
  .main_vis_thumb_w {position:absolute; right:0; bottom:100%; width:50%;}  
}
@media (max-width:1160px) {
  /*.main_vis_thumb .swiper-wrapper { justify-content: center;}*/
  .main_vis_thumb .swiper-wrapper {gap:3vw;}
}

.main_vis_swiper .img_w {  border-radius: 1.75rem; height: 18.75rem; overflow: hidden;}
.main_vis_swiper .img_w  img {width:100%; height: 100%; object-fit: cover;}
.main_vis_swiper .txt_w { padding-top:1.25rem; box-sizing: border-box;}
.main_vis_swiper .swiper-slide:not(.swiper-slide-active) .txt_w {opacity: 0;}
.main_vis_swiper .txt_w .t { margin-bottom:1rem; font-size:2.125rem; font-weight: 500; line-height: 1.25; color:#3382d1;}
.main_vis_swiper .txt_w .x {font-size:1.25rem; line-height: 1.6; font-weight: 300;}
@media (max-width:1440px) {
  .main_vis_swiper .txt_w {padding-top:0.25rem;}
}
@media (max-width:1320px) {
  .main_vis_swiper .txt_w .t { font-size:1.875rem;}
}
@media (min-width:1161px) {
  .main_vis_swiper .img_w { position:absolute; right:0; top:0; width:50%; }
  .main_vis_swiper .txt_w { padding-right:2.5rem; width:50%; min-height: 300px;  }
}
@media (max-width:1160px) {  
  .main_vis_swiper .txt_w { margin-top:1.5rem; padding-top:0;}
  .main_vis_swiper .txt_w .t {font-size:1.5rem;}
  .main_vis_swiper .txt_w .x {font-size:1.125rem;}
}
@media (max-width:768px) {
  .main_vis_swiper .img_w {height: 18rem;}
}
@media (max-width:640px) {
  .main_vis_swiper .img_w {height: 46vw;}
  .main_vis_swiper .txt_w .t { margin-bottom:0.625rem; font-size:1.25rem;}
  .main_vis_swiper .txt_w .x {font-size:1rem;}
}

.main_vis .swiper_controll { position:absolute; top:150px; left:50%; width:50%;}
.main_vis .swiper_controll .swiper_btn_w { width:100%; }
.main_vis .swiper_controll .swiper_btn_w > div {position:absolute; top:0; transform: translateY(-50%); width:2.5rem; height: 2.5rem; background-image: url(../images/main/main_swiper_arwL.png); background-size:contain; opacity: 0.7;}
.main_vis .swiper_controll .swiper_btn_w .swiper-button-prev {left:1rem;}
.main_vis .swiper_controll .swiper_btn_w .swiper-button-next {right:1rem;  background-image: url(../images/main/main_swiper_arwR.png);}
.main_vis .swiper_controll .swiper_btn_w > div:hover {opacity: 1;}
@media (max-width:1160px) {
  .main_vis .swiper_controll { left:0; width:100%;}
}
@media (max-width:768px) {
  .main_vis .swiper_controll { top:9rem; }
  .main_vis .swiper_controll .swiper_btn_w > div { background-size: 65% auto; }
  .main_vis .swiper_controll .swiper_btn_w .swiper-button-prev {left:0;}
  .main_vis .swiper_controll .swiper_btn_w .swiper-button-next {right:0; } 
}
@media (max-width:640px) {
  .main_vis .swiper_controll { top:23vw; }
}


.sec_location {margin-top:3.5rem;}
.main_map { height: 22.5rem; border-radius: 1.75rem; overflow: hidden;}
.main_map img {width:100%; height: 100%; object-fit: cover;}
.main_addr {display: flex; justify-content: center; align-items: center; margin-top:1.25rem; padding:1.25rem; min-height: 5.625rem; font-size:1.5rem; font-weight: bold; color:#3382d1; text-align: center; border:1px solid #3382d1; border-radius: 1.75rem; box-sizing: border-box;}
@media (max-width:1160px) {  
  .main_map { height: 20rem; }
}
@media (max-width:768px) {  
  .main_addr {font-size:1.375rem;}
}
@media (max-width:640px) {  
  .main_addr { padding:1rem 5vw; font-size:1.25rem;}
}
@media (max-width:460px) {  
  .main_map { height: 50vw; }
}



@media (max-width:1160px) {  
  .sec_board { margin-top:3.5rem; }
  .sec_board .in_w,
  .sec_location .in_w {padding:0 1.75rem; box-sizing: border-box;}
}
@media (max-width:860px) {  
  .sec_board .in_w,
  .sec_location .in_w {padding:0 3vw; }
}
@media (max-width:768px) {  
  .sec_board,
  .sec_location { margin-top:3rem; }

  .main .sec_location .main_cntTit {margin-bottom:1.5rem;}

  .main_vis_thumb {font-size:1.25rem;}
  .main_vis_thumb .swiper-wrapper { justify-content: center;}
}
@media (max-width:640px) {  
  .sec_board,
  .sec_location { margin-top:2.5rem; }

  .sec_board .in_w,
  .sec_location .in_w {padding:0 1vw; }

  .main article .main_cntTit {font-size:2rem;}

  .main_vis_thumb {font-size:1.125rem;}

  .main_vis_swiper .img_w,
  .main_map,
  .main_addr {border-radius: 1.5rem;}
  .main .sec_info > .in_w > .right { border-top-right-radius: 1.75rem; border-top-left-radius: 1.75rem; }
}
@media (max-width:460px) {  
  .main article .main_cntTit {font-size:1.875rem;}

  .main_vis_thumb {font-size:1.0625rem;}

  .main_addr {font-size:1.125rem;}
}