@charset "utf-8";

.m100 img{width:98%}
.guide_list li{
    padding: 0 0 5px 10px;
    background-image: url(../images/common/bul_h6.gif);
    background-repeat: no-repeat;
    background-position: left 10px;
    background-size:3px
}

/* 사이트맵 */
.sitemap{width:100%; display:table; clear:both}
.sitemap div{width:30%; float:left;}
.sitemap div:nth-child(2), .sitemap div:nth-child(5){margin:0 5%}
.sitemap ul.depth_01{margin:0}
.sitemap ul.depth_01>li{background:url(../images/common/bul_h6.gif) 10% 15px no-repeat; padding:7px 0 7px 15%; line-height:20px; border-bottom:1px solid #ddd}

.sitemap ul.depth_02{margin-top:5px; font-size:13px}
.sitemap p.title{width:100%; height:43px; line-height:43px; color:#fff; font-weight:600; font-size:16px; text-align:center; }
.sitemap p.title.a1{background: #3260a3 url(../images/etc/sitemap_bg.png) center}
.sitemap p.title.a2{background: #8c7302 url(../images/etc/sitemap_bg.png) center}
.sitemap p.title.a3{background: #564d95 url(../images/etc/sitemap_bg.png) center}
.sitemap p.title.a4{background: #93275b url(../images/etc/sitemap_bg.png) center}
.sitemap p.title.a5{background: #28818c url(../images/etc/sitemap_bg.png) center}
.sitemap p.title.a6{background: #777777 url(../images/etc/sitemap_bg.png) center}

.sitemap div:nth-child(4){clear:both}


.imgBox01{padding:20px 10px;border:1px solid #dfdfdf;background:#f5f5f5;text-align:center}
.imgBox03{margin:10px 0 20px;padding:20px 10px}

.network_mobile{display:none}

.banner_list{width:100%; text-align:center}
.banner_list li{width:21%; margin:0 1.5% 10px 1.5%; display:inline-block; border:1px solid #ddd; box-sizing:border-box; padding:10px 0}
.banner_list li:hover{cursor:pointer}


/* 월페이퍼 */
.wallpaper{width:100%;margin-top:20px;display:table;}
.wallpaper div{width:21%; display:inline-block; text-align:center; box-sizing:border-box; margin:0 4.9% 30px 0}
.wallpaper div:nth-child(4n+4){margin:0 0 30px 0}
.wallpaper p{width:100%; clear:both}
.wallpaper p img{width:100%}
.wallpaper li{font-size:12px; border:1px solid #ddd; width:50%; float:left; box-sizing: border-box; padding:5px 0}
.wallpaper ul li:nth-child(2){border-left:none}
.wallpaper ul li:nth-child(3){border-top:none}
.wallpaper ul li:nth-child(4){border-left:none; border-top:none}
.wallpaper a img{vertical-align:baseline; padding-right:3px}

.btn_2019wall{text-align:center; width:100%; margin:30px 0}
.btn_2019wall a{text-indent: -9999px; background: url(../images/etc/walll/2019/bt_downcal.gif) no-repeat; width:630px; height:59px; display:inline-block;}
.btn_2019wall a:hover{background: url(../images/etc/walll/2019/bt_downcal_ov.gif) no-repeat; cursor:pointer}

.btn_2020wall{text-align:center; width:100%; margin:30px 0}
.btn_2020wall a{text-indent: -9999px; background: url(../images/etc/walll/2020/bt_downcal.gif) no-repeat; width:630px; height:59px; display:inline-block;}
.btn_2020wall a:hover{background: url(../images/etc/walll/2020/bt_downcal_ov.gif) no-repeat; cursor:pointer}

.btn_2021wall{text-align:center; width:100%; margin:30px 0}
.btn_2021wall a{text-indent: -9999px; background: url(../images/etc/walll/2021/bt_downcal.gif) no-repeat; width:630px; height:59px; display:inline-block;}
.btn_2021wall a:hover{background: url(../images/etc/walll/2021/bt_downcal_ov.gif) no-repeat; cursor:pointer}


/* 그림엽서 */
.postcard{width:100%;margin-top:20px;display:table;}
.postcard div{width:30%; display:inline-block; text-align:center; box-sizing:border-box; margin:0 4.3% 30px 0}
.postcard div:nth-child(3n+3){margin:0 0 30px 0}
.postcard p{width:100%; clear:both}
.postcard p img{width:100%}
.postcard a img{vertical-align:baseline; padding-right:3px}

.btn_postcard{text-align:center; width:100%; margin:30px 0}
.btn_postcard a{text-indent: -9999px; background: url(../images/etc/walll/postcard/bt_downpost.gif) no-repeat; width:452px; height:59px; display:inline-block;}
.btn_postcard a:hover{background: url(../images/etc/walll/postcard/bt_downpost_ov.gif) no-repeat; cursor:pointer}



/**********************************************************************
 *  20180806_추가 - 궁궐 및 종묘 관람안내, 예약
 **********************************************************************/
/* 관람안내 탭메뉴 */
.guideTab{margin-bottom:20px;border-bottom:1px solid #cecece;border-left:1px solid #cecece;overflow:hidden}
.guideTab li{float:left}
.guideTab li a{display:block;font-size:13px;border-top:1px solid #cecece;border-right:1px solid #cecece;padding:5px 15px;text-align:center;transition:all .2s}
.guideTab li a:hover,
.guideTab li a.on{background:#1e5b8d;color:#fff}
@media all and (max-width:420px){
    .guideTab li{width:20%}
    .guideTab li a{box-sizing:border-box;overflow:hidden;padding:5px;max-height:49px;word-break:break-all;white-space:nowrap;text-overflow:ellipsis}
}

.explanation{margin-bottom:20px;padding:15px 15px 15px 53px;background:#f4f6f8 url(../images/common/bul_explanation.png) 22px 15px no-repeat;border:1px solid #dbdbdb;font-weight:600}
.bul_list{margin-left:10px}
.bul_list > li{padding-left:10px;background:url(../images/common/bul_h6.gif) left 10px no-repeat}
.img_list{margin:10px 0}
.img_list li{margin-top:10px}
.img_list li:first-child{margin-top:0}

.explanation_02{padding:15px;background:#f4f6f8; border:1px solid #dbdbdb}


a.excel{background: url(http://www.heritage.go.kr/images/common/icon_excel.png) left center no-repeat;margin-left:15px;padding-left:21px;color:#555;font-size:11pt;}

@media screen and (max-width:768px){

    .banner_list li{width:29%;}

    .wallpaper div{width:30%; margin:0 4% 30px 0}
    .wallpaper div:nth-child(4n+4){margin:0 4% 30px 0}
    .wallpaper div:nth-child(3n+3){margin:0 0 30px 0}

}




@media screen and (max-width:640px){
    .network_pc{display:none}
    .network_mobile{display:block}

}

@media screen and (max-width:629px){
    .btn_2019wall a{width: 305px; height: 59px; background: url(../images/etc/walll/2019/btn_mobile.png) no-repeat;}
    .btn_2019wall a:hover{background: url(../images/etc/walll/2019/btn_mobile.png) no-repeat;}
	.btn_2020wall a{width: 305px; height: 59px; background: url(../images/etc/walll/2020/btn_mobile.png) no-repeat;}
    .btn_2020wall a:hover{background: url(../images/etc/walll/2020/btn_mobile.png) no-repeat;}
	.btn_2021wall a{width: 305px; height: 59px; background: url(../images/etc/walll/2021/btn_mobile.png) no-repeat;}
    .btn_2021wall a:hover{background: url(../images/etc/walll/2021/btn_mobile.png) no-repeat;}
	.btn_postcard a{width: 305px; height: 59px; background: url(../images/etc/walll/postcard/btn_mobile.png) no-repeat;}
    .btn_postcard a:hover{background: url(../images/etc/walll/postcard/btn_mobile.png) no-repeat;}
}


@media screen and (max-width:580px){


    .sitemap div{width:48%; float:left; margin:0 1%}
    .sitemap div:nth-child(2), .sitemap div:nth-child(5){margin:0 1%}
    .sitemap div:nth-child(3), .sitemap div:nth-child(5){clear:both}
    .sitemap div:nth-child(4){clear:none}

}


@media screen and (max-width:480px){

    .banner_list li{width:46%; padding:5px 0;}

    .wallpaper div{width:47%; margin:0 4% 20px 0}
    .wallpaper div:nth-child(3n+3){margin:0 4% 20px 0}
    .wallpaper div:nth-child(2n+2){margin:0 0 20px 0}

}


@media screen and (max-width:400px){

    .sitemap div{width:100%; float:none; margin:0}


}

/*http://localhost:8080/html/HtmlPage.do?pg=/introduce/introPlan.jsp*/
.h_allign{position:relative}
.h_allign .r_align{position:absolute;bottom:0;right:0}

.border_box{padding:20px;border:1px solid #ddd}

.h_allign.border_box .btn{bottom:auto;top:50%;right:20px;margin-top:-19px;}
.h_allign.border_box .btn.top{top:20px;margin-top:0}

.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}

.link_block{margin-top:30px}
.link_block *{box-sizing:border-box}
.link_block:after{content:"";clear:both;display:block}
.link_block h4{float:left}
.link_block .pt{overflow:hidden;padding:10px 0 0;margin:0 0 40px 250px}
.link_block .pt .btn{margin:15px 0 0 15px}

@media(max-width:640px){
.link_block{margin-top:0}
.link_block h4{float:none;margin-top:30px}
.link_block .pt{margin:0}

}

@media(max-width:480px){
.see_view_2018_08_23,.see_view_2018_08_23 *{display:block}
.see_view_2018_08_23 tr th,.see_view_2018_08_23 tr td{border-left-width:0}
}