@charset "UTF-8";

/* MAIN */
.main_visual {
    position: relative;
}
.main_visual .slick-track > li.slide_image-1 {
	background-image: url('../images/main/visual_bg_1.jpg');
}
.main_visual .slick-track > li.slide_image-2 {
	background-image: url('../images/main/visual_bg_2.jpg');
}
.main_visual .slick-track > li.slide_image-3 {
	background-image: url('../images/main/visual_bg_3.jpg');
}

.main_visual .slick-list {
	z-index: 0;
}
.main_visual .slick-initialized .slick-slide {
	padding-bottom: 8.66%;
	background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
	font-size: 0;
	text-indent: -9999px;
}
.main_visual .slick-dots {
	position: absolute;
	left: 50%;
	bottom: 15px;
	transform: translateX(-50%);
	z-index: 5;
}
.main_visual .slick-dots:before,
.main_visual .slick-dots:after {
    content: " ";
    display: table;
}
.main_visual .slick-dotsr:after {
    clear: both;
}
.main_visual .slick-dots > li {
	float: left; 
}
.main_visual .slick-dots > li + li {
	margin-left: 5px;
}
.main_visual .slick-dots > li > button {
	display: block;
    width: 15px;
    height: 3px;
    background-color: #b9b9b9;
	border: 0;
    text-indent: -9999px;
}
.main_visual .slick-dots > li.slick-active > button {
	background-color: #e61a11;
}

.main_content {
	width: 100%;
}
.main_content_aligner {
	position: relative;
	margin: 0 auto;
	padding: 15px;
}
.main_subject {
	color: #333;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}
.main_headings {
	position: absolute;
	top: 60px;
	left: 15px;
}
.main_heading {
	position: relative;
	margin: 0 auto;
}
.main_heading span { 
	display: block; 
	text-shadow: 0 4px rgba(20, 20, 20, .26);
}
.main_heading .main_heading1 { 
	color: #b1b1b1; 
	font-size: 11px;
}
.main_heading .main_heading2 {
	margin-bottom: 5px;
	color: #fff;
	font-size: 16px;
}
.main_heading .main_heading3 {
	color: #fff;
	font-size: 40px;
	font-family: 'Noto Sans Korean';
	font-weight: 900;
	line-height: 1;
}
.main_heading .main_heading3 br {
	display: none;
}

.intro_list {
	margin-bottom: 25px;
}
.intro_list > li +  li {
	margin-top: 5px;
}
.intro_list > li > a {
	display: block;
	padding: 15px;
	background-color: #f2f2f2; 
}
.intro_title { 
	margin-bottom: 5px;
	font-size: 14px;
	color: #333;
	font-weight: 700;
}
.intro_text {
	font-size: 12px;
	color: #333;
	letter-spacing: -0.5px;
}
.intro_text br {
	display: none;
}

.museum_history {
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 25px;
}
.museum_history:before,
.museum_history:after {
	content: " ";
	display: table;
}
.museum_history:after {
	clear: both;
}
.museum_history img {
	display: block;
	width: 100%;
}
.history_aligner {
	width: 100%;
}
.history_video > a { display: block; }

.zone_aligner {
	display: none;
	float: left;
	position: relative;
	width: 50%;
	padding: 0 5px;
}
.zone_aligner .bx-pager{
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 10;
    transform: translateX(-50%);
}
.zone_aligner .bx-pager:before,
.zone_aligner .bx-pager:after {
    content: " ";
    display: table;
}
.zone_aligner .bx-pager:after {
    clear: both;
}
.zone_aligner .bx-pager .bx-pager-item {
    float: left;
}
.zone_aligner .bx-pager div + div {
    padding-left: 3px;
}
.zone_aligner .bx-pager .bx-pager-item .bx-pager-link {
    display: block;
    width: 12px;
    height: 2px;
    background-color: #b9b9b9;
    text-indent: -9999px;
}
.zone_aligner .bx-pager .bx-pager-item .bx-pager-link.active {
    background-color: #e61a11;
}

.main_info { position: relative; }
.notice_list {
	padding-bottom: 8px;
	border-bottom: 1px solid #222;
}
.notice_list > li {
	position: relative;
	padding-left: 7px;
}
.notice_list > li +  li {
	margin-top: 5px;
}
.notice_list > li:before {
	content: " ";
	display: block;
	position: absolute; 
	top: 8px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #d1d1d1;
}
.notice_list > li > a {
	display: block;
	color: #333; 
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
}

.info_list {
	padding-top: 10px;
	border-top: 1px solid #494949;
}
.info_list > li {
	display: table;
	width: 100%;
}
.info_list > li + li {
	margin-top: 5px;
}
.info_list > li > div {
	display: table-cell;
	font-size: 12px;
	vertical-align: top;
}
.info_list .info_key {
	width: 85px;
	color: #333;
	text-align: left;

}
.info_list .info_value {
	width: calc( 100% - 85px );
	color: #555;	
	text-align: right;
}

/* DISPLAY */
.display_section {
	border: 1px solid #e6e6e6;
	padding: 20px;
}
.display_section + .display_section {
	margin-top: 10px;
}
.display_guide {
	position: relative;
}
.display_guide.column:before,
.display_guide.column:after {
	content: " ";
	display: table;
}
.display_guide.column:after {
	clear: both;
}
.display_frames {
	margin-top: 20px;
	 text-align: center;
	 font-size: 0;
}
.display_frame + .display_frame {
	margin-top: 10px;
}
.display_frames + .paragraph {
	margin-top: 20px;
}
.display_frame img {
	max-width: 100%;
}
.display_frame-explain {
	padding: 8px 0;
	color: #303030; 
	font-size: 14px;
	font-weight: 700;
}

.frame_expansion {
	display: inline-block;
	position: relative; 
}
.frame_expansion:after {
	content: " ";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: url(../images/pages/frame_expansion.png) no-repeat 0 0;
}

.display_buttons {
	margin-top: 30px;
	font-size: 0;
}
.display_buttons > div + div {
	margin-top: 10px;
}

.display_video-button { 
	text-align: center;
}
.display_video-button > a {
	display: inline-block;
	position: relative;
	min-height: 25px;
	padding: 10px 55px 10px 20px;
	background-color: #a6130c;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}
.display_video-button > a:after {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	right: 13px;
	width: 20px;
	height: 20px;
	background: url(../images/pages/display_video-button.png) no-repeat;
	background-size: 20px 20px;
	transform: translateY(-50%);
}

.display_download { 
	text-align: center;
}
.display_download > a {
	display: inline-block;
	position: relative;
	min-height: 25px;
	padding: 10px 45px 10px 10px;
	background-color: #fff;
	border: 1px solid #a6130c;
	color: #a6130c;
	font-size: 13px;
	font-weight: 700;
}
.display_download > a:after {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	right: 13px;
	width: 20px;
	height: 20px;
	background: url(../images/pages/display_download.png) no-repeat;
	background-size: 20px 20px;
	transform: translateY(-50%);
}

.display_list {
	display: table;
	width: 100%;
	margin-top: 35px;
	padding: 20px;
	background-color: #f8f8f8;
}
.display_list > li +  li {
	margin-top: 20px;
}
.display_list-key {
	display: block;
	position: relative;
	margin-bottom: 5px;
	padding-left: 14px;
	color: #a6130c;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -1px;
}
.display_list-key:before {
	content: " ";
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #a6130c;
}
.display_list-value {
	display: block;
	color: #454545;
	font-size: 13px;
}

/* 관람안내 */
.location {
    padding-top: 20px;
}

.location_box {
    position: relative;
    padding: 0;
}
.location_box:before,
.location_box:after {
    content: " ";
    display: table;
}
.location_box:after {
    clear: both;
}
.location_box + .location_box {
    border-top: 1px solid #ddd;
}

.location_frames {
    display: none;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}

.location_heading {
    margin-bottom: 15px;
	font-size: 18px;
}
.location_heading + .location_list {
	padding-top: 0;
}
.location_list {
	padding-top: 3px;
}
.location_list > li {
    font-size: 13px;
}
.location_list > li + li {
	margin-top: 5px;
}
.tourist-captions {
	padding-top: 20px;
}
.tourist-caption {
	font-size: 13px;
	color: #555;
	font-weight: bold;
}

.map .root_daum_roughmap_landing {
    width: 100% !important;
}

/* 전시 */
.display-info {
	position: relative;
	border: 2px solid #e6e6e6;
	padding: 10px 10px 10px 36px;
	margin-bottom: 50px;
	font-size: 14px;
	color: #454545;
	text-align: left;
	font-weight: 700;
}
.display-info:before {
	content: " ";
	position: absolute;
	top: 10px;
	left: 10px;
	width: 20px;
	height: 20px;
	background: url(../images/pages/postal-service_image-3-0.png) no-repeat;
	background-size: 20px auto;
	vertical-align: middle;
}

.chronology_tab {
	margin-bottom: 30px;
}
.chronology-tab_list { 
	border-top: 1px solid #ddd;
}
.chronology-tab_list:before,
.chronology-tab_list:after {
	content: " ";
	display: table;
}
.chronology-tab_list:after {
	clear: both;
}
.chronology-tab_list > li {
	float: left;
	position :relative;
	width: 33.33333333%;
	min-height: 59px;
	border: 1px solid #ddd;	
	border-left: 0;
	border-top: 0;
	background: #f5f5f5;
}
.chronology-tab_list > li.active {
	background: #fff;
}
.chronology-tab_list > li:nth-child(3n-2) {
	border-left: 1px solid #ddd;	
}
.chronology-tab_list > li > a {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	width: calc( 100% + 2px );
	height: calc( 100% + 2px );
	padding: 10px 0;
	border-left: 0;
	border-top: 0;
	z-index: 10;
}
.chronology-tab_list > li.active > a {
	border: 2px solid #a6130c;
}
.chronology-tab_list > li.active div {
	color: #303030;
}
.chronology_subject {
	color: #858585;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
	letter-spacing: -1px;
}
.chronology_year {
	color: #858585;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
}

.chronology_aligner {
	position: relative;
}
.chronology_aligner:before,
.chronology_aligner:after {
	content: " ";
	display: table;
}
.chronology_aligner:after {
	clear: both;
}
.chronology_images {
	text-align: center;
	margin-bottom: 20px;
}
.chronology_images {
	max-width: 100%;
}
.chronology_list {
	border-top: 2px solid #e61a11;	
}
.chronology_list > li {
	table-layout: fixed;
	border-collapse: collapse; 
	border-spacing: 0;
	display: table;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.chronology_key {
	display: table-cell;
	width: 90px;
	padding: 15px 0;
	color: #303030;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.5px;
}
.chronology_value {
	display: table-cell;
	position: relative;
	padding: 15px 0 15px 10px;
	color: #454545;
	font-size: 13px;
	letter-spacing: -0.5px;
}
.chronology_value:before {
	content: " ";
	display: block;
	position: absolute;
	top: 22px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #e61a11;
}

.kpoti-slider {
	margin-top: 50px;
}
.kpoti-slider .slick-arrow {
	position: absolute;
	top: 0;
	width: 65px;
	height: 100px;
	border: 0;
	border-radius: 5px;
	text-indent: -9999px;
}
.kpoti-slider .kpoti_slider-box .slick-arrow {
	top: 50%;
	width: 30px;
	height: 50px;
	transform: translateY(-50%);
}
.kpoti-slider .kpoti_slider-box .slick-prev {
	left: -40px;
}
.kpoti-slider .kpoti_slider-box .slick-next {
	right: -40px;
}

.kpoti-slider .slick-prev {
	left: -85px;
	background-color: #bababa;
}
.kpoti-slider .slick-prev:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/pages/kpoti-slider_arrow-prev.png') no-repeat center center;
}
.kpoti-slider .slick-next {
	right: -85px;
	background: #a6130c;
}
.kpoti-slider .slick-next:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/pages/kpoti-slider_arrow-next.png') no-repeat center center;
}
.kpoti_slider-box {
	position: relative;
	padding: 20px 40px;
	border: 1px solid #ddd;
}
.kpoti_slider_thumb {
	display: none;
	position: relative;
	margin-top: 20px;
	padding: 0 85px;
}
.kpoti_slider-nav {
	padding: 7px 0;
}
.kpoti_slider_thumb .slick-slide + .slick-slide {
	margin-left: 10px;
}
.kpoti_slider_thumb .slider-nav_image {
	border: 1px solid #ddd;
}
.kpoti_slider_thumb .slick-slide.slick-center .slider-nav_image{
	border: 3px solid #e61a11;
}
.kpoti_slider_thumb img {
	width: 100%;
}

.slider-for_image {
	text-align: center;
}
.kpoti_slider-box .slick-slide img {
	display: inline-block;
	max-width: 100%;
}
.kpoti-slider_explain {
	margin-top: 15px;
	font-size: 13px;
	color: #303030;
	font-weight: bold;
}

.postal-step_list:before,
.postal-step_list:after {content: " ";display: table;}
.postal-step_list:after {clear: both;}

.postal-step_list > li {
	float: left;
	position: relative;
	width: 50%
}
.postal-step_list > li:nth-child(2) ~ li {
	margin-top: 50px;
}
.postal-step_list > li + li:before {
	content: " ";
	display: none;
	position: absolute;
	top: 78px;
	left: 0;
	width: 14px;
	height: 24px;
	background: url(../images/pages/postal-service_arrow.png) no-repeat;
}

.postal-step_key {
	display: table;
	width: 100%;
	min-height: 130px;
	background-size: auto 100% !important;
}
.postal-step_list > li:nth-child(1) .postal-step_key {
	background: url(../images/pages/postal-service_image-3-1.png) no-repeat top center;
}
.postal-step_list > li:nth-child(2) .postal-step_key {
	background: url(../images/pages/postal-service_image-3-2.png) no-repeat top center;
}
.postal-step_list > li:nth-child(3) .postal-step_key {
	background: url(../images/pages/postal-service_image-3-3.png) no-repeat top center;
}
.postal-step_list > li:nth-child(4) .postal-step_key {
	background: url(../images/pages/postal-service_image-3-4.png) no-repeat top center;
}

.postal-step_count {
	display: table-cell;
	vertical-align: middle;
}
.postal-step_number {
	color: #252525;
	font-size: 26px;
	text-align: center;
	font-weight: 700;
}
.postal-step_subject {
	color: #656565;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
}

.postal-step_value {
	position: relative;
	margin-top: 30px;
	padding: 20px 10px 0 10px;
	color: #656565;
	font-size: 13px;
}
.postal-step_value:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 50%;
	width: 20px;
	height: 2px;
	background-color: #a6130c;
	transform: translateX(-50%);
}

.display-popup_slider {
	position: relative;
}
.display-popup_slider  > ul {
	margin: 0 20px;
}
.display-popup_slider .slick-slide {
	text-align: center;
}
.display-popup_slider .slick-slide img {
	display: inline-block;
	max-width:100%;
}
.display-popup_slider .slick-arrow {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 40px;
	background-size: 20px auto;
	border: 0;
	text-indent: -9999px;
	background-color: transparent;
	background-repeat: no-repeat;
	transform: translateY(-50%);
	z-index: 10;
}
.display-popup_slider .slick-prev {
	background-image: url(../images/pages/display-popup_slider-prev.png);
	left: -30px;
}
.display-popup_slider .slick-next {
	background-image: url(../images/pages/display-popup_slider-next.png);
	right: -30px;
}

.world-map {
	position: relative;
}
.world-popup_info {
	position: relative;
	padding-top: 100px;
	margin-bottom: 20px;
	background-position: center top;
	background-repeat: no-repeat;
}
.world-popup_info.expansion {
	padding-top: 120px;
}
.world-popup_title {
	position: relative;
}
.world-popup_key {
	position: relative;
	padding-left: 13px;
	color: #a6130c;
	font-size: 14px;
	text-align: left;
}
.world-popup_key:before {
	content: " ";
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #a6130c;
}
.world-popup_value {
	position: relative;
	color: #454545;
	font-size: 13px;
	text-align: left;
}

.world-popup_value.emphasis {
	padding-left: 17px;
	font-weight: 400;
}
.emphasis_text {
	position: absolute;
	top:0;
	left: 0;
	color: #e61a11;
	font-size: inherit;
	font-style: normal;
}
.world-popup_value > a {
	color: #454545;
	font-size: 16px;
}
.world-table_box {
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
}
.world-table-caption {
	display: block;
	padding-left: 13px;
	color: #454545;
	font-size: 12px;
	font-weight: 700;
	text-align: left;
}
.world-icons > ul {
	text-align: center;
	font-size: 0;
}
.world-icons > ul:before,
.world-icons > ul:after {content: " ";display: table;}
.world-icons > ul:after {clear: both;}

.world-icons > ul {
	border-top: 1px solid #ddd;
}
.world-icons > ul > li {
	display: inline-block;
	width: 33.333333%;
	border: 1px solid #ddd;
	border-left: 0;
	border-top: 0;
}
.world-icons > ul > li:nth-child(3n-2){
	border-left: 1px solid #ddd;
}
.world-icons > ul > li > a {
	display: block;
	padding: 20px;
}
.world-icon_nation {
	margin-top: 10px;;
	font-size: 15px;
	color: #000;
	font-weight: bold;
}
.world-icon_image img{
	border: 1px solid #444;
	border-radius: 50%;
}

.world-table {
	table-layout: fixed;
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%;
	min-width: 600px;
	margin-top: 10px;
	border-top: 2px solid #e61a11;
}
.world-table + .world-table {
	margin-top: 20px;
}
.world-table caption {
	display: none;
}
.world-table th {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	background-color: #f7f7f7;
	color: #303030;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
}
.world-table th + th {
	border-left: 1px solid #ddd;
}
.world-table td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	color: #454545;
	font-size: 15px;
	text-align: center;
	vertical-align: middle; 
}
.world-table td + td {
	border-left: 1px solid #ddd;
}
.world-table td .red {
	display: inline-block;
	font-size: inherit;
	color: #e61a11;
	vertical-align: middle;
}
.world-explain_list li {
	color: #454545;
	font-size: 15px;
}
.world-explain_list li + li {
	margin-top: 5px;
}


/* 우표이야기 */
.stamps_list {
	margin-top: 30px;
}
.stamps_list > li {
	border-top: 1px solid #e61a11;
	border-bottom: 1px solid #ddd;
}
.stamps_list > li + li {
	margin-top: 15px;
}
.stamps_key {
	padding: 7px 10px;
	background-color: #f7f7f7;
	color: #303030;
	font-size: 13px;
	font-weight: 700;
	vertical-align: middle;
}
.stamps_value {
	padding: 7px 10px;
	background-color: #fff;
	color: #454545;
	font-size: 13px;
	vertical-align: middle;
}

/* 참여마당 */
.wrting-letter{
	border-bottom: 1px solid #ddd;	
}
.wrting-letter:before,
.wrting-letter:after {content: " ";display: table;}
.wrting-letter:after {clear: both;}

.wrting-letter_aligner {
	width: 100%;
}
.wrting-letter_key {
	padding: 15px 0;
	background: #f7f7f7;
	border-top: 2px solid #e61a11; 
	border-bottom: 1px solid #ddd;
	color: #303030;
	font-size: 13px;
	text-align: center;
	font-weight: 700;
}
.wrting-letter_value {
	padding: 20px 10px; 
}
.wrting-letter_box + .wrting-letter_box {
	margin-top: 20px;
}
.wrting-letter_subject {
	margin-bottom: 5px;
	color: #454545;
	font-size: 13px;
	font-weight: 700;
}
.wrting-letter_box .wrting-letter_list {
	padding-left: 15px;
}
.wrting-letter_list > li {
	font-size: 13px;
	color: #454545;
}
.wrting-letter_list > li + li {
	margin-top: 5px;
}

.wrting-letter_step:before,
.wrting-letter_step:after {content: " ";display: table;}
.wrting-letter_step:after {clear: both;}

.wrting-letter_step {
	font-size: 0;
	text-align: center;
}
.wrting-letter_step > li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.wrting-letter_step > li:nth-child(2) ~ li {
	margin-top: 30px;
}
.wrting-letter_step > li:nth-child(5) {
	display: block;
	width: 100%;
}

.wrting-letter_step > li + li:before {
    content: " ";
	display: none;
    position: absolute;
    top: 53px;
    left: 0;
    width: 14px;
    height: 24px;
    background: url(../images/pages/writing-letter_step-arrow.png) no-repeat;
}

.wrting-letter_step > li:nth-child(1) .letter-step_key {
	background-image:  url(../images/pages/writing-letter_step-1.png);
}
.wrting-letter_step > li:nth-child(2) .letter-step_key {
	background-image:  url(../images/pages/writing-letter_step-2.png);
}
.wrting-letter_step > li:nth-child(3) .letter-step_key {
	background-image:  url(../images/pages/writing-letter_step-3.png);
}
.wrting-letter_step > li:nth-child(4) .letter-step_key {
	background-image:  url(../images/pages/writing-letter_step-4.png);
}
.wrting-letter_step > li:nth-child(5) .letter-step_key {
	background-image:  url(../images/pages/writing-letter_step-5.png);
}

.letter-step_key {
	display: table;
	width: 100%;
	min-height: 100px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 100% !important;
}
.letter-step_count {
	display: table-cell;
	vertical-align: middle;
}
.letter-step_number {
	color: #252525;
	font-size: 19px;
	text-align: center;
	font-weight: 700;
}
.letter-step_subject {
	color: #656565;
	font-size: 14px;
	text-align: center;
	font-weight: 700;
}

.letter-step_value {
	position: relative;
	margin-top: 20px;
	padding: 15px 10px 0 10px;
	color: #656565;
	font-size: 12px;
	text-align: center;
}

.letter-step_value:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 50%;
	width: 14px;
	height: 2px;
	background: #a6130c;
	transform: translateX(-50%);
}

/* 사이트맵 */
.sitemap:before,
.sitemap:after {content: " ";display: table;}
.sitemap:after {clear: both;}

.sitemap > li {
	width: auto;
}
.sitemap > li + li {
	margin-top: 30px;
}
.sitemap__heading {
	padding-bottom: 20px;
	border-bottom: 3px solid #da1007;
	color: #111;
	font-size: 24px;
	font-weight: 700;
}

.sitemap__list > li {
	border-bottom: 1px solid #e6e6e6;
}
.sitemap__list > li > a {
	display: block;
	padding: 15px 10px;
	color: #303030;
	font-size: 16px;
	font-weight: 700;
}
.sitemap__list > li > a:hover {
	color: #da1007;
}

.sitemap__3depth {
	margin: 0;
	padding: 0 20px;
	border-top: 1px solid #e6e6e6;
	background-color: #f7f7f7;
}
.sitemap__3depth > li {
	position: relative;
	padding-left: 7px;
}
.sitemap__3depth > li:before {
	content: " ";
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	width: 3px;
	height: 1px;
	background-color: #303030;
}
.sitemap__3depth > li > a {
	display: block;
	padding: 10px 0;
	color: #303030;
	font-size: 14px;
}
.sitemap__3depth > li > a:hover {
	color: #da1007;
}

@media ( min-width: 1260px ) {
	/* MAIN */

	/* 171212_수정 */
	.main_visual .slick-initialized .slick-slide {
		height: 900px;
		padding-bottom: 0;
	}	
	/* // 171212_수정 */
	.main_visual .slick-dots {
		bottom: 150px;
	}
	.main_visual .slick-dots > li > button {
        width: 20px;		
	}

	.main_content { 
		position: absolute;
		left: 0;
		top: 80px; 
	}
	.main_content_aligner{ 
		width: 1260px; 
		padding: 0;
	}
	.main_subject {
		color: #fff;
		font-size: 20px;
	}
	
	.main_headings { 
		top: 160px;
		left: 0;
		width: 100%;
	}
	.main_heading {  width: 1260px; }
	.main_heading .main_heading1 { font-size: 16px; }
	.main_heading .main_heading2 { font-size: 28px; }
	.main_heading .main_heading3 { font-size: 106px; }
	.main_heading .main_heading3 br { display: inline-block; }
	
	.museum_intro {
		position: absolute;
		top: 50px;
		right: 0;
	}

	.main_info {
		position: absolute;
		top: 549px;
		left: 0;
		width: 295px;
	}

	.intro_list:before,
	.intro_list:after {content: " ";display: table;}

	.intro_list:after {clear: both;}
	.intro_list > li { 
		float: left;
		width: 230px;
		background-color: rgba(0, 0, 0, 0.4);
	}
	.intro_list > li + li {
		margin-top: 0;
		margin-left: 10px;
	}
	.intro_list > li > a {
		padding: 105px 35px 25px 35px;
	}
	.intro_list > li:nth-child(1) > a {
		background: url('../images/main/museum_intro_icon_1.png') no-repeat 50% 24%;
	}
	.intro_list > li:nth-child(2) > a {
		background: url('../images/main/museum_intro_icon_2.png') no-repeat 50% 24%;
	}
	.intro_list > li:nth-child(3) > a {
		background: url('../images/main/museum_intro_icon_3.png') no-repeat 50% 24%;
	}
	.intro_title {
		font-size: 20px;
		color: #fff;
		text-align: center;
	}
	.intro_text {
		font-size: 14px;
		color: #c4c4c4;
		text-align: center;
	}
	.intro_text br {
		display: inline-block;
	}

	.museum_history {
		position: absolute;
		top: 300px;
		right: 0;
		margin: 0;
	}
	.history_aligner {
		width: 230px;
		margin-bottom: 35px
	}
	.zone_aligner {
		display: block;
		float: none;
		width: 230px;
		padding: 0;
	}
	
	.notice_list { padding-bottom: 20px; }
	.notice_list > li > a {
		color: #fff;
		font-size: 12px;
	}
	
	.info_list { padding-top: 20px; }
	.info_list .info_key {
		color: #cacaca;
		font-size: 12px;
	}
	.info_list .info_value {
		color: #f2f2f2;
		font-size: 12px;
	}

	/* DISPLAY */ 
	.display_section {
		padding: 39px;
	}
	.display_section + .display_section {
		margin-top: 20px;
	}
	.display_guide {
		padding-right: 250px;
		min-height: 150px;
	}
	.display_guide.frame-middle {
		padding-right: 400px;
		min-height: 117px;
	}
	.display_guide.frame-large {
		padding-right: 360px;
		min-height: 190px;
	}
	.display_guide.frame-extra {
		padding-right: 500px;
	}
	.display_guide.frames {
		padding-right: 0;
		min-height: auto;
	}
	.display_guide.frames .display_frames {
		position: relative;
	}
	.display_guide.buttons {
		padding-bottom: 82px;
	}
	.display_guide.text {
		padding-right: 0;
		min-height: auto;
	}
	.display_guide.column {
		padding-right: 0;
	}
	.display_guide.column .display_frames {
		float: right;
		margin-top: -7%;
		padding-left: 50px;
		position: relative;
	}
	.display_guide.frames .display_frames {
		margin-top: 20px;
	}

	.display_frames {
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	.display_frames + .paragraph {
		margin-top: 0;
	}

	.display_frames.display_frames-extend .display_frame + .display_frame {
		margin-left: 30px;
	}
	.display_frame {
		display: inline-block;
	}
	.display_frame + .display_frame {
		margin-top: 0;
		margin-left: 10px;
	}	
	.display_frame-explain {
		border: 1px solid #ddd;
		border-top: 0;
	}

	.display_guide .display_buttons {
		position: absolute;
		bottom: 0;
		left: 0;
		margin-top: 0;
	}	
	.display_buttons.align-right {
		left: inherit;
		right: 0;
		text-align: right;
	}
	.display_buttons > div {
		display: inline-block;
	}
	.display_buttons > div + div {
		margin-left: 10px;
	}

	.display_video-button {
		text-align: left;
	}
	.display_video-button > a {
		display: block;
		min-width: 230px;
		min-height: auto;
		padding: 15px 60px 15px 15px;
		font-size: 15px;
	}
	.display_video-button > a:after {
		width: 25px;
		height: 25px;
		background-size: 25px 25px;
	}

	.display_download {
		text-align: left;
	}
	.display_download > a {
		min-width: 230px;
		padding: 15px 60px 15px 15px;
		font-size: 15px;
	}
	.display_download > a:after {
		width: 25px;
		height: 25px;
		background-size: 25px 25px;
	}

	.display_list {
		display: table;
		margin-top: 70px;
		padding: 40px 30px;
	}
	.display_list-key {
		display: table-cell;
		width: 110px;
		font-size: 16px;
	}
	.display_list-value {
		display: table-cell;
		padding-left: 14px;
		font-size: 15px;
	}

	/* 관람안내 */
	 .location_box {
        padding: 0 0 0 120px;
    }
    
    .location_frames {
        display: block;
    }

    .location_list >  li {
        font-size: 15px;
    }

	.tourist-captions {
		padding-top: 35px;
	}
	.tourist-caption {
		font-size: 15px;
	}

	/* 전시 */
	.display-info {
		font-size: 16px;
		padding: 10px;
		text-align: center;
	}
	.display-info:before {
		display: inline-block;
		position: relative;
		top: 0;
		left: 0;
		width: 35px;
		height: 35px;
		margin-top: -2px;
		margin-right: 15px;
		background-size: 35px auto;
	}

	.chronology_tab {
		margin-bottom: 50px;
	}
	.chronology-tab_list > li {
		width: 16.66666666%;
		min-height: 70px;
	}
	.chronology-tab_list > li > a {
		padding: 15px 0;
	}
	.chronology-tab_list > li.active {
		border-bottom: 0;
	}
	.chronology-tab_list > li.active > a {
		border: 0;
		border-top: 2px solid #a6130c;
	}
	.chronology-tab_list > li:nth-child(3n-2) {
		border-left: 0;
	}
	.chronology-tab_list > li:first-child {
		border-left: 1px solid #ddd;
	}
	.chronology_subject {
		font-size: 15px;
	}
	.chronology_year {
		font-size: 15px;
	}

	.chronology_images {
		float: left;
		width: 242px;
	}
	.chronology_table {
		float: right;
		width: 690px;
	}
	.chronology_key {
		width: 139px;
		font-size: 16px;
	}
	.chronology_value {
		font-size: 16px;
	}
	.chronology_value:before {
		top: 24px;
	}

	.kpoti_slider_thumb {
		display: block;
	}
	.kpoti_slider-box {
		padding: 40px;
	}
	.kpoti-slider_explain {
		font-size: 16px;
	}

	.postal-step_list {
		margin: 0 -50px;
	}
	.postal-step_list > li {
		width: calc( 25% - 37px );	
	}
	.postal-step_list > li + li {
		margin-left: 37px;
	}
	.postal-step_list > li:nth-child(2) ~ li {
		margin-top: 0;
	}
	.postal-step_aligner {
		padding-left: 50px;
	}
	.postal-step_list > li + li:before {
		display: block;
	}
	.postal-step_key {
		min-height: 180px;
	}
	.postal-step_number {
		font-size: 28px;
	}
	.postal-step_subject {
		font-size: 20px;
	}
	.postal-step_value {
		padding-left: 0;
		padding-right: 0;
		font-size: 14px;
	}
	.display-popup_slider {
		max-width: 800px;
		margin: 0 auto;
		padding: 0;
	}

	.display-popup_slider .slick-arrow {
		width: 30px;
		height: 58px;
		background-size: 30px auto;
	}
	.display-popup_slider .slick-prev {
		left: -60px;
	}
	.display-popup_slider .slick-next {
		right: -60px;
	}

	.world-map {
		background: url(../images/pages/world-map.png) no-repeat;
		min-height: 488px;
	}
	.world-icon {
		position: absolute;
	}
	.world-popup_info {
		margin-bottom: 0;
		padding-top: 0;
		padding-right: 270px;
		background-position: right top;
	}
	.world-popup_title {
		padding-left: 90px;
		min-height: 120px;
	}
	.world-popup_title.no-minheight {
		min-height: 100%;
		margin-bottom: 20px;
	}
	.world-popup_title .world-popup_key {
		position: absolute;
		top: 0;
		left: 0;
	}
	.world-popup_key {
		font-size: 16px;
	}
	.world-popup_value {
		font-size: 15px;
	}
	.world-table-caption {
		position: absolute;
		top: 1px;
		right: 0;
		font-size: 15px;
		padding-left: 0;
	}
	.world-icon_nation {
		display: none;
	}
	.world-icons > ul {
		border: 0;
	}
	.world-icons > ul > li {
		width: auto;
		border: 0;
	}
	.world-icons > ul > li > a {
		padding: 0;
	}

	.world-icon_image {
		padding: 3px 3px 24px 3px;
		background: url('../images/pages/world_icon-bg.png') no-repeat;
	}
	.world-icon_image img {
		border: 0;
	}

	/* 우표이야기 */
	.stamps_list {
		border-top: 2px solid #e61a11;
	}
	.stamps_list.stamps_list-small {
		margin-top: 0;	
	}
	.stamps_list > li {
		table-layout: fixed;
		border-collapse: collapse; 
		border-spacing: 0;
		display: table;
		width: 100%;
		min-height: 80px;
		border-top: 0;
	}
	.stamps_list > li + li {
		margin-top: 0;
	}
	.stamps_list.stamps_list-small > li {
		min-height: 50px;
	}
	.stamps_key {
		display: table-cell;
		width: 235px;
		padding: 10px 30px;
		font-size: 15px;
		letter-spacing: -1px;
	}
	.stamps_value {
		display: table-cell;
		width: 745px;
		padding: 10px 30px;
		font-size: 15px;
	}

	/* 참여마당 */
	.wrting-letter_aligner {
		float: left;
		width: 50%;
	}
	.wrting-letter_value {
		padding: 40px;
	}

	.wrting-letter_aligner + .wrting-letter_aligner .wrting-letter_key {
		border-left: 1px solid #ddd;
	}
	.wrting-letter_aligner + .wrting-letter_aligner .wrting-letter_value {
		border-left: 1px solid #ddd;
	}

	.wrting-letter_key {
		font-size: 15px;
	}
	.wrting-letter_subject {
		font-size: 15px;
	}
	.wrting-letter_list > li {
		font-size: 15px;
	}

	.wrting-letter_step {
		margin: 0 -38px;
	}
	.wrting-letter_step > li {
		width: calc( 20% - 26px );
	}
	.wrting-letter_step > li + li {
		margin-left: 24px;
	}
	.wrting-letter_step > li:nth-child(2) ~ li {
		margin-top: 0;
	}
	.wrting-letter_step > li + li:before {
		display: block;
	}
	.wrting-letter_step > li:nth-child(5) {
		display: inline-block;
		width: calc( 20% - 26px );
	}
	.letter-step_aligner {
		padding-left: 38px;
	}
	.letter-step_key { 
		min-height: 130px;
	}
	.letter-step_number {
		font-size: 20px;
	}
	.letter-step_subject {
		font-size: 15px;
	}
	.letter-step_value {
		padding: 15px 0 0 0;
		font-size: 14px;
	}
	
	/* 사이트맵 */
	.sitemap > li {
		float: left;
		width: calc( 25% - 30px );
	}
	.sitemap > li + li {
		margin-top: 0;
		margin-left: 40px;
	}
	.sitemap__list > li > a {
		padding: 15px 20px;
	}

	.sitemap__3depth {
		padding: 0 30px;
	}
}



/* 171106 추가수정 */
.map_buttons {
	margin-top: 10px;
	text-align: right;
}
.map_button {
	display: inline-block;
	padding: 10px 15px;
	background-color: #a6130c;
	border: 0;
	color: #fff;
	font-weight: 700;
}

.lacation_heading2 {
	position: relative;
	padding-left: 10px;
	font-size: 14px;
}
.lacation_heading2:before {
	content: " ";
	display: block;
	position: absolute;
	top: 11px;
	left: 0;
	transform: translateY(-50%);
	width: 3px;
	height: 3px;
	background-color: #000;
}

.location_list.dot > li {
	padding-left: 10px;
}

.location_list.dot > li:before {
	content: " ";
	display: block;
	position: absolute;
	top: 11px;
	left: 0;
	transform: translateY(-50%);
	width: 3px;
	height: 3px;
	background-color: #000;
}

.location_link {
	display: inline-block;
	text-decoration: underline;
}

.table_box {
	overflow-x: scroll;
}
.table_box table {
	table-layout: fixed;
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%;
	min-width: 900px;
	border-top: 2px solid #e61a11;
}
.table_box caption {
	display: none; 
}
.table_box table th {
	padding: 10px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
    font-size: 15px;
	text-align: center;
}
.table_box table td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	color: #454545;
	font-size: 15px;
	text-align: center;
}
.table_box table .left_none {
	border-left: 0;
}
.table_caption {
	margin-top: 10px;
	color: #e61a11;
	font-size: 13px;
}

.st-place_list :before,
.st-place_list:after {content: " ";display: table;}
.st-place_list:after {clear: both;}

.st-place_list > li {
	float: left;
	width: 100%;
	padding: 20px 10px;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
.st-place_list > li:first-child {
	border-top: 1px solid #ddd;
}
.st-place_image img {
	max-width: 100%;
}
.st-place_name {
	margin-top: 15px;
	font-size: 14px;
	font-weight: 700;
	color: #000;
}

.st-bus_list {
	display: inline-block;
	margin: 0 auto;
	margin-top: 5px;
}
.st-bus_list > li {
	position: relative;
	padding-left: 10px;
	font-size: 13px;
	text-align: left;
}
.st-bus_list > li:before {
	content: " ";
	display: block;
	position: absolute;
	top: 11px;
	left: 0;
	transform: translateY(-50%);
	width: 3px;
	height: 3px;
	background-color: #000;
}
.st-bus {
	display: inline-block;
	font-style: normal;
	font-weight: 700;
}


@media ( min-width: 1260px ) {
	.lacation_heading2 {
		font-size: 16px;
	}

	.table_box {
		overflow-x:  hidden;
	}
	
	.st-place_list > li {
		width: 50%;
		padding: 20px;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	.st-place_list > li:nth-child(2) ~ li {
		border-top: 0;
	}
	.st-place_list > li:nth-child(2n-1) {
		border-left: 1px solid #ddd;
	}
	.st-place_list > li:nth-child(3) {
		width: 100%;
	}
	.st-place_name { 
		font-size: 15px;
	}
	.st-bus_list {
		margin-top: 10px;
	}
	.st-bus_list > li { 
		font-size: 15px;
	}
}