@font-face {
	font-family: 'HakgyoansimAllimjang';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-R.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'HakgyoansimAllimjang';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

@keyframes transform {
    0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
    14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
    28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }

    14% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
    56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }

    70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
    84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
@keyframes morph{
	0%,100%{
		border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
		transform: translate3d(0,0,0) rotateZ(0.01deg);
	}
	34%{
		border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
		transform:  translate3d(0,5px,0) rotateZ(0.01deg);
	}
	50%{
		opacity: .89;
		transform: translate3d(0,0,0) rotateZ(0.01deg);
	}
	67%{
		border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
		transform: translate3d(0,-3px,0) rotateZ(0.01deg);
	}
}
@keyframes ani01 {
    0% { transform: translate(0, 0px); }
    100% { transform: translate(10px, 0px); }
}
@keyframes ani02 {
    0% { transform: translate(0, 0px); }
    100% { transform: translate(0px, -10px); }
}
@keyframes popIn {
	0% { transform: scaleY(0); opacity: 0; }
	100% { transform: scaleY(1); opacity: 1; }
}
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

.scroll_on { opacity: 0; transition: all 1s; }
.scroll_on.active {opacity: 1 !important; transform: translate(0, 0) !important;}
.scroll_on.type_top {transform: translate(0, -50px);}
.scroll_on.type_bottom {transform: translate(0, 50px);}
.scroll_on.type_left {transform: translate(-50px, 0);}
.scroll_on.type_right {transform: translate(50px, 0);}

.wrap { position: relative; width: 1600px; margin: 0 auto; }

/* head */
.head { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 999; transition: all 0.3s; }
.head.scrolled { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; }

.head_inr { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.head_inr01 { height: 90px; }
.head.scrolled .head_inr01 { height: 0px; }
.head_inr02 { height: 70px; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.head.on .head_inr02, .sub_body .head_inr02 { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.head.scrolled .head_inr02 { height: 80px; background: #fff; border-top: none; }

.left_logo { position: absolute; top: 0px; left: 2%; z-index: 9; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 30px 20px; background: #fff; border-radius: 0 0 10px 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.head.scrolled .left_logo { display: none; }
.left_logo img { width: 130px; }
.logo { display: inline-flex; flex-wrap: wrap; justify-content: center; }
.logo .logo_bl { display: none; }
.head.scrolled .wrap.logo { position: absolute; top: 5px; left: 2%; width: auto; z-index: 9; }
.head.scrolled .wrap.logo .logo_wh, .head.on .wrap.logo .logo_wh, .sub_body .wrap.logo .logo_wh { display: none; }
.head.scrolled .wrap.logo .logo_bl, .head.on .wrap.logo .logo_bl, .sub_body .wrap.logo .logo_bl { display: inline-block; }
.logo a { display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 32px; font-weight: 800; line-height: 1; }
.logo a span { display: inline-block; margin-bottom: 5px; color: #aaa; font-size: 15px; font-weight: 400; }

.head.scrolled .head_title { position: absolute; top: 15px; left: 2%; z-index: 9; }
.head.scrolled .head_title a { justify-content: flex-start; }
.head.scrolled .head_title a  span { display: inline-block; width: auto; }

.snsbox { position: absolute; top: 25px; right: 2%; z-index: 9; display: flex; flex-wrap: wrap; transition: transform 0.4s ease; }
.head.scrolled .snsbox { position: fixed; top: 20px; right: 2%; }

.dropdown_main { position: absolute; left: -115px; display: flex; flex-wrap: wrap; align-items: center; margin-right: 10px; background: rgba(0, 0, 0, 0.1); border-radius: 20px; width: 100px; }
.head.on .dropdown_main, .head.scrolled .dropdown_main, .sub_body .dropdown_main { background: rgba(0, 0, 0, 0.3); }
.dropdown_bar { position: relative; display: inline-flex;flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 100%; height: 40px; padding: 0 20px; color: #fff; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s; }
.dropdown_bar:after { content: "\e942"; position: absolute; top: 13px; right: 20px; font-family: 'xeicon' !important; }
.dropdown_content { position: relative; display: none; width: 100%; margin-top: 0px; border-radius: 500px; animation: fade-in 1s ease; z-index: 99; }
.dropdown_content a { display: block; padding: 8px 20px 15px 20px; color: rgba(255, 255, 255, 0.7); font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration:none; transition: all 0.3s; }
.dropdown_content a:hover { color: rgba(255, 255, 255, 1); }

.sns_list { display: flex; flex-wrap: wrap; }
.sns_list li { margin: 0 5px; }
.sns_list li:first-child { margin-left: 0px; }
.sns_list li:last-child { margin-right: 0px; }
.sns_list li a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 40px; height: 40px; background:transparent; border: 2px solid #fff; border-radius: 500px; color: #fff; font-size: 20px; transition: transform 0.4s ease; }
.sns_list li a:hover { animation: ani02 0.3s infinite alternate; /* box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);*/ }
.head.on .sns_list li a, .head.scrolled .sns_list li a, .sub_body .sns_list li a { border: 2px solid #000; color: #000; }

.head .hd-menu .gnb-wrap { height:100%;}
.head .hd-menu .gnb-wrap .gnb { display:flex; justify-content:center; align-items:center;height:100%; text-align:center;}
.head .hd-menu .gnb-wrap .gnb > li { position: relative; display: flex; justify-content: center; align-items: center; padding: 0px 60px; height: 70px; transition: all ease .3s; }
.head .hd-menu .gnb-wrap .gnb > li:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#449105; transform:translate(-50%); }
.head .hd-menu .gnb-wrap .gnb > li > a { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; font-weight: 600; letter-spacing: -0.03em; line-height: 1; text-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); }
.head .hd-menu .gnb-wrap .gnb > li .depth { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; padding-top:30px; width:100%; }
.head .hd-menu .gnb-wrap .gnb > li .depth:before { content: ""; position: absolute; left: 0; top: 30px; width: 1px; height: 220px; background: rgba(0, 0, 0, 0.1); }
.head .hd-menu .gnb-wrap .gnb > li:first-child .depth:before {display:none;}
.head .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a { display: block; padding: 5px 10px; color: rgba(0, 0, 0, 0.85); font-size: 1em; font-weight: 400; line-height: 1.4; letter-spacing: -0.03em; word-break: keep-all; }
.head .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a:hover { color: rgba(0, 0, 0, 1); }
.head .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a > span {position:relative;} 

.head.on { overflow:hidden; height:450px; background: #fff; backdrop-filter: blur(10px); box-shadow:1px 1px 25px rgb(67 67 67 / 10%); }
.head.scrolled.on { height: 360px; background: #fff; }
.head.scrolled .hd-menu .gnb-wrap .gnb > li { height: 80px; }
.head.on .hd-menu .gnb-wrap .gnb > li > a, .sub_body .hd-menu .gnb-wrap .gnb > li > a { color:#222; text-shadow: 0 0px 0px rgba(0, 0, 0, 0.5); }
.head.scrolled .hd-menu .gnb-wrap .gnb > li > a { color:#222; text-shadow: 0 0px 0px rgba(0, 0, 0, 0.5); }
.head.on .hd-menu .gnb > li .depth { opacity:1; visibility:visible; transition-delay: 0.1s; transition:all 0.3s; }
.head.scrolled .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a { color: #555; }
.head.scrolled .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a:hover { color: #222; }

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

/* footer */
.footer_banner { position: relative; display: flex; flex-wrap: wrap; }
.footer_banner:after { content:''; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.1); z-index: -1; }
.footer_banner:before { content:''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.1); z-index: -1; }
.footer_banner .banner_inr { width: 50%; }
.footer_banner .banner_inr01 { display: flex; flex-wrap: wrap; justify-content: flex-end; background: #000; border-radius: 0 80px 0 0; }
.footer_banner .banner_inr .banner_inr_in { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 800px; max-width: 90%; height: 180px; }
.footer_banner .banner_inr01 .banner_inr_in { padding-right: 50px; }
.footer_banner .banner_inr02 .banner_inr_in { padding-left: 50px; }
.footer_banner .banner_inr .banner_inr_in .textbox h3 { color: #fff; font-family: 'HakgyoansimAllimjang'; font-size: 32px; font-weight: 700; margin-bottom: 10px; }
.footer_banner .banner_inr02 .banner_inr_in .textbox h3 { color: #333; }
.footer_banner .banner_inr01 .banner_inr_in .textbox p { color: #fff; }
.footer_banner .banner_inr02 .banner_inr_in .textbox p { color: #555; }
.footer_banner .banner_inr .banner_inr_in .footer_banner_btn {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 200px;
	height: 60px;
	padding: 0 25px;
	background: linear-gradient(270deg, rgba(51, 51, 51, 1), rgba(0, 0, 0, 1));
	border-radius: 500px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.03em;
}
.footer_banner .banner_inr .banner_inr_in .footer_banner_btn span { position: absolute; top: 0px; right: -20px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 60px; height: 60px; background: #fff; border-radius: 500px; color: #000; font-size: 25px; box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1); animation: ani01 0.5s infinite alternate; }
.footer_banner .banner_inr .banner_inr_in .footer_banner_btn:hover span {  }

.link_list { display: flex; flex-wrap: wrap; }
.link_list li { margin: 0 5px; }
.link_list li:first-child { margin-left: 0px; }
.link_list li:last-child { margin-right: 0px; }
.link_list li a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 50px; height: 50px; background:rgba(255, 255, 255, 1); border-radius: 500px; color: #000; font-size: 25px; transition: transform 0.4s ease; }
.link_list li a:hover { color: #fff; animation: ani02 0.3s infinite alternate; }
.link_list li a.icon_facebook:hover { background: #3b5998; }
.link_list li a.icon_naver:hover { background: #2db400; }
.link_list li a.icon_insta:hover { background: linear-gradient(0deg, #f9ce34, #ee2a7b, #6228d7); }
.link_list li a.icon_youtube:hover { background: #ff0000; }

.footer_partner { padding: 25px 0; }

.footer { position: relative; padding: 50px 0; background: #000; color: #aaa; }
.footer .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.footer_info {  }
.footer_logo { margin-bottom: 20px; }
.footer_info_in { margin-bottom: 10px; line-height: 1.6; }
.footer_info_in span { position: relative; display: inline-block; padding: 0 15px; }
.footer_info_in span:first-child, .footer_info_in span.pl00 { padding-left: 0px; }
.footer_info_in span:last-child, .footer_info_in span.noline{ padding-right: 0px; }
.footer_info_in span:after { content:''; position: absolute; top: 20%; right: 0px; width: 1px; height: 60%; background: #888; }
.footer_info_in span:last-child:after, .footer_info_in span.noline:after { display: none; }
.footer_info_in span.strong_txt { font-weight: 600; }
.footer_info p { color: #888; }

.footer_menubox { display: flex; flex-direction: column; flex-wrap: wrap; gap: 10px 0; }
.footer_menu { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 160px; height: 45px; background: rgba(255, 255, 255, 0.1); border-radius: 500px; color: rgba(255, 255, 255, 0.6); font-size: 0.95em; }
.footer_menu:hover { color: rgba(255, 255, 255, 0.8); animation: ani02 0.3s infinite alternate; }

.fixed_quick { position: fixed; z-index: 999; bottom: 20px; right: 20px; }
.quick {
	display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;
	width: 70px; /* 크기 */
	height: 70px; /* 크기 */		
	background: linear-gradient(270deg, rgba(51, 51, 51, 1), rgba(0, 0, 0, 1));
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	border-radius: 500px;
	color: #fff;
	cursor: pointer;
	transition: all 350ms cubic-bezier(0.50, 1, 0.07, 1);
}
.quick i { font-size: 28px; }
.quick:hover { }
.quick:hover i {  } /* 마우스오버시 svg 아이콘의 fill 변경 */

/* 퀵메뉴 개별 스타일 */
.quick1 { display: none; background: #F7E600; }
.quick2 { display: none; background: #fff; margin-top: 8px; }
.quick3 { display: none; height: auto; padding: 20px 5px; background: #fff; }
.quick4 { margin-top: 8px; }

.quick_btn { display: inline-flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; color: #888; font-size: 13px; font-weight: 600; line-height: 1.1; letter-spacing: -0.03em; transition: all 0.3s; }
.quick_btn01 { /* margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; */ }
.quick_btn .icon { display: inline-flex; flex-wrap: wrap; width: 24px; height: 21px; margin-bottom: 5px; }
.quick_btn01 .icon { background: url('../image/footer/quick_icon01.png') top center no-repeat; background-size: 24px; }
.quick_btn02 .icon { background: url('../image/footer/quick_icon02.png') top center no-repeat; background-size: 24px; }
.quick_btn01:hover .icon { background: url('../image/footer/quick_icon01.png') bottom center no-repeat; background-size: 24px; }
.quick_btn02:hover .icon { background: url('../image/footer/quick_icon02.png') bottom center no-repeat; background-size: 24px; }
.quick_btn:hover { color: #000; }

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

.swiper { width: 100%; height: 100%; }
.swiper-slide {  }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.main_vis { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100vh; z-index:1; }
.main_vis > div { width: 100%; height: 100%; }
.main_vis .main_movie { height: 100vh; }
.m_mainvis_box { display: none; }

.main_btn { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 200px; height: 60px; margin-top: 50px; padding: 0 25px; background: linear-gradient(270deg, rgba(248, 139, 51, 1), rgba(255, 91, 0, 1)); border-radius: 500px; color: #fff; font-size: 18px; font-weight: 600; transition:all 0.3s; }
.swiper-slide-active .main_btn { animation:fadein 1s ease-in-out 1 forwards }
.main_btn:hover { color: #fff; animation: ani02 0.3s infinite alternate; }
.main_btn span { position: absolute; top: 5px; right: 5px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 50px; height: 50px; background: rgba(255, 255, 255, 1); border-radius: 500px; color: #ff6c00; font-size: 19px; transition:all 0.3s; }
.main_btn:hover span { background: rgba(255, 255, 255, 1); }

.main_vis .swiper-pagingbox { bottom: 15px; }
.main_vis .swiper-progress-bar .slide_progress-bar { background: rgba(255, 255, 255, 0.3); }
.main_vis .swiper-progress-bar .slide_progress-bar:after { background: #fff; }
.main_vis .swiper-pagination-fraction { color: #fff; font-weight: 600; }
.main_vis .swiper-button-prev, .main_vis .swiper-button-next { color: #fff !important; }

.main_con { padding: 100px 0; }

.main_con_title { position: relative; text-align: center; width: 100%; margin-bottom: 50px; }
.main_con_title h3 { font-family: 'HakgyoansimAllimjang'; font-size: 55px; font-weight: 700; line-height: 1; }
.main_con_title h3 span { display: block; margin-bottom: 20px; color: rgba(0, 0, 0, 0.4); font-size: 20px; font-weight: 800; letter-spacing: 0.1em; }
.main_con_title p { margin-top: 30px; color: #999; font-size: 22px; letter-spacing: -0.03em; }
.main_con_title .main_con_more { position: absolute; bottom: 0px; right: 0px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 55px; padding: 0 5px 0 20px; background: linear-gradient(270deg, rgba(51, 51, 51, 1), rgba(0, 0, 0, 1)); border-radius: 500px; color: #fff; font-size: 1.15em; font-weight: 600; transition: all 0.3s; }
.main_con_title .main_con_more i { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 45px; height: 45px; margin-left: 30px; background: #fff; border-radius: 500px; color: #000; font-weight: bold; transition: transform 0.4s ease; }
.main_con_title .main_con_more:hover {  }
.main_con_title .main_con_more:hover i { transform: rotate(180deg); }

.main_con01_list .swiper-wrapper { justify-content: center; }

.main_con02 { position: relative; display: flex; flex-wrap: wrap; align-content: center; min-height: 70vh; background: #000 url('../image/main/main_con02_bg01.jpg') center center no-repeat; background-size: cover; background-attachment: fixed; color: #fff; }
.main_con02:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: url('../image/main/main_con02_bg02.png') center center  no-repeat; background-size: cover; */ z-index:2;}
.main_con02:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(5px); z-index:1; }
.main_con02 .wrap { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; z-index:9; }
.main_con02 .main_con_title { text-align: center; }
.main_con02 .main_con_title h3 span { color: rgba(255, 255, 255, 0.4); }

.main_con02_more { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 320px; height: 80px; padding: 0 30px; background: #fff; border-radius: 500px; color: #222; font-size: 23px; font-weight: 700; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.main_con02_more img { margin-right: 10px; }
.main_con02_more:hover { animation: ani02 0.3s infinite alternate; }
.main_con02_arrow { position: absolute; top: calc(50% - 25px); right: 20px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 50px; height: 50px; background: #222; border-radius: 500px; color: #fff; animation: morph 3s linear infinite; }
.main_con02_more:hover .main_con02_arrow {  }

.main_con02_banner { position: absolute; bottom: 0px; z-index:9; overflow: hidden; width: 100%; height: 70px; }
.main_con02_banner span { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 70px; margin: 0 10px; color: rgba(255, 255, 255, 0.2); font-size: 22px; }

.main_con03 .wrap { display: flex; flex-wrap: wrap; }
.main_con03 .main_con_title { text-align: left; }
.main_con03 .wheat_notice { position: relative; width: 100%; margin-top:-30px; }
.wheat_notice_list .empty_li { color: rgba(0, 0, 0, 0.6) !important; }

.main_con04 { position: relative; padding-bottom: 0px; color: #fff; }
.main_con04:after { content:''; position: absolute; top: 0px; left: 0px; width: 100%; height: 70%; background: #000; /* border-radius: 50px 50px 0 0; */ z-index: -1; }
.main_con04:before { content:''; position: absolute; top: calc(70% - 25px); left: 0px; width: 100%; height: 25px; background: url('../image/main/main_con04_bg01.png') center bottom repeat-x; z-index: 1; }
.main_con04 .main_con_title h3 {  }
.main_con04 .main_con_title p { color: rgba(255, 255, 255, 0.7); }
.main_con04_more { position: absolute; right: 0px; bottom: 0px; z-index: 9; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 70px; height: 70px; background: #fff; border-radius: 500px; color: #000; font-size: 23px; animation: morph 3s infinite alternate; }
.main_con04 .sns_cont { position: relative; z-index: 2; }
.lightwidget__tile { padding: 0 !important; }

.main_con05 { position: relative; padding-bottom: 0px; }
.main_con05_videobox { width: 1440px; max-width: 100%; margin: 0 auto;}
.main_con05_videobox iframe { border-radius: 10px; }

.main_con06 { padding-bottom: 150px; }
.main_con06_inr { display: flex; flex-wrap: wrap; gap: 0 30px; }
.main_con06_inr .main_con06_banner { flex: 1; position: relative; padding: 60px 50px; padding-right: 120px; background: #fff; border: 1px solid #ddd; border-radius: 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); transform: translateY(20px); transition:all 0.3s; }
.main_con06_inr .main_con06_banner:hover { background: #000; border: 1px solid #000; transform: unset; }
.main_con06_inr .main_con06_banner h4 { margin-bottom: 20px; font-family: 'HakgyoansimAllimjang'; font-size: 32px; font-weight: 700; letter-spacing: -0.03em; }
.main_con06_inr .main_con06_banner:hover h4 { color: #fff; }
.main_con06_inr .main_con06_banner p { color: #555; font-size: 1.1em; line-height: 1.6; word-break: keep-all; }
.main_con06_inr .main_con06_banner:hover p { color: #fff; }
.main_con06_more { position: absolute; right: 30px; bottom: 50px; z-index: 9; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 70px; height: 70px; border: 2px solid #000; border-radius: 500px; color: #000; font-size: 23px; animation: morph 3s infinite alternate; }
.main_con06_inr .main_con06_banner:hover .main_con06_more { background: #fff; border: none;  color: #000; }
.main_con06_more:hover { background: #000; border: none; color: #fff; }

/* sub */
.sub_vis { overflow: hidden; position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 96%; height: 350px; margin: 0 auto; margin-top: 160px; background: url('../image/sub/sub_vis01.jpg') center center no-repeat; background-size: cover; border-radius: 20px; color: #333; }
.sub_vis:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: url('../image/main/main_con02_bg02.png') center center no-repeat; background-size: cover;*/ z-index:2;}
.sub_vis:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(3px); z-index:1; }

.sub_title { position: relative; z-index: 9; text-align: center; }
.sub_title p { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 30px; color: rgba(255, 255, 255, 0.6); font-size: 1em; text-transform: uppercase; letter-spacing: -0.02em; }
.sub_title p > i { margin: 0 5px; }
.sub_title p .title { color: #fff; font-weight: 800; }
.sub_title h2 { color:#fff; font-family: 'HakgyoansimAllimjang'; font-size: 55px; font-weight: 400; line-height: 1; }

.sub_contents { background: #fff; font-size: 18px; }
.sub_vis .wrap, .sub_contents .wrap { width: 1440px; }
.page_wrap { padding: 100px 0 100px; line-height: 1.6; letter-spacing: -0.025em; }
.board_wrap { padding: 100px 0 100px; }

.subpage_inr { position: relative; margin-bottom: 100px; }
.subpage_inr_last { margin-bottom: 0px; }

.overview_list { display: flex; flex-wrap: wrap; }
.overview_list > div { width: 65%; }
.overview_list .post { text-align: center; width: 35%; padding-right: 50px; }
.overview_list .post img { max-width: 100%; }
.overview_list .txt { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; }
.overview_list .txt h3 { margin-bottom: 50px; font-size: 48px; font-weight: 800; line-height: 1; }
.overview_list .txt h3 span { font-size: 0.6em; }
.overview_list .txt .txt_inner { border-top: 2px solid #222; }
.overview_list .txt .txt_inner li { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.overview_list .txt .txt_inner dl { display: flex; flex-wrap: wrap; }
.overview_list .txt .txt_inner dl dt, .overview_list .txt .txt_inner dl dd { position: relative; display: flex; flex-wrap: wrap; align-items: center; min-height: 60px; }
.overview_list .txt .txt_inner dl dt { justify-content: center; text-align: center; width: 150px; font-weight: 700; letter-spacing: 0.5em; }
.overview_list .txt .txt_inner dl dd { width: calc(100% - 150px); padding-left: 20px; }
.overview_list .txt .txt_inner dl dd:after { content:''; position: absolute; top: 25%; left: 0px; width: 1px; height: 50%; background: rgba(0, 0, 0, 0.2); }

.ctt h3 { position: relative; margin-bottom: 30px; padding-left: 20px; font-size: 2em; font-weight: 800; line-height: 1em; }
.ctt h3:after { content:''; position:absolute; left: 0px; top: -5px; width: 10px; height: 10px; border-radius: 500px; background: #000; }
.ctt iframe { margin-bottom: 50px; }

.location_info { margin-bottom: 50px; }
.location_info:last-child { margin-bottom: 0px; }
.location_info li { position: relative; margin-bottom: 10px; padding-left: 20px; }
.location_info li:last-child { margin-bottom: 0px; }
.location_info li:after { content:''; position:absolute; left: 0px; top: 12px; width: 10px; height: 1px; border-radius: 6px; background: #888; }

.page_noti { color: #777; font-size: 0.95em; }

.contact_list li { margin-bottom: 20px; }
.contact_list li:last-child { margin-bottom: 0px; }
.contact_list dl { display: flex; flex-wrap: wrap; }
.contact_list dl dt, .contact_list dl dd { display: inline-flex; flex-wrap: wrap; align-items: center; }
.contact_list dl dt { justify-content: center; text-align: center; width: 120px; height: 45px; background: #000; border-radius: 500px; color: #fff; font-weight: 600; }
.contact_list dl dd { width: calc(100% - 120px); padding-left: 20px; }

.board_top_content { margin-bottom: 80px; }
.board_top_content img { max-width: 100%; }
.board_title { position: relative; margin: 0px 0px 30px; }
.board_title h3 { position: relative; text-align: left; padding-left: 20px; font-size: 2em; font-weight: 800; line-height: 1em; }
.board_title h3:after { content:''; position:absolute; left: 0px; top: -5px; width: 10px; height: 10px; border-radius: 500px; background: #000; }

.pdf_btn { position: absolute; top: -8px; right: 0; display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 230px; height: 50px; padding: 0 20px; background: linear-gradient(270deg, rgba(51, 51, 51, 1), rgba(0, 0, 0, 1)); border-radius: 500px; color: #fff; font-size: 18px; font-weight: 600; transition:all 0.3s; }
.pdf_btn:hover { color: #fff; animation: ani02 0.3s infinite alternate; }
.pdf_btn span { position: absolute; top: 5px; right: 5px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 40px; height: 40px; background: rgba(255, 255, 255, 1); border-radius: 500px; color: #000; font-size: 19px; transition:all 0.3s; }
.pdf_btn:hover span { background: rgba(255, 255, 255, 1); }

#bo_cate #bo_cate_on { background-color:#000 !important; border:1px solid #000 !important; }
#bo_cate a:hover { background-color:#000 !important; border-color:#000 !important; }

.sub_download_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 70px; padding: 0 40px; background: #111; border-radius: 500px; color: #ffff00 !important; font-family: 'KBO-Dia-Gothic_medium'; font-size: 1.2em; font-weight: 500; text-decoration: none !important; transition: all 0.3s; letter-spacing: -0.03em; }
.sub_download_btn span { margin-right: 5px; font-size: 1.3em; font-weight: normal; }
.sub_download_btn:hover { color: #ffff00 !important; text-decoration: underline !important; }