@charset "utf-8";

:root {
	--font-size:20px;
	--sub-font-size: 16px;
	--small-font-size: 15px;
}
.sub-fs {font-size: var(--sub-font-size) !important;}
.small-fs {font-size: var(--small-font-size);}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.pc_view {display:block}
.mb_view {display:none}
.mont {font-family:'Montserrat', sans-serif; }





/* header */
#header {width:100%; position: relative; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); z-index:10; line-height:0px}


.header_bar {padding:0px 10px;  background:rgba(2, 104, 179, 1);}
.header_bar.fix {width:100%; position: fixed; left: 0px; top:0px;  box-shadow:0px 6px 5px rgba(0, 0, 0, 10%);}
.in_header {max-width:var(--inner); width:100%; height:88px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}


/* wrap */
#wrap {width:100%; overflow:hidden; word-break:keep-all; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {position:relative; padding:0px 10px 100px 10px;}
.inner {max-width:var(--inner); margin:0 auto;}


.side_quick { position: fixed; right: 10px; top: 50%; z-index:99; transform: translateY(-50%);}
.side_quick > ul > li:not(:first-child) {border-top:1px solid #000;}
.side_quick a {background:#000; display:flex; width:100px; height:100px; border-radius:100%; font-size: 14px; font-weight:500; line-height:1.4em; justify-content: center; align-items: center; color:#fff; text-align: center; flex-direction: column;}
.side_quick a .ico {display:block; margin-bottom:5px;}

.all_menu {display:none;}
.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:block; }
.menu_btn a {display:block; font-size:1px; text-indent: -90999em;}
.menu_btn a > span {display:flex; width:38px; height:38px; align-items:center; justify-content: center; overflow:hidden;}
.menu_btn a > span > span {position:relative; width:30px; height:3px; background: #fff;}
.menu_btn a > span > span:After {content:""; width:100%; height:3px; background:#fff; position:absolute; left:0%; top:10px;}
.menu_btn a > span > span:before {content:""; width:100%; height:3px; background:#fff; position:absolute; left:0%; top:-10px;}

.go_contact {display:flex; justify-content:center; align-items:center; font-size:16px; font-weight:600; height:3.25em; transition:all 0.2s 0s ease-in-out; position:relative; border-radius:10px; width:12.125em; background: var(--key-color); color: #000; gap:1em;}
.go_contact img {max-width:17px;}


/* GNB */
.w_gnb {padding:0px 0px 0px 100px; height: 100%; display: flex; gap:30px; align-items:center; justify-content: flex-end;}
.w_gnb .gnb {flex:1; height: 100%; max-width:750px; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px;  transition:all 0.5s 0s ease-out;}
.w_gnb .gnb > li {position: relative;}
.w_gnb .gnb > li > a {display:flex; align-items: center; height: 100%; color:#fff;}
.w_gnb .gnb > li > a > span {display:flex; justify-content:center; align-items:center; font-size:16px; font-weight:600; padding:0px 1em; height:3em; transition:all 0.2s 0s ease-in-out; position:relative; border-radius:8px; gap:1em; min-width:7em;}
.w_gnb .gnb > li:has(.sub_menu) > a > span:after {content: ""; width:12px; height:8px; margin-top:2px; background: url(../img/common/gnb_arrow.svg) no-repeat center center; transition:all 0.2s 0s ease-in-out; }
.w_gnb .gnb > li:hover > a > span {background:#1c77bb /*rgba(255, 255, 255, 0.1);*/}
.w_gnb .gnb > li.on > a > span {background:#1c77bb }

.w_gnb .sub_menu {display:none; position: absolute; left: 0px; top:62px; width: 100%; border-radius:0px 0px 8px 8px; overflow: hidden; padding-top:7px; background: #1c77bb;}
.w_gnb .sub_menu > li {border-top: 2px solid #0268b3;}
.w_gnb .sub_menu > li > a {display:flex; align-items:center; font-size:16px; color: #fff; font-weight:600; padding:0px 1em; height:3em; transition:all 0.2s 0s ease-in-out; background: #1c77bb;}
.w_gnb .sub_menu > li > a:hover {background: var(--key-color); color:#000;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}

.bar_right {display:flex; flex-wrap:wrap; gap:24px 30px; max-height:calc(100vh - 100px); overflow-y: auto; flex:1; padding:55px 0px 55px 50px; }
.bar_right::-webkit-scrollbar { width: 6px; }
.bar_right::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.bar_right::-webkit-scrollbar-track { background-color: transparent;  }
.bar_right > li {width:calc(33.333% - 20px)}
.bar_right > li > a {display:flex; height:60px; align-items:center; border:1px solid #e5e5e5; background: #fff; border-radius:6px; font-size:20px; color:#000000; font-weight:400; padding-right:20px; padding-left:35px; transition:all 0.2s 0s ease-in-out; position: relative;}
.bar_right > li > a:after {content: "▼"; position: absolute; right:20px; top:50%; transform: translateY(-50%); color: #cccccc; font-size:9px; line-height:9px; font-weight:400;}
.bar_right > li:hover > a {color:#fff; background: var(--key-color); border-color:var(--key-color); font-weight:700;}
.bar_right > li:hover > a:after {color:#fff; font-weight:400;}



/* slide_menu */
.slide_menu_wrap {width:100vw; height:100%;  z-index:998; position:fixed; top:-100%; left:0px; overflow: hidden;}
.slide_menu_inner {height:100%; background:#fff; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}
.slide_menu_inner .header {height:100px; max-width: 1820px; margin:0 auto; position:relative;}
.slide_menu_inner .header::after {content:""; width:100vw; height:1px; background:#000; position:absolute; left:50%; top:100%; transform: translateX(-50%)}
.slide_menu_inner .bt_close {position:absolute; right:10px; top:50%; transform: translateY(-50%); display: flex; width: 26px; height:26px; text-indent: -999999em;}
.slide_menu_inner .bt_close:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%}
.slide_menu_inner .bt_close:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.slide_menu_inner .gnb {max-width:1820px; margin:0 auto; position:relative; font-size:var(--sub-font-size); overflow-y: auto; height:calc(100% - 100px); overflow-x: hidden;}
.slide_menu_inner .gnb::-webkit-scrollbar { width: 6px; }
.slide_menu_inner .gnb::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.slide_menu_inner .gnb::-webkit-scrollbar-track { background-color: transparent;  }
.slide_menu_inner .gnb > li:not(:first-child) {border-top:1px solid #000;}
.slide_menu_inner .gnb > li {display:flex;}
.slide_menu_inner .gnb > li > a {font-size:2em; color:#000; font-weight:800 ; line-height:1.4em; padding:min(50px, 6vw) min(44px, 5vw); min-width:9em; align-self: flex-start;}
.slide_menu_inner .gnb a {color:#000;}
.slide_menu_inner .gnb .sub_menu {display: flex !important; align-items: center; gap:0.8em min(6em, 5vw); flex:1; flex-wrap:wrap; padding:min(50px, 6vw) min(44px, 5vw); border-left:1px solid #000 ;}
.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.5em; line-height:1.4em; font-weight:700;}
.slide_menu_inner .go_contact {display:none;}

.section {padding-top:min(90px, 13vw); padding-bottom:min(90px, 13vw); padding-left:10px; padding-right: 10px; font-size: var(--font-size); line-height:1.5em}
.section .more {position:absolute; right:0px; top:0px;}
.section .more > a {display:flex; color:#000; font-weight:600; align-items:center;}
.section .more > a > span {display:flex; width:32px; height:32px; justify-content:center; align-items:center; margin-left:10px; background:#fff; border-radius:10px; color:#fff; position:relative}
.section .more > a > span:after {display:block; content:""; width:16px; height:2px; background:#000; position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-1px; transition:all 0.5s;}
.section .more > a > span:before {display:block; content:""; width:2px; height:16px; background:#000; position:absolute; left:50%; top:50%; margin-top:-8px; margin-left:-1px; transition:all 0.5s;}
.section .more > a:hover > span:after {transform:rotate(90deg);}
.section .more > a:hover > span:before {transform:rotate(90deg);}
.m_tit {padding:1em 0px 0.8em 0px; color:var(--key-color); font-size:2.4em; line-height:120%; font-weight:400; }
.m_tit > strong {font-weight:600;}
.m_tit_txt {font-weight:500; font-size:1.3em; line-height: 1.4em; margin-bottom: 1em; margin-top: 0.5em;}
.m_tit_txt_s {line-height: 1.4em; margin-bottom: 1em; margin-top: 0.5em; color: rgba(0, 0, 0, 0.73);}


#section1 {padding:0px;}
.main_visual {height:630px; position: relative; padding:10px}
.main_visual .key_visual {display: flex; align-items: center; width:100%; height: 100%; margin: 0 auto; max-width: var(--inner); color: #fff;}
.main_visual .bg_video, .main_visual .bg_img {width:100%; height: 100%; position:absolute; left: 0px; top: 0px; object-fit: cover; z-index: -1;}
.main_visual .big {font-size: 1.4em; max-width: 1000px;}
.main_visual .big .txt_d {padding-top:1em; color: rgba(209, 213, 220, 1); font-size: 0.95em;}

.main_visual .txt_a {font-size:2.5em; line-height: 1.2em; font-weight: 600; padding-bottom: 0.5em;}
.main_visual .txt_b {font-size:1.2em; line-height: 1.35em; font-weight: 700;}
.main_visual .txt_c {font-weight: 300;}
.main_visual .txt_c + .txt_c {padding-top:0.8em}
.main_visual .txt_c strong {font-weight: 600;}
.main_visual .txt_d {font-weight: 300;}
.main_visual .txt_b + .txt_c {padding-top: 1em;}
.main_visual .bt {padding-top:1.5em;}
.main_visual .bt > a {max-width:14.375em; font-size: var(--sub-font-size);}
.main_visual .bt > a img {width: 17px;}

.wave_text {white-space: nowrap; margin:0px -10px; box-sizing: border-box; overflow:hidden; height:min(80px, 10vw); background: #000;}
.wave_text > p {display: inline-flex; height: 100%; gap:2em; align-items: center; animation:text-to-left 90s linear infinite; font-size:min(1.5em, 3vw); line-height:1.3em; font-weight:700; color: #fff; letter-spacing: 0.2em;}

@keyframes text-to-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.our_products {display: flex; gap:25px;}
.our_products > li {border:2px solid #1A2B4A26; border-radius:20px; padding:2.5em 1.5em; text-align: center;}
.our_products .txt_a {font-weight:700; font-size: 1.5em; line-height: 1.3em; min-height: 3em;}
.our_products .txt_a .small {display: block; font-weight:500; font-size:0.8em; line-height: 1.3em;}
.our_products .img {margin:1em 0px 2.5em 0px;}
.our_products .bt {text-align:center}
.our_products .bt > a {max-width:13em; font-size:0.9em}
.our_products .bt > a img {max-width:17px;}

.anytime {display: flex; justify-content: space-between; gap:20px; max-width: 1025px; margin: 0 auto; padding-top: min(60px, 5vw);}
.anytime > li {max-width:491px; box-shadow: 0px 3px 20px rgba(0, 0, 0, 20%); background: #fff; overflow: hidden; border-radius:24px;}
.anytime .photo {position: relative; overflow: hidden; padding-bottom: calc(345 / 491 * 100%);}
.anytime .photo:after {display: block; content:""; width: 100%; height:60%; position: absolute; left: 0px; bottom: 0px; background: linear-gradient(to top, rgba(0, 0, 0, 100%) 0%, rgba(0, 0, 0, 0%) 100%);}
.anytime .photo > img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover;}
.anytime .photo .name {font-size:1.4em; line-height: 1.4em; font-weight:500; width: 100%; position: absolute; left: 0px; bottom: 0px; padding:1em ; color: #fff; display: block; z-index: 2;}
.anytime .photo .premiun {position: absolute; right:15px; top:18px; font-weight:600; z-index:2; display: flex; font-size:14px; gap: 5px; background: #fff; border-radius:20px; height:36px; width: 151px; justify-content: center; align-items: center; line-height: 1.4em; color: #333;}
.anytime .info {background: #fff; padding:1.5em; font-size:var(--sub-font-size); line-height: 1.4em; display: flex; flex-direction: column; gap:20px;}
.anytime .info .bt {margin-top:auto;}
.anytime .info .bt a {max-width:10em;}



.event_slide {position:relative; min-height:400px;}
.event_slide .swiper {margin:0px 35px; padding:50px 15px; overflow: hidden;}
.event_slide .swiper-slide { width:100%;}
.event_slide .swiper-slide * {transition: all 0.4s 0s ease-in-out;}
.event_slide .box {display:block; opacity:0.6; position:relative; background: #fff;padding:1em; border-radius:16px; border-bottom:14px solid var(--key-color); overflow: hidden; box-shadow:0px 0px 10px rgba(0, 0, 0, 10%); transform: scale(0.95);}
.event_slide .box .info {display: flex; flex-direction: column; align-items: center; justify-content:center; text-align: center;}
.event_slide .box .info .img {text-align:center;}
.event_slide .box .info .img img {width:46px; transition: all 0.4s 0s ease-in-out;}
.event_slide .box .txt_a {font-size: 1.2em; font-weight:600 ; line-height: 1.2em; padding-top: 0.7em;}
.event_slide .box .txt_b {font-size: var(--small-font-size); font-weight:500; line-height: 1.3em; color: var(--key-color);}
.event_slide .box .txt_c {font-size: var(--sub-font-size); line-height: 1.45em; min-height:5.35em ; padding-top:1em;}
.event_slide .swiper-slide-active .box {transform: scale(1.2);  z-index:2; opacity:1; box-shadow:0px 0px 20px rgba(180, 188, 216, 1)}
.event_slide .swiper-slide-active .box .info {transform: scale(0.84);}
.event_slide .swiper-slide-active .box .info .img img {width:86px;}

.event_slide .slide_control {display:flex; align-items:center; justify-content: space-between;}
.event_slide .slide_control .arrow {width:50px; height:50px; background:var(--key-color); border-radius:100%; position: absolute; top: 50%;}
.event_slide .swiper-button-prev {left:-30px; transform: translateY(-50%) rotate(180deg);}
.event_slide .swiper-button-next {right:-30px; transform: translateY(-50%);}
.event_slide .swiper-button-prev:after {display:none;}
.event_slide .swiper-button-next:after {display:none;}
.event_slide .slide_control .play_stop {font-size:0px; display: flex; width:30px; height:30px; justify-content: center; align-items: center; color:#000;}
.event_slide .slide_control .play:before {display: block; content: "▶"; font-size:16px;}
.event_slide .slide_control .stop:before {display: block; content: ""; width:4px; height:18px; border-left:4px solid #000; border-right:4px solid #000;}

.faq_list { max-width:940px; border:1px solid rgba(0, 0, 0, 0.2); border-radius:32px; margin: 0 auto; overflow: hidden; margin-top: min(60px, 5vw);}
.faq_list > li {overflow:hidden;}
.faq_list > li:not(:last-child) .title {border-bottom:1px solid rgba(0, 0, 0, 0.2)}
.faq_list > li .title {display:flex; align-items:center; min-height:80px; font-weight:500; padding:10px 20px 10px 1.5em;  cursor:pointer; background: #fff;}
.faq_list > li .title .txt {flex:1;}
.faq_list > li .title:after {content:''; min-width:50px; height:50px; background: url(../img/common/faq+.svg) no-repeat center center; display:inline-flex; line-height: 1em; font-size:1.5em; font-weight: 500; align-items: center; justify-content: center;}
.faq_list > li .title.on:after {background: url(../img/common/faq-.svg) no-repeat center center;}
.faq_list > li .title.on {border-bottom:1px solid rgba(0, 0, 0, 0.2)}
.faq_list > li .answer_wrap {position:relative; padding:1em 1.5em; display:none;background:rgba(248, 248, 252, 1); }
.faq_list > li .answer {font-size: var(--sub-font-size); line-height: 1.5em; font-weight:400;}
.faq_list > li .answer .bul01 > li:before {background: #000;}

.contact_us_wrap {background: #fff; border-radius:15px; overflow: hidden; display: flex;}
.contact_us_wrap > div {width:50%; padding: 2em 1.5em;}
.contact_us_wrap .info {padding:1.5em 2em}
.contact_us_wrap .info .m_tit {line-height:1.1em;}
.contact_us_wrap .info .dec {font-size:0.9em; line-height: 1.4em; font-weight: 500;}
.contact_us_wrap .info .dec .t-key {text-decoration:underline}
.contact_us_wrap .info .txt_c {font-size:0.9em; line-height: 1.4em; font-weight:400; padding:1em 0px; color: rgba(0, 0, 0, 0.9);}
.contact_us_wrap .info .img {max-width:426px ; padding-top: 2.2em;}
.contact_us_wrap .info .txt_b {font-size:var(--sub-font-size); font-weight: 300; line-height: 1.4em; padding-top: 0.5em;}
.contact_us_wrap .info .txt_b > strong {font-weight:500;}
.contact_us_wrap .write {background:#0268B3; border-radius:15px 0px 0px 15px ;}

.contact_us_wrap2 .info {width: 45%;}
.contact_us_wrap2 .write {width: 55%;}


.write_form {display: flex; flex-wrap: wrap; gap:1.5em;}
.write_form > li {width: calc(50% - 0.75em);}
.write_form > li.one {width: 100%;}
.write_form .label {display: flex; align-items: center; color: #fff; font-weight:500; gap:0.2em; margin-bottom: 0.4em;}
.write_form .label .es {color:var(--key-color)}
.write_form .input, .write_form .textarea {width:100%; border-radius:8px; border:1px solid rgba(26, 43, 74, 0.1); height: 3em; }
.write .bt {margin-top: 1.6em;}
.write .bt a {font-size: 0.9em; font-weight:600; height:3.3333em ;}

.m_tit_txt_s + .first_box {margin-top: min(50px, 5vw);}
.m_tit_txt_s + .design_box {margin-top: min(50px, 5vw);}
.m_tit_txt_s + .img_txt_box {margin-top: min(50px, 5vw);}
.first_box {border-radius:20px; overflow: hidden; display: flex; min-height: 20.25em;}
.first_box .info {background: var(--key-color); flex:1; display: flex; flex-direction: column; justify-content: center; padding:1.7em;}
.first_box .info .txt_a {font-size:1.65em; line-height: 1.3em; font-weight:500;}
.first_box .info .txt_b {line-height: 1.3em; font-weight:300; padding-top: 0.6em;}
.first_box .info .txt_b + .txt_a {margin-top:0.5em;}
.first_box .info .txt_b strong {font-weight:600;}
.first_box .info .txt_c {line-height: 1.05em; padding-top: 0.8em;}
.first_box .info .txt_c > strong {font-weight:600;}
.first_box .info .bt {margin-top: 1em;}
.first_box .info .bt a {font-size:var(--sub-font-size);}
.first_box .img {width:41%; max-width:468px; background:#fff; padding:1em 15px; border:1px solid rgba(26, 43, 74, 0.15); border-radius:0px 20px 20px 0px; border-left:none; display: flex; justify-content: center; align-items: center;}
.first_box .img50 {width:50%; max-width:557px;}
.first_box .full {padding:0px; border:none;}
.first_box .full img {width: 100%; height: 100%; max-width:100% !important; object-fit: cover;}
.first_box .white {background: #fff; color:rgba(0, 0, 0, 0.73); border:1px solid rgba(26, 43, 74, 0.15); border-radius:20px 0px 0px 20px;}
.first_box .white .txt_a {color:var(--key-color); font-weight:600;}
.first_box .white .txt_b { font-weight:400;}
.first_box.reverse .info {order:2;}
.first_box.reverse .img {border-radius:20px 0px 0px 20px; border:1px solid rgba(26, 43, 74, 0.15); border-right:none;}

.design_box {display: flex; gap:1.4em; flex-wrap: wrap; justify-content: center; margin-top: min(50px, 5vw);}
.design_box > li {width: calc(33.3333% - 0.94em); background: #fff; border-radius:16px; padding:1.7em; border-bottom:8px solid var(--key-color); box-shadow: 0px 5px 30px rgba(235, 239, 255, 1);}
.design_box .txt_a {font-size: 1.2em; line-height: 1.4em; font-weight: 600;}
.design_box .txt_b {padding-top: 0.8em; line-height: 1.35em;}
.design_box .txt_c {padding-top: 0.8em; font-size: var(--sub-font-size); line-height: 1.35em; color:rgba(0, 0, 0, 0.73);}
.design_box .ico {margin-bottom: 0.5em;}
.design_box.two > li {width: calc(50% - 0.7em);}

.design_box2 {gap: min(3em, 3.5vw);}
.design_box2 > li {background: #F5F5F8; position: relative;  box-shadow: none; border: none; flex: calc(33.3333% - 2em); max-width:390px ;}
.design_box2 > li::before {content: ""; width: 100%; height: 100%; border-radius:16px; background: var(--key-color); position: absolute; left: 8px; top: 8px; z-index:-1;}

.num_box > li {border-bottom-width:5px; padding:1.6em;}
.num_box .txt_a {display:flex; gap:1em; align-items: center; font-size:1.1em;}
.num_box .txt_a .num {display:flex; align-self: flex-start; justify-content: center; align-items: center; border-radius:100%; font-size:1.59em; line-height: 1em; font-weight:600; color: var(--key-color);  width:1.857em; height: 1.857em; min-width:1.857em; background:rgba(187, 234, 78, 0.2); border:1px solid var(--key-color); }
.num_box .txt_b {font-size: var(--sub-font-size);}



.vision_details {display: flex; gap: 1em; align-items: center; margin: 0 auto; margin-top: min(50px, 5vw);}
.vision_details .img {width: 41%; max-width: 465px;}
.vision_details .info {flex:1; border:1px solid #E5E5E5; overflow: hidden; border-radius:16px;}
.vision_details .info + .bt {margin-top:2em;}


.tt {table-layout: fixed; width: 100%; font-size: 0.9em; line-height: 1.3em;}
.tt img {vertical-align: middle;}
.tt thead th {background: var(--key-color); height: 3em; padding: 0.5em 1em; font-weight:600; text-align: left;}
.tt thead th.tc {text-align:center}
.tt thead th + th {border-left:1px solid #fff}
.tt tbody th {border-top:1px solid #E5E5E5; color: #fff; background: #2C2C2C; text-align: left; padding:0.3em 1em; height:2.1em; font-weight:300 ;}
.tt tbody td {border-top:1px solid #B9B9B9; border-left:1px solid #B9B9B9; background: #fff; text-align: left; padding:0.3em 1em; height:2.1em;}


.img_txt_box {display: flex; border-radius:20px; overflow: hidden; border:1px solid rgba(26, 43, 74, 0.15) ;}
.img_txt_box .img {width: 41%; max-width: 469px;}
.img_txt_box .img img, .img_txt_box .img video {width:100%; height: 100%; object-fit: cover;}
.img_txt_box .img50 {width: 50%; max-width: 598px;}
.img_txt_box .flex {display:flex; align-items: center; padding:2.5em 1.5em; background: #fff;}
.img_txt_box .flex img {height: auto;}
.img_txt_box .info {flex:1; padding:1.2em 2.2em; display: flex; flex-direction: column; justify-content: center; background: #fff;}
.img_txt_box .info .txt_a {font-size: 1.65em; line-height: 1.3em; font-weight:600; color: var(--key-color);}
.img_txt_box .info .txt_b {color: rgba(0, 0, 0, 0.73); padding-top: 0.5em; line-height: 1.35em;}
.img_txt_box .info .txt_b strong {font-weight:600;}
.img_txt_box .info .txt_b + .txt_a {margin-top:0.4em;}
.img_txt_box .info .txt_c {color: rgba(0, 0, 0, 0.73); padding-top: 0.5em; line-height: 1.35em; font-size: var(--sub-font-size);}
.img_txt_box .info .bt {padding-top:1.5em;}
.img_txt_box .info .bt a {font-size: var(--sub-font-size);}
.img_txt_box.bg_wave {background:url(../img/products/s6_bg.png) no-repeat left bottom /cover; border: none;}
.img_txt_box.bg_wave .info {background: none;}
.img_txt_box.reverse .img {order:2;}
.img_txt_box + .img_txt_box {margin-top:1.3em;}
.img_txt_box .img .swiper {width: 100%; height: 100%; overflow: hidden; position: relative;}
.img_txt_box .img .swiper .arrow {display: flex; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.8); border-radius:5px; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;}
.img_txt_box .img .swiper .swiper-button-prev {left:1.5em}
.img_txt_box .img .swiper .swiper-button-next {right:1.5em}
.img_txt_box .img .swiper .swiper-slide {display: flex; align-items: center;}
.img_txt_box .img .swiper .swiper-slide img {height:auto;}

.ex_action_box {display: flex; flex-direction: column; align-items: center; justify-content: center; min-height:22.15em; padding: 1em; border-radius:18px; background: url(../img/products/s8_bg.jpg) no-repeat left top/cover; color: #fff; text-align: center;}
.ex_action_box .m_tit {color: #fff; padding-bottom: 0.4em;}
.ex_action_box .txt_b {font-weight:300; padding-bottom: 0.5em; line-height: 1.3em;}
.ex_action_box .txt_c {font-size:var(--small-font-size); font-weight:200;}
.ex_action_box .bt {padding-top: 1.5em;}
.ex_action_box .bt > a{font-size:var(--sub-font-size)}
.ex_action_box .bt > a img {max-width:17px;}
.ex_action_box .tel {font-weight:300;}
.ex_action_box .tel > span {}


.full_ex {display: flex; align-items: center; justify-content: space-between; gap:2em;}
.full_ex .img {width: 41%; max-width:475px;;}
.full_ex .info {flex:1; max-width:589px;}
.full_ex .info .m_tit {padding-bottom:0.5em; line-height:1.1em ;}
.full_ex .info .txt_b {color: rgba(0, 0, 0, 0.73);}
.full_ex .info .bt {padding-top: 1.5em;}
.full_ex .info .bt > a {font-size:var(--sub-font-size)}
.full_ex.reverse .img {order: 2;}

.guide_video {overflow: hidden; border-radius: 12px; position: relative; margin-top:min(90px, 8vw); }
.guide_video > a {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #fff; font-size:min(2.25em, 6vw); line-height: 1.2em; font-weight: 600; gap:0.4em; padding:1em}
.guide_video > a .bt {background:rgba(255, 255, 255, 0.31); line-height:0px; padding:min(8px, 1vw); display:flex; align-items: center; border-radius:100%;}
.guide_video > a .bt img {max-width:min(70px, 10vw)}
.guide_video iframe {position: absolute; left: 0px; top:0px; width: 100%; height: 100%; object-fit: cover; display:none;}

.Bring_golf_home {background: var(--key-color); text-align: center;}
.Bring_golf_home .m_tit {color: #000;}

.Bring_golf_home .bt {margin-top:1.5em;}
.Bring_golf_home .bt a {font-size:var(--sub-font-size);}

.bt.flex {display: flex; flex-wrap: wrap; gap:0.5em 1.5em;}

.about_bottom {background: var(--key-color); color: #fff; padding:0px 10px;}
.about_bottom .txt {text-align: center; font-size:1.7em; line-height: 1.2em ; font-weight: 600; padding:0.64em 0px;}

.get_in_touch {height:330px; padding: 10px; background: rgba(249, 249, 249, 0.9); border-bottom: 1px solid rgba(211, 211, 211, 1);}
.get_in_touch .key_visual {width:100%; text-align: center; justify-content: center; color:rgba(0, 0, 0, 0.8) ;}
.get_in_touch .txt_a {color: var(--key-color);}
.get_in_touch .txt_c {font-weight: 400;}


@media (hover: hover) and (pointer: fine) {

 }

.movie_frame, .video_wrap {padding-bottom:calc(388 / 691 * 100%); position: relative; overflow:hidden;}
.movie_frame > img, .video_wrap > video {position:absolute; left:0px; top:0px; width:100%; height:100%; object-fit: cover;}



/* footer */
.footer_wrap {padding: 0px 10px; background:#0268B3;}
#footer {max-width:var(--inner); position:relative; color: #fff; margin:0 auto; }
#footer .go_top {position:absolute; right:0px; top:0px; z-index:99; display:none;}
#footer .go_top > a {display:flex; width:67px; height:67px; line-height:1.6em; background:#181a26; justify-content:center; text-align: center; align-items:center; flex-direction:column; color:#fff; font-size:9px; font-weight:600; border-radius:100%;}
.footer_navi {display:flex; flex-wrap:wrap; padding:40px 0px; gap:10px 20px; justify-content:space-between; align-items: flex-start;}
.footer_navi .left {max-width:340px;}
.footer_navi .left .txt {font-size: var(--sub-font-size); font-weight: 300; line-height: 1.5em; margin-top:1em;}
.footer_navi .navi {display:flex; flex-wrap:wrap; gap:2em;}
.footer_navi .navi > li > a {font-size: 1.3em; line-height: 1.3em; font-weight:500; color: #fff;}
.footer_navi .navi .sub {padding-top:0.8em;}
.footer_navi .navi .sub > li {margin-top: 2px;}
.footer_navi .navi .sub > li > a {font-size:0.9em; font-weight: 300; color: #fff;}

.addressW {display: flex; align-items: center; justify-content: space-between; gap:10px; margin-top:min(30px ,4vw); position: relative; padding: 1.5em 0px;}
.addressW::before {content:""; width: 100vw; height: 1px; background: #fff; opacity:0.3; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
.addressW address {font-size:0.9em; line-height: 1.4em; font-weight: 300;}
.addressW address > span {position:relative; font-weight:500;}
.addressW address > span+span:before {content:""; width:1px; height:14px; background: #ccc; opacity: 0.5; position: absolute; left:-1em; top: 50%; transform: translateY(-50%);}
.addressW .copy {width:100%; font-weight: 300;}
.addressW .sns {margin-left:auto; gap:15px; display: flex;}
.addressW .sns > li > a {display: flex; width:40px; height:40px; border-radius:100%; background: #fff; justify-content: center; align-items: center ;}


/* sub_page */
.sub_visual {width:100%; max-width:var(--cont-inner); margin:0 auto; border-radius:20px; overflow:hidden; position:relative; background-size:cover !important;}
.sub_visual .sub_txt {text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; height:322px; color:#fff; z-index:9; margin:0 auto; max-width:var(--inner); padding:0px 10px;}
.sub_visual .sub_txt h2 {font-size:min(46px, 7vw); line-height:1.4em; font-weight:700;}


.sub_con { max-width:var(--inner); margin:0 auto; font-size:var(--font-size); word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.s_tit {font-size:2.6666em; color:#000000; font-family:'Hana2'; line-height:130%; padding:0px 0px 20px 0px;  position:relative; margin-top:60px; font-weight:800; display:flex; align-items:center;}
.s_tit.no-flex {display:block; line-height:1.3em;}
/*
.s_tit:before {display:block; content:""; z-index:0; width:26px; height:26px; border-radius:100%; background:linear-gradient( 120deg, #00aa53, #005e9c ); align-self:flex-start; margin-right:10px;}
.s_tit:after {display:block; content:""; position:absolute; left:9px; top:10px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
*/
.s_tit.tc {text-align:center; justify-content:center; background:none !important; padding-left:0px;}
.s_tit.tc:after {display:none;}
.s_tit.tc:before {display:none;}

.ss_tit {font-size:1.77em; color:#000; margin:2.26em 0px 0.5em 0px; font-weight:700; display:flex; align-items:center;}
.ss_tit.tc {justify-content:center; text-align:center}
.ss_tit.no-flex {display:block;}
.ss_tit > span{font-weight:300;}

.b_txt {font-size:min(2em , 5.5vw); line-height:1.6em;}
.b_txt_s {font-size:min(1.44em , 4.5vw); line-height:1.6em;}

.title_bar {text-align: center; padding:3em 0px 3em 0px;}
.title_bar > h2 {font-size:2.33em; line-height: 1.4em; font-weight:800}



/*atab*/
.atab {display:flex; overflow-x:auto; gap:8px; justify-content:center; position:relative;}
.atab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.atab::-webkit-scrollbar-thumb {background:#666;}
.atab li {flex:1;}
.atab li a {display:flex; height:2.94em; justify-content:center; align-items:center; background:#fff; text-align:center; font-weight:500; font-size:17px; line-height:1.2em; box-sizing:border-box; color:#000; padding:0px 5px; border-radius:60px; }
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background:#009178; color:#fff;}
.btab {display:flex;flex-wrap: wrap; margin-bottom:min(50px, 5vw); justify-content:center; position:relative;}
.btab li a {display:flex; height:2.88em; justify-content:center; align-items:center; word-break: break-all; background:#fff; border:1px solid #cccccc; border-radius:4px; text-align:center; font-weight:500; line-height:1.2em; box-sizing:border-box; color:#000; padding:0px 0.5em; min-width:6.6em;}
.btab li.on {position:relative; z-index:2;}
.btab li.on a {background:#d6c0fb;}


/* 레이어팝 */
.layerPop {-webkit-overflow-scrolling:touch; display: flex; align-items: center; justify-content:center; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; padding:10px; z-index:99999;  background:rgba(0, 0, 0, 50%); font-size:var(--font-size); line-height:1.5em; padding:10px;}
.pop_wrap {width:100%; max-height:100%; padding:10px; position:relative;  background:#fff; border:4px solid #000}
.pop_wrap .pop_body {padding:15px 20px; word-break:keep-all; overflow-y:auto; max-height:90vh;}
.pop_wrap .pop_body::-webkit-scrollbar { width: 6px; }
.pop_wrap .pop_body::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
.pop_wrap .pop_body::-webkit-scrollbar-track { background-color: transparent; }
.pop_wrap .x_btn {position:absolute; right:0px; top:10px; display:block; cursor:pointer; background:none; width:30px; height:30px; font-size:0px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:20px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff;}
.pop_wrap .pop_head.bg_no .title {color:#000; border-bottom:1px solid #000}
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000;}
.pop_wrap .pop_head {background:var(--key-color); position:relative;}
.pop_wrap .pop_head .x_btn {top:50%; transform: translateY(-50%); font-size:1px !important; text-indent:-999999px;}
.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:20px 50px 15px 25px; text-align:left; font-weight:800;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}


/* 팝업 */
.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/common/close.png) no-repeat right center; background-size:20px auto;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}


/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}



@media screen and (max-width:1640px) {
	.main_visual .txt_frame {height:38vw ;}
}

/* 1440px 이하 */
@media screen and (max-width:1439px) {
	
	
	.side_quick {transform: translate(200%, -50%);}
}

/* 1200px 이하 */
@media screen and (max-width:1200px) {
	
	

	
}

/* 980px 이하 */
@media screen and (max-width:979px) {
	:root {
		--font-size:18px;
		--sub-font-size:16px;
		--small-font-size: 15px;
	}

	.all_menu {display:block;}
	.w_gnb {display: none;}


	.slide_menu_inner .header {height:80px; background-size: auto 40px;}
	.slide_menu_inner .gnb {height:calc(100% - 80px);}


	.event_slide {min-height: 370px;}
	.event_slide .swiper {margin:0px; padding-left: 0px; padding-right: 0px;}
	.event_slide .slide_control .arrow {display:none;}
	
	.design_box > li {width: calc(50% - 0.7em);}
	.design_box2 > li {width:calc(50% - 1.5em); flex:none; max-width:none;}
}

/* 768 이하 */
@media screen and (max-width:767px) {
	:root {
		--font-size:17px;
		--sub-font-size:15px;
		--small-font-size:14px;
	}
	
	.pc_view {display:none}
	.mb_view {display:block}

	.slide_menu_inner .gnb > li {flex-direction: column; padding:6vw}
	.slide_menu_inner .gnb > li > a {min-width: auto; padding:0px;}
	.slide_menu_inner .gnb .sub_menu {border:none; padding:1em 0px 0px 0px !important; gap:4vw}
	.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.4em;}
	.slide_menu_inner .top_menu {right:50px}
	
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:rgba(0, 0, 0, 50%); margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}

	.over_layerW {position:relative;}
	.over_layerW .table_style1 {width:100%; margin:0px;}
	.over_layerW .table_style1 tbody tr th.tl {word-break: keep-all}
	.over_layerW table td, .over_layerW table th {word-break: keep-all}
    .over_layer {overflow:auto;}
	.over_layer > div {overflow:inherit; min-width:680px;}
	.over_layer::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
	.over_layer::-webkit-scrollbar-thumb {background:#666;}
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > table {min-width:900px;}

	.table_wrap {position:relative; overflow: auto;}
	.table_wrap > table {min-width: max-content; max-width:768px;}
	.table_wrap::-webkit-scrollbar {height:3px }
	.table_wrap::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
	.table_wrap::-webkit-scrollbar-track { background-color: transparent; }
	.table_wrap {position:relative; overflow: auto;}
	.table_wrap > table {min-width: max-content; max-width:768px;}
	.table_wrap::-webkit-scrollbar {height:3px }
	.table_wrap::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
	.table_wrap::-webkit-scrollbar-track { background-color: transparent; }

	.in_header {height:80px;}
	.m_tit {font-size:min(2.4em, 7vw);}
	.m_tit_txt {font-size:min(1.3em, 3.8vw);}

	.main_visual {height:86vw ;}
	.main_visual .key_visual {font-size:2.6vw; line-height: 1.4em;}
	.main_visual .big {font-size: 1.1em;}
	.get_in_touch {height:min(330px, 60vw);}
	.get_in_touch .key_visual {font-size:1em;}


	.event_slide {margin-left: -10px; margin-right: -10px;}
	.event_slide .swiper-slide {width:60%}
	.our_products {flex-direction: column; gap:3.2vw;}
	.anytime {flex-direction: column; gap:3.2vw;}
	.anytime > li {max-width:100%;}
	.contact_us_wrap {flex-direction: column;}
	.contact_us_wrap > div {width: 100% !important;}
	.contact_us_wrap .info .img {margin: 0 auto; max-width:100% !important; text-align: center;}
	.contact_us_wrap .info .img img {max-width:70vw}
	.contact_us_wrap .write {border-radius:15px;}

	.footer_navi {flex-direction: column; align-items: center; padding:5.5vw 0px ;}
	.footer_navi .left {max-width: 100%; text-align: center;}
	.footer_navi .f_logo img {max-width:15vw;}
	.addressW {flex-direction: column; margin-top: 0px;}
	.addressW .sns {margin:0px;}
	.addressW address {order:2;}

	.first_box {flex-direction: column;}
	.first_box .img {width: 100%; max-width:100%; border-radius: 0px 0px 20px 20px; border: 1px solid rgba(26, 43, 74, 0.15);}
	.first_box .img img {max-width:70vw;}
	.first_box .img50 {width: 100%; max-width:100%; border:none;}
	.first_box .img50 img {max-width:100%;}
	.first_box .white {border-radius:20px 20px 0px 0px;}
	.first_box.reverse .img {border-radius:20px 20px 0px 0px;  border: 1px solid rgba(26, 43, 74, 0.15);}
	.vision_details {flex-direction: column;}
	.vision_details .img {width: 100%; max-width:100%; text-align: center;}
	.vision_details .img img {max-width:70vw}

	.img_txt_box {flex-direction: column;}
	.img_txt_box .img, .img_txt_box .img50 {width: 100%; max-width:100%; text-align: center; display: flex; justify-content: center;}
	.img_txt_box.reverse .img {order:0;}
	.img_txt_box .img .swiper .swiper-wrapper {align-items: center;}

	.design_box > li {width:100% !important;}	

	.section img.zoomIn {width: 107% !important; max-width: 107% !important; } 

	.full_ex {flex-direction: column;}
	.full_ex .img {width: 100%;}
	.full_ex.reverse .img {order:0}

}



/* 480px 이하 */
@media screen and (max-width:479px) {
	:root {
		--font-size:14px;
		--sub-font-size:13px;
		--small-font-size:12px;
	}
	
	#header h1 img {height:40px;}
    .in_header {height:60px;}
	.menu_btn a > span > span {height: 2px; width: 28px;}
	.menu_btn a > span > span:After {height: 2px;top: 8px;}
	.menu_btn a > span > span::before {height: 2px;top:-8px;}

	.slide_menu_inner .header {background-size: auto 30px; height:60px;}
	.slide_menu_inner .gnb {height:calc(100% - 60px);}
	.slide_menu_inner .gnb > li > a {font-size:1.5em; margin-bottom:0.5em}
	.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.15em;}

	
	.footer_navi .sel_box {flex: inherit; width: 100%; max-width: 100%;}
	.footer_navi .sns img {width:24px}
	#footer .go_top{top:-20px}
	#footer .go_top > a {width:57px; height: 57px;}

	
    .pop_wrap .pop_head .title {text-align:left !important; font-size:20px; padding-left:15px !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
	.pop_wrap .pop_body {padding:10px}

	#inner_wrap {padding-bottom:50px; padding-top:0px;}
	
	.sub_visual {border-radius: 0px;;}
	.lnb_tit, a.lnb_tit {height:50px; line-height:50px; font-size:14px; }
	.lnb ul li a {font-size:13px;}
	.lnb_tit:after {right:10px;}

	.purpose .txt_b {font-size:1.2em ;}
	
	.event_slide .list {gap:30px;}
	.event_slide .list > li {width:100% }

	.event_page .titW {height: 200px;}
	.event_page .tit {font-size: 2.3em;}
	.event_page .date {font-size: 1.2em;}
	.poster_wrap .poster {max-width:80%;}
	.poster_wrap .sub_tit {font-size:2em; text-align: center;}
	.poster_wrap .dec {font-size: 1.5em; text-align: center}
	.poster_wrap .list {gap:1em}
	.poster_wrap .list > li {width:100%}

	.poster_wrap .sub_tit + .list {margin-top:1em}

	.history_wrap_bg {min-height:inherit;background-size: cover;}
	.history_wrap .box .txt_a {font-size: 2em;}
	.history_wrap .box .txt_a.big {font-size: 2.2em;}
	.history_wrap .box + .box {padding-top: 3em; margin-top: 2em;	}
	.history_wrap .history .year::before {width: 8px; height: 8px; outline: 6px solid rgba(245, 161, 1, 10%);}
	.history_wrap .history .year {padding-left: 30px; font-size: 1.7em;}
	.history_wrap .history .subs {font-size:1.1em;}

	.three_img > ul dl {font-size:1.1em;}

	.t_img_list > li {width: 100%;}

	.map_p > strong .ico {width:40px; height: 40px;}
	.map_wrap {height:350px; margin:10px 0px 5px 0px}
	.map_p_wrap.bg {flex-direction: column;}
	.map_p + .map_p:before {display:none;}

	.program_list .head .tit > h3 {font-size: 1.65em;}

	.program_write .people_info .flex_input .select:nth-of-type(1) {max-width:60px !important;} 
	.program_write .people_info .flex_input .select {max-width:50px !important;} 
	.program_write .people_info .flex_input .input:nth-of-type(1) {margin-right:0em;}
	.program_write .people_info {padding:1em}

	.vision_b dt img {max-width:30px;}
	.faq_list {border-radius:12px;}
	.faq_list > li .title {min-height:60px;}
	.faq_list > li .title:after {min-width:10px; height:30px; background-size:10px auto !important;}
	

	.event_slide {min-height: 350px;}
	.event_slide .swiper-slide {width:70%}
	.img_txt_box .info {padding:1.5em}

	
}