@charset "utf-8";

/*+-----------------------------------+
| Author: JS |
| Title : 해외 헤더, 푸터, 메인, 색상 |
+-------------------------------------+*/
/* ### primary, secondary */
:root {
	--color-primary: #0160a0;
	--color-secondary: #4ebdc6;
}
body,
html {
	width: 100%;
}

select,
input,
textarea,
.search-box,
.btn {
	border-radius: 6px;
}

select {
	background-size: 12px;
}

input.search-input {
	height: 48px;
}

.search-box input.search-input {
	height: 46px;
}

.writing-area .btn {
	border-radius: 0;
}

/* background */
.bg-primary {
	background-color: var(--color-primary) !important;
	background-color: #0160a0 !important;
}

.bg-secondary {
	background-color: var(--color-secondary) !important;
	background-color: #4ebdc6 !important;
}

/* border */

.bor-primary {
	border: 1px solid var(--color-primary) !important;
	border: 1px solid #0160a0 !important;
}

.bor-secondary {
	border: 1px solid var(--color-secondary) !important;
	border: 1px solid #4ebdc6 !important;
}

/* color */
.color-primary {
	color: var(--color-primary) !important;
	color: #0160a0 !important;
}

.color-secondary {
	color: var(--color-secondary) !important;
	color: #4ebdc6 !important;
}

.color-thrid {
	color: #00a2e8 !important;
}

/* title */
.title-bg.local {
	background: linear-gradient(to right, #06a 61%, var(--color-primary) 100%);
	background: linear-gradient(to right, #06a 61%, #0160a0 100%);
}

/* pagination */
.pagination a,
.pagination span {
	border-radius: 7px;
}

.pagination .page-num.on {
	background-color: var(--color-secondary);
	background-color: #4ebdc6;
	color: #fff;
}

/* tab style */
.tab-title.style-line {
	height: 68px;
}
.tab-title.style-line>li {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	position: relative;
	padding: 0 20px;
}
.tab-title.style-line>li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -25%);
	width: 1px;
	height: 11px;
	background-color: #e0e0e0;
}
.tab-title.style-line>li:first-child::before {
	content: none;
}
.tab-title.style-line>li a {
	padding: 22px 0 16px;
	color: #888;
	font-weight: 700;
	line-height: 23px;
}
.tab-title.style-line>li.on a {
	border-bottom: 3px solid var(--color-secondary);
	border-bottom: 3px solid #4ebdc6;
	color: var(--color-secondary);
	color: #4ebdc6;
	font-weight: 900;
}
.tab-title.bg-bar>li.on a {
	color: var(--color-secondary);
	color: #4ebdc6;
	font-weight: 900;
}
/* detail tab */
.detail-tab .tab-title.bg-bar {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	height: auto;
	padding: 0;
	padding-top: 60px;
	border-bottom: 1px solid var(--color-secondary);
	border-bottom: 1px solid #4ebdc6;
}
.detail-tab .tab-title.bg-bar>li {
	padding-left: 0;
}
.detail-tab .tab-title.bg-bar>li::before {
	content: none;
}
.detail-tab .tab-title.bg-bar>li a {
	display: block;
	min-width: 180px;
	background-color: #f5f5f5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #9e9e9e;
	font-size: 16px;
	font-weight: 700;
	line-height: 50px;
}
.detail-tab .tab-title.bg-bar>li.on a {
	background-color: var(--color-secondary);
	background-color: #4ebdc6;
	border-bottom: 1px solid var(--color-secondary);
	border-bottom: 1px solid #4ebdc6;
	color: #fff;
}

/* tag */
.tag-box.secondary {
	background-color: rgba(0, 100, 255, 0.16);
	color: var(--color-secondary);
	color: #4ebdc6;
}

/* checkbox custom */
.chk-box input:checked+.icon-chkbox {
	border: 1px solid var(--color-secondary);
	border: 1px solid #4ebdc6;
	background-color: var(--color-secondary);
	background-color: #4ebdc6;
}

.chk-box input:checked+.icon-chkbox.primary {
	border: 1px solid var(--color-primary);
	border: 1px solid #0160a0;
	background-color: var(--color-primary);
	background-color: #0160a0;
}

/* // primary, secondary ### */
/* ### Common - header, footer, etc */
.thumb-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.outline-blue-btn {
	min-width: 200px;
	background-color: #fff;
	border: 1px solid var(--color-primary);
	border: 1px solid #0160a0;
	border-radius: 6px;
	color: var(--color-primary);
	color: #0160a0;
	font-size: 14px;
	font-weight: 700;
	line-height: 48px;
	text-align: center;
}
.outline-blue-btn.go {
	position: relative;
	margin-right: 10px;
}
.blue-btn {
	min-width: 200px;
	border: 1px solid var(--color-primary);
	border: 1px solid #0160a0;
	background-color: #fff;
	background-color: var(--color-primary);
	background-color: #0160a0;
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 48px;
	text-align: center;
}
.outline-blue-btn.go::after {
	content: '';
	display: inline-block;
	vertical-align: -3px;
	width: 16px;
	height: 16px;
	margin-left: 8px;
	background: url('../img/common/icon_play_one.png') no-repeat center / contain;
}
#top {
	bottom: 30px;
	width: 48px;
	height: 48px;
	border-radius: 5px;
	background-color: var(--color-secondary);
	background-color: #4ebdc6;
	color: #fff;
	font-family: 'Montserrat';
	line-height: 9px;
}
#top::before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	padding: 10px 0 0;
	background: url('../img/common/icon_arrow_t_white.png') no-repeat center / contain;
}
header .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
header#gbHeader {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 90px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255, 255, 255, 0.32);
	background-color: transparent;
}
.gb-logo {
	display: block;
	width: 296px;
	height: 90px;
	margin: 0 auto;
	/*background: url('../img/common/kesg_gb_logo.svg') no-repeat center / contain;*/
	background: url('../img/common/seaman_home_logo.gif') no-repeat center / contain;

}
#gbHeader .header-right {
	position: absolute;
	right: 0;
	top: 0;
	width: 280px;
	height: 100%;
}
.lnb {
	position: absolute;
	left: 0;
	top: 34px;
	overflow: hidden;
}
.lnb>li {
	position: relative;
	float: left;
	margin-left: 23px;
}
.lnb>li:first-child {
	margin-left: 0;
}
.lnb>li::before {
	content: '';
	display: block;
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translate(0, -50%);
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #0160a0;
}
.lnb>li:first-child::before {
	content: none;
}
.lnb>li>a {
	color: var(--color-primary);
	color: #0160a0;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}
.language {
	position: absolute;
	right: 54px;
	top: 50%;
	transform: translate(0, -50%);
	overflow: hidden;
	width: 50px;
	height: 20px;
	padding: 0 7px;
	background-color: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	border: 1px solid var(--color-primary);
	border: 1px solid #0160a0;
}
.language .lang-arrow {
	position: absolute;
	right: 4px;
	top: 4px;
	width: 12px;
	height: 12px;
	background: url('../img/common/icon_arrow_t_blue_full.png') no-repeat center top / contain;
	transform: rotate(180deg);
	cursor: pointer;
}

.language .lang-arrow.up {
	transform: rotate(0);
}

.language.on::before {
	transform: rotate(0deg);
}
.language>li>a {
	display: block;
	color: var(--color-primary);
	color: #0160a0;
	font-size: 12px;
	line-height: 18px;
}
.gnb-menu {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}
.search-simple-box {
	display: none;
}
.gnb-page {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: url('../img/common/gb_menu_bg.jpg') no-repeat center top / cover;
}
.gnb-page .container {
	display: block;
	position: relative;
	height: 100%;
}
.gnb-top-box {
	position: relative;
	width: 1192px;
	margin: 0 auto;
}
.gnb-top-box .gnb-close {
	position: absolute;
	top: 33px;
	right: 0;
	z-index: 1;
	width: 24px;
	height: 24px;
	background: url('../img/common/icon_close_white.svg') no-repeat right center / 24px;
}
.gnb-page .gnb-list-inner {
	position: absolute;
	left: 408px;
	top: 50%;
	transform: translate(0, -50%);
	width: 588px;
}
.gnb-page .gnb-list>li {
	position: relative;
	margin-top: 40px;
}
.gnb-page .gnb-list>li:first-child {
	margin-top: 0;
}
.gnb-page .gnb-list li .gnb-title,
.gnb-page .gnb-list li .gnb-depth2>li>a {
	color: #fff;
	font-family: 'Montserrat';
	font-weight: 700;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}
.gnb-page .gnb-list li:hover .gnb-title {
	color: var(--color-secondary);
	color: #4ebdc6;
}
.gnb-page .gnb-list li .gnb-title {
	font-size: 40px;
	font-weight: 900;
}
.gnb-depth2 {
	position: absolute;
	left: 408px;
	top: 10px;
	z-index: 1;
}
.gnb-depth2>li {
	margin-top: 30px;
}
.gnb-depth2>li:first-child {
	margin-top: 0;
}
.gnb-page .gnb-list li .gnb-depth2>li:hover>a {
	color: var(--color-secondary);
	color: #4ebdc6;
}
.gnb-page .gnb-list li .gnb-depth2>li>a {
	font: 18px 'spoqaHanSans' !important;
}
footer#gbFooter {
	position: relative;
	background-color: #2b2b2b;
}
footer#gbFooter .container {
	padding: 40px 24px 50px;
}
#footerLogo {
	position: relative;
	height: 44px;
	padding-left: 88px;
	/*background: url('../img/common/kesg_gb_logo_symbol.svg') no-repeat left center / 50px 44px;*/

	color: #fff;
	font-size: 16px;
	line-height: 21px;
}
#footerLogo::before {
	content: '';
	position: absolute;
	left: 60px;
	top: 50%;
	transform: translate(0, -50%);
	width: 18px;
	height: 18px;
	background: url('../img/common/icon_multiply_gray.png') no-repeat center / contain;
}
.footer-link {
	overflow: hidden;
	padding: 30px 0 20px;
}
.footer-link>li {
	float: left;
	margin-left: 30px;
}
.footer-link>li:first-child {
	margin-left: 0;
}
.footer-link>li>a {
	display: inline-block;
	color: #eee;
	font-size: 14px;
	line-height: 20px;
}
.footer-link>li>a:hover {
	color: #fff;
}
#gbFooter .copyright {
	color: #bdbdbd;
	font-size: 14px;
	line-height: 20px;
}
.footer-sns-list {
	overflow: hidden;
}
.footer-sns-list>li {
	float: left;
	margin-left: 20px;
}
.footer-sns-list>li:first-child {
	margin-left: 0;
}
.footer-sns-list>li>a {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
}
.footer-sns-list>li>a.facebook {
	background-image: url('../img/common/icon_facebook_gray.png');
	background-size: 10px 19px;
}
.footer-sns-list>li>a.insta {
	background-image: url('../img/common/icon_insta_gray.png');
	background-size: 20px;
}
.footer-sns-list>li>a.youtube {
	background-image: url('../img/common/icon_youtube_gray.png');
	background-size: 20px 13px;
}
/* // Common - header, footer, etc ### */

/* ### MAIN */
/* main_visual 슬라이더 */
#visual {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#visual .swiper-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.swiper {
	position: relative;
	overflow: hidden;
}
.gb-visual-slider .swiper-slide {
	width: 100%;
	height: 800px;
}
.gb-visual-slider .swiper-slide::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 250px;
	background: url('../img/home/gb_visual_wave.png') no-repeat center bottom / cover;
}
.gb-visual-slider .swiper-slide.swiper-slide-active .visual-bg {
	/* transform:scale(1.1); */
}
.gb-visual-slider .swiper-slide .visual-bg {
	/* position: relative;
	left: 10px; */
	width: 100%;
	height: 100%;
	/* transition: 4s; */
}
.gb-visual-slider .swiper-slide.sw-v1 .visual-bg {
	background: url('../img/home/gb_visual.png') no-repeat center top / cover;
}
.gb-visual-slider .swiper-slide.sw-v2 .visual-bg {
	background: url('../img/home/gb_visual2.png') no-repeat center top / cover;
}
/* .gb-visual-frame {
	position: relative;
} */
.slide-inner {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, 0);
	width: 1200px;
	max-width: 1200px;
	height: 100%;
}
.visual-txt {
	position: absolute;
	top: 200px;
	right: 0;
	z-index: 2;
	width: 486px;
	height: 610px;
	padding: 120px 0 0;
	box-sizing: border-box;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #fff;
	text-align: center;
}
.visual-txt .con-txt {
	font-weight: 500;
}
.gb-visual-txt {
	padding: 20px 0 0;
	color: var(--color-primary);
	color: #0160a0;
	font-size: 36px;
	font-weight: 900;
	line-height: 46px;
	letter-spacing: -1px;
}
.gb-visual-txt::after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	margin: 30px auto;
	background-color: #bdbdbd;
}
.swiper-remote-package {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 1;
	transform: translate(-50%, 0);
	width: 1200px;
	max-width: 1200px;
	text-align: left;
	margin: 0 auto;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.swiper-remote-package #progress {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 20px;
	height: 2px;
	margin: 0 10px;
	background-color: #bdbdbd;
}
.swiper-remote-package #progress span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 2px;
	background-color: var(--color-primary) !important;
	background-color: #0160a0 !important;
}
.swiper-remote-package #progress span.animate {
	-webkit-animation: progressbar 4s linear 1;
	animation: progressbar 4s linear 1;
}
@-webkit-keyframes progressbar{
	0%{
		-webkit-width: 0%;
	}
	100%{
		-webkit-width: 100%;
	}
}
@keyframes progressbar{
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}
.swiper-remote-package .package-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 486px;
}
.swiper-remote-package .swiper-btn-prev,
.swiper-remote-package .swiper-btn-next {
	width: 24px;
	height: 24px;
	background: url('../img/common/icon_slider_arrow.png') no-repeat center / contain;
	cursor: pointer;
}
.swiper-remote-package .swiper-btn-next {
	transform: rotate(180deg);
}
.swiper-remote-package .swiper-page {
	bottom: initial;
	width: initial;
	margin: 0 10px;
}
.swiper-remote-package .swiper-page span {
	color: #bdbdbd;
	font-size: 16px;
}
.swiper-remote-package .swiper-page .swiper-pagination-current {
	color: var(--color-primary) !important;
	color: #0160a0 !important;;
	font-weight: 900;
}
/*// main_visual 슬라이더 끝 */
.quick-menu {
	position: absolute;
	left: 9.8%;
	top: 0;
	z-index: 2;
	width: 250px;
	padding: 18px 0 87px;
	background-color: #103b6c;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: rgba(16, 59, 108, 0.5) 0px 10px 15px -3px, rgba(16, 59, 108, 0.05) 0px 4px 6px -2px;
	box-shadow: 0 7px 20px 0 rgba(0, 35, 76, 0.45);
}
.quick-menu.fixed {
	position: fixed;
}
.gb-search-box {
	margin: 0 20px;
	padding-left: 7px;
	box-sizing: border-box;
	border-bottom: 2px solid #fff;
}
.gb-search-box .search-input {
	background-color: transparent;
	color: #fff;
}
.quick-list {
	padding-top: 57px;
}
.quick-list>li {
	position: relative;
}
.quick-list>li::after {
	content: '';
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.16);
}
.quick-list>li:hover {
	background-color: rgba(255, 255, 255, 0.16);
}
.quick-list>li:hover::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 60px;
	background-color: var(--color-secondary) !important;
	background-color: #4ebdc6 !important;
}
.quick-list>li>a {
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
}
.connect-list {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.connect-list>li>a {
	display: block;
	width: 80px;
}
.connect-list>li>a>img {
	display: block;
	width: 100%;
}
/* Quick Links 슬라이더 */
.second-title {
	padding: 40px 0 10px;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 29px;
}
.gb-quick-slider .swiper-wrapper {
	transform: initial;
	transition-property: all;
}
.gb-quick-slider .swiper-slide {
	width: 120px;
	height: 120px;
	transition-property: all;
}
.gb-quick-slider .swiper-slide img {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto;
	margin-top: 15px;
}
.gb-quick-slider .swiper-slide .quick-txt {
	padding-top: 5px;
	color: #424242;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
/* // Quick Links 슬라이더 끝 */
.main-board {
	padding-top: 120px;
	padding-bottom: 100px;
}
.big-title {
	padding-bottom: 25px;
	font-size: 32px;
	font-weight: 900;
	line-height: 44px;
	color: var(--color-primary);
	color: #0160a0;
}
.more {
	margin-left: auto;
	color: #757575;
	font-size: 14px;
	line-height: 20px;
}
.blur-parents {
	display: inline-block;
	position: relative;
	overflow: hidden;
	max-height: 369px;
}
.blur {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0) 14%,
			rgba(255, 255, 255, 1) 100%
	);
}
.blur-img {
	display: block;
	width: 588px;
	/* min-height: 369px; */
}
.blur-txt {
	position: absolute;
	/* left: 40px; */
	left: 6.9%;
	/* bottom: 40px; */
	bottom: 10.9%;
}
.blur-txt p {
	font-size: 20px;
	font-weight: 900;
	line-height: 26px;
	color: #000;
}
.blur-txt .date {
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}
.underline-list {
	width: 588px;
	border-top: 1px solid #bdbdbd;
	background-color: #fff;
}
.underline-list>li {
	padding: 35px 20px 35px 10px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}
.underline-list>li.flex-style .summary-single {
	width: 75%;
	color: #424242;
	font-size: 16px;
	line-height: 23px;
}
.underline-list>li.flex-style .month-num {
	margin-left: auto;
	color: #bdbdbd;
	font: 16px 'Montserrat';
	font-weight: 900;
	line-height: 23px;
}
.underline-list>li.flex-style .month-num .big {
	color: #bdbdbd;
	font: 24px 'Montserrat';
	font-weight: 900;
	line-height: 23px;
}
/* SNS 슬라이더 */
.sns-board {
	padding: 80px 0;
	background-color: #f6f7f8;
}
.gb-sns-slider .swiper-slide {
	width: calc(33.33% - 60px) !important;
}
.gb-sns-slider .swiper-slide .position-r {
	padding: 20px 0 0 20px;
}
.gb-sns-slider .icon-one {
	position: absolute;
	left: 0;
	top: 0;
	border: 0;
	width: 50px;
	height: 50px;
	overflow: hidden;
	box-shadow: 5px 7px 20px 0 rgba(0, 0, 0, 0.1);
}

.gb-sns-slider .sns-block {
	width: 360px;
	margin: 0 auto;
	border-radius: 7px;
	box-shadow: 0 0 20px 0 rgba(0, 24, 52, 0.1);
	background-color: #fff;
}

.gb-sns-slider .icon-one>img.youtube {
	width: 85%;
	margin-top: 7%;
}

.gb-sns-slider .icon-one>img.facebook {
	width: 11px;
	height: 22px;
	margin-top: 14px;
}

.gb-sns-slider .icon-one>img.insta {
	width: 100%;
}

.gb-sns-slider .sns-block .sns-txt {
	padding: 40px 30px;
}
.gb-sns-slider .sns-block .sns-txt .detail-title.summary {
	width: 100%;
}
.gb-sns-slider .sns-block .sns-txt .small-txt,
.main-explore .tab-con-list li .small-txt {
	padding: 10px 0 5px;
}
.gb-sns-slider .sns-block .sns-img {
	overflow: hidden;
	height: 0;
	padding-top: 75%; /* 4:3 */
	border-radius: 7px;
	background-color: #000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.gb-sns-slider .sns-block .sns-img.youtube-v {
	background-image: url('../img/home/gb_sns_banner_sample.png');
}
.gb-sns-slider .sns-block .sns-img.facebook-v {
	background-image: url('../img/home/gb_sns_banner_sample2.png');
}
.gb-sns-slider .sns-block .sns-img.insta-v {
	background-image: url('../img/home/gb_sns_banner_sample3.png');
}
/* // SNS 슬라이더 끝 */
/* Explore 슬라이더 */
.main-explore {
	padding: 80px 24px;
}
.main-explore .big-title {
	padding-bottom: 30px;
}
.main-explore .tab-title-frame {
	margin-bottom: 50px;
}
.main-explore .tab-title {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: fit-content;
	margin: 0 auto;
}
.main-explore .tab-title>li {
	/* float: left; */
	margin-left: 10px;
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
}
.main-explore .tab-title>li:first-child {
	margin-left: 0;
}
.main-explore .tab-title>li>a {
	display: block;
	min-width: 126px;
	padding: 0 20px;
	border-radius: 18.5px;
	border: solid 1px #bdbdbd;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 35px;
	cursor: pointer;
}
.main-explore .tab-title>li:hover>a,
.main-explore .tab-title>li.on>a {
	background-color: var(--color-primary);
	background-color: #0160a0;
	border-color: var(--color-primary);
	border-color: #0160a0;
	color: #fff;
}
.main-explore .js-tab-con {
	overflow-x: auto;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.main-explore .js-tab-con::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}
.tab-con-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.tab-con-list>li {
	flex: 0 0 282px;
	width: 282px;
}
.tab-con-list>li>.spacing {
	padding-left: 24px;
}
.tab-con-list>li>.spacing .img-area {
	position: relative;
	overflow: hidden;
	height: 0;
	margin-bottom: 20px;
	padding-bottom: 56.25%;
	border-radius: 7px;
}
.tab-con-list>li>.spacing .img-area>img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 120%;
	height: auto;
	transform: translate(-50%, -50%);
}
.tab-con-list>li>.spacing .detail-title.summary {
	width: 100%;
	max-height: 46px;
}
.square-tag.secondary {
	border-color: #4ebdc6;
	color: #4ebdc6;
}
.square-tag.primary {
	border-color:#0160a0;
	color: #0160a0;
}
.card-banner {
	width: 100%;
	border-radius: 7px;
	height: 334px;
	box-sizing: border-box;
	background-color: #056b85;
	border-radius: 7px;
}
.card-banner.bg-color {
	background: url('../img/home/card_banner_bg.png') no-repeat center top / cover;
}
.card-txt-box {
	padding: 30px 0 23px;
}
.card-banner.bg-color .card-txt-box {
	padding: 40px 30px 25px;
}
.card-banner .small-txt,
.card-banner .con-txt {
	color: #fff;
	text-align: center;
}
.card-banner.bg-color .detail-title {
	color: #264653;
}
.card-banner .small-txt {
	padding: 0 0 5px;
}
.card-banner .card-img-box {
	border-radius: 50%;
	width: 180px;
	height: 180px;
	margin: 0 auto;
}
.card-banner .card-img-box img {
	display: inline-block;
	min-width: 180px;
	width: 100%;
}
.mass-big-box {
	padding: 0 30px;
}
.mass-big-box>p {
	display: inline-block;
	margin: 5px 0;
	padding: 0 15px;
	border-radius: 23px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 31px;
}
.mass-big-box>p::before {
	content: '#';
}

/* // Explore 슬라이더 */
.more-btn {
	display: block;
	width: 228px;
	height: 48px;
	margin: 50px auto 0;
	border-radius: 6px;
	border: 1px solid #424242;
	color: #424242;
	font-size: 14px;
	font-weight: 700;
	background-color: #fff;
	text-align: center;
}
.main_list_control img {
	z-index: 1;
}
/* // MAIN ### */

/* ### SUB */
.container {
	/* box-shadow: 0 0 0 1px red inset; */
}
#subContainer {
	position: relative;
	padding-bottom: 150px;
}
#subContainer .border-b-frame {
	border-bottom: 1px solid #eee;
}
#subContainer .container .sub-con,
#subContainer .category-chk-frame {
	width: calc(100% - 102px);
	margin-left: 102px;
}
#subContainer .container .sub-con {
	min-height: auto;
}
#subContainer .category-chk-frame {
	overflow: hidden;
	padding: 14px 0;
	box-sizing: border-box;
}
#subContainer .category-chk-frame>li {
	float: left;
	width: 20%;
}
#subContainer .category-chk-frame>li .chk-box {
	padding-right: 0;
}
#subContainer .select-title {
	/* -ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 111px;
	max-width: 154px; */
	width: fit-content;
	min-width: 111px;
	max-width: 154px;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 0 15px;
	height: 31px;
	background-color: #0160a0;
	box-sizing: border-box;
	border-radius: 23px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	line-height: 31px;
}
#subContainer .select-area .select-item {
	color: #4ebdc6;
	font-size: 14px;
	font-weight: 700;
	line-height: 30px;
	cursor: default;
}
#subContainer .select-area .select-item::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 30px;
	margin-left: 5px;
	background: url('../img/common/icon_remove_gray.png') no-repeat center / contain;
	cursor: pointer;
}
#subContainer .select-area {
	overflow: hidden;
	flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	/* width: calc(100% - 111px); */
}
#subContainer .select-area>li {
	float: left;
	margin-left: 20px;
}
#subContainer .container .sub-con.sub-index-box {
	margin-left: 0;
}
#subContainer .board-detail {
	position: initial;
}
.sub-index-box.flex-style.bor-b-black .flex-left {
	width: calc(100% - 91px);
}
.sub-index-box.flex-style.bor-b-black .flex-right.ml-auto.flex-style {
	-ms-flex: 1 1 115px;
	flex: 1 1 115px;
}
.sub-index-box.flex-style.bor-b-black .flex-right.ml-auto.flex-style>p {
	margin-left: auto;
}
.sub-index-box.flex-style.bor-b-black .flex-right.ml-auto.flex-style span {
	display: inline-block;
}
.title-bg.global {
	position: relative;
	height: 450px;
	padding-top: 90px;
	background: rgba(0,0,0,0.5) url('/res/home/img/theme1/common/gb_sub_bg.png') no-repeat center top / cover;
}
.title-bg.global .dim {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.title-bg.global .dim .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}
.title-bg.global .dim .sub-title {
	margin-top: 233px;
	font: bold 50px 'Montserrat';
	text-transform: uppercase;
}
.summary-title {
	padding-top: 10px;
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
}
.title-bg.global .title-bg-bottom {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: initial;
	background: url('/res/home/img/theme1/common/gb_title_bg.png') no-repeat center bottom / 100% 153px;
}
.title-bg.global .title-bg-bottom .index-list {
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translate(-50%, 0);
	max-width: 1200px;
	width: 1200px;
	padding-left: 102px;
	box-sizing: border-box;
}
.board-title {
	color: #000;
	font-weight: 500;
}
.unordered-list.line>li:hover .board-title {
	font-weight: 900;
}
.index-list>li,
.index-list>li a {
	color: #424242;
	font-size: 16px;
	font-weight: 900;
}
.index-list>li {
	padding-left: 27px;
}
.index-list>li::before {
	left: 12px;
	width: 1px;
	height: 12px;
	background-color: #bdbdbd;
}
.index-list>li:first-child::before {
	content: none;
}
/* .img-list-box.v1 {
  background-image: url('/res/home/img/theme1/common/rectangle_sample.png');
}

.img-list-box.v2 {
  background-image: url('/res/home/img/theme1/common/rectangle_sample2.png');
}

.img-list-box.noimg {
  background-image: url('/res/home/img/theme1/common/rectangle_noimg.png');
}

.img-list-box.v3 {
  background-image: url('/res/home/img/theme1/common/rectangle_sample3.png');
}

.img-list-box.v4 {
  background-image: url('/res/home/img/theme1/common/rectangle_sample4.png');
}

.img-list-box.v5 {
  background-image: url('/res/home/img/theme1/common/rectangle_sample5.png');
} */
#subContainer .more-btn {
	margin-top: 50px;
}
.detail-thumbnail,
.detail-thumbnail .first-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.detail-thumbnail {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-top: -20px;
	padding: 0 0 20px;
}
.detail-thumbnail .thumb-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(100% - 416px);
	margin-right: 32px;
}
.detail-thumbnail .thumb-left .thumb-btn {
	margin-top: auto;
}
.icon-list>li {
	float: left;
	margin-left: 26px;
}
.icon-list>li:first-child {
	margin-left: 0;
}
.icon-list>li>a {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 0;
}
.icon-list>li .icon-share-gray {
	background-image: url('../img/common/icon_share_gray.png');
}
.icon-list>li .icon-print-gray {
	background-image: url('../img/common/icon_print_gray.png');
}
.detail-thumbnail .thumb-right {
	align-self: flex-start;
	width: 384px;
	margin-left: auto;
}
.detail-thumbnail .thumb-img-box {
	position: relative;
	overflow: hidden;
	padding-bottom: 68.95%;
	width: 100%;
	border-radius: 7px;
}
.detail-thumbnail .thumb-img-box>img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
.thumb-title {
	padding: 30px 0 0;
	color: #000;
	font-size: 24px;
	font-weight: 900;
	line-height: 32px;
}
.thumb-title__date {
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 1.5;
	color: #616161;
}
.sub-detail-con {
	padding-bottom: 25px;
}
.sub-detail-title {
	padding: 40px 0 20px;
	color: #000;
	font-size: 24px;
	font-weight: 900;
	line-height: 32px;
}
.sub-detail-title-secondary {
	padding: 40px 0 10px;
	color: var(--color-primary);
	color: #0160a0;
	font-size: 20px;
	font-weight: 700;
	line-height: 29px;
}
.sub-detail-txt,
.sub-detail-dot {
	font-size: 14px;
	line-height: 24px;
}
.sub-detail-dot::before {
	content: '•';
	padding-right: 5px;
}
.radius-list>li {
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	background-color: #fff;
	cursor: pointer;
}
.radius-list>li:hover {
	border-color: #4ebdc6;
}
.flex-triple {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 63px;
	padding: 20px;
}
.radius-list>li {
	margin-top: 10px;
}
.radius-list>li:first-child {
	margin-top: 0;
}
.flex-triple>li.index {
	min-width: 43px;
	margin-right: 30px;
	color: #9e9e9e;
	font-size: 14px;
	font-weight: 700;
}
.flex-triple>li.title {
	max-width: 78%;
	color: #000;
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	/* background-color: #00a2e8; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.flex-triple>li.date {
	color: #9e9e9e;
	font-size: 14px;
	font-weight: 500;
}
.flex-triple>li:last-child {
	margin-left: auto;
}
.unordered-list>li span.mo-big-txt {
	color: #000;
}
.detail-con .con-txt {
	font-weight: 500;
}
.sub-reply-title.con-txt {
	color: #000;
	font-size: 18px;
}
.attachments-list.mo-show {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	box-shadow: rgb(0 0 0 / 6%) 0px 2px 4px 0px inset;
}
.board-detail .flex-style .spacing-square {
	padding: 30px 0 30px 30px;
}
.reply-list-spacing-title .con-txt {
	color: #000;
}
.js-drop-title {
	border-bottom: 0;
	background: url('../img/common/icon_arrow_b_gray.png') no-repeat right 24px center / 24px;
	cursor: pointer;
}
.js-drop-title.on {
	border-bottom: 1px solid #e0e0e0;
	background-image: url('../img/common/icon_arrow_t_deepblue.png');
}
.img-list-title.summary {
	display: -webkit-box;
	max-height: 52px;
}
.about-title {
	padding-bottom: 50px;
	color: #000;
	font: 40px 'Montserrat';
	font-weight: 900;
}
.about-title-sub {
	padding-bottom: 40px;
	color: #0160a0;
	font-size: 22px;
	font-weight: 900;
	line-height: 34px;
}
.article-box {
	position: relative;
}
.article-box .article-box__left .img-box {
	position: relative;
	width: 588px;
	height: 0;
	padding-bottom: 42%;
}
.article-box .article-box__left .img-box>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.article-box .article-box__right {
	position: absolute;
	right: 0;
	top: 80px;
	width: 690px;
	padding: 10px 40px 0;
	background-color: #fff;
	box-sizing: border-box;
}
.about-txt {
	padding-top: 30px;
	color: #424242;
	font-size: 18px;
	line-height: 28px;
}
.fourth-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.fourth-box>li {
	flex: 0 0 50%;
}
.fourth-box .fourth-box__inner {
	position: relative;
	margin: 0 0 30px 40px;
	padding: 37px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #f6f7f8;
	text-align: center;
}
.fourth-box>li .fourth-box__inner::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -18px;
	width: 90px;
	height: 90px;
	background: no-repeat center bottom / contain;
}
.fourth-box>li:nth-child(1) .fourth-box__inner::after {
	background-image: url('/res/home/img/theme1/common/info_icon.svg');
}
.fourth-box>li:nth-child(2) .fourth-box__inner::after {
	background-image: url('/res/home/img/theme1/common/info_icon2.svg');
}
.fourth-box>li:nth-child(3) .fourth-box__inner::after {
	background-image: url('/res/home/img/theme1/common/info_icon3.svg');
}
.fourth-box>li:nth-child(4) .fourth-box__inner::after {
	background-image: url('/res/home/img/theme1/common/info_icon4.svg');
}
.fourth-box>li:nth-child(1) .fourth-box__inner,
.fourth-box>li:nth-child(3) .fourth-box__inner {
	margin-left: 0;
}
.fourth-box .fourth-box__inner .fourth-box__title {
	color: #000;
	font-size: 22px;
	font-weight: 900;
}
.map-box {
	position: relative;
	width: 1098px;
	/* height: 554px; */
	height: 0;
	padding-top: 56.25%;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #e0e0e0;
}
.map-box>img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: 100%;
}
.location-list {
	padding-top: 10px;
}
.location-list>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
}
.location-list>li .location-list__txt {
	display: block;
	padding-left: 20px;
	color: #000;
	font-size: 20px;
	font-weight: 700;
}
.location-list>li img {
	display: block;
	width: 24px;
}
.group-box {
	flex-wrap: wrap;
	gap: 12px 38px;
}
.group-box>label {
	display: flex;
	align-items: flex-start;
	min-width: 200px;
}
.icon-radio {
	min-width: 24px;
	min-height: 24px;
}
.format-list>li {
	width: auto;
	min-width: 874px;
}
.format-list>li .format-title {
	width: 184px;
}
.format-list>li .format-cont {
	width: calc(100% - 184px);
	min-width: 690px;
}
.write-format.sub .input-size {
	width: 282px !important;
}
.write-format.sub .btn.bor-dark {
	height: 48px;
}
.email-style-e .email-box {
	width: 67%;
}
.email-style-e .email-select-box {
	width: 33%;
}
.email-style-e .email-box label {
	width: 50%;
}
.email-style-e .email-select-box {
	margin-left: 10px;
}
.confirm-con {
	padding-top: 30px;
}
.confirm-con .input-txt {
	font-size: 16px;
	font-weight: 700;
}
.chk-fence {
	flex-wrap: wrap;
}
.chk-fence>label,
.chk-fence>.btn,
.chk-fence>p {
	min-width: 150px;
}
.chk-fence .btn.bor-dark {
	width: 150px;
}
.chk-fence>p {
	width: 100%;
}
/* // SUB ### */

/* ================== media query ================== */
/* ### PC */
@media all and (min-width: 1800px) and (max-width: 1919px) {
	.quick-menu.fixed {
		left: 8%;
	}
}
@media all and (min-width: 1750px) and (max-width: 1799px) {
	.quick-menu.fixed {
		left: 7%;
	}
}
@media all and (min-width: 1590px) and (max-width: 1749px) {
	.quick-menu.fixed {
		left: 2%;
	}
}
/* @media all and (min-width: 1540px) and (max-width: 1589px) {
  .quick-menu.fixed {
    left: 1%;
  }
} */
@media all and (max-width: 1589px) {
	header.header-white.sub-header .header-left.tm-show {
		display: block !important;
	}
	/* .quick-menu.fixed hide & tm 검색 */
	.gb-search-simple {
		display: inline-block;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}
	.search-simple-box {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 2;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.search-simple-box>.flex-style {
		height: 90px;
		padding: 0 24px;
		background-color: #fff;
		border-bottom: 1px solid var(--color-primary);
		border-bottom: 1px solid #0160a0;
		box-sizing: border-box;
	}
	.simple-input,
	.simple-input::placeholder {
		color: #9e9e9e;
		font-size: 18px;
		font-weight: 700;
	}
	.simple-input {
		width: calc(100% - 64px);
		margin: 0 32px;
		border: 0;
	}
	.relation-box {
		/* height: 166px; */
		padding: 30px 24px 60px;
		box-sizing: border-box;
		background-color: #f6f7f8;
	}
	.relation-title {
		padding-bottom: 20px;
		color: var(--color-primary);
		color: #0160a0;
		font-size: 18px;
		font-weight: 700;
		line-height: 25px;
	}
	.search-tag>li {
		display: inline-block;
		margin-left: 10px;
		padding: 0 15px;
		background-color: #bdbdbd;
		border-radius: 23px;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		line-height: 31px;
		text-align: center;
	}
	.search-tag>li:first-child {
		margin-left: 0;
	}
	.search-tag>li::before {
		content: '#';
	}
	/* // .quick-menu.fixed hide & tm 검색 */
	.quick-menu.fixed {
		display: none;
	}
	.title-bg.global .title-bg-bottom .index-list {
		width: calc(100% - 48px);
		padding-left: 0;
	}
	#subContainer .container .sub-con,
	#subContainer .category-chk-frame {
		width: 100%;
		margin-left: 0;
	}
}
@media all and (max-width: 1240px) {
	#gbHeader .header-right {
		right: 24px;
	}
	.gnb-page .gnb-close {
		right: 24px;
	}
	.gnb-page .gnb-list-inner {
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.gnb-depth2 {
		left: 354px;
	}
	/* ### MAIN */
	/* main_visual 슬라이더 */
	.swiper-remote-package {
		width: 100%;
		max-width: 100%;
	}
	.slide-inner {
		max-width: 100%;
		width: 100%;
	}
	.visual-txt {
		right: 24px;
	}
	/* // main_visual 슬라이더 끝 */
	/* Quick Links 슬라이더 */
	.gb-quick-slider .swiper-slide {
		flex: 1 1 120px;
		-ms-flex: 1 1 120px;
	}
	.gb-quick-slider .swiper-slide .quick-txt {
		font-size: 14px;
	}
	/* // Quick Links 슬라이더 끝 */
	.main-board .flex-style>div {
		width: 48%;
	}
	.blur-img,
	.underline-list {
		width: 100%;
		min-width: 100%;
	}
	.underline-list>li {
		padding: 25px 20px 25px 10px;
	}
	/* // MAIN ### */
}
/* // PC ### */

/* ### Tablet & Mobile */
@media all and (max-width: 1199px) {
	.gnb-top-box {
		width: 100%;
	}
	/* ### MAIN */
	.gb-sns-slider .swiper-slide {
		width: 32.33% !important;
	}
	.gb-sns-slider .sns-block {
		width: 100%;
	}
	.big-title.sns-title {
		padding-right: 24px;
		padding-left: 24px;
	}
	/* // MAIN ### */
	/* ### SUB */
	#subContainer .container .sub-con {
		min-height: auto;
	}
	.title-bg.global .title-bg-bottom .index-list {
		max-width: 100%;
		width: 100%;
		padding-right: 24px;
		padding-left: 24px;
	}
	.about-title {
		padding-bottom: 30px;
		font-size: 34px;
	}
	.about-title-sub {
		padding-bottom: 40px;
		font-size: 20px;
	}
	.article-box .article-box__left,
	.article-box .article-box__right {
		position: static;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	.article-box .article-box__left .img-box {
		width: 628px;
	}
	.article-box .article-box__right {
		position: relative;
		width: calc(100% - 10%);
		margin-top: -10%;
		margin-left: 10%;
		padding: 0 30px;
	}
	.about-txt {
		padding-top: 30px;
		font-size: 16px;
	}
	.fourth-box>li .fourth-box__inner::after {
		width: 80px;
		height: 80px;
	}
	.fourth-box .fourth-box__inner {
		margin: 0 0 30px 16px;
	}
	.fourth-box .fourth-box__inner .fourth-box__title {
		font-size: 20px;
	}
	.map-box {
		width: 100%;
	}
	.location-list>li .location-list__txt {
		font-size: 18px;
	}
	.group-box label {
		min-width: auto;
		flex: 0 0 calc(100% / 2 - 19px);
	}
	/* .article-box .article-box__left {
		position: absolute;
		left: 0;
		top: 0;
	} */
	/* // SUB ### */
}
/* // Tablet & Mobile ### */

/* ### Tablet & Mobile2 */
@media all and (max-width: 1024px) {
	#top.no-fixed {
		top: -26%;
	}
	.search-box input.search-input {
		height: 38px;
	}
	header#gbHeader {
		position: initial;
		left: initial;
		top: initial;
		background-color: #fff;
	}
	header#gbHeader .header-left {
		position: absolute;
		left: 24px;
		top: 50%;
		transform: translate(0, -50%);
	}
	#gbHeader .header-right {
		width: initial;
	}
	.gnb-top-box {
		height: 90px;
	}
	.gnb-top-box .lnb {
		position: absolute;
		top: 50%;
		left: 24px;
		transform: translate(0, -50%);
	}
	.gnb-top-box .language {
		right: 80px;
	}
	.gnb-top-box .gnb-close {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		background-image: url('../img/common/icon_close_deepblue.svg');
	}
	.gnb-page .gnb-list-inner {
		overflow-y: auto;
		position: initial;
		left: initial;
		top: initial;
		transform: translate(0, 0);
		width: 100%;
		height: calc(100% - 150px);
		padding: 50px 0 100px;
	}
	.gnb-page .gnb-list li {
		padding: 0 16px;
	}
	.gnb-page .gnb-list li.flag-on {
		background: url('../img/common/icon_plus_gray.svg') no-repeat right center / 24px;
	}
	.gnb-depth2 {
		position: relative;
		left: initial;
		top: initial;
		padding-top: 30px;
	}
	.gnb-page {
		background: #f6f7f8;
	}
	.gnb-top-box {
		background-color: #fff;
		border-bottom: 1px solid #eee;
	}
	.gnb-top-box .lnb>li>a.lnb-logout {
		color: #9e9e9e;
		font-size: 12px;
		font-weight: 500;
		line-height: 18px;
	}
	.gnb-page .gnb-list li .gnb-title {
		color: var(--color-primary);
		color: #0160a0;
	}
	.gnb-page .gnb-list li .gnb-depth2>li>a {
		color: var(--color-secondary);
		color: #4ebdc6;
	}
	.lnb {
		display: none;
	}
	#footerLogo {
		height: 35px;
		padding-left: 78px;
		background-size: 40px 35px;
		font-size: 12px;
		line-height: 18px;
	}
	#footerLogo::before {
		left: 50px;
	}
	.write-format .icon-chkbox {
		width: 24px;
		height: 24px;
	}
	.write-format .chk-box input:checked+.icon-chkbox::before {
		top: 11px;
		left: 5px;
	}
	.write-format .chk-box input:checked+.icon-chkbox::after {
		top: 15px;
		left: 10px;
		height: 10px;
	}
	/* ### MAIN */
	.slide-inner {
		left: 0;
		transform: initial;
		width: 100%;
		max-width: 100%;
	}
	.quick-menu,
	.connect-list {
		display: none;
	}
	.second-title {
		text-align: center;
	}
	.main-board .flex-style {
		display: block;
	}
	.main-board .flex-style>div {
		width: 100%;
	}
	.more {
		float: right;
		width: 36px;
		height: 36px;
		background: url('../img/common/icon_one_plus.png') no-repeat center / contain;
		font-size: 0;
	}
	.blur {
		background: linear-gradient(to bottom,
		rgba(255, 255, 255, 0) 40%,
		rgba(255, 255, 255, 1) 100%);
	}
	.gb-sns-slider .icon-one {
		left: 20px;
	}
	.swiper-remote-package .swiper-page span {
		font-size: 13px;
	}
	.underline-list .flex-style {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.gb-sns-slider .swiper-slide .position-r {
		margin: 0 8px;
		padding-left: 0;
	}
	.sns-board .container,
	.main-explore.container {
		padding-right: 0;
		padding-left: 0;
	}
	.main-explore .tab-title>li>a {
		font-size: 14px;
		line-height: 30px;
	}
	.card-banner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.card-banner.bg-color .card-txt-box {
		padding-top: 0;
	}
	.tab-con-list>li>.spacing {
		padding-left: 16px;
	}
	/* // MAIN ### */
	.index-list {
		display: none;
	}
	.tab-title.bg-bar.wide {
		padding: 0;
	}
	.title-bg.global .dim .sub-title {
		margin-top: 0;
	}
	.title-bg.global .title-bg-bottom .index-list {
		display: none;
	}
	.title-bg.global .dim .container {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.title-bg.global .title-bg-bottom {
		padding: 0;
	}
	.detail-thumbnail {
		display: block;
	}
	.detail-thumbnail>div {
		width: 100%;
	}
	.detail-thumbnail .thumb-btn {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 1;
		width: 100%;
	}
	.detail-thumbnail .thumb-btn>button {
		min-width: 50%;
		width: 50%;
		margin: 0;
		border-radius: 0;
		font-size: 16px;
		line-height: 54px;
	}
	.flex-triple>li.title {
		max-width: 70%;
		font-size: 14px;
	}
	.unordered-list.line>li .icon.size-big {
		width: 18px;
		height: 18px;
	}
	.unordered-list.line>li .icon.js-bookmark {
		width: 24px;
		height: 24px;
	}
	.board-detail .unordered-list.line>li.flex-style.maintain .icon.size-big {
		width: 24px;
		height: 24px;
	}
	.attachments-list.mo-show.no-fixed {
		position: initial;
		left: initial;
		bottom: initial;
	}
	.unordered-list.line>li .date.small-txt,
	.unordered-list.line>li .date.small-txt .small-txt {
		font-size: 14px;
	}
	#subContainer .more-btn {
		margin-top: 40px;
	}
	.detail-thumbnail .thumb-left,
	.detail-thumbnail .thumb-right {
		width: 100%;
	}
	.thumb-title__date {
		font-size: 14px;
	}
	#subContainer .category-chk-frame>li .icon-chkbox {
		width: 24px;
		height: 24px;
	}
	#subContainer .category-chk-frame>li .icon-chkbox::before {
		top: 11px;
		left: 5px;
	}
	#subContainer .category-chk-frame>li .icon-chkbox::after {
		top: 15px;
		left: 10px;
	}
	.write-format.sub .input-size {
		width: 100% !important;
	}
	.format-list>li .format-cont {
		width: 100%;
		min-width: auto;
	}
	.membership .input-fence {
		width: 100%;
	}
	.chk-fence .input-fence {
		width: calc(100% - 160px);
	}
	.write-format.sub .btn.bor-dark {
		margin-left: auto !important;
		font-size: 14px;
	}
	.confirm-con .input-txt {
		font-size: 14px;
	}
	.confirm-con {
		display: flex;
		padding-right: 0;
	}
	.confirm-con .icon-chkbox {
		min-width: 18px;
		min-height: 18px;
	}
}
/* // Tablet & Mobile2 ### */

/* ### Tablet2 */
@media all and (max-width: 1024px) and (min-width: 768px) {
	.btn-bottom-box02 .btn.big.outline-dark {
		font-size: 14px;
	}
	.gb-logo {
		width: 212px;
	}
	.gnb-page .gnb-list li .gnb-title {
		font-size: 32px;
	}
	.gnb-depth2>li {
		margin-top: 20px;
	}
	footer#gbFooter .container {
		padding: 30px 24px 40px;
	}
	.footer-link {
		padding: 30px 0;
	}
	.footer-link>li>a {
		font-size: 13px;
	}
	#gbFooter .copyright {
		font-size: 12px;
	}

	/* ### MAIN */
	.gb-visual-slider .swiper-slide {
		height: 500px;
	}
	.gb-visual-slider .swiper-slide.sw-v1 .visual-bg {
		background-image: url('../img/home/gb_visual_ta.png');
	}
	.gb-visual-slider .swiper-slide.sw-v2 .visual-bg {
		background-image: url('../img/home/gb_visual2_ta.png');
	}
	.visual-txt {
		top: 70px;
		width: 352px;
		height: 430px;
		padding-top: 70px;
	}
	.gb-visual-txt {
		font-size: 24px;
		line-height: 32px;
	}
	.visual-txt .con-txt {
		font-size: 14px;
	}
	.swiper-remote-package {
		transform: translate(0, 0);
		left: initial;
		padding-right: 24px;
	}
	.swiper-remote-package .package-inner {
		width: 352px;
	}
	.gb-quick-slider .swiper-wrapper {
		-webkit-box-lines: multiple;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.gb-quick-slider .swiper-slide {
		width: 20%;
		flex: 0 0 auto;
	}
	/* .gb-inner-slider .swiper-slide:first-child .spacing {
      margin-left: 24px;
    }
    .gb-inner-slider .swiper-slide:last-child .spacing {
      margin-right: 24px;
    } */
	.underline-list>li.flex-style .summary-single {
		width: 435px;
	}
	/* .gb-sns-slider {
		margin-right: 8px;
	} */
	.gb-inner-slider {
		padding-right: 16px;
	}
	.gb-sns-slider .swiper-slide {
		width: 32.3% !important;
	}
	.gb-inner-slider .swiper-slide {
		width: 50% !important;
	}
	.gb-sns-slider .swiper-wrapper,
	.gb-inner-slider .swiper-wrapper {
		margin-left: 8px;
	}
	.card-banner {
		height: 390px;
	}
	.main-board {
		padding: 50px 24px;
	}
	.sns-board {
		padding: 50px 0;
	}
	.main-explore {
		padding: 50px 0 80px;
	}
	.main-board .flex-style>div:first-child {
		margin-bottom: 50px;
	}
	.big-title {
		font-size: 26px;
		line-height: 34px;
	}
	.card-txt-box {
		padding-top: 0;
	}
	.gb-thumbs-slider {
		margin-bottom: 40px;
	}
	.main-explore .tab-title>li:first-child>a,
	.tab-con-list>li:first-child>.spacing {
		padding-left: 24px;
	}
	.main-explore .tab-title>li:last-child>a,
	.tab-con-list>li:last-child>.spacing {
		padding-right: 24px;
	}
	.main-explore .tab-title-frame {
		margin-bottom: 40px;
	}
	/* // MAIN ### */
	#subContainer {
		padding-bottom: 80px;
	}
	.title-bg.global {
		height: 200px;
		padding: 0;
	}
	.title-bg.global .title-bg-bottom {
		background-size: auto 96px;
	}
	.title-bg.global .dim .sub-title {
		font-size: 34px;
	}
	.tab-title.style-line>li a {
		height: 51px;
		padding: 15px 0;
	}
	.img-list-title.summary,
	.summary-title {
		font-size: 14px;
		line-height: 20px;
	}
	.img-list-title.summary {
		max-height: 62px;
	}
	.img-list>li>.spacing {
		padding: 20px 12px;
	}
	.img-list-sub-txt {
		font-size: 13px;
	}
	.tab-title.style-line {
		height: 50px;
	}
	.thumb-title {
		padding: 30px 0 25px;
		font-size: 22px;
		line-height: 29px;
	}
	.detail-thumbnail {
		padding-bottom: 50px;
	}
	.detail-thumbnail .thumb-img-box>img {
		max-width: 536px;
	}
	.sub-detail-con {
		padding-bottom: 30px;
	}
	.detail-tab .tab-title.bg-bar>li a {
		min-width: 150px;
		font-size: 14px;
		line-height: 39px;
	}
	.sub-detail-title {
		font-size: 22px;
		line-height: 29px;
	}
	.sub-detail-title-secondary {
		font-size: 18px;
		line-height: 25px;
	}
	.reply-con.small-txt {
		font-size: 14px;
		line-height: 20px;
	}
	.board-detail .flex-style .spacing-square {
		padding: 25px 0 25px 30px;
	}
	.detail-thumbnail .thumb-img-box {
		max-width: 536px;
		margin: 0 auto;
		padding-bottom: 41.25%;
	}
	#subContainer .category-chk-frame>li {
		width: 25%;
	}
	#subContainer .select-title {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: 125px;
		min-width: 64px;
		height: 20px;
		font-size: 11px;
		line-height: 20px;
	}
	.sub-index-box.flex-style.bor-b-black .flex-right.ml-auto.flex-style {
		-ms-flex: 0 0 105px;
		flex: 0 0 105px;
		width: 105px;
	}
	#subContainer .select-area .select-item {
		line-height: 19px;
	}
	.sub-index-box.flex-style.bor-b-black .flex-left {
		-ms-flex: 0 0 calc(100% - 105px);
		flex: 0 0 calc(100% - 105px);
		width: calc(100% - 105px);
	}
	#subContainer .select-area {
		-ms-flex: 0 0 calc(100% - 125px);
		flex: 0 0 calc(100% - 125px);
		width: calc(100% - 125px);
	}
}
/* // Tablet2 ### */

/* ### Mobile */
@media all and (max-width: 767px) {
	.mo-spacing-square {
		padding: 18px 20px;
	}
	.detail-thumbnail .thumb-btn>button {
		font-size: 14px;
	}
	.btn.mo-outline-wide {
		width: 100%;
		background-color: #fff !important;
		border: 1px solid #eee !important;
		color: var(--color-primary) !important;
		color: #0160a0 !important;
	}
	#top {
		right: 20px;
		bottom: 20px;
	}
	header#gbHeader {
		height: 68px;
	}
	header .container {
		height: 100%;
	}
	.gb-logo {
		width: 45px;
		height: 40px;
		/*background: url('../img/common/kesg_gb_logo_symbol.svg') no-repeat center / contain;*/
		background: url('../img/common/seaman_home_symbol.svg') no-repeat center / contain;

	}
	.gnb-top-box {
		height: 68px;
	}
	.gnb-top-box .lnb {
		right: 20px;
	}
	.header-right .language {
		display: none;
	}
	.gnb-page .gnb-list-inner {
		padding: 30px 0;
	}
	.gnb-page .gnb-close {
		right: 20px;
	}
	.gnb-page .gnb-list li .gnb-title {
		font-size: 20px;
	}
	.gnb-page .gnb-list>li {
		margin-top: 30px;
	}
	.gnb-depth2 {
		padding-top: 15px;
	}
	.gnb-depth2>li {
		margin-top: 15px;
	}
	.gnb-page .gnb-list li .gnb-depth2>li>a {
		font-size: 16px !important;
	}
	.search-simple-box>.flex-style {
		height: 69px;
	}
	.simple-input, .simple-input::placeholder {
		font-size: 16px;
	}
	.search-tag>li {
		display: block;
		width: fit-content;
		margin: 10px 0 0 0;
		font-size: 14px;
	}
	.relation-box {
		padding: 20px;
	}
	.relation-title {
		padding-bottom: 0;
		font-size: 16px;
		line-height: 20px;
	}
	footer#gbFooter .container {
		padding: 30px 20px 20px;
	}
	#gbFooter .container>.flex-style {
		position: relative;
	}
	#gbFooter .container>.flex-style>.ml-auto {
		position: absolute;
		right: 0;
		top: 66px;
	}
	.footer-link {
		padding: 30px 0 40px;
	}
	.footer-link>li {
		float: none;
		margin-left: 0;
		margin-top: 10px;
	}
	.footer-link>li:first-child {
		margin-top: 0;
	}
	.footer-link>li>a {
		font-size: 12px;
	}
	#gbFooter .copyright {
		font-size: 11px;
	}

	/* ### MAIN */
	.gb-visual-slider .swiper-slide {
		height: 349px;
	}
	.gb-visual-slider .swiper-slide::before {
		height: 65px;
	}
	.gb-visual-slider .swiper-slide.sw-v1 .visual-bg {
		background-image: url('../img/home/gb_visual_mo.png');
	}

	.gb-visual-slider .swiper-slide.sw-v2 .visual-bg {
		background-image: url('../img/home/gb_visual2_mo.png');
	}

	.visual-txt {
		top: initial;
		bottom: 0;
		width: calc(100% - 60px);
		margin: 0 auto;
		padding: 25px 0 54px;
		height: auto;
	}

	.swiper-remote-package .swiper-page {
		margin-bottom: 20px;
	}

	.gb-visual-txt {
		padding: 10px 0 0;
		font-size: 18px;
		line-height: 24px;
	}
	.gb-visual-txt::after {
		content: none;
	}
	.visual-txt .con-txt {
		display: none;
	}
	.swiper-remote-package {
		bottom: 0;
	}
	.swiper-remote-package .swiper-btn-prev,
	.swiper-remote-package .swiper-btn-next,
	.swiper-remote-package .swiper-page span {
		display: none;
	}
	.swiper-remote-package .package-inner {
		width: 100%;
	}
	/* Quick Links 슬라이더 */
	.container.quick-links-inner {
		padding: 0;
	}
	.gb-quick-slider .swiper-wrapper {
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform,-webkit-transform;
	}
	.gb-quick-slider .swiper-slide {
		width: 96px;
		height: 100%;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform,-webkit-transform;
		flex: none;
	}
	.gb-quick-slider .swiper-slide>div {
		padding: 0 5%;
	}
	.gb-quick-slider .swiper-slide img {
		width: 45px;
		height: 45px;
	}
	.gb-quick-slider .swiper-slide .quick-txt {
		font-size: 12px;
		line-height: 18px;
	}
	.second-title {
		padding: 20px 0 10px;
	}
	/* // Quick Links 슬라이더 끝 */
	.main-board .flex-style>div:first-child {
		margin-bottom: 42px;
	}
	.blur-txt .date {
		padding-bottom: 0;
		font-size: 13px;
	}
	.blur-txt p {
		font-size: 16px;
		line-height: 24px;
	}
	.main-board {
		padding: 42px 20px;
	}
	.sns-board {
		padding: 42px 0;
	}
	.main-explore {
		padding: 40px 20px 60px;
	}
	.big-title {
		padding-bottom: 17px;
		font-size: 20px;
		line-height: 26px;
	}
	.more {
		width: 30px;
		height: 30px;
	}
	.underline-list>li.flex-style .summary-single {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: initial;
		max-height: 44px;
		width: 80%;
		font-size: 14px;
		line-height: 24px;
	}
	.underline-list>li.flex-style .month-num {
		font-size: 14px;
	}
	.underline-list>li.flex-style .month-num .big {
		font-size: 18px;
	}
	/* .gb-thumbs-slider {
		width: 100%;
	}
	.gb-thumbs-slider .swiper-slide {
		font-size: 14px;
	} */
	/* .gb-thumbs-slider .swiper-slide:first-child .spacing {
      margin-left: 20px;
    }
    .gb-thumbs-slider .swiper-slide:last-child .spacing {
      margin-right: 20px;
    } */
	.gb-sns-slider {
		padding-right: 22px;
	}
	.gb-inner-slider {
		padding-right: 21px;
	}
	.gb-sns-slider .swiper-slide {
		width: 78% !important;
	}
	.gb-inner-slider .swiper-slide {
		width: 78.7% !important;
	}
	.gb-sns-slider .swiper-wrapper,
	.gb-inner-slider .swiper-wrapper {
		margin-left: 12px;
	}
	/* .gb-thumbs-slider {
      margin-bottom: 30px;
    } */
	.more-btn {
		width: 208px;
		height: 40px;
		padding: 0;
		font-size: 12px;
		line-height: 40px;
	}
	.main-explore .tab-title-frame {
		overflow-x: auto;
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
		margin-bottom: 30px;
	}
	.main-explore .tab-title-frame::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Opera*/
	}
	.main-explore .tab-title>li {
		flex: 0 0 auto;
		margin: 0 7px;
	}
	.main-explore .tab-title>li:first-child>a {
		margin-left: 20px;
	}
	.main-explore .tab-title>li:last-child>a {
		margin-right: 20px;
	}
	.tab-con-list>li:first-child>.spacing {
		padding-left: 20px;
	}
	.tab-con-list>li:last-child>.spacing {
		padding-right: 20px;
	}
	.main-explore .more-btn {
		margin-top: 40px;
	}
	/* // MAIN ### */
	#subContainer {
		padding-bottom: 60px;
	}
	#subContainer .title-bg.global.detail,
	#subContainer>.mo-scroll.detail {
		display: none;
	}
	#subContainer .container > .sub-con {
		padding-top: 20px;
	}
	.title-bg.global {
		height: 170px;
		padding-top: 0;
	}
	.title-bg.global .title-bg-bottom {
		bottom: 0;
		height: 100%;
		background-size: 255% 50px;
		background-position: left 45% bottom;
	}
	.title-bg.global .dim .sub-title {
		font-size: 26px;
	}
	.tab-title.style-line>li a {
		margin: 0 !important;
		padding: 13px 0 8px !important;
	}
	.board-detail .unordered-list.line.bor-t-black {
		border-top: 0 !important;
	}
	.board-detail .unordered-list.line>li.flex-style.maintain {
		padding: 0;
		padding-bottom: 15px;
	}
	.board-detail .unordered-list.line>li.flex-style.maintain .color-secondary.pb10 {
		padding-bottom: 5px !important;
	}
	.summary-title {
		padding-top: 5px;
		font-size: 13px;
	}
	.tab-title.style-line.wide {
		height: 50px;
		padding: 0;
	}
	.tab-title>li::before {
		top: 60%;
		transform: translate(0, -50%);
	}
	.tab-title>li,
	.tab-title>li a {
		font-size: 13px;
	}
	.img-list {
		display: block;
		margin: -10px 0;
	}
	.img-list.event {
		margin: -5px 0 -10px;
	}
	.img-list>li {
		flex: none;
		width: 100%;
	}
	.img-list>li>.spacing {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 10px 0;
	}
	.img-list>li>.spacing>.img-list-box {
		padding-bottom: 32.25%;
	}
	.img-list.event>li>.spacing .img-list-box {
		padding-bottom: 56.25%;
	}
	.img-list.event>li>.spacing {
		display: block;
	}
	.img-list>li>.spacing>div {
		width: calc(100% - 8px)
	}
	.img-list>li>.spacing>div.img-txt-box {
		margin-left: 16px;
	}
	.img-list.event>li>.spacing>div.img-txt-box {
		margin-left: 0;
	}
	.img-list-title.summary {
		max-height: 40px;
		padding-top: 0;
		font-size: 14px;
		line-height: 20px;
	}
	.img-list-sub-txt {
		padding: 10px 0 0;
		font-size: 12px;
	}
	.img-list.event .img-list-sub-txt {
		padding-top: 5px;
	}
	.img-list>li .mass-box {
		display: none;
	}
	.img-list.event .img-list-title.summary {
		max-height: 64px;
		padding-top: 20px;
	}
	.icon-list>li {
		margin-left: 17px;
	}
	.icon-list>li>a {
		width: 18px;
		height: 18px;
	}
	.thumb-title {
		padding: 25px 0 20px;
		font-size: 20px;
		line-height: 26px;
	}
	.detail-thumbnail {
		padding: 0 0 40px;
	}
	.detail-tab .tab-title.bg-bar>li {
		width: 50%;
	}
	.detail-tab .tab-title.bg-bar>li a {
		min-width: 100%;
		font-size: 14px;
		line-height: 39px;
	}
	.sub-detail-con {
		padding-bottom: 0;
	}
	.sub-detail-title {
		padding: 30px 0 10px;
		font-size: 20px;
		line-height: 26px;
	}
	.sub-detail-title-secondary {
		padding: 30px 0 10px;
		font-size: 18px;
		line-height: 25px;
	}
	.sub-detail-txt,
	.sub-detail-dot {
		font-size: 12px;
		line-height: 18px;
	}
	#subContainer .list-btn {
		display: none;
	}
	.radius-list>li {
		padding: 0;
	}
	.radius-list .flex-triple {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		height: auto;
		padding: 15px;
	}
	.flex-triple>li.index {
		min-width: initial;
		font-size: 12px;
	}
	.flex-triple>li.title {
		max-width: 100%;
		padding: 5px 0;
		font-size: 14px;
	}
	.flex-triple>li:last-child {
		margin-left: initial;
	}
	.flex-triple>li.date {
		font-size: 12px;
	}
	.sub-reply-title.con-txt {
		font-size: 16px;
	}
	.reply-list-spacing .attach-box .float-l {
		min-width: initial;
	}
	.reply-list-spacing .attach-box .float-r {
		float: right;
	}
	.reply-list-spacing .attach-box .float-l .tiny-txt {
		padding-left: 10px;
	}
	.reply-list-spacing .attach-box .float-r button {
		min-width: 120px;
		background-color: #fff !important;
		color: #000 !important;
		line-height: 24px;
	}
	#subContainer .category-chk-frame>li {
		width: 50%;
	}
	#subContainer .category-chk-frame>li .icon-chkbox,
	#subContainer .select-title {
		display: none;
	}
	#subContainer .category-chk-frame>li input[type="checkbox"]:checked+.icon-chkbox+.input-txt {
		color: #0160a0;
		font-weight: 700;
	}
	.sub-index-box.flex-style.bor-b-black {
		position: relative;
	}
	.sub-index-box.flex-style.bor-b-black .flex-left {
		width: calc(100% - 56px);
	}
	.sub-index-box.flex-style.bor-b-black .flex-right.ml-auto.flex-style {
		position: absolute;
		right: 0;
		top: -5px;
		width: 77px;
		height: 50px;
		box-sizing: border-box;
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 31%);
	}
	.sub-index-box.flex-style.bor-b-black .flex-right.ml-auto.flex-style .small-txt {
		position: absolute;
		right: 0;
		top: 45%;
		transform: translate(-50%, -50%);
		font-size: 0;
	}
	#subContainer .select-area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		width: calc(100% - 40px);
		width: 100%;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	/* #subContainer .select-area::-webkit-scrollbar {
		display: none;
	} */
	#subContainer .select-area>li {
		float: none;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-left: 15px;
		scroll-snap-align: start;
	}
	#subContainer .select-area>li:first-child {
		margin-left: 0;
	}
	.about-title {
		padding-bottom: 20px;
		font-size: 26px;
	}
	.about-title-sub {
		padding-bottom: 30px;
		font-size: 16px;
		line-height: 26px;
	}
	.article-box .article-box__left .img-box {
		width: 100%;
	}
	.article-box .article-box__right {
		position: relative;
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		padding: 10px 0 0;
	}
	.about-txt {
		padding-top: 20px;
		font-size: 14px;
	}
	.fourth-box {
		display: block;
	}
	.fourth-box>li .fourth-box__inner::after {
		bottom: 10px;
		right: 20px;
		width: 60px;
		height: 60px;
	}
	.fourth-box .fourth-box__inner {
		margin: 0 0 20px 0;
		padding: 27px 30px;
		text-align: left;
	}
	.fourth-box .fourth-box__inner .fourth-box__title {
		font-size: 18px;
	}
	.location-list>li {
		display: block;
	}
	.location-list>li .location-list__txt {
		padding: 11px 0 0 0;
		font-size: 16px;
	}
	.email-style-e {
		display: block;
	}
	.email-style-e .email-box {
		width: 100%;
	}
	.email-style-e .email-select-box {
		width: 100%;
		margin: 10px 0 0;
	}
	.group-box {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px 0;
	}
	.group-box label {
		flex: 0 0 100%;
	}
	.chk-fence {
		flex-direction: column;
	}
	.write-format label,
	.chk-fence>.btn,
	.chk-fence>p {
		width: 100% !important;
	}
	.chk-fence label.input-fence {
		order: 1;
	}
	.chk-fence>p {
		order: 2;
	}
	.chk-fence>.btn {
		order: 3;
	}
	.chk-fence>.btn {
		margin-top: 10px;
	}
}
@media all and (max-width: 450px) {
	.detail-thumbnail .thumb-img-box {
		width: 100%;
	}
	.detail-thumbnail .thumb-img-box>img {
		min-width: 100%;
	}
}
/* // Mobile ### */

/* ================== // media query ================== */