@charset "utf-8";
/*
	sub page
*/

/* 공통요소 */
.contents_box {max-width: 1200px; margin: 0 auto; padding: 4rem 0 3rem; box-sizing: border-box;}
.conts_tit {position: relative; font-size: 2.5rem; font-weight: 700; color: #252525; letter-spacing: -0.5px; padding-bottom: 3rem; text-align: left; padding-left: 0;}
/*.conts_tit:after {content: ''; position: absolute; left: 0; top: 5%; display: inline-block; width: 2rem; height: 5rem; background: url('../images/asset/sub_tit.png') no-repeat center top / 100%;}*/
iframe {display: inline-block; width: 100% !important;}
.vod_thumbs {border-radius: 1rem; overflow: hidden;}
.vod_thumbs img.vod_thumb {display: inline-block; width: 100%; border-radius: 1rem;}
video {border-radius: 1rem; width: 100%;}
video[poster]{width:100%; height:100%; border-radius: 1rem; position: absolute; left: 0; top: 0;}
.vod_thumbs img.vod_thumb:hover {transform: scale(1.1); border-radius: 1rem; transition: .7s;}
.empty {width: 100%; font-size: 1.5rem; text-align: center; padding: 4rem 0; box-sizing: border-box;}
.prg_list_box ul li.empty {width: 100%;}
.result_empty {width: 100%; padding-top: 8rem; margin-bottom:4rem; text-align: center; background: url('../images/ico/ico_no_result.png') no-repeat center top / 50px; font-size: 2rem; font-weight: 500; letter-spacing: -1px;}
mark {display: inline; box-shadow: inset 0 -10px 0 #fbcbd2; background: transparent;}
mark:after {content: ''; display: inline-block; width: 0; height: 10px; background: #d9fcdb;}

/* loading */
.loading_wrap {position: absolute; left: 0; top: 0; width: 100%; height: 100vh; z-index: 999;}
.loading_wrap.on {display: block;}
.loading_wrap .dim {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75);}
.loadingio-spinner-ellipsis-g9lducycwkp {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
@keyframes ldio-b55ki6lfcp {
   0% { transform: translate(9.06px,60.4px) scale(0); }
  25% { transform: translate(9.06px,60.4px) scale(0); }
  50% { transform: translate(9.06px,60.4px) scale(1); }
  75% { transform: translate(60.4px,60.4px) scale(1); }
 100% { transform: translate(111.74px,60.4px) scale(1); }
}
@keyframes ldio-b55ki6lfcp-r {
   0% { transform: translate(111.74px,60.4px) scale(1); }
 100% { transform: translate(111.74px,60.4px) scale(0); }
}
@keyframes ldio-b55ki6lfcp-c {
   0% { background: #ed1a3b }
  25% { background: #d3eca7 }
  50% { background: #b9d7ea }
  75% { background: #c39a73 }
 100% { background: #ed1a3b }
}
.ldio-b55ki6lfcp div {
  position: absolute;
  width: 30.2px;
  height: 30.2px;
  border-radius: 50%;
  transform: translate(60.4px,60.4px) scale(1);
  background: #ed1a3b;
  animation: ldio-b55ki6lfcp 1.8518518518518516s infinite cubic-bezier(0,0.5,0.5,1);
}
.ldio-b55ki6lfcp div:nth-child(1) {
  background: #c39a73;
  transform: translate(111.74px,60.4px) scale(1);
  animation: ldio-b55ki6lfcp-r 0.4629629629629629s infinite cubic-bezier(0,0.5,0.5,1), ldio-b55ki6lfcp-c 1.8518518518518516s infinite step-start;
}.ldio-b55ki6lfcp div:nth-child(2) {
  animation-delay: -0.4629629629629629s;
  background: #ed1a3b;
}.ldio-b55ki6lfcp div:nth-child(3) {
  animation-delay: -0.9259259259259258s;
  background: #c39a73;
}.ldio-b55ki6lfcp div:nth-child(4) {
  animation-delay: -1.3888888888888888s;
  background: #b9d7ea;
}.ldio-b55ki6lfcp div:nth-child(5) {
  animation-delay: -1.8518518518518516s;
  background: #d3eca7;
}
.loadingio-spinner-ellipsis-g9lducycwkp {
  width: 151px;
  height: 151px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-b55ki6lfcp {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-b55ki6lfcp div { box-sizing: content-box; }

/* 레이어팝업 */
.layerwrap {width:100%;position:absolute;top:0;left:0;display:none;z-index:500;background:none;overflow:visible}
.layer {left: 5%; top: 100px;  margin:0 auto;background:#fff;position:absolute;overflow:hidden;display:none;padding-bottom:30px;box-sizing:content-box; border-radius: 10px;}
.layer .layercnt {overflow: hidden; overflow-y:auto; scrollbar-color: #f8c4c0 #f1f1f1; scrollbar-width: thin;}
.layer .layercnt a {display: inline-block; width: 520px; /*width: 450px;*/}
.layer .layercnt > div > a > p {font-size: 2.2rem; font-weight: 700; line-height: 2.2rem; padding:3rem 2rem 1.8rem; text-align: center;}
.layer .layercnt > div > a > p:nth-of-type(2) {font-size: 1.8rem; font-weight: 500; margin-bottom: 1rem; padding: 0; }
.layer .layercnt > div > a > span {display: inline-block; font-size: 1.5rem; line-height: 2rem; padding: 0 2rem 2rem;}
.layer .layercnt > div > a > ul {width:100%; padding: 0 2rem 2rem; box-sizing: border-box;}
.layer .layercnt > div > a > ul > li {position: relative; width:100%; padding-left: 1.2rem; font-size: 1.5rem; line-height: 2rem;}
.layer .layercnt > div > a > ul > li:before {content:''; position: absolute; left: 0; top: 7px; display: inline-block; width:5px; height: 5px; background: #171717; border-radius: 100%;}
.layer .layercnt a > img {display: inline-block; width: 100%; padding: 0.8rem; box-sizing: border-box;}
.layer .layerbtn {position:absolute;bottom:-3px;left:0; display: flex; justify-content: space-between; align-items: center; background:#32C1CB;width:100%;color:#fff;overflow:hidden;height:35px;box-sizing:border-box; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; padding: 0 0.5rem;}
.layer .layerbtn p {display: flex; align-items: center;font-size:14px;line-height:20px;letter-spacing:-1px}
.layer .layerbtn p:last-child {line-height:1;margin-left:0;margin-right:5px;}
.layer .layerbtn button {color:#fff; background:url('../images/ico/ico_close_w.png') no-repeat right center / 50%;font-size:14px; width: 30px; height:30px;box-sizing:border-box;border:none;outline:none;}
.layer .layerbtn label {line-height:15px}
.layer .layerbtn input[type="checkbox"] {display: inline-block; width: 13px; height: 13px; margin-right:5px; outline: none; border: 1px solid #fff; background-color: #fff; border-radius: 2.5px;}
.layerwrap.on {display:block}
.layer.on {display:block}

.layer .layercnt::-webkit-scrollbar {width: 5px; }
.layer .layercnt::-webkit-scrollbar-track {background-color: #dee2e6;}
.layer .layercnt::-webkit-scrollbar-thumb {background-color: #a8e5ea;}



/* 문화유산영상 - 유적건조물 */
.conts_vod {overflow: hidden; width: 100%; position: relative; z-index: 1;}
.conts_vod .chk_form {float: left; width: 17%; max-width: 17%; min-height: 770px; margin-right: 2rem; background: #eaf3f8; padding: 2rem; box-sizing: border-box;}
.conts_vod .chk_form > ul {position: relative; width: 100%;}
.conts_vod .chk_form > ul > li {position: relative; width: 100%; margin-bottom: 2rem;}
.conts_vod .chk_form > ul > li:last-child {margin-bottom: 0;}
.conts_vod .chk_form > ul > li .chk_tit {position: relative; margin: 0 0 0 2.4rem; cursor: pointer; font-weight: 500; color: #252525; font-size: 1.5rem; line-height: 1.9rem; border: none; background: transparent; font-family: 'Pretendard';}
.conts_vod .chk_form > ul > li .chk_tit:before {content: ''; position: absolute; left: -2.4rem; top: 0; display: inline-block; width: 1.5rem; height: 1.5rem; border: 1px solid #252525; background: url('../images/ico/ico_plus_b.png') no-repeat center center / 80%;}
.conts_vod .chk_form > ul > li.add .chk_tit:before {background: url('../images/ico/ico_minus_b.png') no-repeat center center / 80%;}
.conts_vod .chk_form > ul > li > .sub_chk_list {display: none; width: 100%; padding: 2rem 2rem 0 2rem; box-sizing: border-box;}
.conts_vod .chk_form > ul > li.add > .sub_chk_list {display: block;}
.conts_vod .chk_form > ul > li > .sub_chk_list li {position: relative; width: 100%; margin-bottom: 1.5rem;}
.conts_vod .chk_form > ul > li input[type="checkbox"] {overflow: hidden; position: absolute; left: 0; top: 0; width: 13px; height: 13px; background: transparent; appearance: none;}
.conts_vod .chk_form > ul > li input[type="checkbox"] + label {position: relative; display: inline-block; padding-left: 2.5rem; z-index: 10; cursor: pointer; font-size: 1.3rem; color: #252525;}
.conts_vod .chk_form > ul > li:first-child input[type="checkbox"] + label {font-weight: 500; font-size: 1.5rem;}
.conts_vod .chk_form > ul > li input[type="checkbox"] + label:before {content:''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 1px solid #252525;}
.conts_vod .chk_form > ul > li input[type="checkbox"]:checked + label:before {background: #252525 url('../images/ico/ico_chk_w.png') no-repeat center center / 80%;}
.conts_vod .board {float: left; width: 80%; padding: 0; box-sizing: border-box;}
.conts_vod .chk_form > ul > li > .sub_chk_list li > .sub_chk_list {display: none;}

/* 문화유산영상 - 유적건조물 상세 */
.vod_detail {width: 100%;}
.vod_detail .vod_d_top {display: flex; justify-content: space-between; align-items: flex-start; width: 100%; margin-bottom: 4rem; border-bottom: 1px solid #dee2e6; padding-bottom: 2rem; box-sizing: border-box;}
.vod_detail .vod_d_top .title {font-size: 2.5rem; font-weight: 700; line-height: 2.6rem; padding-right: 2rem; box-sizing: border-box;}
.vod_detail .vod_d_top .btn_download {width: 3.5rem; min-width: 3.5rem; height: 3.5rem; background: transparent url('../images/ico/program_icon2.png') no-repeat center center / cover; border: none; text-indent: -99999px;}
.vod_detail .btn_back_area {display: flex; justify-content: flex-end; width: 100%; margin: 2rem 0 5rem;}
.vod_detail .btn_back {display: inline-block; min-width: 95px; height: 38px; background: #6D6E70; border-radius: 2px; padding: 1rem 0; box-sizing: border-box; font-size: 1.4rem; text-align: center; line-height: 1.9rem; color: #fff;}
.vod_detail .vod_box {position: relative; width: 100%; margin-bottom: 6rem; padding-top: 56.25%;}
.vod_detail .vod_box iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.vod_detail .vod_btm {width: 100%;}
.vod_detail .vod_btm ul {width: 100%; padding: 1rem 2rem; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; border-radius: 10px;}
.vod_detail .vod_btm ul li {display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; padding: 2rem 1rem; box-sizing: border-box; font-size: 1.5rem; line-height: 1.9rem;}
.vod_detail .vod_btm ul li:nth-of-type(1) {border-top: none;}
.vod_detail .vod_btm ul li:nth-of-type(2n) {background: #f9f9f9;}
.vod_detail .vod_btm ul li:last-child {align-items: center;}
.vod_detail .vod_btm ul li .tb_tit {min-width: 20%;}
.vod_detail .vod_btm ul li .tb_cont {display: flex; justify-content: flex-start; align-items: center;  width: 80%;}
.vod_detail .vod_btm ul li .tb_cont .btn_arr_d {display: flex; align-items: center; justify-content: center; min-width: 100px; height: 40px; padding: 1rem 1.5rem; box-sizing: border-box; background: #007BA8; border-radius: 2px;}
.vod_detail .vod_btm ul li .tb_cont .btn_arr_d > span {color: #fff; font-weight: 500;}
.vod_detail .vod_btm ul li .tb_cont .btn_arr_d > img {display: inline-block; width: 11px; margin-left: 1rem; transition: .3s;}
.vod_detail .vod_btm ul li .tb_cont .scirpt_form {width: 100%;  height: 0; min-height: 0; margin: 0; padding: 0; outline: 0; border: none; background: #fff; border-radius: 10px;  box-sizing: border-box;}
.vod_detail .vod_btm ul li > a {display: block; width: 219px;}
.vod_detail .vod_btm ul li > a > img {display: inline-block; width: 100%;}
.vod_detail .vod_btm ul li .flex_txt {display: block; margin-left: 2rem;}
.vod_detail .vod_btm ul li .tb_cont.active {flex-direction: column;}
.vod_detail .vod_btm ul li .tb_cont.active .btn_arr_d > img {transform: rotate(180deg);}
.vod_detail .vod_btm ul li .tb_cont.active .scirpt_form {border: 1px solid #252525; min-height: 300px; margin-top: 1rem;  padding: 1.5rem; transition: .3s;}
.btn_move_prg {display: inline-block; min-width: 75px; height: 27px; margin: 0 0 0 15px; padding: 0.4rem 2rem 0.4rem 1rem; background: #007BA8 url('../images/ico/ico_arr_right.png') no-repeat 84% center / 6px; box-sizing: border-box; color: #fff; font-size: 13px; border-radius: 2px;}
.vod_add_txt {position: absolute; left: 0; bottom: -3rem; display: inline-block; width: 100%; text-align: center; font-size: 1.5rem; font-weight: 500; padding: 1rem 1rem 0; box-sizing: border-box;}

.txt_b {font-weight: 700;}
.v_list {position: relative; width: 100%; padding-bottom: 5rem;}
.v_list .v_list_box {position: relative; width: 100%; margin-top: 7rem;}
.v_list .v_tit_box {width: 100%; font-size: 2rem; padding-bottom: 2rem;}
.v_list .v_tit_box .v_list_tit {font-weight: 700; color: #ed193a;}
.v_list .swiper-slide {width: 20%; margin-right: 2rem;}
.v_list .swiper-slide > a {display: inline-block; width: 100%;}
.v_list .swiper-slide > a > video {display: inline-block; width: 100%; border-radius: 1rem;}
.v_list .swiper-slide > a > p.vod_tit_box {width: 100%; padding-top: 1.5rem;}
.v_list .swiper-slide > a > p.vod_tit_box .vod_tit {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: 1.5rem; font-weight: 400;}
.v_list .btn_swiper {display: flex; justify-content: space-between; position: absolute; right: 0; top: 7.5rem; width: 100%; height: 6rem;}

/* 프로그램별 보기 */
.prg_list_box {width: 100%;}
.prg_list_box ul {display: table; width: 100%;}
.prg_list_box ul li {display: inline-block; width: 49%; margin: 0 0 5rem 0; border-radius: 10px; padding-right: 2%;}
.prg_list_box ul li:nth-of-type(2n) {padding-right: 0;}
@-moz-document url-prefix() {
	.prg_list_box ul li {padding-right: 1%;}
	.prg_list_box ul li:nth-of-type(2n) {padding-right: 0;}
}
.prg_list_box ul li a {display: block; width: 100%; overflow: hidden; border-radius: 10px; transition: .5s;}
.prg_list_box ul li a img {display: inline-block; width: 100%; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; transition: .5s;}
.prg_list_box ul li a:hover .prg_img {transform: scale(1.2);}
.prg_list_box ul li a:hover {box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}

/* 프로그램별 보기 상세 */
.info_flex {display: flex; align-items: flex-start; margin-bottom: 5rem;}
.info_flex .info_img {width: 70%; margin-right: 2%;}
.info_flex .info_img img {display: inline-block; width: 100%;}
.info_flex .info_txt {width: 28%; border:1px solid #dee2e6; box-sizing: border-box; padding: 2rem; min-height: 473px;}
.info_flex .info_txt ul {width: 100%;}
.info_flex .info_txt ul li {width: 100%; margin-bottom: 3rem;}
.info_flex .info_txt ul li:last-child {margin-bottom: 0;}
.info_flex .info_txt ul li .info_tit {font-size: 1.6rem; font-weight: 700; border-bottom: 1px solid #868686; margin-bottom: 0.8rem; padding: 0 0.5rem 0.8rem 0.5rem;}
.info_flex .info_txt ul li .info_cont {display: inline-block; font-size: 1.5rem; line-height: 2.1rem; width: 100%; padding: 0 0.5rem; box-sizing: border-box; font-weight: 300;}
.prg_list .lst_tit {border-bottom: 1px solid #dee2e6; padding-bottom: 1rem;}

/* 로그인 */
.login_wrap {width: 100%;}
.login_wrap .login_exp {width: 100%; padding-top: 3rem;  font-size: 1.8rem; font-weight: 300; letter-spacing: -0.5px; text-align: center;}
.login_wrap .login_exp p {font-weight: 700; margin-bottom: 2rem; font-size: 3rem;}
.login_wrap .login_list {display: flex; flex-direction: column; justify-content: center; width: 100%; padding: 5rem 0; text-align: center;}
.login_wrap .login_list li {margin: 0 auto 1.5rem;}
.login_wrap .login_list li:last-child {margin-bottom: 0;}
.login_wrap .login_list li a {display: block; width: 300px; height: 50px; text-align: left; border-radius: 2px; padding-left: 7rem; box-sizing: border-box;}
.login_wrap .login_list li:nth-of-type(1) a {background: #385693 url('../images/ico/ico_facebook_w.png') no-repeat 3rem center / 10px;}
/*.login_wrap .login_list li:nth-of-type(2) a {background: #55b8cd url('../images/ico/ico_twitter_w.png') no-repeat 3rem center / 20px;}*/
.login_wrap .login_list li:nth-of-type(2) a {background: #0E773D url('../images/ico/ico_naver_w.png') no-repeat 3rem center / 20px;}
.login_wrap .login_list li:nth-of-type(3) a {background: #efd647 url('../images/ico/ico_kakao_w.png') no-repeat 3rem center / 20px;}
.login_wrap .login_list li a span {display: inline-block; height: 100%; font-size: 1.6rem; color: #fff; font-weight: 500; letter-spacing: -0.5px; line-height: 50px; padding-left: 2rem; box-sizing: border-box;}
.login_wrap .login_list li:nth-of-type(3) a span {color:#3A1D1D;}


/* 마이페이지 - 사용자정보 */
.mypage_wrap {width: 100%; padding-bottom: 5rem;}
.mypage_wrap .user_info {width: 60%; margin: 3rem auto;}
.mypage_wrap .user_info dl {display: flex; justify-content: flex-start; font-size: 1.6rem; border: 1px solid #dee2e6;}
.mypage_wrap .user_info dl:first-child {border-bottom: none;}
.mypage_wrap .user_info dl dt {width: 35%; border-right: 1px solid #dee2e6; padding: 2rem 0 2rem 2rem; box-sizing: border-box;}
.mypage_wrap .user_info dl dd {width: 65%; padding: 2rem 0 2rem 2rem; box-sizing: border-box;}
.mypage_wrap .btn_sns_clear {display: block; width: 220px; height: 45px; background: #f54943; font-size: 1.6rem; color: #fff; margin: 0 auto; border-radius: 2px; text-align: center; line-height: 45px; font-weight: 500;}
.mypage_wrap .btn_move_clear { background: #f54943;}

/* 마이페이지 - SNS해제 안내 리스트 */
.mypage_wrap .user_info .sns_info_list {width: 100%; padding: 2rem 0 0; box-sizing: border-box;}
.mypage_wrap .user_info .sns_info_list li {position: relative; padding-left: 1.3rem; margin-bottom: 1rem; font-size: 1.4rem; line-height: 1.8rem; color: #868686;}
.mypage_wrap .user_info .sns_info_list li:before {content: ''; position: absolute; left: 0; top: 5px; display: inline-block; width: 5px; height: 5px; background: #868686; border-radius: 100%;}

/* 테마검색 - 히스토리 검색 */
.srch_wrap {width: 100%;}
.srch_wrap form {width: 100%;}
.srch_wrap .srch_form {position: relative; width: 100%; text-align: center; margin-bottom: 4rem;}
.srch_wrap .result_area {width: 100%;}
.srch_wrap .result_area .kw_box {width: 100%; border-bottom: 1px solid #e7eaec; background: url('../images/ico/ico_main_search.png') no-repeat left 5px / 32px; padding: 0 2rem 2rem 5rem; box-sizing: border-box;}
.srch_wrap .result_area .kw_box .keyword {font-size: 3rem; font-weight: 700; letter-spacing: -0.25px;}
.srch_wrap .result_area .result_cont {width: 100%; padding-top: 6.7rem;}
.srch_wrap .result_area .result_cont .result_list {width: 100%;}
.srch_wrap .result_area .result_cont .result_list > li {position: relative; display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; margin-top: 4.5rem; transition: .5s;}
.srch_wrap .result_area .result_cont .result_list > li:first-child {margin-top: 0;}
.srch_wrap .result_area .result_cont .result_list > li:before {content: ''; position: absolute; left: 0; top: 2px; display: inline-block; width: 13px; height: 13px; border-radius: 100%; border: 2px solid #ed1a3b;}
.srch_wrap .result_area .result_cont .result_list > li:after {content: ''; position: absolute; left: 7.5px; top: 35px; display: inline-block; width: 1px; height: 99%; background: #ece1e3;}
.srch_wrap .result_area .result_cont .result_list > li:last-child:after {display: none;}
.srch_wrap .result_area .result_cont .result_list > li .thumb_year {width: 10%; padding-left: 2.5rem; box-sizing: border-box; font-size: 2rem; font-weight: 700;}
.srch_wrap .result_area .result_cont .result_list > li .result_list_right {position: relative; width: 90%;}
.srch_wrap .result_area .result_cont .result_list > li .result_list_right .bg_year {position: absolute; left: 0; top: -1.2rem; font-size: 7.5rem; color: #ece1e3; font-weight: 900; letter-spacing: -0.25px; z-index: -1;}
.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list {display: table; table-layout: fixed; padding-top: 4.8rem; width: 100%;}
.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li {display: inline-block; width: 23.5%; margin: 0 0 2.5rem 0; vertical-align: top; padding-right: 2%;}
.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li:nth-of-type(4n) {padding-right: 0;}
@-moz-document url-prefix() {
  .srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li {
		padding-right: 1.1%;
	}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li:nth-of-type(4n) {padding-right: 0;}
}
.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li a {display: inline-block; width: 100%;}
.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li a video,
.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li a iframe {display: inline-block; width: 100%; border-radius: 1rem;}
.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li a > span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 100%; font-size: 1.5rem; font-weight: 400; padding-top: 1.5rem;}
.srch_wrap .result_area .result_cont .result_list > li.result_empty {font-size: 1.6rem; font-weight: 500; justify-content: center; text-align: center; padding: 8rem 0 6rem; background: url('../images/ico/ico_no_result.png') no-repeat center top / 6rem;}
.srch_wrap .result_area .result_cont .result_list > li.result_empty:before,
.srch_wrap .result_area .result_cont .result_list > li.result_empty:after {display: none;}

/* 테마검색 - 지역별 검색 */
.srch_wrap .map_area {display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; margin-bottom: 7rem;}
.srch_wrap .map_area .map_box {min-width: 48%; width: 100%; text-align: center;}
.srch_wrap .map_area .map_box.map_lv_2 {margin-left: 2%;}
.srch_wrap .map_area .map_box .map {display: flex; align-items: center; justify-content: center; width: 100%; border: 1px solid #dee2e6; border-radius: 2px; margin-top: -2rem; padding: 5rem 2rem 2rem 2rem; box-sizing: border-box; transition: .3s;}
.srch_wrap .map_area .map_box .map img {display: inline-block; width: 65%; max-width: 550px;}
.srch_wrap .map_area .map_box .map_tit {display: inline-block; width: 100%; padding: 2rem 0; box-sizing: border-box; font-size: 2rem; font-weight: 700; color: #391818; background: #D3ECA7; box-shadow: rgba(211, 236, 167, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px; border-radius: 10px 10px 0 0;}
.srch_wrap .map_area .map_lv_1 .map_tit {background: #B9D7EA; box-shadow: rgba(185, 215, 234, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px; border-radius: 10px 10px 0 0;}
#mapSvg {left: 0;}

/* HTML페이지 - 연혁 */
.edit_wrap {width: 100%;}
.edit_wrap .history_list {width: 100%;}
.edit_wrap .history_list > ul {width: 100%;}
.edit_wrap .history_list > ul > li {display:flex; align-items: flex-start; justify-content: flex-start; width: 100%; margin-bottom: 20px;}
.edit_wrap .history_list > ul > li .tit_year {width: 27%; margin-right: 2%; border-top: 1px solid #ED1A3B;}
.edit_wrap .history_list > ul > li .tit_year .tit_year_txt {display: inline-block; width: 100%; padding: 25px 25px 0 0; box-sizing: border-box; font-size: 2.8rem; font-weight: 700; color: #ED1A3B; text-align: right;}
.edit_wrap .history_list > ul > li > ul {width: 73%; border-top: 1px solid #dee2e6; padding: 7px 0; box-sizing: border-box;}
.edit_wrap .history_list > ul > li > ul > li {display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 20px 0; box-sizing: border-box; border-bottom: 1px solid #dee2e6;}
.edit_wrap .history_list > ul > li > ul > li:last-child {border-bottom: 0;}
.edit_wrap .history_list > ul > li > ul > li > span {position: relative; width: 70px; padding-left: 12px; box-sizing: border-box; font-size: 16px; font-weight: 700; line-height: 22px;}
.edit_wrap .history_list > ul > li > ul > li > p {width: calc(100% - 82px);}
.edit_wrap .history_list > ul > li > ul > li > p > span {position: relative; display: block; width: 100%; padding-left: 15px; margin-top: 8px; box-sizing: border-box; font-size: 15px; line-height: 20px; color: #4a4a4a;}
.edit_wrap .history_list > ul > li > ul > li > p > span:first-child {margin-top: 0;}
.edit_wrap .history_list > ul > li > ul > li > p > span:before {content: ''; position: absolute; left: 0; top: 9px; display: inline-block; width: 7px; height: 1px; background: #4a4a4a;}

/* HTML페이지 - 오시는 길 */
.edit_wrap .location_wrap {display: flex; justify-content: center; width: 100%; margin-bottom: 50px;}
.edit_wrap .location_wrap .location_info {width: 48%; margin-right: 2%;}
.edit_wrap .location_wrap .location_info .addr_wrap {width: 100%; border: 1px solid #dee2e6; border-radius: 2px; padding: 25px 20px; box-sizing: border-box;}
.edit_wrap .location_wrap .location_info .addr_wrap > p {font-size: 19px; font-weight: 700; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dee2e6;}
.edit_wrap .location_wrap .location_info .addr_wrap .info_num {width: 100%;}
.edit_wrap .location_wrap .location_info .addr_wrap .info_num > span {position: relative; display: inline-block; margin-right: 20px; padding-left: 15px; font-size: 15px; font-weight: 500;}
.edit_wrap .location_wrap .location_info .addr_wrap .info_num > span:before {content: ''; position: absolute; left: 0; top: 5px; display: inline-block; width: 5px; height: 5px; background: #868686; border-radius: 100%; }
.edit_wrap .location_wrap .location_info > .traffic_wrap {width: 100%; margin-top: 20px; border: 1px solid #dee2e6; padding: 25px 20px; box-sizing: border-box; border-radius: 2px;}
.edit_wrap .location_wrap .location_info > .traffic_wrap > li {width: 100%; margin-bottom: 10px;}
.edit_wrap .location_wrap .location_info > .traffic_wrap > li:nth-of-type(2) {border-top: 1px solid #dee2e6; padding-top: 10px;}
.edit_wrap .location_wrap .location_info > .traffic_wrap > li p {position: relative; padding: 10px 0 0 45px; margin-bottom: 15px; font-size: 17px; font-weight: 700;}
.edit_wrap .location_wrap .location_info > .traffic_wrap > li p:before {content: ''; position: absolute; left: 0; top: 0; display: inline-block; width: 35px; height: 35px; border-radius: 5px; background: url('../images/ico/ico_subway_r.png') no-repeat center center / 65%;}
.edit_wrap .location_wrap .location_info > .traffic_wrap > li:nth-of-type(2) p:before {background: url('../images/ico/ico_bus_r.png') no-repeat center center / 65%;}
.edit_wrap .location_wrap .location_info > .traffic_wrap > li > ul {width: 100%; padding-left: 44px; box-sizing: border-box;}
.edit_wrap .location_wrap .location_info > .traffic_wrap > li > ul li {position: relative; padding-left: 15px; margin-bottom: 20px; font-size: 15px; line-height: 19px;}
.edit_wrap .location_wrap .location_info > .traffic_wrap > li > ul li:before {content: ''; position: absolute; left: 0; top: 7px; display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #868686;}
.edit_wrap .location_wrap .map_wrap {width: 50%;}
.edit_wrap .location_wrap .map_wrap .map {width: 100%; min-height: 459px; background: url('../images/asset/map.jpg') no-repeat center center / cover; border-radius: 2px; border: 1px solid #dee2e6; padding: 10px; box-sizing: border-box;}

/* HTML페이지 - BI */
/* old
.edit_wrap .bi_wrap {width: 100%;}
.edit_wrap .bi_wrap .bi_cont_box {width: 100%; margin-top: 40px;}
.edit_wrap .bi_wrap .bi_cont_box:first-child {margin-top: 0;}
.edit_wrap .bi_wrap .bi_cont_box .bi_tit {display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 25px;}
.edit_wrap .bi_wrap .bi_cont_box .tit_txt {font-size: 21px; font-weight: 700;}
.edit_wrap .bi_wrap .bi_cont_box .btn_down {display: inline-block; width: 92px; padding: 6px 7px 6px; box-sizing: border-box; border: 2px solid #ED1A3B; text-align: center; font-size: 13px; font-weight: 700; color: #252525; letter-spacing: -0.5px; border-radius: 2px;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont {overflow: hidden; width: 100%;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_img {float: left; display: flex; align-items: center; justify-content: center; width: 48%; margin-right: 2%; height: 290px; background: url('../images/asset/graph_paper.png') repeat-x center center / contain;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_img img {display: inline-block; width: 37%; min-width: 214px;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp {float: left; width: 50%;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp ul {width: 100%;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp ul li {width: 100%; padding: 0 0 20px; margin-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #dee2e6;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp ul li:last-child {border-bottom: none; margin-bottom: 0;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp ul li > p {position: relative; margin-bottom: 25px; padding-left: 18px; font-size: 17px; font-weight: 700;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp ul li > p:before {content: ''; position: absolute; left: 0; top: 3px; display: inline-block; width: 10px; height: 2px; background: #171717; display: none;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp ul li > .bi_exp_txt {display: flex; justify-content: flex-start; align-items: flex-start; padding: 0 20px; box-sizing: border-box;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp ul li > .bi_exp_txt > img,
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp ul li > .bi_exp_txt > span.color {display: inline-block; min-width: 48px; width: 10%; margin-right: 20px;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp ul li > .bi_exp_txt > span {position: relative; display: inline-block; width: 80%; font-size: 15px; line-height: 20px;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp ul li > .bi_exp_txt > span.color:before {content: ''; position: absolute; left: 50%; top: 0; display: inline-block; width: 50px; height: 50px; background: #ed1a3b; transform: translateX(-50%);}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) {margin-top: 70px;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(3) {margin-top: 30px;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp {width: 100%;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul{display: flex; justify-content: flex-start; width: 100%;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li {display: flex; justify-content: flex-start; border-bottom: 0; padding: 0;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li > span.c_shape {display: inline-block; width: 30px; height: 30px; background: #ed193a;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li > span.c_shape_gray {background: #6d6e70;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li > span.c_shape_orange {background: #f89d33;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li > span.c_shape_green {background: #99ca3c;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li > span.c_shape_pink {background: #f17ca8;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li > span.c_shape_blue {background: #00abea;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li > span.c_shape_gold {background: #c39a73;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li > span.c_shape_silver {background: #9da5ab;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li > span.c_shape_black {background: #000000;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li > p.c_exp:before {display:none;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li > p.c_exp {margin-bottom: 0; padding-left: 15px;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(2) .bi_cont .bi_exp ul li > .bi_exp_txt > ul li > p.c_exp > span {font-size: 15px; font-weight: 500; color: #868686;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(3) .bi_cont .bi_img {width: 68%;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(3) .bi_cont .bi_img img {width: 25%; margin-right: 100px;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(3) .bi_cont .bi_img img:nth-of-type(2) {margin-right: 0;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(3) .bi_cont .bi_exp {width: 30%;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(3) .bi_cont .bi_exp img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.edit_wrap .bi_wrap .bi_cont_box:nth-of-type(3) .bi_cont .bi_exp ul li > p:before {content: ''; position: absolute; left: 5px; top: 6px; display: inline-block; width: 5px; height: 5px; background: #171717;}
// old */

/* bi new */
.edit_wrap .bi_wrap .bi_cont_box .bi_tit {display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 15px;}
.edit_wrap .bi_wrap .bi_cont_box .tit_txt {font-size: 21px; font-weight: 700;}
.edit_wrap .bi_wrap .bi_cont_box .btn_down {display: block; width: 200px; padding: 1.2rem 7px; border: 2px solid #000; background: #000; text-align: center; font-size: 15px; font-weight: 700; color: #fff; letter-spacing: -0.5px; border-radius: 2px; box-sizing: border-box;}
.edit_wrap .bi_wrap .bi_cont_box .bi_img {display: flex; align-items: center; justify-content: center; width: 100%; margin-right: 2%; height: 290px; background: #fff; border: 1px solid #dee2e6; margin-bottom: 1rem;}
.edit_wrap .bi_wrap .bi_cont_box .bi_img img {display: inline-block; width: 30%;}
.edit_wrap .bi_wrap .bi_cont_box .color_logo {width: 100%; background-color: #000; border: 1px solid #000; padding: 2rem; box-sizing: border-box; margin-bottom: 1rem; text-align: center;}
.edit_wrap .bi_wrap .bi_cont_box .color_logo > span {display: inline-block; font-size: 2rem; font-weight: bold; margin-bottom: 1.8rem; color: #fff;}
.edit_wrap .bi_wrap .bi_cont_box .color_logo > p {display: flex; flex-direction: column;}
.edit_wrap .bi_wrap .bi_cont_box .color_logo > p > span {display: inline-block; margin-bottom: 0.6rem; font-size: 1.5rem; font-weight: 400; color: #fff;}
.edit_wrap .bi_wrap .bi_cont_box ul {width: 100%; display: flex; flex-wrap: nowrap;}
.edit_wrap .bi_wrap .bi_cont_box ul li {display: flex; align-items: center; width: 100%; margin-bottom: 1rem;}
.edit_wrap .bi_wrap .bi_cont_box ul li .color_logo {width: 100%; padding: 2rem; box-sizing: border-box; margin-bottom: 0;}
.edit_wrap .bi_wrap .bi_cont_box ul li:nth-of-type(1) .color_logo {background-color: #ffd600; border: none;}
.edit_wrap .bi_wrap .bi_cont_box ul li .color_logo {background-color: #ff8100; border: none;}
.edit_wrap .bi_wrap .bi_cont_box ul li:nth-of-type(3) .color_logo {background-color: #00d8bc; border: none;}
.edit_wrap .bi_wrap .bi_cont_box ul li:nth-of-type(4) .color_logo {background-color: #cd58ff; border: none;}
.edit_wrap .bi_wrap .bi_cont_box ul li .color_logo img {display: inline-block; width: 60%;}
.edit_wrap .bi_wrap .bi_cont_box ul li .color_logo > span {color: #000;}
.edit_wrap .bi_wrap .bi_cont_box ul li .color_logo > p > span:last-child {margin-bottom: 0;}
.edit_wrap .bi_wrap .bi_cont_box ul li .color_logo > p > span {color: #000;}
.edit_wrap .bi_wrap .bi_cont_box .bi_info {width: 100%;}
.edit_wrap .bi_wrap .bi_cont_box .bi_info_txt {display: block; width: 100%; margin: 2rem 0; border: 1px solid #dee2e6; padding: 2rem; box-sizing: border-box;}
.edit_wrap .bi_wrap .bi_cont_box .bi_info_txt > li {position: relative; width: 100%; font-size: 1.5rem; font-weight: 500; padding-left: 1.5rem; box-sizing: border-box; }
.edit_wrap .bi_wrap .bi_cont_box .bi_info_txt > li:before {content: ''; position: absolute; left: 0; top: 5px; display: inline-block; width: 5px; height: 5px; background: #000; border-radius: 100%;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp {width: 100%; margin-top: 1rem;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul{display: flex; justify-content: flex-start; width: 100%;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li {display: flex; justify-content: flex-start; align-items: flex-start; width: 25%; border-bottom: 0; padding: 1rem 0 0 0;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li > span.c_shape { display: inline-block;display: none; width: 30px; height: 30px; min-width: 30px; min-height: 30px; }
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li > p.c_exp:before {display:none;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li > p.c_exp {margin-bottom: 0; padding-left: 5px; box-sizing: border-box;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li > p.c_exp > span {display: block; margin-bottom: 0.5rem; font-size: 14px; font-weight: 500; color: #000;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li:nth-of-type(1) {border-top: 4px solid #000;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li:nth-of-type(2) {border-top: 4px solid #ffd600;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li:nth-of-type(3) {border-top: 4px solid #ff8100;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li:nth-of-type(4) {border-top: 4px solid #00d8bc;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li:nth-of-type(5) {border-top: 4px solid #cd58ff;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li > p.c_exp > span:first-child {font-size: 2rem; font-weight: 700; margin-bottom: 1.2rem;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li:nth-of-type(2) > p.c_exp > span:first-child {color: #ffd600;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li:nth-of-type(3) > p.c_exp > span:first-child {color: #ff8100;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li:nth-of-type(4) > p.c_exp > span:first-child {color: #00d8bc;}
.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li:nth-of-type(5) > p.c_exp > span:first-child {color: #cd58ff;}


/* HTML페이지 - 관련기관 안내  */
.edit_wrap .bnr_wrap {width: 100%;}
.edit_wrap .bnr_wrap ul {display: table; table-layout: fixed;}
.edit_wrap .bnr_wrap ul li {display: inline-block; vertical-align: top; width: 18.4%; height: 68px; border:1px solid #dee2e6; border-radius: 2px; margin: 2% 2% 0 0; box-sizing: border-box;}
.edit_wrap .bnr_wrap ul li:nth-of-type(5n) {margin-right: 0;}
.edit_wrap .bnr_wrap ul li a {display: inline-block; width: 100%; height: 100%;}
.edit_wrap .bnr_wrap ul li a img {display: inline-block; width: 100%; height: 100%; object-fit:contain; object-position: center center;}

/* HTML페이지 - 문화유산채널 소개 */
.edit_wrap .intro_wrap {width: 100%;}
.edit_wrap .intro_wrap img {display: inline-block; width: 100%;}

/* 테마검색 - 키워드 연관 검색 */
.result_area {position: relative;}
.srch_wrap input.inp_search {width: 50%; height: 55px; border: 2px solid #ee2747; font-size: 18px; font-weight: 700; letter-spacing: -2px; padding: 0.4rem 8rem 0.3rem 2.5rem; border-radius: 1rem; box-sizing: border-box;}
.srch_wrap input.inp_search::placeholder {padding-left: 0; font-size: 16px; font-weight: 700; letter-spacing: -2px;}
.srch_wrap input.inp_search::-ms-clear {display:none;}
.srch_wrap .btn_search {position: relative; display: inline-block; width: 65px; height: 55px; text-indent: -9999px; border: none; background: url('../images/ico/ico_search_r.png') no-repeat center center / 21px; cursor: pointer; margin-left: -65px;}
.srch_wrap .btn_search:after {content: ''; position: absolute; left: 0; top: 14.5px; width: 1px; height: 28px; background: #C7C7C7;}
.srch_wrap .srch_result {position: relative; display: flex; align-items: flex-start; justify-content: flex-start; width: 100%;}
.srch_wrap .srch_result .main_keyword {width: 23.5%; margin-right: 2%;}
.srch_wrap .btn_clear {display: none; position: absolute; right: 2.4rem; top: 1.8rem; width: 28px; height: 28px; border-radius: 100%; border: none; background: #ee2747 url('../images/ico/ico_delete.png') no-repeat center center / 44%; text-indent: -9999px; cursor: pointer;}
.keyword_list {position: relative; width: 74%;}
.keyword_list .swiper-wrapper {position: relative; display: flex; width: 100%;}
.keyword_list .swiper-wrapper .swiper-slide {width: calc(100% - 3rem); margin-right: 3rem;}

.keyword_list .swiper-wrapper .swiper-slide .slide_tit,
.srch_wrap .srch_result .main_keyword .slide_tit {position: relative; width: 100%; height: 115px; margin-bottom: 1.8rem;}

.keyword_list .swiper-wrapper .swiper-slide .slide_tit .slide_txt,
.srch_wrap .srch_result .main_keyword .slide_tit .slide_txt {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: url('../images/asset/tit_bg_w.png') no-repeat center center / 100% 100%;}

.keyword_list .swiper-wrapper .swiper-slide .slide_tit .slide_txt > a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 2rem; font-weight: 700; color: #ed1a3b;}

.srch_wrap .srch_result .main_keyword .slide_tit .slide_txt {background: url('../images/asset/tit_bg.png') no-repeat center center / 100% 100%; color: #fff;}
.srch_wrap .srch_result .main_keyword .slide_tit .slide_txt {font-size: 3rem;}

.keyword_list .swiper-wrapper .swiper-slide .slide_tit .slide_num,
.srch_wrap .srch_result .main_keyword .slide_tit .slide_num {position: absolute; left: 1px; top: -3px; font-size: 6.1rem; font-weight: 700; -webkit-text-stroke: none; color: #ed1a3b; z-index: -1;}
/*.keyword_list .swiper-wrapper .main_keyword .slide_tit .slide_num {-webkit-text-stroke: 1px #ed1a3b; color: #fff;}*/
.keyword_list .swiper-wrapper .swiper-slide .slide_vod_list,
.srch_wrap .srch_result .main_keyword .slide_vod_list {width: 100%;}

/* 230105 추가 */
.hem_wrap .edu_list_wrap .edu_list_box > div.stage_1 > .swiper-wrapper > .swiper-slide {width: 100%;}
.hem_wrap .edu_list_wrap .edu_list_box > div.stage_2 > .swiper-wrapper > .swiper-slide {width: 50%;}
.hem_wrap .edu_list_wrap .edu_list_box > div.stage_3 > .swiper-wrapper > .swiper-slide {width: 33%;}
.hem_wrap .edu_list_wrap .edu_list_box > div.stage_4 > .swiper-wrapper > .swiper-slide {width: 25%;}
.hem_wrap .edu_list_wrap .edu_list_box > div.stage_5 > .swiper-wrapper > .swiper-slide {width: 20%;}
/* //230105 추가 */

.keyword_list .swiper-wrapper .swiper-slide .slide_vod_list li,
.srch_wrap .srch_result .main_keyword .slide_vod_list li {width: 100%; margin-bottom: 2.5rem;}

.keyword_list .swiper-wrapper .swiper-slide .slide_vod_list li:last-child {margin-bottom: 0;}

.keyword_list .swiper-wrapper .swiper-slide .slide_vod_list li a,
.srch_wrap .srch_result .main_keyword .slide_vod_list li a {position: relative; display: block; width: 100%;}

.keyword_list .swiper-wrapper .swiper-slide .slide_vod_list li a video,
.srch_wrap .srch_result .main_keyword .slide_vod_list li a video {display: inline-block; width: 100%; border-radius: 1rem;}

.keyword_list .swiper-wrapper .swiper-slide .slide_vod_list li a .vod_tit_box,
.srch_wrap .srch_result .main_keyword .slide_vod_list li a .vod_tit_box {width:100%; padding-top: 1.5rem;}

.keyword_list .swiper-wrapper .swiper-slide .slide_vod_list li a .vod_tit_box .vod_tit,
.srch_wrap .srch_result .main_keyword .slide_vod_list li a .vod_tit_box .vod_tit {display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: 1.5rem; font-weight: 400;}

.keyword_list .swiper-wrapper .swiper-slide .slide_vod_list li a .shape_play,
.srch_wrap .srch_result .main_keyword .slide_vod_list li a .shape_play {position: absolute; display: inline-block; width: 100%;}

.srch_wrap .srch_result .btn_swiper {position: absolute; right: 0; top: 76px; display: flex; align-items: center; justify-content: space-between; width: 74%; height: 40px; z-index: 10;}
.srch_wrap .srch_result .btn_swiper .swiper-button-prev,
.srch_wrap .srch_result .btn_swiper .swiper-button-next {position: initial; width: 40px; height: 40px; background: #fff url('../images/ico/ico_arr_left_b.png') no-repeat center center / 20%; box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px; margin: 0 0 0 -20px;}
.srch_wrap .srch_result .btn_swiper .swiper-button-next {background: #fff url('../images/ico/ico_arr_right_b.png') no-repeat center center / 20%; margin: 0 -20px 0 0;}

/* 개인정보처리방침 */
.sm_wrap {width: 100%;}
.sm_wrap .privacy {width: 100%;}
.sm_wrap .privacy_wrap {width: 100%;}
.sm_wrap .privacy_wrap .top_exp {width: 100%; text-align: center; padding: 3rem 2rem; box-sizing: border-box; margin-bottom: 5rem; border: 1px solid #dee2e6; font-size: 1.6rem; font-weight: 500; line-height: 2rem; word-break: keep-all;}
.sm_wrap .privacy_wrap .privacy_list {width: 100%; font-size: 1.5rem; line-height: 1.9rem;}
.sm_wrap .privacy_wrap .privacy_list .list_exp {width: 100%; text-align: center; margin-bottom: 3rem; font-weight: 300; word-break: keep-all;}
.sm_wrap .privacy_wrap .privacy_list > ul {width: 100%; background: #f7f7f7; padding: 4rem 3rem; box-sizing: border-box;}
.sm_wrap .privacy_wrap .privacy_list > ul > li {width: 100%; margin-bottom: 3rem;}
.sm_wrap .privacy_wrap .privacy_list > ul > li:last-child {margin-bottom: 0;}
.sm_wrap .privacy_wrap .privacy_list > ul > li .list_tit {margin-bottom: 2rem;font-size: 2rem; font-weight: 700;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list,
.sm_wrap .privacy_wrap .privacy_list > ul > li > span {width: 100%; padding-left: 2rem; box-sizing: border-box;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > span {display: block; margin-bottom: 1rem;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li {width: 100%; margin-bottom: 2rem;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > p.sub_list_tit,
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > p.sub_list_tit {position: relative; font-size: 1.7rem; padding-left: 1.5rem; margin-bottom: 1rem;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > p.sub_list_tit:before {content: ''; position: absolute; left: 0; top: 5px; display: inline-block; width: 6px; height: 6px; background: #252525; border-radius: 100%;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > span {display: inline-block; padding-left: 0.5rem; font-weight: 400;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list {margin-top: 1rem;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li {margin-bottom: 1.5rem;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li:last-child {margin-bottom: 0;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > p.cont_list_tit {position: relative; padding-left: 1.8rem; font-weight: 300; color: #676767;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > p.cont_list_tit:before {content: ''; position: absolute; left: 5px; top: 6px; display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #868686;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > ul.exp_list,
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.exp_list,
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.exp_list{display: inline-block; padding-left: 1.8rem; line-height: 2rem; font-weight: 300;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > ul.exp_list li,
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.exp_list li,
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.exp_list li {margin-bottom: 0.5rem;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > table {width: 100%; border: 1px solid #676767;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > table tr {border-bottom: 1px solid #676767;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > table th,
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > table td {padding: 2rem 3rem; box-sizing: border-box; text-align: center; vertical-align: middle;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > table th {background: #ececec;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > p.tbl_exp {margin: 0.6rem 0 2rem; padding: 0;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > p.tbl_exp:before {display: none;}
.sm_wrap .privacy_wrap .privacy_list img {display: block; width: 80%; margin: 2rem auto 4rem;}
.sm_wrap .copyright_wrap .top_exp {text-align: left;}
.sm_wrap .copyright_wrap .privacy_list > ul > li > ul.sub_list,
.sm_wrap .copyright_wrap .privacy_list > ul > li > span {padding-left: 0;}
.sm_wrap .copyright_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li {margin-bottom: 1rem;}
.sm_wrap .copyright_wrap .privacy_list > ul > li {margin-bottom: 5rem;}
.sm_wrap .copyright_wrap .privacy_list > ul > li:last-child {margin-bottom: 0;}
.sm_wrap .copyright_wrap .privacy_list > ul {padding: 3rem;}
.sm_wrap .copyright_wrap .privacy_list img {width: 219px; margin: 1rem 0 1rem;}
.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > ul.exp_list li.f_red {color: #ee2747;}

/* privacy 2.0 */
.sm_wrap .privacy_wrap .img_tbl {width: 100%; text-align: center; border-collapse: collapse; table-layout: fixed; border-top: 3px solid #afafaf; text-indent: 0; margin-bottom: 40px;}
.sm_wrap .privacy_wrap .img_tbl th {background: #f7f7f7; font-weight: 500; border: 1px solid #dedede; border-width: 0 1px 1px 0; padding: 5px; height: 57px; box-sizing: border-box; font-size: 16px; line-height: 57px;}
.sm_wrap .privacy_wrap .img_tbl td {border: 1px solid #dedede; border-width: 0 1px 1px 0; text-align: left; word-break: break-all; text-align: center; padding: 20px 10px; height: 77px; box-sizing: border-box;}
.sm_wrap .privacy_wrap .img_tbl td:last-child {border-right: 0;}
.sm_wrap .privacy_wrap .img_tbl td > p {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sm_wrap .privacy_wrap .img_tbl td > p > img {display: inline-block; width: 20%;}
.sm_wrap .privacy_wrap .img_tbl td > p > span {display: inline-block; font-size: 15px; font-weight: 500; padding-top: 10px; line-height: 18px;}
.sm_wrap .privacy_wrap .priv_list {width: 100%;}
.sm_wrap .privacy_wrap .priv_list > ul {width: 100%;}
.sm_wrap .privacy_wrap .priv_list > ul > li {width: 100%; margin-bottom: 40px;}
.sm_wrap .privacy_wrap .priv_list > ul > li:last-child {margin-bottom: 0;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit {position: relative; width: 100%; padding-bottom: 5px; border-bottom: 2px solid #dddddd;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit:before {content: ''; position: absolute; left: 0; bottom: -2px; display: inline-block; width: 50px; height: 2px; background: #562d36;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit > h4 {width: 100%;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit > h4 > span {position: relative; font-size: 22px; font-weight: 700;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit > h4 > ul {display: inline-block; margin-left: 20px;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit > h4 > ul > li {display: inline-block; vertical-align: middle; margin-right: 10px;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit > h4 > ul > li:last-child {margin-right: 0;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit > h4 > ul > li > img {display: inline-block; width: 30px;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont {width: 100%; margin-top: 20px;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box {width: 100%;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul {width: 100%;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul > li {position: relative; width: 100%; padding-left: 15px; box-sizing: border-box; font-size: 17px; line-height: 22px; font-weight: 300; margin-bottom: 10px;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul > li:last-child {margin-bottom: 0;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul > li:before {content: ''; position: absolute; left: 0; top: 8px; display: inline-block; width: 5px; height: 5px; background: #bb9b72;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul > li > ul.priv_sub_list {width: 100%; margin-top: 10px;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul > li > ul.priv_sub_list > li {width: 100%; margin-bottom: 5px; color: #5d5d5d;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul > li > ul.priv_sub_list > li:last-child {margin-bottom: 0;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul > li > ul.priv_sub_list > li > .add_sub_list {width: 100%; margin-top: 10px;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul > li > ul.priv_sub_list > li > .add_sub_list > li {width: 100%; color: #5d5d5d; margin-bottom: 5px;}
.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul > li > ul.priv_sub_list > li > .add_sub_list > li > p {width: 100%; }
.sm_wrap .privacy_wrap .exp_img {margin: 10px 0;}
.sm_wrap .privacy_wrap .btn_priv {width: 100%; margin-top: 15px;}
.sm_wrap .privacy_wrap .btn_priv > a {min-width: 196px; display: inline-block; background: #f2f1ef url('../images/ico/btn_move.png') no-repeat center right 20px; border: 1px solid #b1b1b1; padding: 10px 40px 10px 20px; font-size: 0.875em; color: #000;}
.sm_wrap .privacy_wrap .claim_list {display: flex; align-items: center; justify-content: center; padding: 20px 0 0; box-sizing: border-box; width: 100%;}
.sm_wrap .privacy_wrap .claim_list > li {position: relative; width: 21.25%; height: 100px; margin-right: 5%; padding: 12px 15px 15px; box-sizing: border-box;}
.sm_wrap .privacy_wrap .claim_list > li:after {content: ''; position: absolute; right: -40px; top: 35%; display: inline-block; width: 20px; height: 20px; background: url('../images/ico/bullet_type02.png') no-repeat center center / contain;}
.sm_wrap .privacy_wrap .claim_list > li:last-child:after {display: none;}
.sm_wrap .privacy_wrap .claim_list > li:last-child {margin-right: 0;}
.sm_wrap .privacy_wrap .claim_list > li:nth-of-type(1),
.sm_wrap .privacy_wrap .claim_list > li:nth-of-type(3) {background: #9d8c90;}
.sm_wrap .privacy_wrap .claim_list > li:nth-of-type(2),
.sm_wrap .privacy_wrap .claim_list > li:nth-of-type(4) {background: #c77777;}
.sm_wrap .privacy_wrap .claim_list > li > span {vertical-align: middle; color: #fff; font-weight: 500;}
.sm_wrap .p_select_box {width: 100%; text-align: right; padding-bottom: 20px;}
.sm_wrap .p_select_box .priv_select {width: 250px; padding: 10px; box-sizing: border-box; background: #fff url('../images/ico/arrow_down.png') no-repeat 95% center / 12px; border: 1px solid #252525; font-family: 'Pretendard';}

/* 사이트맵 */
.sm_wrap .sitemap {width: 100%;}
.sm_wrap .sitemap .site_menu_list {width: 100%;}
.sm_wrap .sitemap .site_menu_list > li {width: 100%; margin-bottom: 8rem; padding: 0 1rem; box-sizing: border-box;}
.sm_wrap .sitemap .site_menu_list > li > .site_menu_tit {width: 100%; padding: 0 1rem 1.2rem 1rem; box-sizing: border-box; margin-bottom: 2.5rem; border-bottom: 2px solid #252525;}
.sm_wrap .sitemap .site_menu_list > li > .site_menu_tit a {font-size: 2.3rem; font-weight: 700;}
.sm_wrap .sitemap .site_menu_list > li > ul {display: table; width: 100%; padding: 0 1rem; box-sizing: border-box;}
.sm_wrap .sitemap .site_menu_list > li > ul > li {display: inline-block; vertical-align: top; margin: 0 4rem 1rem 0;}
.sm_wrap .sitemap .site_menu_list > li > ul > li > a {font-size: 1.7rem; font-weight: 700;}
.sm_wrap .sitemap .site_menu_list > li > ul > li > .depth_3_list {width: 100%; margin-top: 2rem;}
.sm_wrap .sitemap .site_menu_list > li > ul > li > .depth_3_list li {width: 100%; margin-bottom: 1rem;}
.sm_wrap .sitemap .site_menu_list > li > ul > li > .depth_3_list li > a {position: relative; font-size:1.5rem; font-weight: 400; padding-left: 15px;}
.sm_wrap .sitemap .site_menu_list > li > ul > li > .depth_3_list li > a:before {content: ''; position: absolute; left: 0; top: 8px; display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #252525;}

/* 문화유산교육 HEM */
.hem_wrap .edu_list_wrap {width: 100%;}
.hem_wrap .srch_wrap_tit {width: 100%; padding: 0 0 3rem; text-align: center; font-size: 3rem; font-weight: 700; letter-spacing: -0.5px;}

.hem_wrap .edu_list_wrap .edu_list_box {position: relative; margin-top: 5rem;}
.hem_wrap .edu_list_wrap .edu_list_box:nth-of-type(1) {margin-top: 0;}
.hem_wrap .edu_list_wrap .edu_list_box .edu_list_tit {position: relative; display: flex; align-items: center; justify-content: flex-start; width: 100%; margin-bottom: 1rem; box-sizing: border-box; text-align: center;}
.hem_wrap .edu_list_wrap .edu_list_box .edu_list_tit > span {position: relative; display: inline-block; padding-left: 2rem; font-size: 2rem; font-weight: 700; color: #2f0b0b; letter-spacing: -1.5px;}
.hem_wrap .edu_list_wrap .edu_list_box .edu_list_tit > span:before {content: ''; position: absolute; lefT: 0; top: 5px; display: inline-block; width: 8px; height: 8px; background: #252525; border-radius: 100%;}
.hem_wrap .edu_list_wrap .edu_list_box > div {display: flex; width: 100%; height: 200px; border-left: 0; border-top: 0; padding-top: 5rem; box-sizing: border-box;}
.hem_wrap .edu_list_wrap .edu_list_box > div > .swiper-wrapper {display: flex; width: 100%;}
.hem_wrap .edu_list_wrap .edu_list_box > div > .swiper-wrapper > .swiper-slide {border: 1px solid #dee2e6; box-sizing: border-box;}
.hem_wrap .edu_list_wrap .edu_list_box > div.stage_elementary > .swiper-wrapper > .swiper-slide {width: 33.3%;}
.hem_wrap .edu_list_wrap .edu_list_box > div.stage_middle > .swiper-wrapper > .swiper-slide {width: 25%;}
.hem_wrap .edu_list_wrap .edu_list_box > div.stage_high > .swiper-wrapper > .swiper-slide,
.hem_wrap .edu_list_wrap .edu_list_box > div.stage_korea > .swiper-wrapper > .swiper-slide {width: 20%;}
.hem_wrap .edu_list_wrap .edu_list_box .subj {position: absolute;left: 0; top: -55px; display: flex; align-items: center; justify-content: center; width: 100.5%; height: 54px; border-radius: 24px 24px 0 0; background: #C39A73; font-size: 1.7rem; letter-spacing: -1px; font-weight: 700; color: #252525;}
.hem_wrap .edu_list_wrap .edu_list_box .subj_1 {background: #B9D7EA;}
.hem_wrap .edu_list_wrap .edu_list_box .subj_2 {background: #D3ECA7;}
.hem_wrap .edu_list_wrap .edu_list_box .subj_3 {background: #FFB284;}
.hem_wrap .edu_list_wrap .edu_list_box .subj_4 {background: #C6C09C;}
.hem_wrap .edu_list_wrap .edu_list_box .subj_5 {background: #C39A73;}
.hem_wrap .edu_list_wrap .edu_list_box > div > .swiper-wrapper > .swiper-slide > button {display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 2rem; box-sizing: border-box; background: transparent; border: none;}
.hem_wrap .edu_list_wrap .edu_list_box > div > .swiper-wrapper > .swiper-slide > button > p.title_wrap {width: 100%; text-align: center;}
.hem_wrap .edu_list_wrap .edu_list_box > div > .swiper-wrapper > .swiper-slide > button > p.title_wrap > span {overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; width: 100%; margin-bottom: 0.5rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.5px;}
.hem_wrap .edu_list_wrap .edu_list_box > div > .swiper-wrapper > .swiper-slide > button > p.title_wrap > span:last-child {margin-bottom: 0;}
.hem_wrap .edu_list_wrap .edu_list_box > div > .swiper-wrapper > .swiper-slide > button .total_num {display: inline-block; padding: 0.6rem 3.6rem; border: 1px solid #007BA8; box-sizing: border-box; font-size: 1.6rem; font-weight: 400; color: #007BA8; background: #fff; font-family: 'Pretendard';}
.hem_wrap .edu_list_wrap .edu_list_box > .btn_swiper {display: none;}
.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li:nth-of-type(3) .btn_swiper {display: none;}

/* hem popup */
.hem_popup {display: none; width: 100%; height: 100vh; position: fixed; left: 0; top: 0; z-index:555; transition: .5s;}
.hem_popup .dim {width: 100%; height: 100%; background: rgba(0,0,0,0.6); transition: .5s;}
.hem_popup .hem_popup_wrap {position: absolute; left: 50%; top: 10%; width: 518px; transform: translateX(-50%); z-index:556;}
.hem_popup .hem_popup_wrap .pop_tit {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 55px; padding: 0 2rem 0 3rem; box-sizing: border-box; background: url('../images/ico/pop_tit_bg.png') no-repeat center center / 100% 100%;}
.hem_popup .hem_popup_wrap .pop_tit h3 {width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 2rem; font-weight: 700; letter-spacing: -0.5px;}
.hem_popup .hem_popup_wrap .btn_pop_close {position: absolute; right: 2.5%; top: 2.2%; display: inline-block; width: 2.1rem; height: 2.1rem; background: url('../images/ico/ico_close_w.png') no-repeat center center / cover; text-indent: -9999px;}
.hem_popup .hem_popup_wrap .pop_cont {overflow: hidden; overflow-y: auto; width: 100%; max-height: 74rem; box-sizing: border-box; background: #fff;}
.hem_popup .hem_popup_wrap .pop_cont .pop_list {width: 100%;}
.hem_popup .hem_popup_wrap .pop_cont .pop_list ul {width: 100%;}
.hem_popup .hem_popup_wrap .pop_cont .pop_list ul li {width: 100%; border-bottom: 1px solid #cdcdcd; padding: 2rem 2rem 2rem; box-sizing: border-box;}
.hem_popup .hem_popup_wrap .pop_cont .pop_list ul li > a {font-size: 1.8rem; font-weight: 500; letter-spacing: -1px;}
.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list {width: 100%; padding: 3rem 2.5rem 0; box-sizing: border-box;}
.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list ul {display: table; table-layout: fixed; width: 100%; box-sizing: border-box;}
.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list ul li {display: inline-block; vertical-align: top; width: 49%; padding-right: 2%; margin-bottom: 2.5rem;}
.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list ul li:nth-of-type(2n) {padding-right: 0;}
@-moz-document url-prefix() {
	.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list ul li {padding-right: 1.2%;}
	.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list ul li:nth-of-type(2n) {padding-right: 0;}
}
.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list ul li a,
.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list ul li a video {display: block; width: 100%;}
.hem_popup .hem_popup_wrap .pop_cont::-webkit-scrollbar {width: 14px;}
.hem_popup .hem_popup_wrap .pop_cont::-webkit-scrollbar-thumb {background-color: #757575; border-radius: 15px; background-clip: padding-box; border: 4px solid transparent;}
.hem_popup .hem_popup_wrap .pop_cont::-webkit-scrollbar-track {background-color: #f0f0f0;}
.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list ul li a {overflow: hidden; border-radius: 1rem;}

/* 통합검색 */
 .board_search_digital {display: flex; justify-content: center; width: 100%; padding: 5rem 2rem; box-sizing: border-box; border-radius: 5px;}
 .board_search_digital .search_form_wrap {display: flex; align-items: center; width: 80%;}
 .board_search_digital .search_form_wrap > input {width: 60%; height: 4.8rem; padding: 10px; margin-right: 10px; border: 2px solid #ee2747; box-sizing: border-box;}
 .board_search_digital .search_form_wrap > select {width: 20%; height: 4.8rem; padding: 0 10px; margin-right: 10px; font-size: 1.6rem; font-weight: 400; background: #fff url('../images/ico/arrow_down.png') no-repeat 90% center / 12px; border: 2px solid #ee2747; box-sizing: border-box; font-family: 'Pretendard'; cursor: pointer;}
 .board_search_digital .btn_board_search {width: 20%; height: 4.8rem; border: none; font-size: 1.6rem; font-weight: 700; text-align: center; color: #fff; background: #ee2747; box-sizing: border-box; font-family: 'Pretendard';}
 .list_result .list_result_info {width: 100%; margin-bottom: 7rem; padding-top: 2rem; text-align: center; font-size: 3rem; font-weight: 400;}
 .list_result .list_result_info br {display: none;}
 .list_result .list_result_info .word_sch,
 .list_result .list_result_info .num_sch{font-weight: 700; color: #ee2747;}
 .list_result .list_result_info .word_sch {position: relative; padding-left: 42px;}
 .list_result .list_result_info .word_sch:before {content: ''; position: absolute; left: 0; top: 3px; display: inline-block; width: 30px; height: 30px; background: url('../images/ico/ico_search_black.png') no-repeat left center / 90%;}

 .list_result .list_result_tab {width: 100%; margin-bottom: 5rem; }
 .list_result .list_result_tab .list_scroll_wrap {width: 100%; height: 6rem; border-bottom: 1px solid #dee2e6; text-align: center; box-sizing: border-box;}
 .list_result .list_result_tab .list_scroll_wrap .list_scroll {position: relative; white-space: nowrap; display: table; width: 100%; height: 100%;}
 .list_result .list_result_tab .list_scroll_wrap .list_scroll .bx {display: inline-block; width: 25%; height: 100%; box-sizing: border-box;}
 .list_result .list_result_tab .list_scroll_wrap .list_scroll .bx a {position: relative; display: inline-block; width: 100%; height: 6rem; line-height: 5rem; font-size: 2rem; font-weight: 500; transition: .3s;}

 .list_result .list_result_tab .list_scroll_wrap .list_scroll .bx a:hover {color: #1785f2;}
 .list_result .list_result_tab .list_scroll_wrap .list_scroll .bx a.selected {color: #1785f2;}
 .list_result .list_result_tab .list_scroll_wrap .list_scroll .bx a.selected:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	border-bottom: 2px solid #ee2747;
	transform: translateX(-50%);
		z-index: 111;
	/*애니메이션*/
	animation-name: border;
	animation-duration: 0.3s;
	animation-direction:alternate;
	animation-fill-mode: forwards;
}
/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes border {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.list_result .list_result_tab .list_scroll_wrap .list_scroll .bx a span {vertical-align: top;}
.list_result .list_result_tab .select_box_area {width: 100%; text-align: right; margin-top: 2rem;}
.list_result .list_result_tab .select_box_area select {display: inline-block; width: 12rem; padding: 1rem 2rem; box-sizing: border-box; border: 1px solid #dee2e6; color: #868686; background: #fff url('../images/ico/ico_select_arr.png') no-repeat 90% center / 15px; margin-right: 1rem; line-height: 2rem;}
.list_result .list_result_tab .select_box_area select:last-child {margin-right: 0;}
.list_result .lst_result_box {position: relative; width: 100%; padding: 0 0 5rem; box-sizing: border-box;}
.list_result .lst_result_box:last-child {padding-bottom: 0;}
.list_result .lst_result_box .lst_tit_sec {display: flex; align-items: flex-end; justify-content: space-between;margin-bottom: 2.5rem;}
.list_result .lst_result_box .lst_tit_sec .lst_tit_txt {display: flex; align-items: center;}
.list_result .lst_result_box .lst_tit_sec .lst_tit_txt .lst_tit {width: auto; margin: 0 1rem 0 0; height: auto; font-size: 3rem; font-weight: 700; color: #ee2747; border: none; padding: 0;}
.list_result .lst_result_box .lst_tit_sec .lst_tit_txt .lst_num {display: inline-block; border-left: 1px solid #868686; padding-left: 1rem; font-size: 2rem; font-weight: 500;}
.list_result .lst_result_box .btn_lst_tit {position: absolute; right: 0; top: 1rem; display: inline-block; padding: 0 0rem 0 2rem; box-sizing: border-box;  background: #fff url('../images/ico/plus_b.png') no-repeat left center / 12px; color: #12226E; font-size: 1.5rem; font-weight: 700;}
.list_result .lst_result_box .lst_1_line {width: 100%; margin-top: 2rem;}
.list_result .lst_result_box .lst_1_line li {margin-bottom: 2rem; border-bottom: 1px solid #dee2e6; padding-bottom: 2rem;}
.list_result .lst_result_box .lst_1_line li:last-child {border-bottom: 0;}
.list_result .lst_result_box .lst_1_line li a {display: block; width: 100%;}
.list_result .lst_result_box .lst_1_line li a p.tit_wrap {width: 100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size: 1.7rem; margin-bottom: 1rem; font-weight: 500;}
.list_result .lst_result_box .lst_1_line li a > span {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 1.5rem; line-height: 1.9rem; color: #4b4b4b;}
.lst_empty,
.board_empty {font-size: 1.5rem; color: #868686; text-align: center;}
.board_empty {border-bottom: 0;}

/* 지도 */
#states path {
	fill: #fff5e1;
	stroke: #edeae3;
	stroke-width: 1.2px;
	outline: none;
}
#states path[focuson='Y'] {
	fill: #B9D7EA;
}

#states path:hover {
	fill: #B9D7EA;
}

#states text:hover {
	fill: #62bfea;
}


#states .active,
#states .sactive  {
	fill: #B9D7EA;
}

#states .activeDetail {
	fill: #00b700;
}

#states path {
	cursor: pointer;
}

#states text {
	cursor: pointer;
	font-size: 12px;
	font-family: 'Prentendard';
	font-weight: 500;
	fill: #333;
}
#svg {
	width:100%;
	height: auto;
}
svg .municipality-label {
fill: #bbb;
font-size: 12px;
font-weight: 300;
text-anchor: middle;
}

.map_lv_2 #states path:hover {
	fill: #D3ECA7;
}
.map_lv_2 #states .active,
.map_lv_2 #states .sactive  {
	fill: #D3ECA7;
}
.map_lv_2 #states path[focuson='Y'] {
	fill: #D3ECA7;
}

.d3-tooltip {
visibility: hidden;
position: absolute;
z-index: 10;
font-size: 11px;
background-color: #333;
color: #FFF;
padding: 5px 10px;
border-radius: 3px;
opacity: .8;
}

.srch_wrap .map_area .map_box .map {
	height: auto;
	min-height: 558px;
	padding: 2rem 0rem 1rem 0rem;
}

/* 반응형 */
@media all and (max-width:1320px) {
	/* 공통요소 */
	.contents_box {max-width: 96%; padding-top: 3rem;}
}
@media all and (max-width:1200px) {
	/* 문화유산영상 - 유적건조물 */
	.conts_vod .chk_form {max-width: 16%; min-height: 715px; padding-top: 5rem;}

	/* 문화유산영상 - 유적건조물 상세 */
	.vod_detail .vod_d_top {padding-bottom: 1rem;}

	/* 프로그램별 보기 상세 */
	.info_flex {flex-direction: column;}
	.info_flex .info_img {width: 100%; margin: 0 0 2% 0;}
	.info_flex .info_txt {width: 100%; min-height: 345px;}

	/* 문화유산교육 HEM */
	.hem_wrap .edu_list_wrap {margin-top: 0;}

	/* 통합검색 */
	.board_search_digital {padding: 5rem 0;}
	.board_search_digital .search_form_wrap {width: 100%;}
	.list_result .list_result_info {margin-bottom: 4rem;}

	.srch_wrap .map_area .map_box .map {min-height: 461px;}

}

@media all and (max-width:1024px) {
	/* 문화유산영상 - 유적건조물 */
	.conts_vod .chk_form > ul > li:first-child input[type="checkbox"] + label {font-size: 1.4rem;}
	.conts_vod .chk_form > ul > li .chk_tit {font-size: 1.4rem;}

	/* 테마검색 - 히스토리 검색 */
	.srch_wrap .result_area .kw_box {padding: 0 2rem 1rem 4rem; background-size: 25px; background-position: left 1px;}
	.srch_wrap .result_area .result_cont {padding-top: 3.7rem;}
	.srch_wrap .result_area .result_cont .result_list > li .thumb_year {width: 12%; font-size: 1.8rem;}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .bg_year {font-size: 5.5rem;}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list {padding-top: 3.1rem;}
	.srch_wrap .result_area .result_cont .result_list > li.result_empty {padding-bottom: 2rem;}

	/* HTML페이지 - 오시는 길 */
	.edit_wrap .location_wrap .location_info .addr_wrap > p {font-size: 17px;}

	/* 테마검색 - 키워드 연관 검색 */
	.srch_wrap input.inp_search {width: 76%;}
	.srch_wrap .srch_box {width: 60%;}
	.srch_wrap .srch_box input {height: 55px;}
	.srch_wrap .srch_box .btn_srch {width: 55px; height: 55px; background-size: 23px;}
	.srch_wrap .srch_box .btn_srch:after {top: 14.5px; height: 26px;}
	.srch_wrap .srch_box .btn_clear {right: 2.4rem; top: 1.4rem;}
	.result_area .btn_swiper {top: 102px;}
	.result_area .btn_swiper .swiper-button-prev, .result_area .btn_swiper .swiper-button-next {width: 35px; height: 35px; margin: 0 0 0 -15px;}
	.result_area .btn_swiper .swiper-button-next {margin: 0 -15px 0 0;}
	.srch_wrap .srch_result .main_keyword {width: 35.5%;}
	.srch_wrap .srch_result .btn_swiper {width: 64.5%;}
	.srch_wrap .srch_result .btn_swiper .swiper-button-prev {margin-left: -31px;}
	.srch_wrap .srch_result .btn_swiper .swiper-button-next {margin-right: -16px;}

	/* 문화유산교육 HEM */
	.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li > .list_sort > span {font-size: 2rem; background-size: 40px;}
	.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li:nth-of-type(3) .swiper-container .swiper-wrapper .swiper-slide ul li > a {font-size: 1.6rem; line-height: 2rem;}

}

@media all and (max-width:900px) {
	/* 문화유산영상 - 유적건조물 상세 */
	.vod_detail .vod_d_top {margin-bottom: 2rem;}
	.vod_detail .vod_d_top .title {font-size: 1.6rem; line-height: 2.3rem;}
	.vod_detail .vod_d_top .btn_back {min-width: 79px; height: 30px; padding: 1rem 0; font-size: 1.1rem; line-height: 1.1rem;}
	.vod_detail .vod_btm ul {padding: 1rem;}
	.vod_detail .vod_btm ul li {padding: 1.5rem 1rem; font-size: 1.3rem; line-height: 1.6rem;}
	.vod_detail .vod_btm ul li > a {width: 168px;}
	.v_list  {padding-bottom: 2rem;}
	.v_list .v_tit_box {font-size: 1.8rem; padding-bottom: 1.5rem;}
	.v_list .v_list_box {margin-top: 4rem;}
	.vod_detail .vod_d_top .title {padding-right: 1rem;}
	.vod_detail .vod_d_top .btn_download {width: 2.5rem; min-width: 2.5rem; height: 2.5rem;}
	.vod_detail .vod_btm ul li .tb_cont .btn_arr_d {min-width: 88px; height: 30px;}

	/* 테마검색 - 지역별 검색 */
	.srch_wrap .map_area .map_box .map {min-height: 350px;}
	.srch_wrap .map_area .map_box .map img {width: 76%;}

	/* HTML페이지 - 연혁 */
	.edit_wrap .history_list > ul > li .tit_year {width: 23%;}
	.edit_wrap .history_list > ul > li .tit_year .tit_year_txt {padding: 15px 15px 0 0; font-size: 2.6rem;}
	.edit_wrap .history_list > ul > li > ul {width: 77%; padding: 0;}
	.edit_wrap .history_list > ul > li > ul > li > span {font-size: 15px; line-height: 21px;}
	.edit_wrap .history_list > ul > li > ul > li > p > span {font-size: 14px; line-height: 21px; margin-top: 4px;}
	.edit_wrap .history_list > ul > li > ul > li > p > span:before {top: 10px;}

	/* HTML페이지 - 오시는 길 */
	.edit_wrap .location_wrap {flex-direction: column;}
	.edit_wrap .location_wrap .location_info {width: 100%; margin-right: 0;}
	.edit_wrap .location_wrap .map_wrap {width: 100%; margin-top: 20px;}

	/* 개인정보처리방침 */
	.sm_wrap .privacy_wrap .top_exp {margin-bottom: 3rem; font-size: 1.4rem;}
	.sm_wrap .privacy_wrap .privacy_list {font-size: 1.3rem; line-height: 1.9rem;}
	.sm_wrap .privacy_wrap .privacy_list .list_exp {margin-bottom: 2rem;}
	.sm_wrap .privacy_wrap .privacy_list > ul {padding: 3rem 2rem;}
	.sm_wrap .privacy_wrap .privacy_list > ul > li .list_tit {font-size: 1.6rem; margin-bottom: 1.2rem;}
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li p.sub_list_tit {font-size: 1.5rem; padding-left: 1.3rem;}
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li p.sub_list_tit:before {width: 4px; height: 4px;}
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > span {padding-left: 0;}
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list {margin-top: 1rem;}
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list li > table th,
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list li > table td {padding: 1rem 2rem;}
	.sm_wrap .privacy_wrap .privacy_list img {width: 100%; margin: 2rem auto;}
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list,
	.sm_wrap .privacy_wrap .privacy_list > ul > li > span {padding-left: 1.2rem;}
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list li > p:before {left: 0;}
	.sm_wrap .copyright_wrap .privacy_list img {width: 219px; margin: 1rem 0 1rem;}
	.sm_wrap .copyright_wrap .privacy_list > ul > li > ul.sub_list {padding-left: 0;}

	/* 사이트맵 */
	.sm_wrap .sitemap .site_menu_list > li {margin-bottom: 5rem;}
	.sm_wrap .sitemap .site_menu_list > li > ul {display: block;}
	.sm_wrap .sitemap .site_menu_list > li > ul > li {display: block; margin-bottom: 2rem;}
	.sm_wrap .sitemap .site_menu_list > li > ul > li > .depth_3_list {margin-top: 1rem;}

	/* 테마검색 - 키워드 연관 검색 */
	.srch_wrap .srch_result .main_keyword {width: 49%; margin-right: 2%;}
	.keyword_list {width: 49%;}
	.srch_wrap .srch_result .btn_swiper {width: 49%;}
	.srch_wrap .srch_result .btn_swiper .swiper-button-prev {margin-left: -19px;}
	.srch_wrap .srch_result .btn_swiper .swiper-button-next {margin-right: -10px;}

	/* hem */
	.hem_wrap .edu_list_wrap .edu_list_box > .btn_swiper {display: block; position: absolute; right: 0; bottom: 0; width: 100%;}
	/*.hem_wrap .edu_list_wrap .edu_list_box:nth-of-type(1) > .btn_swiper {display: none;}*/
	.hem_wrap .edu_list_wrap .edu_list_box > .btn_swiper .swiper-button-prev,
	.hem_wrap .edu_list_wrap .edu_list_box > .btn_swiper .swiper-button-next {width: 35px; height: 35px; background: #fff url('../images/ico/ico_arr_left_b.png') no-repeat center center / 8px; border-radius: 100%; border:1px solid #252525; top: 4%; margin-top: 0;}
	.hem_wrap .edu_list_wrap .edu_list_box > .btn_swiper .swiper-button-next {background: #fff url('../images/ico/ico_arr_right_b.png') no-repeat center center / 8px;}
	.hem_wrap .edu_list_wrap .edu_list_box .subj {height: 43px; top: -43px;}
	.hem_wrap .edu_list_wrap .edu_list_box > div {padding-top: 4.3rem;}
	.hem_wrap .edu_list_wrap .edu_list_box .edu_list_tit > span {font-size: 1.7rem;}
	.hem_wrap .edu_list_wrap .edu_list_box {margin-top: 3rem;}

	/* privacy 2.0 */
	.sm_wrap .privacy_wrap .img_tbl {margin-bottom: 20px;}
	.sm_wrap .privacy_wrap .priv_list > ul > li {margin-bottom: 20px;}
	.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit > h4 {display: flex; justify-content: space-between; align-items: center;}
	.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit > h4 > span {font-size: 20px; line-height: 25px; display: inline-block; width: 80%;}
	.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit > h4 > ul {margin-left: 5px; width: calc(16% - 5px); text-align: end;}
	.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit > h4 > ul > li:nth-of-type(2n) {margin-right: 0;}
	.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont {margin-top: 15px;}
	.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul > li {font-size: 16px; line-height: 22px;}
	.sm_wrap .privacy_wrap .claim_list > li:after {right: -28px; top: 35%;}
	.sm_wrap .privacy_wrap .claim_list > li {padding: 12px 10px 15px;}
	.sm_wrap .privacy_wrap .claim_list > li > span {font-size: 14px; line-height: 16px;}
	.sm_wrap .privacy_wrap .exp_img {width: 100%;}
	.sm_wrap .privacy_wrap .exp_img > img {display: inline-block; width: 100%;}

}

@media all and (max-width:768px) {
	/* 공통 */
	.contents_box {padding: 2rem 0 3rem;}
	.conts_tit {font-size: 2rem; padding-bottom: 2rem;}
	.empty {padding: 2rem 0;}
	.prg_list_box ul li.empty {padding: 2rem 0;}

	/* 문화유산영상 - 유적건조물 */
	.conts_vod {flex-direction: column;}
	.conts_vod .chk_form {position: relative; z-index: -1; max-width: 100%; width: 100%; min-height: 150px; height: 150px; overflow-y: scroll; margin-bottom: 2rem; padding-top: 2rem;}
	.conts_vod .board {width: 100%;}
	.conts_vod .chk_form > ul > li {margin-bottom: 1.5rem;}
	.conts_vod .chk_form > ul > li.add > .sub_chk_list {display: table; padding: 1.2rem 2rem 0 2rem;}
	.conts_vod .chk_form > ul > li > .sub_chk_list li {width: auto; display: inline-block; margin: 0 1.2rem 1rem 0;}

	/* 문화유산영상 - 유적건조물 상세 */
	.vod_detail .vod_d_top .title {font-size: 1.5rem; line-height: 2rem;}
	.vod_detail .vod_btm ul li .tb_tit {margin-right: 5%;}
	.vod_detail .vod_btm ul li {font-size: 1.2rem; line-height: 1.8rem;}
	.v_list .v_list_box {margin-top: 3rem;}
	.v_list .v_tit_box {font-size: 1.6rem; padding-bottom: 1.2rem;}
	.v_list .swiper-slide > a > p.vod_tit_box .vod_tit {font-size: 1.3rem; line-height: 1.6rem;}
	.v_list .btn_swiper {top: 7.5rem;}

	/* 프로그램별 보기 상세 */
	.info_flex {margin-bottom: 4rem;}
	.info_flex .info_txt {min-height: 265px; padding: 2rem 1.5rem;}
	.info_flex .info_txt ul li {margin-bottom: 2rem;}
	.info_flex .info_txt ul li .info_tit {font-size: 1.4rem; padding: 0 0.5rem 0.8rem 0.5rem;}
	.info_flex .info_txt ul li .info_cont {font-size: 1.3rem; line-height: 1.9rem; padding: 0 0.5rem; font-weight: 400;}

	/* 마이페이지 - 사용자정보 */
	.mypage_wrap .user_info {width: 80%;}

	/* 테마검색 - 히스토리 검색 */
	.srch_wrap .result_area .result_cont .result_list > li {margin-top: 3.5rem;}
	.srch_wrap .result_area .result_cont .result_list > li .thumb_year {width: 15%; font-size: 1.6rem;}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right {width: 85%;}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .bg_year {font-size: 5rem;}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list {padding-top: 3rem;}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li {width: 49%; margin: 0 0 1.8rem 0; padding-right: 2%;}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li:nth-of-type(2n) {padding-right: 0;}
	@-moz-document url-prefix() {
		.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li {
			padding-right: 1%;
		}
		.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li:nth-of-type(2n) {padding-right: 0;}
	}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li a > span {padding-top: 1rem; font-size: 1.3rem;}
	.srch_wrap .result_area .result_cont .result_list > li.result_empty {font-size: 1.4rem; padding: 5.5rem 0 1rem; background-size: 4.5rem;}
	.hem_wrap .edu_list_wrap .edu_list_box .edu_list_tit > span:before {left: 5px; width: 5px; height: 5px;}
	.srch_wrap .srch_form {margin-bottom: 3rem;}

	/* 테마검색 - 지역별 검색 */
	.srch_wrap .map_area {flex-direction: column; margin-bottom: 4rem;}
	.srch_wrap .map_area .map_box.map_lv_2 {margin: 2rem 0 0 0;}
	.srch_wrap .map_area .map_box .map_tit {padding: 1.3rem 0; font-size: 1.5rem;}
	.srch_wrap .map_area .map_box .map img {width: 40%;}

	/* HTML페이지 - 관련기관 안내 */
	.edit_wrap .bnr_wrap ul li {width: 23.5%; height: 55px;}
	.edit_wrap .bnr_wrap ul li:nth-of-type(5n) {margin-right: 2%;}
	.edit_wrap .bnr_wrap ul li:nth-of-type(4n) {margin-right: 0;}

	/* 테마검색 - 키워드 연관 검색 */
	.srch_wrap .srch_box {width:100%; margin-bottom: 2rem;}

	/* 문화유산교육 HEM */
	.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li:first-child {width: 14%;}
	.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li > .list_sort > span {font-size: 1.6rem;}
	.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li:nth-of-type(2) {width: 16%;}
	.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li:nth-of-type(2) > p.grade {font-size: 1.6rem;}
	.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li:nth-of-type(3) {width: 70%;}
	.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li:nth-of-type(3) .btn_swiper {top: 3.4rem;}
	.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li:nth-of-type(3) .btn_swiper .swiper-button-prev {left: -16px;}
	.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li:nth-of-type(3) .btn_swiper .swiper-button-next {right: -10px;}
	.hem_wrap .edu_list_wrap .edu_list_box > .btn_swiper .swiper-button-prev,
	.hem_wrap .edu_list_wrap .edu_list_box > .btn_swiper .swiper-button-next {width: 30px; height: 30px; border: 1px solid #868686; background: rgba(255,255,255,0.65) url('../images/ico/ico_arr_left_b.png') no-repeat center center / 20%;}
	.hem_wrap .edu_list_wrap .edu_list_box > .btn_swiper .swiper-button-next {border: 1px solid #868686; background: rgba(255,255,255,0.65) url('../images/ico/ico_arr_right_b.png') no-repeat center center / 20%;}
	.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list ul li {margin-bottom: 1.8rem;}

	/* 통합검색 */
	.board_search_digital {padding: 3rem 0 3rem;}
	.list_result .list_result_info {padding-top: 2rem; font-size: 2.5rem;}
	.list_result .list_result_info .word_sch:before {width: 28px; height: 28px;}
	.list_result .list_result_tab .list_scroll_wrap {height: 5rem;}
	.list_result .list_result_tab .list_scroll_wrap .list_scroll .bx a {height: 5rem; font-sizE: 1.6rem;}
	.list_result .lst_result_box .lst_tit_sec .lst_tit_txt .lst_tit {font-size: 2.6rem;}
	.list_result .lst_result_box .lst_tit_sec .lst_tit_txt .lst_num {font-size: 1.8rem;}
	.list_result .lst_result_box .btn_lst_tit {top: 0.5rem;background-size: 1.2rem; font-size: 1.3rem;}
	.lst_result_box .list_box > ul > li {width: 49%;}
	.lst_result_box .list_box > ul > li:nth-of-type(2n) {margin-right: 0;}

	.keyword_list .swiper-wrapper .swiper-slide .slide_vod_list li a .vod_tit_box,
	.srch_wrap .srch_result .main_keyword .slide_vod_list li a .vod_tit_box {padding-top: 1rem;}
	.keyword_list .swiper-wrapper .swiper-slide .slide_vod_list li,
	.srch_wrap .srch_result .main_keyword .slide_vod_list li {margin-bottom: 1.8rem;}
	.v_list .swiper-slide > a > p.vod_tit_box {padding-top: 1rem;}

	/* privacy 2.0 */
	.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit > h4 > span {width: 75%; font-size: 18px; line-height: 21px;}
	.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_sub_tit > h4 > ul {width: calc(25% - 5px);}
	.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont {margin-top: 10px;}
	.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul > li {font-size: 14px; line-height: 20px;}
	.sm_wrap .privacy_wrap .priv_list > ul > li > div.priv_cont > .priv_cont_box > ul > li > ul.priv_sub_list > li {margin-bottom: 3px;}
	.sm_wrap .privacy_wrap .claim_list {flex-direction: column;}
	.sm_wrap .privacy_wrap .claim_list > li {width: 100%; height: 69px; margin: 0 0 30px 0;}
	.sm_wrap .privacy_wrap .claim_list > li:last-child {margin-bottom: 0;}
	.sm_wrap .privacy_wrap .claim_list > li:after {right: 47%; top: initial; bottom: -25px; transform: rotate(90deg);}

	/* 영상상세 버튼추가 */
	.vod_detail .vod_btm ul li .tb_cont .btn_arr_d {min-width: 84px;}

	/* layer popup */
	.layer {width: 90%;}
	.layer .layercnt a {display: inline-block; width: 100%;}
	.layer .layercnt a img {display: inline-block; width: 100%;}

	/* 영상하단 텍스트 추가 */
	.vod_add_txt {font-size: 1.3rem; line-height: 1.6rem; padding-top: 2rem; word-break:keep-all; bottom: -4rem;}

	/* bi */
	.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li > p.c_exp > span:first-child {font-size: 1.6rem;}
	.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li > p.c_exp > span {font-size: 13px;}
	.edit_wrap .bi_wrap .bi_cont_box .bi_tit {margin-bottom: 1rem;}
	.edit_wrap .bi_wrap .bi_cont_box .tit_txt {font-size: 1.8rem;}
	.edit_wrap .bi_wrap .bi_cont_box .btn_down {padding: 1rem; font-size: 14px; width: 160px;}
	.edit_wrap .bi_wrap .bi_cont_box .color_logo > img {display: inline-block; width: 30%;}
}

@media all and (max-width:650px) {
	/* HTML페이지 - 연혁 */
	.edit_wrap .history_list > ul > li .tit_year {width: 20%;}
	.edit_wrap .history_list > ul > li .tit_year .tit_year_txt {padding: 10px 10px 0 0; font-size: 2rem;}
	.edit_wrap .history_list > ul > li > ul {width: 78%;}
	.edit_wrap .history_list > ul > li > ul > li {padding: 10px 0;}
	.edit_wrap .history_list > ul > li > ul > li > span {width: 60px; font-size: 14px; line-height: 19px;}
	.edit_wrap .history_list > ul > li > ul > li > p {width: calc(100% - 72px);}
	.edit_wrap .history_list > ul > li > ul > li > p > span {font-size: 13px; line-height: 18px;}
	.edit_wrap .history_list > ul > li > ul > li > p > span:before {top: 9px;}

	/* 개인정보처리방침 */
	.sm_wrap .privacy_wrap .privacy_list > ul > li .list_tit {font-size: 1.5rem;}
	.sm_wrap .privacy_wrap .privacy_list > ul {padding: 2rem 1rem;}
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li p.sub_list_tit,
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > span{font-size: 1.3rem;}
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li p.sub_list_tit,
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > p.cont_list_tit,
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list > li > ul.exp_list,
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.exp_list,
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.exp_list {font-size: 1.3rem;}
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list li > table th,
	.sm_wrap .privacy_wrap .privacy_list > ul > li > ul.sub_list > li > ul.cont_list li > table td {font-size: 1.2rem;}

	/* 문화유산교육 HEM */
	.hem_wrap .srch_wrap_tit {padding: 0 0 3rem; font-size: 2.5rem;}
	.hem_wrap .edu_list_wrap .edu_list_box > div {width: 100%; height: 183px;}
	.hem_wrap .edu_list_wrap .edu_list_box .edu_list_tit > span {font-size: 1.7rem; background-size: 36px;}
	.hem_wrap .edu_list_wrap .edu_list_box > div > .swiper-wrapper > .swiper-slide > a > p.title_wrap > span {font-size: 1.4rem;}
	.hem_wrap .edu_list_wrap .edu_list_box > div > .swiper-wrapper > .swiper-slide > a .total_num {font-size: 1.4rem;}
	.hem_wrap .edu_list_wrap .edu_list_box .subj {font-size: 1.6rem;}

	/* hem popup */
	.hem_popup .hem_popup_wrap {width: 90%; top: 14%;}
	.hem_popup .hem_popup_wrap .pop_tit {height: 46px;}
	.hem_popup .hem_popup_wrap .pop_tit h3 {font-size: 1.8rem;}
	.hem_popup .hem_popup_wrap .pop_cont .pop_list ul li {padding: 1.5rem 2rem 1.5rem;}
	.hem_popup .hem_popup_wrap .pop_cont .pop_list ul li > a {font-size: 1.4rem;}
	.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list {padding: 2rem 0.8rem 0;}
	.hem_popup .hem_popup_wrap .pop_tit .btn_pop_close {width: 1.8rem; height: 1.8rem;}

	/* 통합검색 */
	.board_search_digital .search_form_wrap > select {width: 27%; font-size: 1.4rem; margin-right: 0.5rem;}
	.board_search_digital .search_form_wrap > input {width: 60%; margin-right: 0.5rem;}
	.list_result .lst_result_box .lst_tit_sec .lst_tit_txt .lst_tit {font-size: 2.2rem; margin-right: 0.8rem;}
	.list_result .lst_result_box .lst_tit_sec .lst_tit_txt .lst_num {font-size: 1.6rem; padding-left: 0.8rem;}
	.list_result .lst_result_box .lst_1_line li a p.tit_wrap {font-size: 1.6rem;}
	.list_result .lst_result_box .lst_1_line li a > span {font-size: 1.4rem;}
	.board_search_digital .btn_board_search {width: 13%; text-indent: -9999px; font-size: 1.4rem; background: #ee2747 url('../images/ico/ico_search_w.png') no-repeat center center / 35%;}
	.info_box .img_exp > ul > li:last-child > span > img {width: 36%;}

	/* bi */
	.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul {display: block;}
	.edit_wrap .bi_wrap .bi_cont_box .bi_cont .bi_exp .bi_exp_txt > ul li {width: 100%;}
	.edit_wrap .bi_wrap .bi_cont_box .bi_info_txt {padding: 1.5rem; margin: 1rem 0;}
	.edit_wrap .bi_wrap .bi_cont_box .bi_info_txt > li {font-size: 1.3rem; line-height: 1.6rem;}
}

@media all and (max-width:550px) {
	/* 공통 */
	.result_empty {font-size: 1.8rem; padding-top: 7rem; margin-bottom: 2rem;}

	/* 로그인 */
	.login_wrap .login_exp {width: 82%; padding-top: 1rem; font-size: 1.4rem; line-height: 1.9rem; margin: 0 auto;}
	.login_wrap .login_exp p {display: none;}
	.login_wrap .login_list {padding: 3rem 0 1rem;}
	.login_wrap .login_list li {margin: 0 auto 1rem;}
	.login_wrap .login_list li a {height: 44px;}
	.login_wrap .login_list li a span {font-size: 1.4rem; line-height: 43px;}

	/* 마이페이지 - 사용자정보 */
	.mypage_wrap  {padding-bottom: 2rem;}
	.mypage_wrap .user_info {width: 100%;}
	.mypage_wrap .user_info dl {font-size: 1.4rem;}
	.mypage_wrap .btn_sns_clear {font-size: 1.4rem;}

	/* 마이페이지 - SNS해제 안내 리스트 */
	.mypage_wrap .user_info .sns_info_list li {font-size: 1.2rem; line-height: 1.7rem; margin-bottom: 0.8rem;}

	/* 테마검색 - 히스토리 검색 */
	.srch_wrap .srch_form {margin-bottom: 2rem;}
	.srch_wrap .srch_form input {width: 96%; padding: 0.6rem 5rem 0.3rem 2rem;}
	.srch_wrap .srch_form input::placeholder {font-size: 1.4rem;}
	.srch_wrap .srch_form button.btn_srch_his {height: 4rem; background-size: 30%;}
	.srch_wrap .result_area .kw_box {background-size: 2rem; padding-left: 3rem; background-position: left 0;}
	.srch_wrap .result_area .result_cont {padding-top: 3rem;}
	.srch_wrap .result_area .result_cont .result_list > li {margin-top: 2.5rem;}
	.srch_wrap .result_area .result_cont .result_list > li:before {width: 10px; height: 10px;}
	.srch_wrap .result_area .result_cont .result_list > li:after {left: 5.5px; top: 24px;}
	.srch_wrap .result_area .result_cont .result_list > li .thumb_year {width: 23%; padding-left: 2rem;}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right {width: 77%;}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .bg_year {font-size: 3rem; top: -5px;}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list {padding-top: 2.1rem;}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li:nth-of-type(4n) {margin-right: 2%;}
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li:nth-of-type(2n) {margin-right: 0;}

	/* 테마검색 - 지역별 검색 */
	.srch_wrap .map_area .map_box .map {min-height: 270px;}
	.srch_wrap .map_area .map_box .map img {width: 51%;}

	/* HTML페이지 - 오시는 길 */
	.edit_wrap .location_wrap .location_info .addr_wrap {padding: 20px 15px;}
	.edit_wrap .location_wrap .location_info .addr_wrap > p {font-size: 16px;}
	.edit_wrap .location_wrap .location_info .addr_wrap .info_num > span {font-size: 14px; padding-left: 12px;}
	.edit_wrap .location_wrap .location_info > .traffic_wrap {margin-top: 15px; padding: 20px 15px;}
	.edit_wrap .location_wrap .location_info > .traffic_wrap > li p:before {background-size: 55%;}
	.edit_wrap .location_wrap .location_info > .traffic_wrap > li p {font-size: 16px; padding: 9px 0 0 40px;}
	.edit_wrap .location_wrap .location_info > .traffic_wrap > li > ul {padding-left: 40px;}
	.edit_wrap .location_wrap .location_info > .traffic_wrap > li > ul li {padding-left: 10px; margin-bottom: 10px; font-size: 14px;}
	.edit_wrap .location_wrap .map_wrap {margin-top: 15px;}

	/* HTML페이지 - BI */
	.edit_wrap .bi_wrap .bi_cont_box .bi_img {height: 200px;}
	.edit_wrap .bi_wrap .bi_cont_box .bi_img img {width: 40%;}
	.edit_wrap .bi_wrap .bi_cont_box ul {flex-wrap: wrap;}
	.edit_wrap .bi_wrap .bi_cont_box ul li {width: 50%;}
	.edit_wrap .bi_wrap .bi_cont_box ul li .color_logo > span {font-size: 1.6rem; margin-bottom: 1rem;}
	.edit_wrap .bi_wrap .bi_cont_box ul li .color_logo > p > span {font-size: 1.3rem; margin-bottom: 0.4rem;}

	/* 테마검색 - 키워드 연관 검색 */
	.keyword_list .swiper-wrapper .swiper-slide .slide_vod_list li a .vod_tit_box .vod_tit,
	.srch_wrap .srch_result .main_keyword .slide_vod_list li a .vod_tit_box .vod_tit {font-size: 1.3rem;}
	.srch_wrap .srch_box input {padding: 0.4rem 5rem 0.3rem 5.5rem;}
	.srch_wrap .srch_box .btn_srch {width: 40px; height: 40px; left: 15px; background-size: 18px;}
	.srch_wrap .srch_box .btn_srch:after {top: 9.5px; height: 21px;}
	.srch_wrap .srch_box .btn_clear {top: 0.6rem;}
	.result_area .btn_swiper {top: 87px;}
	.keyword_list .swiper-wrapper .swiper-slide .slide_tit .slide_txt {font-size: 1.8rem;}
	.srch_wrap .srch_result .main_keyword .slide_tit .slide_txt,
	.srch_wrap .result_area .kw_box .keyword {font-size: 2.3rem;}
	.result_area .btn_swiper .swiper-button-prev, .result_area .btn_swiper .swiper-button-next {margin: 0 0 0 -8px;}
	.srch_wrap .srch_result .btn_swiper {top: 32px;}
	.srch_wrap .srch_result .btn_swiper .swiper-button-prev,
	.srch_wrap .srch_result .btn_swiper .swiper-button-next {width: 30px; height: 30px;}
	.srch_wrap .srch_result .btn_swiper .swiper-button-prev {margin-left: -13px;}
	.srch_wrap .srch_result .btn_swiper .swiper-button-next {margin-right: -5px;}
	.keyword_list .swiper-wrapper .swiper-slide .slide_tit .slide_num,
	.srch_wrap .srch_result .main_keyword .slide_tit .slide_num {font-size: 3.4rem; left: 4px;}
	.result_area .btn_swiper .swiper-button-next {margin: 0 -8px 0 0;}
	.keyword_list .swiper-wrapper .swiper-slide .slide_tit,
	.srch_wrap .srch_result .main_keyword .slide_tit {height: 60px;}

	/* 사이트맵 */
	.sm_wrap .sitemap .site_menu_list > li > .site_menu_tit {padding-left: 0.5rem; margin-bottom: 2rem;}
	.sm_wrap .sitemap .site_menu_list > li > .site_menu_tit a {font-size: 2rem;}
	.sm_wrap .sitemap .site_menu_list > li > ul > li > a {font-size: 1.6rem;}
	.sm_wrap .sitemap .site_menu_list > li > ul {padding: 0 0.5rem;}

	/* 문화유산교육 HEM */
	.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li > .list_sort > span {font-size: 1.2rem;}
	.hem_wrap .edu_list_wrap > ul > li > ul.list_cont > li:nth-of-type(3) p.tab_tit {top: -44px; height: 44px;}
	.hem_wrap .edu_list_wrap .edu_list_box .edu_list_tit > span {padding-left: 1.5rem;}

	/* 통합검색 */
	.board_search_digital .btn_board_search {background-size: 30%;}
	.list_result .list_result_info {font-size: 2rem; margin-bottom: 2rem; padding-top: 2rem;}
	.list_result .list_result_tab .list_scroll_wrap .list_scroll .bx a {font-size: 1.4rem;}
	.list_result .lst_result_box .lst_tit_sec .lst_tit_txt .lst_tit {font-size: 2rem;}
	.list_result .lst_result_box .lst_tit_sec .lst_tit_txt .lst_num {font-size: 1.4rem;}
	.list_result .lst_result_box .btn_lst_tit {font-size: 1.3rem; background-size: 1rem;}
	.list_result .lst_result_box .lst_1_line li a p.tit_wrap {font-size: 1.5rem; margin-bottom: 0.8rem;}
	.list_result .lst_result_box .lst_1_line li {padding-bottom:1.5rem; margin-bottom: 1.5rem;}
	.list_result .lst_result_box {padding-bottom: 3rem;}
}

@media all and (max-width:455px) {
	/* 문화유산영상 - 유적건조물 */
	.conts_vod .chk_form {padding: 1.5rem;}
	.conts_vod .chk_form > ul > li input[type="checkbox"] + label:before {width: 13px; height: 13px; }
	.conts_vod .chk_form > ul > li:first-child input[type="checkbox"] + label {font-sizE: 1.3rem;}
	.conts_vod .chk_form > ul > li .chk_tit {font-size: 1.3rem; line-height: 1.7rem;}
	.conts_vod .chk_form > ul > li .chk_tit:before {width: 1.3rem; height: 1.3rem;}
	.conts_vod .chk_form > ul > li.add > .sub_chk_list {padding: 1.5rem 1.5rem 0 1.8rem;}
	.conts_vod .chk_form > ul > li input[type="checkbox"] + label {font-size: 1.2rem;}
	.v_list .btn_swiper {top: 8rem;}

	/* HTML페이지 - 연혁 */
	.edit_wrap .history_list > ul > li .tit_year .tit_year_txt {font-size: 2rem;}
	.edit_wrap .history_list > ul > li > ul > li {padding: 10px 0;}
	.edit_wrap .history_list > ul > li > ul > li > span {padding-left: 8px; margin-bottom: 5px;}
	.edit_wrap .history_list > ul > li > ul > li > p {width: 99%;}
	.edit_wrap .history_list > ul > li > ul > li > p > span {padding-left: 21px;}
	.edit_wrap .history_list > ul > li > ul > li > p > span:before {left: 8px;}

	/* HTML페이지 - 오시는 길 */
	.edit_wrap .location_wrap {margin-bottom: 15px;}
	.edit_wrap .location_wrap .location_info .addr_wrap .info_num > span {margin: 10px 0 0 0;}
	.edit_wrap .location_wrap .location_info .addr_wrap .info_num > span:first-child {margin-top: 0;}
	.edit_wrap .location_wrap .location_info > .traffic_wrap > li p {padding: 4px 0 0 34px;}
	.edit_wrap .location_wrap .location_info > .traffic_wrap > li p:before {width: 25px; height: 25px; background-size: 80%;}
	.edit_wrap .location_wrap .location_info > .traffic_wrap > li > ul {padding-left: 0;}
	.edit_wrap .location_wrap .location_info > .traffic_wrap > li > ul li {margin-bottom: 10px;}

	/* HTML페이지 - 관련기관 안내 */
	.edit_wrap .bnr_wrap ul li {width: 49%; height: 40px;}
	.edit_wrap .bnr_wrap ul li:nth-of-type(5n) {margin-right: 2%;}
	.edit_wrap .bnr_wrap ul li:nth-of-type(4n) {margin-right: 2%;}
	.edit_wrap .bnr_wrap ul li:nth-of-type(2n) {margin-right: 0;}

	/* 테마검색 - 키워드 연관 검색 */
	.srch_wrap .result_area {margin-top: -1.5rem;}
	.keyword_list .swiper-wrapper .swiper-slide .slide_tit .slide_num,
	.srch_wrap .srch_result .main_keyword .slide_tit .slide_num {font-size: 2.9rem;}
	.result_area .btn_swiper {top: 56px;}
	.result_area .btn_swiper .swiper-button-prev, .result_area .btn_swiper .swiper-button-next {margin: 0 0 0 -5px;}
	.result_area .btn_swiper .swiper-button-next {margin: 0 -5px 0 0;}
	.keyword_list .swiper-wrapper .swiper-slide .slide_tit,
	.srch_wrap .srch_result .main_keyword .slide_tit {margin-bottom: 1rem;}
	.keyword_list .swiper-wrapper .swiper-slide .slide_vod_list li,
	.srch_wrap .srch_result .main_keyword .slide_vod_list li {margin-bottom: 1.8rem;}

	/* 테마검색 - 히스토리검색 */
	.srch_wrap .result_area .result_cont .result_list > li .result_list_right .vod_list li {width: 100%; margin: 0 0 2.3rem 0;}

	/* hem popup */
	.hem_popup .hem_popup_wrap {height: 80%; top: 50%; transform: translate(-50%, -50%);}
	.hem_popup .hem_popup_wrap .pop_cont {max-height: calc(100% - 46px);}
	@-moz-document url-prefix() {
		.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list ul li {padding-right: 1%;}
		.hem_popup .hem_popup_wrap .pop_cont .pop_vod_list ul li:nth-of-type(2n) {padding-right: 0;}
	}
}