@charset "UTF-8";
/*-------------------------------------------------
title       : 레이아웃
Author      : yeona
Create date : 2024-02
-------------------------------------------------*/

#contents.serCh{float:none;width:100%;}
.search_result mark{word-break:break-all}
.search_result .search_form {padding:4.8rem 3.5rem 2rem;border: 1px solid #E7E6ED;;margin-bottom: 4.8rem;background:#F8F8F8}
.search_result .search_form form {width: 76rem;max-width: 100%;margin: 0 auto;}
.search_result .search_form input.form_textbox {position: relative;height: 4rem;padding: 0 1rem;border: 1px solid #D5D4DA;font-size: 1.6rem;}
.search_result .search_form .btn {min-width: 9rem;height: 4rem;border: 0.2rem solid #333;background: #333;color: #fff;vertical-align: top;font-size: 1.7rem;-webkit-transition: all 0.2s;transition: all 0.2s;font-weight:500;margin-left:0.8rem}
.search_result .search_form .btn > i{margin-right:6px;}
.search_result .search_form .btn:hover, .search_result .search_form .btn:focus {background-color: #fff;color: #333;}
.search_result .search_form .group_a {display: -webkit-box;display: -ms-flexbox;display: flex;line-height: 5rem;}
.search_result .search_form input::placeholder{color:#999;font-size:1.5rem}
.search_result .re_search{margin:.8rem 0 1rem;}


.search_result .search_form .group_b{opacity: 0;height: 0;visibility: hidden;}
.search_result .search_form .group_b.active{padding:3rem 0 1rem;margin-top:3rem;opacity:1;visibility: visible;height: 100%;}
.search_result .search_form .group_b:before{border-top:1px dashed #ccc;content:'';position:absolute;top:0;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width:100rem;height:1px}

.search_result .search_form .group_b{position:relative;padding-left:1rem;display:flex;align-items: center;width:100%}
.search_result .search_form .group_b strong:before{background:#3852AB;width:.5rem;height:.5rem;border-radius:50%;content:'';position:absolute;left:0;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.search_result .search_form .group_b:before{border-top:1px dashed #ccc;top:0;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.search_result .search_form .group_b .form_select{min-width:18.5rem;}

.search_result .label {color: #000;font-weight: 600;flex:0 0 7.2rem;position:relative;padding-left:1rem;}
.search_result .search_form .search_detail_btn{display:block;text-align: center;padding-top:2rem;}

.search_result .search_form .search_detail_btn i{display:inline-block;}
.search_result .search_form .search_detail_btn.active i{-webkit-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all .3s;transition: all .3s;}

.search_result .search_form .group_b .lst{width:calc(100% - 7.2rem);display:flex;gap:1rem;}
.search_result .search_form .group_b .lst > div{white-space: nowrap;}
.search_result .search_form .group_b .date{width: calc(100% - 37.4rem);white-space: nowrap;display: flex;align-items: center;justify-content: space-between;}
.search_result .search_form .group_b .date .date_box{width:47% !important}
.search_result .search_form .group_b .form_select select{border-radius:2px}
.search_result .search_form .group_b .form_radio{height:4rem;border:1px solid #ddd;border-radius:2px;background:#fff;line-height:3.9rem;text-align: center;margin-right:0;padding:0 1.8rem 0 3.5rem;font-weight:500;transition:all .3s;}
.form_textbox.hasDatepicker + .ui-datepicker-trigger{padding-left:0;}

.search_result .search_form .group_b .lst > div .form_radio:first-child{width:8.4rem}
.search_result .search_form .group_b .lst > div .form_radio:nth-child(2){width:9.7rem}
.search_result .search_form .group_b .lst > div .form_radio:nth-child(3){width:9rem}
.search_result .search_form .group_b .lst > div .form_radio:nth-child(4){width:7.7rem}


.search_result .search_form .group_b .form_radio input{top:1.3rem;left:1.4rem;}
.search_result .search_form .group_b .form_radio label::before{left:1.3rem;top:1.2rem;border-color:#333333;}
.search_result .search_form .group_b .form_radio label::after{left:1.7rem;top:1.6rem;width:0.7rem;height:0.7rem}
.search_result .search_form .group_b .form_radio input:checked + label::after{background:#fff}
.search_result .search_form .group_b .form_radio input:checked + label::before{border-color:#fff;    background-color: inherit;}
.search_result .search_form .group_b .form_radio.active{background:#333333;border-color:#333333;color:#fff}


.search_result .content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;}
.search_result .content .word_box{-webkit-box-flex: 1;-ms-flex: 1 1 26rem;flex: 1 1 26rem;max-width: 26rem;}
.search_result .content .result_box{-webkit-box-flex: 1;-ms-flex: 1 1 calc(100% - 26rem);flex: 1 1 calc(100% - 26rem);max-width: calc(100% - 26rem);padding-left: 6rem;}
.search_result .content .result_box h2.title{font-size:2.5rem;font-weight:600;letter-spacing: -0.25px;color:#000;margin-bottom:1.6rem;}
.search_result .content .result_box h2.title .point{padding-left:.8rem;}

.search_result .article {margin-bottom: 4rem;}
.search_result .article .ti {font-size: 1.8rem;font-weight: 600;margin-bottom: 1rem;}

.search_result .board_list > li {font-size:1.7rem;}
.search_result .board_list > li + li{margin-top:3.5rem;}
.search_result .board_list > li:last-child {border-bottom: none;}
.search_result .board_list > li a{word-break:break-all}
.search_result .board_list li .tit{display:block;font-size:1.9rem;font-weight:600;color:#000;margin-bottom:0.8rem}
.search_result .board_list li .tit.attach{font-weight:400;font-size:1.6rem;color:#333}
.search_result .board_list li .tit.attach img{margin-right:1rem}
.search_result .board_list a:hover .ti,
.search_result .board_list a:hover .txt, .search_result .board_list a:focus .ti,
.search_result .board_list a:focus .txt {text-decoration: underline;}
.search_result .board_list .txt {overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 2.4rem;max-height: 4.8rem;color: #6A6A6A;letter-spacing: -0.16px;font-size:1.6rem}
.search_result .board_list .detail{margin-top:1.5rem;color:#2434B0;font-size:1.5rem;font-weight:400}

.search_result .board_list .detail .date{color:#8C8C8C;font-weight:400;font-size:1.5rem}
.search_result .board_list .detail .date::before{content:'';width:1px;height:1rem;background:#E6E6E6;margin:0 1rem;display:inline-block}
.search_result .result_box .group{position:relative}
.search_result .result_box .more{position:absolute;right:0;top:2rem;font-size:1.5rem;font-weight:600;color:#363636}
.search_result .result_box .more:after{content:'\EA6E';font-size:1.5rem;display:inline-block;font-family: 'remixicon';color:#000;margin-left:.5rem;}

.search_result .result_box .more:hover, .search_result .result_box .more:focus{color:#000;}
.search_result .result_box .group + .group{margin-top:4rem;}
.search_result .major_site > li{display:flex;justify-content: space-between;padding:1.2rem 0;align-items: center;}
.search_result .major_site > li .title{font-weight:600;color:#333;margin-bottom:0;width: calc(100% - 9.4rem);}
.search_result .major_site > li:last-child{border-bottom:1px solid #ddd;}
.search_result .shc_slider{display:none;height:3rem;}
.search_result .shc_slider .swiper-slide {height: 3rem;}
.search_result .shc_slider a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;font-size: 1.7rem;line-height: 3rem;}
.search_result .shc_slider a .num {display: inline-block;font-weight: 300;}
.search_result .board_list{border-bottom:1px solid #ddd;}
.search_result ul.board_list{padding:2rem 0;}
.search_result .board_list.menu > li+li{margin-top:1rem}
.no_result{flex:auto;margin-right:8rem;font-size: 2.2rem;color: #222;font-weight: 500;background:#f6f6f6;margin-top:.5rem;height:30rem;display:flex;align-items: center;justify-content: center;padding:7rem 1rem 0;position:relative;}
.no_result > strong{font-weight:bold;color:#2A4BA6;}
.no_result:before{content: '\ECA0';font-family: 'remixicon';font-size: 6rem;position: absolute;margin-top: -12rem;}

.search_result .content .word_box .rank{border: 1px solid #DDD;padding:3rem 2rem;}
.search_result .content .word_box .rank .tit{color:#000;font-size:2rem;font-weight:600}
.search_result .content .word_box .rank .tit em{width:5rem;display:inline-block;vertical-align: middle;border-radius: 4px;text-align: center;line-height: 2.6rem;background: #EEEFFB;color:#2331A2;font-size:1.4rem;font-weight:700;vertical-align: middle;margin-left:1rem}
.search_result .content .word_box .rank > span{display:block;color:#767676;font-size:1.5rem;margin-top:1rem}
.search_result .content .word_box ul{margin-top:2.5rem}
.search_result .content .word_box ul > li{padding-left:3.3rem;position: relative}
.search_result .content .word_box ul > li + li{margin-top:.7rem}
.search_result .content .word_box ul > li i{background: #A5AFCB;color:#fff;font-size:1.5rem;font-weight:500;border-radius:2px;text-align: center;width:2.3rem;height:2.3rem;line-height:2.4rem;position:absolute;left:0;top:0}
.search_result .content .word_box ul > li a{display:block;}
.search_result .content .word_box ul > li a > span{display:block;}
.search_result .content .word_box ul > li a:hover span{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: flipInX;animation-name: flipInX;-webkit-backface-visibility: visible!important;backface-visibility: visible!important;--animate-duration: 1s;--animate-delay: 1s;--animate-repeat: 1;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.search_result .cntct{gap:1rem;display:flex;padding:3rem 0;width: calc(100% + 1rem); flex-wrap: wrap;}
.search_result .cntct > li{border: 1px solid #DDD;border-radius: 1rem; flex: 1 1 calc(25% - 1rem); max-width: calc(25% - 1rem);}
.search_result .cntct > li a{padding:3.2rem;display:block;height:100%}
.search_result .cntct > li .tt{font-size:1.9rem;color:#111;font-weight:600;line-height:1.3;padding-bottom:2.4rem;border-bottom:1px dashed #CCCCCC}
.search_result .cntct > li div{padding-top:2.4rem;color:#111;font-size:1.7rem;font-weight:600}
.search_result .cntct > li div + div{margin-top:4px}
.search_result .cntct > li div span{color:#555555;font-weight:400;margin-left:1rem;display:inline-block}


@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.search_result > .depth{font-size:2.5rem;font-weight:600;color:#000;text-align:center;margin:5rem 0;}
mark{color:#2434B0;font-weight:600;background:inherit}

.serCh .depth4_tab ul{background:inherit;border-radius: inherit;padding:0}
.serCh .depth4_tab ul li{font-size:1.6rem;font-weight:600;color:#242424}
.serCh .depth4_tab ul a{padding:1.5rem 0.5rem;border:1px solid #E8E8E8;border-left:0;background:#F7F8FA}
.serCh .depth4_tab ul li:first-child a{border-left:1px solid #e8e8e8}
.serCh .depth4_tab ul a mark{font-weight:500;color:#A1A1A1}
.serCh .depth4_tab ul li.active a mark{color:#2434B0}
.serCh .depth4_tab ul li.active a{background:#fff;border-bottom-color:#fff;border-radius: inherit;color:#242424}


.gallery_list .title{-webkit-line-clamp: 2;height:5rem;-webkit-box-orient: vertical;white-space: normal !important;display:-webkit-box !important;line-height:1.3}

@media (max-width: 1400px) {
    .search_result .cntct > li a{padding:2rem}
    .search_result .cntct{flex-direction: column}
}

@media (max-width: 1024px) {
    .search_result .search_form .group_b:before{display:none;}
    .search_result .search_form .group_b.active{border-top:1px solid #ddd;}
}

@media (max-width: 900px) {
  .search_result .shc_slider {display: block;}
  .search_result .content{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .search_result .content .result_box {padding-left: 0;max-width: 100%;}
  .search_result .content .word_box {max-width: 100%;padding-top: 0;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;margin-bottom:3rem;}
  .search_result .article {margin-bottom: 2rem;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;}
  .search_result .article .ti {font-size: 1.8rem;line-height: 3rem;-webkit-box-flex: 0;-ms-flex: 0 0 10rem;flex: 0 0 10rem;max-width: 10rem;margin-bottom: 0;}

  .no_result{width:100%;margin-right: 0;display: block;text-align: center;height: auto;padding:11rem 1rem 7rem;}
  .no_result:before{left:50%;transform: translateX(-50%);margin-top:0;top:5rem;font-size:4rem;}

}

@media (max-width: 768px) {
    .search_result .search_form form{width:100%;}
    .search_result .search_form .group_b > li .lst{display:block;}
    .search_result .search_form .group_b > li .date{width: 100%;margin-top:.5rem;}
    .search_result .search_form .group_b > li + li{margin-top:1.5rem;}

    .search_result .search_form .group_b .lst{display:block;}
    .search_result .search_form .group_b .date{width:100%;margin-top:0.5rem;gap:1.4rem}
    .search_result .search_form .group_b .date .date_box{width:100% !important;}
    .form_textbox.hasDatepicker + .ui-datepicker-trigger{right:1rem;}
}

@media (max-width: 600px) {
  .search_result .search_form .group_b .part .inn.t2{flex-direction: column;}
  .search_result .search_form .group_b .part .date{margin-top:.5rem;}

}

@media (max-width: 500px) {
  .search_result .search_form .group_a{display:block;}
  .search_result .search_form .btn{width:100%;margin-left:0;}
  .search_result .search_form{padding:2rem 2rem 1.5rem;}
  .search_result .article{display:block;}

  .search_result .search_form .group_b > li:before{top:1.3rem;}
  .search_result .search_form .group_b > li{display:block;}
  .search_result .label{display: block;margin-bottom:3px;}
  .search_result .search_form .group_b > li .lst{width:100%;}

  .search_result .search_form .group_b .lst > div .form_radio:first-child{border-top:1px solid #ddd;}
  .search_result .search_form .group_b .form_radio{width:100% !important;border-top:0;}
  .search_result .search_form .group_b .lst > div{white-space: inherit;}

}