@charset "utf-8";

: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-color: rgba(0, 0, 0, 0.7); /*backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);*/ 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:#fff;}
:is(.down, .over) .top_lang > a {color:#fff;}
:is(.down, .over) .top_lang > a img  {webkit-filter:brightness(1) invert(0.9); 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%; position: fixed; 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 h1 a img {filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);} */
.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(--cont-inner); width:100%; height:95px; 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: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;}

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


.top_search {position:absolute; right:45px; line-height:0px;; top:50%; transform:translateY(-50%); display:none;}
.top_search > button {padding:0px; line-height: 0px;}
.top_search > button img {width: 26px; height: 26px;}

.searchPop {width:100%; position:absolute; left:0px; top:100%; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; box-shadow:0px 3px 5px rgba(0, 0, 0, 10%); padding:0px 10px; font-size:var(--font-size); z-index: 2;}
.searchPop .inner {width:100%; max-width:1720px; position:relative; height:200px; display:flex; justify-content:center; align-items:center;}
.searchPop .search_area .input {background:none} 
.searchPop .close {position:absolute; right:0px; top:50%; transform: translateY(-50%);} 
.searchPop .close a {color:#fff; font-weight:400; line-height:1.4em; font-size:1px; text-indent:-99999em; display: block; width:30px; height:30px;} 
.searchPop .x_btn {padding-left:0px;}
.searchPop .x_btn:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:55%; left:10px}
.searchPop .x_btn:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:55%; left:10px;}
.search_area_wrap {margin:20px auto 0px auto; max-width:570px; border-bottom:9px solid #000; border-width:min(9px, 2vw); width:80%; position:relative;}
.search_area {display:flex; overflow:hidden; height:75px; align-items:center; position:relative; z-index:1; font-weight:500;}
.search_area .input {border:none; outline:none; flex:1; width:100%;}
.search_area .check {min-width:160px; color:#999999;}
.search_area .btn {min-width:50px; height:100%; display:flex; justify-content:center ;align-items:center; text-indent:-999999em; font-size:1px; color:#fff; background: url('/resources/img/common/search.svg') no-repeat center center ;}



/* GNB */
.w_gnb {padding:0px 0px 0px 248px;}
.w_gnb .gnb {display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4em; transition:all 0.5s 0s ease-out;}
.w_gnb .gnb > li {text-align:left; flex:auto; max-width: max-content; vertical-align:top; position: relative;}
.w_gnb .gnb > li > a {display:block; color:#fff;}
.w_gnb .gnb > li > a > span {display:flex; justify-content:center; align-items:center; font-size:18px; font-weight:700; height:95px; transition:all 0.2s 0s ease-in-out; position:relative;}
.w_gnb .gnb > li:hover > a > span {color:#fff;}
.w_gnb .sub_menu {display:none;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
.w_gnb .sub_menu  {position:absolute; left:0px; width:100%; min-width: max-content; padding:20px 5px; padding-bottom:40px; box-sizing:inherit; overflow:visible; top:100%; display:none}
.w_gnb .sub_menu > li {padding:3px 0px 3px 0; letter-spacing:-0.5px; text-align:left;}
.w_gnb .sub_menu > li > a {word-break:auto-phrase; display:block; font-size:16px; font-weight:500; padding:3px 0px;  line-height:1.3em; color: #fff;}
.w_gnb .sub_menu > li > a:hover {color:#fff; text-decoration:underline}
.w_gnb .sub_menu > li.dep3_group {position:relative; z-index:1;}
.w_gnb .sub_menu > li.dep3_group.is-open {z-index:3; padding:8px 0;}
.w_gnb .sub_menu > li.dep3_group > a {position:relative; padding-right:16px;}
.w_gnb .sub_menu > li.dep3_group > a::after {content:""; position:absolute; right:0; top:50%; width:5px; height:5px; margin-top:-4px; border-right:1.5px solid rgba(255,255,255,0.75); border-bottom:1.5px solid rgba(255,255,255,0.75); transform:rotate(45deg); transition:transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.55s ease;}
.w_gnb .sub_menu > li.dep3_group.is-open > a::after {transform:rotate(-135deg); margin-top:-1px; border-color:#fff;}
.w_gnb .sub_menu .dep3_list {list-style:none; margin:0; padding:0; max-height:0; overflow:hidden; opacity:0; transform:translateY(-8px); transition:max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease, transform 0.6s ease;}
.w_gnb .sub_menu > li.dep3_group.is-open .dep3_list {max-height:240px; opacity:1; transform:translateY(0); transition:max-height 0.78s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.62s ease 0.08s, transform 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0.05s;}
.w_gnb .sub_menu .dep3_list > li {padding:3px 0 3px 12px;}
.w_gnb .sub_menu .dep3_list > li > a {font-size:15px; font-weight:400; color:rgba(255,255,255,0.88);}
.w_gnb.is-measuring .sub_menu {display:block !important; visibility:hidden; position:absolute; left:0; top:100%; pointer-events:none; z-index:0;}
.w_gnb.is-measuring .sub_menu .dep3_list {max-height:240px; opacity:1; transform:none;}
.w_gnb .gnb > li {overflow:visible;}
.w_gnb .sub_menu {z-index:2;}

#gnb_bar {border-top:1px solid #000;position:absolute; display:none; left:0%; top:100%; width:100%; background:rgba(0, 0, 0, 0.7); /*backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);*/ box-shadow:0px 2px 5px rgba(0, 0, 0, 10%); z-index:1;}
.gnb_bar_in {max-width:var(--cont-inner); height: 100%; margin: 0 auto; }


.three_depth {padding:20px 20px 10px 35px}
.three_depth > li + li {margin-top:5px;}
.three_depth > li > a {position:relative; padding-left:27px; display: block;}
.three_depth > li > a:before {content:""; width:16px; height:16px; border:1px solid #eee; border-radius:3px; background: #fff; position: absolute; left: 0px; top:50%; margin-top:-8px}
.three_depth > li > a:after {content: ""; width:3px; height:3px; border-top:1px solid #a9a9a9; border-right:1px solid #a9a9a9;transform: rotate(45deg) translateY(-50%); position: absolute; left:5px; top:50%;}
.three_depth > li > a:hover {color: var(--key-color); font-weight:600;}
.three_depth > li > a:hover::before {background: var(--key-color); border-color: var(--key-color);}
.three_depth > li > a:hover::after {border-color:#fff;}



/* 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: 0px; 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; 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 > li {border-bottom: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:12em; 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;}
.slide_menu_inner .three_depth {padding:10px 0px 10px 0px;}
.slide_menu_inner .three_depth > li {padding-top:0px;}


.section {padding-top:min(60px, 8vw); padding-bottom:min(60px, 8vw); padding-left:10px; padding-right: 10px; font-size: var(--font-size); line-height:1.5em}
.section .inner {max-width:1520px}
.section .more {position:absolute; right:0px; top:0px;}
.section .more > a {display:flex; font-size: var(--small-font-size); font-weight:700; align-items:center;}
.section .more span {display:flex; width:clamp(24px, 4vw, 32px); aspect-ratio: 1/1; border-radius:100%; border:1px solid #000; justify-content:center; align-items:center; margin-left:10px; background:#000; color:#fff; position:relative;}
.section .more 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 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.88888em; line-height:120%; font-weight:400; }
.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;}


#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.3); 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:1080px; 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 .txt_frame strong {font-weight:700}
.main_visual .txt_frame .txt_b {font-size:2.3333em; font-weight:100; line-height:1.4em;}
.main_visual .txt_frame .txt_a {font-size:3.55555em; font-weight:700; line-height:1.4em;}
.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: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('/resources/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(--cont-inner); width: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); width: 100%; z-index:3; display: flex;  align-items:flex-start; flex-direction: column; height: 100%; padding:0px 10px; padding-top:260px; color: #fff; font-size: min(42px, 5vw); color: #fff; line-height: 1.4em}
.main_visual .key_visual > div {width: 100%;}
.main_visual .key_visual .swiper-pagination {margin-top: 50px; gap: 10px;}
.main_visual .key_visual .swiper-pagination-bullet {border: none;}
.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% + 8px); height: calc(100% + 8px); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius:100%; border:1px solid #fff;}


.main_visual .txt_b {font-size:1.7em; font-weight:700; line-height: 1.3em; padding-top: 0.4em;}
.main_visual .txt_c {font-size:var(--font-size); padding-top: 1em; line-height: 1.4em; font-weight: 600;}

.main_pop_zone {width: 100%; position: absolute; left:0%; bottom:180px; z-index: 4;}
.main_pop_zone .swiper-button-prev {top:-80px; right:85px;}
.main_pop_zone .swiper-button-next {top:-80px; right:20px;}
.pop_zone {position: relative;  overflow: hidden;}
.pop_zone  > h3 {display: flex; align-items: center; width: 190px; height: 45px; border-radius:30px; justify-content: center; gap: 3px; color: #fff; font-family: var(--key-font); font-size:16px; background: var(--key-color); position: relative; font-weight: 400;}
.pop_zone  > h3:after {content: ""; border-top:5px solid var(--key-color); border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 50%; top:100%; margin-top: -1;}
.pop_zone .swiper-slide {width: 646px;}
.pop_zone .swiper-slide img {overflow:hidden; border-radius:16px; max-height: 566px;}

.pop_zone .box {overflow: hidden; border-radius:clamp(10px, 5vw, 30px); border:1px solid rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; gap:min(2vw, 2em); justify-content: space-between; padding:clamp(15px, 5vw, 30px); color: #fff;}
.pop_zone .box .info { display: flex; flex-direction: column; align-items: flex-start; width:48%; gap:0.8em;}
.pop_zone .box .info .category {display:inline-flex; min-width:7em; height:2.5em; border-radius:30px; font-size: var(--x-small-font-size); line-height: 1.3em; justify-content: center; align-items: center; padding:0px 1em; background: var(--key-color);}
.pop_zone .box .info .tit {font-size: var(--large-font-size); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.4em; height: 2.8em; font-weight: 600;}
.pop_zone .box .info .date {font-size: var(--small-font-size); margin-top: auto; font-family:'Montserrat', sans-serif; }
.pop_zone .box .img {width:48%; max-width:307px; overflow: hidden; border-radius:clamp(10px, 5vw, 30px); }
.pop_zone .box .img img {object-fit: cover; width: 100%; aspect-ratio: 300/180;}

.slide_arrow {display: block; width:60px; height:60px;  background-color: rgba(255, 255, 255, 0.3) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; gap:2em; justify-content: space-between; padding:clamp(15px, 5vw, 30px); color: #fff; position: absolute; z-index: 4; cursor: pointer; border-radius:100%;}
.swiper-button-prev {background: url('/resources/img/main/bt_prev.svg') no-repeat center center;}
.swiper-button-next {background: url('/resources/img/main/bt_next.svg') no-repeat center center;}

.main_tit {display: flex; gap: 1em; align-items: flex-end; margin-bottom: min(60px, 7vw); position: relative; flex-wrap: wrap; font-size:clamp(16px, 15vw, 2em);}
.main_tit::before {content: ""; width: 50px; height: 90%; background: var(--key-color); position: absolute; top: 50%; transform: translateY(-50%); left:-100px;}
.main_tit .dec {line-height: 1.4em;}
.main_tit h3 {font-size:1.555em; line-height: 1.2em; font-weight:700;}

.main_banner {display: flex; justify-content: space-between; gap: 1em;}
.main_banner > li {flex:1; max-width: 360px;}
.main_banner > li * {transition: all 0.3s 0s ease-in-out;}
.main_banner .box {display: flex; flex-direction: column; position: relative; overflow: hidden; min-height: 400px;}
.main_banner .box .info {color: #666666;}
.main_banner .box .info dt {font-size:1.77em; line-height: 1.4em; color: #000; font-weight:800;}
.main_banner .box .info dd {padding: 0.5em 0px; min-height: 4em; font-size: 1.05em;}
.main_banner .box .img {position: absolute; left: 0px; top: 0px; padding-top:2em; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; z-index: -1;}
.main_banner .box .arrow {margin-top: auto; margin-bottom: 1em;}
.main_banner .box .arrow img {width:clamp(30px, 9vw, 50px); aspect-ratio: 1/1;}
.main_banner .box .bg_img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; z-index: -1; transform: scale(0);}
.main_banner .box .bg_img img {object-fit:cover; height: 100%;}


@media (hover: hover) and (pointer: fine) {
	.main_banner .box:hover {color: #fff; padding: 1em 2em; justify-content: center;}
	.main_banner .box:hover .info {color: #fff;}
	.main_banner .box:hover .info dt {color: #fff;}
	.main_banner .box:hover .img {opacity: 0; transform: scale(0);}
	.main_banner .box:hover .bg_img {opacity: 1; transform: scale(1);}
	.main_banner .box:hover .info {padding-top:5em;}
 }

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




.main_board_wrap {display: flex; gap:35px; justify-content: space-between; padding-top:clamp(5px, 10vw, 20px);}
.main_board {width:58%; max-width:870px; position: relative; }
.main_board_wrap .more {position:absolute; right: 0px; top: 0px;}
.main_board_wrap .tab {display: flex; overflow: hidden; gap:1.2em; align-items: flex-start; height:1.3em; padding-right:75px; font-size:var(--x-large-font-size); line-height: 1.4em;  margin-bottom:clamp(20px, 3vw, 30px);}
.main_board_wrap .tab > li {position: relative;}
.main_board_wrap .tab > li::before {content: ""; background:#D9D9D9; width: 3px; height: 3px; border-radius: 100%; position: absolute; left: -0.6em; top:50%;}
.main_board_wrap .tab > li > a {display: block; text-align: center; line-height: 1.3em; color: #999999; font-weight:800;}
.main_board_wrap .tab .active { 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; border-radius:8px; overflow: hidden; padding:clamp(10px, 5vw, 19px); border:1px solid #EFF3F6;  font-weight:600; min-height: 4.5em;}
.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;}
.m_board .news_list li .date {color:#999999; min-width:7em; text-align:right; font-size: var(--x-small-font-size); font-family:'Montserrat', sans-serif; }
.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;}

@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 .date {color: var(--key-color);}
	.m_board .news_list li:hover .ico {background:#EFF3F6;}
 }



.main_quick {width:42%; max-width:620px; margin-top:62px;}
.main_quick .banner * {transition: all 0.3s 0s ease-in-out;}
.main_quick .banner {display: flex; flex-wrap: wrap; gap:clamp(10px, 2vw, 22px);}
.main_quick .banner > li {width: calc(50% - clamp(5px, 1vw, 11px));}
.main_quick .banner > li.one {width: 66%; }
.main_quick .banner > li.two {width: calc(34% - clamp(10px, 2vw, 22px)); }
.main_quick .banner a {min-height:clamp(150px, 20vw, 200px); position: relative; border-radius:8px; overflow: hidden; display: flex; justify-content: space-between; padding:min(5vw, 30px); color: #fff;}
.main_quick .banner a .info {display: flex; flex-direction: column; position: relative; z-index: 2;}
.main_quick .banner a .tit {font-weight: 800; font-size:1.5em; line-height: 1.4em;}
.main_quick .banner a .dec {padding-top: 0.4em; font-size: var(--sub-font-size);}
.main_quick .banner a .arrow {display: flex; align-items: center; justify-content: center; border-radius: 100%; width:clamp(30px, 9vw, 50px); aspect-ratio: 1/1; background: #fff; margin-top:auto;}
.main_quick .banner a .icon {position: absolute; bottom:min(5vw, 30px); right:min(5vw, 30px); display: block; max-width:clamp(30px, 5vw, 100%);}
.main_quick .banner a .icon img {-webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1);}
.main_quick .banner a .more {position: relative; right: auto; top: auto; margin-top: auto; font-size: var(--x-small-font-size); font-weight: 700; display: flex; align-items: center; padding-top: 1em;}
.main_quick .banner a .more span {background: #fff; border:none;}
.main_quick .banner a .more span:after, .main_quick .banner a .more span::before {background:var(--key-color);}
.main_quick .banner > li:nth-child(1) a {background:url('/resources/img/main/banner01.jpg') no-repeat left top/cover;font-size: var(--large-font-size); font-weight:700; line-height: 1.4em;}
.main_quick .banner > li:nth-child(1) a::before {content: ""; width: 100%; height: 100%; background: #000; opacity:0; position: absolute; left: 0px; top: 0px; transition: all 0.3s 0s ease-in-out;}
.main_quick .banner > li:nth-child(1) a .dec {font-size: var(--large-font-size); }
.main_quick .banner > li:nth-child(1) .icon {max-width:clamp(80px, 7vw, 100%);}
.main_quick .banner > li:nth-child(1) .icon img {-webkit-filter:none; filter:none;}
.main_quick .banner > li:nth-child(2) a { height: 100%; border-radius: 8px; background: #EFF3F6; padding: min(4.5vw, 24px); }
.main_quick .banner > li:nth-child(2) a .tit { width: 5em; font-size: 1.05em; color: #646464; }
.main_quick .banner > li:nth-child(2) a .info { flex-direction: row; flex-wrap: wrap; align-items: flex-end; height: min-content; }
.main_quick .banner > li:nth-child(2) a .info img { margin-bottom: 8px; }
.main_quick .banner > li:nth-child(2) a .icon { width: 56px; height: 56px; padding: 14px; background: #fff; border-radius: 50%; box-sizing: border-box; max-width: unset; bottom:min(4.5vw, 24px); right:min(4.5vw, 24px); }
.main_quick .banner > li:nth-child(2) a .icon img { filter: brightness(1) invert(0); }
.main_quick .banner > li:nth-child(3) a {background:var(--key-color); border:1px solid var(--key-color);}
.main_quick .banner > li:nth-child(4) a {background:var(--deep-key-color); border:1px solid var(--deep-key-color);}
.main_quick .banner > li:nth-child(4) a .more span:after,
.main_quick .banner > li:nth-child(4) span::before {background:var(--deep-key-color);}


@media (hover: hover) and (pointer: fine) {
	.main_quick .banner > li:nth-child(1) a:hover::before {opacity: 0.4;}
	.main_quick .banner > li:nth-child(2) a:hover .icon { background: var(--key-color); }
	.main_quick .banner > li:nth-child(2) a:hover .icon img { filter: brightness(0) invert(1); }
	.main_quick .banner > li:nth-child(3) a:hover {background: #fff; border-color: var(--key-color); color:var(--key-color);}
	.main_quick .banner > li:nth-child(4) a:hover {background: #fff; border-color: var(--deep-key-color); color:var(--deep-key-color);}
	.main_quick .banner > li:nth-child(3) a:hover .more span {background:var(--key-color);}
	.main_quick .banner > li:nth-child(4) a:hover .more span {background:var(--deep-key-color);}
	.main_quick .banner a:hover .more span:after, .main_quick .banner a:hover .more span::before {background:#fff !important;}
	.main_quick .banner a:hover .icon img {-webkit-filter:none; filter:none;}
 }

 .main_img_banner {width:1720px; position: relative; left:50%; transform: translateX(-50%);}
 .main_img_banner > a {display: flex; flex-direction: column; justify-content: center; align-items: center; padding:1em; color: #fff; height:clamp(250px, 45vw, 445px); border-radius: clamp(10px, 10vw, 30px); overflow: hidden ; background: url('/resources/img/main/banner.jpg') no-repeat left top/cover;}
 .main_img_banner .txt {text-align: center; font-size: var(--xxx-large-font-size); line-height: 1.4em;}
 .main_img_banner .txt strong {font-size: 1.625em; font-weight: 700; line-height: 1.5em;}
 .main_img_banner .btn {position:relative; width:16.7em; height: 4em; background: var(--key-color); border-radius:60px; color:#fff; margin-top:min(2vw, 2em); font-weight:700; transition: all 0.3s 0s ease-in-out;}
 .main_img_banner .btn::after {content: ""; width: 1em; height: 100%; background: url('/resources/img/main/arrow.svg') no-repeat center center; position: absolute; right:1em; top: 0px; transition: all 0.3s 0s ease-in-out;}

 .quick_list {display: flex; justify-content: space-between; gap: 1em; margin-top: clamp(20px, 10vw, 60px);}
 .quick_list > li {flex:1;}
 .quick_list > li * {transition: all 0.3s 0s ease-in-out;}
 .quick_list a {display: flex; align-items: center; justify-content: space-between; height: 100%; min-height: 4em; padding:0.5em 1em; border-radius:4px; background: #EFF3F6; font-size: var(--sub-font-size); gap: 0.5em; font-weight: 700; border:1px solid #EFF3F6; word-break: break-all; line-height: 1.3em;}
 .quick_list a .arrow {display: flex; align-items: center; justify-content: center; min-width: clamp(30px, 5vw, 40px); width: clamp(30px, 5vw, 40px); aspect-ratio: 1/1; border-radius:100%; background: #fff;}



 @media (hover: hover) and (pointer: fine) {
	.main_img_banner > a:hover .btn {background: #fff; color: var(--key-color);}
	.main_img_banner > a:hover .btn::after {background: url('/resources/img/main/arrow3.svg') no-repeat center center;}

	.quick_list a:hover {border-color:var(--key-color); background: #fff;}
	.quick_list a:hover .arrow {background: #EFF3F6;}
 }





/* footer */
#footer {background:#000000 ; padding:0px 10px; color: #fff;}
#footer a {color: #fff;}
#footer .inner {max-width:1520px; display: flex; position:relative; margin:0 auto; padding:min(6vw, 70px) 0px }
#footer .navi {display:flex; flex-wrap: wrap; min-height: 4.5em; align-items: center; gap:1em 2em; position: relative; max-width: 1520px; margin: 0 auto; padding:1em 0px;}
#footer .navi::before {content:""; width: 100vw; height: 100%; background: var(--key-color); position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
#footer .navi > li {position: relative;}
#footer .navi > li + li::before {content:""; width: 1px; height:6px; background: #fff; position: absolute; left: -1em; top:50%; transform: translateY(-50%);}
#footer .navi > li > a {color: #fff; font-size:var(--sub-font-size) ;}

#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%;}


.addressW {position:relative; font-size: var(--sub-font-size); max-width:600px;}
.addressW .txt_t{font-size:1.1em; font-weight:700; line-height: 1.4em ;}
.addressW address {display: flex; flex-wrap: wrap; gap:0.2em 2em; overflow: hidden;}
.addressW address .tel {font-weight:700; font-size:1.333em; line-height: 1.4em;}
.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%);}
.addressW .copy {width:100%; font-weight:100; padding-top:1em;}




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

.sub_visual.sub-vis1 {background:url('/resources/img/introduce/sub_visual.jpg') no-repeat center center;}
.sub_visual.sub-vis2 {background:url('/resources/img/education/sub_visual.jpg') no-repeat center center;}
.sub_visual.sub-vis3 {background:url('/resources/img/teacher/sub_visual.jpg') no-repeat center center;}
.sub_visual.sub-vis4 {background:url('/resources/img/admission/sub_visual.jpg') no-repeat center center;}
.sub_visual.sub-vis5 {background:url('/resources/img/community/sub_visual.jpg') no-repeat center center;}
.sub_visual.sub-vis6 {background:url('/resources/img/industry/sub_visual.jpg') no-repeat center center;}





.lnb_position {width: 100%; position: absolute; right: 0px; bottom:40px; padding:0px 10px}
#lnb_wrap {position: relative;}
#lnb_wrap .lnb {display:flex; justify-content: flex-end; z-index:9; gap: 10px;}
#lnb_wrap .lnb .ico_home > a {width: 60px; aspect-ratio: 1/1; background: var(--key-color); display: flex; justify-content: center; align-items: center; border-radius:100%; }

#lnb_wrap .lnb .lnbs { width:50%; max-width:270px; background: #fff; border-radius:60px; position:relative;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; border-radius:30px;  display:none; background:#fff; box-shadow: 0px 0px 13px rgba(0, 0, 0, 10%); padding:10px 0px; overflow:hidden;}
#lnb_wrap .lnb .lnbs .copy_menu > li:not(:last-child) {border-bottom: 1px solid #ddd;}
#lnb_wrap .lnb .lnbs .copy_menu > li.dep3_group {border-bottom:1px solid #ddd;}
#lnb_wrap .lnb .lnbs .copy_menu > li.dep3_group.is-open {padding:8px 0;}
#lnb_wrap .lnb .lnbs .copy_menu > li.dep3_group > a {position:relative; padding-right:36px;}
#lnb_wrap .lnb .lnbs .copy_menu > li.dep3_group > a::after {content:""; position:absolute; right:20px; top:50%; width:5px; height:5px; margin-top:-4px; border-right:1.5px solid rgba(0,0,0,0.55); border-bottom:1.5px solid rgba(0,0,0,0.55); transform:rotate(45deg); transition:transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.55s ease;}
#lnb_wrap .lnb .lnbs .copy_menu > li.dep3_group.is-open > a::after {transform:rotate(-135deg); margin-top:-1px; border-color:#000;}
#lnb_wrap .lnb .lnbs .copy_menu .dep3_list {list-style:none; margin:0; padding:0; max-height:0; overflow:hidden; opacity:0; transform:translateY(-8px); transition:max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease, transform 0.6s ease;}
#lnb_wrap .lnb .lnbs .copy_menu > li.dep3_group.is-open .dep3_list {max-height:240px; opacity:1; transform:translateY(0); transition:max-height 0.78s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.62s ease 0.08s, transform 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0.05s;}
#lnb_wrap .lnb .lnbs .copy_menu .dep3_list > li {border-bottom:none;}
#lnb_wrap .lnb .lnbs .copy_menu .dep3_list > li > a {padding-left:28px; font-size:15px; font-weight:400; color:#666;}
#lnb_wrap .lnb .lnbs .copy_menu .dep3_list > li > a:hover {color:var(--key-color); font-weight:500;}
#lnb_wrap .lnb ul li a.tg_blank,
.w_gnb .sub_menu li a.tg_blank {display:inline-flex; align-items:center; gap:0.4em; width:auto;}
#lnb_wrap .lnb .lnbs .copy_menu > li.dep3_group > a.tg_blank,
.w_gnb .sub_menu > li.dep3_group > a.tg_blank {display:block; padding-right:56px; background:url('/resources/img/common/ico_target_blank.svg') no-repeat right 36px center / 1em 1em;}
#lnb_wrap .lnb .lnbs .copy_menu > li.dep3_group > a.tg_blank::after,
.w_gnb .sub_menu > li.dep3_group > a.tg_blank::after {width:5px; height:5px; background:none; border-right:1.5px solid rgba(0,0,0,0.55); border-bottom:1.5px solid rgba(0,0,0,0.55); border-radius:0; transform:rotate(45deg); margin-top:-4px;}
.w_gnb .sub_menu > li.dep3_group > a.tg_blank {padding-right:calc(16px + 1em + 0.5em); background-position:right 16px center;}
.w_gnb .sub_menu > li.dep3_group > a.tg_blank::after {border-right-color:rgba(255,255,255,0.75); border-bottom-color:rgba(255,255,255,0.75);}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}
.lnb_tit, a.lnb_tit {display:block; align-items: center; line-height: 1.4em; padding:0px 25px; color:#000; height:60px; line-height:60px; cursor:pointer;font-weight:700; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; text-align: left;}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #000; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}
.lnb ul li a {font-size:var(--sub-font-size); display:block; line-height:130%; min-height:30px; height:auto; padding:15px 0px 15px 20px; box-sizing:border-box; text-align:left; border-top:none; font-weight:500;}
.lnb ul li a:hover {color:var(--key-color);}




.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:clamp(24px, 6vw, 2em);; color:#000000; line-height:130%; margin:2em 0px 0.5em 0px;  position:relative; 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:var(--x-large-font-size); color:#000; margin:2.26em 0px 0.5em 0px; font-weight:700; display:flex; align-items:baseline;}
.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:0em 0px 3em 0px;}
.title_bar > h2 {font-size:clamp(26px, 8vw, 2.33em); line-height: 1.4em; font-weight:800}
.title_bar > h2 + h5 { font-weight: 300; color: #444444; margin-top: 16px; font-size: clamp(15px, 4.5vw, 17px);}
.title_bar + .s_tit {margin-top: 0px;}

.acd main {position: relative; padding:clamp(30px, 5vw, 60px) 0; font-size: 1.33em; line-height: 1.4em;}
.acd main::before {content: ""; background: #F8F8F8; width: 100vw; height: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: -1;}
.acd_tag {display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--key-color); font-size:var(--sub-font-size); color: var(--key-color); padding:4px 12px; min-width: 12.5em; height:3.125em; border-radius:60px; margin-bottom:20px;}
.acd_hd {text-align:center; margin-bottom:clamp(30px, 5vw, 50px);}
.acd_tit {font-size:clamp(20px, 4vw, 2.333em); font-weight:700; line-height:1.3em;}
.acd_btns {display:flex; gap:10px; justify-content: flex-end; margin-top: clamp(20px, 4vw, 40px);}
.acd_btn {display:inline-flex; align-items:center; justify-content:center; background:var(--key-color); color:#fff; padding:0px 1em; border-radius:6px; height:3.3333em; width:13.888em; font-size: var(--font-size); }
.acd_bt_wrap {text-align:right; margin-top:40px;}


.first-txt {font-size:clamp(22px, 6vw, 2em); line-height: 1.4em;}

.first-txt > strong {font-weight:800}

.research_area {display: flex; gap: 1em; justify-content: space-between; margin-top:clamp(10px, 2vw, 20px);}
.research_area > li {max-width: 420px; background: #F7F8F9; padding:clamp(10px, 4vw, 1.5em) clamp(15px, 5vw, 2em); display: flex; flex-direction: column;  gap: 0.5em; flex:1}
.research_area .num {color:#999999; font-size: var(--xxx-large-font-size); line-height: 1.5em; font-weight: 200;}
.research_area dt {color: var(--key-color); font-size: var(--x-large-font-size); line-height: 1.4em; font-weight: 700;}
.research_area dd {font-size: var(--sub-font-size); padding-top: 0.5em; line-height: 1.4em;}


.introduce_section {position: relative; padding: clamp(20px, 6vw, 70px) 0px;  margin: clamp(30px, 8vw, 100px) 0px; color: #fff;}
.introduce_section::before {content: ""; width: 100vw; height: 100%; background: url('/resources/img/introduce/01_bg01.jpg') no-repeat center top/cover; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
.introduce_section .s_tit {color: #fff; font-weight:700; justify-content: center; margin-top: 0px;}
.introduce_section .s_tit > span {font-size: 1.2em; text-align: center;}
.introduce_section .list {display: flex; gap: 10px; margin-top: clamp(20px, 6vw, 50px);}
.introduce_section .list > li {flex: 1; border:1px solid rgba(255, 255, 255, 0.4); border-radius:min(5vw, 30px); padding:clamp(10px, 3vw, 25px) clamp(10px, 4vw, 30px); background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.introduce_section .list > li {flex: 1; text-align: center}
.introduce_section dt {color:#fff; display: flex; justify-content: center; align-items: center; border-radius:60px; background: var(--key-color); font-size:var(--x-large-font-size) ; min-height:2.5em; padding:0.5em 1em; font-weight: 700;}
.introduce_section dd {padding:1.4em 0px;}

.process_wrap {max-width: 950px; margin: 0 auto; text-align: center;}
.process_wrap .first-txt > strong {color: var(--key-color);}
.process_wrap .process {margin: clamp(20px, 6vw, 50px) 0px; overflow: hidden; display: flex; justify-content: space-between; gap:20px 50px;}
.process_wrap .process > li {position: relative; flex:1}
.process_wrap .process > li::before {content:""; width: 12px; height: 22px; background: url('/resources/img/introduce/step.svg') no-repeat center center/cover; position: absolute; left:-29px; top: 50%; transform: translateY(-50%);}
.process_wrap .process .step_box {aspect-ratio:1/1; width: 100%; max-width: 200px; border-radius: 100%; background: #F7F8F9; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1em; font-weight: 700;}
.process_wrap .txt_b {color:#fff; display: flex; justify-content: center; align-items: center; border-radius:60px; background: var(--key-color); font-size:var(--x-large-font-size) ; min-height:3.5em; padding:0.5em 1em; font-weight: 700;}

.introduce {display: flex; justify-content: space-between; gap: 1em;}
.introduce .img {width:50%; max-width: max-content;}
.introduce .info {flex:1; max-width: 609px; font-size: var(--sub-font-size);}
.introduce .info .txt_a {font-size:var(--x-large-font-size); padding-bottom: 1.5em; line-height: 1.4em;}
.introduce .info .sign {text-align: right; padding-top: 2em;}

.support_benefit {display: flex; gap: 10px;}
.support_benefit > li {flex:1; aspect-ratio: 1/1; background:#F5F6FA; border-radius:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.2em; text-align: center;}
.support_benefit dt {color: var(--key-color); font-size:var(--x-large-font-size); font-weight: 700; line-height: 1.4em;}
.support_benefit dd {font-size: var(--sub-font-size); line-height: 1.4em; padding-top: 0.5em; min-height: 4.2em;}

.scholarship_list {display: flex; border-top:1px solid #000; border-bottom: 1px solid #ccc; padding:10px 0px; justify-content: space-between; gap: 0.5em 4em; overflow: hidden; ;}
.scholarship_list > li {display: flex; flex:1; position: relative; align-items: center; gap: 1em; font-size: var(--sub-font-size);}
.scholarship_list > li > strong {min-width: 6em; text-align: center; font-size: var(--font-size);}
.scholarship_list > li::before {content: ""; width: 1px; height: 100%; background: #000; position: absolute; left:-2em; top: 50%; transform: translateY(-50%);}

.note_box {display: flex; flex-wrap: wrap; align-items: center; padding: clamp(10px, 3vw, 20px); background:#F5F6FA; font-size: var(--sub-font-size); gap: 0.5em 1em; justify-content: space-between; font-weight: 300;}
.edu05 .note_box { margin-top: 0; }
.note_box > p {min-width: 45%;}
.note_box + .first-txt { margin: 2em 0px 0.5em 0px; }

.benefit_list {display:flex; justify-content: space-between; gap: 1em;}
.benefit_list > li {flex:1; max-width:400px ;}
.benefit_list dt {font-weight: 700; font-size: var(--x-large-font-size); line-height: 1.5em; margin:0.9em 0px 0.3em 0px;}
.benefit_list dd {color: #666666;}


.map_address {display: flex; flex-wrap: wrap; overflow: hidden; gap:1em 4em;}
.map_address > li {display: flex; gap: 1em; align-items: center; font-weight: 600;}
.map_address > li > strong {align-self: flex-start; display: flex; gap: 1em; align-items: center; min-width: max-content; font-weight: 800;}
.map_address > li > strong img {max-width: clamp(39px, 5vw, 49px);}
.map_address > li .txt {flex:1; display: flex; flex-wrap: wrap; gap:0.5em 2em;}
.map_address > li.one {width:100%;}
.map_address .fw3 {font-size: var(--sub-font-size); font-weight: 300;}

.map_wrap {margin:clamp(20px, 5vw, 50px) 0px; min-width:1920px; position: relative; left: 50%; transform: translateX(-50%);  border-bottom: 1px solid #ddd;}
.map_wrap .map {overflow:hidden; height: clamp(350px, 90vw, 700px);}
.map_wrap .map > div {width: 100% !important; height: 100% !important;}
.map_wrap .map  .wrap_map {width: 100% !important; height: 100% !important;}

.education_goal {display: flex; justify-content: space-between; gap: 1em; align-items: center;}
.education_goal .img {width:50%; max-width: max-content;}
.education_goal .txt {flex:1; max-width: 609px;}
.education_goal .txt .txt_a {font-size:clamp(24px, 5vw, 36px); padding-bottom: 1.5em; line-height: 1.4em;}

.sub_education_goal > li {display: flex; background: #F7F8F9; padding: clamp(10px, 3vw, 2em)  clamp(10px, 3vw, 3em)}
.sub_education_goal > li + li {margin-top: 0.7em;}
.sub_education_goal .num {min-width:2em; font-size: var(--xxx-large-font-size); color: #999999; font-weight: 300; line-height: 1.2em;}
.sub_education_goal dl {display: flex; align-items: center; gap: 2em;}
.sub_education_goal dt {width: 30%; align-self: flex-start; font-size:var(--x-large-font-size); font-weight: 700; line-height: 1.4em;}
.sub_education_goal dd {flex:1; font-size: var(--sub-font-size); font-weight: 300;}

/* 학부연구생프로그램 */
.edu06 .title_bar {padding:0 0 clamp(40px, 5vw, 80px);}
.edu06 .title_bar > h2 {font-size:clamp(28px, 4vw, 42px); line-height:1.4; font-weight:800;}

.edu06 .urp_intro {display:grid; grid-template-columns:minmax(0, 497px) minmax(0, 1fr); gap:34px; align-items:center;}
.edu06 .urp_intro_txt {max-width:497px;}
.edu06 .urp_sub_tit {font-size:clamp(24px, 4vw, 36px); font-weight:800; color:#B1040E; line-height:1.16; margin:0;}
.edu06 .urp_sub_line {display:block; width:64px; height:4px; background:#B1040E; margin:24px 0 16px;}
.edu06 .urp_desc {font-size:clamp(16px, 1.6vw, 20px); line-height:1.6; color:#212529; font-weight:400; word-break:keep-all;}
.edu06 .urp_intro_img {width:100%; aspect-ratio:789/280; border-radius:20px; overflow:hidden; position:relative;}
.edu06 .urp_intro_img img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block;}

.edu06 .s_tit.tc {font-size:clamp(24px, 4vw, 36px); line-height:1.4; margin:clamp(50px, 6vw, 80px) 0 clamp(24px, 3vw, 40px);}
.edu06 .urp_cards {margin-top:0;}
.edu06 .urp_cards_row {display:grid; gap:30px; margin:0; padding:0; list-style:none;}
.edu06 .urp_cards_row--3 {grid-template-columns:repeat(3, minmax(0, 1fr));}
.edu06 .urp_cards_row--2 {grid-template-columns:870fr 420fr; margin-top:30px;}
.edu06 .urp_card {background:#F7F8F9; padding:40px 40px 40px 41px; min-height:310px; box-sizing:border-box;}
.edu06 .urp_cards_row--2 .urp_card:has(.urp_steps) {min-height:410px;}
.edu06 .urp_card_ico {display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:8px; background:#F8E6E7; margin-bottom:32px;}
.edu06 .urp_card_ico img {width:32px; height:32px;}
.edu06 .urp_card dl {margin:0;}
.edu06 .urp_card dt {font-size:clamp(18px, 2vw, 24px); font-weight:800; line-height:1.6; margin:0 0 8px; color:#000;}
.edu06 .urp_card dd {margin:0; font-size:20px; font-weight:300; line-height:1.4; color:#000;}
.edu06 .urp_steps {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:40px; margin-top:8px;}
.edu06 .urp_step .step_label {font-size:clamp(16px, 1.8vw, 24px); font-weight:600; color:#B60005; line-height:1.4; margin:0 0 8px;}
.edu06 .urp_step p {margin:0; font-size:20px; font-weight:300; line-height:1.4; color:#000;}
.edu06 .urp_note {display:flex; align-items:flex-start; gap:17px; margin:32px 0 0; font-size:clamp(14px, 1.4vw, 18px); font-weight:300; line-height:1.4; color:#000;}
.edu06 .urp_note .ico {flex-shrink:0; width:24px; height:24px; margin-top:1px;}
.edu06 .urp_note .ico img {width:100%; height:100%; display:block;}
.edu06 .urp_note .u {text-decoration:underline; text-underline-offset:2px;}

.edu06 .urp_contact {display:block; margin-top:clamp(50px, 6vw, 80px); border-top:1px solid #000; border-bottom:1px solid #ccc; padding:0;}
.edu06 .urp_contact > li {display:flex; align-items:stretch; min-height:64px; margin:0; padding:0; gap:0; font-size:16px; line-height:1.6;}
.edu06 .urp_contact > li::before {display:none;}
.edu06 .urp_contact > li > strong {display:flex; align-items:center; justify-content:center; width:144px; min-width:144px; margin:0; padding:9px 0; font-size:16px; font-weight:700; text-align:center; border-right:1px solid #000; box-sizing:border-box;}
.edu06 .urp_contact > li > p {flex:1; margin:0; padding:9px 20px; font-size:16px; font-weight:400; line-height:1.6; color:#000; display:flex; align-items:center;}

/* 연구분야 */
.research_page .title_bar {padding:0 0 clamp(40px, 5vw, 80px);}
.research_page .title_bar > h2 {font-size:clamp(28px, 4vw, 42px); line-height:1.4; font-weight:800;}
.research_page .title_bar .title_desc { margin: 20px 0 0; font-size:clamp(14px, 2vw, 18px); font-weight:400; line-height:1.6; color:#555;}
.research_grid {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:40px;}
.research_card {background:#F7F8F9; padding:40px; box-sizing:border-box;}
.research_card_hd {display:flex; align-items:center; justify-content:center; gap:13px; min-height:72px; padding:0 24px; background:#B60005; border-radius:40px; color:#fff;}
.research_card_hd img {width:22px; height:24px; flex-shrink:0; object-fit:contain;}
.research_card_hd h3 {margin:0; font-size:24px; font-weight:800; line-height:1; color:#fff;}
.research_tags {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); grid-template-rows:repeat(3, minmax(calc(20px * 1.6), auto)); gap:16px 20px; margin:32px 0 0; padding:0; list-style:none;}
.research_tags > li {display:flex; align-items:center; gap:12px; font-size:20px; font-weight:600; line-height:1.6; color:#000;}
.research_tags .ico {display:flex; align-items:center; justify-content:center; width:24px; height:24px; flex-shrink:0; background:#EFF3F6;}
.research_tags .ico img {width:16px; height:16px; object-fit:contain;}
.research_desc {margin:24px 0 0; font-size:18px; font-weight:400; line-height:1.6; letter-spacing:-0.18px; color:#000; word-break:keep-all;}
.research_table_wrap {margin-top:32px;}
.research_table {width:100%; border-collapse:collapse; table-layout:fixed; background:#fff;}
.research_table thead th {height:56px; padding:0 8px; border-top:1px solid #000; font-size:18px; font-weight:500; line-height:1; text-align:center; vertical-align:middle; background:#fff;}
.research_table tbody td {height:56px; padding:0 8px; border-top:1px solid #ccc; font-size:15px; font-weight:300; line-height:1.3; text-align:center; vertical-align:middle; word-break:keep-all;}

/* 졸업요건 */
.grad02 .title_bar {padding:0 0 clamp(40px, 5vw, 80px);}
.grad02 .title_bar > h2 {font-size:clamp(28px, 4vw, 42px); line-height:1.4; font-weight:800;}
.grad02_sec {margin-top:clamp(50px, 6vw, 72px);}
.grad02_sec_tit {display:flex; align-items:flex-start; gap:16px; margin-bottom: 24px; }
.grad02_sec_tit .num {font-size:48px; font-weight:800; line-height:1; letter-spacing:-0.96px; color:#EDF2F4;}
.grad02_sec_tit h3 {margin:0; padding-left:16px; border-left:4px solid #B1040E; font-size:clamp(20px, 3vw, 32px); font-weight:700; line-height:1.5; color:#212529;}

.grad02_credit_tbl {display:grid; grid-template-columns:240fr 360fr 360fr 360fr; border:1px solid #EDF2F4; overflow:hidden;}
.grad02_credit_block {display:flex; flex-direction:column; min-width:0;}
.grad02_credit_block + .grad02_credit_block {border-left:1px solid #EDF2F4;}
.grad02_credit_hd {display:flex; align-items:center; justify-content:center; min-height:82px; padding:12px; background:#0D1B2A; color:#fff; font-size:20px; font-weight:600; line-height:1; text-align:center; box-sizing:border-box;}
.grad02_credit_bd {flex:1; min-height:222px; box-sizing:border-box;}
.grad02_credit_bd.col--label {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px; background:#F3F4F5; text-align:center;}
.grad02_credit_bd.col--label .tit {margin:0; font-size:18px; font-weight:700; line-height:1.33; color:#212529;}
.grad02_credit_bd.col--label .sub {margin:0; font-size:18px; font-weight:400; line-height:1.33; color:#6C757D;}
.grad02_credit_bd.col--master {display:flex; align-items:center; justify-content:center; padding:24px;}
.grad02_credit_bd.col--master .val {margin:0; font-size:24px; line-height:1.4; color:#B1040E; font-weight:700;}
.grad02_credit_bd.col--list {padding:24px;}
.grad02_cohort_list {display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none; height:100%; justify-content:center;}
.grad02_cohort_list > li {display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 12px; border-radius:4px; background:#F8F9FA; font-size:18px; line-height:1.33; color:#212529;}
.grad02_cohort_list .year {font-weight:400;}
.grad02_cohort_list .score {font-weight:700;}
.grad02_cohort_list > li.is-em {background:rgba(177,4,14,0.05); border:1px solid rgba(177,4,14,0.2); padding:15px 13px;}
.grad02_cohort_list > li.is-em .year,
.grad02_cohort_list > li.is-em .score {color:#B1040E; font-weight:700;}
.grad02_info {display:flex; align-items:flex-start; gap:12px; margin:0; padding:24px; background:#F3F4F5; font-size:16px; font-weight:400; line-height:1.625; color:#6C757D; word-break:keep-all;}
.grad02_info .ico {flex-shrink:0; width:20px; height:22px; margin-top:2px;}
.grad02_info .ico img {width:100%; height:100%; display:block;}
.grad02_info strong {font-weight:700; color:#212529;}

.grad02_thesis {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px;}
.grad02_thesis_card {border:1px solid #CCC; box-sizing:border-box;}
.grad02_thesis_hd {display:flex; align-items:center; gap:12px; padding:24px 40px 16px;}
.grad02_thesis_hd img {width:26px; height:26px; flex-shrink:0;}
.grad02_thesis_card--master .grad02_thesis_hd strong {font-size:24px; font-weight:700; line-height:1; color:#B1040E;}
.grad02_thesis_card--doctor .grad02_thesis_hd strong {font-size:24px; font-weight:700; line-height:1; color:#651715;}
.grad02_thesis_bd {padding:0 40px 40px;}
.grad02_thesis_row {display:flex; align-items:stretch; margin-top:8px;}
.grad02_thesis_row:first-child {margin-top:0;}
.grad02_thesis_row .label {display:flex; align-items:center; justify-content:center; width:132px; min-width:132px; padding:32px 0; background:#F8F9FA; font-size:20px; font-weight:600; line-height:1; color:#6C757D; text-align:center; box-sizing:border-box;}
.grad02_thesis_row .cont {flex:1; display:flex; flex-direction:column; justify-content:center; padding:11px 12px; background:#F8F9FA; font-size:18px; font-weight:400; line-height:1.5; color:#212529; word-break:keep-all;}
.grad02_thesis_row .cont p {margin:0;}

.grad02_req {padding:36px 32px 32px; background:#F3F4F5; box-sizing:border-box;}
.grad02_req + .grad02_req {margin-top:32px;}
.grad02_req--master {border-top:4px solid #B1040E;}
.grad02_req--doctor {border-top:4px solid #651715;}
.grad02_req_hd {display:flex; align-items:flex-start; gap:12px; margin-bottom:24px;}
.grad02_req_hd .badge {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-width:72px; padding:8px 12px; border-radius:4px; font-size:24px; font-weight:700; line-height:1; color:#fff;}
.grad02_req--master .grad02_req_hd .badge {background:#B1040E;}
.grad02_req--doctor .grad02_req_hd .badge {background:#651715;}
.grad02_req_hd .desc {margin:0; font-size:18px; font-weight:400; line-height:1.4; color:#6C757D; word-break:keep-all;}
.grad02_check_list {display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none;}
.grad02_check_list > li {display:flex; align-items:flex-start; gap:16px; padding:22px 21px 20px; border:1px solid #EDF2F4; border-radius:4px; background:#fff;}
.grad02_check_list .ico {flex-shrink:0; width:20px; height:20px; margin-top:1px;}
.grad02_check_list .ico img {width:100%; height:100%; display:block;}
.grad02_check_list p {margin:0; font-size:18px; font-weight:400; line-height:1.4; color:#212529; word-break:keep-all;}
.grad02_req_note {margin-top:24px; padding:17px; border:1px dashed rgba(177,4,14,0.3); border-radius:4px; background:rgba(255,255,255,0.5);}
.grad02_req_note p {margin:0; font-size:16px; font-weight:400; line-height:1.5; color:#6C757D; word-break:keep-all;}
.grad02_req_note p + p {margin-top:4px;}

/* 준비중 */
.prepare_page {padding-top: clamp(20px, 4vw, 40px);}
.prepare_box {max-width:1126px; margin:0 auto; text-align:center;}
.prepare_img {width:clamp(160px, 18vw, 240px); margin:0 auto clamp(-28px, -3.2vw, -52px); position:relative; z-index:2;}
.prepare_img img {width:100%; height:auto; display:block;}
.prepare_body {position:relative; margin-top:clamp(-56px, -5.2vw, -80px); padding:clamp(34px, 5.2vw, 95px) 20px clamp(60px, 8vw, 100px); box-sizing:border-box;}
.prepare_bg {position:absolute; inset:0; background:url('/resources/img/industry/prepare_bg.png') no-repeat center center; background-size:contain; z-index:0; pointer-events:none;}
.prepare_txt {position:relative; z-index:1;}
.prepare_tit {margin:0 0 22px; font-size:clamp(24px, 4vw, 36px); font-weight:700; line-height:1.4; color:#000;}
.prepare_desc {margin:0; font-size:clamp(18px, 2.5vw, 24px); font-weight:300; line-height:1.4; color:#000; word-break:keep-all;}

@media screen and (max-width:979px) {
	.research_grid {grid-template-columns:1fr; gap:20px;}
	.research_card {padding:24px;}
	.research_tags {grid-template-columns:1fr; grid-template-rows:none; grid-auto-rows:auto; gap:12px;}
	.research_card_hd { min-height: 60px; }
	.research_card_hd h3 {font-size:20px;}
	.research_tags > li {font-size:17px;}
	.research_desc {font-size:16px;}
	.research_table {display:block; table-layout:auto; border-top:1px solid #000;}
	.research_table colgroup,
	.research_table thead {display:none;}
	.research_table tbody {display:block;}
	.research_table tbody tr {display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr); column-gap:16px; row-gap:12px; padding:16px 0; border-bottom:1px solid #ccc;}
	.research_table tbody td {display:block; width:100%; height:auto; padding:0; border:0; text-align:left; font-size:15px; font-weight:400; line-height:1.5; letter-spacing:-0.01em; word-break:keep-all;}
	.research_table tbody td::before {display:block; margin-bottom:4px; font-size:14px; font-weight:500; line-height:1.4; letter-spacing:0; color:#6C757D;}
	.research_table tbody td:nth-child(1) {grid-column:1; grid-row:1; font-weight:600; color:#000; padding-left:8px;}
	.research_table tbody td:nth-child(1)::before {content:'교수명';}
	.research_table tbody td:nth-child(3) {grid-column:2; grid-row:1;}
	.research_table tbody td:nth-child(3)::before {content:'이메일';}
	.research_table tbody td:nth-child(2) {grid-column:1 / -1; grid-row:2; padding: 0 8px;}
	.research_table tbody td:nth-child(2)::before {content:'연구분야';}
	.grad02_credit_tbl {grid-template-columns:1fr; gap:16px; border:0; overflow:visible;}
	.grad02_credit_block {border:1px solid #EDF2F4; overflow:hidden;}
	.grad02_credit_block + .grad02_credit_block {border-left:1px solid #EDF2F4;}
	.grad02_credit_bd {min-height:auto;}
	.grad02_thesis {grid-template-columns:1fr;}
	.grad02_thesis_row {flex-direction:column;}
	.grad02_thesis_row .label {justify-content: flex-start; width:100%; min-width:0; padding: 20px 0 8px 16px; }
	.grad02_thesis_row .cont { padding: 4px 16px 20px; }
	.grad02_req_hd {flex-direction:column;}
	.prepare_img {width:clamp(140px, 22vw, 190px); margin-bottom:clamp(-18px, -2.5vw, -32px);}
	.prepare_body {margin-top:-40px; padding:clamp(22px, 4.5vw, 40px) 16px clamp(48px, 10vw, 80px);}
	.prepare_tit {margin-bottom:16px;}
}

@media screen and (max-width:1199px) {
	.research_grid {gap:24px;}
	.research_card {padding:30px;}
	.edu06 .urp_intro {grid-template-columns:1fr;}
	.edu06 .urp_intro_txt {max-width:100%;}
	.edu06 .urp_intro {align-items:flex-start;}
	.edu06 .urp_intro_img {aspect-ratio:789/360;}
	.edu06 .urp_card { padding: 30px; }
	.edu06 .urp_cards_row { gap: 16px; }
	.edu06 .urp_cards_row--2 { margin-top: 16px; }
	.edu06 .urp_cards_row--2 .urp_card:has(.urp_steps) { min-height: auto; }
	.edu06 .urp_card_ico { margin-bottom: 24px; }
	.edu06 .urp_steps { gap: 24px; }
	.edu06 .urp_card dt { line-height: 1.25; }
	.edu06 .urp_card dd,
	.edu06 .urp_step p { font-size: 17px; }
}
@media screen and (max-width:768px) {
	.edu06 .urp_card { padding: 24px; }
	.edu06 .urp_card_ico { width: 48px; height: 48px; margin-bottom: 20px; }
	.edu06 .urp_card_ico img { width: 28px; height: 28px; }
	.edu06 .urp_card dd, .edu06 .urp_step p { font-size: 16px; }
	.grad02_sec_tit .num {font-size:32px;}
	.grad02_credit_hd {min-height:52px; font-size:18px;}
	.grad02_thesis_hd,
	.grad02_thesis_bd {padding-left:24px; padding-right:24px;}
	.grad02_thesis_bd {padding-bottom:24px;}
	.grad02_req {padding:28px 20px 24px;}
	.grad02_check_list p,
	.grad02_req_hd .desc,
	.grad02_thesis_row .cont {font-size:16px;}
	.grad02_cohort_list > li {font-size:16px;}
	.grad02_thesis_hd { gap: 8px; }
	.grad02_thesis_hd img { width: 22px; height: 22px; }
	.grad02_thesis_card--master .grad02_thesis_hd strong,
	.grad02_thesis_card--doctor .grad02_thesis_hd strong { font-size: 20px; }
	.grad02_thesis_row .label { padding: 20px 16px 8px; font-size: 18px; }
	.grad02_thesis_row .cont { padding: 4px 16px 16px; }
	.grad02_thesis_row:nth-child(2) .cont { display: block; }
	.grad02_thesis_row:nth-child(2) .cont p { display: inline; }
	.grad02_req_hd .badge { min-width: 64px; padding: 6px 8px; font-size: 20px }
	.grad02_req_hd .desc { padding: 0; }
	.grad02_check_list > li { flex-direction: column; gap: 6px; }
	.grad02_check_list p { padding: 4px 0 16px; }
	.grad02_req_note p { font-size: 15px; }
	.prepare_img {width:clamp(120px, 34vw, 160px); margin-bottom:-22px;}
	.prepare_body {margin-top:-30px; padding:clamp(16px, 3.5vw, 26px) 16px clamp(40px, 8vw, 64px);}
	.research_card { padding: 24px; }
	.research_card_hd { gap: 8px; padding: 0 16px; }
	.research_card_hd h3 { font-size: 18px; }
	.research_card_hd img { width: 20px; height: 20px; }
}

.major_ability > li {display: flex; justify-content: space-between; gap: 1em; align-items: center;}
.major_ability > li + li {margin-top: clamp(20px, 6vw, 3em);}
.major_ability > li > div {width: 50%; max-width: 660px; }
.major_ability > li .info {max-width:600px;}
.major_ability > li:nth-child(even) .img {order: 2;}
.major_ability .s_tit {margin-top:0px;}
.major_ability .txt_a {font-size:var(--x-large-font-size);}
.major_ability .bul01 {margin-top: clamp(10px, 3vw, 2em);}
.major_ability .bul01 > li:before {background: #000;}

.parking {text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1em;}
.parking img {max-width: 40vw;}
.parking .txt_b {font-size: var(--x-large-font-size); line-height: 1.5em;}
.parking .ico_txt {display: flex; align-items: center; gap: 0.5em;}

.teacher_list {display: flex; flex-wrap: wrap; gap: clamp(10px, 2vw, 20px);}
.teacher_list > li {width: calc(50% - clamp(5px, 1vw, 10px)); border-radius:24px; background:#EFF3F6; padding:clamp(15px, 4vw, 40px); display: flex; gap:clamp(10px, 3vw, 30px); align-items: flex-start;}
.teacher_list .teacher_img  {overflow: hidden; border-radius:6px; background: #fff; aspect-ratio: 160/210; display: flex; justify-content: center; align-items: center; width:30%; max-width: 160px;}
.teacher_list .teacher_img img {width: 100%; height: 100%; object-fit: cover;}
.teacher_list .teacher_info {flex: 1; position: relative; font-size: var(--sub-font-size); line-height: 1.4em;}
.teacher_list .name {font-weight: 600;}
.teacher_list .name > strong {font-size: var(--x-large-font-size);}
.teacher_list .email {margin: 1em 0px;}
.teacher_list .email > a {color: var(--key-color); margin-top: 1em; display: flex; align-items: center; gap:0.8em; font-weight: 700; word-break: break-all;}

.teacher_list .info > li {display: flex; align-items: center; gap:0.5em;}
.teacher_list .info > li + li {margin-top: 0.7em;}
.teacher_list .info .subj {min-width:4em; align-self: flex-start;}
.teacher_list .site {position:absolute; right: 0px; top: 0px;}
.teacher_list .site {max-width: clamp(26px, 5vw, 100%);}

.elite_box {min-height: 720px; margin-top: clamp(20px, 6vw, 100px); color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 2em; position: relative;}
.elite_box::before {content: ""; width: 1418px; height: 100%; background: url('/resources/img/admission/01_bg01.jpg') no-repeat left top/cover; position: absolute; left:-300px; top: 0px; z-index: -1;}
.elite_box .left {max-width: 430px; width: 40%; display: flex; flex-direction: column;}
.elite_box .left > h3 {font-size:clamp(24px, 6.2vw, 42px); line-height: 1.4em;}
.elite_box .left .txt {font-size:1.444em; line-height: 1.4em; padding:0.8em 0px;}
.elite_box .left .img {margin-top:clamp(20px, 4vw, 40px);}
.elite_box .right {flex:1; max-width: 820px;}
.elite_box .box_group {display: flex; gap: 1em;}
.elite_box .box_group .box {flex:1; background: var(--key-color); border-radius:min(5vw, 30px); padding:clamp(20px, 3vw, 40px);}
.elite_box .box_group .box h4 {padding-bottom: 0.4em;}
.elite_box .box_group .box h5 {display: inline-flex; min-width: 6em; height: 2.25em; align-items: center; justify-content: center; padding:0px 0.5em; font-weight:700; border-radius: 60px; background: #fff; color: var(--key-color); margin: 1em 0px 0.5em 0px;}
.elite_box .box_group .box:nth-child(2) {background: var(--deep-key-color);}


.career_wrap .s_tit {margin-top: 0px; justify-content: center;}
.career_wrap .elite_edu {border-radius:150px; border:1px solid var(--key-color); padding:clamp(10px, 3vw, 30px)}
.career_wrap .icons {display: flex; gap:0.7em; max-width:1120px; margin: 0 auto;}
.career_wrap .icons > li {display: flex; flex:1; flex-direction: column; align-items: center; justify-content: center; gap: 0.5em; color: #fff; font-size:1.111em; font-weight: 700; background: var(--key-color); border-radius:90px; min-height: 6em; padding:0.5em 1em;}
.career_wrap .icons > li img {max-width: clamp(30px, 4vw, 100%); max-height:clamp(30px, 4vw, 100%);}
.career_wrap .bg {background: url('/resources/img/admission/arrow2.png') no-repeat center center/cover; display: flex; align-items: flex-start; margin-top: 0.5em; padding-top:0.5em; justify-content: center; max-width: 588px; margin: 0 auto; margin-top: 0.5em; aspect-ratio: 588/146;}
 
.career_wrap .career {display: grid; position: relative; z-index: 2; margin-top:max(-40px, -7vw); grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: clamp(10px, 2vw, 20px); 
	grid-template-areas: 
	  "company   startup aerospace"
	  "lab       startup etc";
}

.career_wrap .career .box {background-color: #EFF3F6; border-radius:8px; padding:clamp(15px, 3vw, 30px);  display: flex; align-items: center; gap: clamp(10px, 3vw, 30px);}
.career_wrap .career .box .ico {min-width: max-content;}
.career_wrap .career .box .ico img {max-width:clamp(30px, 5vw, 100%);}
.career_wrap .career .box dt {font-weight: 700; font-size: var(--x-large-font-size);}
.career_wrap .career .box dd {font-size: var(--sub-font-size); padding-top: 0.5em; line-height: 1.4em;}

.card-company   { grid-area: company; }
.card-lab       { grid-area: lab; }
.card-startup   { grid-area: startup; }
.card-aerospace { grid-area: aerospace; }
.card-etc       { grid-area: etc; }
.card-startup {
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.career_wrap .comapny {position: relative; z-index: 2; margin-top:max(-40px, -7vw);}
.career_wrap .comapny > ul {display: flex; justify-content: space-between; gap: 0.7em;}
.career_wrap .comapny > ul > li {flex:1; max-width: max-content; border: 1px solid #ccc; border-radius:6px; overflow: hidden;}


/*atab*/

.atab {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding:0px 20px; margin-bottom: clamp(20px, 4vw, 40px);}
.atab li {position: relative; max-width: 220px; flex: 1; margin: 0px -20px;}
.atab li a {display:flex; height:3.6em; justify-content:center; align-items:center; background:#EFF3F6; text-align:center; font-weight:500; line-height:1.2em; padding:0px 1.4em; border-radius:60px;}
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background: var(--key-color); 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%; padding:clamp(15px, 2vw, 20px) clamp(15px, 2vw, 30px); position:relative;  background:#fff; border-radius: clamp(10px, 3vw, 20px);}
.pop_wrap .pop_body {padding:15px 0px; 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:#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:2px; 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: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:var(--key-color); position:relative;}

.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:15px 50px 15px 0px; text-align:left; font-weight:700;}
.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('/resources/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('/resources/img/main/pop_l.png') no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url('/resources/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('/resources/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;}
     
}





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

	#footer .go_top {opacity: 0.5; transform: none; top: 10px;}
	#footer .inner  {flex-direction: column; gap: 1em;}
	#footer .f_logo {margin:0px; text-align: center; order: 1;}
	#footer .f_logo img {max-width:clamp(210px, 29vw, 390px);}
	.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; }

	.addressW address {justify-content: center;}

	.map_wrap {min-width: 100%;}
	
}

/* 1400px ~ 1201px — GNB·로고 겹침 방지 */
@media screen and (max-width: 1400px) and (min-width: 1201px) {
	#header h1 img {height: clamp(48px, 3.4vw, 54px); width: auto;}
	.w_gnb {padding-left: clamp(252px, 19.5vw, 268px);}
	.w_gnb .gnb {gap: clamp(2.8em, 3.2vw, 3.6em);}
	.w_gnb .gnb > li > a > span {font-size: clamp(17px, 1.2vw, 18px); letter-spacing: -0.02em;}
}

/* 1200px 이하 */
@media screen and (max-width:1200px) {
	.all_menu {display:block;}
	.w_gnb {display: none;}

	.top_search {right: auto; left: 0px;}

	.main_visual {flex-wrap: wrap;}
	.main_visual .banner_slide {width:100%; max-width: none;}
	
	.main_visual .txt_frame {height:auto; aspect-ratio: 1080/900; min-height:450px;}
	
	
	.main_pop_zone {position: relative; left: auto; top: auto; padding: 0px; transform: none; margin-top: min(50px, 5vw); bottom: auto;}
	.pop_zone {max-width:100%; }
	.pop_zone .swiper {padding:10px 0px}
	.pop_zone .box {border: 1px solid rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 1);	}	
	.main_pop_zone .swiper-button-prev {position: relative; top: auto; right: auto; display: inline-flex; background-color: #000 !important; display: none;}
	.main_pop_zone .swiper-button-next {position: relative; top: auto; right: auto; display: inline-flex; background-color: #000 !important; display: none;}


	.main_board_wrap {flex-direction: column; gap:clamp(30px, 5vw, 50px);}
	.main_board_wrap > div {width:100% !important; max-width: 100% !important;}
	.main_quick {margin-top: 0px;}
	.main_quick .banner > li:nth-child(1) .icon { max-width: clamp(160px, 7vw, 100%);} 

	.main_banner {flex-wrap: wrap;}
	.main_banner > li {flex: auto; max-width: 100%; width:calc(50% - 0.5em);}
	.main_banner .box {color: #fff; padding: 1em 2em; justify-content: center; min-height: clamp(300px, 50vw, 400px);}
	.main_banner .box .info {color: #fff; padding-top: clamp(1em, 5vw, 2em) !important;}
	.main_banner .box .info dt {color: #fff;}
	.main_banner .box .img {opacity: 0; transform: scale(0);}
	.main_banner .box .bg_img {opacity: 1; transform: scale(1);}
	
	.main_banner .box .bg_img img {width: 100%;}

	.main_img_banner {width: 100%;}

	.quick_list {flex-wrap: wrap;}
	.quick_list > li {flex:none; width: calc(50% - 0.5em);}



}

/* 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;
		--x-small-font-size: 13px;
	}

	.main_visual .scroll_ico {display:none;}

	.main_tit h3 {font-size:clamp(24px, 5vw, 1.555em);}
	.main_tit .dec {font-size:clamp(16px, 4vw, 1em);}
	.main_tit .dec br {display:none;}

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

	

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

	.map_wrap > div {width: 100%; max-width: 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;
		--x-small-font-size: 12px;
	}
	
	.pc_view {display:none}
	.mb_view {display:block}

	#header h1 img {height:46px;}
	.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:0px; gap:4vw}
	.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.4em;}
	.slide_menu_inner .top_menu {right:50px}

	.main_visual .key_visual {padding: 0px 10px; justify-content: center; text-align: center;}
	.main_visual .txt_frame {aspect-ratio: 1 / 1; }
	.pop_zone .swiper-slide {width:calc(80% - 0px);}
	
	.main_img_banner .txt {font-size: clamp(14px, 3vw, 26px);}

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

	.main_quick .banner > li:nth-child(1) .icon { max-width: clamp(19vw, 7vw, 100%); }

	.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('/resources/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_scroll {overflow-x: auto; width: 100%;}
	.table_scroll > div {width: 766px;}

	.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_visual .sub_txt {height:300px}
	.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; }
	
	.introduce_section .list {flex-wrap: wrap;}
	.introduce_section .list > li {flex:48%;}
	
	.process_wrap .process {flex-wrap: wrap;}
	.process_wrap .process > li {flex:36%;}
	.process_wrap .process .step_box {margin: 0 auto;}
	
	.introduce {flex-direction: column;}
	.introduce .img {width: 100%; max-width: 100%;}
	.introduce .img img {width: 100%;}
	.introduce .info {max-width: 100%;}

	.support_benefit {flex-wrap: wrap;}
	.support_benefit > li {flex:45%; border-radius:clamp(20px, 10vw, 100%) ;}
	.support_benefit .ico img {max-width:9vw; max-height:9vw;}

	.scholarship_list {flex-direction: column;}

	.education_goal {flex-direction: column;}
	.education_goal .img {width: 100%; max-width: 100%;}
	.education_goal .img img {width: 100%;}
	.education_goal .txt {max-width: 100%;}

	.edu06 .urp_intro {grid-template-columns:1fr;}
	.edu06 .urp_intro_txt {max-width:100%;}
	.edu06 .urp_intro {align-items:flex-start;}
	.edu06 .urp_intro_img {aspect-ratio:789/360;}
	.edu06 .urp_cards_row--3 {grid-template-columns:1fr;}
	.edu06 .urp_cards_row--2 {grid-template-columns:1fr;}
	.edu06 .urp_steps {grid-template-columns:1fr;}
	.edu06 .urp_card,
	.edu06 .urp_cards_row--2 .urp_card {min-height:auto;}
	.edu06 .urp_contact > li {flex-direction:column; align-items:stretch;}
	.edu06 .urp_contact > li > strong {width:100%; min-width:0; border-right:0; border-bottom:1px solid #000; padding:14px 0;}
	.edu06 .urp_contact > li > p {padding:14px 0;}

	.sub_education_goal dl {flex-direction: column; gap: 1em;}
	.sub_education_goal dt {width: 100%;}

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

	.teacher_list > li {width: 100%;}

	.elite_box {padding:clamp(20px, 5vw, 40px) 0px; gap: 1em;}
	.elite_box {flex-direction: column;}
	.elite_box .left {width: 100%; max-width: none;}
	.elite_box .left .img {max-width:50vw;}
	
	
	.elite_box .right {width: 100%; max-width: none;}

	.career_wrap .career {grid-template-columns: repeat(2, 1fr); grid-template-rows:auto;
		grid-template-areas:
		"company lab"
		"startup startup"
		"aerospace etc";
	}
	.career_wrap .career .box {flex-direction: column; text-align: center;}
	.career_wrap .icons {flex-wrap: wrap;}
	.career_wrap .elite_edu {border-radius:10px;}
	.career_wrap .icons > li {flex:45%}
	.career_wrap .comapny > ul {flex-wrap: wrap; justify-content: center;}
	.career_wrap .comapny > ul > li {flex:none; width:calc(33% - 0.4em);}
	
}






/* 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;
		--x-small-font-size: 11px;
	}
	
	#header h1 img {height:40px;}
    .in_header, .slide_menu_inner .header {height:60px;}
	.slide_menu_inner .gnb {height: calc(100% - 60px); }
	.slide_menu_inner .header {background-size: auto 30px;}
	.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;}

	.three_depth > li > a {padding-left:20px}
	.three_depth > li > a:before {width:12px; height:12px; margin-top: -7px;}
	.three_depth > li > a:after {left:3px;}
	
	.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_board_wrap .tab {gap:1em;}
	.main_board_wrap .tab > li::before {left: -0.5em;}
	
	.main_banner {flex-direction: column;}
	.main_banner > li {width: 100%;}
	.main_banner .box {min-height: auto;}

	.quick_list {flex-direction: column;}
	.quick_list > li {width: 100%;}
	.main_quick .banner > li:nth-child(2) a .icon { width: 50px; height: 50px; padding: 12px; }

	
	#footer .go_top > a {width:50px; height:50px; font-size:10px;}
	.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_visual {border-radius: 0px;;}
	.sub_visual .sub_txt {height: 250px;}

	#lnb_wrap .lnb .ico_home {display:none;}
	#lnb_wrap .lnb .ico_home > a {width:50px;}
	.lnb_tit, a.lnb_tit {height: 50px; line-height: 50px;}
	.lnb_tit:after {right:10px;}

	.research_area {flex-direction: column;}

	.benefit_list {flex-direction: column; gap: 2em;}
	.benefit_list dt {margin-top:0.5em;}
	
	

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

	.elite_box .box_group {flex-direction: column;}


	
}