.wrap { width: 1440px; margin: 0 auto; }

/* head */
#header { position: absolute; left: 0px; top: 0px; width: 100%; height: 100px; z-index: 9000; background: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#header:after { content:""; opacity:0; visibility:hidden; position:absolute; left:50%; top:100px; z-index:1; width:100%; height:1px; background:#ddd; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; transition:opacity 0.3s; }
.head .wrap { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 90px; }

.logo { position: absolute; top: 38px; left: 2%; z-index: 9; }

#header .hd-menu .gnb-wrap { height:100%;}
#header .hd-menu .gnb-wrap .gnb { display:flex; justify-content:center; align-items:center;height:100%; text-align:center;}
#header .hd-menu .gnb-wrap .gnb > li { position: relative; display: flex; justify-content: center; align-items: center; padding: 0px 50px; height: 100px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; }
#header .hd-menu .gnb-wrap .gnb > li:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#005aab; -webkit-transform:translate(-50%); -moz-transform:translate(-50%); -ms-transform:translate(-50%); -o-transform:translate(-50%); transform:translate(-50%); }
#header .hd-menu .gnb-wrap .gnb > li > a { display: flex; justify-content: center; align-items: center; color: #222; font-size: 22px; font-weight: 600; line-height: 1; transition: 0.3s; }
#header .hd-menu .gnb-wrap .gnb > li .depth { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; padding-top:30px; width:100%; }
#header .hd-menu .gnb-wrap .gnb > li .depth:before { content: ""; position: absolute; left: 0; top: 30px; width: 1px; height: 190px; background: #ddd; }
#header .hd-menu .gnb-wrap .gnb > li:first-child .depth:before {display:none;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a { display: block; padding: 8px 10px; color: #666; font-size: 17px; line-height: 1.4; word-break: keep-all; transition: 0.3s; }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li { position:relative;}  
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li > i { position:absolute; right:0; top:10px; font-size:2rem; color:#666; cursor:pointer;}
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li > i:hover { color:#005aab;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a > span {position:relative;} 
#header .hd-menu .gnb-wrap .gnb > li.open .depth { display:block;} 
#header .hd-menu .gnb-wrap .gnb > li.open > a:after { top:28px; border-left:2px solid #999; border-top:2px solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li:hover > a{ color:#666; }
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.active > a, #header .hd-menu .gnb-wrap .gnb > li .depth2 > li.on > a, #header .hd-menu .gnb-wrap .gnb > li.open .depth > ul > li.on > a{ color:#005aab; }
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.on > a{ color:#005aab; }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li.active > a { color:#005aab }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li.active .depth2 { display:block; }
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li:hover > a { color: #005aab; font-weight: 500; }

#header.on { overflow:hidden; height:350px; background:#fff; -webkit-box-shadow:1px 1px 25px rgb(67 67 67 / 10%); box-shadow:1px 1px 25px rgb(67 67 67 / 10%);}
#header.on:after { opacity:1; visibility:visible;}
#header.on .hd-menu .gnb-wrap .gnb > li.on > a{ color:#005aab; }
#header.on .hd-menu .gnb > li .depth { opacity:1; visibility:visible; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }

.loginbox { position: absolute; top: 40px; right: 2%; }
.login_inr { display: flex; flex-wrap: wrap; }
.login_inr li { position: relative; display: flex; flex-wrap: wrap; padding: 0 15px; }
.login_inr li:first-child { padding-left: 0px; }
.login_inr li:last-child { padding-right: 0px; }
.login_inr li:after { content:''; position: absolute; top: 6px; right: -2px; width: 3px; height: 3px; background: #222; border-radius: 3px; }
.login_inr li:last-child:after { display: none; }
.login_inr li a { font-size: 13px; font-weight: 500; }

.menu-toggler, .mobile_menu { display: none; }

/* footer */
.partner_logo_inr { border-top: 1px solid #eee;}
.partner_logo_inr02 { padding: 25px 0; background: #f4f4f4; }
.partner_logo_inr01 .wrap { display: flex; flex-wrap: wrap; }
.partner_list01 { padding: 25px 0; }
.partner_list01 { width: calc(100% - 560px); padding-right: 20px; }
.partner_list01 ul { display: flex; flex-wrap: wrap; gap: 0 1.33%; }
.partner_list01 ul li { width: 24%; border: 1px solid #ddd; }
.partner_list01 ul li img { max-width: 100%; }
.partner_list02 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 560px; border-left: 1px solid #eee; border-right: 1px solid #eee; }

.footer { position: relative; padding: 80px 0; background: #000d19; color: #fff; font-size: 0.95em; }
.footer .wrap { display: flex; flex-wrap: wrap; }
.ft_logo { width: 330px; }
.ft_infobox { width: calc(100% - 330px); }
.ft_menu { margin-bottom: 30px; }
.ft_menu ul { display: flex; flex-wrap: wrap; }
.ft_menu ul li { position: relative; padding: 0 20px; }
.ft_menu ul li:first-child { padding-left: 0px; }
.ft_menu ul li:last-child { padding-right: 0px; }
.ft_menu ul li:after { content:''; position: absolute; top: 15%; right: 0px; width: 1px; height: 70%; background: rgba(255, 255, 255, 0.6); }
.ft_menu ul li:last-child:after { display: none; }
.ft_menu ul li a { color: #fff; }
.ft_menu ul li a:hover { text-decoration: underline; }
.ft_info { color: rgba(255, 255, 255, 0.6); line-height: 1.6; }
.ft_info span { position: relative; padding: 0 20px; }
.ft_info span.pl00 { padding-left: 0px; }
.ft_info span:after { content:''; position: absolute; top: 15%; right: 0px; width: 1px; height: 70%; background: rgba(255, 255, 255, 0.4); }
.ft_info span.noline:after { display: none; }
.ft_info p { margin-top: 20px; color: rgba(255, 255, 255, 0.3); }
.ft_info a { color: rgba(255, 255, 255, 0.3); }

/* main */
.main_vis { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100vh; padding-top: 100px; background: #010005; background-size: cover; }

.swiper-slide .main_vis_bg { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; transform: scale(1.1); transition: all 4s; }
.swiper-slide-active .main_vis_bg { transform:scale(1); }

.main_vis_bg01 { background: #010005 url('../image/main/main_vis01.jpg') center top no-repeat; background-size: cover; }
.main_vis_bg02 { background: #010005 url('../image/main/main_vis02.jpg') center top no-repeat; background-size: cover; }
.main_vis_bg03 { background: #010005 url('../image/main/main_vis03.jpg') center top no-repeat; background-size: cover; }
.main_vis_bg04 { background: #010005 url('../image/main/main_vis04.jpg') center top no-repeat; background-size: cover; }

.main_arrow { position: absolute; bottom: 160px; left: 0px; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; }
.main_vis .swiper-pagingbox { position: relative; z-index: 999; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: auto; }
.main_vis .swiper-progress-bar { position: relative; display: block; width: 130px; height: 2px; }
.main_vis .swiper-progress-bar .slide_progress-bar { position: absolute; bottom: 0px; left: 0; right: 0; width: auto; height: 2px; background: rgba(255, 255, 255, 0.3); clear: both; opacity: 0; }
.main_vis .swiper-progress-bar.active .slide_progress-bar { opacity: 1; }
.main_vis .swiper-progress-bar .slide_progress-bar:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fff; transition: 0.1s width linear; }
.main_vis .swiper-progress-bar.animate .slide_progress-bar:after { width: 100%; transition: width linear; transition-delay: unset; transition-duration: 5s; }

.main_vis .swiper-pagination-fraction { position: relative; bottom: auto; text-align: center; margin: 0 10px 0 20px; width: 40px; color: #fff; }
.main_vis .swiper-pagination-fraction span { display: inline-block; width: 10px; }

.main_vis .swiper-button-prev, .main_vis .swiper-button-next { position: relative; width: auto; height: auto; top: auto; margin-top: 0; background: transparent; border-radius: 0px; color: rgba(255, 255, 255, 0.9); }
.main_vis .swiper-button-prev, .main_vis .swiper-rtl .swiper-button-next { left: auto; right: auto; }
.main_vis .swiper-button-next, .main_vis .swiper-rtl .swiper-button-prev { right: auto; left: auto; }
.main_vis .swiper-button-prev:after, .main_vis .swiper-button-next:after { font-family: 'xeicon' !important; font-size: 24px; }
.main_vis .swiper-button-prev:after { content: "\e93c"; }
.main_vis .swiper-button-next:after { content: "\e93f"; }

.main_text { position: absolute; top: 0px; left: 0px; z-index: 8; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; padding-bottom: 80px; color: #fff; }
.main_text h2 { margin-bottom: 80px; font-size: 72px; line-height: 1; }
.main_text h2 span { display: block; margin-bottom: 50px; font-family: 'Marcellus'; font-size: 24px; font-weight: 400; }
.main_text p { color: rgba(255, 255, 255, 0.8); font-size: 22px; line-height: 1.6; }

.scrolldown { position: absolute; left: 2%; bottom: 50px; width: 16px; height: 280px; z-index: 99; opacity: 1; transition: 0.5s; mix-blend-mode: difference; }
.scrolldown p { position: absolute; top: 0px; left: 50%; width: 120px; margin-left: 9px; margin-top: 0px; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; transform: rotate(90deg); transform-origin: 0% 0%; transition: margin 0.3s; }
.scrolldown i { position:absolute; left:50%; bottom:0; overflow:hidden; width:2px; height:150px; border-radius:0; background-color: rgba(255,255,255,0.3); transition:height 0.1s; }
.scrolldown i:after{ position: absolute; top: 50%; left: 0%; display: block; content: ""; width: 100%; height: 30px; background: #fff; border-radius:0; animation: scrollDown 2s infinite; }

@keyframes scrollDown {
    0%{ top: 0; }
	100% { top: 150%; }
}

.main_notice { position: absolute; right: 0; bottom: 0; z-index: 999; display: flex; flex-wrap: wrap; width: 50%; height: 80px; background: #fff; }
.main_notice h3 { display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; width: 160px; color: #005aab; font-size: 20px; font-weight: 900; }
.main_notice_inr { width: calc(720px - 160px); max-width: calc(100% - 160px); }

.swiper { width: 100%; height: 100%; }
.swiper-slide { display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.main_con { position: relative; padding: 120px 0; }

.main_con_title { text-align: center; margin-bottom: 50px; }
.main_con_title .en_title { display: block; margin-bottom: 30px; color: #005aab; font-family: 'Marcellus'; font-size: 0.95em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.03em; }
.main_con_title h2 { font-size: 48px; font-weight: 800; line-height: 1; }

.main_con01 { display: flex; flex-wrap: wrap; padding: 120px 2%; }
.main_con_inr { width: 50%; }
.main_con01_left{ min-height: 550px; background: url('../image/main/main_con01_img01.jpg') center center no-repeat; background-size: cover; }
.main_con01_right { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start; padding-left: 80px; }
.main_con01_right h3 { margin-bottom: 50px; font-size: 48px; font-weight: 800; }
.main_con01_right h3 span { display: block; margin-bottom: 30px; color: #005aab; font-family: 'Marcellus'; font-size: 16px; font-weight: bold; letter-spacing: 0.03em; }
.main_con01_right p { margin-bottom: 80px; color: #555; line-height: 1.6; }
.main_con01_more { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 10px; padding-bottom: 10px; border-bottom: 2px solid #222; font-weight: 500; }
.main_con01_more i { font-size: 17px; font-weight: bold; transition: transform 0.5s; }
.main_con01_more:hover i { transform: rotate(180deg); }

.main_con02 { background: #f4f7fb; }
.main_con02_list { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 1.333%; }
.main_con02_list li { text-align: center; width: 24%; }
.main_con02_list li .main_con02_imgbox { overflow: hidden; width: 100%; height: 450px; margin-bottom: 30px; border-radius: 15px 0; }
.main_con02_list li .main_con02_imgbox img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.main_con02_list li:hover .main_con02_imgbox img { transform: scale(1.15); transition: transform 0.5s; }
.main_con02_list li h3 { font-size: 27px; font-weight: 700; }

.main_con03 .wrap { display: flex; flex-wrap: wrap; }
.main_con03 h3 { margin-bottom: 50px; color: #222; font-size: 36px; }
.main_con03_left { padding-right: 50px; }
.main_con03_right { padding-left: 50px; }
.main_con03 .tabs { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 50px; }
.main_con03 .tabs li { position: relative; padding: 0 20px; }
.main_con03 .tabs li:first-child { padding-left: 0px; }
.main_con03 .tabs li:first-child:after { content: ''; position: absolute; bottom: 3px; right: 0px; width: 3px; height: 23px; background: #ddd; }
.main_con03 .tabs li:last-child { padding-right: 0px; }
.main_con03 .tabs li a { color: #aaa; font-size: 24px; font-weight: 700; transition: all 0.3s; }
.main_con03 .tabs li a:hover {  color: #222; }
.main_con03 .tabs li.active a, .main_con03 .tabs li.active a:hover  { color: #222; font-size: 36px; }

/*Tab Conent CSS*/
.tab_container { }
.tab_content { }

.con03_more { position: absolute; font-size: 16px; }

.main_con04 { background: #f4f7fb; }

/* sub */
.sub_vis { overflow: hidden; position: relative; width: 100%; height: 300px; margin-top: 100px; }
.sub_vis .bg { position: relative; width: 100%; height: 100%; background: #010005; animation: zoomOut 5s ease-out forwards;}
.sub_vis .bg01 { background: url('../image/sub/sub_vis01.jpg') center center no-repeat; background-size: cover; }
.sub_vis .bg02 { background: url('../image/sub/sub_vis02.jpg') center center no-repeat; background-size: cover; }
.sub_vis .bg03 { background: url('../image/sub/sub_vis03.jpg') center center no-repeat; background-size: cover; }
.sub_vis .bg04 { background: url('../image/sub/sub_vis04.jpg') center center no-repeat; background-size: cover; }
.sub_vis .bg05 { background: url('../image/sub/sub_vis05.jpg') center center no-repeat; background-size: cover; }

@keyframes zoomOut {
	0% { transform: scale(1.2); }
	100% { transform: scale(1); /* 원래 크기로 */ }
}

.sub_text { position: absolute; left: 0; bottom: 0; text-align: right; display: flex; flex-wrap: wrap; align-items: flex-end; width: 100%; height: 100%; padding-bottom: 50px; color: #fff; }
.sub_text h2 { font-size: 52px; line-height: 1; }
.sub_text h2 span { display: block; margin-bottom: 30px; font-family: 'Marcellus'; font-size: 18px; font-weight: 400; }

.sub_contents { position: relative; padding: 100px 0 120px; }
.sub_contents .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }

.sidebar { position: relative; top: -210px; width: 280px; }
.sidebar_inr { position: sticky; top: 0; width: 100%; padding-top: 10px; }
/* .sidebar_inr:before { content: ""; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; border: 1px solid #bdbdbd; border-radius: 10px; } */
.sidebar_title { display: flex; align-items: flex-end; position: relative; padding: 40px; height: 180px; background: #005aab url('../image/sub/sidebar_title_bg01.png') right bottom no-repeat; box-shadow: 0 0.4rem 1.6rem rgba(11, 44, 97, 0.23); border-radius: 10px 0; color: #fff; font-size: 36px; font-weight: 700; z-index: 1; }
.sidebar_list { position: relative; z-index: 9; display: flex; flex-wrap: wrap; gap: 10px 0; padding: 30px 0px 0px; }
.sidebar_list li { position: relative; width: 100%; border: 1px solid #ddd; transition:0.3s; }
.sidebar_list li.active { border: 1px solid #005aab; border-radius: 10px 0; }
.sidebar_list li a { position: relative; display: flex; flex-wrap: wrap; align-items: center; padding: 10px 30px; min-height: 64px; color: #888; transition:0.3s; }
.sidebar_list li:hover a, .sidebar_list li.active a { color: #005aab; font-weight: 600; }
.sidebar_list li a:after { content: "\e93e"; position: absolute; top: 0px; right: 30px; display: flex; flex-wrap: wrap; align-items: center; height: 100%; font-family: 'xeicon'; color: #aaa; font-size: 15px; font-weight: bold; transition:0.3s; }
.sidebar_list li:hover a:after, .sidebar_list li.active a:after { color: #005aab; }

.sub_con_inr { width: 1080px; }

.sub_title { position: relative; width: 100%; padding-bottom: 20px; margin-bottom: 50px; border-bottom: 1px solid #ddd; }
.sub_title h2 { font-size: 42px; font-weight: 800; }
.sub_title h2 span { position: relative; z-index: 1; }
.sub_title p { position: absolute; right: 0; bottom: 20px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0 5px; color: #666; font-size: 15px; }
.sub_title p span { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

.subpage_inr { margin-bottom: 80px; }
.subpage_inr:last-child { margin-bottom: 0px; }

#sub_page h3 { position: relative; margin-bottom: 30px; padding-left: 40px; font-size: 32px; font-weight: 700; }
#sub_page h3:after { content:''; position: absolute; top: 4px; left: 0px; z-index: 1; width: 30px; height: 30px; background: linear-gradient(131deg, #005aab 40.43%, #3978db 79.1%); border-radius: 8px; }
#sub_page h3:before { content: ''; position: absolute; top: 10px; left: 6px; z-index: 2; width: 18px; height: 18px; background: #fff; border-radius: 4px; }
#sub_page h3 span.date { display: inline-block; margin-left: 10px; font-size: 18px; font-weight: 500; }
#sub_page h4 { position: relative; margin-bottom: 20px; color: #005aab; font-size: 25px; font-weight: 700; }

.greeting { display: flex; flex-wrap: wrap; }
.greeting_imgbox { position: relative; width: 100%; height: 300px; margin-bottom: 90px; background: url('../image/sub/greeting_img01.jpg') center center no-repeat; background-size: cover; }
.greeting_title {  position: absolute; left: 30px; bottom: -40px; text-align: left; width: 50%; margin: 0px; padding: 40px 30px; background: linear-gradient(311.21deg, #005aab 20.9%, #1e5fc6 59.57%); border-radius: 10px 0; color: #fff; font-size: 32px; font-weight: 600; box-shadow: 0 0.4rem 1.6rem rgba(11, 44, 97, 0.23); }
.greeting_title span { display: block; margin-bottom: 20px; color: #9ed4ff; font-family: 'BookkMyungjo'; font-size: 24px; font-weight: 600; }
.greeting_textbox { width: 100%; padding-left: 0px; }
.greeting p { text-align: justify; line-height: 1.6; word-break: keep-all; }
.greeting p span { display: block; text-align: right; margin-top: 50px; }

.structure_textbox { position: relative; text-align: justify; margin-top: 100px; padding: 50px; padding-left: 330px; background: #eff2f9; border-radius: 10px; color: #38485b; font-size: 1.05em; line-height: 1.5; word-break: keep-all; }
.structure_textbox strong { position: absolute; top: -40px; left: 50px; text-align: center; width: 230px; margin: 0px; padding: 40px 10px; background: linear-gradient(311.21deg, #005aab 20.9%, #1e5fc6 59.57%); border-radius: 10px 0; color: #fff; font-size: 32px; line-height: 1.2; box-shadow: 0 0.4rem 1.6rem rgba(11, 44, 97, 0.23); }
.structure_textbox .date { display: block; margin-top: 30px; }

.history { display: flex; justify-content: space-between; align-items: flex-start; }
.history-title { position: sticky; top: 0px; width: calc(100% - 700px); }
.history-title > h5 { color: #222; font-size: 28px; font-weight: 700; line-height: 1.4; }
.history-title-img { overflow: hidden; margin-top: 30px; width: 100%; border-radius: 10px 0; }
.history-title-img img { max-width: 100%; }
.history-list { position: relative; width: 700px; padding-left: 80px; }
.history-list-line { position: absolute; top: 12px; left: 217px; width: 1px; height: 100%; background-color: #e0e0e0; transform: translatex(-100%); }
.history-list-line-guage { position: absolute; top: 0; left: 0; width: 100%; background-color: #2a6bd0; transition: .25s height linear; }
.history-list > ul { position: relative; display: flex; flex-direction: column; gap: 80px; }
.history-list > ul > li { display: flex; align-items: flex-start; line-height: 1.4; }
.history-list > ul > li > b { flex-shrink: 0; position: relative; padding-right: 100px; width: 190px; font-size: 26px; font-weight: 800; }
.history-list > ul > li > b:before, .history-list > ul > li > b:after { content: ""; position: absolute; border-radius: 50%; }
.history-list > ul > li > b:before { top: 6px; right: 44px; width: 20px; height: 20px; border: 1px solid #005aab; }
.history-list > ul > li > b:after { top: calc(6px + 4px); right: calc(44px + 4px); width: calc(20px - 8px); height: calc(20px - 8px); background-color: #005aab; transition: .3s background-color; }
.history-list > ul > li > div { flex: 1; color: #424242; }
.history-list > ul > li > div p { position: relative; margin-bottom: 15px; padding-left: 80px; }
.history-list > ul > li > div p:last-child { margin-bottom: 0px; }
.history-list > ul > li > div p .date { position: absolute; left: 0px; width: 50px; text-align: right; color: #005aab; font-weight: 600; }

.structure_imgbox { text-align: center; }
.structure_imgbox img { max-width: 100%; }

.organization_inr { position: relative; display: flex; flex-wrap: wrap; gap: 50px 0; width: 1024px; max-width: 100%; margin: 0 auto; }
.organization_inr:after { content:''; position: absolute; top: 0%; left: 50%; z-index: -1; width: 2px; height: 480px; background: #ddd; }
.organization_inr li { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.organization_inr li:nth-child(4) { padding-bottom: 50px; }
.organization_inr li.align_R { justify-content: flex-end; }
.organization_inr li.align_C { justify-content: center; }

.organization_inr li:after { content:''; position: absolute; z-index: -1; height: 2px; background: #ddd; }
.organization_inr li:nth-child(1):after { top: 50%; left: 0px; width: 100%; }
.organization_inr li:nth-child(2):after { top: 50%; right: 0px; width: 50%; }
.organization_inr li:nth-child(4):after { left: 120px; bottom: 0px; width: calc(100% - 239px); }

.organization_inr li .org_unit02:after { content:''; position: absolute; top: -50px; left: 50%; z-index: -1; width: 2px; height: 50px; background: #ddd; }

.organization_inr li .org_unit { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 240px; height: 70px; border-radius: 10px 0; color: #fff; font-size: 1.1em; font-weight: 600; box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.23); }
.organization_inr li .org_unit02 { position: relative; display: inline-flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: center; width: 240px; }
.organization_inr li .org_unit02 span { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 70px; margin-bottom: 10px; border-radius: 10px 0; color: #fff; font-size: 1.1em; font-weight: 600; }

.organization_inr li .bg_blue { background: #005aab; }
.organization_inr li .bg_org { background: #ff6600; }
.organization_inr li .bg_sky01 { background: #708eb9; }
.organization_inr li .bg_sky02 { background: #237dff; }
.organization_inr li .bg_gray { background: #555; }

.organization_inr li dl { position: relative; width: 100%; padding: 20px 20px; background: #f4f4f4; }
.organization_inr li dl dd { position: relative; margin-bottom: 15px; padding-left: 15px; font-size: 16px; line-height: 1.4; word-break: keep-all; }
.organization_inr li dl dd:last-child { margin-bottom: 0px; }
.organization_inr li dl dd:after { content:''; position: absolute; top: 7px; left: 0px; width: 6px; height: 6px; border:2px solid #aaa; border-radius: 500px; }

.sub_contents .tabs { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; margin-bottom: 80px; background-color: #eff2f9; border-radius: 10px;}
.sub_contents .tabs li { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 25%; height: 70px; padding: 0 20px; }
.sub_contents .tabs.wh02 li { width: 50%; }
.sub_contents .tabs li:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; border: 2px solid #045cc7; border-radius: 10px; box-shadow: 0 0.4rem 1.2rem rgba(0, 104, 231, 0.2); opacity: 0; }
.sub_contents .tabs li.active:before { opacity: 1; }
.sub_contents .tabs li a { position: relative; color: #777; font-size: 1.1em; font-weight: 600; transition: all 0.3s; }
.sub_contents .tabs li a:hover {  color: #005aab; }
.sub_contents .tabs li.active a, .sub_contents .tabs li.active a:hover  { color: #005aab; }

.yearProject_table { width: 100%; margin: 20px 0 30px; border-top: 2px solid #005aab; }
.yearProject_table tr { transition: all 0.3s; }
.yearProject_table tr:hover { background: #eff2f9; }
.yearProject_table td { padding: 20px 20px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; line-height: 1.5; }
.yearProject_table td:first-child { border-left: none; }
.yearProject_table td.year_day { text-align: center; width: 250px; color: #005aab; font-weight: 600; }
.yearProject_table td.year_txt { text-align: center; width: 350px; font-weight: 600; }
.yearProject_table td ul li { position: relative; margin-bottom: 15px; padding-left: 20px; line-height: 1.4; }
.yearProject_table td ul li:last-child { margin-bottom: 0px; }
.yearProject_table td ul li:after{ content:''; position: absolute; top: 9px; left: 0px; width: 6px; height: 6px; border:2px solid #005aab; border-radius: 500px; }
.yearProject_table td ul li dl { margin-top: 10px; }
.yearProject_table td ul li dl dd { position: relative; margin-bottom: 5px; padding-left: 20px; font-size: 0.95em; }
.yearProject_table td ul li dl dd:last-child { margin-bottom: 0px; }
.yearProject_table td ul li dl dd:after { content:''; position: absolute; top: 11px; left: 0px; width: 10px; height: 1px; background: #aaa; }

.root_daum_roughmap { max-width: 100%; margin-bottom: 50px !important; }

.location_inr { margin-bottom: 50px; }
.location_inr:last-child { margin-bottom: 0px; }

.location_info { display: flex; flex-wrap: wrap; gap: 10px 0; }
.location_info li { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.location_info li .title { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 10px; text-align: center; width: 240px; height: 70px; background: #005aab; border-radius: 10px 0; color: #fff; font-weight: 700; }
.location_info li p { display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: calc(100% - 250px); padding: 0 30px; background: #eee; border-radius: 10px 0; font-weight: 600; }

.num_list { padding-left: 25px; }
.num_list li { list-style: decimal; margin-bottom: 10px; padding-left: 10px; line-height: 1.5; }
.num_list li:last-child { margin-bottom: 0px; }

.dot_list {  }
.dot_list li { position: relative; margin-bottom: 10px; padding-left: 20px; line-height: 1.5; }
.dot_list li:last-child { margin-bottom: 0px; }
.dot_list li:after { content:''; position: absolute; top: 9px; left: 0px; width: 6px; height: 6px; border:2px solid #005aab; border-radius: 500px; }

.status_btnbox { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.status_btn01 { display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; gap: 0 10px; text-align: center; width: 280px; height: 70px; border: 2px solid #005aab; color: #005aab; border-radius: 10px 0; font-size: 1.1em; font-weight: 600;  transition: 0.5s; }
.status_btn01:hover { background: #005aab; color: #fff; box-shadow: 0 0.4rem 1.6rem rgba(11, 44, 97, 0.23); }

.membership_info { width: 100%; margin: 20px 0 30px; border-top: 2px solid #005aab; }
.membership_info th, .membership_info td { text-align: center; padding: 20px 5px; border-bottom: 1px solid #ddd; }
.membership_info thead th { border-left: 1px solid #ddd; background: #d5ecff; }
.membership_info thead th:first-child { border-left: none; }
.membership_info tbody th, .membership_info tbody td {  }
.membership_info tbody th { background: #f7f7f7; }
.membership_info tbody td { border-left: 1px solid #ddd; }

.membership_btnbox { display: flex; flex-wrap: wrap; gap: 0 10px; margin: 50px 0; }
.membership_btn { display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; gap: 0 10px; text-align: center; width: 280px; height: 70px; border-radius: 10px 0; font-size: 1.1em; font-weight: 600; transition: 0.5s; }
.membership_btn i { font-size: 23px; }
.membership_btn01 { border: 2px solid #ab0000; color: #ab0000; }
.membership_btn01:hover { background: #ab0000; color: #fff; box-shadow: 0 0.4rem 1.6rem rgb(97, 11, 11, 23%); }
.membership_btn02 { border: 2px solid #005aab; color: #005aab; }
.membership_btn02:hover { background: #005aab; color: #fff; box-shadow: 0 0.4rem 1.6rem rgba(11, 44, 97, 0.23); }

.business_textbox { position: relative; text-align: justify; margin-bottom: 50px; padding: 50px; background: #eff2f9; border-radius: 10px; color: #38485b; font-size: 1.1em; font-weight: 500; line-height: 1.5; word-break: keep-all; }
.business_inr ul { margin-bottom: 50px; }
.business_inr ul:last-child { margin-bottom: 0px; }
.business_inr ul li { position: relative; margin-bottom: 15px; padding-left: 20px; line-height: 1.4; }
.business_inr ul li:last-child { margin-bottom: 0px; }
.business_inr ul li:after { content:''; position: absolute; top: 9px; left: 0px; width: 6px; height: 6px; border:2px solid #005aab; border-radius: 500px; }
.business_inr ul li dl { margin-top: 5px; }
.business_inr ul li dl dd { position: relative; margin-bottom: 10px; padding-left: 20px; }
.business_inr ul li dl dd:last-child { margin-bottom: 0px; }
.business_inr ul li dl dd:after { content:''; position: absolute; top: 11px; left: 0px; width: 10px; height: 1px; background: #aaa; }

.join_agree_box { line-height: 1.5; }
.join_agree_box p { text-align: justify; margin-bottom: 30px; word-break: keep-all; }
.join_agree_box ul { margin-bottom: 50px; }
.join_agree_box ul:last-child { margin-bottom: 0px; }
.join_agree_box ul li { text-align: justify; margin-bottom: 10px; word-break: keep-all; }
.join_agree_box ul li:last-child { margin-bottom: 0px; }
.join_agree_box ul li dl { margin-top: 10px; }
.join_agree_box ul li dl dd { position: relative; padding-left: 20px; }
.join_agree_box ul li dl dd:after { content:''; position: absolute; top: 13px; left: 0px; width: 10px; height: 1px; background: #444; }