/* header */
.yo_header
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:77px;
	box-shadow: 0 1px 1px 0 rgb(50 50 50 / 10%);
	background:#fff;
	z-index:1000;
}
.yo_header .logo img
{
	width:55px;
}
.yo_header .layout
{
	height:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.yo_header .layout .right
{
	display:flex;
	height:100%;
}
.yo_header .layout .right .menu
{
	display:flex;
}
.yo_header .layout .right .menu li
{
	position:relative;
	display:flex;
	align-items:center;
	height:100%;
	padding:0 15px;
	transition:all .4s;
	font-size:16px;
	cursor:pointer;
}
.yo_header .layout .right .menu li.active,
.yo_header .layout .right .menu li:hover
{
	color:#488ac7;
}
.yo_header .layout .right .move_link
{
	position:relative;
	display:flex;
	padding-left:10px;
}
.yo_header .layout .right .move_link:before
{
	content:'';
	position:absolute;
	top:31px;
	left:2px;
	width:1px;
	height:15px;
	background:#000
}
.yo_header .layout .right .move_link a
{
	display:flex;
	align-items:center;
	height:100%;
	padding:0 10px;
}
.yo_header .mobile_click
{
	display:none;
}

/* media */
@media screen and (max-width:767px)
{
	.yo_header
	{
		height:50px;
	}
	.yo_header .layout
	{
		padding:0 10px;
	}
}


/* Mobile header */
.tab_wrap
{
	position:relative;
	width:100%;
	display:none;
}
.mobile_h_bg
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:1002;
	display:none;
}
.tablet_menu
{
	display:none;
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:100vh;
	background:#fff;
	z-index:10001;
	transform:translateX(100%);
	transition:all .5s;
	overflow-y:auto;
}
.tablet_menu.active_tablet_menu
{
	transform:translateX(0);
}
.tablet_menu .tab_right
{
	height:100%;
	padding-left:100px;
}
.tablet_menu .tab_right .top_wrap
{
	position:relative;
	width:100%;
	height:120px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.tablet_menu .tab_right .top_wrap .log_click
{
	position:relative;
	width:172px;
	height:45px;
	text-align:left;
	font-size:16px;
	color:#fff;
	letter-spacing:-0.8px;
	text-align:left;
	z-index:1;
}
.tablet_menu .tab_right .top_wrap .log_click button,
.tablet_menu .tab_right .top_wrap .log_click .log_link_direct
{
	display:flex;
	align-items:center;
	position:relative;
	width:100%;
	height:100%;
	background:#686C70;
	padding:0 17px;
	font-size:16px;
	color:#fff;
	letter-spacing:-0.8px;
	text-align:left;
	cursor:pointer;
}
.tablet_menu .tab_right .top_wrap .log_click button:after,
.tablet_menu .tab_right .top_wrap .log_click .log_link_direct:after
{
	content:'';
	position:absolute;
	top:20px;
	right:15px;
	width:11px;
	height:7px;
	background:url(/us_museum/user/assets/images/common/header_top_arrow.svg) no-repeat center center;
	background-size:11px;
	transition:all .3s;
}
.tablet_menu .tab_right .top_wrap .log_click .log_link_direct:after
{
	top:18px;
	transform:rotate(-90deg)
}
.tablet_menu .tab_right .top_wrap .log_click button.active:after
{
	transform:rotate(180deg)
}
.tablet_menu .tab_right .top_wrap .log_click div
{
	display:none;
}
.tablet_menu .tab_right .top_wrap .log_click div > *
{
	display:block;
	padding:14px 15px;
	background:#686C70;
	border-top:1px solid #7A7D81;
	color:#fff;
}
.tablet_menu .tab_right .conts_wrap
{
	position:relative;
	width:100%;
	padding-right:40px;
}
.tablet_menu .tab_right .conts_wrap .search_wrap
{
	position:relative;
	width:100%;
	height:45px;
}
.tablet_menu .tab_right .conts_wrap .search_wrap input:nth-of-type(1)
{
	width:100%;
	height:45px;
	background:#F6F4F1;
	font-size:16px;
	font-weight:300;
	letter-spacing:-0.8px;
	padding:0 45px 0 13px;
	color:#333333;
	border:0;
}
.tablet_menu .tab_right .conts_wrap .search_wrap .submit_btn
{
	position:absolute;
	top:0;
	right:0;
	padding:14px 13px;
}
.tablet_menu .toggle_tab
{
	margin-top:40px;
}
.tablet_menu .toggle_tab > ul:first-child > li
{
	position:relative;
}
.tablet_menu .toggle_tab > ul:first-child > li > a
{
	position:relative;
	text-align:center;
	display:block;
	font-size:20px;
	color:#1E1F25;
	padding:20px 30px 20px 0;
	text-align:left;
	transition:all .3s;
}
.tablet_menu .toggle_tab > ul:first-child > li > a span
{
	position:relative;
}
.tablet_menu .toggle_tab > ul:first-child > li > a.active_toggle span:before
{
	content:'';
	position:absolute;
	top:10px;
	right:-15px;
	width:5px;
	height:5px;
	background:#DA8F02;
	border-radius:100%;
}
.tablet_menu .toggle_tab > ul:first-child > li > a:after
{
	content:'';
	position:absolute;
	top:26px;
	right:0;
	width:13px;
	height:8px;
	background:url(/us_museum/user/assets/images/common/header_mobile_arrow.svg) no-repeat center center;
	background-size:13px;
	transition:all .3s;
}
.tablet_menu .toggle_tab > ul:first-child > li > a.active_toggle
{
	color:#DA8F02;
}
.tablet_menu .toggle_tab > ul:first-child > li > a.active_toggle:after
{
	transform:rotate(180deg)
}
.tablet_menu .toggle_tab > ul:first-child > li > ul
{
	display:none;
}
.tablet_menu .toggle_tab > ul:first-child > li > ul > li
{
	position:relative;
	font-size:17px;
	color:#999999;
	letter-spacing:-0.85px;
}
.tablet_menu .toggle_tab > ul:first-child > li > ul > li > a
{
	display:block;
	padding:16px 20px;
}

/* media */
@media screen and (max-width:1023px)
{
	.yo_header .layout .right
	{
		display:none;
	}
	.yo_header .mobile_click,
	.tab_wrap,
	.tablet_menu
	{
		display:block;
	}
	.tablet_menu .fixed_left
	{
		display:flex;
		left:inherit;
		top:calc(50% - 30px);
		left:calc(-50vh + 30px);
		width:100vh;
		position:absolute;
	}
	}
	.tablet_menu .fixed_left > *
	{
		width:50%;
	}
	.header .layout_wrap
	{
		padding:0 40px;
	}
	.header .mobile_click
	{
		width:80px;
	}
	.tablet_menu .tab_right
	{
		padding-left:90px
	}
	.tablet_menu .tab_right .top_wrap
	{
		height:100px;
	}
	.tablet_menu .tab_right .top_wrap .close
	{
		width:110px;
	}
	.tablet_menu .toggle_tab
	{
		margin-top:30px;
	}
	.tablet_menu .toggle_tab > ul:first-child > li > a
	{
		font-size:18px;
	}
	.tablet_menu .toggle_tab > ul:first-child > li > ul > li
	{
		font-size:16px;
	}
	.tablet_menu .toggle_tab > ul:first-child > li > ul > li > a
	{
		padding:14px 20px;
	}
	.tablet_menu .tab_right .conts_wrap
	{
		padding-right:30px;
	}
	.tablet_menu .toggle_tab
	{
		margin-top:20px;
	}
	.tablet_menu .fixed_left > *
	{
		font-size:15px;
	}
	.tablet_menu .toggle_tab > ul:first-child > li > a
	{
		font-size:17px
	}
	.tablet_menu .toggle_tab > ul:first-child > li > ul > li
	{
		font-size:15px;
	}
	.tablet_menu .toggle_tab > ul:first-child > li > a.active_toggle span:before
	{
		top:8px;
	}
	.tablet_menu .toggle_tab > ul:first-child > li > ul > li > a
	{
		padding:12px 17px
	}
}


@media screen and (max-width:767px)
{
	.tablet_menu
	{
		position:fixed;
		width:100%;
	}
	.tablet_menu .tab_right .top_wrap
	{
		height:70px
	}
	.tablet_menu .tab_right .top_wrap .close
	{
		position:absolute;
		top:0;
		right:0;
		width:70px;
	}
	.tablet_menu .tab_right .top_wrap .close img
	{
		width:100%;
	}
	.tablet_menu .tab_right
	{
		padding:0;
		padding-left:80px
	}
	.tablet_menu .tab_right .top_wrap .log_click
	{
		width:140px;
	}
	.tablet_menu .tab_right .top_wrap .log_click button
	{
		background:#fff;
		color:#1E1F25;
		padding:0;
		transition:all .3s;
	}
	.tablet_menu .tab_right .top_wrap .log_click button:after
	{
		background:url(/us_museum/user/assets/images/common/header_mobile_arrow_black.svg) no-repeat center center;
		background-size:11px;
	}
	.tablet_menu .tab_right .top_wrap .log_click button.active
	{
		background:#686C70;
		color:#fff;
		padding-left:15px;
	}
	.tablet_menu .tab_right .top_wrap .log_click button.active:after
	{
		background:url(/us_museum/user/assets/images/common/header_top_arrow.svg) no-repeat center center;
		background-size:11px;
	}
	.tablet_menu .tab_right .conts_wrap
	{
		padding-right:22px;
	}
	.tablet_menu .toggle_tab > ul:first-child > li > a
	{
		padding:17px 30px 17px 0;
	}
}



/* Contents */
.contents_wrap
{
	position:relative;
	width:100%;
	margin-top:77px;
}
.contents_wrap > article,
.contents_wrap > section{
	max-width:1280px;
	margin:0 auto;
}
.contents_wrap .main{
	margin-top:-77px;
}

/* > section01 */
.main_slide
{
	position:relative;
	width:100%;
	height:700px;
	border-radius:8px;
	box-shadow:0px 6px 10px rgba(0,0,0,0.18);
	z-index: 2;
	overflow: hidden;
}
.main_slide img
{
	width:100%;
	height:100%;
	object-fit:cover;
}
.main_slide .swiper-container,
.main_slide .swiper-slide{
	height:100%;
}
.main_slide .swiper-main-pagination
{
	bottom:18px
}
.main_slide .swiper-main-pagination span
{
	width:12px;
	height:12px;
	opacity:1;
	background:#fff;
	transition:all .5s;
}
.main_slide .swiper-main-pagination span.swiper-pagination-bullet-active
{
	width:25px;
	background:#fd6769;
	border-radius:15px;
}


/* > section02 */
.yo_contents_02
{
	position:relative;
	width:100%;
	padding:100px 0;
}
.yo_contents_02 h2
{
	position:relative;
	display:table;
	margin:0 auto;
	font-size:16px;
	letter-spacing:2.5px;
	color:#252525;
	text-align:center;
}
.yo_contents_02 h2:after
{
	content:'';
	position:absolute;
	bottom:-8px;
	left:0;
	width:100%;
	height:2px;
	background:#252525;
}
.yo_contents_02 #gnb_1dul
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:40px;
}
.yo_contents_02 #gnb_1dul > li
{
	width:100%;
	display:inline-block;
	text-align:center;
	margin:0 4px;
}
.yo_contents_02 #gnb_1dul > li > a
{
	display:block;
	border:1px solid #d1d1d1;
	padding:12px 8px;
	font-size:14px;
}
.yo_contents_02 .latest_wr
{
	margin-top:20px;
}
.yo_contents_02 .latest_wr h2
{
	letter-spacing:-0.1px;
	font-size:17px
}
.yo_contents_02 .latest_wr .lat ul li
{
	padding:15px 10px 12px;
	overflow:hidden;
}


#aside
{
	display:none;
	position:fixed;
	top:77px;
	right:0;
	background:#fff;
	z-index:1000;
	height:auto;
	margin:0;
}
#aside .ol
{
	margin:0;
}

#ft
{
	display:none;
}






/* Sub */
.sub_common_wrap
{
	position:relative;
	width:100%;
	margin-top:77px;
	padding-bottom:100px;
}
.sub_common_wrap .jubo_bg
{
	position:relative;
	width:100%;
	height:268px;
	background:url(/js/yo_assets/images/sub_top_bg1.png) no-repeat center center;
	background-size:cover;
}
.sub_common_wrap .jubo_bg:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
}
.sub_common_wrap .jubo_bg .text_wrap
{
	position:relative;
	height:100%;
	display:flex;
	flex-flow:column wrap;
	justify-content:center;
	align-items:center;
	z-index:1;
	color:#fff;
}
.sub_common_wrap .jubo_bg .text_wrap h1
{
	font:35px 'Noto Serif KR', serif;
}
.sub_common_wrap .jubo_bg .text_wrap h2
{
	margin-top:15px;
	font-size:16px;
	font-weight:300;
	letter-spacing:0;
}

/* media */
@media screen and (max-width:767px)
{
	.contents_wrap,
	.sub_common_wrap
	{
		margin-top:50px;
	}
}



/* > 주보 */
.jubo_wrap .title
{
	position:relative;
	width:100%;
	margin:40px 0 20px;
}
.jubo_wrap .title h2
{
	font-size:55px;
	color:#7F8C8D;
	font-weight:100;
	margin-top:50px;
}

.jubo_wrap .type_01,
.jubo_wrap .type_02,
.jubo_wrap .type_03,
.jubo_wrap .type_04
{
	padding:70px 0;
	border-top:1px dashed #eee;
}
.jubo_wrap .type_01
{
	border-top:0;
	display:flex;
	justify-content:space-between;
}
.jubo_wrap .type_01 .wrap
{
	flex-grow:1;
	flex-shrink:0;
}
.jubo_wrap .type_01 .wrap + .wrap
{
	margin-left:40px;
}
.jubo_wrap .type_01 .wrap h3
{
	font-size:22px;
	font-weight:600;
	margin-bottom:10px;
	padding-bottom:10px;
}
.jubo_wrap .type_01 .wrap ul li
{
	flex-grow:1;
	position:relative;
	display:flex;
	align-items:center;
	border-bottom:1px solid #777;
	padding:15px 0;
}
.jubo_wrap .type_01 .wrap ul li + li
{
	margin-top:15px;
}
.jubo_wrap .type_01 .wrap ul li .sub_title
{
	font-size:17px;
	flex-basis:120px;
	flex-shrink:0;
}
.jubo_wrap .type_01 .wrap ul li .sub_conts
{
	flex-grow:1;
}

.jubo_wrap .type_02
{
	position:relative;
	width:100%;
	display:flex;
}
.jubo_wrap .type_02 .left
{
	flex-basis:370px;
	flex-shrink:0;
}
.jubo_wrap .type_02 .left .image_wrap
{
	height:250px;
	overflow:hidden;
}
.jubo_wrap .type_02 .right
{
	flex-grow:1;
	padding-left:50px;
}
.jubo_wrap .type_02 .right > *
{
	line-height:1.4;
}
.jubo_wrap .type_02 .right h3
{
	font-size:22px;
}
.jubo_wrap .type_02 .right h4
{
	margin-top:20px;
	font-size:25px;
}
.jubo_wrap .type_02 .right h5
{
	font-size:17px;
	margin-top:10px;
}
.jubo_wrap .type_02 .right ul
{
	padding:20px 0 0 0;
}
.jubo_wrap .type_02 .right ul li
{
	font-size:16px;
}
.jubo_wrap .type_02 .right ul li + li
{
	margin-top:7px;
}

.jubo_wrap .type_03 h3,
.jubo_wrap .type_01_pri h2
{
	font-size:40px;
	font-weight:600;
	text-align:center;
	margin-bottom:70px;
}
.jubo_wrap .type_03 .flex_wrap
{
	display:flex;
	justify-content:space-between;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner
{
	flex-grow:1;
	flex-basis:50%;
	display:flex;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner .left
{
	flex-basis:100px;
	flex-shrink:0;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner .left span
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:70px;
	height:70px;
	border:1px solid #000;
	border-radius:100%;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner .right
{
	flex-grow:1;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner + .flex_inner
{
	margin-left:30px;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner h4
{
	font-size:20px;
	font-weight:600;
	line-height:1.4;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner h5
{
	font-size:15px;
	margin-top:15px;
	line-height:1.4;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner .table_scroll
{
	overflow-x:auto;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner .table_inner
{
	width:max-content;
	margin-top:20px;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner .table_inner th
{
	background:#ccc;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner .table_inner th,
.jubo_wrap .type_03 .flex_wrap .flex_inner .table_inner td
{
	font-size:15px;
	padding:15px 10px;
	text-align:center;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner ul
{
	margin-top:10px;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner ul li
{
	position:relative;
	display:flex;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner ul li + li
{
	margin-top:4px;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner ul li > *
{
	font-size:15px;
	line-height:1.4;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner ul li .sub_title
{
	flex-basis:40px;
	flex-shrink:0;
}
.jubo_wrap .type_03 .flex_wrap .flex_inner ul li .sub_conts
{
	flex-grow:1;
}


.jubo_wrap .type_04
{
	position:relative;
	width:100%;
	display:flex;
}
.jubo_wrap .type_04 .left
{
	flex-basis:500px;
	flex-shrink:0;
}
.jubo_wrap .type_04 .right
{
	flex-grow:1;
	padding-left:50px;
}
.jubo_wrap .type_04 .right > *
{
	line-height:1.4
}
.jubo_wrap .type_04 .right h3
{
	font-size:25px;
	font-weight:600;
	line-height:1.4;
}
.jubo_wrap .type_04 .right h4
{
	margin-top:20px;
	font-size:18px;
}
.jubo_wrap .type_04 .right p
{
	margin-top:10px;
	font-size:15px;
}
.jubo_wrap .type_04 .right ul
{
	margin-top:10px;
}
.jubo_wrap .type_04 .right ul li
{
	position:relative;
	font-size:15px;
	padding-left:10px;
}
.jubo_wrap .type_04 .right ul li + li
{
	margin-top:5px;
}
.jubo_wrap .type_04 .right ul li:before
{
	content:'';
	position:absolute;
	top:8px;
	left:0;
	width:5px;
	height:1px;
	background:#000
}

.jubo_wrap .type_01_pri
{
	flex-flow:column wrap;
	border-top:1px dashed #eee;
}
.jubo_wrap .type_01_pri .wrap
{
	flex-basis:100%;
	margin:0 0 20px !important
}
.jubo_wrap .type_01_pri .wrap .sub_conts
{
	line-height:1.4;
}
.jubo_wrap .type_01_pri .wrap ul li
{
	padding:0 0 15px;
}


/* media */
@media screen and (max-width:1023px)
{
	.jubo_wrap .title h2
	{
		font-size:45px;
	}
	.jubo_wrap .type_01,
	.jubo_wrap .type_02,
	.jubo_wrap .type_03,
	.jubo_wrap .type_04
	{
		padding:50px 0;
	}
	.jubo_wrap .type_01
	{
		flex-flow:row wrap;
	}
	.jubo_wrap .type_01 .wrap
	{
		width:calc(50% - 20px);
	}
	.jubo_wrap .type_01 .wrap + .wrap + .wrap
	{
		margin:50px 0 0;
	}

	.jubo_wrap .type_02
	{
		flex-flow:column wrap;
	}
	.jubo_wrap .type_02 .left
	{
		flex-basis:auto;
	}
	.jubo_wrap .type_02 .left .image_wrap
	{
		height:300px;
	}
	.jubo_wrap .type_02 .right
	{
		padding:0;
		margin-top:20px;
	}
	.jubo_wrap .type_02 .right h4
	{
		margin-top:10px;
		font-size:22px;
	}
	.jubo_wrap .type_02 .right h5
	{
		font-size:16px;
	}
	.jubo_wrap .type_02 .right ul li
	{
		font-size:15px;
	}

	.jubo_wrap .type_03 h3
	{
		font-size:35px;
		margin-bottom:50px;
	}
	.jubo_wrap .type_03 .flex_wrap
	{
		flex-flow:column wrap;
	}
	.jubo_wrap .type_03 .flex_wrap .flex_inner + .flex_inner
	{
		margin-left:0;
		margin-top:20px;
		border-top:1px dashed #eee;
		padding-top:70px;
	}

	.jubo_wrap .type_04
	{
		display:block;
	}
	.jubo_wrap .type_04 .left .image_wrap img
	{
		width:100%;
	}
	.jubo_wrap .type_04 .right
	{
		padding-left:0;
		margin-top:20px;
	}

}

@media screen and (max-width:767px)
{
	.sub_common_wrap .jubo_bg
	{
		height:220px;
	}
	.sub_common_wrap .jubo_bg .text_wrap h1
	{
		font-size:30px;
	}
	.sub_common_wrap .jubo_bg .text_wrap h2
	{
		font-size:14px;
	}
	.jubo_wrap .title h2
	{
		font-size:35px;
		margin-top:20px;
	}
	.jubo_wrap .type_01,
	.jubo_wrap .type_02,
	.jubo_wrap .type_03,
	.jubo_wrap .type_04
	{
		padding:20px 0;
	}
	.jubo_wrap .type_01 .wrap h3
	{
		padding:0;
	}
	.jubo_wrap .type_01
	{
		display:block;
	}
	.jubo_wrap .type_01_pri
	{
		padding-top:30px;
	}
	.jubo_wrap .type_01 .wrap
	{
		width:100%;
	}
	.jubo_wrap .type_01 .wrap + .wrap
	{
		margin:30px 0 0 !important
	}
	.jubo_wrap .type_01 .wrap h3
	{
		font-size:20px;
	}
	.jubo_wrap .type_01 .wrap ul li .sub_title
	{
		font-size:15px;
	}
	.jubo_wrap .type_01 .wrap ul li
	{
		padding:13px 0;
	}
	.jubo_wrap .type_01_pri .wrap ul li
	{
		padding:5px 0 13px
	}
	.jubo_wrap .type_01 .wrap ul li + li
	{
		margin-top:10px;
	}

	.jubo_wrap .type_02 .right h4
	{
		font-size:20px;
	}

	.jubo_wrap .type_03 h3,
	.jubo_wrap .type_01_pri h2
	{
		font-size:30px;
		margin:20px 0 30px;
	}
	.jubo_wrap .type_03 .flex_wrap .flex_inner .left span
	{
		width:45px;
		height:45px;
	}
	.jubo_wrap .type_03 .flex_wrap .flex_inner .left span img
	{
		width:22px;
	}
	.jubo_wrap .type_03 .flex_wrap .flex_inner .left
	{
		flex-basis:60px;
	}
	.jubo_wrap .type_03 .flex_wrap .flex_inner + .flex_inner
	{
		padding-top:30px;
	}

	.jubo_wrap .type_04 .right h3
	{
		font-size:23px;
	}
	.jubo_wrap .type_04 .right h4
	{
		font-size:17px;
		margin-top:15px;
	}
}