@charset "utf-8";

/* default styles */
::selection {color: #fff; background-color: var(--Color-Black);}
html {width: 100%; font-size: 16px; color: var(--Color-Black); min-width: 320px; overflow-x: hidden; overflow-y: scroll;}
body {font-family: 'Lato', sans-serif; font-size: var(--font-size-16); line-height: 1.5;}
body.hidden {height: 100vh; overflow: hidden;}
img {display: inline-block; max-width: 100%;}
.swiper {width: 100%;}
.swiper-button-disabled {cursor: default !important; opacity: .6 !important;}
.inner {width: 100%; max-width: 1560px; margin: 0 auto; padding: 0 var(--inner-padding);}
.inner_w {width: 100%; max-width: 1840px; margin: 0 auto; padding: 0 var(--inner-padding);}
.upper {text-transform: uppercase;}
.ta_left {text-align: left;}
.ta_right {text-align: right;}
.ta_center {text-align: center;}
.mob {display: none;}
.tab {display: none;}
.web {display: block;}

@media (max-width: 1024px){
	.web {display: none;}
	.mob {display: none;}
	.tab {display: block;}
}
@media (max-width: 767px){
	.web {display: none;}
	.tab {display: none;}
	.mob {display: block;}
}

/* inputs, buttons */
input, select, button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; font-family: inherit;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {display: none;}
button {border: none; cursor: pointer;}
.btn {display: inline-block; padding: 0 clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem); color: #fff; background-color: var(--Color-Black); cursor: pointer;}
.btn_default {display: inline-block; width: clamp(7.5rem, 6.75rem + 3.75vw, 11.25rem); height: clamp(2.5rem, 2.325rem + 0.88vw, 3.375rem); padding: 0 clamp(0.313rem, 0.275rem + 0.19vw, 0.5rem); color: #fff; text-align: center; background-color: var(--Color-Black);}
.btn_sch {display: block; width: 1.875rem; height: 1.875rem; background: url('../../images/default/main/icon_sch.png') no-repeat center/cover; border: none; border-radius: 50%; cursor: pointer; transition: var(--transition);}
.btn_sch:hover {opacity: .8;}
.slt {display: block; color: #555E67; line-height: clamp(2rem, 1.925rem + 0.38vw, 2.375rem); padding: 0 37px 0 13px; background: #fafafa url('../../images/default/content/slt_arr_box.jpg') no-repeat right 5px center/27px; border: 1px solid #ECEDF0;}

/* ========================================== header ========================================== */
#header {width: 100%; color: #fff; position: absolute; top: 0; left: 0; z-index: 100; transition: var(--transition);}
#header .inner_w {display: flex; justify-content: space-between; align-items: center; width: 100%; height: clamp(4.375rem, 4rem + 1.88vw, 6.25rem);}
#logo {position: relative;}
#logo img {display: block; width: clamp(3.75rem, 3.6rem + 0.75vw, 4.5rem); aspect-ratio: 144/118; transition: var(--transition);}
#logo .logo_b {opacity: 0;}
#logo .logo_w {position: absolute; top: 0; left: 0;}
#gnb .gnb_ul {display: flex;}
#gnb .gnb_ul > li {padding: 0 clamp(0.313rem, 0.038rem + 1.38vw, 1.688rem);}
#gnb .gnb_ul > li > a {display: inline-block; line-height: clamp(4.375rem, 4rem + 1.88vw, 6.25rem); position: relative;}
#gnb .gnb_ul > li > a::before {content: ''; display: block; width: 0; height: 1px; background-color: var(--Color-Black); position: absolute; top: 70%; left: 50%; transform: translateX(-50%); transition: var(--transition);}
#gnb .gnb_ul > li > a:hover::before {width: 100%;}
#gnb .dropmenu {display: none; width: 100%; color: var(--Color-Black); background-color: rgba(255, 255, 255, .94); border-top: 1px solid #BEBEBE; position: absolute; top: clamp(4.375rem, 4rem + 1.88vw, 6.25rem); left: 0;}
#gnb .dropmenu .dep2_tit {display: flex; align-items: center; width: 100%; height: 100%; padding: 0; font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.75rem); font-weight: 600; position: absolute; top: 0; transition: var(--transition);}
#gnb .dropmenu > ul > li:has(ul) .dep2_tit {display: block; padding: 2rem 0;}
#gnb .dropmenu > ul {width: 100%; max-width: 1840px; margin: 0 auto; padding: 0 var(--inner-padding);}
#gnb .dropmenu > ul > li {display: flex; justify-content: space-between; align-items: center; gap: clamp(1rem, 0.825rem + 0.88vw, 1.875rem); padding: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) 0; position: relative; transition: var(--transition);}
#gnb .dropmenu > ul > li + li {border-top: 1px solid #BEBEBE;}
#gnb .dropmenu > ul > li .menu_wrap {flex: 1;}
#gnb .dropmenu > ul > li ul {flex: 1; display: flex; flex-wrap: wrap; gap: .5rem clamp(1rem, 0.825rem + 0.88vw, 1.875rem); height: 0; margin-top: calc(clamp(1.25rem, 1.15rem + 0.5vw, 1.75rem) * 1.5); overflow: hidden; transition: var(--transition); position: relative; z-index: 1;}
#gnb .dropmenu > ul > li ul > li a {display: inline-flex; align-items: center; gap: clamp(0.625rem, 0.55rem + 0.38vw, 1rem); padding: .5rem 0; line-height: clamp(1.75rem, 1.675rem + 0.38vw, 2.125rem); white-space: nowrap; border-bottom: 1px solid var(--Color-Black);}
#gnb .dropmenu > ul > li ul > li a .arr_box {display: inline-flex; justify-content: center; align-items: center; gap: clamp(0.125rem, 0.1rem + 0.13vw, 0.25rem); transition: var(--transition); opacity: .14;}
#gnb .dropmenu > ul > li ul > li a .arr_box::before {content: ''; display: inline-block; width: .313rem; height: 1.25rem; background-color: var(--Color-Black); position: relative; left: 0; transition: var(--transition);}
#gnb .dropmenu > ul > li ul > li a .arr_box .arr {width: 1.875rem; height: 1.25rem; background: var(--Color-Black) url('../../images/default/main/icon_right_w.svg') no-repeat center/clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem); transition: var(--transition);}
#gnb .dropmenu > ul > li ul > li a:hover .arr_box {opacity: 1;}
#gnb .dropmenu > ul > li .menu_img {width: clamp(7.5rem, 6.625rem + 4.38vw, 11.875rem); aspect-ratio: 310/120; background: no-repeat center/cover; transition: var(--transition);}
#gnb .dropmenu > ul > li .menu_img.drop1-1 {background-image: url('../../images/default/content/menu_img1-1.jpg');}
#gnb .dropmenu > ul > li .menu_img.drop1-2 {background-image: url('../../images/default/content/menu_img1-2.jpg');}
#gnb .dropmenu > ul > li .menu_img.drop1-3 {background-image: url('../../images/default/content/menu_img1-3.jpg');}
#gnb .dropmenu > ul > li:hover {padding: clamp(1.5rem, 1.3rem + 1vw, 2.5rem) 0;}
#gnb .dropmenu > ul > li:has(ul):hover .dep2_tit {padding: clamp(1.5rem, 1.3rem + 1vw, 2.5rem) 0 0;}
#gnb .dropmenu > ul > li:hover ul {height: auto;}
#gnb .dropmenu > ul > li:hover .menu_img {width: clamp(12.5rem, 11.125rem + 6.88vw, 19.375rem);}
.dropmenu_bg {display: none;width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; z-index: 100;}
.side_menu {display: flex; align-items: center; gap: 1.875rem;}
#header .log_menu {display: flex;}
#header .log_menu > li + li::before {content: '/'; display: inline-block; margin: 0 .312rem; color: inherit; transition: var(--transition);}
#header .log_menu > li a {transition: var(--transition);}
#header .log_menu > li a:hover {color: var(--Text-Secondary);}
#header .lang_menu {display: flex; align-items: center; position: relative;}
#header .lang_menu .btn_lang {all: unset; display: inline-flex; justify-content: center; align-items: center; gap: .375rem; height: 2.5rem; cursor: pointer;}
#header .lang_menu .btn_lang .lang {display: inline-block; width: clamp(1rem, 0.975rem + 0.13vw, 1.125rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_lang_white.svg') no-repeat center/cover;}
#header .lang_menu .btn_lang .arr {display: inline-block; width: .5rem; aspect-ratio: 2/1; background: url('../../images/default/content/icon_lang_arr_white.svg') no-repeat center/cover;}
#header .lang_menu .btn_lang.on .arr {transform: rotate(180deg);}
#header .lang_opt {display: none; width: 5rem; background-color: rgba(255, 255, 255, .9); border: 1px solid var(--Color-Border); position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
#header .lang_opt > li + li {border-top: 1px solid var(--Color-Border);}
#header .lang_opt > li a {display: block; padding: .625rem; color: var(--Color-Black); text-align: center; transition: var(--transition);}
#header .lang_opt > li a:hover {color: var(--Text-Secondary);}
.btn_menu {all: unset; display: none; flex-direction: column; justify-content: center; align-items: center; gap: .438rem; width: clamp(2.25rem, 2.2rem + 0.25vw, 2.5rem); height: clamp(2.25rem, 2.2rem + 0.25vw, 2.5rem); cursor: pointer; position: relative;}
.btn_menu .bar {display: block; width: 80%; height: 2px; background-color: #fff; transition: var(--transition);}
.btn_menu.on .bar1 {transform: rotate(45deg); position: absolute;}
.btn_menu.on .bar2 {opacity: 0;}
.btn_menu.on .bar3 {transform: rotate(-45deg); position: absolute;}
#mob_menu {display: none; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, .94); overflow-y: auto; position: fixed; top: 0; left: 0; transform: translateY(-100%); opacity: 0; transition: var(--transition);}
#mob_menu.on {transform: translateY(0); opacity: 1;}

/* 전체검색 */
.sch_toggle_wrap {display: flex; justify-content: center; width: 100%; height: 0; padding: 0 var(--gap-16); background-color: transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-width: 0; overflow: hidden; position: absolute; top: clamp(4.375rem, 4rem + 1.88vw, 6.25rem); left: 0; /*transform: translateY(-100%);*/ transition: .3s ease;}
.sch_toggle_wrap form {display: flex; justify-content: center; align-items: center; max-width: 600px; width: 100%; margin: 3.125rem auto; padding: var(--gap-10) var(--gap-10) var(--gap-10) var(--gap-24); background-color: #fff; border-top: 2px solid #eee; border-bottom: 2px solid #eee; transition: var(--transition);}
.sch_toggle_wrap form:has(.ipt_sch:focus) {border-color: var(--Color-Black);}
.sch_toggle_wrap .ipt_sch {all: unset; display: block; flex: 1; color: var(--Color-Black); transition: var(--transition);}
.sch_toggle_wrap .btn_sch {background-image: url('../../images/default/main/icon_sch_black.png');}
.sch_toggle_wrap.active {height: 10rem; background-color: rgba(255, 255, 255, .94); border-color: var(--Color-Border); border-width: 1px;}

/* 서브페이지 헤더 */
#header.sub_hd {background-color: #fff; color: var(--Color-Black);}
#header.sub_hd #gnb .gnb_ul li a::after {background-color: var(--Color-Black);}
#header.sub_hd #gnb .gnb_ul > li.here > a {display: flex; align-items: center; gap: clamp(0.375rem, 0.3rem + 0.38vw, 0.75rem); font-weight: 600;}
#header.sub_hd #gnb .gnb_ul > li.here > a::after {content: ''; display: block; width: clamp(1.375rem, 1.225rem + 0.75vw, 2.125rem); aspect-ratio: 34/18; background: url('../../images/default/main/menu_here.svg') no-repeat center/cover;}
#header.sub_hd .btn_sch {background-image: url('../../images/default/main/icon_sch_black.png');}
#header.sub_hd .btn_menu .bar {background-color: var(--Color-Black);}
#header.sub_hd .btn_menu.on .bar {background-color: #fff;}
#header.sub_hd #mob_menu {color: #fff;}
#header.sub_hd .lang_menu .btn_lang .lang {background-image: url('../../images/default/content/icon_lang_black.svg');}
#header.sub_hd .lang_menu .btn_lang .arr {background-image: url('../../images/default/content/icon_lang_arr_black.svg');}

@media (min-width: 1281px){
	#header:not(.sub_hd):hover {background-color: rgba(255, 255, 255, .94);}
	#header:hover a {color: var(--Color-Black);}
	#header:hover #logo .logo_b {opacity: 1;}
	#header:hover #logo .logo_w {opacity: 0;}
	#header:hover .log_menu > li + li::before {color: var(--Color-Black);}
	#header:hover .btn_lang {color: var(--Color-Black);}
	#header:hover .btn_lang .lang {background-image: url('../../images/default/content/icon_lang_black.svg');}
	#header:hover .btn_lang .arr {background-image: url('../../images/default/content/icon_lang_arr_black.svg');}
	#header:hover .btn_sch {background-image: url('../../images/default/main/icon_sch_black.png');}
}
@media (max-width: 1280px){
	#header.sub_hd {border-bottom: 1px solid var(--Color-Border);}
	#logo img {zoom: .9;}
	#gnb, .side_menu {display: none;}
	.btn_menu {display: flex; position: absolute; top: 1.25rem; right: 1.25rem; z-index: 1000;}
	#mob_menu {display: block; padding: 5rem .625rem 1.25rem 1.25rem;}
	#mob_menu .mob_top_menu {display: flex; gap: 1.25rem; position: absolute; top: 1.875rem; left: 1.25rem;}
	#mob_menu .log,
	#mob_menu .lang {display: flex;}
	#mob_menu .log li + li::before,
	#mob_menu .lang li + li::before {content: '/'; display: inline-block; margin: 0 5px;} 
	#mob_menu .hd_sch_wrap form {display: flex; align-items: center; gap: .625rem;}
	#mob_menu .hd_sch_wrap .ipt_sch {flex: 1; height: 3.125rem; padding: 0 1.25rem; font-size: var(--font-size-16); color: #fff; background: none; border: 1px solid rgba(255, 255, 255, .9); border-radius: .625rem;}
	.mob_gnb_ul {height: calc(100% - 4.5rem); margin-top: 1.25rem; padding-right: .625rem; font-size: clamp(1.75rem, 1.213rem + 2.68vw, 2.5rem); line-height: 2; overflow-y: auto;}
	.mob_gnb_ul::-webkit-scrollbar {width: 8px; background-color: #F3F3F3;}
	.mob_gnb_ul::-webkit-scrollbar-thumb {width: 100%; background-color: #717171; border-radius: 0;}
	.mob_gnb_ul .dep1_a {font-weight: 600;}
	.mob_gnb_ul .dep1_a,
	.mob_gnb_ul .dep2_a {display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
	.mob_gnb_ul .dep1_a .arr {display: inline-block; width: 2rem; height: 2rem; background: url('../../images/default/main/icon_menu_drop.svg') no-repeat center/cover; transition: var(--transition);}
	.mob_gnb_ul .dep2_a .arr {display: inline-block; width: 2rem; height: 1.25rem; background: url('../../images/default/main/icon_menu_drop.svg') no-repeat center/auto 100%; transition: var(--transition);}
	.mob_gnb_ul .dep1_a.active .arr,
	.mob_gnb_ul .dep2_a.active .arr {transform: rotate(180deg);}
	.mob_gnb_ul .dep2_menu {display: none; font-size: clamp(1.188rem, 1.143rem + 0.22vw, 1.25rem); font-weight: 600; line-height: 2.75rem; color: rgba(255, 255, 255, .8);}
	.mob_gnb_ul .dep2_menu > li > a,
	.mob_gnb_ul .dep2_menu > li > .dep2_a {padding-left: .625rem;}
	.mob_gnb_ul .dep3_menu {display: none; font-size: clamp(0.938rem, 0.893rem + 0.22vw, 1rem); font-weight: 400; line-height: 2.75rem; color: rgba(255, 255, 255, .6);}
	.mob_gnb_ul .dep3_menu > li > a {padding-left: 1.25rem;}

}
@media (max-width: 767px){
	.btn_menu .bar {width: 85%;}
	.mob_gnb_ul .dep1_a .arr {width: 1.8rem; height: 1.8rem;}
	.mob_gnb_ul .dep2_a .arr {width: 1.8rem; height: 1.6rem;}
}
@media (max-width: 480px){
	.mob_gnb_ul {font-size: 1.5rem;}
}

/* ========================================== footer ========================================== */
#footer {gap: clamp(1.25rem, 6.25vw, 7.5rem); padding: var(--num-40) 0; color: #fff; background: url('../../images/default/main/ft_bg.jpg') no-repeat center/cover; overflow: hidden; position: relative; z-index: 1;}
#footer .inner_w {position: relative;}
#footer a {transition: opacity var(--transition);}
#footer .ft_logo {width: clamp(6.25rem, 4.875rem + 6.88vw, 13.125rem); position: absolute; top: 50%; left: var(--inner-padding); transform: translateY(-50%);}
#footer .ft_txt {width: calc(100% - (clamp(1.25rem, 6.25vw, 7.5rem) + clamp(6.25rem, 4.875rem + 6.88vw, 13.125rem))); margin-left: auto;}
#footer .ft_top {display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--gap-50);}
#footer .ft_top .ft_nav {display: flex; gap: 3.125rem;}
#footer .ft_bt {display: flex; align-items: flex-end; gap: clamp(1rem, 0.088rem + 4.56vw, 5.563rem); position: relative;}
#footer .ft_info {}
#footer .ft_bt .tit {opacity: .3;}
#footer .info_list {display: flex; flex-wrap: wrap; gap: 0 clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem); margin-top: clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem);}
#footer .info_list > li {display: flex; width: 100%;}
#footer .info_list > li + li {width: auto;}
#footer .info_list > li .tit {width: clamp(3.125rem, 2.75rem + 1.88vw, 5rem);}
#footer .info_list > li span {cursor: pointer; transition: opacity var(--transition);}
#footer .info_list > li span:hover {text-decoration: underline; text-underline-offset: 3px;}
#footer .copy .tit {display: block; margin-bottom: clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem);}
#footer .ft_sub span {display: inline-block; margin: 0 0 1.25rem 72.8%; font-size: 1.5rem; font-weight: 500; border-bottom: 1px solid #fff;}
#footer .ft_sub img {display: block;}
#to_top {all: unset; display: flex; justify-content: center; align-items: center; width: 4.375rem; aspect-ratio: 1/1; color: var(--Color-Black); font-weight: 600; background: #dadada; cursor: pointer; text-transform: uppercase; transition: background var(--transition); position: absolute; top: -1.5rem; right: var(--inner-padding);}
#to_top:hover {background-color: rgba(218, 218, 218, .8);}
#footer a:hover {text-decoration: underline; text-underline-offset: 3px;}

@media (max-width: 1840px){
}
@media (max-width: 1560px){
	#footer .ft_top .ft_nav {gap: 3rem;}
	#to_top {width: 3.75rem;}
}
@media (max-width: 1280px){
	#footer {padding: clamp(1.25rem, -9.5833rem + 11.1111vw, 3.75rem) 0;}
	#footer .ft_logo {position: static; transform: none;}
	#footer .ft_txt {width: 100%;}
	#footer .ft_bt {flex-direction: column; align-items: flex-start; gap: clamp(1.25rem, -9.5833rem + 11.1111vw, 3.75rem);}
	#to_top {position: absolute; top: clamp(1.25rem, -9.5833rem + 11.1111vw, 3.75rem);}
}
@media (max-width: 1024px){
	#footer .ft_top {height: auto; padding: 1.25rem 0; flex-wrap: wrap;}
	#footer .ft_top .ft_logo, #to_top {order: 1;}
	#footer .ft_top .ft_nav {order: 2; width: 100%; flex-wrap: wrap; gap: .625rem 1.875rem;}
}
@media (max-width: 767px){
}

/* ========================================== 서브페이지 ========================================== */
#subpage {padding-top: clamp(4.375rem, 4rem + 1.88vw, 6.25rem);}
#sub_content {}
#board_content {padding-top: clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem); padding-bottom: clamp(5rem, 4.45rem + 2.75vw, 7.75rem);}
#board_content:has(.gallery_rolling) {overflow-x: hidden;}
#submenu {padding: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem) 0;}
#submenu ul {display: flex; gap: clamp(0.625rem, 0.55rem + 0.38vw, 1rem);}
#submenu ul li {flex: 1;}
#submenu ul:has(> li:only-child) li {flex: 0 0 calc(100% / 3);}
#submenu ul li a {display: flex; justify-content: center; align-items: center; padding: clamp(0.5rem, 0.438rem + 0.31vw, 0.813rem) clamp(0.5rem, 0.4rem + 0.5vw, 1rem); font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem); font-weight: 600; color: var(--Text-Secondary); text-align: center; white-space: nowrap; background-color: var(--Color-Bg-Gray); border-top: 1px solid transparent; border-bottom: 1px solid transparent; position: relative; transition: var(--transition);}
#submenu ul li:hover a {color: var(--Color-Black); background-color: #FFF; border-color: #A6A6A6;}
#submenu ul li.here a {padding-right: clamp(2rem, 1.775rem + 1.13vw, 3.125rem); color: var(--color-Black); background-color: #fff; border-color: #A6A6A6;}
#submenu ul li.here a .bar_wrap {display: flex; gap:clamp(0.125rem, 0.075rem + 0.25vw, 0.375rem);; height: calc(100% - clamp(0.5rem, 0.438rem + 0.31vw, 0.813rem) * 2); min-height: clamp(1.5rem, 1.375rem + 0.63vw, 2.125rem); position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#submenu ul li.here a .bar_wrap .bar {width: clamp(0.125rem, 0.088rem + 0.19vw, 0.313rem); height: 100%; background-color: var(--Color-Black);}
#submenu ul li.here a .bar_wrap::before {content: ''; display: block; width: clamp(0.125rem, 0.088rem + 0.19vw, 0.313rem); height: 100%; background-color: var(--Color-Black);}
#submenu ul li.here a .bar_wrap::after {content: ''; display: block; width: clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem); height: 100%; background-color: var(--Color-Black);}

@media (max-width: 1024px){
	#submenu {display: none;}
}

/* 서브 비주얼 */
#sub_visual {display: flex; align-items: center; height: clamp(7.5rem, 7.125rem + 1.88vw, 9.375rem); color: #fff; background: url('../../images/default/content/sub_visual01.jpg') no-repeat center/cover;}
#sub_visual.visual01 {background-image: url('../../images/default/content/sub_visual01.jpg');}
#sub_visual.visual02 {background-image: url('../../images/default/content/sub_visual02.jpg');}
#sub_visual.visual03 {background-image: url('../../images/default/content/sub_visual03.jpg');}
#sub_visual.visual04 {background-image: url('../../images/default/content/sub_visual04.jpg');}
#sub_visual.visual05 {background-image: url('../../images/default/content/sub_visual05.jpg');}
#sub_visual.visual06 {background-image: url('../../images/default/content/sub_visual06.jpg');}
#sub_visual .page_title {font-size: clamp(2rem, 1.913rem + 0.44vw, 2.438rem); font-weight: 700; line-height: 1; letter-spacing: 2px;}
#sub_visual:has(~ #board_content .inner_w) .inner,
#sub_visual:has(~ #sub_content .inner_w) .inner,
#sub_visual:has(~ #sub_content > .timeline) .inner,
#sub_visual:has(~ #sub_content > .place) .inner {max-width: 1840px;}

@media (max-width: 1024px){
	#sub_visual:not(.visual01) {background-position-x: 40%;}
}
@media (max-width: 768px){
	#sub_visual {align-items: flex-end;}
}

/* 브레드크럼 */
.breadcrumb {display: flex; flex-wrap: wrap; align-items: center; gap: clamp(0.375rem, 0.35rem + 0.13vw, 0.5rem) clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem); margin-bottom: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem);}
.breadcrumb > li {display: flex; align-items: center; gap: clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem); font-size: clamp(0.813rem, 0.787rem + 0.13vw, 0.938rem); transition: var(--transition);}
.breadcrumb > li + li::before {content: ''; display: block; width: 4px; height: 4px; background-color: rgba(255, 255, 255, .4); border-radius: 50%;}
.breadcrumb > li .home {display: block; width: clamp(0.875rem, 0.85rem + 0.13vw, 1rem); height: clamp(0.875rem, 0.85rem + 0.13vw, 1rem); background: url('../../images/default/content/breadcrumb_grid.svg') no-repeat center/cover; transition: var(--transition);}
.breadcrumb > li:hover {color: rgba(255, 255, 255, .6);}
.breadcrumb > li:hover .home {opacity: .6;}

@media (max-width: 1024px){
	.breadcrumb {display: none;}
}

/* 배경 없는 서브 비주얼, 브레드크럼 */
#sub_visual.no_bg {align-items: center; color: var(--Color-Black); background: none;}
#sub_visual.no_bg .breadcrumb > li + li::before {background-color: rgba(0, 0, 0, .4);}
#sub_visual.no_bg .breadcrumb > li .home {background-image: url('../../images/default/content/breadcrumb_grid_black.svg')}
#sub_visual.no_bg .breadcrumb > li:hover {color: rgba(0, 0, 0, .6);}

:has(#sub_visual.no_bg) #board_content {padding-top: 0;}