:root {
	--xxx-large-font-size:32px;
	--xx-large-font-size:28px;
	--x-large-font-size:24px;
	--large-font-size:20px;
	--font-size:18px;
	--sub-font-size: 16px;
	--small-font-size: 15px;
	--x-small-font-size: 14px;
}

.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.down, #header.over {background:#fff; box-shadow:0px 0px 9px rgba(0, 0, 0, 10%);}

.sub_wrap .menu_btn span, .sub_wrap .menu_btn span:before, .sub_wrap .menu_btn span:after{background:#000;}

:is(.down, .over) .w_gnb .gnb > li > a {color:#000;}
:is(.down, .over) .top_lang > a {color:#000;}
:is(.down, .over) .top_lang > a img  {webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
:is(.down, .over) .menu_btn a img {-webkit-filter:brightness(1) invert(1); filter:brightness(1) invert(1);}
:is(.down, .over) .top_sns > li img {-webkit-filter:brightness(1) invert(1); filter:brightness(1) invert(1);}
:is(#header.down, #header.over) h1 img {-webkit-filter:brightness(1) invert(0); filter:brightness(1) invert(0);}

*/

/* header */
#header {width:100%; min-width: 1650px; position: fixed; left:0px; top:0px; z-index:9999; transition:all 0.3s 0s ease-in-out; background: #fff; border-bottom: 1px solid #ddd;}
#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;}
/* .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:100px; margin:0 auto; position:relative; z-index:9;}

/* wrap */
#wrap {width:100%; min-width: 1650px; margin: 0 auto; overflow:hidden; word-break:keep-all; padding-top: 100px; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {position:relative; padding:min(80px, 8vw) 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;}

.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; line-height: 0px;}



/* GNB */
.w_gnb {padding:0px 120px 0px 280px;}
.w_gnb .gnb {max-width:950px; margin:0 auto; box-sizing:border-box; padding:0px;}
.w_gnb .gnb > ul {display:flex; flex-wrap:wrap; justify-content:space-around}
.w_gnb .gnb > ul > li {text-align:center; flex:auto; padding:0px 5px; vertical-align:top; }
.w_gnb .gnb > ul > li.on > a {color: var(--key-color);}
.w_gnb .gnb > ul > li > a {display:block; color:#333;}
.w_gnb .gnb > ul > li > a > span {display:flex; justify-content:center; align-items:center; font-size:20px; font-weight:700; height:100px; transition:all 0.2s 0s ease-in-out; position:relative;}



.w_gnb .sub_menu {position:absolute; left:0%; width:100%; box-sizing:border-box; overflow:hidden; top:100%; padding:25px 0px 25px 350px; box-sizing:border-box; overflow:hidden; text-align: left; flex-wrap: wrap; display:none; }

.w_gnb .sub_menu > li {width:25%; padding:9px;}
.w_gnb .sub_menu > li > a {display:flex; height:55px; line-height: 1.3em; padding-right: 50px; align-items:center; border:1px solid #CCCCCC; border-radius:4px; font-size:16px; color:#000000; font-weight:500; padding-left:20px; transition:all 0.2s 0s ease-in-out; position: relative; font-size: var(--sub-font-size);}
.w_gnb .sub_menu > li > a::after {content: ""; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background: url(../img/common/gnb_arrow.svg) no-repeat center center #EFF3F6; border-radius: 100%; position: absolute; right:20px; top: 50%; transform: translateY(-50%);}
.w_gnb .sub_menu > li:hover > a {background: var(--key-color); color:#fff;}
.w_gnb .depth3 {padding:10px 0px 0px 20px; display:none;}



/*
.w_gnb .sub_menu  {position:absolute; left:50%; width:140%; transform:translateX(-50%);padding-top:20px; box-sizing:border-box; overflow:hidden; top:100%; display:none; padding-bottom:20px;}
.w_gnb .sub_menu > li {padding:5px 0px 5px 0; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; text-align:center; color:#cccccc; font-weight:400; padding:3px 0px;  line-height:18px;}
.w_gnb .sub_menu > li > a:hover {color:#fff; text-decoration:underline;}
*/


.gnb08 {display:none !important;}
.gnb09 {display:none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
#gnb_bar {border-top:1px solid #ccc;position:absolute; display:none; left:0%; top:100%; width:100%; background:#fff; box-shadow:0px 2px 5px rgba(0, 0, 0, 10%)}
.gnb_bar_in {max-width:var(--inner); margin:0 auto; box-sizing:border-box; padding-left:300px; position:relative;}
.gnb_bar_in > span {font-size:42px; color:#fff; line-height:140%; position:absolute; left:0px; top:0%; height:100%; display:flex; align-items:center; z-index:9; font-weight:700; cursor:default; width: 300px;}
.gnb_bar_in > span::before {content: ""; width: 100vw; height: 100%; background: var(--key-color); position: absolute; right: 0px; top: 0px; z-index: -1;}
.gnb_bar_in .txt_s {font-size:16px; color:#343434; line-height:140%; position:absolute; left:30px; top:105px; z-index:9; font-weight:300}
.gnb_bar_in .sub_menu {display:block !important; }


.depth3 {padding-top:10px}
.depth3 > li + li {margin-top:5px; text-align: left;}
.depth3 > li > a {position: relative; display: block; padding-left:0.8em; font-size: var(--sub-font-size); color: #000;}
.depth3 > li > a:before {content:""; width:3px; height:3px; border-radius:3px; background:var(--sub-key-color); position: absolute; left: 0px; top:0.7em}
.depth3 > li > a:hover {color: var(--sub-key-color);}





/* 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; background: url(../img/common/logo.svg) no-repeat 10px center;}
.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:36px; height:36px; 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; border-left:1px solid #000; border-right:1px solid #000; 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 > ul > li:not(:first-child) {border-top:1px solid #000;}
.slide_menu_inner .gnb > ul > li {display:flex;}
.slide_menu_inner .gnb > ul > li > a {font-size:2em; color:#000; font-weight:800 ; line-height:1.4em; padding:min(50px, 6vw) min(44px, 5vw); padding-right: 10px; min-width:9em; align-self: flex-start;}
.slide_menu_inner .gnb a {color:#000;}
.slide_menu_inner .gnb .sub_menu {display: flex !important; 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;}



.section {padding-top:min(70px, 13vw); padding-bottom:min(70px, 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; font-size: var(--x-small-font-size); font-weight:600; align-items:center;}
.section .more > a > span {display:flex; width:36px; height:36px; border-radius:5px; justify-content:center; align-items:center; margin-left:10px; background:var(--key-color); border-radius:100%; color:#fff; position:relative;}
.section .more > a > span:after {display:block; content:""; width:10px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-1px; transition:all 0.5s;}
.section .more > a > span:before {display:block; content:""; width:2px; height:10px; background:#fff; position:absolute; left:50%; top:50%; margin-top:-5px; 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:#000000; font-size:2.33em; line-height:120%; font-weight:100; }
.m_tit > strong {font-weight:800;}
.m_tit_txt {color:#e71b36; margin-bottom: 0.3em; font-weight:600;}
.m_tit_txt + .m_tit {padding-top:0px;}

#container {font-size:15px; line-height: 1.4; color: #666;}
#snb .depth3 {padding-top:0px;}
#snb .depth3 > li + li {margin-top: 0px;}


#section1 {padding:0px; }
.main_visual {max-width: 100%;}
.main_visual .banner_slide {position: relative; overflow: hidden; }
.main_visual .swiper-slide { position: relative;}
.main_visual .swiper-slide .bg_img {position:absolute; transform: translateX(-50%) scale(1.1); left: 50%; top: 0px; width:100%; height:100%; object-fit: cover;transition:all 2s 0s ease-out;}
.main_visual .swiper-slide-active .bg_img { transform:translateX(-50%) scale(1);}
.main_visual .txt_frame {position:relative; height:620px; z-index:2; color:#fff; display: flex; justify-content: center; flex-direction: column; width:100%; max-width:var(--cont-inner); padding:0px 10px; margin:0 auto; text-shadow: 2px 2px 4px #333;}

.main_visual .slide_control { display: flex; justify-content: center; align-items: center; height: 34px; position: absolute; left: 0px; bottom: 5%; width: 100%; z-index: 5;}
.main_visual .slide_control .swiper-pagination {display: flex; align-items: center; gap:5px; font-size:11px; color:#000; font-weight:300;}
.main_visual .slide_control .swiper-pagination > span {font-size:14px; width: 15px; height: 15px; font-weight:600; background: #fff; border: none; opacity: 0.5;}
.main_visual .slide_control .swiper-pagination .swiper-pagination-bullet-active {opacity:1 ;}
.main_visual .slide_control .play_stop {font-size:0px; display: flex; width:14px; height:26px; justify-content: center; align-items: center; color:#000; display:none;}
.main_visual .slide_control .play_stop:focus {outline:1px solid #000}
.main_visual .slide_control .play:before {display: block; content: "¢º"; font-size:9px;}
.main_visual .slide_control .stop:before {display: block; content: ""; width: 2px; height: 9px; border-left:3px solid #000; border-right:3px solid #000;}
/* .main_visual .swiper-button-next {margin:0px 10px 0px 10px; }
.main_visual .swiper-button-prev:after {width: auto; height: auto; border: none; transform: none; border-radius: 0px; content: "¡ç"; color: #000; font-size:19px; font-weight:600;}
.main_visual .swiper-button-next:after {width: auto; height: auto; border: none; transform: none; border-radius: 0px; content: "¡æ"; color: #000; font-size:19px; font-weight:600;} */
.main_visual .scroll_ico {position:absolute; left:50%; transform: translateX(-50%); text-align: center; bottom:5%; z-index:97}
.main_visual .scroll_ico > a {cursor:default; display:block; width:88px; height:70px; text-align:center; color:#fff; font-weight:600; background:url(../img/main/ico_scroll.svg) no-repeat center top; position:relative;}
.main_visual .scroll_ico .arrow {display:block; width:12px; height:12px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(136deg) translateX(-50%); opacity:0.8; position:absolute; left:50%; bottom:0px; -webkit-transform:rotate(136deg) translateX(-50%); transform-origin:0px}
.main_visual .scroll_ico .arrow2 {bottom:0px;}
.main_visual .scroll_ico .arrow1 {animation:mv1 0.7s ease-in-out 0.7s infinite;}
 @keyframes mv1 {
     0%{opacity:1; bottom:0px;}
    40%{opacity:1; bottom:-8px;}
     100%{opacity:1; bottom:0px;}
}
.main_visual .key_visual {max-width: var(--inner); width: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); width: 100%; z-index:3; display: flex;  justify-content: center; flex-direction: column; height: 100%; padding:0px 10px; padding-top: 40px; color: #fff; color: #fff; line-height: 1.4em}
.main_visual .key_visual > div {width: 100%;}
.main_visual .key_visual .txt_a {font-size:min(5vw, 72px); font-size: 72px; font-weight:600; line-height:1.3em;}
.main_visual .key_visual .txt_b {font-size:1.333em; line-height:1.4em;}
.main_visual .key_visual .swiper-pagination {margin-top:90px; gap:20px; padding: 0px 10px; justify-content:flex-start;}
.main_visual .key_visual .swiper-pagination-bullet {border: none; opacity: 1;}
.main_visual .key_visual .swiper-pagination-bullet-active {position: relative; background: #fff;}
.main_visual .key_visual .swiper-pagination-bullet-active::after {content: ""; width:calc(100% + 12px); height: calc(100% + 12px); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius:100%; border:1px solid #fff;}


.slide_arrow {display: block; width: 40px; height: 40px; position: absolute; z-index: 4; cursor: pointer;}
.swiper-button-prev {background: url(../img/main/bt_prev.svg) no-repeat center center/cover;}
.swiper-button-next {background: url(../img/main/bt_next.svg) no-repeat center center/cover;}

.main_quick {display: flex; gap: 10px; justify-content: space-between;}
.main_quick > li {flex:1;}
.main_quick > li > a {display: flex; justify-content: center; align-items: center; border: 1px solid #DEDFE0; border-radius: 8px; height: 100px; max-width: 350px; position: relative;}
.main_quick > li > a::after {content: ""; width:30px; height: 30px; background: url(../img/common/btn_link.svg) no-repeat center center/cover; position: absolute; right: 10px; bottom: 10px;}
.main_quick > li > a:hover {border-color: var(--key-color);}
.main_quick > li > a:hover:after {background: url(../img/common/btn_link2.svg) no-repeat center center/cover;}


.main_board_wrap {display: flex; gap:35px; justify-content: space-between; align-items: flex-start; padding-top:clamp(5px, 10vw, 20px);}
.main_board {width:58%; max-width:700px; position: relative; }
.main_board_wrap .more {position:absolute; right: 0px; top: 0px;}
.main_board_wrap .tab {display: flex; overflow: hidden; gap:clamp(2px, 2vw, 5px); align-items: flex-start; padding-right:75px; margin-bottom:clamp(20px, 3vw, 30px);}
.main_board_wrap .tab > li {position: relative; flex:1; max-width:140px;}
.main_board_wrap .tab > li > a {display: flex; text-align: center; align-items: center; justify-content: center; border: 1px solid #B9B9B9; border-radius:40px; line-height: 1.3em; color: #999999; font-size: var(--small-font-size); height:3em ; font-weight: 500;}
.main_board_wrap .tab .active {background: var(--key-color); color: #fff; border-color: var(--key-color);}

.m_board * {transition: all 0.3s 0s ease-in-out;}
.m_board .news_list li {display:flex; align-items:center; justify-content:space-between; position:relative; background:#EFF3F6; overflow: hidden; padding:clamp(10px, 5vw, 15px) clamp(10px, 6vw, 20px); border:1px solid #EFF3F6;  font-weight:600; min-height: 4.2em;}
.m_board .news_list li + li {margin-top:0.3em;}
.m_board .news_list li a {flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size: var(--sub-font-size);}
.m_board .news_list li .date {color:#999999; min-width:7em; text-align:right; font-size: var(--x-small-font-size); }
.m_board .news_list li .ico {display: flex; align-items: center; gap: 0.5em; font-size: var(--x-small-font-size); color: #000; line-height: 1.3em; border-radius:40px; min-width: 6.4em; height: 2.85em; background: #fff; align-items: center; justify-content: center; margin-right: 1em;}

.m_board .photo {overflow: hidden;  border-radius:8px;}
.m_board .photo .box {display: block; overflow: hidden; height: 395px; aspect-ratio:700/395;}
.m_board .photo .box img {width: 100%; height: 100%; object-fit:cover;}

.main_board_wrap #main_board2 .tab .active {background: var(--sub-key-color); border-color: var(--sub-key-color);}
.section #main_board2 .more > a > span {background: var(--sub-key-color);}
.main_board .slide_control {width:140px; height: 45px; border-radius:60px; background: rgba(0, 0, 0, 80%); display: flex; justify-content: center; position: absolute; right:10px; bottom: 10px; gap:5px; align-items: center; z-index: 9;}
.main_board .slide_control .swiper-pagination {display: flex; width: auto; min-width:4em; justify-content:center; align-items: center; gap:5px; font-size:11px; color:#fff; font-weight:300; bottom: auto; left: auto;}
.main_board .slide_control .swiper-pagination > span {font-size:14px; font-weight:600}
.main_board .slide_control .play_stop {font-size:0px; display: flex; width:14px; height:26px; justify-content: center; align-items: center; color:#fff;}
.main_board .slide_control .play_stop:focus {outline:1px solid #fff}
.main_board .slide_control .play:before {display: block; content: "¢º"; font-size:9px;}
.main_board .slide_control .stop:before {display: block; content: ""; width: 2px; height: 9px; border-left:3px solid #fff; border-right:3px solid #fff; box-sizing: content-box;}
.main_board .slide_arrow {display: flex; align-items: center; justify-content: center; background: none; width: 20px; height: 26px; position: relative; left: auto !important; right: auto !important; top: auto !important; margin:0px !important;}
.main_board .slide_arrow:after {display: block; content: ""; width:8px; height:8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);}
.main_board .swiper-button-prev:after { transform: rotate(-135deg);}


@media (hover: hover) and (pointer: fine) {
	.m_board .first_new:hover .tit {color: var(--key-color);}
	.m_board .news_list li:hover {background:#fff; border-color: var(--key-color);}
	.m_board .news_list li:hover a {color: var(--key-color);}
	.m_board .news_list li:hover .date {color: var(--key-color);}
	.m_board .news_list li:hover .ico {background:var(--key-color); color: #fff;}
	.m_board .news_list li:hover .ico img {-webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1);}
 }

 #section3 {padding-top: 0px;}

 #section4 {background: var(--key-color);}


.event_slide {position: relative;}
.event_slide .swiper {overflow: hidden;}
.event_slide .box * {transition: all 0.3s 0s ease-in-out;}
.event_slide .box {display:block; position:relative; overflow: hidden; border-radius:30px 30px 0px 30px;}
.event_slide .box .img:after {display:block; content:""; width:86px; height:87px; background:url(../img/main/ban_arrow.png) no-repeat left top/cover; position:absolute; right:0px; bottom:0px; z-index:2}
.event_slide .info {padding: clamp(10px, 3vw, 20px) clamp(15px, 3.5vw, 30px); min-height:11em;  background: #fff;}
.event_slide .box dt {font-size: var(--x-large-font-size); padding-top: 0.5em; font-weight: 700; line-height: 1.4em;}
.event_slide .box dd {font-size: var(--sub-font-size); color: #666666; min-height: 2.8em; line-height: 1.4em; padding-top: 0.5em;}
.event_slide .box .num {color: var(--sub-key-color); font-weight: 700;}
.event_slide .box .img {position: relative; overflow: hidden; aspect-ratio:340/248;}
.event_slide .box .img > img {width:100%; object-fit: cover;}
.event_slide .swiper-button-prev {width:70px; height: 70px; position: absolute; top:50%; transform: translateY(-50%); left: -100px; cursor: pointer;}
.event_slide .swiper-button-next {width:70px; height: 70px; position: absolute; top:50%; transform: translateY(-50%);	right: -100px; cursor: pointer;}
.event_slide .list {display: flex; flex-wrap: wrap; gap:60px 40px}
.event_slide .list > li {width:calc(25% - 13px)}


@media (hover: hover) and (pointer: fine) {
	.event_slide .box:hover .info {color:#fff; background: var(--sub-key-color);}
	.event_slide .box:hover dd {color:#fff;}
	.event_slide .box:hover .num {color:#fff;}
 }


.kara_member {display: flex; justify-content: space-between; gap:clamp(20px, 6vw, 30px);}
.kara_member > div {width: 50%; max-width:690px;}
.kara_member .count {display: flex; gap: 10px;}
.kara_member .count > li {display: flex; flex:1; flex-direction: column; padding:clamp(15px, 3vw, 25px); color: #fff; background: var(--key-color); border-radius: 8px; min-height: 180px;}
.kara_member .count > li:nth-child(2) {background: var(--sub-key-color);}
.kara_member .count .tit {font-size: var(--large-font-size); font-weight: 600; padding: 0.5em 0px 0.6em 0px;}
.kara_member .count .num {font-size: 2.33em; font-weight:800; line-height: 1.2em; text-align: right;}
.kara_member .member_news {margin-top: clamp(20px, 4vw, 40px); position: relative;}
.member_news .list > li {display:flex; align-items:center; justify-content:space-between; overflow: hidden; padding:clamp(10px, 5vw, 15px) clamp(10px, 6vw, 20px); border-bottom:1px solid #CCCCCC; font-weight:600; min-height: 4.2em;}
.member_news .list li a {display: flex; align-items: center; flex:1; overflow:hidden; transition: all 0.3s 0s ease-in-out;}
.member_news .list li a .txt {flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:0.95em;}
.member_news .list li .date {color:#999999; min-width:7em; text-align:right; font-size: var(--x-small-font-size);transition: all 0.3s 0s ease-in-out; }
.member_news .list li .type {display: flex; align-items: center; font-size: var(--x-small-font-size); line-height: 1.3em; border-radius:40px; min-width:7.6em; height: 2.5em; background: #fff; align-items: center; justify-content: center; margin-right: 1em;}
.member_news .list li .ty01 {color: var(--key-color); border:1px solid var(--key-color)}
.member_news .list li .ty02 {color: var(--sub-key-color); border:1px solid var(--sub-key-color)}
.kara_member .member_search {min-height:180px; background:#EFF3F6; display: flex; flex-direction: column; border-radius:8px; padding:clamp(20px, 4vw, 30px) clamp(20px, 5vw, 45px); justify-content: center; gap: 0.8em;}
.kara_member .member_search h4 {font-size:var(--large-font-size); color: #000;;}
.kara_member .member_search fieldset {display: flex; align-items: center;  height: 60px;}
.kara_member .member_search .select {border-radius:8px; height: 100%; background-color:#fff !important; border: none; margin-right: 5px; line-height: 1.4em;}
.kara_member .member_search .input {border-radius:8px;  height: 100%; border: none; flex:1;}
.kara_member .member_search .bt {border-radius:8px; width:6em; color: #fff; background: var(--key-color); font-size:var(--sub-font-size); height: 100%; border: none; display: flex; justify-content: center; align-items: center; }
.kara_member .member_btns {display: flex;margin-top: clamp(20px, 4vw, 40px); flex-wrap: wrap; gap:clamp(10px, 2vw, 19px) ;}
.kara_member .member_btns > li {flex:45%}
.kara_member .member_btns a {display: flex; position: relative; align-items: center; height:130px; align-items: center; border-radius: 8px; background: #EFF4FC; border:1px solid #EFF4FC; transition: all 0.3s 0s ease-in-out; gap: 1em; color:#000; font-size: var(--large-font-size); font-weight:500; justify-content: center;}
.kara_member .member_btns a .ico {min-width: max-content;}
.kara_member .member_btns a::after {display: block; content: ""; width:30px; height: 30px; background: url(../img/main/arrow-right.svg) no-repeat center center #fff; border-radius:100%; overflow: hidden; position: absolute; right:10px; bottom: 10px; background-color: #fff; transition: all 0.3s 0s ease-in-out;}

@media (hover: hover) and (pointer: fine) {
	.member_news .list li a:hover {color: var(--sub-key-color);}
	.member_news .list li:hover .date {color: var(--sub-key-color);}
	.kara_member .member_btns a:hover { background: #fff; border-color:var(--sub-key-color); color: var(--sub-key-color);}
	.kara_member .member_btns a:hover:after { background: url(../img/main/arrow-right2.svg) no-repeat center center var(--sub-key-color); }
 }



.main_t {font-size: var(--x-large-font-size); line-height: 1.4em; border-bottom: 1px solid #000; padding-bottom: 0.7em;}

.main_pr_wrap {display: flex; justify-content: space-between; gap: clamp(20px, 6vw, 30px);}
.main_pr_wrap > div {width: 50%; max-width: 690px; position: relative;}
.main_video .main_t {border:none;}
.main_pr_wrap .newsletter {border:1px solid #CCCCCC; border-radius:8px; padding:clamp(20px, 4vw, 26px) clamp(20px, 5vw, 45px); margin-top:17px;}
.main_pr_wrap .newsletter h5 {font-weight: 600; color: var(--sub-key-color); font-size: var(--large-font-size);}
.main_pr_wrap .newsletter .txt {color:#666666; font-size: var(--sub-font-size); padding-bottom: 1em;}
.main_pr_wrap .newsletter fieldset {border: 1px solid #ccc; border-radius:8px; display: flex; align-items: center; align-items: center; padding:0px 0px 0px 1em; gap:10px; height: 60px;}
.main_pr_wrap .newsletter fieldset .input {border: none; font-size: var(--x-small-font-size); padding: 0px; flex:1; height: 100%;}
.main_pr_wrap .newsletter fieldset label {line-height: 0px;}
.main_pr_wrap .newsletter fieldset .bt {border-radius: 8px; width: 6em; color: #fff; background: var(--key-color); font-size: var(--sub-font-size); height: 100%; border: none; display: flex; justify-content: center; align-items: center; padding: 0px; height: 100%;}
.main_pr_wrap .newsletter .x-small-font {color: #666666; padding-top: 0.5em; letter-spacing:-0.05em;}

.movie_frame {aspect-ratio: 690/388; position: relative; border-radius:6px; overflow:hidden;}
.movie_frame > img, .movie_frame iframe {width:100%; height:100%; object-fit: cover;}


#section6 {padding-top: 0px; padding-bottom: 0px;}
.with_kara .swiper-slide {width:280px;}
.with_kara .box {width:100%; height: 100px; border: 1px solid #ccc; border-radius:8px; display: flex; justify-content: center; align-items: center; padding: 10px;}


/* footer */
#footer {max-width:var(--inner); color: #fff; padding:0px 10px; position:relative; margin:0 auto; }
#footer::before {content: ""; width:2000vw; height: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background: #2D313D; z-index: -1;}
#footer a {color: #fff;;}
#footer .f_logo {margin-right:clamp(20px, 4vw, 90px);}
#footer .go_top {position:absolute; right:0px; top:50%; transform: translateY(-50%); z-index:99}
#footer .go_top > a {display:flex; width:74px; aspect-ratio:1/1; line-height:1.6em; background:#fff; justify-content:center; text-align: center; align-items:center; flex-direction:column; color:#000; font-size:12px; font-weight:400; border-radius:100%;}
.footer_navi {display: flex; justify-content: space-between; align-items: center; min-height:80px; padding: 10px 0px; position: relative;}
.footer_navi::before {content: ""; width: 2000vw; height: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background: #313747; z-index: -1;}
.footer_navi .navi {display: flex; flex-wrap: wrap; overflow: hidden; gap:2em; font-size: var(--sub-font-size);}
.footer_navi .navi > li {position: relative;}
.footer_navi .navi > li::before {content:""; width:1px; height:50%; background:#fff; position: absolute; left:-1em; top: 50%; transform: translateY(-50%);}
.sel_box_wrap {display: flex; gap: 1em; align-items: center; width: 50%; max-width:353px}
.sel_box_wrap .sns_box {display: flex; gap:5px; align-items: center;}
.sel_box_wrap .sns_box img {max-width: clamp(40px, 5vw, 51px);}
.sel_box_wrap .sel_box {flex:1}
.sel_box_wrap .sel_box .select {width: 100%; line-height: 1.4em; font-weight:300; font-size: var(--x-small-font-size); background: url(../img/common/select_arrow4.svg) no-repeat calc(100% - 5px) center !important; background-size: 17px auto !important;}
.sel_box_wrap .sel_box .select option {background: #313747;}

.addressW {position:relative; font-size: var(--small-font-size); padding: clamp(20px, 5vw, 50px) 0px; display: flex; gap: clamp(10px, 3vw, 30px); position: relative;}
.addressW .f_logo {min-width:max-content;}

.addressW address {display: flex; flex-wrap: wrap; gap:0.2em 1em; padding-right: 100px; overflow: hidden;}
.addressW address > span {position:relative; font-weight:300;}
.addressW address > span+span:before {content:""; width:1px; height:clamp(10px, 1.7vw, 14px); background: #000; opacity: 0.5; position: absolute; left:-1.5em; top: 50%; transform: translateY(-50%); display: none;}
.addressW .copy {width:100%; font-weight: 300; color:#999999; font-size: 0.95em; padding-top: 0.3em;}

.right_quick_area {position: relative;}
.right_quick {position: absolute; left: 50%; width: 100px; margin-left:840px;  height: fit-content; z-index: 999;}
.right_quick .tit {text-align: center; font-size:14px; font-weight: 700; line-height: 1.4em; margin-bottom: 0.5em;}
.right_quick > ul > li + li {margin-top:5px;}
.right_quick > ul > li > a {display: flex; border: 1px solid #CCCCCC; border-radius:4px; justify-content: center; align-items: center; flex-direction: column; height:100px; background: #fff;}
.right_quick > ul > li > a .txt {font-size:12px; line-height: 1.4em; padding-top: 1em; text-align: center;}

.subVisual {margin-top: 0px;}

.vision_list {display: flex; flex-direction: column; margin-top: clamp(10px, 6vw, 70px);}
.vision_list > li {width: 100%;}
.vision_list > li:after {display: flex; content: ""; width:51px; height:70px; background: url(../img/soga/arrow.svg) no-repeat center center/cover; margin:5px auto;}
.vision_list > li > dl {display: flex; text-align:center; font-size:clamp(15px, 3vw, 22px); gap: clamp(8px, 3vw, 14px); color: #fff; font-weight:500;}

.vision_list > li:nth-child(1) > dl dt, .vision_list > li:nth-child(1) > dl dd {background: #336baa;}
.vision_list > li:nth-child(2) > dl dt, .vision_list > li:nth-child(2) > dl dd {background: #336baa;}
.vision_list > li:nth-child(3) > dl dt, .vision_list > li:nth-child(3) > dl dd {background: #6690bf;}

.vision_list dt {display: flex; align-items: center; justify-content: center; border-radius:90px; min-width:10em; }
.vision_list dd {flex:1; min-height:5em; display: flex; align-items: center; justify-content: center; padding: 1em; border-radius:90px;}


.core_values {display: flex; gap: 10px; color: var(--key-color); font-weight:500;}
.core_values .box {display: flex; align-items: center; justify-content: center; padding: 1em; border:1px dashed #156EE8; border-radius:30px ; font-size:clamp(15px, 3vw, 22px); text-align: center;}
.core_values .box:nth-child(1) {width: 30%; max-width: 220px;}
.core_values .box:nth-child(2) {flex:1;}
.core_values .box > ul {display: flex; flex-wrap: wrap; gap: 10px;}
.core_values .box > ul > li {flex:30%; display: flex; flex-direction: column; justify-content: center; padding:1.2em; border-radius:24px; background: #e6edf4; gap: 10px;}
.core_values .box > ul > li > p {min-height: 2.8em; font-size: var(--large-font-size); line-height: 1.4em;}

.hdSch2 {display: flex; align-items: center;}
.hdSch2 .keyword {flex:1; border-radius: 4px; border: 1px solid #dcdcdc;}

/*atab*/

.atab {display:flex; flex-wrap: wrap; gap:clamp(4px, 2vw, 10px); position:relative;}
.atab li a {display:flex; min-width:6.666em; height:2.222em; justify-content:center; align-items:center; background:#fff; text-align:center; font-weight:500; line-height:1.2em; padding:0px 1.4em; border-radius:60px; border:1px solid #ccc;}
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background:#000; border-color: #000; font-weight:700; 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;}

.ctab {display:flex; overflow-x:auto; margin-bottom:50px; padding-bottom:10px; position:relative; margin:0px -5px;}
.ctab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.ctab::-webkit-scrollbar-thumb {background:#666;}
.ctab li {flex:1; padding:0px 5px; min-width:fit-content;}
.ctab li a {display:flex; height:60px; justify-content:center; align-items:center; background:#fff; box-sizing:border-box; text-align:center; font-weight:700; font-size:18px; line-height:1.2em; box-sizing:border-box; color:#999999; padding:0px 1em; border:1px solid #cccccc;}
.ctab li.on {position:relative; z-index:2;}
.ctab li.on a { color:#009477; border-color:#009477}




.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* ·¹À̾îÆË */
.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%; position:relative;  background:#fff; }
.pop_wrap .pop_body {padding:clamp(15px, 3vw, 30px); word-break:keep-all; overflow-y:auto; max-height:90dvh;}
.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:clamp(10px, 2vw, 30px); top:clamp(25px, 4vw, 30px); display:block; cursor:pointer; background:none; width:30px; height:30px;  font-size:1px !important; text-indent:-999999px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:2px; background:#fff; 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:2px; background:#fff; 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:2px 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:#156EE8; min-height:3em; position:relative;}
.pop_wrap .pop_head .x_btn {right:20px; top: 50%; transform: translateY(-50%);}

.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; font-weight:500; text-align: center; display: flex; height:80px; align-items: center; justify-content: center ;}
.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/bt_x.svg) 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;}
.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;}


.print_wrap #header {display:none !important}
.print_wrap .sub_visual {display:none !important}
.print_wrap .lnb_position {display:none !important}
.print_wrap #lnb_wrap {display:none !important}
.print_wrap .title_bar {display:none !important}
.print_wrap .page_tab {display:none !important}
.print_wrap #footerW {display:none !important}
.print_wrap .print_bt {display:none !important}
.print_wrap .p_none {display:none !important}
.print_wrap .print_hide {display:none !important}
#wrap.print_wrap, .print_wrap #inner_wrap {padding:0px !important}


.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {display:flex; align-items:center;}
.date_picker .input {width:100%; flex:1;}
.date_picker img {min-width:fit-content; margin:0px 10px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}


.h5-tit {color: #2D53A7; display: flex; align-items: center; gap: 0.3em; margin:1em 0px 0.5em 0px;}
.h5-tit::before {color: #2D53A7; content: "¢º"; font-size:9px; transform: scaleX(0.6); transform-origin: left center; line-height: 1em;}

.ul-list01 > li .ul-list02 {margin-top:0.5em;}
.img_box {display: flex; justify-content: space-between; gap: 1em;}
.img_box > p {flex:1;}
.img_box .txt {display: block; margin-top:7px;}

.cjk_congress_box > h5 {display: flex; align-items: center; justify-content: center; color: #fff; background: #0065AD; padding: 1em; text-align: center; border-radius:20px 20px 0px 0px; font-size: var(--font-size);}
.cjk_congress_box > ul {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px;}
.cjk_congress_box > ul > li {flex: 1;}
.cjk_congress_box .box {border: 1px solid #DDDDDD; border-radius:4px; padding:5px; background: #fff;}
.cjk_congress_box .box > h6 {border-radius:4px; text-align: center; color: #fff; padding: 1em; font-size: var(--font-size); background: #8298C7;}
.cjk_congress_box .box .img {display: flex; align-items: center; justify-content: center; min-height: 6em; padding:10px;}
.cjk_congress_box .bt {margin-top: 5px; display: flex; background:#004695; color: #fff; align-items: center; justify-content: center; gap: 1em; min-height: 2.5em; padding: 1em;}

table.data tbody td.tl {text-align: left; padding-left: 1em;}
table.write_table tbody th.tl {text-align: left; border-bottom: 1px solid #ddd; padding-left: 1em; font-size: 1.05em; font-weight:500; color: #000;}
table.write_table .input {height: 50px; width: 100%; border-color: #CCCCCC;}
table.write_table .textarea {width: 100%; border:1px solid #CCCCCC; border-radius:4px ;}
table.write_table label {text-align: left; color: #000;}
table.write_table .required::after {content: "*"; color: #156EE8; margin-left: 0.2em;}
table.write_table td {font-weight: 300; color: #333;}

.btView {display: inline-flex; height:2.5em; color: #fff; border-radius:4px; background: #7B8595; align-items: center; justify-content: center; gap: 1em; padding: 0px 1.3em;  text-indent: 0px;}

.btDownBx {display: flex; flex-direction: column; gap: 1em;}
.btDownBx .btDown {position: relative; right:auto; top: auto; left: auto; bottom: auto;}

.mailTx {text-align: right; align-items: center; color: #000; display: flex; align-items: center; gap: 0.7em; justify-content:flex-end;}

.member_benefit .tit {font-size:var(--x-large-font-size); text-align: center; font-weight:600; line-height: 1.4em; margin-bottom: 1em;}
.member_benefit .info {display: flex; gap:1em; padding:clamp(10px, 2vw, 25px); background:#EFF4FC;}
.member_benefit .info .logo {display: flex; width: 280px; aspect-ratio: 280/140; align-items: center; justify-content: center; background: #fff; padding: 10px;}
.member_benefit .info .logo img {max-width: 90%; max-height: 90%;}
.member_benefit .info .desc {flex:1; font-size: var(--sub-font-size); line-height: 1.4em;}
.member_benefit .home_page {margin-top: auto; padding-top: 30px; text-align: right;}
.member_benefit .home_page a {display: inline-flex; justify-content: center; align-items: center; gap:0.5em;font-size: var(--x-small-font-size); color: #fff; height: 3.5em; width: 13em; border-radius:4px; background: var(--key-color);}

.member_benefit .ss_tit {margin: 2em 0px 1em 0px; font-size: var(--large-font-size); font-weight: 600; line-height: 1.4em;}
.member_benefit table.data tbody td {padding: 0.5em;}
.member_benefit .key-box {background: #F8F9FA; font-size: var(--sub-font-size);}

a.secret {color:#666666; font-weight: 300;}

.category-box {display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 1em; margin-top: 40px; margin-bottom: 20px;}
.category-box .category-list {display: flex; flex-wrap: wrap; gap: 5px;}
.category-box .category-list a {display: flex; padding:0.5em 1em; border: 1px solid #CCCCCC; border-radius:40px; align-items: center; justify-content: center; background: #fff; font-size:var(--x-small-font-size); color: #999999; line-height: 1.4em; text-align: center; min-height:3.5em; min-width:7em;}
.category-box .category-list a.on {color: #fff; background: var(--sub-key-color); border-color: var(--sub-key-color); font-weight: 500;}
.category-box .search {display: flex; width: 50%; max-width: 380px;}
.category-box .search .input {flex:1; height: 50px;}
.category-box .search .bt {min-width: 5em; background: var(--key-color); color: #fff; border-radius:4px; font-size:var(--sub-font-size); line-height: 1.4em; text-align: center; padding:0px 1em;}

.certification_box {text-align: center;}
.tblView .title .category {display:inline-flex; padding: 0.5em 1em; border: 1px solid var(--sub-key-color); border-radius: 40px; align-items: center; justify-content: center; background: #fff; font-size: var(--x-small-font-size); color:var(--sub-key-color); line-height: 1.4em; text-align: center; min-height: 3.5em; min-width: 7em; vertical-align: baseline;}
.tblView .bd .reply {background: #EFF4FC; padding:clamp(10px, 3vw, 30px); border-radius: 4px; margin-top: 2em;}
.tblView .bd .reply .title {padding: 0.65em 2em; display: inline-block; background: #fff; border:1px solid var(--sub-key-color); font-size:var(--x-small-font-size); color: var(--sub-key-color); border-radius:4px;}
.tblView .bd .reply .content {margin-top: 1em; color: #333; font-size: var(--sub-font-size); line-height: 1.4em;}

.ss_tit {font-size: 20px; line-height: 1.4em; font-weight:700; color: #000; margin: 2.5em 0px 1em 0px}

.agree_box {padding:clamp(10px, 3vw, 30px); background: #EFF3F6; color: #333; line-height: 1.5em; font-size: var(--sub-font-size);}
.agree_check_box {border-bottom:1px solid #000; padding:1.5em 1em 2em 1em; ;}

.map_wrap {width: 100%; height: 400px; overflow: hidden; border-bottom: 1px solid #ccc;}
.map_wrap > div {width: 100% !important; height: 100% !important;}
.map_wrap .wrap_map {height: 100% !important;}
.map_wrap .cont {display:none;}


.cooperation_service {background: url(../img/hoiwon/corp0301_1_bg.jpg) no-repeat center center; background-size: cover; min-height: 475px; position: relative; padding: 45px 10px 0px 10px;}
.cooperation_service .bg {position: absolute; left: 0px; top: 0px; z-index: -1;}
.cooperation_service > h3 {text-align: center; font-size:36px; line-height: 1.4em; font-weight:600; color: #fff;}
.cooperation_service .desc {font-size: var(--sub-font-size); line-height: 1.4em; text-align: center; color: #fff; padding-top: 10px;}
.cooperation_service .step_box {border-radius:130px; background: #fff; max-width: 1032px; padding:40px 20px 20px 20px; margin: 40px auto 0px auto;}
.cooperation_service .step_box ul {display: flex; gap:60px; justify-content:center;}
.cooperation_service .step_box ul > li {aspect-ratio:1/1; display: flex; border-radius:100%; text-align: center; padding: 10px; flex-direction: column; justify-content: center; align-items: center; background: #fff; box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.2); border:1px solid rgba(21, 110, 232, 100%); position: relative; max-width: 180px; flex:1}
.cooperation_service .step_box ul > li .num {width: 85px; height: 42px; background: url(../img/hoiwon/steop.svg) no-repeat center center; font-size:12px; color: #004695; font-weight:700; display: flex; justify-content: center; position: absolute; left: 50%; top:-20px; padding-top:6px;  transform: translateX(-50%);}
.cooperation_service .step_box ul > li .ico {margin-bottom: 10px;}
.cooperation_service .step_box ul > li .txt {font-size: var(--font-size); line-height: 1.4em; text-align: center; font-weight:500; color: #000;}
.cooperation_service .step_box ul > li:not(:last-child)::after {content: ""; width: 12px; height: 20px; background: url(../img/hoiwon/arrow2.svg) no-repeat center center; position: absolute; right: -37px; top: 50%; transform: translateY(-50%);}

.complain_service {background:#EFF4FC; border-radius:16px; padding:50px 40px 0px 40px;}
.complain_service > h3 {color: #000;}
.complain_service .desc {color: #000;}
.complain_service .icon {position: absolute; right: 99px; top:54px ;}
.complain_service .inquiry {margin-top:30px; border-radius:30px 30px 0px 0px; background: #004695; color: #fff; padding: 20px 10px; text-align: center;}
.complain_service .inquiry > h4 {font-size:var(--font-size); font-weight:600; line-height: 1.4em;}
.complain_service .inquiry .list {display: flex; justify-content: space-between; gap: 3em; font-size:15px; font-weight: 100; padding-top: 20px; max-width:869px; margin: 0 auto; overflow: hidden;}
.complain_service .inquiry .list > li {position: relative;}
.complain_service .inquiry .list > li::before {content:""; width: 1px; height: 10px; background: #FFFFFF; position: absolute; left:-35px; top: 50%; transform: translateY(-50%); opacity: 0.5;}

.flip-book {height:800px;}
.flip-book iframe {width:100%; height: 100% !important}

#magazineViewport {display:none !important;}

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

}
*/



/* 1440px ÀÌÇÏ */
/*
@media screen and (max-width:1439px) {
	.gnb_bar_in {background-position:-10% center ;}

	.main_visual .txt_frame {height:auto; aspect-ratio: 1440/960; min-height:450px;}
	.main_visual .key_visual > div {max-width:50vw; min-width:290px;}
	.main_visual .key_visual .woman {max-width:8vw;  min-width:50px;}
	.main_visual .key_visual .man {max-width:9.8vw;  min-width:60px;}

	#footer .go_top {opacity: 0.5; bottom: 40px;}
	#footer {flex-direction: column;}
	#footer .f_logo {margin:0px; text-align: center; order: 1;}
	#footer .f_logo img {max-width:clamp(180px, 21vw, 271px);}
	.addressW {max-width:100%; order: 4; text-align: center;}
	#footer .sns {order: 3; justify-content: center;}
	#footer .navi {order: 2; justify-content: center; display: flex; gap:1em; padding:1em 0px; margin: 0px;}
	.addressW address .tel {width: 100%;}
	.addressW address {justify-content: center;}

}
/*
/* 1200px ÀÌÇÏ */
/*
@media screen and (max-width:1200px) {
	.all_menu {display:block;}
	.w_gnb {display: none;}
	#header h1 {left:50%; transform:translate(-50%, -50%); -wbkit-transform: translate(-50%, -50%);	}
	.top_search {right: auto; left: 0px;}

	.main_visual {flex-wrap: wrap;}
	.main_visual .banner_slide {width:100%; max-width: none;}

	.main_board_wrap {flex-direction: column; gap:clamp(30px, 5vw, 50px);}
	.main_board_wrap > div {width:100% !important; max-width: 100% !important;}


	.sub_visual {border-radius:0px; margin-bottom:50px ;}
	.lnb_position {transform:translateY(100%);; width:100%; position: relative; z-index: 9;;}
	.lnb_position .lnb_title, .lnbs3, .lnb_quick {display:none;}



	#lnb_wrap {position: relative; margin:0px -10px}
	#lnb_wrap:before {content:""; width:100vw; height:100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background: var(--key-color);}
	#lnb_wrap .lnbs {display:block;}
	#lnb_wrap .lnb {display:flex; margin:0 auto; position:relative; z-index:9; transition:all 0.3s;}
	#lnb_wrap .lnb .lnbs { width:50%; max-width:300px; box-sizing:border-box; border-right:1px solid rgba(255, 255, 255, 30%); position:relative;}
	#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2;  border-top:1px solid #e2e2e2; display:none; background:#fff; box-shadow: 0px 0px 13px rgba(0, 0, 0, 10%);}
	#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}
	#lnb_wrap .lnb .lnbs .three_depth {padding: 10px 20px 10px 20px; display:none}
	#lnb_wrap .lnb  .lnbs .three_depth a {font-size:14px; min-height:auto; padding:15px 0px 15px 25px; border-bottom: 1px dashed #e2e2e2;}

	.lnb_tit, a.lnb_tit {color:#fff; font-size: 16px; padding-left: 20px; line-height: 60px; height: 60px;}
	.lnb ul li a {font-size:15px; display:block; line-height:130%; min-height:30px; height:auto; padding:15px 0px 15px 20px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:500;}
	.lnb ul li a:hover {color:#000;}

	.sub_wrap_2 .sub_txt {background-position: right bottom;}


}
*/
/* 980px ÀÌÇÏ */
/*
@media screen and (max-width:979px) {
	:root {
		--xxx-large-font-size:28px;
		--xx-large-font-size:24px;
		--x-large-font-size:20px;
		--large-font-size:19px;
		--font-size:17px;
		--sub-font-size:15px;
		--small-font-size: 14px;
	}

	.main_visual .scroll_ico {display:none;}

	.main_tit h3 {font-size: 2.2em;}

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




	.event_slide .list > li {width:calc(33.333% - 27px);}

	.introduce .box {flex-direction: column;}
	.introduce .box .txt {max-width: none;}
	.introduce .box .img {width: 100%; }

	.mission_vision .box_wrap { border-radius:10px; padding:clamp(15px, 4vw, 30px)}
	.mission_vision .box_wrap > ul {flex-direction: column; gap:5px;}
	.mission_vision .box_wrap > ul > li {aspect-ratio:auto; border-radius: 10px; margin: 0px;}
	.mission_vision .box_wrap > ul > li .ico img {max-width:9vw; max-height:9vw;}
	.mission_vision .box_wrap > ul dl {max-width: none;}

	.history_wrap {flex-direction: column;}
	.history_wrap .img {width: 100%;  margin: 0 auto;}
	.history_wrap .history {width: 100%; max-width: none;}

	.floor_guide {flex-direction: column;}
	.floor_guide > div {width: 100%;}
	.floor_guide .vr_view {margin: 0 auto;}
	.guide_list {flex-wrap: wrap; gap: 10px;}
	.guide_list > li {flex:calc(50% - 5px);  border-radius: clamp(10px, 2vw, 16px) !important;}
	.guide_list > li:nth-child(2) {margin: 0px;}

	.map_wrap {flex-direction: column;}
	.map_wrap > div {width: 100%; max-width: none;}
	.parking {flex-direction: column;}

	.program_list > li {flex-direction: column;}
	.program_list .img {width: 100%; }
	.program_list .info {max-width: 100%; width: 100%;}
	.program_list .data {flex-direction: column;}
	.program_list > li:nth-child(even) .img {order:0;}

	.rule_btn {flex-wrap: wrap;}
	.rule_btn > li {flex:48.5%; max-width: none;}

	.rule_box_wrap {flex-direction: column;}
	.rule_box_wrap .box {width: 100%;}
	.apply_form {flex-direction: column;}
	.apply_form .box {width: 100%; max-width: none;}
	.apply_form .box:not(:first-child) {border-top:1px solid #000; padding-top: 2em;}
	.apply_form::before {display: none;}

}
*/
/* 768 ÀÌÇÏ */

/*
@media screen and (max-width:767px) {
	:root {
		--xxx-large-font-size:26px;
		--xx-large-font-size:22px;
		--x-large-font-size:19px;
		--large-font-size:16px;
		--font-size:15px;
		--sub-font-size:14px;
		--small-font-size:13px;
	}

	.pc_view {display:none}
	.mb_view {display:block}

	#header h1 img {height:46px;}
	.slide_menu_inner .gnb > ul > li {flex-direction: column; padding:6vw}
	.slide_menu_inner .gnb > ul > li > a {min-width: auto; padding:0px; margin-bottom:0.5em}
	.slide_menu_inner .gnb .sub_menu {border:none; padding:0px; 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;}

	.in_header {height:80px;}


	.m_tit {font-size:min(2.5em, 8vw);}

	.event_slide .swiper {width:100%; flex: none;}
	.event_slide .swiper-slide {width:65%;}
	.event_slide .slide_control {display:none; justify-content:center; position:relative; left:auto; top:auto; width:100%	}


	.m_board .first_new {margin-top:min(60px, 8vw);}

	.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;}


	.quick_sns {margin:2.6vw 0px 3.9vw 0px}

	.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; }

	.sub_wrap {padding-top:80px;}
	.sub_visual .sub_txt {height:45.5vw}
	.sub_visual .location {display:none;}


	.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; }

	.event_slide .list > li {width:calc(50% - 20px);}
	.acd_bt_wrap {text-align:center;}

	.floor_wrap {flex-direction: column; gap:1em;}
	.floor_wrap .floor_list {flex-direction: row;}
	.floor_wrap .floor_list > li {flex:1;}
	.floor_wrap .floor_item {width:100%; height:auto; aspect-ratio: 1/1;}
	.floor_wrap .room_item {font-size: 1em;}
	.floor_wrap .room_item .num {width:1.8em; height: 1.8em; min-width: 1.8em;}

	.reservation {flex-direction: column;}
	.reservation .box {width: 100%; max-width: none;}

}


*/



/* 480px ÀÌÇÏ */

/*
@media screen and (max-width:479px) {
	:root {
		--xxx-large-font-size:22px;
		--xx-large-font-size:20px;
		--x-large-font-size:18px;
		--large-font-size:15px;
		--font-size:14px;
		--sub-font-size:13px;
		--small-font-size:12px;
	}

	#header h1 img {height:40px;}
    .in_header, .slide_menu_inner .header {height:60px;}
	.slide_menu_inner .header {background-size: auto 32px; height: 70px;}
	.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;}




	.menu_btn a > span {width:28px; height:28px}
	.menu_btn a > span > span:after {top:-8px;}
	.menu_btn a > span > span:before {bottom:-8px;}

	.search_area_wrap {margin-top:0px; border-width:4px}
	.search_area .btn {background-size:20px auto ;}
	.searchPop .inner {height:130px;}
	.search_area {height: 55px;}

	.main_visual .key_visual {padding-top:20px;}
	.pop_zone > h3 {width: 160px; height: 37px;  font-size: 13px; }

	.main_tit h3 {font-size: 1.8em;}
	.main_tit .ico {min-width: max-content;}
	.main_tit .ico img {width: 40px;}
	.main_tit .dec {font-size: 0.9em;}

	.event_slide .box .txt_a {font-size: 1.5em;}



	.main_board_wrap .tab {gap:1em;}
	.main_board_wrap .tab > li::before {left: -0.5em;}

	.m_board .first_new .day {width:80px; min-width:80px;}
	.m_board .first_new a .tit {font-size:1.4em;}

	.main_photo .photo_slide .txt_a {font-size:1.4em;}

	#footer .go_top > a {width:50px; height:50px; font-size:12px;}
	.addressW address {gap:0.2em 2em;}
	.addressW address > span+span:before {left:-1em;}

    .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;}
	.sub_wrap {padding-top:60px;}
	.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;}

	.event_slide .list {gap: 40px 20px;}
	.event_slide .list > li {width: calc(50% - 10px);}

	.history {padding-left: 40px;}
	.history:before {width: 3px; left: 10px;}
	.history > li > h4:before, .history:after {width: 20px;	height: 20px; left: -39px; top: 7px;}
	.history:after {left:1px;	top: auto; bottom: -20px;}

	.parking > dl {flex-direction: column; text-align: center;}

	.time_list > li > label {height: 40px;;}

}

*/