@charset "utf-8"; .palace_home { position: absolute; right: 0; top: 50%; margin-top: -17px }  .hschDetail_box.palace .hschDi_img { margin: 0 20px 20px 0 }  .hschDetail_box.palace .hschDetail_info { padding-bottom: 30px; border-bottom: 1px solid #d5d5db }  .hschDetail_box.palace .hschDetail_cc { padding-bottom: 30px; border-bottom: 1px solid #535a75 }  .hschDetail_box.palace .hschDetail_tc { padding-bottom: 0; border-bottom: 0 }  .hschDetail_box.palace .hschT_img { padding-left: 30px; background: url(http://www.heritage.go.kr/images/palace/bul_image.gif) left 12px no-repeat }  .hschDetail_box.palace .hschT_vod { padding-left: 30px; background: url(http://www.heritage.go.kr/images/palace/bul_video.gif) left 14px no-repeat }  .hschDetail_box.palace .hschDetail_info>div { width: 46.5% }  .language_btn { float: none; margin-top: 15px; width: 100% !important; text-align: right }  .language_btn a { display: inline-block; padding: 7px 10px 8px 10px; color: #444; border: 1px solid #b2b2b2; border-radius: 20px; margin-bottom: 5px }  .vod_languge { margin-top: 10px }  .vod_languge>li { float: left; margin: 0; width: 25% !important; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; box-sizing: border-box }  .vod_languge>li:first-child { border-left: 1px solid #e5e5e5 !important }  .vod_languge>li>a { display: block; padding: 10px 0; text-align: center; font-size: 13px }  .pal_photo { background-color: white; }  .pal_photo ul { display: block; position: relative; list-style: none }  .pal_photo li { display: block; float: left; width: 32%; padding-right: 1% }  .pal_photo:after { display: block; clear: both; content: '' }  .pal_history { width: 100%; display: table; padding-top: 10px }  .pal_history ul { width: 30%; float: left; }  .pal_history li img { width: 100% }  .pal_history li { position: relative; display: table; margin-bottom: 30px }  .pal_history ul li > span { position: absolute; bottom: 0; left: 0; display: block; width: 100%; background: rgba(0, 0, 0, 0.7); color: #000; padding: 8px 0; color: #fff; text-align: center; z-index: 1000 }  .pal_history div { width: 66%; float: right }  .pal_history span.xml2 { position: static; display: inline-block; width: auto; background: none; color: #b78014; padding: 0; font-weight: 400; }  .btn_pal { padding: 7px 17px 7px 40px; border-radius: 100px; color: #fff; text-align: center; transition: all .3s; display: block; float: right; background: #51576e url(http://www.heritage.go.kr/images/content/palaces/btn_pal.png) no-repeat 17px 10px; font-size: 12px }  .btn_pal img { vertical-align: middle }  .btn_pal:hover { background: #8e3660 url(http://www.heritage.go.kr/images/content/palaces/btn_pal.png) no-repeat 17px 10px; cursor: pointer }  .pal_place { width: 100%; display: table; margin: 0 0 40px 0; padding-top: 10px }  .pal_place .rt { width: 50%; float: right }  .pal_place .rt_01 { width: 36%; float: left }  .pal_place .lt { width: 64%; float: left }  .pal_place .lt_02 { width: 80%; float: left }  .pal_place .imgr { float: right; }  .pal_place .imgl { float: left; margin: 10px 3% 10px 0 }  .pal_history p { text-align: justify }  .pal_place_list { width: 100%; display: table; margin: 0 0 20px 0 }  .pal_place_list ul { width: 30%; float: left; }  .pal_place_list li { position: relative; display: table; margin-bottom: 10px }  .pal_place_list li img { width: 100% }  .pal_place_list div { width: 68%; float: right }  .line { padding-bottom: 10px; border-bottom: 1px solid #d5d5db }  .pal_photo2 ul { float: left; width: 100%; }  .pal_photo2 li { display: table; float: left; width: 30%; margin-right: -5% }  .pal_photo2:after { display: block; clear: both; content: '' }  .pal_photobox { width: 100%; border: 1px solid #d9d9d9; }  #kindBox { width: 100%; display: table; margin-top: 30px }  #kindBox div { width: 23%; margin: 0 2% 20px 0; display: table; float: left; height: 220px; background: #eff2f7; border: 1px solid #dbdfeb; }  #kindBox div h5 { color: #2a47ab; font-size: 14px; text-align: center; background: none; padding: 10px 0 5px 0 }  #kindBox div ul { background: #fff; margin: 5px; padding: 10px 0; height: 160px; display: table; width: 95% }  #kindBox div:nth-child(4), #kindBox div:nth-child(8) { margin: 0 0% 20px 0; }  #kindBox.type2 div ul { background: #fff; margin: 5px; padding: 10px 0; height: 250px; display: table; width: 95% }  .palaceGly_for img { width: 100%; max-width: inherit }  .palaceGly_slide_wrap { padding: 20px 0; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; margin-top: 20px; margin-bottom: 30px }  .palaceGly_slide { position: relative; padding: 0 53px }  .palaceGly_slide button { position: absolute; top: 0; bottom: 0; width: 44px; border: 1px solid #cacaca; text-indent: -9999px }  .palaceGly_slide button.slick-prev { left: 0; background: #fff url(http://www.heritage.go.kr/images/hsrch/slide_arrow_prev.png) center center no-repeat }  .palaceGly_slide button.slick-next { right: 0; background: #fff url(http://www.heritage.go.kr/images/hsrch/slide_arrow_next.png) center center no-repeat }  .palaceGly_slide .slick-slide { padding: 0 5px }  @media all and (max-width: 960px) { .palace_home { text-indent:-9999px; padding: 0 !important; width: 32px; height: 32px; background-position: center center !important; } }  .pal_place { width: 100%; display: table; margin: 0 0 40px 0; padding-top: 10px }  .pal_place .rt { width: 100%; }  .pal_place img { text-align: center }  .pal_place .rt_01 { width: 100%; }  .pal_place .lt { width: 100%; }  .pal_place .imgr { float: none; text-align: center }  .palace_jongmyo { overflow: hidden }  .palace_jongmyo li { float: left; width: 31.3%; margin-left: 3%; box-sizing: border-box; padding-bottom: 27px; margin-bottom: 50px }  .palace_jongmyo li:nth-child(3n+1) { margin-left: 0 }  .palace_jongmyo li a { position: relative; display: block }  .palace_jongmyo li.pj_first { }  .palace_jongmyo li a .pj_img { overflow: hidden; text-align: center }  .palace_jongmyo li a .pj_img img { transition: all .3s; width: 100% }  .palace_jongmyo li a:hover .pj_img img { transform: scale(1.2) }  .palace_jongmyo li a .pj_tit { position: absolute; background: #fff; width: 86%; left: 50%; bottom: -25px; margin-left: -43%; text-align: center; height: 50px; line-height: 50px; box-shadow: 0 2px 3px rgba(0,0,0,.3) }  @media all and (max-width: 768px) { #kindBox div { width:31%; }  #kindBox div:nth-child(3), #kindBox div:nth-child(6), #kindBox div:nth-child(9) { margin: 0 0 20px 0 }  #kindBox div:nth-child(4), #kindBox div:nth-child(8) { margin: 0 2% 20px 0; }  .vod_languge { margin-top: 10px }  .vod_languge>li { float: left; margin: 0; width: 50% !important; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; box-sizing: border-box }  .vod_languge>li:first-child, .vod_languge>li:nth-child(2) { border-bottom: 0 }  .vod_languge>li:first-child, .vod_languge>li:nth-child(3) { border-left: 1px solid #e5e5e5 !important }  .vod_languge>li>a { display: block; padding-top: 38px; text-align: center; font-size: 13px }  .vod_languge>li>a.kor { background: url(http://www.heritage.go.kr/images/palace/bul_flag_ko.png) center 8px no-repeat }  .vod_languge>li>a.eng { background: url(http://www.heritage.go.kr/images/palace/bul_flag_eng.png) center 8px no-repeat }  .vod_languge>li>a.ch { background: url(http://www.heritage.go.kr/images/palace/bul_flag_ch.png) center 8px no-repeat }  .vod_languge>li>a.jp { background: url(http://www.heritage.go.kr/images/palace/bul_flag_jp.png) center 8px no-repeat } }  @media all and (max-width: 640px) { .hschDetail_box.palace .hschDetail_info>div { width:100% }  .pal_history ul { width: 100%; float: none; clear: both }  .pal_history li img { width: 100% }  .pal_history li { width: 32%; margin: 0 1% 5px 0; float: left }  .pal_history span { padding: 5px 0; }  .pal_history div { width: 100%; float: none; clear: both }  .palace_jongmyo li { width: 48.5%; margin-bottom: 20px }  .palace_jongmyo li:nth-child(3n+1) { margin-left: 3% }  .palace_jongmyo li:nth-child(2n+1) { margin-left: 0 } }  @media all and (max-width: 500px) { .palace_home { top:5px; margin-top: 0 }  #kindBox div { width: 48%; }  #kindBox div:nth-child(odd) { margin: 0 2% 20px 0; }  #kindBox div:nth-child(even) { margin: 0 0% 20px 0; } }  @media all and (max-width: 380px) { .pal_history li { width:48% } }  @media all and (max-width: 380px) { .pal_place li { width:48% } }  @media all and (max-width: 500px) { .pal_place ul { width:100%; float: none; clear: both }  .pal_place li img { width: 100%; float: none }  .pal_place li { width: 50%; margin: 0 4% 5px 0; float: left }  .pal_place div { width: 100%; float: none; clear: both } }