@import url(../onlineDspyLayout/acc10th/css/fonts/pretendard.css);
/* 새 작업 */
#wrap { overflow-x: hidden;}
#header {
	width: 100%;
	height: 937px;
	position: revert;
	border-bottom: 0 none;
}

.mainVisualSwiper {

	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#header .header_wrap{
	position: relative;
	z-index: 5;
	width: 100%;
	padding:40px 80px 0px 80px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

#header .header_wrap h1 {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#header .header_wrap h1 a { display: flex;}


.main_search_area{
		margin-top: 20px;
		width: 100%;
}
.main_search_area ul{ }
.main_search_area ul li{
	background-color: #fff;
	visibility: hidden;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.search_on ul li{visibility: visible;}

.main_search_area ul li input[type="text"]{
	width: 80%;
	background-color: #fff;
	border: 0 none;
	padding: 10px 10px;
}
.main_search_area ul li input[type="submit"]{
	color: #222222;
	background: none;
	border: none;
	font-size: 16px;
	padding: 10px 10px;
}

.gnb_set #gnb {
		display: flex;
		flex-direction: row;
		position: absolute;
		top: 1px;
		left: 17%;
		width: 55%;
}


#header .gnb_bg {
	display: none;
	width: 100%;
	height: 490px;
	position: absolute;
	top: 0;
	z-index: 3;
	background-color: rgba(35,74,147,0.85);
}

#header #gnb>li {
	position: relative;
	z-index: 3;
	width: 20%;
	word-break: break-all;
	padding-top:90px;
	box-sizing: border-box;
	transition: all .5s;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}


#header #gnb>li>a {
	height: 76px;
	padding: 0px 0px;
	font-size: 22px;
	line-height: 1.2em;
	letter-spacing: -0.06em;
	color:#fff;
	word-break:keep-all ;
	width: 100%;
	font-weight: 700;
}
#header  #gnb>li:hover {
	transition: all .3s;
	background-color: #214280;
	height: 487px;
}

#header #gnb>li:hover > a { color: #c3d8ff !important;}
#header .gnb_openn > li > a {
	display: block;
	height: 50px !important;
	border-bottom: 1px solid #686abf;
}

#header  #gnb>li .nav_sub {
	position: relative;
	top: 30px;
	left: 0px;
	margin: 0;

	background: none;
	z-index: 5;
	text-align: center;
	width: 100%;

}

#header #gnb>li .nav_sub>li>a {
	display: inline-block;
	padding: 0;
	font-size: 16px;
	text-align: center;
		word-break: break-word;
	vertical-align: top;
	color: #fff;
	width: 100%;
}
#header #gnb>li .nav_sub>li>a:hover { color: #f4f5f9 !important;}
#header #gnb>li .nav_sub>li { padding-bottom: 27px;}
.util_menu{ margin-bottom: 0px;}
.util_menu ul {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.util_menu ul li a { color: #fff; font-size: 24px;}
.util_menu ul li.util_srh {margin-left: 40px; margin-right: 40px;}
.util_menu ul li.util_link a { background-color: rgba(255,255,255,0.2); padding:10px 20px; border-radius: 30px; font-size: 15px;}
.util_menu ul li.util_link a i { margin-left: 5px;}

.util_menu ul li a { padding-bottom: 5px; display: inline-block;}
.util_menu ul li.util_lan a span { display: none; font-size: 10px;}
.util_menu ul li.util_lan a span i { font-size: 24px; margin-right: 5px;}
.util_menu ul li.util_lan a span.on { display: block;}
.util_menu ul li.util_lan { position: relative; display: block; }
.util_menu ul li.util_lan .languages { position: absolute; left: 2px; display: block; flex-direction: column; border-top: 1px solid #fff;}
.util_menu ul li.util_lan .languages a { font-size: 15px;}
#nav-icon4 {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	margin-left: 30px;
	width: 30px;
	height: 23px;
	margin-top: 8px;
	position: relative;
	z-index: 99999;
}

#nav-icon4 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 25px;
	background: #fff;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}



#nav-icon4 span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
	top: 7px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
	top: 15px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
	left: 0px;
}

#nav-icon4.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 17px;
	left: 0px;
}



.mainVisualSwiper .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100% !important;
}
.mainVisualSwiper .swiper-slide div  {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
}

.mainVisualSwiper .swiper-slide .slide-main-photo::before {
	position: absolute;
	content: '';
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.mainVisualSwiper .swiper-slide div .slide-text {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	position: relative;
	z-index: 2;
}

.mainVisualSwiper .swiper-slide div .slide-text h3 {
	font-family: 'GmarketSansMedium';
	color: #fff;
	font-size: 51px;
	line-height: 1.3em;
	font-weight: normal;
}

.mainVisualSwiper .swiper-slide div .slide-text span {
	font-family: 'GmarketSansLight';
	color: #ccc;
	font-size: 16px;
	line-height: 1.3em;
	margin-bottom: 32px;
	font-weight: normal;
}

.mainVisualSwiper .swiper-slide div .slide-text h4 {
	font-family: 'GmarketSansLight';
	color: #ffffff;
	font-size: 16px;
	line-height: 1.3em;
	margin-top: 32px;
	font-weight: normal;
}

.mainVisualSwiper-pagination {
	position: absolute;
	bottom: 140px !important;
	z-index: 2;
	left: 80px !important;
}

.mainVisualSwiper-pagination .swiper-pagination-bullet {background-color: rgba(255,255,255,0.3); opacity: 1 !important;  transition: all .1s;}
.mainVisualSwiper-pagination .swiper-pagination-bullet-active { background-color: rgba(255,255,255,0.5); width:40px; transition: all .1s; border-radius: 5px !important;}
.nav_sub { display: none;}
.menu_top { display: none;}


.mainVisualSwiper .swiper-slide  .slide-collectionText {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width:100%;
	box-sizing: border-box;
	padding: 30px 90px;
}

.mainVisualSwiper .swiper-slide  .slide-collectionText .collection-title {
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.mainVisualSwiper .swiper-slide  .slide-collectionText .collection-title span {
	color: #777777;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 0px;
}
.mainVisualSwiper .swiper-slide  .slide-collectionText .collection-title h4 {
	color: #282828;
	font-size: 26px;
	font-weight: bold;
}



.collection-btn a {
	font-size: 16px;
	color: #282828;
	padding: 10px 35px;
	border: 1px solid #282828;
	border-radius: 30px;
	transition: all .3s;
}
.collection-btn a:hover {
	color: #fff;
	background-color: #282828;
}

/* content */
#content_wrap {
	border-top: 1px solid #000000;
	width:100%;
	max-width: 1740px;
	margin:0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top:90px;
	padding-bottom: 50px;
}

#content_wrap .pro_collection {
	position: relative;
	width:650px;
	height: 589px;
	overflow: hidden;
	display: flex;
}

.proCollSwiper  { width: 100%; position: relative;}
.proCollSwiper .swiper-slide {position: relative;}
.proCollSwiper .swiper-slide > a { position: relative; display: flex;}
.proCollSwiper .swiper-slide > a div:nth-child(1){}
.proCollSwiper .swiper-slide > a div:nth-child(1)::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}
.proCollSwiper .swiper-slide div img { object-fit: contain; width: 100% !important; height: auto; max-height: 100%;}
.proCollSwiper .swiper-slide > a div.proCollText::after {
	display: none;
}
.proCollSwiper .swiper-slide > a div.proCollText {
	color: #fff;
	padding: 50px;
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom: 0;
}

.proCollSwiper-button-next, .proCollSwiper-button-prev {
	position: absolute;
	right:20px;
	top:15px;
	color:#fff;
	z-index: 2;
	box-sizing: border-box;
	padding:12px 23px;
	border: 1px solid #fff;
	font-size: 20px;
	opacity: 0.7;
}

.proCollSwiper-button-prev  { right: 77px; border-right: 0 none;}
.proCollText h3 {
	font-size: 30px;
	line-height: 1.0em;
	margin-bottom: 20px;
}
.proCollText p {
	font-size: 16px;
}


.right_area {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 1060px;
}

.right_area .acc_data {
	width:250px;
	height: 280px;
	display: flex;
}

.right_area .acc_data a { position: relative; width:100%; height: 100%; padding:30px 35px; box-sizing: border-box; background-size: cover !important;}
.right_area .acc_data a::after {
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.65);
	position: absolute;
}
.right_area .acc_data a .acc_data_text {
	display: flex;
	flex-direction: column;
	color: #fff;
	position: relative;
	z-index: 2;
}

.right_area .acc_data a .acc_data_text span {
	font-size: 18px;
	color: #fff;
	margin-bottom:72px;
}

.right_area .acc_data a .acc_data_text h3 {
	color: #fff;
	font-size: 23px;
	line-height: 1.2em;
}

.right_area .donate {
/* 	border: 1px solid #cccccc; */
/* 	width: 485px; */
/* 	height: 280px; */
/* 	box-sizing: border-box; */
/* 	padding: 30px 20px; */
/* 	display: flex; */
/* 	flex-direction: column; */
/* 	margin-left: 30px; */

	border: 1px solid #cccccc;
	width: 250px;
	height: 280px;
	box-sizing: border-box;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	margin: 22px 0 0 30px;
}

.right_area .donate .donate_title {
	width:100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.right_area .donate .donate_title h4 {
	font-size: 18px;
	color: #404040;
}

.right_area .donate .donate_title i {
	font-size: 20px;
	color: #404040;
}

.right_area .donate ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top:20px;
}

.right_area .donate ul li a div{ background-size: cover !important; border: 1px solid #dfdfdf;}

.right_area .donate ul li a h5{
	color: #404040;
	margin-top: 13px;
	font-size: 16px;
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.right_area .donate ul li a span {
	color: #939393;
	font-size: 13px;
}


.right_area .acc_ch {
/* 	width:399px; */
/* 	height: 287px; */
/* 	display: flex; */
/* 	margin-top: 22px; */

	display: flex;
	width: 750px;
	height: 280px;
	display: flex;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	display: flex;
	margin-left: 30px;
}

.right_area .acc_ch a { width:100%; height: 100%; padding:30px 35px; box-sizing: border-box; background-size: cover !important; position: relative; }
.right_area .acc_ch a::after {
	content: '';
	background-color: rgba(0, 0, 0, 0.65);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.right_area .acc_ch a .acc_ch_text {
	display: flex;
	flex-direction: column;
	color: #fff;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}

.right_area .acc_ch a .acc_ch_text span {
	font-size: 18px;
	color: #fff;
	margin-bottom: 38px;
}

.right_area .acc_ch a .acc_ch_text h3 {
	color: #fff;
	font-size: 23px;
	line-height: 1.2em;
}


.right_area .asia {
/* 	border: 1px solid #cccccc; */
/* 	width: 631px; */
/* 	height: 287px; */
/* 	box-sizing: border-box; */
/* 	padding: 30px 20px; */
/* 	display: flex; */
/* 	flex-direction: column; */
/* 	margin-top: 22px; */
/* 	margin-left: 30px; */

	border: 1px solid #cccccc;
	width: 750px;
	height: 280px;
	box-sizing: border-box;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	margin-top: 22px;
}

.right_area .asia .asia_title {
	width:100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.right_area .asia .asia_title h4 {
	font-size: 18px;
	color: #404040;
}

.right_area .asia .asia_title i {
	font-size: 20px;
	color: #404040;
}

.right_area .asia ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top:20px;
}
.right_area .asia ul li {
	width: 45%;
	display: flex;
}

.right_area .asia ul li a {
	width: 97%;
	margin:0 auto;
	display: flex;
	flex-direction: column;
}

.right_area .asia ul li a div{
	background-size: cover !important;
}
.right_area .asia ul li a h5{
	color: #404040;
	margin-top: 13px;
	font-size: 16px;
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.right_area .asia ul li a span {
	color: #939393;
	font-size: 13px;
}
.banner_zone {
	width: 100%;
	display: flex;
	padding:50px 0px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 50px;
}
.banner_zone > div {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}
.banner_zone > div .swiper-slide { width:16.666666666666%; display: flex;  justify-content: center; align-items:center;}
.banner_zone > div .swiper-slide a{  border:1px solid #dfdfdf; width: 95%; margin:0 auto; padding: 0px 10px; height:80px; display: flex;  justify-content: center; align-items:center;}
.banner_zone > div .swiper-slide a img { max-height: 100%; max-width: 100%;}

/* footer */
#footer {
	background-color: #333333;
	width: 100%;
	padding: 50px 0px;
}
#footer .footer_wrap { width: 1740px; margin:0 auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
#footer .footer_wrap .footer_left { display: flex; width: 155px; flex-direction: column; align-items: flex-start;}
#footer .footer_wrap .footer_right { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; padding-left: 40px;}
#footer .footer_wrap .footer_right .footer_link { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 100%; margin: 0 0 16px; padding: 0 0 14px; list-style: none;}
#footer .footer_wrap .footer_right .footer_link li { margin: 0; }
#footer .footer_wrap .footer_right .footer_link li:not(:last-child) { margin-right: 20px; }
#footer .footer_wrap .footer_right .footer_link li a {color: #85cff5; text-decoration: underline; font-size: 15px; font-weight: 500; letter-spacing: -0.01em; }
#footer .footer_wrap .footer_right .footer_link li a:hover { text-decoration: underline; }
#footer .footer_wrap .footer_right .first_box { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: #fff;}
#footer .footer_wrap .footer_right .first_box h3 { font-size: 25px; color: #fff; font-weight: 500;  letter-spacing: 0.01em;}
#footer .footer_wrap .footer_right .first_box ul { display: flex; flex-direction: row; justify-content: flex-end;}
#footer .footer_wrap .footer_right .first_box ul li a { color: #fff; font-size: 16px;  letter-spacing: 0.01em; }
#footer .footer_wrap .footer_right .first_box ul li:not(:last-child) { margin-right: 20px;}
#footer .footer_wrap .footer_right .address { display: flex; flex-direction: row; margin-top: 20px; width: 100%;}
#footer .footer_wrap .footer_right .address li { color: #cccccc; font-size: 15px; margin-right: 10px;  letter-spacing: 0.01em;}
#footer .footer_wrap .footer_right p {color: #cccccc; font-size: 15px; letter-spacing: 0.01em;}
/* subpage */
.sub_container { background-color: #fff !important;}
.sub_container .sub_visual {background: none !important;}
.sub_container .sub_visual .inner_wrap { height: auto; border-bottom: 1px solid #000; width: 100%; box-sizing: border-box; padding: 0px 80px 10px 80px;}
.sub_container .sub_visual .slogun { color: #404040; text-align: left; margin-top: 60px;}
.sub_container .sub_visual .desc { color: #404040; text-align: right;  font-size: 16px; margin-top: 0px; width: 70%; display: flex; justify-content: flex-end;}


.sub_container .collection_nav .inner_wrap { width: 100%; box-sizing: border-box; padding: 0px 80px;}
.sub_container .collection_nav {margin-top: 20px}

.slogun_bottom { width: 100%; display: flex; margin-top: 10px;  box-sizing: border-box; flex-direction: row; align-items: center; justify-content: space-between;}
.slogun_bottom .path { display: flex; flex-direction: row; align-items: center; justify-content :flex-start;}
.slogun_bottom .path li a{ font-size: 15px; color: #404040;}
.slogun_bottom .path li a > i{ margin:0px 0px;}
.slogun_bottom .path li i { font-size: 16px; color: #404040; margin:0px 20px}
.slogun_bottom .path li.depth1 a > i{ margin:0px 20px}

.sub_container .collection_nav .sorting>li>a.on, .sub_container .collection_nav .sorting>li>span.on { background-color:#41478f;}


.allMenu {transform:translateX(50%); display: none; transition: all .3s; position: absolute; right: 0; top: 0; padding: 170px 0px 0px 0px; flex-direction: column;}
.menu_open {
	display: flex;
	background-color: #1c499f;
	width: 50%;
	z-index: 3;
	height: 100%;
	transform:translateX(0%);
	transition: all .3s;
}

.allMenu ul { display: flex; flex-direction: column; }
.allMenu ul li a{ color: #fff; font-size: 16px; padding: 0px 20px; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.allMenu > #gnb2 {border-top: 1px solid #fff; width: 100%; padding-top: 30px;}
.allMenu > #gnb2 li .nav_sub  { display: none; margin-top: 15px;}
.allMenu > #gnb2 li .nav_sub  li a { font-size: 14px;}
.allMenu > #gnb2 li { padding: 15px 20px;}
.allMenu > #gnb2 li .active {background-color: #214280; padding: 15px 0px;}


.all_menuOpen .util_menu ul li.util_link a {background-color: rgba(255,255,255,0.2);}
.all_menuOpen .util_menu ul li a { color: #fff;}
.all_menuOpen #nav-icon4 span {background-color: #fff;}

.gallery_list li .inner .info dd .data, .collection_list li .inner .info dd .data {color:#41478f}
.paginate a.on, .paging a.on { background-color: #41478f;}
.collection_detail .detail_cont .detail_tab_type02 .tabs li.on a {background-color: #41478f;}
.collection_detail .title_path_wrap .post_title {color:#41478f}
.guide_page .guide_area h3::before {
	background-color: #41478f;
}
.collection_detail .title_path_wrap .post_title .category {
	color: #41478f;
	border: 1px solid #41478f;
}

.guide_page .guide_quick .quick_area .dublin_btn a i{color: #41478f;}


/* 기타 */
.collection_options .list_box .row_list li a.character_on { color: #41478f;}
.detail_tab_color { color: #41478f !important;}
.collection_detail .detail_cont .detail_info .detail_info_btn_area .srh_box div input[type="submit"] { padding: 8.5px; background-color: #000;}
.item_list li .inner .info dd .movie em, .item_list li .inner .info dd .camera em {color: #41478f !important; margin: 0px 2px;}
.item_list li .inner .info dd .movie, .item_list li .inner .info dd .camera { display: flex; align-items: center;}
.guide_page .guide_area table caption::before {background-color: #41478f;}
.sub_container .content_wrap #aside h2 { color: #41478f;}
.sub_container .content_wrap #aside .lnb_area ul li.on {background-color:#41478f;}
.sub_container .content_wrap #content .article .art_title:after {background-color:#41478f; }


/* 서브 */
.article { width: 100%; display: flex; flex-direction: column;}
.article .arti_box { display: flex; flex-direction: column; margin-bottom: 40px;}
.article .arti_box .artTitle {display: flex;}
.article .arti_box .artTitle h3 {font-size: 20px; font-weight: 700; border-bottom: 5px solid #000; margin-bottom: 10px; padding-bottom: 15px; }
.article .arti_box p { margin-top: 10px; line-height: 1.6em; width: 100%; font-size: 16px; color: #000; letter-spacing: -0.01em; font-weight: 300; word-break: keep-all;}

.article .arti_box h4 {font-size: 18px; color: #000; margin-top: 20px; }
.article .arti_box h5 {font-size: 16px; color: #41478f; margin-top: 20px; }

.arti_box dl { width: 100%; display: flex; flex-direction: row; margin-top:15px;}
.arti_box dl dt {font-size: 16px; width: 15%; font-weight:600; color: #41478f;}
.arti_box dl dd {font-size: 16px; width: 85%; font-weight:400; color: #404040;}
.arti_box dl dd span { font-size: 14px;}

.arti_box dl dd  span { font-size: 15px; font-weight: 600; color: #000; margin-bottom: 20px; display: block;}
.arti_box dl dd .ddBox_area { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; flex-wrap: wrap;}
.arti_box dl dd .ddBox_area img { width: auto; height: 132px; object-fit: contain;}
.arti_box dl dd .ddBox_area .ddBox_btn_area { width: 160px; display: flex; flex-direction: column; align-items: flex-end; margin-top: 10px;}
.arti_box dl dd .ddBox_area .ddBox_btn_area a { width: 100%; margin-bottom: 10px; text-align: center;}

.arti_box dl .child_lib {display: flex; flex-direction: column; padding: 0px 20px 20px 20px; background-color: #f4f5f9; border: 1px solid #dfdfdf;}
.arti_box dl .child_lib p {display: flex; flex-direction: column; align-items: flex-end;}
.arti_box dl .child_lib p .child_libbtn { background-color: #41478f; color: #fff; padding: 6px 8px; border-radius: 3px;}

.arti_box ul { display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.arti_box ul li { width: 32%;}
.arti_box ul li div { width: 100%; height: 100%;}
.arti_box ul li div img { width: 100%; height: 100%;}

.artMapArea { width: 100%; display: flex; flex-direction: column; margin-top: 20px;}
.artMapArea .MapArea { width: 100%; background-color: #f4f5f9; border: 1px solid #dfdfdf; min-height: 280px; margin-bottom:20px;}

.item_list li .inner:hover { background-color: #f4f5f9;}

/* */
.sub_container .ch_inner_wrap .accordion_list {z-index: 2 !important;}
.sub_container .ch_inner_wrap .accordion_list .accordion_list_ul li.on .link { background-color: #41478f;}
.sub_container .chAcc-form .search-box ul li a.chacc-srh-btn { background-color: #41478f;}
.btn-list-red {background-color: #41478f;}
.detail_info_table_title:before {background-color: #41478f;}
.h2_title:before {background-color: #41478f;}
.guide_page .guide_quick .quick_area>ul{ background-color: #fff;}
.noimg-video {background-size: contain !important;}
.ton01 { width: 100%; height: 100%; background-size: auto !important; background:url(../images/sub/TON01.png) center center no-repeat;}
.ton02 { width: 100%; height: 100%; background-size: auto !important; background:url(../images/sub/TON02.png) center center no-repeat;}
.ton03 { width: 100%; height: 100%; background-size: auto !important; background:url(../images/sub/TON03.png) center center no-repeat;}
.ton04 { width: 100%; height: 100%; background-size: auto !important; background:url(../images/sub/TON04.png) center center no-repeat;}


.inputBtn_wrap { display: flex; flex-direction: row; width: 100%;}


/* 컬렉션 */
.guide_page .guide_area table tr td {letter-spacing: 0.005em;}
.info-view .collection_view_table table tr td {letter-spacing: 0.005em;}

.info-view .collection_view_table .asia_db_table tr td{ padding: 13px 8px;}


.search_collection_title { width:20%; color:#fff; text-align:center; margin-right:5px; background-color:#000; display: flex; align-items: center; justify-content: center;}


@media all and (max-width: 1760px){
	#content_wrap {width:100%; max-width: 100%; padding:25px 20px; box-sizing: border-box;}
	#footer { padding:50px 20px; box-sizing: border-box;}
	#footer .footer_wrap {width:100%; }


	.mainVisualSwiper-pagination { width: auto !important; left: 20px !important;}

	html{min-width: 100% !important;}
	.right_area { justify-content: space-between;}
	.right_area .acc_data { width: 49%;}
	.right_area .donate {width: 49%; margin-left: 0;}
	#content_wrap .pro_collection { width: 35%;}
	.right_area { width: 64%;}
	.right_area .acc_ch {width:37%;}
	.right_area .asia { width: 62%; margin-left: 0;}

	.proCollSwiper .swiper-slide > div { background-size: cover !important;}

	.right_area .donate ul li{ width: 50%; display: flex; flex-direction: column;}
	.right_area .donate ul li a { width: 98%; margin: 0 auto;}
	.right_area .donate ul li a > div { background-size: cover; width: 100% !important;}

	.right_area .asia ul li { width: 33%; display: flex; flex-direction: column;}
	.right_area .asia ul li a { width: 98%; margin: 0 auto;}
	.right_area .asia ul li a  > div { background-size: cover; width: 100% !important;}

	.mainVisualSwiper .swiper-slide .slide-collectionText {padding: 30px 20px;}
	.sub_container .sub_visual .desc {overflow: auto; max-height: 100%;}

	#header .header_wrap {padding: 40px 20px 0px 20px;}
	.sub_container .sub_visual .inner_wrap {padding: 0px 20px 10px 20px;}
	#_logo_2 { height: 16px !important;}
	#header #gnb>li>a { font-size: 20px; white-space: nowrap;}
}

@media all and (max-width: 1540px){
}

@media all and (max-width: 1440px){
	#header #gnb>li>a {font-size: 18px;}
	.util_menu ul li.util_srh { margin-left: 30px; margin-right: 30px; }
	.util_menu ul li.util_link a { font-size: 14px;}
	.util_menu ul li a {font-size: 22px;}
	.proCollSwiper .swiper-slide > div.proCollText {padding: 30px 20px;}
	.right_area .acc_data a .acc_data_text h3 { font-size: 30px;}
	.proCollSwiper-button-next, .proCollSwiper-button-prev {right: 20px; top:30px}
	.proCollSwiper-button-prev {right: 77px;}
	#header .gnb_bg { height: 485px !important;}
	#header #gnb>li:hover {height: 484px !important;}

	.gnb_set #gnb { left: 14%; width: 60%;}

}

@media all and (max-width: 1380px){
	#header #gnb>li>a{padding: 0px 0px;}
	.proCollText p {font-size: 15px;}


	/* 서브페이지 */
	.arti_box dl dd .ddBox_area { display: flex; flex-direction: column; align-items: center;}
	.arti_box dl dd .ddBox_area a { display: block; margin-top: 20px !important;}
	.arti_box dl dd > img { width: 100%; object-fit: contain;}


	.arti_box dl dd .ddBox_area .ddBox_btn_area { width: 100%; display: flex; flex-direction: row; align-items: center; margin-top: 10px; gap: 10px;}
	.arti_box dl dd .ddBox_area .ddBox_btn_area a { width: 100%; margin-bottom: 10px; margin-right: 10px; text-align: center;}


	/* 서브페이지 */
	.table_scroll { overflow-x: auto;}
	.table_scroll table{ width: 980px !important; }
	.table_scroll::-webkit-scrollbar { height:5px ;}
	.table_scroll::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,.3); border-radius: 10px; }
	.table_scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: rgba(0,0,0,.1);}
	.arti_box dl .child_lib p .child_libbtn {margin-top: 20px;}

	.search_collection_title{ margin-right:0px; word-break: keep-all;}
	.search_wrap_contents > .inputDiv input { width:85% !important;}
}

@media all and (max-width: 1280px){
	.gnb_set { display: none;}
	#nav-icon4 {display: flex; margin-top: 0;}
	.main_search_area { display: none;}
	#header .header_wrap h1 { align-items: flex-start;}
	.util_menu {margin-bottom: 0px;}
	.all_menuUtil {display: none;}

	.msearch_area { width: 100%; padding: 0px 20px; box-sizing: border-box; margin-bottom: 20px;}
	.msearch_area ul li { display: flex; flex-direction: row; align-items: center; border-radius: 5px; background-color:#fff; justify-content: space-between;}
	.msearch_area ul li input[type="submit"] { width: 10%;  padding:10px 20px; font-size: 18px; color: #000; background: none;}
	.msearch_area ul li input[type='text'] { width: 90%; padding:10px 20px; border: 0 none;  background: none;}
	.allMenu { display: block;}
	.sub_container .sub_visual .slogun { padding-left: 0px;}
	.sub_container .sub_visual .slogun_bottom { padding-left: 0px; align-items: flex-start; margin-top: 15px;}


}

@media all and (max-width: 1024px){
	.mainVisualSwiper .swiper-slide div .slide-text h3 {font-size: 43px;}
	#content_wrap .pro_collection {width: 100%;}
	.right_area {width: 100%; margin-top:30px}

	.header_wrap h1 a svg{ width: 108px !important; height: 108px !important;}

	#footer .footer_wrap {align-items: center;}
	#footer .footer_wrap .footer_right .footer_link { justify-content: flex-start; }
	#footer .footer_wrap .footer_right .first_box {flex-direction: column; align-items: flex-start;}
	#footer .footer_wrap .footer_right .address { flex-wrap: wrap;}

	.sub_container .sub_visual .desc { width: 100%; font-size: 15px; line-height: 1.5em;}
	.slogun_bottom { flex-direction: column-reverse; align-items: flex-start;}
	.slogun_bottom .path {margin-top: 15px;}
	.sub_container .collection_nav .sorting>li>a.on, .sub_container .collection_nav .sorting>li>span.on { color: #fff !important;}
	.sub_container .sub_visual .slogun {font-size: 30px !important; margin-top: 15px;}
	.sub_container .sub_visual .desc { justify-content: flex-start; text-align: left;}

	/* 아시아문화 칼럼 리스트 반응형 */
	.right_area .donate { padding: 30px 20px ;}
	.gallery_list li, .collection_list li { width: 33.333333%;}
	.gallery_list li .inner, .collection_list li .inner { width: 95%; max-width: 95%;}

	/* 컬렉션 */
	.search_wrap_btns { margin-top: 20px;}
	.sub_container .collection_nav .inner_wrap {padding: 0px 20px;}
	.sub_container .content_wrap.wrap_center #content {padding: 0px 20px 60px 20px !important;}
	.paginate a, .paging a { margin-bottom: 5px;}

	/* 서브페이지 */
	.artiBox_content { width: 100%; padding:30px 20px !important; box-sizing: border-box;}
	.arti_box dl dd .ddBox_area img{ width: 100%; object-fit: contain;}


	.gallery_main { margin-top: 50px;}
}

@media all and (max-width: 768px){
	.right_area .acc_data { width: 100%;}
	.right_area .acc_data a { background-size: cover !important;}
	.right_area .donate { width: 100%; margin-top:30px; height: 355px !important;}
	.right_area .donate ul li a {width: 94%; margin: 0 auto;}
	.right_area .donate ul li a > div { background-size: cover !important; height: 205px !important;}
	.right_area .acc_ch { width: 100%; margin-top: 30px;}
	.right_area .acc_ch a { background-size: cover !important; background-position: center center;}
	.right_area .asia { width: 100%; margin-top: 30px;}

	.mainVisualSwiper .swiper-slide div .slide-text h3 {font-size: 40px; padding: 0px 30px; box-sizing: border-box;}

	.collection-btn a { padding: 10px 20px; }
	.mainVisualSwiper .swiper-slide .slide-collectionText .collection-title h4 { font-size: 22px;}
	.mainVisualSwiper .swiper-slide .slide-collectionText .collection-title span { font-size: 18px;}

	.allMenu {transform:translateX(100%);}
	.menu_open { width: 100%;transform:translateX(0%);}

	/* 아시아문화 칼럼 리스트 반응형 */
	.gallery_list .galleryBoardLi a .image { height:  300px !important;}

	/* 컬렉션 */
	.search_wrap_contents > .inputDiv input { width: 85% !important;}
	.search_wrap_contents > .inputDiv button { width: 15% !important;}

	/* popup */
	.popup_box { width: 100%;}
	.popup_box .box_inner { width: 100% !important;}
	.popup_box .con_wrap { height: auto  !important;}
	.popup_box .con_wrap > div { height:  auto !important;}

	.gallery_main .image { height: 270px;}
	.search_wrap_contents > .inputDiv input { width:80% !important;}

}
@media all and (max-width: 620px){
	#footer .footer_wrap { flex-direction: column;}
	#footer .footer_wrap .footer_right { padding-left: 0;}
	#footer .footer_wrap .footer_right .footer_link { justify-content: center; margin-bottom: 20px; padding-bottom: 12px; }
	#footer .footer_wrap .footer_right .footer_link li a { font-size: 14px; }
	#footer .footer_wrap .footer_right .first_box { align-items: center;}
	#footer .footer_wrap .footer_right .first_box ul {box-sizing: border-box; padding: 5px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; margin-top: 20px;}
	#footer .footer_wrap .footer_right .first_box ul li a { font-size: 14px;}
	#footer .footer_wrap .footer_right .first_box ul li:not(:last-child) { margin-right: 10px;}
	#footer .footer_wrap .footer_right .address {width: 100%; justify-content: center;}
	#footer .footer_wrap .footer_right p { width: 100%; text-align: center; margin-top: 20px;}
	#footer .footer_wrap .footer_right .address li { font-size: 14px;}
	#footer .footer_wrap .footer_right p { font-size: 14px;}


}
@media all and (max-width: 560px){
	/* 아시아문화 칼럼 리스트 반응형 */
	.gallery_list li, .collection_list li { width: 50%;}
	.gallery_list li .inner, .collection_list li .inner { width: 95%; max-width: 95%;}

	.mainVisualSwiper .swiper-slide .slide-collectionText {flex-direction: column; align-items:flex-start;}
	.mainVisualSwiper .swiper-slide > div { height: 740px !important;}
	.mainVisualSwiper .swiper-slide .slide-collectionText { height: auto !important;}
	.collection-btn { margin-top: 10px; height: auto !important;}
	.mainVisualSwiper-pagination {bottom: 210px !important;}
	.mainVisualSwiper .swiper-slide .slide-collectionText .collection-title { width: 100%;}
	.mainVisualSwiper .swiper-slide .slide-collectionText .collection-title h4 {
		width: 100%;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.mainVisualSwiper .swiper-slide .collection-btn {margin-top: 20px;}
	.collection-btn a { }

	.right_area .donate { height: 300px !important;}
	.right_area .donate ul li a > div { height: 150px !important;}
	.right_area .asia ul li:last-child { display: none;}
	.right_area .asia ul li { width: 50%;}

	.collection_detail .detail_cont .detail_tab_type02 .tabs li a {padding: 0px 20px; line-height: 1.0em; display: flex; align-items: center; justify-content: center;}

}

@media all and (max-width: 500px){
	.util_menu ul li.util_link { display: none;}
	.util_menu ul li.util_srh {margin-right: 20px; margin-left: 0px;}
	.all_menuUtil {display: block; box-sizing: border-box; padding:0px 20px; padding-bottom: 20px; margin-top: 20px; }
	.all_menuUtil .util_link { background-color: rgba(255,255,255,0.2); padding: 10px 0px; border-radius: 5px;}

	.msearch_area ul li input[type="submit"]{ width:20%;}
	.msearch_area ul li input[type='text'] { width: 80%;}

	.mainVisualSwiper .swiper-slide div .slide-text h3 {font-size: 30px;}
	#nav-icon4 { margin-left: 20px;}
	.allMenu { padding: 158px 0px 0px 0px;}


	.search_wrap_btns .btn{ width: 50%;  text-align: center;}
	.search_wrap_contents { flex-wrap: wrap; border-right: 1px solid #000;}
	.search_wrap_contents > select { width: 25% !important;}
	.search_wrap_contents > .inputDiv { width: 100% !important; margin-top: -1px; border-right: 0 none !important;}

	/* 서브페이지 */
	.arti_box dl { flex-direction: column;}
	.arti_box dl dt { width: 100%; margin-bottom: 5px;}
	.arti_box dl dd { width: 100%; word-break: keep-all;}
	.arti_box ul { flex-wrap: wrap;}
	.arti_box ul li { width: 100%; margin-bottom: 10px;}
	.search_collection_title {width:100%; margin-bottom:3px;}
}

@media all and (max-width: 420px){
	.item_list li .inner .info dd { display: flex; flex-direction: column;}
	.item_list li .inner .info dd .movie, .item_list li .inner .info dd .camera { margin-top: 10px;}

	.arti_box dl .child_lib p .child_libbtn { width: 100%;}
}

@media all and (max-width: 400px){
	.right_area .donate { height: auto !important;}
	.right_area .donate ul { flex-direction: column;}
	.right_area .donate ul li { width: 100%; margin-bottom: 20px;}
	.right_area .donate ul li:last-child { margin-bottom: 0px;}
	.right_area .donate ul li a { width: 100%;}
	.right_area .donate ul li a > div { height: 205px !important; }


	.right_area .asia ul { flex-direction: column;}
	.right_area .asia { height: auto !important;}
	.right_area .asia ul { flex-direction: column;}
	.right_area .asia ul li { width: 100%; margin-bottom: 20px;}
	.right_area .asia ul li:last-child { margin-bottom: 0px;}
	.right_area .asia ul li a { width: 100%;}
	.right_area .asia ul li a > div { height: 205px !important; }


}
@media all and (max-width: 380px){
	#footer .footer_wrap .footer_right .first_box ul { flex-direction: column; justify-content: center; align-items: center; width: 100%;  border-top: 0 none; border-bottom: 0 none; }
	#footer .footer_wrap .footer_right .first_box ul li:not(:last-child) { margin-right: 0; margin-bottom: 6px;}
	#footer .footer_wrap .footer_right .first_box ul li a::after{ content: "\f105";  font-family: 'Font Awesome 5 Pro'; font-weight: 400; margin-left: 5px;}
}
@media all and (max-width: 320px){
	.tab_ui li a { width: 100%; display: flex; align-items: center; justify-content: center; height: 50px; border: 1px solid #ccc; background-color: #f8f8f8;}
}




/* 인트로 작업 */
.section_visual .sub02 .mySwiper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}

.section_visual {position: relative;height: 100vh; /* 백그라운드 색상 변경 -  */ background: #464c52;overflow: hidden;}
.section_visual .sec_sub {transition: all 0.3s ease;}
.section_visual .sub01 {position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.section_visual .sub02 {padding: 0 0 0;}
.section_visual .key_tit {
	display: block;
	height: 10.37vh;
	aspect-ratio: 786/150;
	margin: 0 auto;
/* 	background: url("../images/bg8.jpg") no-repeat center center; */
	background: url("../images/introBg.jpg") no-repeat center center;
	background-size: auto 1080px;
	-webkit-mask: url("../images/title.svg") no-repeat top center;
	-webkit-mask-size: cover;
	margin-top: -25vh;
}

/*
.section_visual .eyebrow_txt {width: 34.259vh;aspect-ratio: 370/43;background: url("../images/main_sub_tit@1.5x.png") no-repeat center center;background-size: contain;margin: 0 auto;}
.section_visual .sec_tit {position: relative;z-index: 1;width: 113.611vh;aspect-ratio: 1227/284;background: url("../images/main_title@1.5x.png") no-repeat center center;background-size: contain;margin: 0 auto;}
.section_visual .img_slide {width: 34.259vh;height: 45.185vh;margin: 6.481vh auto 5.833vh;}
.section_visual .img_slide .slick-list {overflow: visible;}
.section_visual .img_slide .item {background: no-repeat center center;background-size: contain;margin: 0 3.704vh;}
.section_visual .img_slide .item01 {width: 34.259vh;aspect-ratio: 370/488;background-image: url("../images/main_img01@1.5x.jpg");}
.section_visual .img_slide .item02 {width: 33.333vh;aspect-ratio: 360/250;background-image: url("../images/main_img02@1.5x.jpg");  margin: 155px 3.704vh 0 5.278vh;}
.section_visual .img_slide .item03 {width: 34.259vh;aspect-ratio: 370/488;background-image: url("../images/main_img03@1.5x.jpg");margin-top: -2.593vh;}
.section_visual .img_slide .item04 {width: 34.259vh;aspect-ratio: 370/488;background-image: url("../images/main_img04@1.5x.jpg");margin-top: 5vh}
.section_visual .img_slide .item05 {width: 33.333vh;aspect-ratio: 360/250;background-image: url("../images/main_img05@1.5x.jpg");margin-top: -4.167vh;}

*/

@media all and (max-aspect-ratio:1500/1280) {
	.section_visual .sec_tit {max-width: 97vw; }
}

/* show */
/* 초기 상태의 서브 섹션 스타일 */
/* .sub01은 보이는 상태, .sub02는 보이지 않는 상태 */
.section_visual .sub01 {
	opacity: 1; /* 초기 상태에서 보임 */
	z-index: 1; /* .sub01이 .sub02 위에 표시됨 */
}

.section_visual .sub02 {
	opacity: 0; /* 초기 상태에서 숨김 */
	z-index: -1; /* .sub02는 뒤쪽에 위치 */
	transition: all 5s ease; /* 모든 속성에 5초 동안 부드러운 애니메이션 적용 */
}

/* key_tit 텍스트 스타일 */
/* 초기 상태에서 보임 */
.section_visual .key_tit {
	opacity: 1; /* 텍스트가 보이는 상태 */
	transition: all 5s ease; /* 모든 속성에 5초 동안 부드러운 애니메이션 적용 */
}

/* .section_visual에 .show 클래스가 추가되었을 때 */
.section_visual.show .key_tit {
	opacity: 0; /* 텍스트가 사라짐 */
	height: 100%; /* 높이를 100%로 설정 (추가적인 애니메이션 효과) */
	transition: all 5s ease, opacity 5s 1.5s ease; /* 5초 동안 모든 속성에 애니메이션 적용, opacity는 1.5초 후 시작 */
}

/* .section_visual에 .show 클래스가 추가되었을 때의 서브 섹션 애니메이션 */
/* .sub01은 사라지고, .sub02는 나타남 */
.section_visual.show .sub01 {
	opacity: 0; /* .sub01이 사라짐 */
	z-index: -1; /* .sub01을 뒤쪽으로 보냄 */
	transition: all 1.5s 1.5s ease; /* 1.5초 동안 애니메이션 적용, 1.5초 후 시작 */
}

.section_visual.show .sub02 {
	opacity: 1; /* .sub02가 나타남 */
	z-index: 1; /* .sub02를 앞쪽으로 가져옴 */
	transition: all 1.5s 1.5s ease; /* 1.5초 동안 애니메이션 적용, 1.5초 후 시작 */
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}
.section_visual.show .sub02 .mySwiper .swiper-wrapper .swiper-slide { background-size: cover !important;}
/*
.section_visual .sub02 .introLogoArea{ width: 150px; box-sizing: border-box; padding: 15px; background-color: #fff;  position: absolute; left: 20px; top: 0px;}
.section_visual .sub02 .introLogoArea h1 { display: block; width: 100%;}
.section_visual .sub02 .introLogoArea img { width: 100%;}
*/
.introWrap { width: 100%; display: flex; flex-direction: column; align-items: center;}
/*.introWrap h1 { font-size: 50px; color: #fff; width: 100%; text-align: center; line-height: 1.0em; letter-spacing: -0.07em; padding: 50px 0px;}*/

.section_visual .swiper-container  { height: 460px;}
.section_visual .swiper-container .swiper-slide { height: 100%; position: relative;}
.section_visual .swiper-container .slide1 img{ position: absolute; top: 0;}
.section_visual .swiper-container .slide2 img{ position: absolute; bottom: 0; }
.section_visual .swiper-container .slide3 img{ position: absolute; bottom: 0;}
.section_visual .swiper-container .slide4 img{ position: absolute; top: 0;}
.section_visual .swiper-container .slide5 img{ position: absolute; bottom: 0;}
.section_visual .swiper-container .slide6 img{ position: absolute; top: 20%;}

.footer_text { height: 235px; margin-top: 0px;}
.footer_text img { height: 100%;}

.intro_text { width: 812px; height: 186px; margin: 0 auto; background-image: url(../images/intro_text02.png); background-repeat: no-repeat; position: relative; z-index: 2;}
.intro_text02 { font-size: 53px; color: #fff; margin-top: 50px; position: relative; z-index: 2; font-family: 'Pretendard'; font-weight: 600;} 
.introWrap .intro_top_text {  width: 400px; display: block; margin: 60px auto 20px auto; position: relative; z-index: 2;}
.introWrap .intro_top_text img { width: 100%; height: auto; max-height: 100%; object-fit: contain; position: relative; z-index: 2;}

.linkButton { display: flex; width: 1024px; margin: 0 auto; justify-content: center; margin-top: 50px; margin-bottom: 100px; position: relative; z-index: 2;}
.linkButton ul { display: flex; justify-content: flex-start; width:100%;}
.linkButton ul li { width: calc(100% / 3); display: flex; flex-direction: column; height: 100%;}
.linkButton ul li a { display: flex; transition: all .3s; flex-direction: column; height: 100%; width: 95%; margin: 0 auto; background-color: #001b37; padding: 34px; justify-content: flex-start; align-items: flex-start;}
.linkButton ul li a:hover { background-color: #002c5a;}
.linkButton ul li a .yel { color: #fddd33; font-size: 22px; line-height: 1.0em; letter-spacing: -0.03em;}
.linkButton ul li a .yel_eng {color: #fddd33; font-size: 18px; line-height: 1.0em; letter-spacing: -0.03em; margin: 5px 0px;}
.linkButton ul li a span { color: #fff; font-size: 18px; line-height: 1.0em;  letter-spacing: -0.03em; margin-top: 5px;}
.linkButton ul li a img { margin-top: 20px; height: auto;}


@media all and (max-width: 1024px){
	.section_visual.show .sub02 { box-sizing: border-box; padding: 0px 50px; }
	.intro_text {width: 100%; height: 100%; background-size: contain; background-position: center bottom;}
	.linkButton { width: 100%;}
	.linkButton ul li a {padding: 34px 15px;}
}

@media all and (max-width: 768px){
	.linkButton ul li a .yel {font-size: 20px;}
	.linkButton ul li a span { font-size: 16px;}
	.section_visual.show .sub02 { box-sizing: border-box; padding: 0px 30px; }
}
@media all and (max-width: 660px){
	.linkButton ul {flex-direction: column;}
	.linkButton ul li { width: 100%; margin-bottom: 5px;}
	.linkButton ul li a {align-items: flex-start; flex-direction: column; position: relative; padding: 25px 15px;}
	.linkButton ul li a span {margin-top: 0; margin-left: 0px;}
	.linkButton ul li a img {margin-top: 0; position: absolute; right: 20px; top: 40%; }

}
@media all and (max-width: 460px){
	.section_visual .key_tit{
		-webkit-mask: url(../images/title.svg) no-repeat top center;
		-webkit-mask-size: 90%;
		margin-top: -10vh;
	}
}

@media all and (max-width: 400px){
	.linkButton ul li a .yel {font-size: 18px;}
	.linkButton ul li a {align-items: flex-start; flex-direction: column;}
	.linkButton ul li a span {margin-top: 5px; margin-left: 0px;}
	.section_visual.show .sub02 { box-sizing: border-box; padding: 0px 10px; }
	.section_visual .key_tit{
		-webkit-mask-size: 80%;
	}
}
@media all and (max-width: 360px){
	.section_visual .key_tit{
		-webkit-mask-size: 60%;
	}
}


/* policy - 개인정보처리방침 */
.privacy_policy .privacy_wrap { width: 100%; font-size: 16px; line-height: 1.7; color: #333; word-break: keep-all; }
.privacy_policy .privacy_top h3 { font-size: 24px; font-weight: 700; color: #111; margin-bottom: 10px; letter-spacing: -0.03em; }
.privacy_policy .home_textBox { color: #333; line-height: 1.8; }
.privacy_policy .privacy_notice { padding: 18px 15px; background: #f5f7fb; border-left: 4px solid #41478f; color: #222; line-height: 1.7; font-size: 17px; }
.privacy_policy .privacy_notice a { color: #3250b3; text-decoration: underline; font-weight: 700; }
.privacy_policy .privacy_notice a:hover { color: #41478f; }
.privacy_policy .privacy_notice a i { margin-left: 3px; margin-right: 3px; margin-bottom: 6px; vertical-align: middle; }
.privacy_policy .MAT10 { margin-top: 10px; }
.privacy_policy .MAT20 { margin-top: 20px; }
.privacy_policy .MAT30 { margin-top: 30px; }
.privacy_policy .MAT50 { margin-top: 30px; }
.privacy_policy .t_center { text-align: center; }

.privacy_policy .privacy_label { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin-top: 14px; }
.privacy_policy .privacy_label .label_box { width: 32%; box-sizing: border-box; padding: 30px 20px; margin-bottom: 20px; text-align: center; border: 1px solid #dcdcdc; transition: border-color .2s; text-decoration: none; color: inherit; }
.privacy_policy .privacy_label .label_box:hover { border-color: #41478f; }
.privacy_policy .privacy_label .label_box img { width: 72px; height: auto; display: block; margin: 0 auto 12px; }
.privacy_policy .privacy_label .label_cnt { padding-bottom: 5px; margin-bottom: 0; font-weight: 700; font-size: 15px; color: #222; letter-spacing: -0.02em; }

.privacy_policy .list05 { list-style: none; padding: 0; margin: 0; }
.privacy_policy .list05 > li { font-size: 14px; color: #666; line-height: 1.6; }

.privacy_policy .home_textBox02 { width: 100%; padding:20px ; border: 1px solid #d9d9d9; }
.privacy_policy .home_titleLine01 { font-weight: 700; font-size: 28px; color: #111; }
.privacy_policy .home_titleLine02 { font-weight: 700; font-size: 18px; color: #41478f; letter-spacing: -0.02em; }

.privacy_policy .cnt_list { width: 100%; padding: 30px 3% 10px; margin: 20px auto 0; display: flex; flex-flow: row wrap; justify-content: space-between; border: 1px solid #d9d9d9; box-sizing: border-box; list-style: none; }
.privacy_policy .cnt_list li { width: 48%; margin-bottom: 20px; position: relative; box-sizing: border-box; }
.privacy_policy .cnt_list li a { color: #444; font-weight: 400; box-sizing: border-box; padding-left: 34px; min-height: 25px; display: block; background-repeat: no-repeat; background-position: left center; background-size: 22px auto; text-decoration: none; line-height: 1.5; }
.privacy_policy .cnt_list li a:hover { color: #41478f; text-decoration: underline; }

.privacy_policy .icon_bgLine01 { background-image: url(../images/policy/y844l2v09w0h0j0.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }
.privacy_policy .icon_bgLine02 { background-image: url(../images/policy/c5nt7rr3u45rl4y.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }
.privacy_policy .icon_bgLine03 { background-image: url(../images/policy/6829lx0b6mu4i89.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }
.privacy_policy .icon_bgLine04 { background-image: url(../images/policy/t7879w5eqea1wky.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }
.privacy_policy .icon_bgLine05 { background-image: url(../images/policy/2212o230m0ss3x9.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }
.privacy_policy .icon_bgLine06 { background-image: url(../images/policy/4lw68oe98e333xw.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }
.privacy_policy .icon_bgLine07 { background-image: url(../images/policy/377vi1iyn0sxcux.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }
.privacy_policy .icon_bgLine08 { background-image: url(../images/policy/r5x53ln61m9ss2d.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }
.privacy_policy .icon_bgLine09 { background-image: url(../images/policy/rsomdy3gjis3679.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }
.privacy_policy .icon_bgLine10 { background-image: url(../images/policy/5wch2a498e353a5.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }
.privacy_policy .icon_bgLine11 { background-image: url(../images/policy/81of9mq04309su0.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }
.privacy_policy .icon_bgLine12 { background-image: url(../images/policy/33th4722853l9lz.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }
.privacy_policy .icon_bgLine13 { background-image: url(../images/policy/jzuz6aq0y7t4ts5.png); background-repeat: no-repeat; background-position: left center; background-size: 22px auto; }

.privacy_policy .termsWrap > h5,
.privacy_policy h5.icon_bgLine01,
.privacy_policy h5.icon_bgLine02,
.privacy_policy h5.icon_bgLine03,
.privacy_policy h5.icon_bgLine04,
.privacy_policy h5.icon_bgLine05,
.privacy_policy h5.icon_bgLine06,
.privacy_policy h5.icon_bgLine07,
.privacy_policy h5.icon_bgLine08,
.privacy_policy h5.icon_bgLine09,
.privacy_policy h5.icon_bgLine10,
.privacy_policy h5.icon_bgLine11,
.privacy_policy h5.icon_bgLine12,
.privacy_policy h5.icon_bgLine13 {
	font-size: 18px;
	color: #416abb;
	padding-left: 34px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px auto;
	font-weight: 700;
	letter-spacing: -0.02em;
	scroll-margin-top: 100px;
}

.privacy_policy h5[class*="icon_bgLine"] + ol.list03 { margin-top: 15px; }

.privacy_policy .list03 { list-style: none; padding: 0; margin: 0; }
.privacy_policy .termsWrap > ol.list03 > li { padding: 0 0 12px 15px; text-indent: -15px; }
.privacy_policy .termsWrap > ol.list03 > li > ol,
.privacy_policy ol.list03 > li > ul { padding: 10px 0 0 0; text-indent: 0; }
.privacy_policy .termsWrap > ol.list03 > li > ol.list03 > li { padding: 0 0 7px 15px; text-indent: -15px; }

.privacy_policy .tbl-responsive { width: 100%; overflow-x: auto; }
.privacy_policy .home_basicTable { width: 100%; border-collapse: collapse; border-top: 2px solid #333; table-layout: fixed; }
.privacy_policy .home_basicTable caption {
	visibility: visible;
	width: auto;
	height: auto;
	overflow: visible;
	text-indent: 0;
	line-height: 1.5;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	text-align: left;
	caption-side: top;
	margin-bottom: 12px;
	padding: 0;
}
.privacy_policy .home_basicTable th,
.privacy_policy .home_basicTable td { border: 1px solid #dcdcdc; padding: 14px 12px; font-size: 15px; vertical-align: middle; text-align: left; word-break: keep-all; }
.privacy_policy .home_basicTable thead th { background: #f5f5f5; text-align: center; font-weight: 700; color: #222; }
.privacy_policy .home_basicTable tbody th { background: #fafafa; font-weight: 600; color: #333; width: 30%; text-align: center; }
.privacy_policy .home_basicTable tbody td { color: #444; }

.privacy_policy .privacy_contact { padding: 16px 18px; background: #f8f9fc; border: 1px solid #e4e6ee; text-indent: 0; }
.privacy_policy .privacy_contact .contact_tit { display: block; margin: 12px 0 8px; color: #41478f; font-size: 15px; text-indent: 0; }
.privacy_policy .privacy_contact .contact_tit:first-child { margin-top: 0; }
.privacy_policy .privacy_contact ul,
.privacy_policy .privacy_bullet { list-style: none; padding: 0; margin: 0; }
.privacy_policy .privacy_contact ul { margin-bottom: 4px; }
.privacy_policy .privacy_contact ul > li,
.privacy_policy .privacy_bullet > li {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
	text-indent: 0;
}
.privacy_policy .privacy_contact ul > li::before,
.privacy_policy .privacy_bullet > li::before {
	content: "";
	flex-shrink: 0;
	width: 5px;
	height: 5px;
	box-sizing: border-box;
	border: 1px solid #888;
	border-radius: 100%;
	background: #fff;
}
.privacy_policy .privacy_contact a,
.privacy_policy .privacy_bullet a { color: #3250b3; text-decoration: underline; }

@media screen and (max-width: 900px) {
	.privacy_policy .privacy_label .label_box { width: 48%; padding: 20px 12px; }
	.privacy_policy .cnt_list li { width: 100%; }
}

@media screen and (max-width: 700px) {
	.privacy_policy .privacy_top h3 { font-size: 20px; }
	.privacy_policy .privacy_label .label_box { width: 48%; padding: 16px 10px; font-size: 14px; }
	.privacy_policy .privacy_label .label_box img { width: 48px; }
	.privacy_policy .privacy_label .label_cnt { font-size: 13px; }
	.privacy_policy .termsWrap { font-size: 15px; }
	.privacy_policy h5[class*="icon_bgLine"] { font-size: 16px; padding-left: 28px; background-size: 20px auto; }
	.privacy_policy .home_basicTable th,
	.privacy_policy .home_basicTable td { padding: 10px 8px; font-size: 13px; }
	.privacy_policy .MAT50 { margin-top: 36px; }
}

@media screen and (max-width: 480px) {
	.privacy_policy .privacy_label .label_box { width: 100%; }
}