/* SUB */
.sub-body .container_fix {width: calc(1280px + 30px);}
.board-body > .container_fix {padding-bottom: 160px;}
.login-body > .container_fix {padding-top: 160px; padding-bottom: 160px;}

.inquiry_bot_bg {background: url('/img/inquiry_bot_bg.png') 50% 50% / cover no-repeat;}

@media (max-width: 991px) {
	.board-body .container_fix {padding-bottom: 70px;}
	.login-body .container_fix {padding-top: 70px; padding-bottom: 70px;}
	.inquiry_bot_bg {background: url('/img/minquiry_bot_bg.png') 50% 50% / cover no-repeat;}
}

.img_sec_bg {background-color: #f9f9f9;}
.postion {position: relative;}
.text_img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.tab_content > li {display: none;}
.tab_content > li.on {display: block;}
.tab_menu {display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #e1e1e1; margin-bottom: 130px;}
.tab_menu > li > a {display: flex; justify-content: center; align-items: center; padding: 35px 0; font-size: 16px; color: #999;}
.tab_menu > li.on > a {color: #b2a8a2; border-bottom: 1px solid #b2a8a2;}

/* 메인 공통 타이틀 */
.title-box .title {font-size: 35px; line-height: 50px; font-weight: bold; color: #111; text-align: center; margin-bottom: 60px;}

@media (max-width: 991px) {
	.title-box .title {font-size: 20px; line-height: 31px; margin-bottom: 60px; margin-bottom: 40px; font-weight: 700; -webkit-text-stroke: 0.5px;}
}

/* sub-navi */
.mb-120 {margin-bottom: 120px;}
.top_banner_wrap {position: relative;}
.top_menu {max-width: var(--header-width); width: 100%; display: flex; align-items: center; margin: 0 auto;}
.top_menu .top_menu_pc .menu_ul {display: flex; justify-content: center; align-items: center; gap:50px; margin-top: calc(60px - 12px); margin-bottom: 80px;}
.top_menu .top_menu_pc .menu_ul > li {display: inline-block;vertical-align: initial;margin-right: 0;padding-bottom: 0;position: relative;}
.top_menu .top_menu_pc .menu_ul > li > a {padding: 12px 0; font-size: 20px; color: #999; font-weight: 600;}
.top_menu .top_menu_pc .menu_ul > li.on a {color: #0044ff; border-bottom: 2px solid #0044ff;}
.top_menu .top_menu_pc .menu_ul > li.on::after {display: none;}

@media (max-width: 991px) {
	.mb-120 {margin-bottom: 60px;}
	.top_menu {border-bottom: none;}
	.top_menu .top_menu_mobile {flex-grow: 1; padding: 0 15px; padding-bottom: 30px; margin-top: 30px;}
	.top_menu .top_menu_mobile .top_menu_drop > a {font-weight: 600; display: block;width: 100%;height: auto;padding: 12px 15px;line-height: 1;border-bottom: 1px solid #0044ff;font-size: 14px;color: #0044ff; position: relative; top: -1px;}
}