@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;	
  --transition-custom10: all 1.0s ease-in-out;	
  --font-family-noto: 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-suit: 'SUIT', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-Myeongjo: 'NanumMyeongjo', '나눔명조', '명조', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-IvyMode: 'IvyMode', '나눔명조', '명조', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}


.main .hd_box > .in_w {height: 100px;}
.main .hd_box { box-sizing: border-box;}
.main #header nav:before {top:100px;}
.main nav .gnb_dep2_w { top:110px; } 

@media (min-width:1281px) {
  .main #header,
  .main .wrapper:not(.gnb_open) .hd_box {height: 110px;}  

  .main .hd_box {padding-top:10px; }
}
@media (min-width:1161px) {
  .main .wrapper { overflow-x: clip; } 

  .main .sec_doc.in_cover > .in_w,
  .main .sec_mainBann.in_cover > .in_w,
  .main .sec_press.in_cover > .in_w {top:3rem; opacity: 0; filter: blur(3px); transition: 0.8s;}

  .main.on .sec_doc.in_cover > .in_w,
  .main.on .sec_mainBann.in_cover > .in_w,
  .main.on .sec_press.in_cover > .in_w {opacity: 0.8; }

  .main .sec_doc.in_cover.wp > .in_w,
  .main .sec_mainBann.in_cover.wp > .in_w,
  .main .sec_press.in_cover.wp > .in_w {top:0; opacity:1; filter: blur(0); }
}

/* common */
.tx_ellip1 {word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;}
.tx_ellip2 {word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}


.main .in_cover > .in_w { max-width:1400px;}
.main nav {padding-left:40px;}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .gnb > li:nth-child(1) > a,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .gnb > li:nth-child(2) > a {color:initial;}
@media (max-width:1280px) {
  .main nav {padding-left:2vw;}
}
@media (min-width:1161px) {
  .main #header { position:fixed; z-index:100; }

  .main:not(.body_scroll) #header,
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box {background:transparent;}

  .main:not(.body_scroll) #header:not(:hover) .hd_box:before {opacity: 0;}
  .main:not(.body_scroll) .gnb_open #header:not(:hover) .hd_box:before,
  .main:not(.body_scroll) .hdSch_open #header:not(:hover) .hd_box:before {opacity: 1;}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .gnb > li > a,
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a,
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_rela a,
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_language.tg_w .tit {color:#fff;}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_rela > li + li:before {background:rgba(255,255,255,0.5);}

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member { border-color:#fff; }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a:before { background:rgba(255,255,255,0.3); }
  /*
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a i {background-image: url(../images/layout/hd_member_0101_w.png); opacity: 1;}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a.btn_login i.i_login {background-image: url(../images/layout/hd_member_0101_w.png);}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a.btn_loginOut i.i_login {background-image: url(../images/layout/hd_member_0101_w.png);}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a.btn_join i.i_join {background-image: url(../images/layout/hd_member_0102_w.png); } 
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a.btn_mypage i.i_join {background-image: url(../images/layout/hd_member_0102_w.png); } 
*/
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_language.tg_w .tit i { background-image: url(../images/layout/hd_language_icon_w.png); opacity: 1;}

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .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:not(:hover) .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:not(:hover) .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:not(:hover) .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:not(:hover) .hd_side_util .btn_ico.ico_login {background-image: url(../images/layout/mNav_icon_0102_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .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:not(:hover) .hd_side_util .btn_ico.ico_logout {background-image: url(../images/layout/mNav_icon_0104_w.png); }
}



.main .contents {}
.main article {overflow: hidden;}

.main .h3_main { margin-bottom:1.5rem; font-size:2.375rem; font-weight: 600; letter-spacing: -1px; line-height: 1.2;}
@media (max-width:1160px) {
  .main .h3_main,
  .main .h3_w {margin-bottom:1.25rem; font-size:2rem;}
}
@media (max-width:768px) {
  .main .h3_main { font-size:1.875rem;}
}
@media (max-width:460px) {
  .main .h3_main {  font-size:1.75rem;}
}

.main_visual{padding-top: 175px;position: relative;}
.main_visual:after{position:absolute;content:'';display:block;background: #8c786c url(../images/main/bg_color.jpg) no-repeat left top; background-size: auto 100%; width: 50vw; height: 503px;right: 0;top: 0;}
.main_visu_inner{position: relative;max-width: 1400px;margin: 0 auto;display: flex;}
.main_visu_lft{flex: 1;padding-top: 40px;position: relative;}
.main_visu_lft:before{position:absolute;content:'';display:block;background: url(../images/main/bg_logo.jpg)no-repeat;width: 292px;height: 275px;left: -333px;z-index: -1;transition: all 0.3s;top: 0;}
.main_visu_lft:after{position:absolute;content:'';display:block;background-color:#f5f5f5;width: 50vw;left: -50vw;height:92px;bottom: 0;}
.main_visu_cont{}
.main_visual_txt01{font-size: 1.25rem;font-weight: 400;letter-spacing: -0.25px;line-height: 1;color: #222222;}
.main_visual_txt02{font-size: 2.8125rem;font-weight: 700;color: #222222;letter-spacing: -0.5px;line-height: 1.22;margin-top: 20px;}
.main_visual_txt03{font-size: 1.125rem;font-weight: 400;color: #222222;letter-spacing: -0.25px;line-height: 1.56;margin-top: 30px;}
@media (max-width:1380px) {
  .main_visual:after {width:49vw;}
}
@media (max-width:1300px) {
  .main_visual:after {width:47.5vw;}
}
@media (max-width:1280px) {
  .main_visual:after {width:47vw;}
}

.visu_slide_control{display: flex;align-items: center;gap: 15px;background-color: #f5f5f5;height: 92px;margin-top: 53px;}
.visu_slide_control > .swiper-pagination-progress{position: relative;width: 130px;height: 2px;background-color: #d7d7d7;}
.visu_slide_control > .swiper-pagination-progress > span{background-color: #e47312;}
.visu_slide_control > .custom-fraction{font-size: 1.125rem;font-weight: 700;color: #222222;letter-spacing: 0;line-height: 1;}
.visu_slide_control > .custom-fraction > span{}
.visu_slide_control > .custom-fraction > span.current-num{font-size: 1.375rem;font-weight: 700;color: #e47312;}
.visu_slide_control > .custom-fraction > span.total-num{}
.visu_slide_btn{gap: 8px;display: flex;align-items: center;line-height: 1;}
.visu_slide_btn > a{position: relative;top: auto;left: auto;bottom: auto;right: auto;display: table;width: 6px;height: 11px;margin: 0;}
.visu_slide_btn > a:after{display:none;}
.visu_slide_btn > a > img{vertical-align: inherit;}
.visu_slide_btn > button{background-color: transparent;margin: 0;padding: 0;line-height: 1;height: 9px;}
.visu_slide_btn > button > img{vertical-align: super;}

.main_visual_rgt{width: 771px;height: 420px;box-shadow: 12.5px 21.651px 55px 0px rgba(0, 0, 0, 0.15);transition: all 0.3s;}
.main_visual_rgt > .swiper-container{overflow: hidden;}
.main_visual_rgt > .swiper-container > ul{}
.main_visual_rgt > .swiper-container > ul > li{}
.main_visual_rgt > .swiper-container > ul > li > img{}

.main_cont{}
.main_cont_inner{max-width: 1400px;margin: 0 auto;padding-top: 80px;padding-bottom: 100px;box-sizing: border-box;}
.main_cont_inner:after{position:absolute;content:'';display:block;background-color:#f5f5f5;height:260px;width:100vw;left:50%;bottom:0;transform:translateX(-50%);z-index: -1;}
.main_cont01{display: flex;gap: 75px;align-items: center;margin-bottom: 60px;}
.main_quick{display: flex;gap: 30px;}
.main_quick > li{width: 200px;height: 180px;background-color: #f5f5f5;}
.main_quick > li > a {display: block; position:relative; height: 100%;padding: 40px 10px 0 10px;box-sizing: border-box;transition: all 0.3s;}
.main_quick > li > a > div{height: 50px;position: relative;}
.main_quick > li > a > div > img{display: table;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.main_quick > li > a > div > .quick_hover{display: none;}
.main_quick > li > a > div > .quick_non_hover{}
.main_quick > li > a > p{font-size: 1.0625rem;font-weight: 300;color: #222222;letter-spacing: -0.5px;line-height: 1.5;text-align: center;margin-top: 15px; white-space: nowrap;}

.main_quick > li > a:hover{background-color:#e47312; box-shadow: 7.5px 12.99px 35px 0px rgba(0, 0, 0, 0.15);}
.main_quick > li > a:hover > div > .quick_hover{display: block;}
.main_quick > li > a:hover > div > .quick_non_hover{display:none;}
.main_quick > li > a:hover > p{color:#fff;font-weight:500;}

.main_quick > li > a.st01:not(:hover):before {content:''; display: block; position:absolute; left:0; top:0; width:100%; height: 100%; border:0.5em solid #e47312; box-sizing: border-box;}
@media (max-width:960px) {
  .main_quick > li > a.st01:not(:hover):before {border-width:0.375rem;}
}

.main_down{flex: 1;}
.main_down_top{display: flex;justify-content: space-between;align-items: center;position: relative;gap: 5px;}
.main_down_top:before{position:absolute;content:'';display:block;width:100%;height:1px;background-color:#dddddd;top:50%;transform:translateY(-50%);}
.main_down_top > p{font-size: 1.5rem;font-weight: 700;color: #222222;letter-spacing: -0.5px;line-height: 1;background-color: #fff;padding-right: 12px;z-index: 1;}
.main_down_top > img{background-color: #fff;padding-left: 12px;box-sizing: border-box;z-index: 1;}
.main_down_midd{font-size: 2.375rem;font-weight: 700;color: #222222;letter-spacing: -0.25px;line-height: 1;margin-top: 15px;}
.main_down_bott{display: inline-flex;border: 1px solid #dddddd;box-sizing: border-box;height: 46px;align-items: center;margin-top: 10px;}
.main_down_txt{display: flex;padding: 0 35px 0 25px;gap: 8px;}
.main_down_txt > img{}
.main_down_txt > p{font-size: 1.0625rem;font-weight: 300;color: #222222;letter-spacing: -0.5px;line-height: 1;}
.main_down_ico{background-color: #4676a6;height: 100%;width: 46px;position: relative;}
.main_down_ico > img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}


.main_cont02{position: relative;margin-top: 65px;height: 200px;}
.main_cont02 > .swiper-container{overflow: hidden;}
.main_cont02 > .swiper-container > ul{}
.main_cont02 > .swiper-container > ul > li{background: #e9ecee url(../images/main/bg_ban.png) no-repeat right  center;height: 200px;}
.main_cont02_img{height: 200px;}
.main_cont02_img > img{height: 100%;max-width: none;position: absolute;transform: translateX(0);}
.main_cont02_cont{position: absolute;left: 70px;top: 50%;transform: translateY(-50%);}
.main_cont02_txt01{font-size: 1.875rem;font-weight:700;color:#222222;letter-spacing:-0.5px;line-height:1;}
.main_cont02_txt02{font-size:1rem;font-weight:400;color:#727272;letter-spacing:-0.5px;line-height:1.5;margin-top: 15px;}
.main_cont02_control{z-index: 1;display: flex;align-items: center;gap: 12px;background-color: #fff;position: absolute;bottom: 0;right: 0;padding: 15px 20px;box-sizing: border-box;}
.main_cont02_control > a{position: relative;left: auto;right: auto;top: auto;bottom: auto;display: table;width: 6px;height: 11px;margin: 0;}
.main_cont02_control > a:after{display:none;}
.main_cont02_control > button{background-color: transparent;margin: 0;padding: 0;line-height: 1;height: 9px;}
.main_cont02_control > button > img{vertical-align: super;}

.main_cont03{display: flex;gap: 30px;margin-top: 70px;}
.main_cont03_tit{font-size: 1.5rem;font-weight: 700;letter-spacing: -0.5px;line-height: 1;color: #222;}
.main_cont03_lft{flex: 0 calc(50% - 15px);}
.main_cont03_lft .cont03_lft_top{border: 1px solid #dddddd;box-sizing: border-box;background-color: #fff;padding: 50px 50px 30px 50px;}
.main_cont03_lft .cont03_info{display: flex;margin: 25px 0 18px 0;}
.main_cont03_lft .cont03_info > div{display: flex;background-color: #4676a6;align-items: center;gap: 8px;padding: 12px 15px;box-sizing: border-box;}
.main_cont03_lft .cont03_info > div > img{}
.main_cont03_lft .cont03_info > div > p{font-size: 1.0625rem;font-weight: 500;color: #fff;letter-spacing: -0.5px;line-height: 1;}
.main_cont03_lft .cont03_info > ul{display: flex;background-color: #f5f5f5;padding: 12px 15px;box-sizing: border-box;}
.main_cont03_lft .cont03_info > ul > li{font-size: 1.0625rem;font-weight: 500;color: #222222;letter-spacing: -0.5px;line-height: 1;padding-right: 18px;margin-right: 18px;border-right: 1px solid #ddd;}
.main_cont03_lft .cont03_info > ul > li:last-of-type{margin-right:0;padding-right:0;border-right:0;}
.main_cont03_lft .cont03_list{display: flex;flex-wrap: wrap;gap: 10px;}
.main_cont03_lft .cont03_list > li{flex: 0 calc(50% - 5px);display: flex;align-items: center;gap: 15px;}
.main_cont03_lft .cont03_list > li > span{font-size: 1rem;color: #2f446c;letter-spacing: -0.5px;line-height: 32px;height: 32px;background-color: #fff;border: 1px solid #2f446c;border-radius: 30px;width: 94px;box-sizing: border-box;text-align: center;}
.main_cont03_lft .cont03_list > li > em{font-size: 1.125rem;font-weight: 700;color: #222;letter-spacing: 0;line-height: 1;}
.main_cont03_lft .cont03_lft_bott{border: 1px solid #dddddd;box-sizing: border-box;background-color: #fff;display: flex;align-items: center;padding: 35px 40px 35px 50px;gap: 30px;margin-top: 15px;justify-content: space-between;}
.main_cont03_lft .cont03_lft_bott > .main_cont03_tit{}
.main_cont03_lft .cont03_txt{font-size: 1.0625rem;font-weight: 300;color: #222;letter-spacing: -0.5px;line-height: 1.5;flex: 1;}
.main_cont03_lft .cont03_ico{width: 45px;height: 45px;background: #4676a6;position: relative;}
.main_cont03_lft .cont03_ico > img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.main_cont03_rgt{border: 1px solid #dddddd;box-sizing: border-box;background-color: #fff;flex: 0 calc(50% - 15px);padding: 50px;}
.main_cont03_rgt > .main_cont03_tit{}
.main_cont03_rgt .cont03_txt{margin: 25px 0 30px 0;}
.main_cont03_rgt .cont03_down_list{display: flex;flex-wrap: wrap;gap: 15px;}
.main_cont03_rgt .cont03_down_list > li{flex: 0 calc(50% - 7.5px);}
.main_cont03_rgt .cont03_down_list > li > a{display: flex;width: 100%;}
.main_cont03_rgt .cont03_down_list > li > a > p{font-size: 1rem;font-weight: 400;color: #222;letter-spacing: -1.25px;line-height: 1.25;background-color: #f5f5f5;flex: 1;display: table;padding: 0px 5px 0px 15px;box-sizing: border-box;}
.main_cont03_rgt .cont03_down_list > li > a > p > span{vertical-align: middle;display: table-cell;line-height: 1.25;}
.main_cont03_rgt .cont03_down_list > li > a > div{position: relative;height: 55px;background: #315a83;width: 45px;}
.main_cont03_rgt .cont03_down_list > li > a > div > img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

@media (max-width:1450px) {
    .main_visu_lft:before{left: -110px;background-size: 250px auto;width: 250px;top: -28px;}

    .main_cont01{gap: 35px;}
    .main_quick{gap: 25px;}

    .main_down_midd{font-size: 2rem;}

    .main_cont02_cont{left: 30px;}

}
@media (max-width:1350px) {
    
    .main_quick > li{width: 195px;}
    
    .main_cont03_lft .cont03_list > li > span{width: 80px;}


}

@media (max-width:1280px) {
    .main_visual{padding-top: 125px;}
    .main_visual:after{height: 400px;background-size: auto 65%;}
    .main_visu_lft{padding-top: 20px;}
    .main_visu_lft:after{height: 70px;}
    .main_visual_txt03{margin-top: 18px;}

    .visu_slide_control{margin-top: 45px;height: 70px;}

    .main_visual_rgt{width: 660px;height: 359px;}

    .main_cont_inner{padding-top: 45px;padding-bottom: 65px;}
    .main_quick{flex: auto;}
    .main_quick > li{width: 100%;height: 165px;}
    .main_quick > li > a{padding-top: 25px;}

    .main_cont02 > .swiper-container > ul > li{background-size: auto 225px;}
    .main_cont02_cont{width: calc(100% - 60px);}
    .main_cont02_txt02{width: 750px;}
    .main_cont02_txt02 > br{display:none;}

    .main_cont03{display: block;margin-top: 45px;}
    .main_cont03_lft{display: flex;gap: 30px;}
    .main_cont03_lft .cont03_lft_top{padding: 30px;}
    .main_cont03_lft .cont03_info{margin: 20px 0;}
    .main_cont03_lft .cont03_lft_bott{padding: 30px;margin-top: 0;display: block;}
    .main_cont03_lft .cont03_txt{margin: 20px 0 40px 0;}

    .main_cont03_rgt{padding: 30px;margin-top: 30px;}
    .main_cont03_rgt .cont03_down_list > li{flex: 0 calc((100% / 3) - 10px);}

}
@media (max-width:1160px) {
    .main_visual{padding-top: 35px;}
    .main_visual:after{height: 290px;width: 40vw;}
    .main_visu_lft{padding-top: 0;}
    .main_visu_lft:before{background-size: 200px auto;width: 200px;left: -90px;}
    .main_visual_txt02{margin-top: 15px;font-size: 2.5rem;}
    .main_visual_txt03{margin-top: 15px;}

    .visu_slide_control{margin-top: 26px;}

    .main_visual_rgt{width: 550px;height: 300px;}

    .main_quick{gap: 15px;}
    .main_quick > li{height: 140px;}
    .main_quick > li > a{padding-top: 20px;}
    .main_quick > li > a > div{height: 35px;}
    .main_quick > li > a > div > img{max-height: 33px;}

    .main_down{min-width: 327px;}
    .main_down_midd{margin-top: 12px;}
    .main_cont02 > .swiper-container > ul > li{background-position: right 0 top 40px;}


}
@media (max-width:1024px) {
    .main_visual:after{height: 225px;}
    .main_visu_lft:after{height: 45px;}
    .main_visual_txt02{font-size: 2rem;}
    .main_visual_txt03{font-size: 1rem;letter-spacing: -0.75px;}

    .visu_slide_control{height: 45px;margin-top: 22px;}

    .main_visual_rgt{width: 450px;height: 245px;}



}
@media (max-width:960px) {
    

    .main_visual_rgt{width: 400px;height: 215px;margin-top: 30px;}

    .main_cont01{gap: 25px;}
    .main_quick{flex-wrap: wrap;gap: 10px;}
    .main_quick > li{flex: 0 calc(50% - 5px);height: 75px;}
    .main_quick > li > a{padding-top: 13px;display: flex;padding: 10px;box-sizing: border-box;justify-content: center;align-items: center;gap: 10px;}
    .main_quick > li > a > div{width: 50px;height: 100%;}
    .main_quick > li > a > p{margin-top: 0;flex: 0 80px;}

    .main_down{min-width: 280px;}
    .main_down_midd{font-size: 1.75rem;}
    .main_down_txt{padding: 0 20px;}

    .main_cont02 > .swiper-container > ul > li{background-size: auto 160px;}
    .main_cont02_cont{width: calc(100% - 60px);}
    .main_cont02_txt02{width: 70%;}

    .main_cont03_lft{gap: 25px;}
    .main_cont03_lft .cont03_lft_top{flex: 1;}
    .main_cont03_lft .cont03_lft_bott{width: 200px;flex: 0 200px;}

    .main_cont03_rgt{margin-top: 25px;}
    .main_cont03_rgt .cont03_txt{margin: 15px 0;}

}
@media (max-width:860px) {
    .main_visual{padding-top: 25px;}
    .main_visual:after{width: 50vw;}
    .main_visu_lft{position: unset;padding-bottom: 45px;}
    .main_visu_lft:before{background-size: 150px auto;width: 150px;top: 0;}
    .main_visu_lft:after{width: 100vw;left: 50%;transform: translateX(-50%);}
    .main_visu_cont{z-index: 10;position: relative;}
    .main_visual_txt02{margin-top: 10px;}
    .main_visual_txt02 br{display:none;}
    .main_visual_txt03{margin-bottom: 60px;width: calc(100% - 400px);font-size: 1.0625rem;}
    .main_visual_txt03 > br{display:none;}

    .visu_slide_control{position: absolute;bottom: 0;width: 100%;z-index: 1;}

    .main_visual_rgt{position: absolute;right: 0;bottom: 0;width: 350px;height: 190px;margin-top: auto;}

    .main_cont_inner{padding-top: 35px;padding-bottom: 45px;}
    .main_cont01{margin-bottom: 45px;}
    .main_quick > li > a{gap: 5px;}
    .main_quick > li > a > div{width: 35px;}
    .main_quick > li > a > div > img{max-height: 25px;}
    .main_quick > li > a > p{line-height: 1.35;}

    .main_down_top > img{width: 50px;}

    .main_cont02{margin-top: 45px;}
    .main_cont02 > .swiper-container > ul > li{background-position: right -44px top 59px;}
    .main_cont02_cont{left: 25px;width: calc(100% - 50px);}
    .main_cont02_txt02{width: 80%;}

    .main_cont03{margin-top: 35px;}
    .main_cont03_lft{display: block;}
    .main_cont03_lft .cont03_lft_top{padding: 25px;}
    .main_cont03_lft .cont03_lft_bott{padding: 25px;width: 100%;position: relative;margin-top: 20px;}
    .main_cont03_lft .cont03_lft_bott > .main_cont03_tit{}
    .main_cont03_lft .cont03_txt{margin-top: 15px;margin-bottom: 0;}
    .main_cont03_lft .cont03_ico{position: absolute;right: 25px;top: 50%;transform: translateY(-50%);}

    .main_cont03_rgt{padding: 25px;margin-top: 20px;}
    .main_cont03_rgt .cont03_down_list{gap: 10px;}
    .main_cont03_rgt .cont03_down_list > li{flex: 0 calc((100% / 2) - 5px);}
    .main_cont03_rgt .cont03_down_list > li > a > div{height: 45px;}

}
@media (max-width:700px) {
   
    .main_visual_txt03{width: calc(100% - 340px);font-size: 1rem;}

    .main_visual_rgt{width: 325px;height: 177px;}

    .main_down{min-width: 230px;}
    .main_down_midd{font-size: 1.5rem;margin-top: 10px;}
    .main_down_bott{display: block;height: 100%;}
    .main_down_txt{align-items: center;padding: 8px 12px;}
    .main_down_ico{width: 100%;height: 25px;}
    .main_down_ico > img{height: 13px;}


    .main_cont03_rgt .cont03_down_list > li > a > div > img{height: 13px;}

}
@media (max-width: 640px) {

    .main_visu_inner{display: block;padding-bottom: 45px;}
    .main_visu_lft{padding-bottom: 0;}
    
    .main_visual_txt03{margin-bottom: 40px;width: calc(100% - 310px);}

    
    .visu_slide_control > .swiper-pagination-progress{width: 100px;}
    .main_visual_rgt{width: 300px;height: 160px;}

    .main_cont_inner{padding-top: 25px;padding-bottom: 35px;}
    .main_cont01{display: block;margin-bottom: 35px;}
    .main_quick > li{flex: 1;height: auto;}
    .main_quick > li > a{display: block;}
    .main_quick > li > a > div{width: 100%;height: 35px;}
    .main_quick > li > a > div > img{max-height: 22px;}

    .main_down{margin-top: 25px;}

    .main_down_bott{display: flex;height: 45px;justify-content: space-between;}
    .main_down_txt{padding: 0 15px;}
    .main_down_ico{width: 40px;height: 100%;}


    .main_cont02{margin-top: 35px;}
    .main_cont02 > .swiper-container > ul > li{background-size: auto 140px;background-position: right -55px top 58px;}
    .main_cont02_txt01{font-size: 1.5rem;}
    .main_cont02_txt02{letter-spacing: -0.75px;}

    .main_cont03_lft .cont03_lft_top{padding: 20px;}
    .main_cont03_lft .cont03_info{margin: 15px 0;}
    .main_cont03_lft .cont03_info > ul > li{padding-right: 12px;margin-right: 12px;}
    .main_cont03_lft .cont03_lft_bott{padding: 20px;}
    .main_cont03_lft .cont03_ico{right: 20px;width: 40px;height: 40px;}

    .main_cont03_rgt{padding: 20px;}
    .main_cont03_rgt .cont03_down_list > li > a > div{width: 40px;}

}
@media (max-width:590px) {
    .main_visual:after{width: 45vw;height: 80%;background-size: auto 88%;background-position: left 17% bottom;}
    .main_visu_inner{padding-bottom: 35px;}
    .main_visu_lft:after{height: 35px;display: none;}
    .main_visual_txt03{width: 50vw;margin-bottom: 15px;}

    .visu_slide_control{height: 35px;justify-content: center;margin-top: 0;}
    .visu_slide_control > .custom-fraction{font-size: 1rem;}
    .visu_slide_control > .custom-fraction > span.current-num{font-size: 1.25rem;}
    .visu_slide_btn{gap: 10px;}

    .main_visual_rgt{width: 100%;height: auto;position: relative;box-shadow: none;}

    .main_cont03_lft .cont03_info > div{gap: 5px;padding: 13px 10px;display: block;}
    .main_cont03_lft .cont03_info > div > img{display: table;margin: 0 auto;margin-bottom: 10px;}
    .main_cont03_lft .cont03_info > ul{display: block;flex: 1;}
    .main_cont03_lft .cont03_info > ul > li{border-right: 0;border-bottom: 1px solid #ddd;padding: 0;margin: 0;padding-bottom: 7px;margin-bottom: 7px;text-align: center;}
    .main_cont03_lft .cont03_info > ul > li:last-of-type{padding-bottom:0;margin-bottom:0;border-bottom:0;}
    .main_cont03_lft .cont03_list{display: block;}
    .main_cont03_lft .cont03_list > li{margin-top: 5px;gap: 12px;}
    .main_cont03_lft .cont03_list > li:first-of-type{margin-top:0;}
    .main_cont03_lft .cont03_list > li > span{line-height: 26px;height: 26px;width: 70px;display: block;}


}
@media (max-width:480px) {
    .main_visual:after{width: 23vw;background-size: auto 80%;background-position: left 12% bottom;}
    .main_visu_lft:before{background-size: 125px auto;width: 125px;left: -75px;}
    .main_visual_txt02{font-size: 1.75rem;letter-spacing: -0.95px;}
    .main_visual_txt03{width: 74vw;}

    .main_cont01{margin-bottom: 25px;}
    .main_quick{flex-wrap: wrap;gap: 5px;}
    .main_quick > li{flex: 0 calc(50% - 2.5px);}
    .main_quick > li > a{display: flex;}
    .main_quick > li > a > div{width: 35px;height: auto;}
    .main_quick > li > a > div > img{max-height: 25px;}
    
    .main_down_bott{height: 40px;}
    .main_down_ico{width: 35px;}


    .main_cont02{margin-top: 25px;height: 210px;}
    .main_cont02 > .swiper-container > ul > li{background-size: auto 105px;background-position: right bottom -13px;height: 210px;}

    .main_cont02_cont{top: 20px;transform: none;left: 20px;width: calc(100% - 40px);}
    .main_cont02_txt01{font-size: 1.25rem;}
    .main_cont02_txt02{width: 100%;margin-top: 10px;}
    .main_cont02_control{padding: 10px 15px;}

    .main_cont03{margin-top: 25px;}
    .main_cont03_lft .cont03_lft_top{padding: 15px;}
    
    .main_cont03_lft .cont03_lft_bott{padding: 15px;margin-top: 15px;}
    .main_cont03_lft .cont03_txt{width: calc(100% - 40px);margin-top: 12px;}
    .main_cont03_lft .cont03_ico{width: 35px;height: 35px;}

    .main_cont03_rgt{padding: 15px;margin-top: 15px;}
    .main_cont03_rgt > .main_cont03_tit{}
    .main_cont03_rgt .cont03_txt{margin: 12px 0;}
    .main_cont03_rgt .cont03_down_list{display: block;}
    .main_cont03_rgt .cont03_down_list > li{margin-top: 5px;}
    .main_cont03_rgt .cont03_down_list > li:first-of-type{margin-top:0;}
    .main_cont03_rgt .cont03_down_list > li > a > div{height: 35px;width: 35px;}

}