@charset "utf-8"; .kyujang{display:table; clear:both; margin:20px 0} .kyujang li:first-child{width:30%; float:left} .kyujang li:first-child img{width:100%} .kyujang li:last-child{width:68%; float:right} .kyujang_tbl{display:table; clear:both; width:100%} .kyujang_tbl table{width:49%; margin-bottom:10px} .kyujang_tbl table:first-child{float:left} .kyujang_tbl table:last-child{float:right} .jungang{display:table; clear:both; margin:20px 0} .jungang li:first-child{width:100%; height:350px; overflow:hidden} .jungang li:first-child img{width:100%} .jungang li:last-child{width:100%;} .memCon>p{margin-bottom:25px;text-align:justify} .memCon>p:last-child{margin-bottom:0} .memCon img.imgr{float:right;margin:0 0 10px 3%} .memCon img.imgl{float:left;margin:0 3% 10px 0} .memCon img.imgc{display:block;margin:0 auto;} .recordBox{padding:15px;background:#f8f9fa;border:1px solid #e2e2e2;margin-bottom:20px;clear:both} .open{padding:20px 0;text-align:right;border-top:1px solid #e8e8e8;} .img_wrap1{width:100%; clear:both; display:table} .img_wrap1 ul{display:table; float:left; margin:10px 1%; width:48%; padding-top:10px} .img_wrap1 li{text-align:center} .img_wrap1 li:first-child {border:1px solid #ddd; padding:20px 0; display:block} .img_wrap1 li:first-child img{width:90%} .img_wrap1 li:last-child{padding-top:10px} .img_wrap2{width:45%; float:left;  margin: 0 20px 10px 0 } .img_wrap2 li{ text-align:center} strong{font-weight:600} p.bancha{width:100%; text-align:center} p.bancha img{width:100%} .popup_han{} .han_top{background:url(http://www.heritage.go.kr/images/common/popup_bg.png) left bottom; height:72px; width:100%; position:relative} .han_top p{color:#fff; font-size:24px; position:absolute; top:16px; left:27px; font-weight:500} .han_top ul{width:100%; text-align:right; padding:24px 20px 0 0; box-sizing:border-box} .han_top li{display:inline-block;} .han_top li a{background:#fff; border-radius:100px; padding:6px 15px; color:#2f3b68; display:block; font-weight:500} .han_top li a.on, .han_top li a:hover{background:#f7bb3b; cursor:pointer; color:#000} .han_frame{padding:30px 30px 15px 30px; box-sizing:border-box; width:100%} .han_frame h4{color:#000; font-size:15px; font-weight:500; background:none; margin-top:20px; line-height:24px} .han_frame h4 span{background:#51576e; border-radius:100px; color:#fff; height:24px; width:24px; display:inline-block; margin-right:5px; text-align:center} .han_search{text-align:center; background:#eff2f7; border:1px solid #dbdfeb; padding:20px 0} .han_search label,.han_search input, .han_search a{display:inline-block} .han_search label{font-weight:500} .btn_han{background: url(http://www.heritage.go.kr/images/common/bul_chinaC.png) no-repeat 8px center #51576e; padding:7px 25px 6px 40px; color:#fff; border-radius:100px} .btn_help{background: url(http://www.heritage.go.kr/images/common/popup_help.png) no-repeat center; width:34px; text-indent:-9999px; padding:7px 0} .btn_han:hover, .btn_help:hover{cursor:pointer} .han_search input[type="text"]{width:60%; border-radius:100px; padding-left:5px; margin:0 2px} .han_frame iframe{width:100%; border:10px solid #dadada; box-sizing:border-box} .han_footer{text-align:center; margin-bottom:30px} .han_footer a{border-radius:100px} .umka_sch{position:relative} .umka_sch h4,.umka_sch span, .umka_sch ul, .umka_sch li{display:inline-block} .umka_sch ul{position:absolute; right:0; top:35px} .umka_sch li a{display:block; margin-left:2px; border:1px solid #51576e; width:22px; height:22px; line-height:20px; box-sizing:border-box; text-align:center; } .umka_sch li a.on{background: #51576e; color:#fff} .umka_sch li a:hover{background: #51576e; color:#fff; cursor:pointer} .umka_sch span input[type="text"]{width:160px; height:30px; line-height:30px; border:1px solid #c6ccda; box-sizing:border-box; border-radius:100px } .umka_sch span a{background:url(http://www.heritage.go.kr/images/common/bul_detail2.png) 12px center no-repeat #51576e ; padding:4px 12px 4px 35px; color:#fff;border-radius:100px;} .xml1 {font-size: 11pt; line-height: 13pt; color: #000000; cursor: pointer;} .orgn_view .xml2 {font-family:"새굴림";font-size: 10pt; line-height: 13pt; color: #B78014; cursor: pointer;}.xml2 {font-size: 11pt; line-height: 13pt; color: #B78014; cursor: pointer;} h5 .xml2{font-size: 16px!important;font-weight: 700!important;color: #B78014!important;} .xml3 {font-family:"새굴림";font-size: 9pt; line-height: 10pt; color: #7BB72C; cursor: pointer;} .xml4 {font-family:"새굴림";font-size: 11pt; line-height: 13pt; color: #0000FF; cursor: pointer;} .xml5 {font-family:"새굴림";font-size: 9pt; line-height: 13pt; color: #7BB72C; cursor: pointer;} .xml6 {font-family:"새굴림";font-size: 9pt; line-height: 13pt; color: #7BB72C; cursor: pointer; width:200px; height:200px;} .unicode2 {font-family: "새굴림"; font-size: 9pt; font-weight: bold; } .unicode3 {font-family: "새굴림"; font-size: 9pt; } .recordL h4{border-bottom:1px solid #535a75} .memVideo{padding:20px 0;overflow:hidden} .memVideo li{float:left;width:31.9%;margin-left:2%;margin-bottom:10px} .memVideo li:nth-child(4n+1){margin-left:0} .memVideo li a{display:block} .memVideo li a .glry_img{position:relative;overflow:hidden;width:100%;height:210px;text-align:center} .memVideo li a .glry_img:after{content:"";display:block;width:36px;height:36px;position:absolute;left:50%;margin-left:-18px;top:50%;margin-top:-18px;background:url(http://www.heritage.go.kr/images/hsrch/icon_play_yellow_big.png) no-repeat;background-size:36px;z-index:1;opacity:.8} .memVideo li a .glry_img img{height:100%;transition:all .3s} .memVideo li a .glry_img .glry_blind{position:absolute;left:-100%;top:0;width:100%;height:100%;background:rgba(0,0,0,.55) url(http://www.heritage.go.kr/images/hsrch/icon_play_yellow_big.png) center center no-repeat;transition:all .3s;z-index:9} .memVideo li a:hover .glry_img img{transform:scale(1.2)} .memVideo li a:hover .glry_img .glry_blind{left:0} .memVideo li a p{text-align:center;margin-top:10px;height:44px;overflow:hidden;word-break:keep-all} @media all and (max-width:730px){ .memVideo li a .glry_img{height:auto} .memVideo li a .glry_img img{height:auto} } @media all and (max-width:640px){ .memVideo li span{display:block} .memVideo li{width:49%;margin-bottom:15px} .memVideo li:nth-child(odd){margin-left:0} } .popup_txt{margin-top:20px} .popup_txt strong{font-family:"Nanum Myeongjo",serif;color:#943b58;font-size:26px} .popup_txt b{display:block;color:#555;font-size:16px;font-style:italic} .popup_txt p{margin:15px 0} .memV_captionTab{overflow:hidden} .memV_captionTab li{float:left} .memV_captionTab li a{display:block;padding:7px 10px;text-align:center;color:#fff;background:#aaa;letter-spacing:-0.05em} .memV_captionTab li a.on{background:#1e2445} @media all and (max-width:730px){ .umka_sch ul{position:relative;width:100%; top:0; margin:5px 0} .umka_sch li{margin-bottom:2px} } @media all and (max-width:710px){ .han_top{height:auto} .han_top p{font-size:20px; position:relative; top:10px; left:0; text-align:center } .han_top ul{text-align:center; padding:17px 0 13px 0; } .han_top li{margin-bottom:5px} } @media all and (max-width:640px){ .kyujang_tbl table{width:100%} .kyujang_tbl table:first-child{float:none} .kyujang_tbl table:last-child{float:none} .han_frame{padding:15px} } @media all and (max-width:560px){ .han_search span{display:block; margin-top:5px} } @media all and (max-width:500px){ .kyujang li:first-child{width:100%; float:none} .kyujang li:last-child{width:100%; float:none} .img_wrap1 ul{display:table; float:none; margin:10px 0; width:100%;  } .img_wrap2{width:45%; float:left;  margin: 0 10px 10px 0 } .img_wrap2 li{ text-align:center} } @media all and (max-width:380px){ .memCon img.imgr, .memCon img.imgl{width:45%} }