@charset "utf-8";

.main_visual{height:399px;background:url(/images/main/bg_main_visual03.png) center center no-repeat;background-size:cover}

#container.main .col1{box-sizing:border-box;position:relative;float:left;width:69.49152542372881%}/* 820 / 1180 (좌측큰박스) */
#container.main .col2{box-sizing:border-box;position:relative;float:left;margin-left:1%;width:29.50847457627119%}/* (우측 작은박스) */
#container.main .col3{box-sizing:border-box;position:relative;float:left;margin-left:1%;width:34.24576271186441%}/* (410 / 1180)x100 - 0.5(첫번째 박스 마진이 없으므로 그 값의 갯수로 나눈값) : (하단좌측 나누어진 박스) */

.main_slide{border-radius:5px;overflow:hidden;box-shadow:2px 8px 8px rgba(0,0,0,.2)}
.main_slide .bx-viewport li img{height:287px;object-fit:cover}

#container.main .col1.main_slide{width:52.6271186440678%; max-height: 287px;}/* 621 / 1180 */

.main_slide ul li{position:relative}
.main_slide ul li > a{display: inline-block}
.main_slide ul li .slide_caption{position:absolute;right:0;top:0;bottom:0;width:216px;background:rgba(73,82,55,1);text-align:center;color:#fff;box-sizing:border-box;padding:25px}
.main_slide ul li .slide_caption strong{display:block;font-size:17px;font-weight:400;word-break:keep-all}
.main_slide ul li .slide_caption p{opacity:0.8;font-size:13px;text-align:center;max-height:80px;overflow:hidden;text-overflow:ellipsis}
.main_slide ul li .slide_caption a{color:#fff;display:inline-block;max-height:77px;overflow:hidden}
.sc_line{display:block;height:12px;background:url(/images/main/img_scaption_line.png) center center no-repeat;margin:15px 0}

.main_slide .bx-wrapper .bx-controls{position:absolute;bottom:20px;right:56px;z-index:99}

.main_slide .bx-wrapper .bx-controls-direction{}
.main_slide .bx-wrapper .bx-controls-direction a{display:inline-block;position:relative;width:39px;height:39px;background:url(/images/main/bg_slide_btn.png) center center no-repeat;transition:all .3s}
.main_slide .bx-wrapper .bx-controls-direction a:hover{transform:rotate(135deg)}
.main_slide .bx-wrapper .bx-controls-direction a:hover{transform:rotate(135deg)}
.main_slide .bx-wrapper .bx-controls-direction a img{position:absolute;left:50%;margin-left:-5.5px;top:50%;margin-top:-4.5px;transition:all .3s}
.main_slide .bx-wrapper .bx-controls-direction .bx-prev{margin-right:24px}
.main_slide .bx-wrapper .bx-controls-direction .bx-prev:hover img,
.main_slide .bx-wrapper .bx-controls-direction .bx-next:hover img{transform:rotate(-135deg)}

.main_slide .bx-wrapper .bx-controls-auto-item{position:absolute;left:32px;top:0}
.main_slide .bx-wrapper .bx-controls-auto-item a{display:inline-block;position:relative;width:39px;height:39px;background:url(/images/main/bg_slide_btn.png) center center no-repeat;transition:all .3s}
.main_slide .bx-wrapper .bx-controls-auto-item a.active{display:none}
.main_slide .bx-wrapper .bx-controls-auto-item a:hover{transform:rotate(135deg)}
.main_slide .bx-wrapper .bx-controls-auto-item a img{position:absolute;left:50%;top:50%;transition:all .3s}
.main_slide .bx-wrapper .bx-controls-auto-item .bx-start img{margin-left:-2.5px;margin-top:-4.5px}
.main_slide .bx-wrapper .bx-controls-auto-item .bx-stop img{margin-left:-3px;margin-top:-5.5px}
.main_slide .bx-wrapper .bx-controls-auto-item .bx-start:hover img,
.main_slide .bx-wrapper .bx-controls-auto-item .bx-stop:hover img{transform:rotate(-135deg)}

/*.bg_mainLeft{display:none;position:absolute;top:46px;left:-130px;width:93px;height:341px;background:url(/images/main/bg_main_visual04.png);}*/

/* 박스 제목 */
.col1 h2,
.col2 h2,
.col3 h2{font-family:"NanumSquare",'Noto Sans Kr','Malgun gothic',Dotum,arial,sans-serif;color:#333;font-size:19px}

/* 포토뉴스 */
#container.main .col2.photo_news{width:46.3728813559322%}/* 552 / 1180 */
.photo_news{background:#fff;border-radius:5px;overflow:hidden;box-shadow:2px 8px 8px rgba(0,0,0,.2)}
.photo_news h2{padding:15px 18px}
.photo_news a .pn_img{position:relative;overflow:hidden;height:171px;text-align:center;background:#e8e8e8}
.photo_news a .pn_img .fitBox{position:absolute;left:0;top:0;right:0;bottom:0}
.photo_news a .pn_img .fitBox img{width:349px;height:auto;transition:all .3s;object-fit:cover}
.photo_news a:hover .pn_img img{transform:scale(1.1)}
.photo_news a strong{display:block;padding:0 10px;height:58px;line-height:58px;text-align:center;font-weight:normal;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 20180816 추가 */
.photo_news ul{padding:0 18px 14px}
.photo_news ul:after{content:"";display:block;clear:both}
.photo_news ul li{position:relative;float:left;width:48.5%;margin-left:3%}
.photo_news ul li:first-child{margin-left:0}
.photo_news ul li a {display: inline-block; max-width: 100%;}
.photo_news ul li a .pv_img{position:relative;overflow:hidden;height:160px;text-align:center}
.photo_news ul li a .pv_img img{height:100%;transition:all .3s}
.photo_news ul li a:hover .pv_img img{transform:scale(1.1)}
.photo_news ul li a .pv_img .pv_blind{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .5s;text-indent:-9999px}
.photo_news ul li a:hover .pv_img .pv_blind{background:rgba(0,0,0,.22)}
.photo_news ul li a .pv_img .pv_blind .pv_playicon{position:absolute;left:50%;top:50%;margin-left:-23px;margin-top:-23px;width:47px;height:47px;background:url(/images/main/pv_playImg.png) no-repeat;opacity:.8;transition:all .5s ease-out}
.photo_news ul li a:hover .pv_img .pv_blind .pv_playicon{transform:rotateY(360deg);opacity:1}
.photo_news ul li a strong{margin-top:12px;height:38px;line-height:19px;text-overflow:clip;white-space:normal;word-break:keep-all}
.photo_news ul li .mainMore{top:-45px;right:0}

/* 더보기 */
.mainMore{position:absolute;top:12px;right:12px}
.mainMore a{position:relative;display:block;width:37px;height:35px;background:url(/images/main/bg_more_box.png) left top no-repeat;transition:all .3s}
.mainMore a:hover{transform:rotate(135deg)}
.mainMore a img{position:absolute;left:50%;margin-left:-5.5px;top:50%;margin-top:-5.5px;transition:all .3s}
.mainMore a:hover img{transform:rotate(-135deg)}

/* 메인 탭메뉴(공지,보도,해명 등) */
.noticeTab{padding:9px 9px 0;background:#fff;box-shadow:1px 1px 0 #bfc9da;margin-bottom:11px}
.noticeTab .nt_inBox{position:relative}
.noticeTab .nt_inBox>ul{height:265px}
.noticeTab .nt_inBox>ul:before{content:"";display:block;width:100%;height:1px;background:#e1e3e6;position:relative;left:0;top:40px}
.noticeTab .nt_inBox ul:after{content:"";display:block;clear:both}
.noticeTab .nt_inBox ul>li{float:left}
.noticeTab .nt_inBox>ul>li{background:url(/images/main/bul_nt_line.gif) left 10px no-repeat}
.noticeTab .nt_inBox>ul>li:first-child{background:none}
.noticeTab .nt_inBox>ul>li>a{display:block;padding:5px 9px 10px;font-size:17px;color:#42474b}
.noticeTab .nt_inBox>ul>li>a.on{position:relative;color:#3457c8;font-weight:bold;border-bottom:1px solid #3d5bcb}
.noticeTab .nt_inBox>ul>li>a.on:before{content:"";display:block;position:absolute;bottom:-5px;left:0;width:7px;height:9px;background:url(/images/main/bul_nt_on.png)}
.noticeTab .nt_inBox>ul>li>a.on:after{content:"";display:block;position:absolute;bottom:-5px;right:0;width:7px;height:9px;background:url(/images/main/bul_nt_on.png)}
.noticeTab .nt_inBox>ul>li>.tbItem{display:none}
.noticeTab .nt_inBox>ul>li:first-child>.tbItem{display:block}
.noticeTab .nt_inBox>ul>li>.tbItem>ul{position:absolute;left:0;top:60px;width:100%}
.noticeTab .nt_inBox>ul>li>.tbItem>ul>li{box-sizing:border-box;float:left;width:24.2%;margin-left:1%;border-right:1px solid #ced5de}
.noticeTab .nt_inBox>ul>li>.tbItem>ul>li:first-child{margin-left:0}
.noticeTab .nt_inBox>ul>li>.tbItem>ul>li>a{display:block;padding-bottom:15px}
.noticeTab .nt_inBox>ul>li>.tbItem>ul>li>a:hover{outline:1px solid #546ab2}
.noticeTab .nt_inBox>ul>li>.tbItem>ul>li>a>.nt_tit{height:42px;padding:10px 10%;background:#e2f0fa;color:#1d232c;font-size:14px}
.noticeTab .nt_inBox>ul>li>.tbItem>ul>li>a>.nt_tit strong{display:block;height:42px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break: break-all}
/*_:-ms-lang(x), .noticeTab .nt_inBox>ul>li>.tbItem>ul>li>a>.nt_tit strong {display:block;letter-spacing:-0.5px;}
_:-ms-fullscreen, .noticeTab .nt_inBox>ul>li>.tbItem>ul>li>a>.nt_tit strong {display:block;letter-spacing:-0.5px;}*/
.noticeTab .nt_inBox>ul>li>.tbItem>ul>li>a>p{overflow:hidden;height:80px;text-align:justify;color:#595959;font-size:13px;padding:20px 10% 0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break: break-all}
.noticeTab .nt_inBox>ul>li>.tbItem>ul>li>a>span{display:inline-block;margin:10px 0 0 20px;padding-left:16px;background:url(/images/main/icon_datetime.gif) left center no-repeat;color:#3056b8;font-size:12px}

.noticeTab .mainMore{top:0;right:0}
.new_icon{display:inline-block;margin-right:3px}
.new_icon img{vertical-align:middle}

/* 문화유산 정보 */
.heritage_sch{padding:12px 14px 24px;background:#fff;box-shadow:1px 1px 0 #bfc9da;margin-bottom:11px}
.heritage_sch h2{display:block;padding:0 0 9px 5px;color:#494949;font-size:19px;border-bottom:1px solid #e1e3e6}
.heritage_sch fieldset{margin-top:15px}
.heritage_sch .hs_text{box-sizing:border-box;width:100%;height:42px;background:#f4f6fa;border:1px solid #c4ccd8;font-size:13px;border-radius:20px;text-indent:15px;color:#254570;font-weight:normal}
.heritage_sch .hs_text:focus{display:block;outline:0;border:2px solid #77abe7;border-radius:20px}
.heritage_sch input.hs_text::-webkit-input-placeholder,
.heritage_sch input.hs_text::-moz-placeholder,
.heritage_sch input.hs_text:-moz-placeholder,
.heritage_sch input.hs_text:-ms-input-placeholder{color:#254570}
.heritage_sch .hs_t{margin:12px 0;text-align:center}
.heritage_sch .hs_t input[type=radio]{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;z-index:-1}
.heritage_sch .hs_t input[type=radio] + label{padding:5px 0 5px 27px;background:url(/images/main/bul_radio_off.gif) left center no-repeat;color:#364458;font-size:13px;font-weight:normal;cursor:pointer}
.heritage_sch .hs_t input[type=radio]:checked + label{background:url(/images/main/bul_radio_on.gif) left center no-repeat}
.heritage_sch .hs_t input[type=radio]:focus + label{outline:2px solid #77abe7}
.heritage_sch .hs_t label:first-of-type{margin-right:20px}

.heritage_sch .hs_selectBox{position:relative;width:100%;height:40px;line-height:40px;border-radius:20px;/*background:#f4f6fa;border:1px solid #c4ccd8*/}
.heritage_sch .hs_selectBox:before{content:"";display:block;position:absolute;top:0;right:46px;width:1px;height:40px;background:#b4c8e4}
.heritage_sch .hs_selectBox:after{content:"";display:block;position:absolute;top:50%;margin-top:-2px;right:18px;width:0;height:0;border-top:6px solid #7a8da9;border-left:6px solid transparent;border-right:6px solid transparent}
.heritage_sch .hs_selectBox label{position:absolute;top:0;left:15px;height:40px;line-height:40px}
.heritage_sch .hs_selectBox select{width:100%;height:40px;line-height:40px;opacity:1;filter:alpha(opacity=1);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #c4ccd8;background:#f4f6fa;border-radius:20px;color:#254570;font-size:13px;font-weight:normal;text-indent:10px}
.heritage_sch .hs_selectBox select::-ms-expand{display:none}
/*.heritage_sch .hs_selectBox select:focus{width:100%;height:42px;outline:0;opacity:0;border:2px solid #77abe7;background:#f4f6fa;border-radius:20px;color:#f4f6fa;filter:alpha(opacity=0);}*/
.heritage_sch .hs_selectBox select:focus option{background:#fff;color:#555}
.heritage_sch .hs_schSubmit{display:block;margin-top:11px;width:100%;height:44px;line-height:44px;border:0;background:#5077c0;color:#fff;border-radius:22px;transition:all .3s}
.heritage_sch .hs_schSubmit:before{content:"";display:inline-block;position:relative;top:2px;margin-right:5px;width:15px;height:15px;background:url(/images/main/bul_schSubmit.png)}
.heritage_sch .hs_schSubmit:hover,
.heritage_sch .hs_schSubmit:focus{outline:0;background:#253f6f}

.heritage_sch .mainMore{top:9px}

/* 20180816 수정 */
.planAndSch{margin-bottom:11px}
.rowCulSch{padding:32px 25px 31px;margin-top:7px;background:#fff;box-shadow:1px 1px 0 #bfc9da}
.rowCulSch fieldset{position:relative}
.rowCulSch .hs_text{box-sizing:border-box;padding-right:50px;width:100%;height:42px;background:#f4f6fa;border:1px solid #c4ccd8;font-size:13px;border-radius:20px;text-indent:15px;color:#254570;font-weight:normal}
.rowCulSch .hs_text:focus{display:block;outline:0;border:2px solid #77abe7;border-radius:20px}
.rowCulSch input.hs_text::-webkit-input-placeholder{color:#254570}
.rowCulSch input.hs_text::-moz-placeholder{color:#254570}
.rowCulSch input.hs_text:-moz-placeholder{color:#254570}
.rowCulSch input.hs_text:-ms-input-placeholder{color:#254570}

.rowCulSch .hs_t{margin:12px 0 0;text-align:center}
.rowCulSch .hs_t input[type=radio]{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;z-index:-1}
.rowCulSch .hs_t input[type=radio] + label{padding:5px 0 5px 27px;background:url(/images/main/bul_radio_off.gif) left center no-repeat;color:#364458;font-size:13px;font-weight:normal;cursor:pointer}
.rowCulSch .hs_t input[type=radio]:checked + label{background:url(/images/main/bul_radio_on.gif) left center no-repeat}
.rowCulSch .hs_t input[type=radio]:focus + label{outline:2px solid #77abe7}
.rowCulSch .hs_t label:first-of-type{margin-right:20px}
.rowCulSch .hs_schSubmit{display:block;border:0;position:absolute;right:0;top:1px;width:42px;height:42px;background:#5077c0 url(/images/main/icon_hsSch.png) center center no-repeat;border-radius:50%;text-indent:-9999px;transition:all .3s}
.rowCulSch .hs_schSubmit:hover{background:#0038a2 url(/images/main/icon_hsSch.png) center center no-repeat;}

/* 20200319 문화재 종목, 지역, 조건 검색 링크 */
.rowCS_link{margin-top:7px;box-shadow:1px 1px 0 #bfc9da}
.rowCS_link .rowCS_linkList{display:table;table-layout:fixed;width:100%;background:#a94289 url(/images/main/bg_rowCs_link.jpg) right bottom no-repeat}
.rowCS_link .rowCS_linkList:after{content:"";display:block;clear:both}
.rowCS_link .rowCS_linkList li{display:table-cell;width:33.3%;border-left:1px solid #b6649d;}
.rowCS_link .rowCS_linkList li:first-child{border-left:0}
.rowCS_link .rowCS_linkList li a{display:block;height:100%;padding:15px;text-align:center;color:#fff;transition:all .3s}
.rowCS_link .rowCS_linkList li a .rowCS_img{height:63px}
.rowCS_link .rowCS_linkList li a:hover{background:#973a7b}
.rowCS_link .rowCS_linkList li a img{transition:all .3s;position:relative;top:0}
.rowCS_link .rowCS_linkList li a:hover img{top:-5px}
.rowCS_link .rowCS_linkList li a strong{display:block;margin-top:4px;font-weight:normal;word-break:keep-all}
.rowCS_link .rowCS_linkList li a .br{display:block}
@media all and (max-width:940px){
    .rowCS_link .rowCS_linkList{height:159px}
    .rowCS_link .rowCS_linkList li a{padding:25px 15px 15px}
}
@media all and (max-width:640px){
    .rowCS_link .rowCS_linkList{height:auto}
    .rowCS_link .rowCS_linkList li a{padding:15px}
}

/* 20180209 수정 */
/* 주요서비스 */
#container.main .col3.jservice{margin-left:0;clear:both}
.jservice{background:#fff;box-shadow:1px 1px 0 #bfc9da;margin-bottom:11px}
.jservice h2{padding:16px 0 16px 15px}
.jservice .svc_list:after{content:"";display:block;clear:both}
.jservice .svc_list li{float:left;width:100%;box-sizing:border-box;border:solid #dbdbdb;border-width:1px 0 1px 1px;padding-left:1px}
.jservice .svc_list li:first-child{border-left-width:0}
.jservice .svc_list li a{display:block;height:40px;padding:61px 0 15px;text-align:center;font-weight:normal;border:1px solid transparent;background:#fff}
.jservice .svc_list li span{display:block;height:40px;padding:38px 0 38px;text-align:center;font-weight:normal;border:1px solid transparent;background:#fff url(/images/main/icon_service_logo.gif) center center no-repeat}
.jservice .svc_list li a:first-child{border-bottom:1px solid #dbdbdb}
.jservice .svc_list li a:hover{z-index:2;position:relative;color:#000;outline:1px solid #000}
.jservice .svc_list li a.t1{background:url(/images/main/icon_service_01.png) center 20px no-repeat}
.jservice .svc_list li a.t2{background:url(/images/main/icon_service_02.png) center 20px no-repeat}
.jservice .svc_list li a.t3{background:url(/images/main/icon_service_03.png) center 20px no-repeat}
.jservice .svc_list li a.t4{background:url(/images/main/icon_service_04.png) center 20px no-repeat}
.jservice .svc_list li a.t5{background:url(/images/main/icon_service_05.png) center 20px no-repeat}
.jservice .svc_list li a.t6{background:url(/images/main/icon_service_06.png) center 20px no-repeat}
.jservice .svc_list li a.t7{background:url(/images/main/icon_service_07.png) center 20px no-repeat}
.jservice .svc_list li a.t8{background:url(/images/main/icon_service_08.png) center 20px no-repeat}
.jservice .svc_list li a.t9{background:url(/images/main/icon_service_09.png) center 20px no-repeat}
.jservice .svc_list li a.t10{background:url(/images/main/icon_service_10.png) center 20px no-repeat}
.jservice .svc_list li a.t11{background:url(/images/main/icon_service_11.png) center 20px no-repeat;letter-spacing:-0.06em}
.jservice .svc_list li a.t12{background:url(/images/main/icon_service_12.png) center 20px no-repeat;letter-spacing:-0.06em}
.jservice .svc_list li a.t13{background:url(/images/main/icon_service_13.png) center 20px no-repeat}
.jservice .svc_list li a.t14{background:url(/images/main/icon_service_14.png) center 20px no-repeat; line-height: 13px;}
.jservice .svc_list li a.t15{background:url(/images/main/icon_service_15.png) center 20px no-repeat}
.jservice .svc_list li a.t16{background:url(/images/main/icon_service_16.png) center 15px no-repeat}

/* 20180611 접근성 포커스 문제, 스크립트 제거로 인한 재구성*/
.jservice{position:relative}
.jservice .jsvc{position:relative;overflow:hidden}
.jservice .jsvc .svc_list{position:relative;width:200%}
.jservice .jsvc .svc_list:after{content:'';display:block;clear:both}
.jservice .jsvc .svc_list li{float:left;width:12.5%}
.jservice .jsvc .svc_list li a{display:block}

.jservice .bannerAuto{position:absolute;right:10px;top:18px;z-index:9}
.jservice .bannerAuto button{width:21px;height:21px;border:0;text-indent:-9999px}
.jservice .bannerAuto button.play{display:none;background:transparent url(/images/main/btn_popzone_play.png) center center no-repeat}
.jservice .bannerAuto button.stop{background:transparent url(/images/main/btn_popzone_stop.png) center center no-repeat}
.jservice .bannerAuto button.prev{background:transparent url(/images/main/btn_popzone_prev.png) center center no-repeat}
.jservice .bannerAuto button.next{background:transparent url(/images/main/btn_popzone_next.png) center center no-repeat}

/* 20180209 수정 */

/* 문화재 통합 활용 프로그램 */
.tprogram{box-shadow: 1px 1px 0 #bfc9da;margin-bottom:11px}
.tprogram .tp_top{padding:32px 25px 31px;text-align:center;background:#5572c0 url(/images/main/bg_tprogram.png) center top no-repeat}/* 이전배경색상코드 #536bae */
.tprogram .tp_top h2{position:relative;display:inline-block;margin:0 auto;color:#fff;padding:0 44px}
.tprogram .tp_top h2:before{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-5.5px;width:35px;height:11px;background:url(/images/main/bul_tpTit_left.png)}
.tprogram .tp_top h2:after{content:"";display:block;position:absolute;right:0;top:50%;margin-top:-5.5px;width:35px;height:11px;background:url(/images/main/bul_tpTit_right.png)}
/*.tprogram .tp_top p{font-size:13px;color:#fff;text-align:center;margin:19px 0 14px 0}
.tprogram .tp_top p span{color:#f8d458;font-size:30px;margin:0 3px 0 10px}
.tprogram .tp_top p span:first-child{margin-left:0}
.tprogram .tp_top ul:after{content:"";display:block;clear:both}
.tprogram .tp_top ul li{float:left;box-sizing:border-box;width:48.5%;height:42px;line-height:42px;margin:7px 0 0 3%;border:1px solid rgba(255,255,255,.22)}
.tprogram .tp_top ul li:nth-child(odd){margin-left:0}
.tprogram .tp_top ul li:hover{outline:2px solid #fff}
.tprogram .tp_top ul li a{display:block;color:rgba(255,255,255,.9)}*/
.tprogram .tp_bottom .h_schedule{position:relative;display:block;padding:9px 20px;background:#f1c458;color:#412206;font-size:15px;text-align:center;font-weight:normal}
.tprogram .tp_bottom .h_schedule:before{content:"";display:block;position:absolute;left:0;top:0;width:20px;height:66px;background:url(/images/main/bg_schedule_left.png) right center no-repeat}
.tprogram .tp_bottom .h_schedule:after{content:"";display:block;position:absolute;right:0;top:0;width:20px;height:66px;background:url(/images/main/bg_schedule_right.png) left center no-repeat}
.tprogram .tp_bottom .h_schedule:hover:before{background:url(/images/main/bg_schedule_left_ov.png) right center no-repeat}
.tprogram .tp_bottom .h_schedule:hover:after{background:url(/images/main/bg_schedule_right_ov.png) left center no-repeat}
.tprogram .tp_bottom .h_schedule span{position:relative;display:block;height:48px;line-height:48px;background:url(/images/main/bg_schedule_center.png) left top repeat-x}
.tprogram .tp_bottom .h_schedule:hover span{background:url(/images/main/bg_schedule_center_ov.png) left top repeat-x;background-size:100% 48px}
.tprogram .tp_bottom .h_schedule span:before{content:"";position:relative;top:3px;display:inline-block;margin-right:5px;width:16px;height:18px;background:url(/images/main/icon_schedule.png)}
.tprogram .tp_bottom .h_schedule:hover span:after{content:"";display:inline-block;position:absolute;right:6%;top:50%;margin-top:-4px;width:23px;height:8px;background:url(/images/main/icon_schedule_arrow.png)}
.tprogram .tp_top>span{padding:7px 4px 0;display:block;line-height:25px}
.tprogram .tp_top>span>a{color:#fff}
.tprogram .tp_top>span>a:hover{text-decoration:underline}

/* 20180816 수정 */
.tprogram ul{margin-top:30px;position:relative;overflow:hidden}
.tprogram ul li{box-sizing:border-box;float:left;width:50%;padding:0 9px}
/*.tprogram ul li:first-child{padding-left:0}*/
.tprogram ul:after{content:"";display:block;position:absolute;left:50%;margin-left:-1px;top:5px;width:1px;height:75px;background:#6a82c6}
.tprogram ul li a{display:block;padding-left:5px;color:#fff}
.tprogram ul li a:hover{text-decoration:underline}
.tprogram ul li a strong{line-height:28px;display:block;font-size:19px;text-align:left;color:#fff;font-weight:normal}
.tprogram ul li a p{font-size:13px;color:#ebf0fa;word-break:keep-all}

/* 20180816 문화유산채널 */
.k_Heritage{background:#fff;box-shadow:1px 1px 0 #bfc9da;margin-bottom:11px}
.k_Heritage h2{padding:15px 18px}
.k_Heritage a .kH_img{position:relative;overflow:hidden;height:171px;text-align:center;background:#e8e8e8}
.k_Heritage a .kH_img .fitBox{position:absolute;left:0;top:0;right:0;bottom:0}
.k_Heritage a .kH_img .fitBox img{width:349px;height:100%;transition:all .3s;object-fit:cover}
.k_Heritage a:hover .kH_img img{transform:scale(1.1)}
.k_Heritage a .kH_img .kH_blind{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .5s;text-indent:-9999px}
.k_Heritage a:hover .kH_img .kH_blind{background:rgba(0,0,0,.22)}
.k_Heritage a .kH_img .kH_blind .kH_playicon{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:-27px;width:55px;height:55px;background:url(/images/main/kH_playImg.png) no-repeat;opacity:.8;transition:all .5s ease-out}
.k_Heritage a:hover .kH_img .kH_blind .kH_playicon{transform:rotateY(360deg);opacity:1}
.k_Heritage a strong{display:block;padding:0 10px;height:65px;line-height:65px;font-weight:normal;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.k_Heritage .bx-controls{position:absolute;right:0;top:0;height:62px;width:80px}
.k_Heritage .bx-controls-direction a,
.k_Heritage .bx-controls-auto a{display:inline-block;width:21px;height:21px;text-indent:-9999px}
.k_Heritage .bx-controls-direction{position:absolute;right:15px;top:20px}
.k_Heritage .bx-controls-direction a.bx-prev{margin-right:21px;background:url(/images/main/btn_popzone_prev.png) center center no-repeat}
.k_Heritage .bx-controls-direction a.bx-next{background:url(/images/main/btn_popzone_next.png) center center no-repeat}

.k_Heritage .bx-controls-auto{position:absolute;right:35px;top:20px}
.k_Heritage .bx-controls-auto a.bx-start{background:url(/images/main/btn_popzone_play.png) center center no-repeat}
.k_Heritage .bx-controls-auto a.bx-stop{background:url(/images/main/btn_popzone_stop.png) center center no-repeat}
.k_Heritage .bx-controls-auto a.active{display:none}


/* 주요업무계획, 관람행사예약 */
.planBox{background:#fff;box-shadow:1px 1px 0 #bfc9da;margin-bottom:11px}
.planBox ul li{padding:30px 0 42px 26px;border-top:1px solid #dedede}
.planBox ul li:first-child{border-top:0}
.planBox ul li.planBox01{background:url(/images/main/bg_planbox01.png) 90% 90% no-repeat}
.planBox ul li.planBox02{background:url(/images/main/bg_planbox02.png) 90% 90% no-repeat}
.planBox ul li strong{display:block;color:#000;font-size:15px;font-family:"NanumSquare",'Noto Sans Kr','Malgun gothic',Dotum,arial,sans-serif;}
.planBox ul li a{position:relative;display:inline-block;margin-top:13px;padding:0 35px 0 17px;height:39px;line-height:39px;font-size:13px;color:#585858;border:1px solid #000;background:#fff}
.planBox ul li a:hover{font-weight:normal;color:#000;outline:2px solid #000}
a .linkArrow{position:absolute;top:50%;margin-top:-3.5px;right:15px;width:10px;height:7px;background:url(/images/main/bul_plan_arrow.png)}
a:hover .linkArrow{animation:h_move .6s infinite}
@keyframes h_move {
    50%{right:12px}
    100%{right:15px}
}
/* 20180816 추가 */
.rowPlan{padding:25px 0 26px 20px;background:#fff url(/images/main/bg_planbox01.png) 86% 78% no-repeat;background-size:78px;box-shadow:1px 1px 0 #bfc9da}
.rowPlan strong{display:block;color:#000;font-size:15px;min-height:23px;font-family:"NanumSquare",'Noto Sans Kr','Malgun gothic',Dotum,arial,sans-serif}
.rowPlan a{position:relative;display:inline-block;margin-top:13px;padding:0 35px 0 17px;height:39px;line-height:39px;font-size:13px;color:#585858;border:1px solid #000;background:#fff}
.rowPlan a:hover{font-weight:normal;color:#000;outline:2px solid #000}

/* 알림판 */
#container.main .col3.popupZone{margin-left:0;clear:both}
.popupZone{background:#fff;box-shadow:1px 1px 0 #bfc9da}
.popupZone h2{position:absolute;top:15px;left:15px;z-index:10}
.popupZone .bx-wrapper{overflow:hidden;padding-top:62px}
.popupZone .bx-viewport li{text-align:center}
.popupZone .bx-viewport li img{height:218px;object-fit:cover}
.popupZone .bx-pager{overflow:hidden}
.popupZone .bx-pager .bx-pager-item{display:inline-block}
.popupZone .bx-pager .bx-pager-item a{text-indent:-9999px;display:block;padding:0 3px;width:7px;height:7px;background:url(/images/main/bul_pop_page_off.png) center center no-repeat}
.popupZone .bx-pager .bx-pager-item a.active{background:url(/images/main/bul_pop_page_on.png) center center no-repeat}

.popupZone .bx-controls{position:absolute;left:0;top:0;height:62px;width:100%;background:#fff}
.popupZone .bx-controls-direction a,
.popupZone .bx-controls-auto a{display:inline-block;width:21px;height:21px;text-indent:-9999px}
.popupZone .bx-controls-direction{position:absolute;right:15px;top:20px}
.popupZone .bx-controls-direction a.bx-prev{margin-right:21px;background:url(/images/main/btn_popzone_prev.png) center center no-repeat}
.popupZone .bx-controls-direction a.bx-next{background:url(/images/main/btn_popzone_next.png) center center no-repeat}

.popupZone .bx-controls-auto{position:absolute;right:35px;top:20px}
.popupZone .bx-controls-auto a.bx-start{background:url(/images/main/btn_popzone_play.png) center center no-repeat}
.popupZone .bx-controls-auto a.bx-stop{background:url(/images/main/btn_popzone_stop.png) center center no-repeat}
.popupZone .bx-controls-auto a.active{display:none}

.popupZone .bx-pager{display:block;padding-top:28px;width:100%;text-align:center}
.popupZone .popupMore{position:absolute;bottom:17px;right:15px}

/* 바로가기 링크 */
.linkArea{background:#238ead}/* 이전색상코드 : #99415e */
.linkArea ul:after{content:"";display:block;clear:both}
.linkArea ul li{float:left;display:table;width:50%;box-sizing:border-box;border-width:1px 0 0 1px;border-style:solid;border-color:rgba(255,255,255,.2)}
.linkArea ul li:nth-child(1),
.linkArea ul li:nth-child(2){border-top:0}
.linkArea ul li:nth-child(2n+1){border-left:0}
/*.linkArea ul li a{display:table-cell;vertical-align:middle;height:40px;padding:14px 0 14px 85px;color:rgba(255,255,255,.9);transition:all .3s}
.linkArea ul li.la_01 a{background:url(/images/main/icon_linkArea_01.png) 26px center no-repeat}
.linkArea ul li.la_02 a{background:url(/images/main/icon_linkArea_02.png) 24px center no-repeat}
.linkArea ul li.la_03 a{background:url(/images/main/icon_linkArea_03.png) 24px center no-repeat}
.linkArea ul li.la_04 a{background:url(/images/main/icon_linkArea_04.png) 22px center no-repeat}
.linkArea ul li.la_05 a{background:url(/images/main/icon_linkArea_05.png) 24px center no-repeat}
.linkArea ul li.la_06 a{background:url(/images/main/icon_linkArea_06.png) 22px center no-repeat}
.linkArea ul li.la_07 a{background:url(/images/main/icon_linkArea_07.png) 21px center no-repeat}
.linkArea ul li.la_08 a{background:url(/images/main/icon_linkArea_08.png) 21px center no-repeat}*/
/* 20180816 추가 */
.linkArea ul li a{display:table-cell;padding:20px 15px;transition:all .3s}
.linkArea ul li a strong{display:block;padding-right:40px;font-size:19px;color:#fff;font-weight:300;word-break:keep-all;line-height:23px}
.linkArea ul li a p{margin-top:15px;font-size:13px;color:#fff;font-weight:300;word-break:keep-all}
.linkArea ul li.la_01 a{background:url(/images/main/bg_newLinkarea_01.png) 90% 20px no-repeat}
.linkArea ul li.la_02 a{background:url(/images/main/bg_newLinkarea_02.png) 90% 23px no-repeat}
.linkArea ul li.la_03 a{background:url(/images/main/bg_newLinkarea_03.png) 90% 23px no-repeat}
.linkArea ul li.la_04 a{background:url(/images/main/bg_newLinkarea_04.png) 90% 20px no-repeat}
.linkArea ul li a:hover{background-color:#02637f}/* 이전색상코드 : #7e2643 */


/* 월간문화재사랑, 간행물 */
.pubBox{padding:19px 20px;background:#fff;box-shadow:1px 1px 0 #bfc9da}
.pubBox ul:after{content:"";display:block;clear:both}
.pubBox ul li{float:left;width:50%;padding:0 3%;text-align:center;box-sizing:border-box}
.pubBox ul li:first-child{padding-left:0;border-right:1px solid #ddd}
.pubBox ul li:last-child{padding-right:0}
.pubBox ul li h2{font-size:18px;margin-bottom:19px}
.pubBox ul li a{display:block}
.pubBox ul li a .pub_img{height:187px;padding:9px 1px 1px;background:url(/images/main/bg_pubBox.png) center top no-repeat;background-size:100% 100%}
.pubBox ul li a .pub_img img{height:100%}
.pubBox ul li a .pub_con strong{display:block;font-weight:normal;margin-top:3px}
.pubBox ul li a .pub_con span{font-size:12px;color:#0d7ab3}


/* responsive */
@media all and (max-width:1180px){
    .main_visual{height:420px}
    .linkArea ul li a strong{font-size:15px;font-weight:bold}
    .linkArea ul li a strong span{display:block}
    .linkArea ul li a p{height:39px;overflow:hidden;text-overflow:ellipsis}
}
@media all and (max-width:1170px){
    .tprogram .tp_top{padding:32px 10px}
    .tprogram .tp_top strong{font-size:18px}
}
@media all and (max-width:1120px){
    .noticeTab .nt_inBox>ul>li{background-position:left 9px}
    .noticeTab .nt_inBox>ul>li>a{font-size:14px;padding:5px 9px 13px}
}
@media all and (max-width:1110px){
    .jservice .svc_list li a{font-size:13px}
}
@media all and (max-width:1080px){
    .photo_news a strong{font-size:14px}
    /*.linkArea ul li a{height:41px;padding:15px 0 14px 72px;font-size:12px}*/
    /*.linkArea ul li.la_01 a{background-position:20px center}*/
    /*.linkArea ul li.la_02 a{background-position:19px center}*/
    /*.linkArea ul li.la_03 a{background-position:17px center}*/
    /*.linkArea ul li.la_04 a{background-position:17px center}*/
    /*.linkArea ul li.la_05 a{background-position:18px center}*/
    /*.linkArea ul li.la_06 a{background-position:17px center}*/
    /*.linkArea ul li.la_07 a{background-position:16px center}*/
    /*.linkArea ul li.la_08 a{background-position:17px center}*/
    .linkArea ul li{display:list-item;width:100%}
    .linkArea ul li a{display:block;padding:5px 80px 4px 15px}
    .linkArea ul li a strong{font-size:14px;line-height:22px}
    .linkArea ul li a strong span{display:inline}
    .linkArea ul li a p{height:38px;margin-top:0;font-size:12px}
    .linkArea ul li:nth-child(2){border-top:1px solid rgba(255,255,255,.2)}
    .linkArea ul li.la_01 a{background-position:95% center}
    .linkArea ul li.la_02 a{background-position:92% center}
    .linkArea ul li.la_03 a{background-position:94% center}
    .linkArea ul li.la_04 a{background-position:92% center}
}
@media all and (max-width:1128px){
    .tprogram .tp_top strong{font-size:16px}
}
@media all and (max-width:1050px){
    .pubBox ul li h2{font-size:16px}
}
@media all and (max-width:985px){
    .tprogram ul li a p{font-size:12px;line-height:20px}
}
@media all and (max-width:960px){
    .planBox ul li{padding:30px 0 42px 15px}
}
@media all and (max-width:940px){
    #container.main .inner{display:flex;flex-wrap:wrap}
    .photo_news a strong{font-size:13px}
    #container.main .col1.noticeTab{width:100%;order:1}
    #container.main .col2.planAndSch{width:49.5%;margin-left:0;order:2}
    .rowPlan{padding:30px 0 26px 30px}
    .rowCulSch{padding:42px 25px 42px}
    #container.main .col2.k_Heritage{width:49.5%;margin-left:1%;order:3}
    #container.main .col2.heritage_sch{width:49.5%;margin-left:0;order:2}
    #container.main .col3.jservice{width:49.5%;margin-left:0;clear:inherit;order:4}
    .heritage_sch .hs_schSubmit{margin-top:35px;order:4}
    #container.main .col3.tprogram{width:49.5%;margin-left:1%;order:5}
    .tprogram .tp_top{padding:32px 30px}
    .tprogram .tp_top ul li a{font-size:13px}
    #container.main .col2.planBox{width:49.5%;order:6}
    #container.main .col3.popupZone{width:49.5%;order:7}
    #container.main .col2.pubBox{width:49.5%;order:8}
    #container.main .col2.pubBox ul li a .pub_img img{width:100%}
    #container.main .col3.linkArea{width:100%;margin-left:0;margin-top:11px;order:9}
    .linkArea ul li{width:50%}
    .linkArea ul li a{padding:15px 15px 14px 80px;font-size:14px}
    .linkArea ul li.la_01 a{background-position:17px center}
    .linkArea ul li.la_02 a{background-position:19px center}
    .linkArea ul li.la_03 a{background-position:17px center}
    .linkArea ul li.la_04 a{background-position:19px center}
    /*.linkArea ul li.la_05 a{background-position:34px center}
    .linkArea ul li.la_06 a{background-position:32px center}
    .linkArea ul li.la_07 a{background-position:31px center}
    .linkArea ul li.la_08 a{background-position:31px center}*/
}
@media all and (max-width:800px){
    .main_visual{height:inherit}
    #container.main .col1.main_slide{width:100%;box-shadow:1px 4px 4px rgba(0,0,0,.2)}
    .main_slide ul li .slide_caption strong{font-size:17px}
    .main_slide .bx-wrapper .bx-controls{right:64px}
    #container.main .col2.photo_news{width:100%;margin-left:0;margin-top:11px;margin-bottom:0;box-shadow:1px 4px 4px rgba(0,0,0,.2)}
    #container.main .main_visual .inner{padding-bottom:0}
    #container.main>.inner{padding-top:0 !important;margin-top:11px !important;}
}
@media all and (max-width:745px){
    .tprogram .tp_top{padding:32px 10px}
}
@media all and (max-width:665px){
    .tprogram .tp_top{padding:32px 0}
}
@media all and (max-width:640px){
    .main_visual{background:none;height:inherit}
    #container.main .col1.main_slide{width:100%;box-shadow:none;margin-bottom:11px;  max-height: none;}
    #container.main .col2.photo_news{width:100%;margin:0;box-shadow:none}
    #container.main .col2.planAndSch{width:100%}
    .rowPlan{padding:15px 0 15px 15px}
    .rowCulSch{padding:20px 20px 20px}
    #container.main .col2.heritage_sch{width:100%}
    #container.main .col3.jservice{width:100%;margin-left:0}
    #container.main .col3.tprogram{width:100%;margin-bottom:11px}
    #container.main .col2.k_Heritage{width:100%;margin-left:0}
    #container.main .col2.planBox{width:100%;margin-left:0}
    #container.main .col3.popupZone{width:100%;margin-bottom:11px}
    .popupZone .bx-viewport li img{width:100%;height:auto;object-fit:cover}
    #container.main .col2.pubBox{width:100%;margin-left:0}

    .noticeTab .nt_inBox>ul>li>a{font-size:13px;padding:6px 5px 14px}
    .bg_mainLeft{display:none}

    .jservice .svc_list li a{font-size:12px}

    .main_slide ul li .slide_caption{position:static;width:100%;padding:10px 15px 60px;min-height:228px}
    .sc_line{margin:10px 0}
    .main_slide .bx-wrapper .bx-controls{right:inherit;left:50%;margin-left:-51px;bottom:10px}
    .main_slide .bx-viewport li img{height:auto;width:158%;max-width:inherit}

    .linkArea ul li a{height:inherit}
    .linkArea ul li a strong{padding-right:0}
    .linkArea ul li a p{height:inherit}
}
@media all and (max-width:550px){
    .noticeTab .nt_inBox>ul{height:307px}
    .noticeTab .nt_inBox>ul:before{display:none}
    .noticeTab .nt_inBox>ul>li{width:30.3%}
    .noticeTab .nt_inBox>ul>li:nth-child(3n+1){background:none}
    .noticeTab .nt_inBox>ul>li>a{font-size:13px;text-align:center;padding:4px 5px}
    .noticeTab .nt_inBox>ul>li>a.on{border-bottom:0}
    .noticeTab .nt_inBox>ul>li>a.on:before{display:none}
    .noticeTab .nt_inBox>ul>li>a.on:after{display:none}
    .noticeTab .nt_inBox>ul>li>.tbItem>ul{top:100px}
    .noticeTab .nt_inBox>ul>li>.tbItem>ul>li{width:49.5%;border:1px solid #ced5de}
    .noticeTab .nt_inBox>ul>li>.tbItem>ul>li:nth-child(3),
    .noticeTab .nt_inBox>ul>li>.tbItem>ul>li:nth-child(4){display:none}

    .linkArea ul li{width:100%}
}
@media all and (max-width:500px){
    .photo_news ul li a .pv_img{height:125px}
}
@media all and (max-width:430px){
    .photo_news h2{font-size:15px;letter-spacing:-0.1em}
    .photo_news ul li .mainMore{top:-40px}
    .photo_news ul li .mainMore a{width:30px;height:28px;background-size:contain}


    .linkArea ul li.la_01 a{background-position:18px center}
    .linkArea ul li.la_02 a{background-position:17px center}
    .linkArea ul li.la_03 a{background-position:15px center}
    .linkArea ul li.la_04 a{background-position:15px center}
    /*.linkArea ul li.la_05 a{background-position:16px center}
    .linkArea ul li.la_06 a{background-position:15px center}
    .linkArea ul li.la_07 a{background-position:14px center}
    .linkArea ul li.la_08 a{background-position:15px center}*/
}
@media all and (max-width:400px){
    .pubBox ul li a .pub_img{height:inherit;background:none;padding:0;border:1px solid #ddd}
    .pubBox ul li a .pub_img img{height:inherit}
}
@media all and (max-width:380px){
    .photo_news ul li a .pv_img{height:100px}

    .noticeTab .nt_inBox>ul{height:327px}
    .noticeTab .nt_inBox>ul>li{width:47%}
    .noticeTab .nt_inBox>ul>li:nth-child(3n+1){background:url(/images/main/bul_nt_line.gif) left 10px no-repeat;}
    .noticeTab .nt_inBox>ul>li:nth-child(2n+1){background:none}
    .noticeTab .nt_inBox>ul>li>.tbItem>ul{top:120px}
    .noticeTab .nt_inBox>ul>li>.tbItem>ul>li>a>.nt_tit{padding:10px 6%}
    .noticeTab .nt_inBox>ul>li>.tbItem>ul>li>a>p{padding:20px 6% 0}
}

/* 애니메이션 */
/*#container.main .col1.main_slide,*/
/*#container.main .col2.photo_news,*/
/*#container.main .col1.noticeTab,*/
/*#container.main .col2.heritage_sch,*/
/*#container.main .col3.jservice,*/
/*#container.main .col3.tprogram,*/
/*#container.main .col2.planBox,*/
/*#container.main .col3.popupZone,*/
/*#container.main .col2.pubBox,*/
/*#container.main .col3.linkArea{transition:all .3s}*/