@charset "utf-8";

/* 아하문화재 */
.page_exp_04 {
    padding: 20px;
    min-height: 50px;
    border-style: solid;
    border-width: 8px;
    border-image: url(//www.heritage.go.kr/images/layout/bg_borderImg.gif) 8 repeat stretch
}

.page_exp_04 dt {
    width: 160px;
    display: table-cell;
    padding-left: 10px;
}

.page_exp_04 dd {
    display: table-cell;
    vertical-align: middle;
    word-break: keep-all
}

.page_exp_04 dd span {
    color: #be0763;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.06em
}

.page_exp_04.type2 dt {
    width: 90px;
    padding-left: 20px;
}

.page_exp_04.type3 dt {
    width: 130px;
}

.page_exp_04 ul {
    padding-left: 5px
}

.page_exp_04 li {
    background: url(//www.heritage.go.kr/images/hsrch/bul_sm_dotted.gif) no-repeat left 10px;
    background-size: 3px;
    padding: 0 0 5px 10px
}

/* 아하문화재 리스트 */
.aha_list {
    display: table;
    margin: 30px 0;
    border-top: 2px solid #606162;
    width: 100%
}

.aha_list dl {
    width: 100%;
    border-bottom: 1px solid #ddd;
    min-height: 45px;
    padding: 10px;
    box-sizing: border-box
}

.aha_list dt {
    width: 55px;
    padding: 3px 0;
    background: #51576e;
    border-radius: 40px;
    color: #fff;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.aha_list dd {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px
}

.btn_aha {
    padding: 7px 17px 7px 40px;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    transition: all .3s;
    display: block;
    float: right;
    font-size: 12px;
    background: #51576e url(//www.heritage.go.kr/images/common/bul_list_02.png) no-repeat 17px center
}

.btn_aha img {
    vertical-align: middle
}

.btn_aha:hover {
    background: #8e3660 url(//www.heritage.go.kr/images/common/bul_list_02.png) no-repeat 17px center;
    cursor: pointer
}

/*UL리스트 스타일- 아하문화재 */
.list_10 {
    padding-left: 5px
}

.list_10 > li {
    background: url(//www.heritage.go.kr/images/hsrch/bul_sm_dotted.gif) no-repeat left 10px;
    background-size: 3px;
    padding: 0 0 10px 10px
}

.list_10 li ul.list > li {
    margin-left: 0 !important
}

.list_10 li ul.list li ul li {
    background-size: 2px;
    background: url(//www.heritage.go.kr/images/hsrch/bul_sm_dotted.gif) no-repeat left 10px;
    margin-left: 0 !important
}

.img_03 {
    text-align: center
}

.img_03 li {
    display: inline-block;
    text-align: center;
    padding: 20px
}

.img_04 {
    clear: both;
    padding: 30px 0;
    width: 100%;
    margin-bottom: 20px;
    display: table;
}

.img_04 li {
    display: block;
}

.img_04 li:first-child {
    width: 30%;
    float: left
}

.img_04 li:last-child {
    width: 65%;
    float: right
}

/* 이미지 기본 */
.img_all {
    text-align: center;
    padding: 30px 0;
    width: 100%;
    margin-bottom: 20px
}

/* 이미지4개배열 */
.img_05 {
    clear: both;
    padding: 30px 0;
    width: 100%;
    margin-bottom: 20px;
    display: table;
}

.img_05 li {
    display: block;
    width: 23%;
    margin: 0 1%;
    float: left
}

/* 이미지2개배열 */
.img_06 {
    clear: both;
    padding: 30px 0;
    width: 100%;
    margin-bottom: 20px;
    display: table;
}

.img_06 li {
    display: block;
    width: 48%;
    margin: 0 1%;
    float: left;
    text-align: center
}

.img_06 li img {
    vertical-align: bottom
}

/* 이미지6개배열 */
.img_07 {
    clear: both;
    padding: 10px 0;
    width: 100%;
    margin-bottom: 20px;
    display: table;
}

.img_07 li {
    width: 16%;
    display: inline-block;
    text-align: center;
    margin-top: 10px
}

.border_B {
    border-bottom: 1px solid #ddd;
}

.easyBox01 {
    width: 100%;
    text-align: center;
    margin: 30px 0 20px 0;
    border-bottom: 1px solid #ddd
}

.easyBox01 li {
    width: 16%;
    display: inline-block
}

.easyBox01 li span {
    padding: 5px 0 20px 0;
    display: block
}

.box_con {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #eef0f4;
    border: 1px solid #dee2eb
}

.btn_organ {
    padding: 7px 17px 7px 40px;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    transition: all .3s;
    font-size: 12px;
    background: #51576e url(//www.heritage.go.kr/images/tombs/btn_royal.png) no-repeat 17px 10px;
}

.btn_organ:hover {
    background: #8e3660 url(//www.heritage.go.kr/images/tombs/btn_royal.png) no-repeat 17px 10px;
    cursor: pointer
}

/* 통합검색 */
.total_sch {
    background: #eff2f7
}

.total_sch li {
    position: relative;
    padding: 20px 15px;
    border-left: 1px solid #dbdfeb;
    border-right: 1px solid #dbdfeb;
    border-bottom: 1px solid #dbdfeb
}

.total_sch li:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 15px;
    display: block;
    width: 79px;
    border-bottom: 1px solid #999
}

.total_sch li:first-child {
    border-top: 1px solid #dbdfeb
}

.total_sch li:last-child:after {
    display: none
}

.total_sch li dl {
    position: relative;
    padding-left: 100px
}

.total_sch li dl dt {
    position: absolute;
    left: 0;
    top: 0;
    color: #444;
    font-size: 15px;
    font-weight: 500;
    width: 80px;
    text-align: center;
    font-weight: 400;
}

.total_sch li dl dt label {
    display: inline-block;
    width: 69px;
    padding: 5px 5px 15px;
    text-align: center
}

.total_sch li dl dd {
    position: relative;
    padding-left: 65px
}

.total_sch li dl dd div.total {
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
}

.total_sch div {
    display: inline-block
}

/* 이미지형 라디오버튼 전체 */
.input_radio2 {
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.input_radio2 + label {
    display: inline-block;
    padding: 0 5px 0 26px;
    background: url(//www.heritage.go.kr/images/common/radio_off2.png) 5px center no-repeat
}

.input_radio2:checked + label {
    background: url(//www.heritage.go.kr/images/common/radio_on2.png) 5px center no-repeat;
    font-weight: 500
}

/* 검색 서브타이틀 */
.sch_title {
    width: 100%;
    margin-top: 40px;
    position: relative;
    padding-right: 100px;
    box-sizing: border-box
}

.sch_title h4 {}

.sch_title h4 span {
    color: #ff3000;
    padding-left: 10px
}

.sch_title a.btn_more {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    padding: 5px 12px 5px 32px;
    background: #51576e url(//www.heritage.go.kr/images/common/bul_plus.png) no-repeat 15px center;
    border-radius: 120px
}

.csch_info.sch {
    margin-top: 0 !important
}

.csch_info.sch ul {
    text-align: right
}

.csch_info.sch li {
    display: inline-block;
    margin-right: 10px
}

.csch_info.sch li img {
    vertical-align: middle;
    margin-right: 5px
}

/* 박물관 유물정보 */
.musium_sch {
    border-top: 2px solid #535a75
}

.musium_sch ul {
    position: relative;
    display: table;
    width: 100%;
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    clear: both
}

.musium_sch li:first-child {
    width: 23%;
    display: block;
    float: left
}

.musium_sch li:first-child img {
    width: 100%;
}

.musium_sch li:last-child {
    width: 73%;
    display: block;
    float: right;
}

.musium_sch li:last-child p.title {
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    font-weight: 400
}

.musium_sch dl {
    width: auto;
    display: inline-block;
}

.musium_sch dt {
    font-weight: 400;
    color: #2a3d88;
    background: url(//www.heritage.go.kr/images/hsrch/bul_sm_dotted.gif) no-repeat left 10px;
    padding-left: 8px;
    display: table-cell;
    background-size: 3px
}

.musium_sch dd {
    display: table-cell;
    padding: 0 20px 0 10px;
}

.musium_sch.palace li:last-child p.title {
    margin-bottom: 20px;
}

.musium_sch.palace dl {
    width: 49% !important
}

.musium_sch.palace dt {
    width: 65px
}

/* .musium_sch dl{width:auto; display:inline-block;}
.musium_sch dt{font-weight:500; color: #2a3d88; background: url(//www.heritage.go.kr/images/hsrch/bul_sm_dotted.gif) no-repeat left center; padding-left:10px; width:70px; display:table-cell; }
.musium_sch dd{display:table-cell;}*/
/* 문화재 검색 폼 */
.cultural_sch {
    background: #eff2f7 url(//www.heritage.go.kr/images/layout/bg_cul_sch.png) 95% 90% no-repeat
}

.cultural_sch li {
    position: relative;
    padding: 10px 15px;
    border-left: 1px solid #dbdfeb;
    border-right: 1px solid #dbdfeb;
    border-bottom: 1px solid #dbdfeb
}

.cultural_sch li:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 15px;
    display: block;
    width: 79px;
    border-bottom: 1px solid #999
}

.cultural_sch li:first-child {
    border-top: 1px solid #dbdfeb
}

.cultural_sch li:last-child:after {
    display: none
}

.cultural_sch li dl {
    position: relative;
    padding-left: 100px
}

.cultural_sch li dl dt {
    position: absolute;
    left: 0;
    top: 0;
    color: #444;
    font-size: 15px;
    font-weight: 500;
    width: 80px;
    text-align: center
}

.cultural_sch li dl dt label {
    display: inline-block;
    width: 73px;
    padding: 5px 5px 15px;
    text-align: center
}

.cultural_sch li dl dd {
    position: relative;
}

.cultural_sch li dl dd .csch_sel {
    padding-left: 8px;
    position: relative;
    width: 30%;
    background: #fff url(//www.heritage.go.kr/images/common/select_arrow.png) right 8px center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

/* 화살표 없애기 for IE10, 11*/
.cultural_sch li dl dd .csch_sel::-ms-expand {
    display: none
}

.cultural_sch li dl dd .csch_sel:before {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    background: #fff;
    border: 1px solid #bbc2d3;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0
}

.cultural_sch li dl dd .input_text {
    width: 50%;
    margin-right: 10px;
    -webkit-ime-mode: active;
    -moz-ime-mode: active;
    ime-mode: active;
}

.cultural_sch li dl dd .input_text_sm {
    width: 130px
}

.cultural_sch .inline_b {
    display: inline-block
}

/* 20181106추가_3d문화유산검색 */
.cultural_sch.sch_size {}

.cultural_sch.sch_size li dl {
    padding-left: 110px
}

.cultural_sch.sch_size li dl dt {
    width: 90px
}

.cultural_sch.sch_size li dl dt label {
    width: 84px;
    padding: 5px 1px 15px
}

.cultural_sch.sch_size li:after {
    left: 20px
}

/* 20181122추가_3D문화유산검색 수정 */
.cultural_sch.c_3dSch > ul > li:before {
    content: "";
    display: block;
    position: absolute;
    left: 105px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #dbdfeb
}

.cultural_sch.c_3dSch > ul > li > dl > dt {
    top: 50%;
    margin-top: -11px
}

.cultural_sch.c_3dSch > ul > li > dl > dd {
    overflow: hidden
}

.cultural_sch.c_3dSch > ul > li > dl > dd > div {
    position: relative;
    float: left;
    padding-left: 60px;
    box-sizing: border-box
}

.cultural_sch.c_3dSch > ul > li > dl > dd > div.col1 {
    margin-top: 5px;
    width: 100%
}

.cultural_sch.c_3dSch > ul > li > dl > dd > div.col1:first-child {
    margin-top: 0
}

.cultural_sch.c_3dSch > ul > li > dl > dd > div.col2 {
    margin-top: 5px;
    margin-left: 3%;
    width: 48.5%
}

.cultural_sch.c_3dSch > ul > li > dl > dd > div.col2.t01,
.cultural_sch.c_3dSch > ul > li > dl > dd > div.col2.t02 {
    margin-top: 0
}

.cultural_sch.c_3dSch > ul > li > dl > dd > div.col2.t01,
.cultural_sch.c_3dSch > ul > li > dl > dd > div.col2.t03 {
    margin-left: 0
}

.cultural_sch.c_3dSch > ul > li > dl > dd > div > .input_text {
    margin-right: 0;
    width: 440px
}

.cultural_sch.c_3dSch > ul > li > dl > dd > div > label {
    position: absolute;
    left: 0;
    top: 5px;
    width: 60px
}

.cultural_sch.c_3dSch > ul > li > dl > dd > div.col1 > .csch_sel {
    width: 310px
}

.cultural_sch.c_3dSch > ul > li > dl > dd > div.col2 > .csch_sel {
    width: 100%
}

.cultural_sch.c_3dSch > ul > li > dl > dd > div.col1 > .input_text_sm {
    width: 202px
}

@media all and (max-width:679px) {
    .cultural_sch.c_3dSch > ul > li > dl > dd > div > .input_text {
        width: 100%;
        box-sizing: border-box
    }

    .cultural_sch.c_3dSch > ul > li > dl > dd > div.col1 > .csch_sel {
        width: 100%
    }

    .cultural_sch.c_3dSch li dl dd .input_text_sm {
        margin-bottom: 5px
    }
}

@media all and (max-width:650px) {
    .cultural_sch.c_3dSch > ul > li > dl > dd > div > .input_text {
        margin-bottom: 0
    }
}

@media all and (max-width:640px) {
    .cultural_sch.c_3dSch li:nth-child(2) dl dd .csch_sel {
        margin-bottom: 0
    }
}

@media all and (max-width:541px) {
    .cultural_sch.c_3dSch > ul > li:before {
        display: none
    }

    .cultural_sch.c_3dSch > ul > li > dl {
        padding-left: 0
    }

    .cultural_sch.c_3dSch > ul > li > dl > dt {
        position: fixed;
        left: -1px;
        top: -1px;
        width: 1px;
        height: 1px;
        overflow: hidden
    }

    .cultural_sch.c_3dSch > ul > li > dl > dd > div > .input_text {
        width: 100%;
        box-sizing: border-box
    }

    .cultural_sch.c_3dSch > ul > li > dl > dd > div.col2 > .csch_sel {
        width: 100%
    }
}

@media all and (max-width:420px) {
    .cultural_sch.c_3dSch > ul > li > dl > dd > div.col2 {
        width: 100%;
        margin-left: 0;
        margin-top: 5px
    }

    .cultural_sch.c_3dSch > ul > li > dl > dd > div.col2:first-child {
        margin-top: 0
    }

    .cultural_sch.c_3dSch > ul > li > dl > dd > div.col2 > .csch_sel {
        margin-bottom: 0
    }

    .cultural_sch.c_3dSch > ul > li > dl > dd > div.col2.t01,
    .cultural_sch.c_3dSch > ul > li > dl > dd > div.col2.t02 {
        margin-top: 5px
    }

    .cultural_sch.c_3dSch > ul > li > dl > dd > div.col2.t01,
    .cultural_sch.c_3dSch > ul > li > dl > dd > div.col2.t03 {
        margin-left: inherit
    }

    .cultural_sch.c_3dSch > ul > li > dl > dd > div.col1 > .input_text_sm {
        width: calc(100% - 33px)
    }
}

/* 20200318_문화재검색 후 목록 상단 문화재검색 */
.cultural_sch.newSch20 {
    background: #eff2f7;
    border-top: 3px solid #51576e
}

.cultural_sch.newSch20 li dl dt .label {
    display: inline-block;
    width: 69px;
    padding: 5px 5px 15px;
    text-align: center
}

.cultural_sch.newSch20 .newS20_itemWrap {
    overflow: hidden
}

.cultural_sch.newSch20 .newS20_itemWrap input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: -1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%)
}

.cultural_sch.newSch20 .newS20_itemWrap label {
    display: block;
    float: left;
    padding: 7px 11px;
    border: 1px solid #cacaca;
    background: #fff;
    font-size: 13px;
    border-radius: 17px;
    margin: 0 4px 7px 0;
    cursor: pointer;
    line-height: 20px;
    transition: all .3s
}

.cultural_sch.newSch20 .newS20_itemWrap input[type=radio]:hover + label {
    background: #eee
}

.cultural_sch.newSch20 .newS20_itemWrap input[type=radio]:checked + label {
    background: #943b58;
    border-color: #943b58;
    color: #fff
}

.cultural_sch.newSch20 li dl dd:after {
    content: "";
    display: block;
    clear: both
}

.cultural_sch.newSch20 li dl dd .csch_sel {
    max-width: 180px
}

.cultural_sch.newSch20 li dl dd .input_text {
    margin-right: 0
}

.cultural_sch.newSch20 li dl dd .newS20_text {
    float: left;
    width: 60%;
    position: relative;
    padding-right: 131px
}

.cultural_sch.newSch20 li dl dd .newS20_text input[type=text] {
    width: 100%;
    height: 34px;
    box-sizing: border-box
}

.cultural_sch.newSch20 li dl dd .newS20_text .newS20_btnA {
    position: absolute;
    top: 0;
    right: 0
}

.cultural_sch.newSch20 .schBtn {
    border: 0;
    width: 60px;
    height: 34px;
    color: #fff;
    background: #51576e;
    vertical-align: top;
    line-height: 33px;
    transition: all .3s
}

.cultural_sch.newSch20 .schBtn:hover {
    background: #393E51
}

.resetBtn {
    border: 0;
    width: 60px;
    height: 34px;
    color: #444;
    background: #d4d4d5;
    vertical-align: top;
    cursor: pointer;
    transition: all .3s
}

.resetBtn:hover {
    background: #c0c0c1
}

.cultural_sch.newSch20 .resetBtn {
    margin-left: 5px;
    line-height: 33px
}

.cultural_sch.newSch20 li dl dd .newS20_chk {
    overflow: hidden;
    padding-top: 5px;
    text-align: center
}

.cultural_sch.newSch20 .newS20_mobile {
    display: none
}

.cultural_sch.newSch20 .newS20_mobile .csch_sel {
    width: 100%;
    box-sizing: border-box
}

@media all and (max-width:1024px) {
    .cultural_sch.newSch20 li dl dd .newS20_text {
        width: 55%
    }
}

@media all and (max-width:750px) {
    .cultural_sch.newSch20 li dl dd .csch_sel {
        max-width: inherit;
        width: 49.5%;
        float: left;
        margin-left: 1%
    }

    .cultural_sch.newSch20 li dl dd .csch_sel:first-of-type {
        margin-left: 0
    }

    .cultural_sch.newSch20 li dl dd .newS20_text {
        float: none;
        width: 100%;
        box-sizing: border-box
    }

    .cultural_sch.newSch20 li dl dd .newS20_chk {
        text-align: left
    }
}

@media all and (max-width:640px) {
    .cultural_sch.newSch20 li dl {
        padding-left: 0
    }

    .cultural_sch.newSch20 li dl dt {
        position: relative
    }

    .cultural_sch.newSch20 li dl dt label,
    .cultural_sch.newSch20 li dl dt .label {
        display: block;
        padding: 0 0 5px;
        text-align: left
    }

    .cultural_sch.newSch20 li dl dd .newS20_text {
        padding-right: 127px
    }

    .cultural_sch.newSch20 .resetBtn {
        margin-left: 0
    }

    .cultural_sch.newSch20 li dl dd .newS20_chk {
        margin-left: -5px
    }
}

@media all and (max-width:600px) {
    .cultural_sch.newSch20 .newS20_itemWrap {
        display: none
    }

    .cultural_sch.newSch20 .newS20_mobile {
        display: block
    }
}

/* 이미지형 라디오버튼 */
.input_radio {
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.input_radio + label {
    display: inline-block;
    padding: 0 5px 0 26px;
    background: url(//www.heritage.go.kr/images/common/radio_off.png) 5px center no-repeat
}

.input_radio:checked + label {
    background: url(//www.heritage.go.kr/images/common/radio_on.png) 5px center no-repeat
}

/* 이미지형 체크박스 */
.input_chk {
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.input_chk + label {
    padding: 0 5px 0 26px;
    background: url(//www.heritage.go.kr/images/common/check_off.gif) 5px center no-repeat;
    cursor: pointer
}

.input_chk:checked + label {
    background: url(//www.heritage.go.kr/images/common/check_on.gif) 5px center no-repeat
}

/* 기록유산 원문 검색 */
.cultural_sch.orgn_cha {
    background: #eff2f7 url(//www.heritage.go.kr/images/layout/bg_orgn_sch.png) 95% 90% no-repeat
}

.cultural_sch.orgn_cha li:last-child:after {
    display: none
}

.sch_divSel {
    position: absolute;
    left: 6px;
    top: 5px;
    border: 0;
    width: 80px;
    height: 20px;
    border-radius: 0
}

.s_query {
    box-sizing: border-box;
    height: 34px !important;
    padding-left: 87px
}

/* 원문텍스트 행간격 */
.sear_book table td {
    line-height: .5
}

/* 박물관 유물 검색 */
.cultural_sch.museum {
    background: #eff2f7
}

.cultural_sch.museum li dl dt label {
    width: 81px
}

.cultural_sch.museum li dl dt label.first {
    position: relative;
    top: -6px
}

.cultural_sch.museum li:after {
    width: 84px
}

.cultural_sch.museum li:last-child:after {
    display: none
}

.cultural_sch.museum li dl dd > div {
    position: relative
}

.cultural_sch.museum .s_query {
    padding-left: 0
}

.sch_divSel2 {
    position: absolute;
    left: 90px;
    top: 5px;
    border: 0;
    width: 80px;
    height: 20px;
    border-radius: 0
}

.s_query2 {
    box-sizing: border-box;
    height: 34px !important;
    padding-left: 170px
}

.cultural_sch.museum li dl dd .input_text {
    width: 100%
}

.sch_museum,
.sch_gogung {
    width: 95%;
    padding-right: 70px;
    box-sizing: border-box
}

.sch_museum .inputBtn2,
.sch_gogung .inputBtn2 {
    position: absolute;
    top: 0;
    right: 0
}

.sch_gogung {
    display: none
}

/* 문화재 검색 상세페이지 */
.hschDetail_box .hschDetail_tit {
    position: relative;
    margin-bottom: 30px;
    border-top: 2px solid #535a75;
    border-bottom: 1px solid #535a75;
    padding: 15px 0;
    text-align: center
}

.hschDetail_box .hschDetail_tit p {
    color: #555;
    text-align: center;
    font-weight: 400
}

.hschDetail_box .hschDetail_tit strong {
    color: #000;
    font-size: 21px;
    font-weight: 600
}

.hschDetail_box .hschDetail_tc {
    padding-bottom: 20px;
    border-bottom: 1px solid #d5d5db
}

.hschDetail_box .hschDetail_cc {
    padding-bottom: 20px;
    border-bottom: 1px solid #d5d5db
}

.hschDetail_box .hschDetail_info {
    overflow: hidden
}

.hschDetail_box .hschDetail_info > div {
    position: relative;
    float: left;
    width: 48.5%
}

.hschDetail_box .hschDetail_info .hschDi_img {
    background: #ddd;
    text-align: center;
    overflow: hidden;
    max-height: 306px;
    height: 306px
}

.hschDetail_box .hschDetail_info .hschDi_img a {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}


.hschDetail_box .hschDetail_info .hschDi_img a:focus{border:3px dashed #333;}


.hschDetail_box .hschDetail_info .hschDi_img img {
    width: auto;
    height: auto;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-width: 0 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.hschDetail_box .hschDetail_info .hschDi_img .hsdi_imgT {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 43px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    line-height: 43px
}

.hschDetail_box .hschDetail_info .hschDi_img .hsdi_imgT strong {
    font-weight: 400;
    text-align: center
}

.hschDetail_box .hschDetail_info .hschDi_img .hsdi_imgT span.sch_btn {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 43px;
    height: 43px;
    background: #000 url(//www.heritage.go.kr/images/hsrch/icon_sch_yellow.png) center center no-repeat
}

.hschDetail_box .hschDetail_info .hschDi_info {
    border-top: 1px solid #535a75;
    border-bottom: 1px solid #535a75;
    margin-left: 3%
}

.hschDetail_box .hschDetail_info .hschDi_info {
    float: left;
    width: 48.5%;
    table-layout: fixed;
    border-collapse: collapse
}

.hschDetail_box .hschDetail_info .hschDi_info tr {
    border-top: 1px solid #d5d5db
}

.hschDetail_box .hschDetail_info .hschDi_info tr:first-child {
    border-top: 0
}

.hschDetail_box .hschDetail_info .hschDi_info tr th,
.hschDetail_box .hschDetail_info .hschDi_info tr td {
    padding: 10px 10px 10px 2px;
    border-top: 1px solid #d5d5d5
}

.hschDetail_box .hschDetail_info .hschDi_info tr:first-child th,
.hschDetail_box .hschDetail_info .hschDi_info tr:first-child td {
    border-top: 0
}

.hschDetail_box .hschDetail_info .hschDi_info tr th {
    color: #2a3d88;
    font-weight: normal;
    text-align: left
}

.hschDetail_box .hschDetail_info .hschDi_info tr td {
    overflow: hidden
}

.c_3dList-container .confirm-btn-wrap {
    margin-bottom: 10px;
}

.confirm-btn-wrap .btn {
    border: 1px solid #9aa3af;
    border-radius: 3px;
    padding: 12px 12px;
    background: none;
    color: #555;
}

.confirm-btn-wrap .btn .ico {
    position: relative;
    padding-left: 24px;
    font-weight: 500;
}

.confirm-btn-wrap .btn .ico:after {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background: url(../images/hsrch/btn-3d-ico.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.confirm-btn-wrap .btn .ico.ico02:after {
    background-position: 0px -27px;
}

.confirm-btn-wrap .btn .ico.ico03:after {
    background-position: 0px -74px;
}

.confirm-btn-wrap .btn .ico.ico04:after {
    background-position: 0px -49px;
}

.c_3d_detail {
    float: left;
    width: 48.5%;
    margin: 15px 0 0 3%;
    text-align: center
}

.c_3d_detail a {
    display: inline-block;
    width: 65%;
    padding: 8px 0 10px;
    color: #fff;
    background-color: #51576e
}

.c_3dList_wrap {
    border-top: 1px solid #000;
}

.c_3dList_wrap .c_3dList_item:not(:first-of-type) {
    margin-top: 20px;
}

.c_3dList_wrap .c_3dList_item .tit {
    display: block;
    width: 100%;
    border-bottom: 1px solid #999;
    padding: 20px 0 12px 0;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
    color: #000;
}

.c_3dList_wrap .c_3dList_item .c_3d_list:after {
    content: "";
    display: block;
    clear: both;
}

.c_3dList_wrap .c_3dList_item .c_3d_list > li {
    width: calc((100% - 49px) / 3);
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.c_3dList_wrap .c_3dList_item .c_3d_list > li:nth-child(3n) {
    margin-right: 0;
}

.c_3dList_wrap .c_3dList_item .c_3d_list > li .box {
    display: flex;
    border: 1px solid #c9cccf;
    border-radius: 3px;
    padding: 14px;
}

.c_3dList_wrap .c_3dList_item .c_3d_list > li .box .txt-wrap {
    width: calc(100% - 50px);
    margin-left: 10px;
    font-size: 14px;
}

.c_3dList_wrap .c_3dList_item .c_3d_list > li .box .txt-wrap strong {
    display: block;
    font-weight: 300;
    font-family: 'gMarket';
    font-size: 13px;
    color: #444;
}

.c_3dList_wrap .c_3dList_item .c_3d_list > li .box .txt-wrap span {
    color: #555;
    font-weight: 400;
}

.c_3dList_wrap .c_3dList_item .c_3dMovie {
    border-top: 0;
    padding: 0;
}

.rc-wrap {
    margin-bottom: 5px;
}

.rc-wrap .rc-inner {
    position: relative;
    display: inline-block;
}

.rc-wrap [type="radio"]:checked,
.rc-wrap [type="radio"]:not(:checked),
.rc-wrap [type="checkbox"]:checked,
.rc-wrap [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.rc-wrap [type="radio"]:checked + label,
.rc-wrap [type="radio"]:not(:checked) + label,
.rc-wrap [type="checkbox"]:checked + label,
.rc-wrap [type="checkbox"]:not(:checked) + label {
    cursor: pointer;
    position: relative;
    color: #777;
    font-weight: 500;
}

.rc-wrap [type="checkbox"]:checked + label,
.rc-wrap [type="checkbox"]:not(:checked) + label {
    padding-left: 24px;
    padding-bottom: 2px;
}

.rc-wrap [type="radio"]:checked + label,
.rc-wrap [type="radio"]:not(:checked) + label {
    padding-left: 25px;
}

.rc-wrap [type="checkbox"]:checked + label {
    color: #000;
}

.rc-wrap [type="radio"]:checked + label:after,
.rc-wrap [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.rc-wrap [type="radio"]:checked + label:before,
.rc-wrap [type="radio"]:not(:checked) + label:before,
.rc-wrap [type="checkbox"]:checked + label:before,
.rc-wrap [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 15px;
    height: 15px;
}

.rc-wrap [type="checkbox"]:checked + label:before {
    background: #3b49af;
}

.rc-wrap [type="checkbox"]:checked + label:after {
    content: "";
    display: block;
    width: 7px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg) scale(0.7);
    -ms-transform: rotate(45deg) scale(0.7);
    transform: rotate(45deg) scale(0.7);
    position: absolute;
    top: 1.5px;
    left: 2px;
}

.rc-wrap [type="checkbox"]:not(:checked) + label:before {
    border: 1px solid #888;
}

.rc-wrap [type="checkbox"]:not(:checked) + label.label-txt:before {
    background: red;
}

.rc-wrap input[type="checkbox"]:disabled + label,
.rc-wrap input[type="radio"]:disabled + label {
    cursor: auto;
}

.rc-wrap input[type="checkbox"]:disabled + label::before,
.rc-wrap input[type="radio"]:disabled + label::before {
    background: #ddd;
}

.rc-wrap input[type="checkbox"]:disabled + label:hover::before,
.rc-wrap input[type="radio"]:disabled + label:hover::before {
    background: #ddd;
    border: 1px solid #888;
    cursor: auto;
}

.rc-wrap .label-txt {
    position: relative;
    top: -1px;
    letter-spacing: -1.5px;
}

.search-mid .checkbox-list-wrap .checkbox-list.ch-list {
    height: 255px;
}

.rc-wrap_01 {
    display: block;
    padding: 2px 0 0 16px;
    line-height: 2.5;
    background: #f3f7fe;
}

@media(max-width: 1200px) {
    .c_3dList_wrap .c_3dList_item .c_3d_list > li {
        width: calc((100% - 23px) / 2);
    }

    .c_3dList_wrap .c_3dList_item .c_3d_list > li:nth-child(3n) {
        margin-right: 20px;
    }

    .c_3dList_wrap .c_3dList_item .c_3d_list > li:nth-child(2n) {
        margin-right: 0px;
    }
}

@media(max-width: 780px) {
    .c_3dList_wrap .c_3dList_item .c_3d_list > li {
        width: 100%;
    }

    .c_3dList_wrap .c_3dList_item .c_3d_list > li {
        margin-right: 0;
    }
}

.hschDetail_box .hschDetail_con {
    margin-top: 20px;
    padding: 30px 27px;
    background: #f8f8f9
}

.hschDetail_box .hschDetail_con p {
    text-align: justify;
    margin-bottom: 20px;
    text-align: left;
    white-space: pre-wrap;
}

.hschDetail_box .hschDetail_con p:last-child {
    margin-bottom: 0
}

.hschDetail_box h4 {
    font-size: 18px;
    padding-left: 40px;
    margin: 20px 0 5px
}

.hschDetail_box h4.hschT_img {
    background: url(//www.heritage.go.kr/images/hsrch/bul_hschD_img.png) left 5px no-repeat
}

.hschDetail_box h4.hschT_vod {
    background: url(//www.heritage.go.kr/images/hsrch/bul_hschD_vod.png) left 5px no-repeat
}

.hschDetail_box h4.hschT_audio {
    display: inline-block;
    background: url(//www.heritage.go.kr/images/hsrch/bul_hschD_audio.png) left 5px no-repeat
}

.hschDetail_box h4.hschT_3d {
    background: url(//www.heritage.go.kr/images/hsrch/bul_hschD_3d.png) left 5px no-repeat
}

.hschDetail_box h4.hschT_blp {
    background: url(//www.heritage.go.kr/images/hsrch/bul_hschD_blp.png) left 5px no-repeat
}

.hschDetail_box h4.hschT_data {
    background: url(//www.heritage.go.kr/images/hsrch/bul_hschD_data.png) left 5px no-repeat
}

h4.hschT_doc {
    background: url(//www.heritage.go.kr/images/hsrch/bul_hschD_doc.png) left 5px no-repeat
}

.cul_expList .item {
    padding-bottom: 10px;
    border-bottom: 1px dotted #ddd
}

.exp_layer {
    box-sizing: border-box;
    padding-top: 50px;
    height: 100%;
    background: #fff;
    z-index: 10000
}

/*.exp_layer>.mCustomScrollbar{overflow-y:auto;height:100%}*/
.exp_layer_container {
    padding: 15px 25px 15px 15px
}

#exp_layer_detail strong {
    display: inline-block;
    padding-left: 10px;
    background: url(//www.heritage.go.kr/images/common/bul_h6.gif) left 10px no-repeat
}

#exp_layer_detail a {
    display: inline-block;
    padding-left: 10px;
    background: url(//www.heritage.go.kr/images/common/bul_h6.gif) left 10px no-repeat;
    color: #04709d;
    text-decoration: underline
}

#exp_layer_detail img {
    display: block;
    margin: 15px auto
}

#exp_layer_detail p {
    text-align: justify
}

.expL_close {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    background: #943b58
}

.expL_close strong {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -15px;
    color: #fff;
    font-size: 20px
}

.expL_close a {
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    background: #943b58 url(//www.heritage.go.kr/images/layout/allmenu_close.png) center center no-repeat;
    background-size: 20px
}

.expL_blind {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    z-index: 999
}

.hschD_glry {
    overflow: hidden
}

.hschD_glry li {
    float: left;
    width: 23.5%;
    margin-left: 2%;
    margin-bottom: 15px
}

.hschD_glry li:nth-child(4n+1) {
    margin-left: 0;
    clear: both
}

.hschD_glry li a {
    display: block
}

.hschD_glry li a .glry_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 138px;
    line-height: 133px;
    /*background-color:#ddd;*/
    text-align: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.hschD_glry li a .glry_img .glry_logo {
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 2
}

.hschD_glry li a .glry_img img {
    width: auto;
    height: auto;
    vertical-align: middle;
    transition: all .3s;
    max-width: 100%;
    max-height: 100%;
}

.hschD_glry li a .glry_img .glry_blind {
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .55) url(//www.heritage.go.kr/images/hsrch/icon_sch_yellow_big.png) center center no-repeat;
    transition: all .3s;
    z-index: 3
}

.hschD_glry li a:hover .glry_img img {
    transform: scale(1.2)
}

.hschD_glry li a:hover .glry_img .glry_logo img {
    transform: scale(1)
}

.hschD_glry li a:hover .glry_img .glry_blind {
    left: 0
}

.hschD_glry li a p {
    text-align: center;
    margin-top: 10px
}

.hschD_glry li a p img {
    margin-left: 3px;
    vertical-align: middle
}

.hschD_glry.type_1 li {
    width: 23.5%;
    padding-left: 2%;
    margin-left: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}

.hschD_glry.type_1 li:nth-child(4n+1) {
    padding-left: 0
}

.hschD_glry.type_1 li a p {
    margin: 10px 0
}

.hschDetail_box audio {
    width: 100%
}

.hschD_glry_more {
    display: none
}

.hsrch_more {
    padding: 10px;
    display: block;
    text-align: center;
    background: #f8f8f9;
    border: 1px solid #d6d9e0
}

.hsrch_more:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 9px;
    height: 9px;
    background: url(//www.heritage.go.kr/images/hsrch/bul_hsrch_plus.png) center center no-repeat
}

.hsrch_more.on:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 9px;
    height: 9px;
    background: url(//www.heritage.go.kr/images/hsrch/bul_hsrch_min.png) center center no-repeat
}

.hschDetail_bc {
    padding: 20px 0 10px;
    border-bottom: 1px solid #535a75;
    position: relative;
}

.hschDetail_bc .hsrch_btn {
    overflow: hidden
}

.hschDetail_bc .hsrch_btn li {
    width: 89px;
    height: 90px;
    float: left;
    border: 1px solid #d6d9e0;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px
}

.hschDetail_bc .hsrch_btn li:last-child {
    margin-right: 0
}

.hschDetail_bc .hsrch_btn li:hover {
    background: #35478b
}

.hschDetail_bc .hsrch_btn li:first-child:hover {
    background: #f8f8f9
}

.hschDetail_bc .hsrch_btn li.paper_wrap {
    display: none !important
}

.hschDetail_bc .hsrch_btn li a {
    display: block;
    padding-top: 61px
}

.hschDetail_bc .hsrch_btn li:hover a {
    color: #fff
}

.hschDetail_bc .hsrch_btn li a.paper {
    background: url(//www.heritage.go.kr/images/hsrch/icon_hsch_paper.png) center 17px no-repeat
}

.hschDetail_bc .hsrch_btn li a.adm {
    background: url(//www.heritage.go.kr/images/hsrch/icon_hsch_adm.png) center 17px no-repeat
}

.hschDetail_bc .hsrch_btn li a.audio {
    background: url(//www.heritage.go.kr/images/hsrch/icon_hsch_audio.png) center 17px no-repeat
}

.hschDetail_bc .hsrch_btn li a.humen {
    background: url(//www.heritage.go.kr/images/hsrch/icon_hsch_humen.png) center 17px no-repeat
}

.hschDetail_bc .hsrch_btn li a.story {
    background: url(//www.heritage.go.kr/images/hsrch/icon_hsch_story.png) center 17px no-repeat
}

.hschDetail_bc .hsrch_btn li a.view3d {
    background: url(//www.heritage.go.kr/images/hsrch/icon_hsch_3d.png) center 17px no-repeat
}

.hschDetail_bc .hsrch_btn li:hover a.paper {
    background: url(//www.heritage.go.kr/images/hsrch/icon_hsch_paper_ov.png) center 17px no-repeat
}

.hschDetail_bc .hsrch_btn li:hover a.adm {
    background: url(//www.heritage.go.kr/images/hsrch/icon_hsch_adm_ov.png) center 17px no-repeat
}

.hschDetail_bc .hsrch_btn li:hover a.audio {
    background: url(//www.heritage.go.kr/images/hsrch/icon_hsch_audio_ov.png) center 17px no-repeat
}

.hschDetail_bc .hsrch_btn li:hover a.humen {
    background: url(//www.heritage.go.kr/images/hsrch/icon_hsch_humen_ov.png) center 17px no-repeat
}

.hschDetail_bc .hsrch_btn li:hover a.story {
    background: url(//www.heritage.go.kr/images/hsrch/icon_hsch_story_ov.png) center 17px no-repeat
}

.hschDetail_bc .hsrch_btn li:hover a.view3d {
    background: url(//www.heritage.go.kr/images/hsrch/icon_hsch_3d_ov.png) center 17px no-repeat
}

.hschDetail_bc .btn-wPop {
    bottom: 22px;
}

.hsrchD_page {
	text-align: right
}

.hsrchD_page a dl {
    position: relative;
    border: 1px solid #999;
    overflow: hidden;
    border-radius: 18px;
    box-sizing: border-box
}

.hsrchD_page a dt {
    position: absolute
}

.hsrchD_page a dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hsrchD_page a.prev {
    width: 42%;
    float: left
}

.hsrchD_page a.prev dt {
    left: 0;
    top: 0;
    padding: 8px 12px 8px 20px;
    border-right: 1px solid #d8d8d8;
    background: #f3f4f6 url(//www.heritage.go.kr/images/common/bul_hsrch_prev.png) 12px center no-repeat
}

.hsrchD_page a.prev dd {
    padding: 8px 12px 8px 110px;
    text-align: left
}

.hsrchD_page a.next {
    width: 42%;
    float: left;
    margin-left: 10px
}

.hsrchD_page a.next dt {
    right: 0;
    top: 0;
    padding: 8px 20px 8px 12px;
    border-left: 1px solid #d8d8d8;
    background: #f3f4f6 url(//www.heritage.go.kr/images/common/bul_hsrch_next.png) 90% center no-repeat
}

.hsrchD_page a.next dd {
    padding: 8px 110px 8px 12px;
    text-align: right
}

/* 20180928 언어선택버튼 */
.hsch_lang {
    position: relative;
    top: 5px;
    display: inline-block;
	margin-left: 10px; 
	padding: 0 10px;
	
}

.hsch_lang li {
    float: left;
    margin-left: 10px
}

.hsch_lang li:first-child {
    margin-left: 0
}

.hsch_lang li a img {
    width: 30px
}

/* 박물관 유물검색 상세 */
.hschDetail_box.museum .hschDetail_tc {
    border-bottom: 1px solid #535a75
}

.hschDetail_box .hschDetail_info .hschDi_img .hschImg_btn {
    position: absolute;
    right: 0;
    bottom: 0
}

.hschDetail_box .hschDetail_info .hschDi_img .hschImg_btn a {
    display: inline-block;
    width: 43px;
    height: 43px;
    text-indent: -9999px
}

.hschImg_down {
    background: #000 url(//www.heritage.go.kr/images/hsrch/icon_downY.png) center center no-repeat;
    margin-right: 1px;
}

.hschImg_detail {
    background: #000 url(//www.heritage.go.kr/images/hsrch/icon_detailY.png) center center no-repeat
}

/*20211117문화재 검색 상세 탭 스타일 추가 */
.hschDetail_box .charge {
    height: auto;
    padding: 8px 10px 8px 0;
}

.hschDetail_box .hschDetail_con.new_style {
    padding: 0;
    background: transparent;
}

.hschDetail_box .hschDetail_con.new_style p {
    font-weight: 400;
    line-height: 27px;
    white-space: pre-line;
}

.hschDetail_tab .hschDetail_tab_cont {
    border: 2px solid #7186d8;
    border-top: 0;
    padding: 20px;
    margin-top: -1px;
}

.hschDetail_tab .top_box {
    position: relative;
}

.hschDetail_tab .top_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.hschDetail_tab .top_box ul li {
    float: left;
    border-bottom: 0;
    position: relative;
}

.hschDetail_tab .top_box ul li:not(:first-of-type) {
    margin-left: -2px;
}

.hschDetail_tab .top_box ul li a {
    background: #efefef;
    border: 2px solid #bebebe;
    border-bottom: 0;
}

.hschDetail_tab .top_box ul li.active a {
    border-color: #7186d8;
    background: #fff;
    border-left: 2px solid #7186d8;
    border-bottom: 0;
    position: relative;
    z-index: 999;
}

.hschDetail_tab .top_box ul li a {
    display: block;
    padding: 9px 17px;
    color: #444;
    font-weight: 500;
    line-height: 25px;
}

.hschDetail_tab .top_box .btn {
    top: -4px;
    padding: 11px 15px;
}

.hschDetail_tab .top_box .btn:hover,
.btn-wPop:hover,
.confirm-btn-wrap .btn:hover {
    border: 1px solid #3b49af;
}

.hschDetail_tab .top_box .btn:hover span,
.btn-wPop:hover span,
.confirm-btn-wrap .btn:hover span {
    color: #3b49af
}

.hschDetail_tab .tabs:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #7186d8;
    position: absolute;
    bottom: 0;
    z-index: 999;
}

.hschDetail_tab .sub_tab {
    margin-bottom: 15px;
}

.hschDetail_tab .sub_tab > li {
    border-radius: 600px;
    display: inline-block;
    border: 1px solid #9fa9cf;
    margin-right: 3px;
}

.hschDetail_tab .sub_tab > li a {
    display: block;
    font-size: 13.5px;
    padding: 9px 14px;
    font-weight: 500;
    color: #666;
    line-height: 1;
}

.hschDetail_tab .sub_tab > li.active {
    background: #5373c5;
    border: 1px solid #5373c5;
}

.hschDetail_tab .sub_tab > li.active a {
    color: #fff;
}

.btn-wPop {
    border: 1px solid #9aa3af;
    border-radius: 3px;
    padding: 12px 16px;
    background: none;
    position: absolute;
    right: 0;
    letter-spacing: -0.5px;
    line-height: 1;
    font-size: 14px;
}

.btn-wPop span {
    position: relative;
    padding-left: 21px;
    font-weight: 500;
    color: #555;
}

.btn-wPop span:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/hsrch/btn-modal-ico.png) no-repeat;
    position: absolute;
    left: 0;
    top: 2px;
}

.btn-wPop span.ico02:before {
    background-position: 0 -25px;
}

/*설명비교 모달창*/
.hschDetail_tab .modale {
    opacity: 0;
}

.hschDetail_tab .modale.opened {
    opacity: 1;
}

.hschDetail_tab .opened .modal-dialog {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 10%;
}

.hschDetail_tab .modal-dialog {
    padding: 51px 65px;
    background: #fefefe;
    text-align: center;
    position: fixed;
    top: -100%;
    left: 50%;
    z-index: 9999;
    max-width: 1310px;
    width: 100%;
    min-height: 700px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}

.hschDetail_tab .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    display: none;
}

.hschDetail_tab .modal-backdrop.show {
    opacity: 0.5;
    display: block;
    transition: opacity 0.15s linear;
}

.hschDetail_tab .closemodale {
    width: 68px;
    height: 68px;
    background: #333fe1;
    position: absolute;
    right: -10px;
    top: -10px;
    border: 0;
    box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.24);
}

.hschDetail_tab .closemodale > span:after {
    content: "";
    display: block;
    background: url(../images/hsrch/modal-close-ico.png) no-repeat center;
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.3s ease-in-out;
    transform-origin: 50% 50%;
    position: absolute;
    top: 0;
}

.hschDetail_tab .closemodale:hover > span:after {
    transform: rotate(180deg);
}

.modal-body {
    display: flex;
}

.modal-body .modal-inner {
    width: calc(100% - 75px);
}

.modal-body .modal-inner:first-of-type {
    margin-right: 75px;
}

.modal-body .modal-inner .tit {
    display: block;
    text-align: left;
    border-bottom: 2px solid #b2b2b2;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    color: #000;
}

.modal-body .txt-scroll {
    height: 600px;
    overflow: auto;
}

.modal-body .txt-scroll p {
    padding-right: 16px;
}

.modal-opened {
    overflow-y: scroll;
    padding-right: 16px;
}

.modal-opened body {
    position: fixed;
    width: 100%;
}

.modal-body .modal-inner .tit-wrap {
    position: relative;
}

.modal-body .modal-inner .sub_tab {
    position: relative;
    top: 0;
    right: 0;
}

.modal-body .modal-inner .sub_tab li {
    border-bottom: 1px solid #9fa9cf;
    margin-top: 10px
}

.modal-body .modal-inner .sub_tab > li:not(:last-of-type) {
    margin-right: 5px;
}

.modal-body .modal-inner .sub_tab li a,
.modal-body .modal-inner .sub_tab li.active a {
    border: 0;
    background: transparent;
}

.modal-body .modal-inner .sub_tab li a {
    padding: 4px 13px;
}

/*문화재내용오류신고 팝업창 */
.wPopup-wrap {
    padding: 22px 15px;
}

.wPopup-wrap .confirm-btn-wrap {
    margin-top: 17px;
}

.wPopup-wrap .wPopup-tit {
    display: block;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 15px;
    color: #000;
}

.wPopup-wrap .wPopup-tit img {
    vertical-align: middle;
    padding-right: 10px;
}

.wPopup-wrap .label-txt {
    font-weight: 600;
    color: #000;
}

.wPopup-wrap textarea {
    border: 1px solid #ddd;
    width: 100%;
    height: 198px;
    padding: 9px;
    box-sizing: border-box;
    resize: none;
}

.wPopup-wrap textarea::placeholder {
    color: #000;
}

.wPopup-wrap .rc-wrap {
    margin-top: 10px;
}

.wPopup-wrap input[type="file"] {
    border: 1px solid #ddd;
    width: 70%;
}

.wPopup-wrap input[type="text"],
.wPopup-wrap select {
    width: 174px;
    border: 1px solid #a9a9a9;
}

.wPopup-wrap .tbl.blue-type th,
.wPopup-wrap .tbl.blue-type td {
    padding: 9px 10px;
}

.wPopup-wrap .tbl.blue-type .btn.submit.sm {
    padding: 10px 12px;
}

@media(max-width:1800px) {
    .hschDetail_tab .modal-dialog {
        max-width: 70%;
        padding: 5%;
    }
}

@media(max-width: 1200px) {
    .modal-body .modal-inner:first-of-type {
        margin-right: 20px;
    }

    .hschDetail_tab .modal-dialog {
        padding: 4%;
    }
}

@media(max-width: 1024px) {
    .hschDetail_tab .modal-dialog {
        padding: 39px 25px;
        padding-top: 2%;
        min-height: inherit;
    }

    .hschDetail_tab .modal-body {
        display: block;
    }

    .hschDetail_tab .closemodale {
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
    }

    .hschDetail_tab .modal-body .modal-inner {
        width: 100%;
        margin-right: 0;
    }

    .hschDetail_tab .modal-body .modal-inner:not(:last-of-type) {
        margin-bottom: 30px;
    }

    .hschDetail_tab .modal-body .txt-wrap {
        height: 240px;
        overflow-y: auto;
        white-space: inherit;
    }

    .hschDetail_box .txt-wrap p {
        white-space: inherit;
    }
}

@media(max-width: 780px) {
    .hschDetail_bc .btn-wPop {
        position: static;
        width: 100%;
    }

    .modal-body .modal-inner .tit {
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .hschDetail_tab .modal-dialog {
        padding-top: 5%;
    }
}

@media(max-width: 480px) {
    .hschDetail_tab .sub_tab > li {
        display: block;
        margin-bottom: 5px;
    }

    .hschDetail_tab .top_box .btn {
        position: static;
        width: 100%;
    }

    .hschDetail_tab .top_box .btn {
        margin-bottom: 9px;
    }
}

/* 기록유산 원문 검색 결과 */
.sch_area {
    padding: 15px 0;
    background: #eff2f7;
    border: 1px solid #dbdfeb;
    text-align: center
}

.sch_area label {
    color: #2a3d88;
    font-size: 15px;
    font-weight: 400
}

.rt_count p {
    margin: 20px 0 10px;
    padding-left: 13px;
    background: url(//www.heritage.go.kr/images/hsrch/bul_sm_dotted.gif) 4px center no-repeat
}

.rt_count p span {
    color: #2a3d88;
    font-weight: 500
}

.rt_scope {
    padding: 10px 0 5px;
    border-top: 1px solid #535a75
}

.rt_scope ul {
    overflow: hidden
}

.rt_scope ul li {
    float: left;
    margin: 0 2% 5px 0
}

.rt_scope ul li:first-child {
    margin-left: 0
}

.rt_scope ul li span {
    vertical-align: middle;
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px
}

.rt_scope.type_1 {
    border-bottom: 1px solid #535a75
}

.result_info .result {
    margin-bottom: 30px
}

.result {
    border-top: 1px solid #535a75
}

.result .result_tit {
    background: #f3f4f6
}

.result .result_tit .rt_link {
    position: relative;
    padding: 18px 146px 18px 22px
}

.result .result_tit .rt_link .all_view {
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -17px;
    display: block;
    padding-left: 10px;
    line-height: 32px;
    border: 1px solid #bbc2d3;
    width: 100px;
    height: 32px;
    background: #fff url(//www.heritage.go.kr/images/common/bul_right_arrow.png) 90% center no-repeat;
    border-radius: 17px
}

.result_tbl td img {
    margin: 0 2px 3px
}

/* 기록유산 원문 검색 상세 */
.view_ti {
    margin-bottom: 30px;
    padding: 18px;
    background: #f3f4f6;
    border-top: 1px solid #535a75;
    border-bottom: 1px solid #d5d5db;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    color: #444
}

.sear_cont_view {
    margin-top: 24px;
    border-top: 1px;
    border-top: 1px solid #535a75
}

.tit_area {
    padding: 8px 10px;
    overflow: hidden;
    border-bottom: 1px solid #d5d5db
}

.sel_page {
    float: left
}

.sel_page label {
    margin-right: 10px;
    padding-left: 10px;
    background: url(//www.heritage.go.kr/images/hsrch/bul_sm_dotted.gif) left center no-repeat;
    color: #2a3d88;
    font-weight: normal
}

.page_tip {
    float: right
}

.page_tip ul {
    position: relative;
    top: 3px;
    display: inline-block;
    overflow: hidden
}

.page_tip ul li {
    position: relative;
    float: left;
    margin-right: 10px;
    padding-left: 17px;
    font-size: 13px;
    font-weight: normal
}

.page_tip ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 12px;
    height: 12px
}

.page_tip ul li.pt1:before {
    background: #000
}

.page_tip ul li.pt2:before {
    background: #b78014
}

.page_tip ul li.pt3:before {
    background: #7bb72c
}

.ti_type {
    width: 70px
}

.horizontal_view {
    display: inline-block;
    padding: 6px 15px 6px 35px;
    line-height: 20px;
    background: url(//www.heritage.go.kr/images/common/bul_horizontal_icon.png) 15px center no-repeat;
    border: 1px solid #bbc2d3;
    border-radius: 17px
}

.vertical_view {
    display: inline-block;
    padding: 6px 15px 6px 35px;
    line-height: 20px;
    background: url(//www.heritage.go.kr/images/common/bul_vertical_icon.png) 15px center no-repeat;
    border: 1px solid #bbc2d3;
    border-radius: 17px
}

.person {
    display: inline-block;
    padding: 6px 15px 6px 15px;
    line-height: 20px;
    border: 1px solid #bbc2d3;
    border-radius: 17px
}

.person.on {
    background: #51576e;
    color: #fff
}

.sear_cont_area {
    position: relative
}

.sear_cont_area .page_first,
.sear_cont_area .page_last {
    display: block;
    position: absolute;
    top: 50%;
    width: 45px;
    height: 12px;
    font-size: 12px;
    margin-top: -18px;
    padding: 9px 0;
    text-align: center;
    line-height: 12px;
    font-weight: bold;
    border-top: 3px solid #dee6ed;
    border-bottom: 3px solid #dee6ed
}

.sear_cont_area .page_first {
    right: 0
}

.sear_cont_area .page_last {
    left: 0
}

.sear_cont_area > a {
    display: inline-block;
    width: 49%;
	text-align:center;
}

.sear_cont_area {
    padding: 20px 56px;
    border-bottom: 1px solid #d5d5db
}

.sear_cont_page {
    margin-top: 25px;
    text-align: center
}

.sear_cont_page label {
    margin-right: 8px;
    padding-left: 8px;
    background: url(//www.heritage.go.kr/images/hsrch/bul_sm_dotted.gif) left center no-repeat;
    color: #2a3d88;
    font-weight: 400
}

.sear_cont_page em {
    margin: 0 8px
}

.sear_cont_page .page_data {
    width: 60px;
    height: 32px
}

.sear_cont_view .hschDetail_info {
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #535a75
}

.sear_cont_view .hschDetail_info > div {
    position: relative;
    float: left;
    width: 48.5%
}

.sear_cont_view .hschDetail_info .hschDi_img {
    background: #fff;
    text-align: center;
    height: 288px
}

.sear_cont_view .hschDetail_info .hschDi_img img {
    height: 100%
}

.sear_cont_view .hschDetail_info .hschDi_img .hsdi_imgT {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 43px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    line-height: 43px
}

.sear_cont_view .hschDetail_info .hschDi_img .hsdi_imgT strong {
    font-weight: 400;
    text-align: center
}

.sear_cont_view .hschDetail_info .hschDi_img .hsdi_imgT span.sch_btn {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 43px;
    height: 43px;
    background: #000 url(//www.heritage.go.kr/images/hsrch/icon_sch_yellow.png) center center no-repeat
}

.sear_cont_view .hschDetail_info .hschDi_info {
    margin-left: 3%
}

.sear_cont_view .hschDetail_info .hschDi_info {
    float: left;
    width: 48.5%;
    table-layout: fixed;
    border-collapse: collapse
}

.sear_cont_view .hschDetail_info .hschDi_info tr {
    border-top: 1px solid #d5d5db
}

.sear_cont_view .hschDetail_info .hschDi_info tr:first-child {
    border-top: 0
}

.sear_cont_view .hschDetail_info .hschDi_info tr th,
.sear_cont_view .hschDetail_info .hschDi_info tr td {
    padding: 10px;
    border-top: 1px solid #d5d5d5
}

.sear_cont_view .hschDetail_info .hschDi_info tr:first-child th,
.sear_cont_view .hschDetail_info .hschDi_info tr:first-child td {
    border-top: 0
}

.sear_cont_view .hschDetail_info .hschDi_info tr th {
    color: #2a3d88;
    font-weight: normal;
    text-align: left
}

.sear_cont_view .hschDetail_info .hschDi_info tr td {
    overflow: hidden
}

.sear_cont_view .hschDetail_info .hschDi_info tr td a {
    color: #2a3d88;
    font-weight: 400
}

.sear_cont_view .hschDetail_info .hschDi_info tr td a:hover {
    text-decoration: underline
}

/* 박물관 유물 검색 갤러리 */
.thumb_wrap {
    margin-top: 30px
}

.thumb_wrap .sentence {
    padding-left: 10px;
    margin-bottom: 10px;
    background: url(//www.heritage.go.kr/images/hsrch/bul_sm_dotted.gif) left center no-repeat
}

.thumb_wrap .sentence span {
    color: #2a3d88;
    font-weight: 500
}

.gallery.mes {
    border-top: 1px solid #535a75;
    border-bottom: 1px solid #535a75
}

/* 고궁박물관 유물 검색 상세 */
.hschD_for {
    height: 100%
}

.hschD_for .slick-list {
    height: 100%
}

.hschD_for .slick-track {
    height: 100% !important
}

.hschD_slide_wrap {
    padding: 20px 0;
    border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
    margin-top: 20px
}

.hschD_slide {
    position: relative;
    padding: 0 53px
}

.hschD_slide button {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 44px;
    border: 1px solid #cacaca;
    text-indent: -9999px
}

.hschD_slide button.slick-prev {
    left: 0;
    background: #fff url(//www.heritage.go.kr/images/hsrch/slide_arrow_prev.png) center center no-repeat
}

.hschD_slide button.slick-next {
    right: 0;
    background: #fff url(//www.heritage.go.kr/images/hsrch/slide_arrow_next.png) center center no-repeat
}

.hschD_slide .slick-slide {
    padding: 0 5px
}

.hschD_Que {
    margin-top: 15px;
    padding: 5px 0 0 7px;
    background: url(//www.heritage.go.kr/images/common/bul_h5.png) left top no-repeat;
    color: #333;
    font-weight: 500
}

/* 우리지역 문화재 */
.csch_sel {
    width: 70px
}

/* 팝업관련 */
#popup_wrap {
    width: 100%
}

.popup_top {
    height: 50px;
    width: 100%;
    background: #1c2345 url(//www.heritage.go.kr/images/common/popup_bg_03.png) repeat;
}

.popup_top p.title {
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    padding-left: 20px;
    width: auto;
    color: #fff;
    font-size: 18px
}

.popup_top p.close {
    display: block;
    float: right;
    height: 50px;
    width: 50px;
}

.popup_top p.close a {
    display: block;
    float: right;
    height: 50px;
    width: 50px;
    text-indent: -9999px;
    background: url(//www.heritage.go.kr/images/common/popup_close.png) no-repeat center #000000
}

.popup_top p.close a:hover {
    background: url(//www.heritage.go.kr/images/common/popup_close.png) no-repeat center #c13121
}

/* 팝업 사진들어가는 부분 */
.popup_inner {
    margin: 20px
}

.popup_img {
    position: relative;
    text-align: center;
    background: #000
}

.popup_img li.img {
    display: table;
    min-height: 300px;
    table-layout: fixed;
    width: 100%;
    height: 300px;
    line-height: 295px;
    text-align: center;
}

.popup_img li.img img {
    vertical-align: middle;
}

.popup_img li.img .img_mdl {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.popup_img li.arrow {
    position: absolute;
    top: 50%;
    margin-top: -27px;
    width: 100%
}

.popup_img li.arrow a {
    width: 55px;
    height: 55px;
    text-indent: -9999px;
    display: block
}

.popup_img li.arrow a:first-child {
    float: left;
    background: url(//www.heritage.go.kr/images/common/popup_prev.png) no-repeat center rgba(0, 0, 0, 0.5)
}

.popup_img li.arrow a:last-child {
    float: right;
    background: url(//www.heritage.go.kr/images/common/popup_next.png) no-repeat center rgba(0, 0, 0, 0.5)
}

.popup_img li.text {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    text-align: center;
    display: block;
    color: #fff;
    background: rgba(0, 0, 0, 0.7)
}

.fPlanImg {
    width: 100%
}

/* 팝업하단 버튼 */
.popup_fbtn {
    margin-top: 10px;
    height: 40px
}

.popup_fbtn div.kogl {
    float: left
}

.popup_fbtn div.kogl img {
    height: 40px
}

.popup_fbtn ul {
    float: right
}

.popup_fbtn li {
    display: inline-block;
    vertical-align: top
}

.popup_fbtn li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-indent: -9999px
}

.popup_fbtn li a:hover {
    cursor: pointer
}

.popup_fbtn li.btn_print a {
    background: #5a6c8d url(//www.heritage.go.kr/images/common/popup_print.png) no-repeat center
}

.popup_fbtn li.btn_down a {
    background: #5a6c8d url(//www.heritage.go.kr/images/common/popup_down.png) no-repeat center
}

.popup_fbtn li.btn_view a {
    background: #5a6c8d url(//www.heritage.go.kr/images/common/popup_view.png) no-repeat center
}

.popup_fbtn li.btn_report a {
    background: #5a6c8d url(//www.heritage.go.kr/images/common/popup_report.png) no-repeat center
}

.popup_fbtn li input[type=button] {
    border: 0;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
    vertical-align: top
}

.popup_fbtn li input[type=button].bInfoBtn {
    background: #5a6c8d url(//www.heritage.go.kr/images/common/popup_info.png) no-repeat center
}

.popup_fbtn li input[type=button].viwerBtn {
    background: #5a6c8d url(//www.heritage.go.kr/images/common/popup_viewer.png) no-repeat center
}

.basicInfo {
    display: none;
    margin-top: 20px;
    padding-bottom: 10px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    overflow: hidden
}

.basicInfo:focus {
    outline: 0
}

.basicInfo strong {
    display: block;
    margin-bottom: 10px;
    padding: 10px 5px;
    border-bottom: 1px solid #000
}

.basicInfo dl {
    overflow: hidden;
    padding: 0 5px
}

.basicInfo dl dt,
.basicInfo dl dd {
    margin-bottom: 8px
}

.basicInfo dl dt {
    float: left;
    clear: both;
    width: 100px;
    font-weight: bold
}

.basicInfo dl dd {
    float: left;
    width: calc(100% - 115px)
}

.bi_warning {
    margin-top: 10px;
    font-size: 13px;
    color: #000;
    font-weight: normal
}

/* 3D 문화유산 관련 팝업 */
.mViewBox {
    position: relative;
    background: #f2f2f2
}

.mViewBox .viewArea {
    text-align: center
}

.mViewBox .viewTit {
    /*position:absolute;bottom:0;width:100%;box-sizing:border-box;padding:12px;display:block;color:#fff;background:rgba(0, 0, 0, 0.7);*/
    padding: 5px 0;
    text-align: center;
    color: #000
}

.mViewBox .viewTit strong {
    font-size: 13px
}

.c_3dBtnArea {
    position: relative;
    margin: 10px 0;
    min-height: 36px
}

.c_3dBtnArea .kogl {
    position: absolute;
    left: 0;
    top: 0;
    width: 95px
}

.popDown {
    padding: 0 41px 0 100px;
    text-align: center
}

.popDown.c_3dPop {
    padding: 0 41px 0 0;
    text-align: right
}

.popDown .c_3dBtn {
    display: inline-block;
    margin-left: 2px;
    width: 74px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: #51576e;
    font-size: 12px;
    letter-spacing: -0.05em
}

.popDown .c_3dBtn:first-child {
    margin-left: 0
}

.c_3dPrintBtn {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    background: #5a6c8d url(//www.heritage.go.kr/images/common/popup_print.png) no-repeat center;
    border-radius: 50%;
    text-indent: -9999px
}

.pop3d_tit {
    display: block;
    padding: 10px;
    border-top: 2px solid #535a75;
    border-bottom: 1px solid #535a75;
    text-align: center;
    color: #000
}

.pop3d_info {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.pop3d_info tr {
    border-top: 1px solid #d5d5db
}

.pop3d_info tr:first-child {
    border-top: 0
}

.pop3d_info tr th,
.pop3d_info tr td {
    padding: 10px 10px 10px 2px;
    border-bottom: 1px solid #d5d5d5
}

.pop3d_info tr th {
    color: #2a3d88;
    font-weight: normal;
    text-align: left
}

.pop3d_info tr td {
    overflow: hidden
}

.viewerGuide {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #000
}

.viewerGuide li {
    padding-left: 10px;
    font-size: 12px;
    background: url(//www.heritage.go.kr/images/common/bul_h6.gif) left 7px no-repeat;
    color: #000;
    font-weight: bold
}

/* 한자검색기 도움말 */
.tab_menu3 {
    border-bottom: 1px solid #000
}

.tab_menu3:after {
    content: "";
    clear: both;
    display: block
}

.tab_menu3 li {
    float: left;
    width: 33.3%;
    box-sizing: border-box;
    border-right: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
}

.tab_menu3 li a {
    display: block;
    color: #000;
    font-size: 16px;
    height: 41px;
    line-height: 41px;
    background: #fff;
    text-align: center
}

.tab_menu3 li:first-child a {
    border-left: 1px solid #c8c8c8
}

.tab_menu3 li a.on {
    font-weight: bold;
    border: 2px solid #000;
    border-bottom: 0;
    margin: 0 0 -1px 0
}

.tab_menu3 li a:hover {
    cursor: pointer
}

.help_box {
    height: 350px;
    overflow-y: scroll;
    margin-top: 30px
}

.help_box h4 {
    font-size: 17px;
    background-size: 20px 3px;
    color: #445077
}

.help_box h5 {
    font-weight: 500;
    background: url(//www.heritage.go.kr/images/common/bul_h5.gif) no-repeat left 10px;
    padding-left: 20px;
    margin-top: 10px;
    font-size: 15px
}

.help_box p {
    margin-left: 10px
}

.help_box li {
    position: relative;
    padding: 0 0 10px 26px
}

.help_box li:before {
    position: absolute;
    top: 0;
    left: 8px
}

.help_box li:nth-child(1):before {
    content: '① '
}

.help_box li:nth-child(2):before {
    content: '② '
}

.help_box li:nth-child(3):before {
    content: '③ '
}

.help_box li:nth-child(4):before {
    content: '④ '
}

.help_box li:nth-child(5):before {
    content: '⑤ '
}

.help_box li:nth-child(6):before {
    content: '⑥ '
}

.help_box li:nth-child(7):before {
    content: '⑦ '
}

.help_box li:nth-child(8):before {
    content: '⑧ '
}

.help_box li:nth-child(9):before {
    content: '⑨ '
}

.help_box li:nth-child(10):before {
    content: '⑩ '
}

.help_img {
    width: 95%
}

.help_img img {
    width: 100%
}

/* 문화재행정, 이것이 궁금해요 */
.process_list:after {
    content: "";
    display: block;
    clear: both
}

.process_list li {
    position: relative;
    float: left;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #ddd;
    width: 28.3%;
    text-align: center;
    height: 100px;
    margin-right: 5%;
    margin-bottom: 10px;
    color: #000;
    background: #f3f8ff
}

.process_list li:after {
    content: "→";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 0;
    margin-right: -13%
}

.process_list li:last-child:after {
    display: none
}

@media all and (max-width:790px) {
    .process_list li {
        width: 45%
    }

    .process_list li:after {
        margin-right: -8.5%
    }
}

@media all and (max-width:510px) {
    .process_list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        height: auto
    }

    .process_list li:after {
        content: "↓";
        top: inherit;
        bottom: 0;
        margin-bottom: -27px;
        right: inherit;
        left: 50%;
        margin-left: -7px
    }
}

/* 문화재검색_상세_조사연구자료 목록 */
.hschT_dataList li {
    margin: 2px 0 0 10px;
    padding-left: 20px;
    background: url(//www.heritage.go.kr/images/common/bul_original.png) left 5px no-repeat
}

.hschT_dataList li:first-child {
    margin-top: 0
}

/* responsive */
@media all and (max-width:768px) {
    h4 a.btn_aha {
        display: none
    }
}

@media all and (max-width:730px) {
    .hschD_glry li a .glry_img {
        height: 125px;
        line-height: 121px;
    }
}

@media all and (max-width:640px) {
    .easyBox01 li {
        width: 30%;
    }

    .img_07 li {
        width: 24%;
    }
}

@media all and (max-width:660px) {
    .cultural_list_sch.type_2 {
        padding: 15px 10px
    }

    .cultural_list_sch.type_2 label.point {
        font-size: 13px;
        width: 90px
    }

    .cultural_list_sch.type_2 div {
        box-sizing: border-box;
        width: 100%;
        padding: 0 70px 0 95px
    }

    .cultural_list_sch.type_2 .btn_tip {
        display: block;
        margin-left: 0;
        margin-top: 5px;
        text-align: right
    }
}

@media all and (max-width:640px) {
    .hschDetail_box .hschDetail_info > div {
        width: 100%
    }

    .hschDetail_box .hschDetail_info .hschDi_img {
        height: auto
    }

    .hschDetail_box .hschDetail_info .hschDi_img img {
        height: auto
    }

    .hschDetail_box .hschDetail_info .hschDi_info {
        width: 100%;
        margin-top: 10px;
        margin-left: 0
    }

    .hschDetail_box .hschDetail_con {
        padding: 15px
    }

    .hschD_glry li {
        width: 49%;
        margin-bottom: 15px
    }

    .hschD_glry li:nth-child(odd) {
        margin-left: 0;
        clear: both
    }

    .hschD_glry li a .glry_img {
        height: 138px;
        line-height: 133px;
        background: #f2f2f2
    }

    .hschD_glry.type_1 li {
        width: 49%
    }

    .hschD_glry.type_1 li:nth-child(odd) {
        padding-left: 0
    }

    .result .result_tit .rt_link {
        padding: 18px 20px
    }

    .result .result_tit .rt_link .all_view {
        position: static;
        margin: 5px 0 0 auto
    }

    .result_tbl colgroup col:nth-child(3) {
        width: 100px !important
    }

    /* 기록유산 원문 검색 상세 */
    .cultural_sch.museum li {
        padding: 10px
    }

    .sel_page label {
        margin-right: 3px
    }

    .ti_type {
        width: 45px
    }

    .page_tip ul {
        top: 8px
    }

    .page_tip ul li {
        margin-right: 7px
    }

    .horizontal_view {
        text-indent: -9999px;
        padding: 0;
        width: 32px;
        height: 32px;
        background-position: center center
    }

    .vertical_view {
        text-indent: -9999px;
        padding: 0;
        width: 32px;
        height: 32px;
        background-position: center center
    }

    /* 박물관 유물 검색 */
    .sch_museum,
    .sch_gogung {
        width: 100%
    }

    .go_soj,
    .go_gu {
        width: 60px
    }

    .sch_divSel2 {
        left: 70px
    }

    .s_query2 {
        padding-left: 130px
    }

    .cultural_sch.museum li:after {
        left: 10px
    }

    .cultural_sch.museum li.museum_text dl {
        padding: 0
    }

    .cultural_sch.museum li.museum_text dl dt {
        position: static
    }

    .cultural_sch.museum li.museum_text dl dt label {
        padding-bottom: 5px
    }

    .musium_sch li:first-child {
        width: 35%;
    }

    .musium_sch li:last-child {
        width: 60%;
    }

    .musium_sch dl {
        width: 100%;
        display: block;
        margin-bottom: 5px
    }

    .musium_sch dt {
        width: 65px
    }

    .musium_sch.palace li:last-child p.title {
        margin-bottom: 10px;
    }

    .musium_sch.palace dl {
        width: 100% !important
    }

    .sear_cont_view .hschDetail_info .hschDi_img {
        width: 100%;
        height: auto
    }

    .sear_cont_view .hschDetail_info .hschDi_info {
        width: 100%;
        margin-left: 0
    }
}

@media all and (max-width:580px) {
    .hsrchD_page a dt {
        text-indent: -9999px;
        font-size: 0
    }

    .hsrchD_page a.prev,
    .hsrchD_page a.next {
        width: 36%
    }

    .hsrchD_page a dd {
        font-size: 12px
    }

    .hsrchD_page a.prev dt {
        padding: 0;
        width: 25px;
        height: 100%
    }

    .hsrchD_page a.next dt {
        padding: 0;
        width: 25px;
        height: 100%;
        background-position: 10px center
    }

    .hsrchD_page a.prev dd {
        padding: 8px 12px 8px 30px
    }

    .hsrchD_page a.next dd {
        padding: 8px 30px 8px 12px
    }
}

@media all and (max-width:500px) {
    .cultural_sch li dl dd .input_text {
        width: 100%
    }

    .cultural_sch li dl dd .csch_sel {
        width: 50%
    }

    /* 이미지2개배열 */
    .img_06 li {
        width: 100%;
        margin: 0;
        float: none;
    }
}

@media all and (max-width:480px) {
    .page_exp_04 dt {
        display: none
    }

    .page_exp_04 dd {
        display: table-cell;
        vertical-align: middle
    }

    .img_07 li {
        width: 48%;
    }
}

@media all and (max-width:450px) {
    .tab_menu3 li {
        width: auto;
        padding: 0 3px
    }
}

@media all and (max-width:400px) {
    .hschD_glry li a .glry_img {
        height: 120px;
        line-height: 119px;
    }

    .musium_sch li:first-child {
        width: 100%;
        float: none
    }

    .musium_sch li:last-child {
        width: 100%;
        float: none
    }

    .musium_sch li:last-child p.title {
        padding: 10px 0;
    }

    .sch_title h4 span {
        display: block;
        padding: 5px 0 0 0
    }

    .sch_title a.btn_more {
        position: absolute;
        right: 0;
        top: 25px
    }
}

@media all and (max-width:340px) {
    .hsrchD_page a.next {
        margin-left: 3px
    }
}

/*용어사전 페이지*/
.term_sch {
    background: #eff2f7
}

.term_sch li {
    position: relative;
    padding: 10px 15px;
    border-left: 1px solid #dbdfeb;
    border-right: 1px solid #dbdfeb;
    border-bottom: 1px solid #dbdfeb
}

.term_sch li:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 15px;
    display: block;
    width: 79px;
    border-bottom: 1px solid #999
}

.term_sch li:first-child {
    border-top: 1px solid #dbdfeb
}

.term_sch li:last-child:after {
    display: none
}

.term_sch li dl {
    position: relative;
    padding-left: 100px
}

.term_sch li dl dt {
    position: absolute;
    left: 0;
    top: 0;
    color: #444;
    font-size: 15px;
    font-weight: 500;
    width: 80px;
    text-align: center
}

.term_sch li dl dt label,
.term_sch li dl dt span {
    display: inline-block;
    width: 69px;
    padding: 5px 5px 15px;
    text-align: center
}

.term_sch li dl dd {
    position: relative;
}

.term_sch li dl dd .input_text {
    float: left;
    margin-right: 10px;
}

.PsrchDown {
    width: 100%;
}

.PsrchDown .sekinWrap {
    overflow: hidden;/position: relative;
}

.PsrchDown .sekinWrap .sekin {
    float: left;
    width: 35px;
    height: 35px;
    display: block;
    background: #fff;
    margin-right: 4px;
    margin-bottom: 4px;
    text-align: center;
    border: 1px solid #bbc2d3;
}

.PsrchDown .sekinWrap .sekin a {
    display: block;
    font-size: 16px;
    line-height: 35px;
    color: #51576e;
    font-weight: 700
}

.PsrchDown .sekinWrap .sekin.on {
    background: #51576e
}

.PsrchDown .sekinWrap .sekin.on a {
    color: #fff
}

.PsrchDown .sekinWrap .sekin:hover {
    background: #51576e
}

.PsrchDown .sekinWrap .sekin:hover a {
    color: #fff
}

.PsrchDown .sekinWrap .sekin:last-child {
    margin-right: 0
}

.Pdictcon {
    display: block;
    margin: 30px 0;
    border-top: 2px solid #606162;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box
}

.Pdictcon_detail {
    display: block;
    padding: 20px;
    margin: 30px 0;
    border-top: 2px solid #606162;
    border-bottom: 1px solid #ddd;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box
}

.Pdictcon_detail .conarea {
    box-sizing: border-box;
    display: block;
    overflow: auto;
    position: relative
}

.Pdictcon_detail .conarea p {
    margin: 0
}

.Pdictcon_detail span {
    display: block;
    font-size: 21px;
    color: #2e52b7;
    font-weight: 500;
    text-align: left;
    position: relative;
    margin-bottom: 14px
}

.Pdictcon .dictlist {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto
}

.Pdictcon .dictlist ul {
    width: 100%;
    display: block;
    padding: 0
}

.Pdictcon .dictlist ul li {
    display: inline-block;
    list-style: none;
    float: left;
    width: 33.3333%;
    padding: 10px 1%;
    line-height: 24px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    border-bottom: 1px solid #ddd;
    min-height: 45px;
}

.Pdictcon .dictlist ul li a,
.Pdictcon .dictlist ul li a:active,
.Pdictcon .dictlist ul a:hover {
    color: #000
}

.Pdictcon .dictlist ul li a:before {
    display: inline-block;
    content: "";
    width: 2px;
    height: 2px;
    background: #000;
    position: relative;
    top: -5px;
    margin-right: 5px
}

@media all and (max-width:520px) {
    .term_sch li dl dd .input_text {
        width: 100%;
        margin-bottom: 5px;
    }
}

/***  
문화유산검색 리뉴얼 20211014   
***/
/*** 검색페이지 ***/
.search-cont-wrap {
    margin-top: -49px;
}

.search-cont-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search-cont-wrap input::-webkit-outer-spin-button,
.search-cont-wrap input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.search-cont-wrap input[type=number] {
    -moz-appearance: textfield;
}

/*search-top*/
.search-top {
    border-bottom: 1px solid #444;
    padding: 30px 0;
}

.search-top .layout {
    max-width: 657px;
    margin: 0 auto;
}

.search-top .txt-group {
    padding-left: 100px;
    position: relative;
    color: #444;
    margin-bottom: 40px;
}

.search-top .txt-group:after {
    content: "";
    display: block;
    width: 79px;
    height: 79px;
    background: #e3ebf9 url(/images/content/search-txt-ico.png) no-repeat center;
    border-radius: 60px;
    position: absolute;
    top: -7px;
    left: 0;
}

.search-top .txt-group.logo-type {
    padding-left: 0;
    display: flex;
}

.search-top .txt-group.logo-type:after {
    background: none;
    clear: both;
    width: auto;
    height: auto;
}

.search-top .txt-group.logo-type .txt-wrap {
    padding-left: 25px;
}

.search-top .txt-group strong {
    color: #d42c54;
    font-weight: 500
}

.search-top .search-group {
    position: relative;
}

.search-top .search-group .input-wrap {
    width: 100%;
    height: 50px;
    position: relative;
    border: 2px solid #000;
    border-radius: 5px;
    overflow: hidden;
}

.search-top .search-group .input-wrap .form-control {
    width: calc(100% - 56px);
    height: 100%;
    border: 0;
    padding-left: 13px;
    font-size: 18px;
    color: #000;
}

.search-top .search-group .input-wrap .form-control::placeholder {
    color: #000;
    letter-spacing: -1px;
}

.placeholder-txt {
    position: absolute;
    left: 12px;
    top: 9px;
    color: #000;
    letter-spacing: -1px;
    font-size: 18px;
}

.placeholder-txt.active {
    display: none;
}

.search-top .search-group .input-wrap .btn {
    width: 55px;
    height: 100%;
    display: inline-block;
    background: url(/images/content/search-ico.png) no-repeat 50%;
    position: absolute;
    top: 0;
    right: 0;
	text-indent: -99999999px;
}

.search-top .search-group .form-check {
    display: inline-block;
    margin-left: 50px;
    padding-top: 15px;
    font-weight: 700;
    color: #000;
}

.search-top .rc-wrap {
    text-align: center;
    margin-top: 22px;
}

.search-top .link-helper {
    margin-left: 7px;
    color: #000;
    font-weight: 400;
}

.search-top .link-helper span {
    position: relative;
    padding-left: 17px;
    background: url(/images/content/search-link-helper.png) no-repeat left center;
    display: inline-block;
}

.search-top .link-helper span:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #666;
    position: absolute;
    bottom: -3px;
    left: 0;
    display: inline-block;
}

.search-top .link-helper:hover span:after {
    content: "";
    display: inline-block;
    animation: wdth 1s;
}

@keyframes wdth {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@media only screen and (max-width: 780px) {
    .search-top {
        padding: 21px 0;
    }

    .search-top .txt-group {
        background: #e3ebf9;
        border-radius: 3px;
        padding: 10px 9px;
        padding-left: 65px;
    }

    .search-top .txt-group:after {
        background-color: transparent;
        left: -5px;
    }

    .search-top .txt-group p {
        display: inline;
    }

    .search-top .txt-group {
        margin-bottom: 20px;
    }

    .search-top .txt-group.logo-type {
        display: block;
        background: none;
        padding: 0;
    }

    .search-top .txt-group.logo-type .txt-wrap {
        padding-left: 0;
    }

    .search-top .txt-group.logo-type .img-wrap {
        width: 100%;
        margin-bottom: 8px;
        text-align: center;
    }

    .search-top .search-group .input-wrap .form-control::placeholder {
        font-size: 1rem;
    }
}

/*search-mid*/
.search-mid {
    margin-bottom: 50px;
}

.checkbox-wrap-container {
    display: none;
}

.search-mid .checkbox-list-wrap {
    width: 100%;
    margin-top: 15px;
    height: 334px;
    display: inline-block;
}

.search-mid .checkbox-list-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.search-mid .checkbox-list-wrap .checkbox-list {
    height: 268px;
    overflow-y: auto;
    padding: 14px 17px 0px 17px;
}

.search-mid .checkbox-list-wrap .line04 .checkbox-list {
    height: auto;
}

.search-mid .checkbox-list-wrap .checkbox-list > li {
    margin-bottom: 10px;
}

.search-mid .checkbox-list-wrap .list-tit {
    color: #000;
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #f3f7fe;
    padding: 12px 20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-size: 16px;
    border-bottom: 1px solid #d3d4d6;
    font-family: 'gMarket';
    font-weight: 300;
    line-height: 1;
}

.search-mid .checkbox-list-wrap .list-tit span {
    position: relative;
    top: 3px;
}

.search-mid .checkbox-list-wrap .line {
    border: 1px solid #d3d4d6;
    border-radius: 10px;
    overflow: hidden;
}

.search-mid .checkbox-list-wrap > .line {
    height: 334px;
    margin-right: 15px;
    display: inline-block;
}

.search-mid .checkbox-list-wrap > .line:last-of-type {
    margin-right: 0
}

.search-mid .checkbox-list-wrap > .line.line01 {
    width: 185px;
}

.search-mid .checkbox-list-wrap > .line.line02 {
    width: 180px;
}

.search-mid .checkbox-list-wrap > .line.line03 {
    width: 262px;
}

.search-mid .checkbox-list-wrap > .line.line04 {
    width: calc(100% - 683px);
    padding-bottom: 0;
}

.search-mid .checkbox-list-wrap .line.line04 {
    border: 0
}

.search-mid .checkbox-list-wrap .line.line04 > div.line0401 {
    height: 43%;
    margin-bottom: 15px;
}

.search-mid .checkbox-list-wrap .line.line04 > div.line0402 {
    height: 170px;
}

.search-mid .checkbox-list-wrap .line04 .input-wrap {
    display: flex;
}

.search-mid .checkbox-list-wrap .line04 .input-group {
    color: #8c8c8c;
    font-weight: 400;
}

.search-mid .checkbox-list-wrap .line04 .input-group:first-of-type {
    margin-right: 10px;
}

.search-mid .checkbox-list-wrap .line04 .input-group input {
    width: 70px;
    min-height: 37px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
}

.search-mid .checkbox-list-wrap .line04 p {
    font-size: 14px;
    padding-top: 6px;
    font-weight: 400;
}

.search-mid .checkbox-list-wrap .f-checkbox .checkbox-list > li {
    float: left;
    width: 50%;
}

.search-mid .checkbox-list-wrap .f-checkbox.line0402 .checkbox-list > li {
    width: auto;
    margin-right: 11px;
}

.search-mid .checkbox-list-wrap .f-checkbox.line0402 .checkbox-list > li:nth-child(3n) {
    margin-right: 0;
}

.search-mid .checkbox-list-wrap .f-checkbox .checkbox-list > li.w100 {
    width: 100%;
}

.search-mid .checkbox-list-wrap.normal-type {
    height: 255px;
}

.search-mid .checkbox-list-wrap.normal-type > .line {
    height: 100%;
}

.search-mid .checkbox-list-wrap.normal-type .line.line04 {
    border: 1px solid #d3d4d6;
    overflow: auto;
}

.search-mid .checkbox-list-wrap.normal-type .checkbox-list {
    height: auto;
}

.search-mid .btn-wrap {
    text-align: right;
    margin-top: 15px;
}

.search-mid .btn-wrap .btn {
    background: none;
    position: relative;
    color: #666;
    font-weight: 500;
    font-size: 15px;
    padding: 5px 0;
    padding-left: 18px;
}

.search-mid .btn-wrap .btn:not(:last-of-type) {
    margin-right: 35px;
}

.search-mid .btn-wrap .btn:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url(/images/content/search-mid-icon.gif) no-repeat 0 1px;
    position: absolute;
    top: 4px;
    left: 0;
}

.search-mid .btn-wrap .btn.btn-toggle:after {
    transform: rotate(-180deg);
    transition: all 0.3s ease;
}

.search-mid.on .btn-wrap .btn.btn-toggle:after {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}

.search-mid .btn-wrap .btn.btn-toggle:after {
    background-position: -23px 0;
}

.search-mid .btn-wrap .btn.btn-reset:after {
    transition: all 0.3s ease;
    transform: rotate(0deg);
}

.search-mid .btn-wrap .btn.btn-reset:hover:after {
    transform: rotate(180deg);
    transform-origin: center;
    transition: all 0.3s ease;
}

.search-mid .btn-search {
    text-align: center;
}

.search-mid .btn-search {
    margin-top: 25px;
}

.search-mid .btn-search .btn {
    background: #f84040;
    padding: 0 5px;
    min-width: 116px;
    min-height: 47px;
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.22);
}

.search-mid .btn-search .btn:hover,
.search-mid .btn-search .btn:focus {
    background: #3b49af;
    ;
}

.search-mid .btn-search .btn span {
    position: relative;
    padding-left: 25px;
}

.search-mid .btn-search .btn span:after {
    content: "";
    display: block;
    background: url(/images/content/search-mid-icon02.png) no-repeat;
    width: 17px;
    height: 18px;
    position: absolute;
    top: 54%;
    left: 0;
    transform: translate(0px, -50%);
}

/* --s : 문화재 종목별 검색 추가 부분 211217 -- */
.checkbox-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.checkbox-wrap-container .checkbox-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.checkbox-wrap-container .checkbox-wrap li {
    width: calc((100% - 71px) / 8);
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.checkbox-wrap-container .checkbox-wrap li:hover .check-box input + label,
.checkbox-wrap-container .checkbox-wrap li:focus .check-box input + label {
    outline: 2px solid #000;
}

.checkbox-wrap-container .checkbox-wrap li:hover .check-box input:checked + label,
.checkbox-wrap-container .checkbox-wrap li:focus .check-box input:checked + label {
    outline: none;
}

.checkbox-wrap-container .checkbox-wrap li .check-box {
    height: 38px;
    position: relative;
}

.checkbox-wrap-container .checkbox-wrap li .check-box:last-child {
    border-right: 1px solid #dddddd;
}

.checkbox-wrap-container .checkbox-wrap li .check-box input[type=checkbox] {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
}

.checkbox-wrap-container .checkbox-wrap li .check-box input[type=checkbox] + label {
    width: 100%;
    border: 1px solid #dddddd;
    border-right: 0 none;
    vertical-align: middle;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 5px;
    height: 38px;
    cursor: pointer;
    font-weight: normal;
    font-size: 0.833rem;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.checkbox-wrap-container .checkbox-wrap li .check-box input[type=checkbox] + label:before {
    background: none;
    display: none
}

.checkbox-wrap-container .checkbox-wrap li .check-box input:checked + label,
.checkbox-wrap-container .checkbox-wrap li .check-box input:checked:focus + label {
    border: 3px solid #f84040;
    color: #000;
    padding: 5px 3px;
}

@media only screen and (min-width: 1201px) {
    .checkbox-wrap-container .checkbox-wrap li:nth-child(8n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .checkbox-wrap-container .checkbox-wrap li {
        width: calc((100% - 21px) / 5);
        margin-bottom: 5px;
        margin-right: 5px
    }

    .checkbox-wrap-container .checkbox-wrap li:nth-child(5n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 780px) {
    .checkbox-wrap-container .checkbox-wrap li {
        width: calc((100% - 8px) / 2);
        margin-bottom: 2px;
        margin-right: 2px !important
    }
}

/* --e : 문화재 종목별 검색 추가 부분 211217 -- */
@media only screen and (max-width: 1500px) {
    .search-mid .checkbox-list-wrap .line04 .input-group input {
        width: calc(100% - 45px);
    }
}

@media only screen and (max-width: 1200px) {
    .search-mid .checkbox-list-wrap {
        height: auto;
    }

    .search-mid .checkbox-list-wrap .line {
        margin-bottom: 6px;
    }

    .search-mid .checkbox-list-wrap > .line.line02 {
        width: 200px;
    }

    .search-mid .checkbox-list-wrap > .line.line03 {
        width: calc(100% - 424px);
        margin-right: 0;
    }

    .search-mid .checkbox-list-wrap .line.line04 {
        width: 100%;
        height: auto;
        overflow: visible;
        float: none;
    }

    .search-mid .checkbox-list-wrap .line.line04 > div {
        width: 100%;
        padding-bottom: 0;
    }

    .search-mid .checkbox-list-wrap .line04 .input-group {
        width: 190px;
    }

    .search-mid .checkbox-list-wrap .line04 .checkbox-list,
    .search-mid .checkbox-list-wrap .line.line04 > div.line0402 {
        height: auto;
    }

    .search-mid .checkbox-list-wrap .f-checkbox.line0402 .checkbox-list > li:nth-child(3n) {
        margin-right: 13px;
    }

    .search-mid .checkbox-list-wrap .line.line04 > div .checkbox-list {
        padding: 14px 17px;
    }

    .search-mid .checkbox-list-wrap .line.line04 > div.line0401 .checkbox-list {
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 780px) {
    .search-mid .btn-search {
        margin-top: 10px;
    }

    .search-mid .checkbox-list-wrap {
        height: auto;
    }

    .search-mid .checkbox-list-wrap .line {
        width: 100% !important;
        height: auto;
        margin-right: 0;
        padding-bottom: 0;
    }

    .search-mid .checkbox-list-wrap .checkbox-list {
        padding: 12px 15px;
        height: auto;
    }

    .search-mid .checkbox-list-wrap .checkbox-list > li {
        width: auto !important;
        display: inline-block;
        margin-bottom: 5px;
        margin-right: 14px;
        height: 26.5px
    }

    .search-mid .checkbox-list-wrap .list-tit {
        font-size: 16px;
        padding: 12px 25px;
    }

    .search-mid .checkbox-list-wrap .line.line04 > div.line0401,
    .search-mid .checkbox-list-wrap .line.line04 > div.line0402 {
        height: auto;
    }

    .search-mid .checkbox-list-wrap .line.line04 > div.line0401 .checkbox-list {
        display: block;
    }

    .search-mid .checkbox-list-wrap .line04 .input-group input {
        width: 66%;
    }

    .search-mid .checkbox-list-wrap.normal-type {
        height: auto;
    }
}

/*search-bottom*/
.search-bottom {
    margin-bottom: 100px;
}

.search-bottom .search_tab_ul {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #4c4c4c;
    display: flex;
}

.search-bottom .search_tab_ul li {
    text-align: center;
}

.search-bottom .search_tab_ul li a {
    padding: 15px 22px;
    display: block;
    font-weight: 500;
}

.search-bottom .search_tab_ul li a span {
    position: relative;
    font-size: 16px;
}

.search-bottom .search_tab_ul li a span:after,
.search-bottom .search_tab_ul li a.active span:after {
    content: "";
    display: block;
    width: 100%;
    background: #df3232;
    height: 3px;
    position: absolute;
    bottom: -16px;
    left: 0;
    transform: scale(0, 1);
    transition: all 0.3s ease;
}

.search-bottom .search_tab_ul li a:hover span:after,
.search-bottom .search_tab_ul li a:focus span:after,
.search-bottom .search_tab_ul li a.active span:after {
    transform: scale(1, 1);
}

.search-bottom .search_tab_ul li a:hover span,
.search-bottom .search_tab_ul li a:focus span,
.search-bottom .search_tab_ul li a.active span {
    color: #df3232;
    display: inline-block;
}

.search-bottom .search_tab_ul li a.active span:after {
    transform: scale(1, 1);
}

.search-bottom .search-summary {
    background: #f3f6fb;
    border-bottom: 1px solid #acaeb0;
    padding: 19px 20px;
    position: relative;
}

.search-bottom .search-summary > p {
    margin-right: 330px;
    position: relative;
    padding-left: 26px;
    color: #444;
    font-weight: 400;
    background: none;
}

.search-bottom .search-summary > p:after {
    content: "";
    display: block;
    background: url(/images/content/search-result-icon.gif) no-repeat;
    width: 17px;
    height: 19px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-right: 3px;
    transform: translate(0px, -50%);
}

.search-bottom .search-summary > p b {
    font-weight: 400;
}

.search-bottom .search-summary .legend-wrap {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0px, -50%);
}

.search-bottom .search-summary .legend-wrap .btn {
    padding-right: 19px;
    background: none;
    color: #666;
    font-weight: 400;
    font-size: 15px;
}

.search-bottom .search-summary .legend-wrap .btn:last-of-type {
    padding-right: 0;
}

.search-bottom .search-summary .legend-wrap .btn:hover,
.search-bottom .search-summary .legend-wrap .btn:focus {
    color: #222;
}

.search-bottom .search-summary .legend-wrap .icon {
    position: relative;
    margin-right: 5px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.search-bottom .search-summary .legend-wrap .icon span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/images/content/search-legend.gif) no-repeat;
    width: 16px;
    height: 12px;
    display: inline-block;
    transition: all 0.3s ease;
    background-position: 0 0;
}

.search-bottom .search-summary .legend-wrap .icon .excel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(//www.heritage.go.kr/images/common/icon_excel.png) no-repeat;
    width: 19px;
    height: 19px;
    display: inline-block;
    transition: all 0.3s ease;
    background-position: 0 0;
}

.search-bottom .search-summary .legend-wrap .btn:hover .icon,
.search-bottom .search-summary .legend-wrap .btn:focus .icon {
    border-color: #5d5d5d;
}

.search-bottom .search-summary .legend-wrap .btn:hover .icon span,
.search-bottom .search-summary .legend-wrap .btn:focus .icon span {
    transition: all 0.3s ease;
}

.search-bottom .search-summary .legend-wrap .btn .icon.up span,
.search-bottom .search-summary .legend-wrap .btn:hover .icon.up span,
.search-bottom .search-summary .legend-wrap .btn:focus .icon.up span {
    background-position: 0 -39px;
}

.search-bottom .search-summary .legend-wrap .btn .icon.down span,
.search-bottom .search-summary .legend-wrap .btn:focus .icon.down span,
.search-bottom .search-summary .legend-wrap .btn:hover .icon.down span {
    background-position: 0 -20px;
}

.search-bottom .search-result {
    margin-top: 40px;
}

.search-bottom .search-result:after {
    content: "";
    display: block;
    clear: both;
}

.search-bottom .search-result > li {
    float: left;
    width: calc((100% - 81px) / 4);
    margin-right: 23px;
}

.search-bottom .search-result > li:nth-child(4n) {
    margin-right: 0;
}

.search-bottom .search-result > li:nth-child(n+5) {
    margin-top: 23px;
}

.search-bottom .search-result > li a {
    transition: all 0.3s ease;
    display: block;
    padding-bottom: 22px;
    cursor: pointer
}

.search-bottom .search-result > li a:hover,
.search-bottom .search-result > li a:focus {
    box-shadow: 1px 9px 31px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
    transition: all 0.3s ease;
}

.search-bottom .search-result > li a > span {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-bottom .search-result > li .tag {
    display: block;
    font-size: 13px;
    color: #222;
    font-weight: 600;
    padding: 4px 0;
    transition: all 0.3s ease;
}

.search-bottom .search-result > li .tag:first-child {
    margin-top: 0;
}

.search-bottom .search-result > li a > strong {
    max-width: 190px;
    height: 46px;
    overflow: hidden;
    color: #666666;
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left
}

.search-bottom .search-result > li .tag,
.search-bottom .search-result > li strong {
    transition: all 0.3s ease;
}

.search-bottom .search-result > li .tag:last-child {
    font-size: 14px;
    margin-top: 15px;
    padding: 0;
    font-weight: 400;
    color: #666;
}

.search-bottom .search-result > li a:hover .tag,
.search-bottom .search-result > li a:focus .tag,
.search-bottom .search-result > li a:hover > strong,
.search-bottom .search-result > li a:focus > strong {
    padding-left: 10px;
    transition: all 0.3s ease;
}

.search-bottom .search-result .img-wrap {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    background: #adb0bd;
    border-radius: 10px;
    text-align: center;
    height: 0;
    position: relative;
    padding-top: 82%;
}

.search-bottom .search-result .img-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.search-bottom .search-result.noBg .img-wrap {
    background: none;
    border: 1px solid #afafaf
}

.search-bottom .btn-wrap {
    text-align: center;
    position: relative;
    margin-top: 13px;
}

.search-bottom .btn-wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #999;
    position: absolute;
    top: 50%;
    left: 0;
}

.search-bottom .btn-wrap .btn-more-result {
    background: #565656;
    color: #fff;
    min-width: 100px;
    border-radius: 600px;
    padding: 13px 5px;
    position: relative;
    z-index: 1;
}

.search-bottom .btn-wrap .btn-more-result span:after {
    content: "";
    display: block;
}

.search-bottom .btn-wrap .btn-more-result span {
    position: relative;
    padding-left: 18px;
    font-size: 13px;
    font-weight: 500;
}

.search-bottom .btn-wrap .btn-more-result span:after {
    content: "";
    display: block;
    background: url(/images/content/search-result-more.gif) no-repeat center;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-right: 3px;
    margin-top: -6px;
}

.search-bottom .btn-wrap .btn-more-result:hover {
    background: #3a3a3a;
}

.search-bottom .btn-wrap .btn-more-result span:after {
    transform: rotate(0deg);
    transform-origin: center;
}

.search-bottom .btn-wrap .btn-more-result:hover span:after {
    transform: rotate(180deg);
    transition: all 0.3s ease;
}

@media only screen and (max-width: 1024px) {
    .search-bottom .search-summary .legend-wrap .btn {
        padding-right: 6px;
    }
}

@media only screen and (max-width: 780px) {
    .search-bottom {
        border: none
    }

    .search-bottom .search_tab_ul {
        display: block;
        margin-top: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }

    .search-bottom .search_tab_ul li {
        display: block;
        width: 100%;
        border: 1px solid #ddd;
        margin-top: -1px;
        border-bottom: 0;
    }

    .search-bottom .search_tab_ul li a {
        padding: 15px 10px;
    }

    .search-bottom .search_tab_ul li a span:after,
    .search-bottom .search_tab_ul li a.active span:after {
        bottom: -12px;
    }

    .search-bottom .search_tab_ul li a {
        padding: 12px 0;
    }

    .search-bottom .search-result {
        margin-top: 10px;
    }

    .search-bottom .search-result > li {
        width: calc((100% - 32px) / 2);
    }

    .search-bottom .search-result > li:nth-child(2n) {
        margin-right: 0;
    }

    .search-bottom .search-result > li:nth-child(n+3) {
        margin-top: 12px;
    }

    .search-bottom .search-result > li a:hover,
    .search-bottom .search-result > li a:focus {
        box-shadow: 0 0 0 transparent;
    }

    .search-bottom .search-result > li a:hover .tag,
    .search-bottom .search-result > li a:focus .tag,
    .search-bottom .search-result > li a:hover > strong,
    .search-bottom .search-result > li a:focus > strong {
        padding-left: 0;
    }

    .search-bottom .search-result > li .tag:last-child {
        margin-top: 5px;
    }

    .search-bottom .search-result > li a > strong {
        max-width: 100%;
    }

    .search-bottom .search-summary {
        padding: 12px 15px;
        border-top: 1px solid #acaeb0;
    }

    .search-bottom .search-summary > p {
        margin-right: 0;
    }

    .search-bottom .search-summary .legend-wrap {
        position: static;
        transform: translate(0px, 0px);
        margin-top: 12px;
        margin-left: -8px;
    }

    .search-bottom .search-summary .legend-wrap .btn {
        padding-right: 1%;
    }

    .search-bottom .search-summary .legend-wrap .icon {
        transform: scale(0.7);
        margin-right: -1px;
    }
}

@media only screen and (max-width: 480px) {
    .search-bottom .search-result > li {
        width: 100%;
    }

    .search-bottom .search-result > li:nth-child(n+3) {
        margin-top: 0;
    }

    .search-bottom .search-summary > p {
        padding-left: 0;
    }

    .search-bottom .search-summary > p:after {
        display: none;
    }
}

/*radiobutton*/
.search-cont-wrap .rc-wrap {
    margin-bottom: 0;
}

.search-cont-wrap .rc-inner {
    position: relative;
    display: inline-block;
}

.search-cont-wrap .search-top .rc-inner {
    padding-right: 45px;
}

.search-cont-wrap [type="radio"]:checked,
.search-cont-wrap [type="radio"]:not(:checked),
.search-cont-wrap [type="checkbox"]:checked,
.search-cont-wrap [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.search-cont-wrap [type="radio"]:checked + label,
.search-cont-wrap [type="radio"]:not(:checked) + label,
.search-cont-wrap [type="checkbox"]:checked + label,
.search-cont-wrap [type="checkbox"]:not(:checked) + label {
    cursor: pointer;
    position: relative;
    color: #666;
    font-weight: 500;
}

.search-cont-wrap [type="checkbox"]:checked + label,
.search-cont-wrap [type="checkbox"]:not(:checked) + label {
    padding-left: 21px;
}

.search-cont-wrap [type="radio"]:checked + label,
.search-cont-wrap [type="radio"]:not(:checked) + label {
    padding-left: 25px;
}

.search-cont-wrap [type="checkbox"]:checked + label,
.search-cont-wrap [type="checkbox"]:not(:checked) + label {
    color: #666;
    font-weight: 500;
}

.search-cont-wrap [type="checkbox"]:checked + label {
    color: #000;
}

.search-cont-wrap [type="radio"]:checked + label:after,
.search-cont-wrap [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
}

.search-cont-wrap [type="radio"]:checked + label:before,
.search-cont-wrap [type="radio"]:not(:checked) + label:before,
.search-cont-wrap [type="checkbox"]:checked + label:before,
.search-cont-wrap [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    width: 19px;
    height: 19px;
    border: 0
}

/*radio*/
.search-cont-wrap [type="radio"]:checked + label:before {
    background: url(/images/content/search-radio-checked.png) no-repeat;
}

.search-cont-wrap [type="radio"]:not(:checked) + label:before {
    background: url(/images/content/search-radio.png) no-repeat;
}

/*checkbox*/
.search-cont-wrap [type="checkbox"]:checked + label:before {
    background: url(/images/content/search-checkbox-checked.png) no-repeat;
}

.search-cont-wrap [type="checkbox"]:not(:checked) + label:before {
    background: url(/images/content/search-checkbox.png) no-repeat;
}

/*disabled*/
.search-cont-wrap input[type="checkbox"]:disabled + label,
.search-cont-wrap input[type="radio"]:disabled + label {
    cursor: auto;
}

.search-cont-wrap input[type="checkbox"]:disabled + label::before,
.search-cont-wrap input[type="radio"]:disabled + label::before {
    background: #d6d6d6;
}

.search-cont-wrap input[type="checkbox"]:disabled + label:hover::before,
.search-cont-wrap input[type="radio"]:disabled + label:hover::before {
    background: #d6d6d6;
    border: 1px solid #d6d6d6;
    cursor: auto;
}

/*accessibility*/
input[type=radio]:focus + label:before,
input[type=checkbox]:focus + label:before {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

@media only screen and (max-width: 780px) {
    .search-top .rc-wrap {
        text-align: left;
        margin-top: 10px;
    }

    .search-cont-wrap .search-top .rc-inner {
        padding-right: 2%;
    }

    .search-cont-wrap [type="checkbox"]:checked + label,
    .search-cont-wrap [type="checkbox"]:not(:checked) + label {
        font-size: 14px;
    }
}

/*** dropdown  ***/
.dropdown {
    position: relative;
}

.dropdown.active .dropdown-menu {
    display: block;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    z-index: 1;
    border-radius: .25rem;
    box-shadow: 2px 6px 13px rgba(0, 0, 0, 0.15);
}

.dropdown-item {
    padding: 8px 15px;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
}

.dropdown-item:hover {
    background: rgba(221, 221, 221, 0.41);
}

a:focus,
button:focus,
input:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/***통합검색***/
.search-mid .checkbox-list-wrap.type02 {
    width: 100%;
    height: auto;
}

.search-mid .checkbox-list-wrap.type02 > .line {
    height: 213px;
}

.search-mid .checkbox-list-wrap.type02 > .line.line01 {
    width: calc(100% - 336px);
}

.search-mid .checkbox-list-wrap.type02 > .line.line01 li {
    width: calc(100% / 4);
}

.search-mid .checkbox-list-wrap.type02 > .line.line02 {
    width: 316px;
}

.search-mid .checkbox-list-wrap.type02 .checkbox-list {
    height: auto;
}

.search-bottom.type-tbl .sch_title {
    padding-right: 0;
}


.search-bottom.type-tbl .sch_title.bottomis{
    margin-bottom: 50px;
}


.search-bottom.type-tbl .sch_title.recordis{
    margin-top: 16px;
	height: 40px;
}

.search-bottom.type-tbl .result-group:first-of-type .sch_title {
    margin-top: 16px;
}

.search-bottom.type-tbl .sch_title h4 {
    border-top: 2px solid #000;
    background: none;
    padding: 20px 0;
}

.search-bottom.type-tbl .result_tit {
    background: #f3f4f6;
}

.search-bottom.type-tbl .result_tit .rt_link {
    position: relative;
    padding: 18px 15px;
}

.search-bottom.type-tbl .tbl .left a {
    height: 60px;
    overflow: hidden;
    display: block;
}

.search-bottom.type-tbl .sch_title a.btn_more {
    padding: 0;
    background: none;
    color: #555;
    border: 1px solid #9aa3af;
    top: 50%;
    margin-top: -19px;
    min-width: 90px;
    min-height: 38px;
    text-align: center;
    padding-left: 25px;
    line-height: 38px;
	margin: auto;
}




.search-bottom.type-tbl .sch_title a.btn_more.recordmore {
	width: 100%;

}

.search-bottom.type-tbl .sch_title a.btn_more:hover,
.search-bottom.type-tbl .sch_title a.btn_more:focus {
    background: #f5f5f5;
    border: 1px solid #183c86;
}

.search-bottom.type-tbl .sch_title a.btn_more:hover:after,
.search-bottom.type-tbl .sch_title a.btn_more:focus:after {
    background-color: #183c86;
}

.search-bottom.type-tbl .csch_info.sch {
    overflow: visible;
}

.search-bottom.type-tbl .csch_info.sch table {
    width: 100%;
}

.search-bottom.type-tbl .csch_info.sch table .no-result {
    text-align: center;
}

.search-bottom.type-tbl .csch_info.sch table .no-result span {
    position: relative;
    padding-left: 31px;
    font-weight: 500;
}

.search-bottom.type-tbl .csch_info.sch table .no-result span:before {
    content: "";
    display: block;
    background: url(/images/hsrch/sear_cont_noresult.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
}

.search-bottom.type-tbl .sch_title a.btn_more:after {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background: #5c6b85 url(//www.heritage.go.kr/images/common/bul_plus.png) no-repeat center;
    background-size: 50%;
    border-radius: 600px;
    position: absolute;
    left: calc(50% - 40px);
    top: 50%;
    margin-top: -8px;
}

.search-bottom .tbl {
    border-top: 1px solid #b2b2b2;
}

.search-bottom .tbl.type_1 th {
    background: #f3f4f6;
}

.search-bottom .board-tab {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.search-bottom .board-tab li {
    display: table-cell;
    width: 1%;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.search-bottom .board-tab li a {
    display: block;
    background: #f9f9fa;
    color: #444;
    border: 1px solid #ddd;
    border-right: 0;
}

.search-bottom .board-tab li:first-of-type a {
    border-left: 0;
}

.search-bottom .board-tab li a .icon {
    position: relative;
    padding-left: 30px;
}

.search-bottom .board-tab li a .icon:after {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: -1px;
    background: url(../images/content/search-board-tab-icon.png) no-repeat;
}

.search-bottom .board-tab li a .icon01:after {
    background-position: 0 0;
}

.search-bottom .board-tab li a .icon02:after {
    background-position: -37px 0;
}

.search-bottom .board-tab li a .icon03:after {
    background-position: -70px 0;
}

.search-bottom .board-tab li a .icon04:after {
    background-position: -106px 0;
}

.search-bottom .board-tab li a .icon05:after {
    background-position: -138px 0;
}

.search-bottom .board-tab li a .icon06:after {
    background-position: -169px 0;
}

.search-bottom .board-tab li:hover a,
.search-bottom .board-tab li:focus a,
.search-bottom .board-tab li a.active {
    background: #183c86;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.21);
}

.search-bottom .board-tab li:hover a .icon01:after,
.search-bottom .board-tab li:focus a .icon01:after,
.search-bottom .board-tab li a.active .icon01:after {
    background-position: 0 -30px;
}

.search-bottom .board-tab li:hover a .icon02:after,
.search-bottom .board-tab li:focus a .icon02:after,
.search-bottom .board-tab li a.active .icon02:after {
    background-position: -37px -30px;
}

.search-bottom .board-tab li:hover a .icon03:after,
.search-bottom .board-tab li:focus a .icon03:after,
.search-bottom .board-tab li a.active .icon03:after {
    background-position: -70px -30px;
}

.search-bottom .board-tab li:hover a .icon04:after,
.search-bottom .board-tab li:focus a .icon04:after,
.search-bottom .board-tab li a.active .icon04:after {
    background-position: -106px -30px;
}

.search-bottom .board-tab li:hover a .icon05:after,
.search-bottom .board-tab li:focus a .icon05:after,
.search-bottom .board-tab li a.active .icon05:after {
    background-position: -138px -30px;
}

.search-bottom .board-tab li:hover a .icon06:after,
.search-bottom .board-tab li:focus a .icon06:after,
.search-bottom .board-tab li a.active .icon06:after {
    background-position: -169px -30px;
}

@media only screen and (max-width: 1200px) {
    .search-mid .checkbox-list-wrap.type02 > .line {
        height: 250px;
    }

    .search-mid .checkbox-list-wrap.type02 > .line.line01 li {
        width: calc((100% - 1px) /3);
    }
}

@media only screen and (max-width: 780px) {
    .search-mid .checkbox-list-wrap.type02 > .line {
        height: auto;
        padding: 0;
    }

    .search-bottom .board-tab,
    .search-bottom .board-tab li {
        display: block;
    }

    .search-bottom .board-tab li {
        width: 100%;
    }

    .search-bottom .board-tab li a {
        border-left: 0;
    }

    .search-bottom .board-tab li:hover a,
    .search-bottom .board-tab li:focus a,
    .search-bottom .board-tab li a.active {
        border-bottom: 1px solid rgba(255, 255, 255, 0.21);
    }
}

/*** 간행물목록 ***/
.search-cont-wrap select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background: #fff url(/images/common/bul_sort_downArrow2.png) no-repeat right center;
}

.search-cont-wrap select::-ms-expand {
    display: none;
}

.search-top.type02 {
    padding: 28px 15px;
    margin-bottom: 50px;
}

.search-top.type02 .board_search {
    background-color: transparent;
    border: 0;
    margin-bottom: 0;
    padding: 0 27px;
}

.search-top.type02 .board_search.pub_sch .pub_sch_box .pub_item02,
.search-top.type02 .board_search.pub_sch .select01,
.search-top.type02 .board_search.pub_sch .pub_sch_box .pub_item01 > span > input[type=text] {
    height: 36px;
}

.search-top.type02 .board_search.pub_sch .pub_sch_box .pub_item03 .date_box {
    width: calc((100% - 18px) / 2);
}

.search-top.type02 .board_search.pub_sch .pub_sch_box > span {
    width: 45%;
}

.search-top.type02 .big_schBtn {
    width: 120px;
    height: 80px;
    line-height: 80px;
}

.search-top.type02 .board_search.pub_sch .pub_sch_box > span:nth-of-type(even) {
    margin-left: 6%;
}

.search-top.type02 .board_search.pub_sch .pub_sch_box > span.pub_item04 > input[type=text] {
    width: 93%;
}

.search-top.type02 .board_search.pub_sch .pub_sch_box > span > label {
    font-weight: 400;
}

.search-bottom.type02 .search-summary {
    border-top: 1px solid #4c4c4c;
    padding: 12px 20px;
    margin-bottom: 25px;
}

.search-bottom.type02 .search-summary .legend-wrap {
    right: 180px;
}

.search-bottom.type02 .board_info.sortWrap .p_sort select {
    width: 80px;
}

.search-bottom.type02 .board_info.sortWrap .list_type li a.sort_img {
    background: #fff url(//www.heritage.go.kr/images/common/img_sort_img.png) center center no-repeat;
}

.search-bottom.type02 .board_info.sortWrap .list_type li a.sort_list.on {
    background: #fff url(//www.heritage.go.kr/images/common/img_sort_list_on.png) center center no-repeat;
}

.search-bottom.type02 .board_info.sortWrap .list_type li a.sort_img.on {
    background: #fff url(//www.heritage.go.kr/images/common/img_sort_img_on.png) center center no-repeat;
}

.search-bottom.type02 .search-result {
    margin-top: 30px;
}

.search-bottom.type02 .search-result .img-wrap {
    /*width: 175px;height: 245px;*/
    border-radius: 5px;
    padding-top: 139%;
    box-shadow: 5px 4px 14px rgba(0, 0, 0, 0.24);
    transition: all 0.3s ease;
}

.search-bottom.type02 .search-result > li a:hover .img-wrap,
.search-bottom.type02 .search-result > li a:focus .img-wrap {
    box-shadow: 5px 4px 45px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.search-bottom.type02 .search-result > li a .img-wrap img {
    transform: translate(-50%, -50%) scale(1) rotate(.001deg);
    transition: all 0.3s ease;
}

.search-bottom.type02 .search-result > li a:hover .img-wrap img,
.search-bottom.type02 .search-result > li a:focus .img-wrap img {
    transform: translate(-50%, -50%) scale(1.03) rotate(.001deg);
    transition: all 0.3s ease;
    box-shadow: 5px 9px 30px rgba(0, 0, 0, 0.32);
}

.search-bottom.type02 .search-result > li a:hover .img-wrap.noImg img,
.search-bottom.type02 .search-result > li a:focus .img-wrap.noImg img {
    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
    transition: all 0.3s ease;
}

.search-bottom.type02 .search-result > li {
    width: calc((100% - 69px) / 4);
    background: #edeef4;
    border-radius: 5px;
    padding: 26px 25px;
	box-sizing: border-box;
}

.search-bottom.type02 .search-result > li a {
    text-align: center;
    padding-bottom: 0;
}

.search-bottom.type02 .search-result > li .tag,
.search-bottom.type02 .search-result > li strong {
    text-align: left;
}

.search-bottom.type02 .search-result > li strong {
    color: #444;
    padding: 9px 0px;
    height: 57px;
    overflow: hidden;
    font-weight: 500;
}

.search-bottom.type02 .search-result > li a:hover,
.search-bottom.type02 .search-result > li a:focus {
    box-shadow: 0 0 0 transparent;
}

.search-bottom.type02 .search-result > li a:hover .tag,
.search-bottom.type02 .search-result > li a:focus .tag,
.search-bottom.type02 .search-result > li a:hover strong,
.search-bottom.type02 .search-result > li a:focus strong {
    padding-left: 0;
}

.search-bottom.type02 .search-result > li a:hover strong,
.search-bottom.type02 .search-result > li a:focus strong {
    text-decoration: underline;
}

.search-bottom.type02 .tbl {
    border-top: 2px solid #51576e;
}

.search-bottom.type02 .tbl tr td a.b_tit:hover,
.search-bottom.type02 .tbl tr td a.b_tit:focus {
    font-weight: 300;
}

.search-bottom #paging {
    border-top: 1px solid #999;
    padding-top: 35px;
    margin-top: 50px;
}

.search-bottom #paging a,
.search-bottom #paging strong {
    height: 32px;
    width: 32px;
    line-height: 30px;
}

.search-bottom #paging > a:hover,
.search-bottom #paging > a:focus {
    border: 1px solid #555;
    background: #eaeaea;
}

@media only screen and (max-width: 1024px) {
    .search-bottom.type02 .search-result {
        margin-top: 0;
    }

    .search-bottom.type02 .search-result > li {
        width: calc((100% - 49px) / 3);
    }

    .search-bottom.type02 .search-result > li:nth-child(3n) {
        margin-right: 0
    }

    .search-bottom.type02 .search-result > li:nth-child(4n) {
        margin-top: 23px;
        margin-right: 23px;
    }

    .search-bottom.type02 .listItemC {
        display: inline-block;
    }

    .search-bottom.type02 .search-result > li a:hover .img-wrap,
    .search-bottom.type02 .search-result > li a:focus .img-wrap,
    .search-bottom.type02 .search-result > li a:hover .img-wrap img,
    .search-bottom.type02 .search-result > li a:focus .img-wrap img {
        box-shadow: 0 0 0 transparent;
    }

    .search-bottom.type02 .search-summary {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 780px) {
    .search-top.type02 {
        margin-bottom: 28px;
    }

    .search-bottom.type02 {
        margin-top: 0px;
    }

    .search-bottom.type02 .board_info.sortWrap p,
    .search-bottom.type02 .board_info.sortWrap .p_sort {
        float: none;
    }

    .search-bottom.type02 .board_info.sortWrap p {
        margin-top: 6px;
    }

    .search-bottom.type02 .board_info.sortWrap .p_sort:after {
        content: "";
        display: block;
        clear: both;
    }

    .search-bottom.type02 .search-summary {
        margin-top: 10px;
    }

    .search-bottom.type02 .search-summary .legend-wrap {
        float: left;
        margin-top: 6px;
    }

    .search-bottom.type02 .list-type-wrap {
        float: right;
    }

    .search-bottom.type02 .search-summary .legend-wrap .btn {
        padding-right: 0;
    }

    .search-bottom.type02 .search-result > li {
        width: calc((100% - 19px) / 2);
        margin-right: 15px;
    }

    .search-bottom.type02 .search-result > li:nth-child(4n),
    .search-bottom.type02 .search-result > li:nth-child(3n) {
        margin-right: 15px;
        margin-top: 12px;
    }

    .search-bottom.type02 .search-result > li:nth-child(2n) {
        margin-right: 0
    }

    .search-bottom.type02 .search-result > li a .img-wrap,
    .search-bottom.type02 .search-result > li a .img-wrap {
        padding-top: 100%;
        /*background: none;*/
        box-shadow: none;
    }

    .search-bottom.type02 .search-result > li a:hover .img-wrap img,
    .search-bottom.type02 .search-result > li a:focus .img-wrap img {
        transform: translate(-50%, -50%) scale(1) rotate(.001deg);
    }

    .search-bottom.type02 .search-result > li .tag {
        margin-top: 5px;
    }

    .search-top.type02 .board_search {
        padding: 0;
    }

    .search-top.type02 .board_search.pub_sch .pub_sch_box > span {
        width: 100%;
    }

    .search-top.type02 .board_search.pub_sch .pub_sch_box a.big_schBtn {
        position: static;
        position: static;
        width: 100%;
        height: auto;
        line-height: 1;
        padding: 13px 0;
        margin-top: 12px;
    }

    .search-top.type02 .board_search.pub_sch .pub_sch_box > span:nth-of-type(even) {
        margin-left: 0;
    }

    .search-top.type02 .board_search.pub_sch .pub_sch_box {
        padding-right: 0;
    }

    .search-top.type02 .board_search.pub_sch .pub_sch_box > span.pub_item04 > input[type=text] {
        width: 95%;
        float: left;
    }

    .search-bottom #paging {
        padding-top: 25px;
        margin-top: 25px;
    }
}

@media only screen and (max-width: 480px) {
    .search-bottom.type02 .search-summary {
        padding: 12px 15px;
    }

    .search-bottom.type02 .search-summary .legend-wrap,
    .search-bottom.type02 .list-type-wrap {
        float: none;
        width: 100%;
        margin-top: 6px;
    }

    .search-bottom.type02 .board_info.sortWrap .p_sort select {
        width: calc(100% - 70px);
    }

    .search-bottom.type02 .search-result > li {
        width: 48.3%;
        margin: 0 5px 10px 0 !important;
        margin: 0 auto;
    }

    .search-bottom.type02 .search-result > li .tag {
        margin: 0;
        font-size: 12px;
    }

    .search-bottom.type02 .search-result > li {
        width: 100%;
        margin: 0 0 10px 0 !important;
    }

    .search-bottom.type02 .search-result > li strong {
        height: 30px;
        font-size: 12px;
        font-weight: bold;
        padding-top: 3px;
        line-height: 1.4;
        letter-spacing: 1.5px;
        line-height: 1.2;
    }

    .search-top.type02 .board_search {
        padding: 0;
    }
}

/***간행물상세***/
.search-detail-wrap {
    margin-top: 50px;
}

.search-detail {
    display: flex;
    padding: 63px 49px;
    background: #f3f6fb;
    border-top: 1px solid #4c4c4c;
}

.search-detail .img-wrap {
    max-width: 340px;
    margin-right: 48px;
}

.search-detail .txt-wrap {
    width: calc(100% - 391px);
}

.search-detail .txt-wrap > strong {
    font-size: 22px;
    color: #000;
    font-weight: 500;
    letter-spacing: -1px;
    display: block;
    border-bottom: 1px solid #acaeb0;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.search-detail .txt-wrap > ul > li:not(:last-of-type) {
    margin-bottom: 10px;
}

.search-detail .txt-wrap ul li strong {
    color: #103581;
    font-weight: 600;
    display: inline-block;
    width: 80px;
}

.search-detail .txt-wrap ul li .txt-item {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 90px);
    font-weight: 400;
}

.search-detail .txt-wrap ul li .txt-item .btn {
    padding: 8px 7px 8px 33px;
    margin-top: 6px;
    border: 1px solid #777;
    background-color: #fff;
    background-position: 9px 5px;
    background-repeat: no-repeat;
    border-radius: 3px;
    font-weight: 400;
    color: #555;
    font-size: 13px;
}

.search-detail .txt-wrap ul li .txt-item .btn.ico-viewer {
    background-image: url(/images/content/search-detail-btnIcon.png);
}

.search-detail .txt-wrap ul li .txt-item .btn.ico-download {
    background-image: url(/images/content/search-detail-btnIcon02.png);
}

.search-detail .txt-wrap ul li .txt-item .btn:hover,
.search-detail .txt-wrap ul li .txt-item .btn:focus {
    color: #fff;
    background-color: #3b49af;
    border: 1px solid #3b49af;
}

.search-detail .txt-wrap ul li .txt-item .btn.ico-viewer:hover,
.search-detail .txt-wrap ul li .txt-item .btn.ico-viewer:focus {
    background-image: url(/images/content/search-detail-btnIcon-ov.png);
}

.search-detail .txt-wrap ul li .txt-item .btn.ico-download:hover,
.search-detail .txt-wrap ul li .txt-item .btn.ico-download:focus {
    background-image: url(/images/content/search-detail-btnIcon02-ov.png);
}

.search-detail .txt-wrap ul li .txt-item li:not(:last-of-type) {
    margin-bottom: 15px;
}

.search-detail-wrap .b_page {
    margin-top: 0;
}

.search-detail-wrap .b_page:after {
    content: "";
    display: block;
    clear: both;
}

.search-detail-wrap dl {
    position: relative;
    float: left;
    border-bottom: 1px solid #d5d5db
}

.search-detail-wrap dl dt {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 170px;
    background: #f3f4f6;
    font-weight: normal;
    text-align: center;
    border-right: 1px solid #d5d5db
}

.search-detail-wrap dl dt,
.search-detail dl dd {
    padding: 12px 7px;
    color: #103581;
}

.search-detail-wrap dl dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 210px;
    min-height: 50px;
    line-height: 50px;
    font-weight: 400;
}

.search-detail-wrap .b_page dt.prev,
.search-detail-wrap .b_page dt.next {
    background-color: #fff;
    font-weight: 400;
}

.search-detail-wrap .b_page dt.prev {
    background: url(/images/common/bul_board_prev-new.png) 41px center no-repeat;
}

.search-detail-wrap .b_page dt.next {
    background: url(/images/common/bul_board_next-new.png) 141px center no-repeat;
}

@media only screen and (max-width: 1024px) {
    .search-detail {
        display: block;
    }

    .search-detail .img-wrap {
        margin: 0 auto;
    }

    .search-detail .txt-wrap {
        width: 100%;
        margin-top: 30px;
    }

    .search-detail .txt-wrap ul li .txt-item li:not(:last-of-type) {
        margin-bottom: 9px;
    }

    .search-detail .txt-wrap ul li .txt-item li .btn-wrap {
        display: inline-block;
    }

    .search-detail .txt-wrap ul li .txt-item .btn {
        padding: 7px 5px 7px 25px;
        background-size: 20%;
        background-position: 6px center;
        margin-top: 0;
    }
}

@media only screen and (max-width: 780px) {
    .search-detail {
        padding: 20px 15px;
    }

    .search-detail .img-wrap {
        max-width: 220px;
    }

    .search-detail .txt-wrap ul li:not(:last-of-type) {
        margin-bottom: 5px;
    }

    .search-detail .txt-wrap > strong {
        font-size: 1.2rem;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .search-detail .txt-wrap ul li strong {
        width: 71px;
    }

    .search-detail-wrap dl dt {
        width: 127px;
    }

    .search-detail-wrap .b_page dt.prev {
        background-position: 17px center;
    }

    .search-detail-wrap .b_page dt.next {
        background-position: 121px center;
    }

    .search-detail-wrap dl dd {
        padding-left: 158px;
    }
}

@media only screen and (max-width: 350px) {
    .search-detail .txt-wrap ul li .txt-item {
        display: block;
        width: 100%;
    }

    .search-detail-wrap dl dt {
        width: 80px;
        background: none !important;
    }

    .search-detail-wrap dl dd {
        padding-left: 110px;
        margin-left: 0;
    }
}

/*** 통합검색페이지  ***/
.search-top.type03 {
    border-bottom: 0;
    padding: 45px 0;
}

.search-bottom.type03 {
    margin-top: 0;
}

.search-bottom.type03 .search-result > li strong {
    height: 47px;
    overflow: hidden;
}

.search-bottom .search-result.type-list {
    padding-top: 0;
    margin-top: 0;
    border-bottom: 0;
}

.search-bottom .search-result.type-list > li {
    float: none;
    width: 100%;
    margin: 0;
    display: block;
}

.search-bottom .search-result.type-list a {
    display: table;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
    border: 1px solid #e2e2e3;
    max-height: 190px;
    border-right: 0;
    border-left: 0;
}

.search-bottom .search-result.type-list a:after {
    content: "";
    display: block;
    clear: both
}

.search-bottom .type-list .media_cont {
    margin-bottom: 0;
}

.search-bottom .type-list .img_area {
    display: inline-block;
    overflow: hidden;
    width: 212px;
    min-height: 160px;
    max-height: 160px;
    text-align: left;
    position: relative;
    border-radius: 10px;
    background: #adb0bd;
}

.search-bottom .type-list .img_area img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.search-bottom .type-list .news_info {
    display: inline-block;
    width: calc(100% - 215px);
    padding: 0 27px;
    padding-right: 0;
    vertical-align: middle;
    text-align: left;
    float: right
}

.search-bottom .type-list .news_info h4 {
    font-size: 20px;
    color: #1e1e1e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 0;
    background: none;
    text-align: left;
}

.search-bottom .type-list .news_info:hover h4,
.search-bottom .type-list .news_info:focus h4 {
    text-decoration: underline;
}

.search-bottom .type-list .news_info .news_date {
    display: block;
    margin-top: 9px;
    color: #676767;
    font-weight: 300;
    text-align: left;
    font-size: 0.938em;
}

.search-bottom .type-list .news_info .news_tag {
    font-weight: 500;
    font-size: 17px;
    color: #000;
}

.search-bottom .type-list .news_info .news_locate {
    position: relative;
    padding-left: 16px;
    display: inline-block;
    margin-top: 10px;
}

.search-bottom .type-list .news_info .news_locate:before {
    content: "";
    display: block;
    background: url(/images/hsrch/sear_cont_location.png) no-repeat;
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 17px;
}

.search-bottom .type-list .news_txt {
    word-wrap: break-word;
    line-height: 22px;
    height: 4.2em;
    margin-top: 13px;
    color: #5d5d5d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    background: none;
    padding-left: 0;
}

.search-bottom .type-list .news_txt > strong {
    color: #f84040 !important;
}

.search-bottom .search-result.type-list a {
    padding: 22px 15px;
    border-top: 0;
}

@media only screen and (max-width: 780px) {
    .search-top.type03 {
        padding: 32px 15px;
    }

    .search-result.type-list .img_area {
        display: block;
        width: 100%;
        height: 300px;
        max-height: 300px
    }

    .search-bottom .type-list .news_info {
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    f.tbl.blue-type .search-top.type03 {
        padding: 40px 15px;
    }

    /*.search-result.type-list .img_area { width: 120px;min-height: 120px;max-height: 120px;}*/
    .search-bottom .search-result.type-list a {
        padding: 20px 15px;
        display: block;
        max-height: inherit;
    }

    .search-result.type-list .img_area,
    .search-bottom .type-list .news_info {
        display: block;
    }

    .search-bottom .type-list .news_info {
        padding-left: 0;
    }

    .search-result.type-list .img_area {
        margin: 0 auto;
        width: 100%;
        max-width: 310px;
        height: 200px;
        max-height: 200px;
        min-height: inherit;
        max-height: inherit;
        margin-bottom: 20px;
    }
}

.noImg img {
    min-width: inherit !important;
    height: auto !important;
    transform: translate(-50%, -50%);
}

/*** 신고처리결과확인_목록, 상세 ***/
.mt10 {
    margin-top: 10px;
}

.btn.type_3.white {
    border: 1px solid #999;
    color: #000;
    background: #fff url(//www.heritage.go.kr/images/common/bul_list.png) 16px center no-repeat
}

.tbl .thead_bg {
    border-top: 2px solid #2c3e7e;
}

.tbl .thead_bg > tr > th {
    width: 100%;
    height: 40px;
    padding: 5px;
    background: #F2F4FB;
}

.tbl.type_1 .thead_bg th {
    background: #F2F4FB;
    font-weight: 500;
}

.tbl .state {
    display: block;
    min-width: 70px;
    padding: 6px 5px;
    border-radius: 50px;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
}

.tbl .st1 {
    background: #FDA3B4;
}

.tbl .st2 {
    background: #FEDF6F;
}

.tbl .st3 {
    background: #A0D3FF;
}

.tbl.blue-type {
    border-top: 2px solid #2c3e7e;
}

.tbl.blue-type th,
.tbl.blue-type td {
    padding: 17px 10px;
    border-bottom: 1px solid #c8c8c8;
}

.tbl.blue-type tr:last-of-type th,
.tbl.blue-type tr:last-of-type td {
    border-bottom: 1px solid #2c3e7e;
}

.tbl.blue-type th {
    border-right: none;
    background: #F2F4FB;
    color: #333;
    font-weight: 500;
}

/***휴대폰 인증 ***/
.login_con {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
    background: #F2F4FB;
}

.login_con::after,
.login_con::before {
    box-sizing: border-box;
}

.login_con .log_img {
    padding-right: 54px;
    position: relative;
    top: -25px;
}

.login_con .login_form > ul > li {
    margin: 7px 0;
    display: flex;
    align-items: center;
}

.login_con .login_form ul li label {
    width: 70px;
    height: 30px;
    float: left;
    text-align: right;
    line-height: 2;
    font-weight: 600;
}

.login_con .login_form > ul li > input {
    width: 210px;
    margin-left: 12px;
    outline: none;
    border: 1px solid #b1b1b1;
    height: 40px;
}

.login_con .number_text {
    margin-left: 10px;
    font-weight: 400;
}

.login_con .click_box {
    margin-left: 82px;
    margin-top: 20px;
}

.login_con .click_box ul {
    display: flex;
    justify-content: space-between;
}

.login_con .click_box .btn {
    width: 90px;
    background: #fff;
    text-align: center;
    color: #333;
    font-weight: 400;
    cursor: pointer;
    outline: none;
    border: 1px solid #51576e;
    padding: 13px 0px;
}

.btn_close {
    background: #51576e !important;
    color: #ffff !important;
}


.login_con .click_box .btn:not(:first-of-type) {
    margin-left: 3px;
}

@media screen and (max-width:780px) {
    .login_con {
        padding: 40px 15px;
        height: auto;
    }

    .login_con .log_img {
        width: 100%;
        text-align: center;
        padding-right: 0;
        top: 0;
        max-width: 110px;
        margin: 0 auto;
    }

    .login_con,
    .login_con .login_form > ul > li {
        display: block;
        margin: 0;
        margin-bottom: 10px;
    }

    .login_con .login_form {
        margin-top: 25px;
    }

    .login_con .login_form > ul li > input {
        width: 100%;
        margin-left: 0;
    }

    .login_con .login_form ul li label {
        width: auto;
    }

    .login_con .click_box {
        text-align: center;
        margin: 0;
        margin-top: 20px;
    }

    .login_con .number_text {
        margin-left: 0;
    }
}

@media screen and (max-width:480px) {
    .login_con .click_box .btn {
        width: 100%;
        margin-bottom: 5px;
    }

    .login_con .click_box .btn:not(:first-of-type) {
        margin-left: 0;
    }
}