@charset "UTF-8";

#header{background-color: inherit;}
html:not(.lnb_open) .lnb .menu{background-color: inherit;}

.map_box .find_map .map_img + meta{display: none;}

/* top_search */
.rowgroup1{}
.rowgroup1{display: block; position: relative;}
.rowgroup1:before{display: block; position: absolute; top: -90px; left: 0; width: 100%; height:calc(100% + 90px); border-radius: 0 0 85px 85px; background: linear-gradient(145deg, #f2eef7 0%,#eff1fa 48%,#f1f3fa 70%,#f2f3fa 100%);}
.icon_bg{display: block; position: absolute; left: 0; right: 0; width:1530px; height: 100%; margin: 0 auto; background: url("/site/www/images/main/search_bg01.png") no-repeat right 36px bottom;}
.icon_bg:after,
.icon_bg:before{display: block; position: absolute; bottom:111px; right: 50px; width: 52px; height: 64px; background: url("/site/www/images/main/search_icon02.png") no-repeat;}
.icon_bg:after{bottom:100px; right:230px; width:28px; height:29px; background: url("/site/www/images/main/search_icon03.png") no-repeat;}


.top_search .search_bg{display: block; position: absolute; bottom: 0; right: 36px; width: 417px; height: 146px; background: url("/site/www/images/main/search_bg01.png") no-repeat;}
.top_search .search_bg:after,
.top_search .search_bg:before{display: block; position: absolute; top: -29px; right: 15px; width: 52px; height: 64px; background: url("/site/www/images/main/search_icon02.png") no-repeat;}
.top_search .search_bg:after{top:17px; left:195px; width:28px; height:29px; background: url("/site/www/images/main/search_icon03.png") no-repeat;}

.top_search{display: block; position: relative; padding-top: 88px; padding-bottom: 170px;}
.top_search .search_text{padding-left: 11px;}
.top_search .search_text p{font-family:"JalnanGothic"; font-size: 38px; letter-spacing: 0; line-height: 53px;}
.top_search .search_text p em{color: #e24098;}

.top_search .search_bar{margin-top:20px;}
.top_search .search_bar .search_form{height:auto; padding-left:0; padding-right:0;font-size: 0;line-height: 0;}
.top_search .search_bar .search_form:after{display:none;}
.top_search .search_bar .search_fieldset{position:relative; border:none; width:454px; padding:2px; border-radius: 50px; background-color:#fff; }
.top_search .search_bar .search_input{position:relative; width:100%; padding:7px 50px 10px 51px; border-radius: 50px; background-color:#fff; font-size:0; line-height:0;}
.top_search .search_bar .search_input:before{display: block; position: absolute; top: 0; left:24px; bottom: 0; width: 18px; height: 18px; margin: auto 0; background: url("/site/www/images/main/search_icon01.png") no-repeat;}
.top_search .search_bar .search_query{width:100%; height:48px; padding-left:5px; color:#808080; font-size:22px; line-height:48px; letter-spacing:0; font-weight:400; font-family:'Freesentation';}
.top_search .search_bar .search_query::placeholder{color:#808080; font-weight:400;}
.top_search .search_bar .search_query:-ms-input-placeholder{color:#808080; font-weight:400;}
.top_search .search_bar .search_label{font-size:0; line-height:0;}
.top_search .search_bar .search_label:before{display:none;}
.top_search .search_bar .search_submit{display:block; position:absolute; top:7px; right:-36px; width:80px; height:54px; margin:auto 0; border-radius:50px; background: linear-gradient(122deg, #6e41c9 0%,#3a49ca 100%); box-shadow:21px 34px 50px 0 rgba(31,40,99,0.14); font-family: 'ONEMobileTitle'; font-size:18px; color: #fff;}
.top_search .search_bar input::-ms-clear,
.top_search .search_bar input::-ms-reveal{display:none;width:0;height:0;}
.top_search .search_bar input::-webkit-search-decoration,
.top_search .search_bar input::-webkit-search-cancel-button,
.top_search .search_bar input::-webkit-search-results-button,
.top_search .search_bar input::-webkit-search-results-decoration{display:none;}

@media all and (min-width: 1001px) {
    .rowgroup1.animation{}
    .rowgroup1 .top_search .search_text p{transform: translateY(30px);  opacity: 0; transition-property: transform, opacity; transition-duration:1s; transition-timing-function: cubic-bezier(0.4, 0.2, 0.25, 1);}
    .rowgroup1.animation .top_search .search_text p{transform: translateY(0); opacity: 1;}
    .rowgroup1.animation .top_search .search_text p:nth-child(2){ transition-delay:0.5s;}

    .rowgroup1 .icon_bg{display:none; opacity: 0; transition-delay: 0.3s; transition-property: transform, opacity; transition-duration:1s; transition-timing-function: cubic-bezier(0.4, 0.2, 0.25, 1);}
    .rowgroup1.animation .icon_bg{ opacity: 1;}

    .rowgroup1 .icon_bg:before{opacity: 0; transition: opacity 0.25s ease-in-out; transition-delay: 1s;}
    .rowgroup1.animation .icon_bg:before{opacity:1; animation-name: plant; animation-duration:1.2s; animation-delay: 1s; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);animation-direction: alternate;}

    .rowgroup1 .icon_bg:after{transform:rotateY(0); opacity: 0; transition-property: transform, opacity; transition-duration:1s; transition-delay: 1.2s; transition-timing-function: cubic-bezier(0.4, 0.2, 0.25, 1);}
    .rowgroup1.animation .icon_bg:after{ transform:rotateY(360deg); opacity: 1;}

    @keyframes plant {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(8deg);
        }

        100% {
            transform: rotate(0deg);

        }
    }
}
@media all and (max-width: 1530px) {
    .rowgroup1 .icon_bg{width: 1300px;}
}
@media all and (max-width: 1300px) {
    .rowgroup1 .icon_bg{width: 100%; border-bottom-right-radius: 85px;}
}
@media all and (max-width: 1000px) {
    .rowgroup1 .icon_bg{background:none; overflow: hidden; }
    .rowgroup1 .icon_bg:before{display: block; position: absolute; bottom:-65px; right:30px; width: 300px; height: 217px; background: url("/site/www/images/main/icon_bg.png") no-repeat; background-size: contain;}
    .rowgroup1 .icon_bg:after{display: none;}

    .top_search{padding-bottom: 85px; padding-top: 5px;}
    .top_search .search_bg{transform: scale(0.8);}
    .top_search .search_text p{font-size: 28px; line-height: 42px; }

    .top_search .search_bar .search_fieldset{width: 390px;}
    .top_search .search_bar .search_query{height:40px; font-size: 20px; line-height: 40px;}
    .top_search .search_bar .search_submit{top: 0; bottom: 0; margin: auto 0; width: 75px; height: 48px;}
}

@media all and (max-width: 800px) {
    .rowgroup1 .icon_bg:before{left: calc(100% - 286px); right: auto;}
    .top_search .search_bar .search_fieldset{width: 320px;}
}
@media all and (max-width: 640px) {
    .rowgroup1:before{border-radius: 0 0 50px 50px; }
    .rowgroup1 .icon_bg{border-bottom-right-radius: 50px;}
    .rowgroup1 .icon_bg:before{bottom:-55px; left:calc(100% - 210px); width: 200px; height: 145px;}

    .top_search{padding-top: 21px; padding-bottom: 59px;}
    .top_search .search_text{padding-left: 0;}
    .top_search .search_text p{font-size: 22px; line-height: 28px;}

    #header{height: 55px;}
    .top_search .search_bar{margin-top: 11px;}
    .top_search .search_bar .search_input{padding: 3px 26px 3px 26px;}
    .top_search .search_bar .search_input:before{left:13px; width:10px; height:10px; background-size: contain;}
    .top_search .search_bar .search_fieldset{width: 240px;}
    .top_search .search_bar .search_query{height: 30px; font-size: 16px; line-height: 30px;}
    .top_search .search_bar .search_submit{right:-20px; width:55px; height:40px; font-size: 16px; line-height: 32px;}
}
@media all and (max-width: 480px) {
    .rowgroup1 .icon_bg:before{left:calc(100% - 149px); bottom: -23px; width: 149px; height: 108px; }
    .top_search .search_text p{font-size: 16px; line-height: 22px;}

    .top_search .search_bar .search_fieldset{width: 180px;}
    .top_search .search_bar .search_query{font-size: 14px;}
    .top_search .search_bar .search_submit{width:47px; height:32px; font-size: 13px;}

}

/* 분류,기관별로 찾기 */
.rowgroup2{position:relative; padding-bottom:40px; font-size: 0; line-height: 0;}
.rowgroup2:before{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; box-shadow:0 30px 60px 0 rgba(31,40,99,0.04); border-radius: 0 0 90px 90px; }
.main_search{position:relative; padding-top: 59px;}
.main_search .search_list{position:absolute; top:-58px; left: calc(50% - 122px); text-align: center;}
.main_search .search_item{display:inline-block; position: relative; z-index: 0; height: 58px; background-color:#4e5166; font-family: 'JalnanGothic'; font-size: 18px; line-height: 58px; color:rgba(255, 255, 255, 0.8); vertical-align: top;}
.main_search .search_item.active{z-index:1; background-color:#fff; color: #1f1f1f; font-size: 20px;}
.main_search .search_item + .search_item{margin-left: 60px;}
.main_search .search_item .tab_button{position:relative; padding: 0 35px 0 0;}
.main_search .search_item.active .tab_button{padding-right: 0;}
.main_search .search_item .tab_button:after,
.main_search .search_item .tab_button:before{display: block; position: absolute; z-index: 0; top: 0; left: -80px; width: 84px; height: 58px; background: url("/site/www/images/main/grey_bg_left.png") no-repeat;}
.main_search .search_item.active .tab_button:before{background: url("/site/www/images/main/white_bg_left.png") no-repeat;}
.main_search .search_item .tab_button:after{left: auto; right: -81px; background: url("/site/www/images/main/grey_bg_right.png") no-repeat;}
.main_search .search_item.active .tab_button:after{z-index:-1; right:-80px; background: url("/site/www/images/main/white_bg_right.png") no-repeat;}
.main_search .search_item.active .tab_button span{top:4px;}
.main_search .search_item:first-child.active .tab_button:after{right: -84px;}
.main_search .search_item:last-child{margin-left: 22px;}
.main_search .search_item:last-child .tab_button{padding-left:37px; padding-right: 3px;}
.main_search .search_item:last-child .tab_button:after{right: -84px;}
.main_search .search_item:last-child.active .tab_button:before{left: -78px;}
.main_search .search_item:last-child.active .tab_button{padding-left:0;}
.main_search .search_item:last-child.active .tab_button:after{right: -78px;}
.main_search .search_item .tab_button span{position: relative;}

.main_search .search_cont{}
.main_search .search_panel{display: none;}
.main_search .search_panel.active{display: block;}

.search_panel{}
.search_panel .search_panel_h3{display:block; position:relative; margin-left:10px; margin-bottom: 16px; font-family: 'JalnanGothic'; font-size: 19px; line-height: 20px; letter-spacing: 0; color: #1f1f1f;}
.search_panel .search_panel_h3 span{margin-left:3px; font-family: 'Freesentation'; font-size: 16px; color: #808080; font-weight: 500;}
.search_panel .search_bg{display: block; position: relative; margin-top: 21px; padding:23px 40px 28px 20px; border-radius: 30px 30px 100px 30px; background-color: #f4f7ff;}
.category_box,
.institution_box{display: inline-block; position:relative; width: calc(100% - 650px); margin-right: 30px; vertical-align: top;}

.category_box{}
.category_box .category_wrap{position: relative;}
.category_box .category_wrap:before{display: block; position: absolute; bottom:0; left: 0; width: 100%; height:calc(100% - 5px); border-radius: 20px 20px 100px 20px; background-color: #f4f7ff;}
.choose_box{display: inline-block; position: relative; width: 390px; height:489px; margin-top: 5px; box-shadow:5px 8px 50px 0 rgba(31,40,99,0.05);  border-radius:20px 20px 30px 20px; border: 1px solid #c0c3d0; background-color: #fafbff; vertical-align: top;}
.choose_box .choose_item{display: block; position: relative; padding:0 18px 0 30px; border-top: 1px solid rgba(212, 212, 212, 0.5);}
.choose_box .choose_item.has_box.active{margin-bottom:3px; padding-bottom: 27px; border-top:none;}
.choose_box .choose_item.active + .choose_item,
.choose_box .choose_item:first-child{border-top: none;}
.choose_box .choose_item:before{display: block; position: absolute; opacity: 0; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background: linear-gradient(to bottom, #6690e0 0%,#6276db 100%); box-shadow:22px 20px 40px 0 rgba(31,40,99,0.14);}
.choose_box .choose_item:last-child:before{border-radius:0 0 35px 20px;}
.choose_box .choose_item.has_box:before{border-radius: 20px 20px 40px 20px;}
.choose_box .choose_item.active:before{opacity: 1;}
.choose_box .choose_item.has_box.active:after{display:block; position:absolute; bottom:0; left:0; width:100%; height:60px; border-radius: 0 0 35px 20px; background:linear-gradient(180deg, transparent 0%, #6276db  60%);}
.choose_box .choose_item.has_box.end:after{display: none;}

.choose_box .choose_item .choose_title{display: block; position: relative;}
.choose_box .choose_item .choose_title:before{display: block; position: absolute; top:-8px; bottom: 0; right:14px;  width:14px; height:14px; margin: auto 0; background-image:url('/site/www/images/main/result_sprite.png'); background-repeat:no-repeat; background-position:left -265px;}
.choose_box .choose_item.active .choose_title:before{background-position: left -316px;}
.choose_box .choose_item.has_box .choose_title:before{top:4px; right:11px; background-position: left -247px;}
.choose_box .choose_item.has_box.active .choose_title:before{background-position: left -229px;}

.choose_box .choose_item .choose_btn{display:block; position:relative; width: 100%; padding:28px 0 29px; font-size: 21px; line-height: 22px; font-weight: 500; color: #1f1f1f; text-align: left; transition: padding-top, padding-bottom 0.2s ease-in-out;}
.choose_box .choose_list.short .choose_item .choose_btn{padding:15px 0 14px; }
.choose_box .choose_item.active .choose_btn{font-weight: 800; color: #fff;}
.choose_box .choose_item.has_box.active .choose_btn{padding: 31px 20px 22px 41px;}
.choose_box .choose_item.has_box .choose_btn:before{display: none; position: absolute; top: 24px; left: -10px; width: 37px; height: 34px; border-radius: 50%; background:#3446ba url('/site/www/images/main/result_sprite.png') no-repeat 9px -138px;}
.choose_box .choose_item.has_box:nth-child(2) .choose_btn:before{background-position: 11px -164px;}
.choose_box .choose_item.has_box:nth-child(3) .choose_btn:before{background:#3446ba url('/site/www/images/main/add_icon02.png') no-repeat 10px 11px;}
.choose_box .choose_item.has_box:nth-child(4) .choose_btn:before{background:#3446ba url('/site/www/images/main/add_icon01.png') no-repeat center;}
.choose_box .choose_item.has_box.active .choose_btn:before{display: block;}
.choose_box .choose_item .choose_btn span{position:relative; top:-2px; margin-left:11px; font-family: 'poppins'; font-size: 14px; line-height: 22px; color: #808080; font-weight: 400;}
.choose_box .choose_item.active .choose_btn span{color: #fff;}

.choose_box .choose_item .choose_wrap{display: none;}
.choose_box .choose_item.active .choose_wrap{display: block; position: relative;}
.choose_box .choose_wrap .check_list{display: block; position: relative; height: auto;}
.choose_box .choose_wrap{overflow-y: auto; overflow-x: hidden; height: 108px; padding-right: 5px;}
.choose_box .choose_wrap::-webkit-scrollbar{width: 3px;}
.choose_box .choose_wrap::-webkit-scrollbar-thumb{background: #fff;}
.choose_box .choose_wrap::-webkit-scrollbar-track{background-color: rgba(255,255,255,0.2);}
/*.choose_box .choose_wrap {scrollbar-width: thin; scrollbar-color:#fff rgba(255,255,255,0.2);}*/


.choose_box .choose_wrap .check_item{display: inline-block; position: relative; min-width: 33.3%; margin-bottom: 9px; padding-right: 20px;}
.choose_box .choose_wrap .check_item input{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.choose_box .choose_wrap .check_item label{display:block; border-radius:9px; box-sizing:border-box;}
.choose_box .choose_wrap .check_item input:focus-visible+label{outline:2px solid #000;}

.choose_box .choose_wrap .check_item label span{position:relative; padding-left: 27px; font-size: 18px; line-height:20px; color: #fff;}
.choose_box .choose_wrap .check_item label span:before{display: block; position: absolute; top: 0; left: 0; width:20px; height: 20px; border-radius:5px; border: 1px solid #fff; box-sizing: border-box;}
.choose_box .choose_wrap .check_item input:checked + label span:before{border:none; background:url('/site/www/images/main/result_sprite.png') no-repeat left -199px;}
.choose_box .choose_wrap .check_item label span em{margin-left:6px; font-family: 'poppins'; font-size: 14px;}

.map_box{display: inline-block; position: relative; width: 490px; height: 100%;}
.map_box .map_tab_list{display: block; position: absolute; top:25px; right:20px; z-index: 2; width:150px; height: 40px; border-radius: 50px; border: 1px solid #e9e9e9; background-color: #fff;}
.map_box .map_tab_item{display:inline-block; position:relative; width: 50%; font-size: 17px; line-height: 20px; font-weight: 500; color: #3b3b3b; text-align: center;}
.map_box .map_tab_item.active{color: #fff;}
.map_box .map_tab_item.active:before{display: block; position: absolute; top:-1px; left:-1px; width: calc(100% + 4px); height: 100%; border-radius: 50px; background-color: #3f8ded;}
.map_box .map_tab_item .map_tab_button{display:block; position:relative; width: 100%; height: 100%; padding: 9px 0 11px;}
.map_box .map_tab_item:first-child .map_tab_button{padding-left: 6px;}
.map_box .map_tab_item:last-child .map_tab_button{padding-left: 3px;}

.map_box .map_cont .map_panel{display: none; position: relative;}
.map_box .map_cont .map_panel.active{display: block;}

.map_box .find_map{display:inline-block; position:relative; top: 42px; left:30px;}
.map_box .find_map .map_img{width:100%; height:100%; background:url('/site/www/images/main/map1_sprite.png') no-repeat left -4240px;}
.map_box .find_map .map_img:before{display:block; opacity:0; visibility:hidden; position:absolute; top:0; left:0; right:0; bottom:0; background-image:url('/site/www/images/main/map1_sprite.png'); background-repeat:no-repeat;}

.map_box .find_map.h_show[class*=show] .map_img:before{opacity:1; visibility:inherit;}
.map_box .find_map .map_img img{opacity:0; position:relative; z-index:1; width:100%; height:100%;}

.find_map.show0 .map_img:before{background-position:left top;}
.find_map.show1 .map_img:before{background-position:left -424px;}
.find_map.show2 .map_img:before{background-position:left -848px;}
.find_map.show3 .map_img:before{background-position:left -1272px;}
.find_map.show4 .map_img:before{background-position:left -1696px;}
.find_map.show5 .map_img:before{background-position:left -2120px;}
.find_map.show6 .map_img:before{background-position:left -2544px;}
.find_map.show7 .map_img:before{background-position:left -2968px;}
.find_map.show8 .map_img:before{background-position:left -3392px;}
.find_map.show9 .map_img:before{background-position:left -3816px;}


.map_box .find_map .map_btn{position:absolute; z-index:1; width:0; height:0;}
.map_box .find_map .map_btn.active{z-index: 2;}
.map_box .find_map .map_btn button{position:absolute; width:72px; padding-top: 30px; font-size:19px; text-align:center; line-height:24px; color: #4d4d4d;}
.map_box .find_map .map_btn.active button{left:50%; transform:translateX(-22%); width:127px; padding-top: 0; border: 2px solid #6276db; border-radius: 50px; background-color: #fff; box-shadow:9px 11px 30px 0 rgba(31,40,99,0.26); font-weight: 700; color: #4253c3;}
.map_box .find_map .map_btn.active button:before{display: block; position: absolute; bottom: -7px; left: 0; right: 0; width:19px; height:9px; margin: 0 auto; background: url("/site/www/images/main/num_bg02.png") no-repeat;}
.map_box .find_map .map_btn .map_num{display: inline-block; position: absolute; top: 0; left: 0; right: 0; width: 52px; height: 26px; margin: 0 auto; border-radius: 50px; background-color: #6276db; font-family: 'poppins'; font-weight: 600; font-size: 17px; line-height: 29px; color: #fff; text-align: center;}
.map_box .find_map .map_btn .map_num:before{display: block; position: absolute; bottom: -4px; left: 0; right: 0; width: 7px; height:4px; margin: 0 auto; background: url("/site/www/images/main/num_bg01.png") no-repeat;}
.map_box .find_map .map_btn.active .map_num:before{display: none;}
.map_box .find_map .map_btn.active .map_num{position: relative; width:auto; height:auto; background-color: inherit; font-family: 'Freesentation'; font-size: 18px; font-weight: 700; color: #e24098}
.map_box .find_map .map_btn .over_t{display: none;}
.map_box .find_map .map_btn.active .over_t{display: inline-block;}


.map_box .find_map .map_btn.n01{top:13.5%; left:27%;} /* 호저면 */
.map_box .find_map .map_btn.n02{top:30.5%; left:8.5%;} /* 지정면 */
.map_box .find_map .map_btn.n03{top:22.5%; left:48.5%;} /* 소초면 */
.map_box .find_map .map_btn.n04{top:38%; left:38%;} /* 시중심부 */
.map_box .find_map .map_btn.n05{top:52.5%; left:7.5%;} /* 문막읍 */
.map_box .find_map .map_btn.n06{top:54%; left:23.5%;} /* 흥업면 */
.map_box .find_map .map_btn.n07{top:55%; left:45.5%;} /* 판부면 */
.map_box .find_map .map_btn.n08{top:61%; left:64%;} /* 신림면 */
.map_box .find_map .map_btn.n09{top:75.5%; left:1.5%;} /* 부론면 */
.map_box .find_map .map_btn.n10{top:79%; left:21%;} /* 귀래면 */

/* 동지역 지도 */
.map_box .n2 .find_map{top: 52px; left: 31px;}
.map_box .n2 .find_map .map_img{background:url('/site/www/images/main/map2_sprite.png') no-repeat left -6880px;}
.map_box .n2 .find_map .map_img:before{background-image:url('/site/www/images/main/map2_sprite.png');}
.map_panel.n2 .find_map.show0 .map_img:before {background-position:left top;}
.map_panel.n2 .find_map.show1 .map_img:before {background-position:left -430px;}
.map_panel.n2 .find_map.show2 .map_img:before {background-position:left -860px;}
.map_panel.n2 .find_map.show3 .map_img:before {background-position:left -1290px;}
.map_panel.n2 .find_map.show4 .map_img:before {background-position:left -1720px;}
.map_panel.n2 .find_map.show5 .map_img:before {background-position:left -2150px;}
.map_panel.n2 .find_map.show6 .map_img:before {background-position:left -2580px;}
.map_panel.n2 .find_map.show7 .map_img:before {background-position:left -3010px;}
.map_panel.n2 .find_map.show8 .map_img:before {background-position:left -3440px;}
.map_panel.n2 .find_map.show9 .map_img:before {background-position:left -3870px;}
.map_panel.n2 .find_map.show10 .map_img:before {background-position:left -4300px;}
.map_panel.n2 .find_map.show11 .map_img:before {background-position:left -4730px;}
.map_panel.n2 .find_map.show12 .map_img:before {background-position:left -5160px;}
.map_panel.n2 .find_map.show13 .map_img:before {background-position:left -5590px;}
.map_panel.n2 .find_map.show14 .map_img:before {background-position:left -6020px;}
.map_panel.n2 .find_map.show15 .map_img:before {background-position:left -6450px;}


.map_box .n2 .find_map .map_btn.n05.active button{top:-28px; transform: translateX(-30%);}
.map_box .n2 .find_map .map_btn.n13.active button{transform: translateX(-32%);}
.map_box .n2 .find_map .map_btn.n14.active button{top:32px; transform: translateX(-27%);}

.map_box .n2 .find_map .map_btn.small button{width:auto; padding-top: 0;}
.map_box .n2 .find_map .map_btn.small.active button{top:-43px; left: 240px; width:auto; min-width: 105px; border-radius: 15px;}
.map_box .n2 .find_map .map_btn.n06.small.active button{top:-64px; left: 259px;}
.map_box .n2 .find_map .map_btn.n07.small.active button{top:-90px; left: 250px;}
.map_box .n2 .find_map .map_btn.n08.small.active button{top:-102px; left: 234px;}
.map_box .n2 .find_map .map_btn.n09.small.active button{top:-127px; left: 238px;}
.map_box .n2 .find_map .map_btn.n10.small.active button{top:-151px; left: 252px;}
.map_box .n2 .find_map .map_btn.n11.small.active button{top:-119px; left: 206px;}
.map_box .n2 .find_map .map_btn.small.active button:before{left: -12px; right: auto; bottom: 16px; transform: rotate(90deg); z-index: -1;}
.map_box .n2 .find_map .map_btn.small .dong{display:block; font-size: 0;}
.map_box .n2 .find_map .map_btn.small .dong .circle_num{font-size:17px; }
.map_box .n2 .find_map .map_btn.small.active .dong{position:relative; left:-1px; width:calc(100% + 2px); background-color:#6276db; border-radius:10px 10px 0 0; font-size: 19px; color: #fff;}
.map_box .n2 .find_map .map_btn.small.active .dong .circle_num{display: none;}
.map_box .n2 .find_map .map_btn.small .map_num{display: none;}
.map_box .n2 .find_map .map_btn.small.active .map_num{display: inline-block;}


.map_box .n2 .find_map .map_btn.n01{top:8.5%; left:25%;} /* 태장2동 */
.map_box .n2 .find_map .map_btn.n02{top:17.5%; left:13%;} /* 우산동 */
.map_box .n2 .find_map .map_btn.n03{top:30.5%; left:34.5%;} /* 태장1동 */
.map_box .n2 .find_map .map_btn.n04{top:37%; left:29.5%;} /* 중앙동 */
.map_box .n2 .find_map .map_btn.n05{top:40.5%; left:7.5%;} /* 단계동 */
.map_box .n2 .find_map .map_btn.n06{top:42%; left:25%;} /* 학성동 */
.map_box .n2 .find_map .map_btn.n07{top:48%; left:27%;} /* 일산동 */
.map_box .n2 .find_map .map_btn.n08{top:51%; left:31%;} /* 원인동 */
.map_box .n2 .find_map .map_btn.n09{top:57%; left:30%;} /* 명륜1동 */
.map_box .n2 .find_map .map_btn.n10{top:62.5%; left:26.5%;} /* 명륜2동 */
.map_box .n2 .find_map .map_btn.n11{top:55%; left:37.5%;} /* 개운동 */
.map_box .n2 .find_map .map_btn.n12{top:36%; left:48%;} /* 봉산동 */
.map_box .n2 .find_map .map_btn.n13{top:60%; left:5%;} /* 무실동 */
.map_box .n2 .find_map .map_btn.n14{top:62%; left:29%;} /* 단구동 */
.map_box .n2 .find_map .map_btn.n15{top:72%; left:53%;} /* 반곡관설동 */
.map_box .n2 .find_map .map_btn.n16{top:48.5%; left:68%;} /* 행구동 */

.map_box .small_btn_info{display: inline-block; position: absolute; top: 72px; right:121px; z-index: 3; width: 107px;}
.map_box .small_btn_info .small_btn_item{display: inline-block; position:relative; margin-bottom: 2px; font-size: 17px; line-height: 24px; color: #3b3b3b;}
.map_box .small_btn_info .small_btn_item:nth-child(n + 5){position:absolute; top:0; right:-104px;}
.map_box .small_btn_info .small_btn_item:nth-child(6){top: 27px;}
.map_box .small_btn_info .small_btn_item:last-child{top: 54px;}
.map_box .small_btn_info .small_btn_item:last-child .dong{width:68.39px; text-align: left;}
.map_box .small_btn_info .small_btn_item .circle_num{font-size: 18px; vertical-align: top;}
.map_box .small_btn_info .small_btn_item .map_num{width: 36px; height: 24px; border-radius: 50px; background-color: #6276db; font-family: 'poppins'; font-size: 15px; line-height:26px; font-weight: 500; color: #fff; text-align: center; vertical-align: top;}
.map_box .small_btn_info .small_btn_item .over_t{display: none;}


.institution_box{}
.institution_box .institution_title{display: inline-block; position: relative; margin-left: 9px; font-family: 'JalnanGothic'; font-size: 16px; line-height: 16px; letter-spacing: 0; color: #4d4d4d;}
.institution_box .institution_tab{display:none; position: absolute; top: 18px; right: 17px;}
.institution_box .institution_tab .institution_tab_item{display: inline-block; position: relative; padding-right: 11px;}
.institution_box .institution_tab_item + .institution_tab_item{padding-left: 14px;}
.institution_box .institution_tab_item + .institution_tab_item:before{display: block; position: absolute; top:4px; left: 0; width: 1px; height: 13px; background-color: #d4d4d4;}

.institution_box .institution_tab .institution_tab_item .institution_button{position:relative; padding-left:22px; font-size: 17px; line-height: 20px; font-weight: 500; color:#808080;}
.institution_box .institution_tab .institution_tab_item.active .institution_button{color:#1f1f1f;}
.institution_box .institution_button:before{display: block; position: absolute; top: 0; left: 0; width:16px; height:17px; background-image:url('/site/www/images/main/result_sprite.png'); background-repeat: no-repeat;}
.institution_box .institution_tab_item:nth-child(1) .institution_button:before{top:1px; left:-3px; background-position: left -289px;}
.institution_box .institution_tab_item:nth-child(1).active .institution_button:before{background-position: left -121px;}
.institution_box .institution_tab_item:nth-child(2) .institution_button:before{top:3px; width:14px; height:14px; background-position: left -24px;}
.institution_box .institution_tab_item:nth-child(2).active .institution_button:before{background-position: left top;}

.institution_box .institution_panel{min-height:330px; margin-top: 12px;}
.institution_box .institution_list{height:330px; overflow-y:auto;}
/*
.institution_box .institution_list::-webkit-scrollbar{width:5px;}
.institution_box .institution_list::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.25); border-radius:5px;}
.institution_box .institution_list::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.1); border-radius:5px;}*/
.institution_box .institution_item{display: inline-block; position: relative;  width: calc((100% - 20px) / 3); margin-right: 10px; margin-bottom: 10px; vertical-align: top;}
.institution_box .institution_item:nth-child(3n){margin-right: 0;}
.institution_box .classification input,
.institution_box .institution_item input{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.institution_box .institution_item label{display:block; position: relative; height: 56px; border: 1px solid #e5e5e5; border-radius:10px; box-sizing:border-box; background-color: #fafbff; box-shadow:5px 8px 50px 0 rgba(31,40,99,0.05);}
.institution_box .institution_item input:focus-visible+label{outline:2px solid #000;}
.institution_box .institution_item label span{display:block; position: relative; padding-left:12px; font-size: 19px; line-height: 54px; color: #1f1f1f; font-weight: 700;}
.institution_box .institution_item label span em{vertical-align: top;}
.institution_box .institution_item label span .ins_tit{max-width: calc(50% + 45px); overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1; white-space: nowrap;}
.institution_box .institution_item label span .ins_num{margin-left:8px; font-family: 'poppins'; font-size: 16px; letter-spacing: 0; color: #808080; font-weight: 400; vertical-align: top;}
.institution_box .institution_item .bookmark{display: inline-block; position: absolute; top:0; bottom:0; right:19px; width:30px; height:30px; margin: auto 0; border: 1px solid #e9e9e9; border-radius:8px; background-color: #fff; box-sizing: border-box;}
.institution_box .institution_item .bookmark:before{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width:14px; height:15px; margin: auto; background:url('/site/www/images/main/result_sprite.png') no-repeat left -48px;}
.institution_box .institution_item[data-type="favorite"] .bookmark:before{background-position: left -73px;}

.institution_box .institution_item input:checked + label{border:none; background: linear-gradient(122deg, #6276db 0%,#6690e0 100%); box-shadow:21px 34px 50px 0 rgba(31,40,99,0.14);}
.institution_box .institution_item input:checked + label span em,
.institution_box .institution_item input:checked + label span{color: #fff;}
.institution_box .institution_item input:checked + label .bookmark{border: none; background-color: inherit;}
.institution_box .institution_item input:checked + label .bookmark:before{background-position: left -97px;}

.institution_box .institution_wrap.type1{padding-top: 20px;}
.institution_box .institution_wrap.type2{padding-bottom:19px;  border-bottom: 1px solid #e2e3e7;}
.institution_box .institution_wrap.type2 .institution_title{margin-top: 20px;}
.institution_box .classification{}
.institution_box .classification{display: inline-block; position: relative; margin-left: 20px; vertical-align: top;}
.institution_box .classification li{display: inline-block; position: relative; width: 110px; margin-left: 6px; text-align: center; vertical-align: top;}
.institution_box .classification .classification_label{display:block; border:1px solid #e5e5e5; border-radius: 50px; background: #fafbff; box-sizing: border-box;}
.institution_box .classification .classification_label span{font-size: 19px; line-height: 50px; font-weight: 500; color: #1f1f1f;}
.institution_box .classification input:focus-visible+label{outline:2px solid #000;}
.institution_box .classification input:checked + label{border:none; background: linear-gradient(122deg, #6276db 0%,#6690e0 100%); box-shadow:21px 34px 50px 0 rgba(31,40,99,0.14);}
.institution_box .classification input:checked + label span{color: #fff;}

.institution_box .classification_goto{margin-bottom: 10px;}
.institution_box .classification_goto_title{display: inline-block; position: relative; margin-left: 9px; margin-top: 20px; margin-right: 20px; font-family: 'JalnanGothic'; font-size: 16px; line-height: 16px; letter-spacing: 0; color: #4d4d4d;}
.institution_box .classification_goto .classification_label{display: inline-block; position: relative; width: 110px; margin-left: 6px; border:1px solid #e5e5e5; border-radius: 50px; background: #fafbff; box-sizing: border-box; text-align: center; vertical-align: top;}
.institution_box .classification_goto .classification_label span{font-size: 19px; line-height: 50px; font-weight: 500; color: #1f1f1f;}

.result_box{display: inline-block; position: relative; width: 620px;}
.result_box .result_tab{position: absolute; top:-4px; left:calc(50% + 69px);}
.result_box .result_tab_item{display: inline-block; position: relative; padding-right: 11px;}
.result_box .result_tab_item + .result_tab_item{padding-left: 10px;}
.result_box .result_tab_item + .result_tab_item:before{display: block; position: absolute; top:3px; left: 0; width: 1px; height: 13px; background-color: #d4d4d4;}
.result_box .result_tab_item .result_button{display: inline-block; position: relative; padding-left: 25px; font-size: 17px; line-height: 20px; letter-spacing: 0; font-weight: 500; color: #808080;}
.result_box .result_tab_item.active .result_button{color: #1f1f1f;}
.result_box .result_tab_item .result_button:before{display: block; position: absolute; top: 3px; left: 0; width:14px; height:14px; background:url('/site/www/images/main/result_sprite.png') no-repeat left -24px;}
.result_box .result_tab_item.active .result_button:before{background-position: left top;}
.result_box .ajax_tab_item{display: inline-block; position: relative; padding-right: 11px;}
.result_box .ajax_tab_item + .ajax_tab_item{padding-left: 10px;}
.result_box .ajax_tab_item + .ajax_tab_item:before{display: block; position: absolute; top:3px; left: 0; width: 1px; height: 13px; background-color: #d4d4d4;}
.result_box .ajax_tab_item .result_button{display: inline-block; position: relative; padding-left: 25px; font-size: 17px; line-height: 20px; letter-spacing: 0; font-weight: 500; color: #808080;}
.result_box .ajax_tab_item.active .result_button{color: #1f1f1f;}
.result_box .ajax_tab_item .result_button:before{display: block; position: absolute; top: 3px; left: 0; width:14px; height:14px; background:url('/site/www/images/main/result_sprite.png') no-repeat left -24px;}
.result_box .ajax_tab_item.active .result_button:before{background-position: left top;}

.result_box .result_item{display: block; position: relative; height: 93px; margin-top: 5px; margin-right: 3px; border: 1px solid #cccccc; border-radius: 10px; transition: border-color 0.25s ease-in-out;}
.result_box .result_item.hide{display:none !important;}
.result_box .result_item:hover{border-color: #5178f8;}
.result_box .result_item .result_anchor{display: block; position: relative; padding:14px 265px 18px 19px;}
.result_box .result_item .result_location{margin-bottom:8px; padding:0 8px; border: 1px solid #5178f8; border-radius: 5px; font-size: 15px; line-height: 23px; letter-spacing: 0.045em; color: #5178f8;}
.result_box .result_item .result_subject{display:-webkit-box; overflow:hidden; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:1; font-size: 22px; line-height: 25px; color: #1f1f1f; font-weight: 600;}
.result_box .result_item .bookmark{display: none; position: absolute; top:24px; right:105px; width:30px; height:30px; margin: auto 0; border: 1px solid #e9e9e9; border-radius:8px; background-color: #fff; box-sizing: border-box;}
.result_box .result_item .bookmark:before{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width:14px; height:15px; margin: auto; background:url('/site/www/images/main/result_sprite.png') no-repeat left -48px;}
.result_box .result_item .bookmark.favorite:before{background-position: left -73px;}

.result_box .result_item .result_bottom{margin-top: 9px;}
.result_box .result_item .result_bottom span{font-family:'poppins'; font-size: 16px; line-height: 18px; color: #808080; vertical-align: top;}
.result_box .result_item .result_bottom span.acceptance{position: absolute; top: 53px; right: 75px;}
.result_box .result_item .result_bottom span.application{position:absolute; top:24px; right: 74px; margin-left:0; font-family:'Freesentation'; font-size: 17px;}
.result_box .result_item .result_bottom span + span{margin-left: 10px;}
.result_box .result_item .result_bottom span em{margin-right:8px; font-family:'Freesentation'; font-size: 17px; color: #4c4c4c;}
.result_box .result_item .result_bottom span em.applicant{margin-right:0; color: #5367e4; font-size: 16px;}
.result_box .result_item .result_bottom span.application em{margin-right:0; font-size: 16px;}
.result_box .result_item[data-type="type2"] .result_bottom span em.applicant{color: #08a68e;}

.result_box .result_item .application_apply{}
.result_box .result_item .application_apply .apply_item{position: relative; color: #232428;}
.result_box .result_item .application_apply .apply_item:before{display: block; position: absolute; bottom: 0; right:-4px; content: ',';}
.result_box .result_item .application_apply .apply_item:last-child:before{display: none;}



.result_box .result_item .result_type{display:flex; align-items:center; justify-content:center; position: absolute; top:18px; right: 11px; width:56px; height: 56px; padding:4px; border-radius: 50%; box-sizing:border-box; font-size: 16px; line-height:20px; color: #fff; font-weight: 700; text-align: center; white-space:normal; word-break: keep-all; overflow-wrap:anywhere;}
.result_box .result_item[data-type="type1"] .result_type{background-color: #ee2e5b;}
.result_box .result_item[data-type="type2"] .result_type{background-color: #08a68e;}
.result_box .result_item[data-type="type3"] .result_type{background-color: #8a90ad;}
.result_box .result_item[data-type="type4"] .result_type{background-color: #ee2e5b; padding:4px; line-height: 19px; white-space: normal;}

.result_control{position:relative; margin-top: 14px; text-align: center;}
.result_control button{display:inline-block; position:relative; width:36px; height:36px; background-color: #f2f3fa; box-shadow:5px 8px 50px 0 rgba(31,40,99,0.05); border-radius:20px; font-size:0;}
.result_control button:before{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 9px; height: 13px; margin: auto; background-image:url('/site/www/images/main/shortcut_sprite.png'); background-repeat:no-repeat;}
.result_control button.result_prev:before{background-position:left -463px;}
.result_control button.result_next:before{background-position:left -486px;}
.result_control .result_count{display: inline-block; position: relative; margin: 0 37px; color:#636363; font-size:16px; font-family:'poppins'; text-align:center; line-height:22px; font-weight: 500; vertical-align:top;}
.result_control .result_count span{min-width:10px; line-height:38px;}
.result_control .result_count .popup_current{color: #1f1f1f;}
.result_box .result_more{position:absolute; top:-3px; right: 9px; width: auto; height: auto;}
.result_box .result_more .result_more_anchor{position:relative; padding-right:28px; font-size: 17px; line-height: 20px; font-weight: 500; color: #808080;}
.result_box .result_more .result_more_anchor:before{display:inline-block; position:absolute; right:0; top:0; width:20px; height:20px; background:url('/site/www/images/main/arrow_sprite.png') left -47px no-repeat;}


@media all and (max-width: 1530px) {
    .category_box,
    .institution_box{width: calc(100% - 480px);}
    /* 분류/지역 선택*/
    .choose_box{width: 320px;}

    /* 기관/분류 선택*/
    .institution_box .classification{margin-left: 0;}

    /* 프로그램 목록*/
    .result_box{width: 450px;}
    .result_box .result_tab{left: calc(50% + 3px); top:-3px;}
    .result_box .result_item .result_anchor{padding-top: 9px; padding-right: 80px;}
    .result_box .result_item .result_location{margin-bottom: 5px;}
    .result_box .result_item .result_bottom{margin-top: 5px;}
    .result_box .result_item .result_bottom span + span{margin-left: 0;}
    .result_box .result_item .result_subject{width: calc(100% - 50px); font-size: 20px; line-height: 20px;}
    .result_box .result_item .bookmark{top: 15px;}

}
@media (min-width: 1301px) and (max-width: 1530px) {
    .result_box .result_item .result_bottom span.acceptance{display: inline-block; position: relative; top: auto; right: auto;}
    .result_box .result_item .result_bottom span.application{ position: relative; top: auto; right: auto; margin-left: 10px;}
    .institution_box .institution_wrap.type2 .institution_title{margin-top: 0; margin-bottom: 15px;}
}
@media all and (max-width: 1300px) {
    .main_search .search_item:first-child.active .tab_button:after{right: -78px;}
    .main_search .search_item:last-child.active .tab_button:before{left: -78px;}
    .main_search .search_item:last-child.active .tab_button{padding-left: 8px;}

    .category_box,
    .institution_box{display: block; width: 100%; margin-right: 0;}

    /* 분류/지역 선택*/
    .choose_box{width: 390px;}

    /* 지도 */
    .map_box{width: calc(100% - 390px);}
    .map_box .n2 .find_map,
    .map_box .find_map{top: 55px; left: 50%; transform: translateX(-50%);}

    .map_box .n2 .find_map .map_btn.n04.small.active button{top:-43px; left: 290px;}
    .map_box .n2 .find_map .map_btn.n06.small.active button{top:-64px; left: 309px;}
    .map_box .n2 .find_map .map_btn.n07.small.active button{top:-90px; left: 300px;}
    .map_box .n2 .find_map .map_btn.n08.small.active button{top:-102px; left: 284px;}
    .map_box .n2 .find_map .map_btn.n09.small.active button{top:-127px; left: 288px;}
    .map_box .n2 .find_map .map_btn.n10.small.active button{top:-151px; left: 302px;}
    .map_box .n2 .find_map .map_btn.n11.small.active button{top:-119px; left: 256px;}

    /* 기관/분류 선택*/
    .institution_box .institution_wrap.type2 .institution_title{margin-right: 10px;}
    .institution_box .institution_list{height: auto; max-height: 330px;}
    .institution_box .institution_panel{min-height: auto;}

    /* 프로그램 목록*/
    .result_box{display:block; width: 100%; margin-top: 50px;}
    .result_box .result_tab{left: auto; right: 85px;}
    .result_box .result_item .result_anchor{padding-top: 14px; padding-right: 300px;}
    .result_box .result_item .result_location{margin-bottom: 13px;}
    .result_box .result_item .result_subject{width: 100%;}
    .result_box .result_item .result_bottom span + span{margin-left: 23px;}
    .result_box .result_item .result_bottom span.acceptance{display: inline-block; right: 85px;}
    .result_box .result_item .result_bottom span.application{right: 85px;}
    .result_box .result_item .bookmark{top: 24px;}
}

@media all and (min-width:1001px){
    .main_search .search_list{left: calc(5% + 70px);}

    .result_box .result_more .result_more_anchor:before{transition:transform 0s ease-in-out;}
    .result_box .result_more:hover .result_more_anchor:before{transform:rotate(180deg);transition-duration:.25s;}
}
@media (min-width:1001px) and (max-width:1530px){
    .main_search .search_list{left: calc(5% + 100px);}
}
@media all and (max-width: 1000px) {
    .main_search .search_list{right: auto; left:calc(50% - 195px); margin: 0 auto;}

    /* 분류/지역 선택*/
    .choose_box{width: 280px;}

    /* 지도 */
    .map_box{width: calc(100% - 280px);}
    /*.map_box .n2 .find_map .map_btn.small.active{position: inherit;}*/
    .map_box .n2 .find_map .map_btn.n04.small.active button{top:-50px; left:-42px}
    .map_box .n2 .find_map .map_btn.n06.small.active button{top:-50px; left:-23px}
    .map_box .n2 .find_map .map_btn.n07.small.active button{top:-50px; left:-32px}
    .map_box .n2 .find_map .map_btn.n08.small.active button{top:-50px; left:-48px}
    .map_box .n2 .find_map .map_btn.n09.small.active button{top:-50px; left:-44px}
    .map_box .n2 .find_map .map_btn.n10.small.active button{top:-50px; left:-30px}
    .map_box .n2 .find_map .map_btn.n11.small.active button{top:-50px; left:-76px}
    .map_box .n2 .find_map .map_btn.small.active button:before{display: none;}



    /* 기관/분류 선택*/
    .institution_box .institution_panel{min-height: auto;}
    .institution_box .institution_item label span .ins_num{position: relative; top: 1px;}
    .institution_box .institution_wrap.type2 .institution_title{display: block; margin-bottom: 10px; margin-top: 0;}
    .institution_box .classification li:first-child{margin-left: 0;}

}
@media all and (max-width: 800px) {


    /* 분류/지역 선택*/
    .choose_box{width: 220px;}
    .choose_box .choose_item{padding: 0 18px 0 20px;}
    .choose_box .choose_item .choose_btn{font-size: 19px;}
    .choose_box .choose_item.has_box .choose_btn:before{top:20px;}
    .choose_box .choose_item.has_box.active .choose_btn{padding: 25px 20px 20px 35px;}
    .choose_box .choose_wrap .check_item label span{font-size: 16px; line-height: 18px;}

    /* 지도 */
    .map_box{width: calc(100% - 220px);}
    .map_box .n2 .find_map{top: 80px;}
    .map_box .n2 .find_map,
    .map_box .find_map{transform: translateX(-50%) scale(0.8);}
    .map_box .find_map .map_img{width: 443px;}
    .map_box .n2 .find_map .map_img{width: 419px;}
    .map_box .small_btn_info{right: 15px;}
    .map_box .small_btn_info .small_btn_item{font-size: 16px;}
    .map_box .small_btn_info .small_btn_item .map_num{font-size: 14px; line-height: 25px;}
    .map_box .small_btn_info .small_btn_item:nth-child(n + 5){position:relative; right:auto;}
    .map_box .small_btn_info .small_btn_item:nth-child(6){top: 0;}
    .map_box .small_btn_info .small_btn_item:last-child{top: 0;}
    .map_box .small_btn_info .small_btn_item:last-child .dong{width:auto; text-align: left;}
    .map_box .small_btn_info .small_btn_item .dong{min-width: 65.44px; text-align: left;}


    /* 기관/분류 선택*/
    .institution_box .institution_item label .ins_tit{max-width: 50%;}
    .institution_box .institution_item label span{font-size: 18px;}
    .institution_box .institution_item label span .ins_tit{max-width: calc(50% + 10px);}
    .institution_box .institution_item label span .ins_num{top:0; font-size: 14px;}
    .institution_box .institution_item .bookmark{right: 10px;}

    .institution_box .classification li{margin:0 6px 6px 0;}


    /* 프로그램 목록*/
    .result_box .result_item .result_bottom span.application,
    .result_box .result_item .result_bottom span + span{margin-left: 12px;}
    .result_box .result_item .result_bottom span.application{margin-left: 0;}

}
@media all and (max-width: 640px) {
    .rowgroup2{padding-bottom: 25px;}
    .rowgroup2:before{border-radius: 0 0 60px 60px;}
    .category_box .category_wrap:before{border-radius: 20px 20px 30px 20px;}
    .main_search{padding-top: 27px;}
    .main_search .search_list{top: -35px; left: calc(50% - 96px);}
    .main_search .search_item{height:35px; font-size: 15px; line-height: 35px;}
    .main_search .search_item:last-child{margin-left: 25px;}
    .main_search .search_item.active{font-size: 16px;}
    .main_search .search_item .tab_button{padding-right: 15px;}
    .main_search .search_item .tab_button span{top: 3px;}
    .main_search .search_item .tab_button span em{display: none;}
    .main_search .search_item .tab_button:after,
    .main_search .search_item .tab_button:before{height: 35px; width: 53px;}

    .main_search .search_item .tab_button:before{left:-53px; background: url("/site/www/images/main/grey_bg_left_m.png") no-repeat;}
    .main_search .search_item .tab_button:after{left: auto; right: -50px; background: url("/site/www/images/main/grey_bg_right_m.png") no-repeat;}
    .main_search .search_item.active .tab_button:before{background: url("/site/www/images/main/white_bg_left_m.png") no-repeat;}
    .main_search .search_item.active .tab_button:after{z-index:-1; right:-80px; background: url("/site/www/images/main/white_bg_right_m.png") no-repeat;}
    .main_search .search_item:first-child.active .tab_button:after{right: -45px;}
    .main_search .search_item:first-child .tab_button:before{left: -50px;}
    .main_search .search_item:last-child .tab_button{padding-left: 17px;}
    .main_search .search_item:last-child.active .tab_button:after,
    .main_search .search_item:last-child .tab_button:after{right: -50px;}
    .main_search .search_item:last-child.active .tab_button:before{left: -50px;}


    /* 분류/지역 선택*/
    .choose_box{display:block; width:100%; height: auto;}
    .search_panel .search_panel_h3{margin-left:9px; margin-bottom: 9px; font-size: 16px; line-height: 16px;}

    .choose_box .choose_item{padding: 0 18px;}
    .choose_box .choose_item:last-child:before{border-radius: 0 0 30px 20px;}

    .choose_box .choose_list.short .choose_item:last-child .choose_btn{padding-bottom: 12px;}
    .choose_box .choose_item.has_box.active{padding:0 18px 26px 22px;}
    .choose_box .choose_item .choose_btn{padding: 5px 0 4px; font-size: 18px; }
    .choose_box .choose_item:last-child .choose_btn{padding-bottom: 12px;}
    .choose_box .choose_item .choose_btn span{margin-left:6px; font-size: 13px;}
    .choose_box .choose_list.short .choose_item .choose_btn{padding: 5px 0 4px;}
    .choose_box .choose_item.has_box.active .choose_btn{padding:22px 25px 18px 37px;}
    .choose_box .choose_item.has_box .choose_title:before{top: 1px;}
    .choose_box .choose_item.has_box .choose_btn:before{top: 14px; left: -12px;}
    .choose_box .choose_wrap{height: 92px;}
    .choose_box .choose_wrap .check_item{padding-right: 15px; margin-bottom: 7px;}
    .choose_box .choose_wrap .check_item label span{padding-left:23px; font-size: 14px; line-height: 18px;}
    .choose_box .choose_wrap .check_item label span:before{width: 16px; height: 16px;}
    .choose_box .choose_wrap .check_item input:checked + label span:before{background-position: -2px -201px;}
    .choose_box .choose_wrap .check_item label span em{font-size: 13px;}

    /* 지도 */
    .map_box{display: block; width: 100%;}
    .map_box .map_tab_list{top:16px; right: 14px; width: 148px; height: 38px;}
    .map_box .map_tab_item{font-size: 14px;}
    .map_box .map_tab_item .map_tab_button{padding:7px 0 10px;}
    .map_box .map_tab_item:first-child .map_tab_button{padding-left: 8px;}

    .map_box .n2 .find_map,
    .map_box .find_map{top:-30px; transform: translateX(-50%) scale(0.74);}
    .map_box .find_map .map_btn{transform: scale(1.37);}
    .map_box .find_map .map_btn .map_num{display:block; position:relative; width:auto; height:auto; border-radius: 0; background-color: inherit; font-size: 13px; line-height: 13px; font-weight: 400; color: #848587;}
    .map_box .find_map .map_btn .map_num:before{display: none;}
    .map_box .find_map .map_btn button{font-size: 14px;}
    .map_box .find_map .map_btn.active button{width:auto; min-width:105px; border-width: 1px; font-size: 16px;}
    .map_box .find_map .map_btn.active .map_num{display:inline-block; font-size: 16px; line-height: 31px;}
    .map_box .n2 .find_map .map_btn.small .dong .circle_num{font-size: 14px;}
    .map_box .n2 .find_map .map_btn.small.active .dong{font-size: 16px; line-height: 31px;}
    .map_box .find_map .map_btn.active .map_num{color: #3345b7;}

    .map_box .find_map .map_btn.small.active{position: inherit;}


    .map_box .find_map .map_btn.n01{top: 4.5%; left: 25%;}
    .map_box .find_map .map_btn.n02{top: 20.5%; left: 6.5%;}
    .map_box .find_map .map_btn.n03{top: 12.5%; left: 45.5%;}
    .map_box .find_map .map_btn.n04{top:30%; left: 37%;}
    .map_box .find_map .map_btn.n05{top: 42.5%; left: 4.5%;}
    .map_box .find_map .map_btn.n06{top: 46%; left: 20.5%;}
    .map_box .find_map .map_btn.n07{top:47%; left: 43.5%;}
    .map_box .find_map .map_btn.n08{top: 56%;}
    .map_box .find_map .map_btn.n09{top: 67.5%; left: -0.5%;}
    .map_box .find_map .map_btn.n10{top: 68%; left: 19%;}

    .map_box .n2 .find_map .map_btn.n01{top: -2.5%; left: 23%;}
    .map_box .n2 .find_map .map_btn.n02{top: 12.5%; left: 9%;}
    .map_box .n2 .find_map .map_btn.n03{top: 22.5%; left: 31.5%;}
    .map_box .n2 .find_map .map_btn.n04{top: 35%; left: 28.5%;}
    .map_box .n2 .find_map .map_btn.n05{top: 33.5%; left: 5.5%;}
    .map_box .n2 .find_map .map_btn.n06{top: 41%; left: 24.5%;}
    .map_box .n2 .find_map .map_btn.n07{top:47%; left: 27%;}
    .map_box .n2 .find_map .map_btn.n08{top: 51%; left: 31%;}
    .map_box .n2 .find_map .map_btn.n09{top: 55%; left: 30%;}
    .map_box .n2 .find_map .map_btn.n10{top:62.5%; left: 25.5%;}
    .map_box .n2 .find_map .map_btn.n11{top: 55%; left: 36.5%;}
    .map_box .n2 .find_map .map_btn.n12{top: 28.5%; left: 45.5%;}
    .map_box .n2 .find_map .map_btn.n13{top: 53%; left: 2%;}
    .map_box .n2 .find_map .map_btn.n14{top: 57%; left: 24%;}
    .map_box .n2 .find_map .map_btn.n15{top: 64%; left: 51%;}
    .map_box .n2 .find_map .map_btn.n16{top: 40.5%; left: 63%;}

    .map_box .small_btn_info{left: 24px; top:auto; bottom: 22px; width: calc(100% - 24px);}
    .map_box .small_btn_info .small_btn_item{width:calc((100% - 20px) / 3); font-size: 14px; line-height: 14px;}
    .map_box .small_btn_info .small_btn_item .dong{min-width: 53px;}
    .map_box .small_btn_info .small_btn_item .circle_num{font-size: 14px;}
    .map_box .small_btn_info .small_btn_item .map_num{width:auto; height:auto; border-radius:0; background-color:inherit; font-size: 13px; color: #848587; font-weight: 400; line-height: 14px;}


    .map_box .n1 .find_map{top: 15px;}
    .map_box .n2 .find_map, .map_box .find_map{margin-bottom: 30px;}
    .map_box .n2 .find_map .map_btn.small.active .dong,
    .map_box .n2 .find_map .map_btn.small.active .map_num{line-height: 25px;}
    .map_box .n2 .find_map .map_btn.small.active button{min-width:70px;}
    .map_box .n2 .find_map .map_btn.n04.small.active button{top:-36px; left:25px}
    .map_box .n2 .find_map .map_btn.n06.small.active button{top:-36px; left:25px}
    .map_box .n2 .find_map .map_btn.n07.small.active button{top:-36px; left:25px}
    .map_box .n2 .find_map .map_btn.n08.small.active button{top:-36px; left:25px}
    .map_box .n2 .find_map .map_btn.n09.small.active button{top:-36px; left:25px}
    .map_box .n2 .find_map .map_btn.n10.small.active button{top:-36px; left:25px}
    .map_box .n2 .find_map .map_btn.n11.small.active button{top:-36px; left:25px}
    .map_box .n2 .find_map .map_btn.n05.active button{top: 0; transform: translateX(-38%);}
    .map_box .n2 .find_map .map_btn.n14.active button{top: 37px; transform: translateX(-14%);}


    /* 기관/분류 선택*/
    .institution_box .institution_tab .institution_tab_item .institution_button{padding-left:18px; font-size: 16px;}
    .institution_box .institution_item{width: calc((100% - 10px) / 2 );}
    .institution_box .institution_item:nth-child(3n){margin-right: 10px;}
    .institution_box .institution_item:nth-child(2n){margin-right: 0}
    .institution_box .institution_item label{height: 45px;}
    .institution_box .institution_item label span{font-size: 16px; line-height: 45px;}
    .institution_box .institution_item label span .ins_tit{max-width: calc(50% + 35px);}
    .institution_box .classification li{width: 75px;}
    .institution_box .classification .classification_label span{font-size: 16px; line-height: 45px;}

    /* 프로그램 목록*/
    .result_box{margin-top: 17px;}
    .result_box .search_panel_h3{margin-bottom: 2px;}

    .result_box .result_tab{right: 60px; top:-2px;}
    .result_box .result_tab_item .result_button{font-size: 16px;}
    .result_box .result_more .result_more_anchor{padding-right:16px; font-size: 16px; line-height: 21px;}
    .result_box .result_more .result_more_anchor:before{right:-9px; transform: scale(0.9);}
    .result_box .result_list{height:364px;}
    .result_box .result_item .result_anchor{padding:9px 100px 9px 20px;}
    .result_box .result_item .result_location{margin-bottom: 5px;}
    .result_box .result_item .result_subject{font-size: 18px; line-height: 20px;}
    .result_box .result_item .bookmark{top: 4px; right: 72px;}
    .result_box .result_item .result_bottom{margin-top:5px;}
    .result_box .result_item .result_bottom span.period{display: block;}
    .result_box .result_item .result_bottom span.acceptance{position: relative; top: auto; right: auto; margin: 0;}
    .result_box .result_item .result_bottom span.application{position: relative; top: auto; right: auto; margin-left: 10px; font-size: 16px; line-height: 18px;}
    .result_box .result_item .result_bottom span em{font-size: 16px; line-height: 18px;}

    .result_box .result_item .result_type{top:0; bottom: 0; right:10px; width: 50px; height: 50px; margin: auto 0; font-size: 14px; line-height: 17px;}

}
@media all and (max-width: 480px) {
    .rowgroup2{padding-bottom: 18px;}

    /* 기관/분류 선택*/
    .institution_box .institution_tab .institution_tab_item .institution_button{font-size: 14px;}
    .institution_box .institution_item{width: 100%; margin-right: 0;}
    .institution_box .institution_item:nth-child(3n){margin-right: 0;}

    /* 프로그램 목록*/
    .result_box .result_tab{right: 23px; top: -1px;}
    .result_box .result_tab_item .result_button{padding-left:19px; font-size: 14px;}
    .result_box .result_more{top:-1px; right: 1px;}
    .result_box .result_more .result_more_anchor{width:18px; height:18px; font-size: 0; line-height: 0;}
    .result_box .result_more .result_more_anchor:before{right: 0;}

    .result_box .result_item{height: 100px;}
    .result_box .result_item .result_anchor{padding: 9px 70px 9px 13px;}
    .result_box .result_item .result_subject{font-size: 16px; line-height: 18px;}
    .result_box .result_item .result_bottom{margin-left: 0;}
    .result_box .result_item .result_bottom span em{margin-right: 5px;}
    .result_box .result_item .result_bottom span.application em,
    .result_box .result_item .result_bottom span em,
    .result_box .result_item .result_bottom span.application,
    .result_box .result_item .result_bottom span{font-size: 14px; line-height: 14px;}

    .result_box .result_item .result_bottom span.application{display: block; margin-left: 0; margin-top: 4px;}

    .result_control{margin-top: 10px;}
    .result_control .result_count{font-size: 14px;}
}


/* 20241022 */
.result_box{height: 530px;}
.result_box .result_panel{height:calc(100% - 37px); -webkit-mask-image:linear-gradient(to bottom, #fff 0%, #fff 70%, transparent 100%); overflow: hidden auto; white-space: nowrap;}
.result_box .result_panel.end{-webkit-mask-image:none;}
.result_box .result_list{height:100%; min-height: 493px;}
.async-state{display:flex; align-items:center; justify-content:center; min-height:120px; color:#666; font-size:16px;}
.skeleton-list{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; align-content:start; justify-content:stretch; padding:4px 0;}
.skeleton-item{display:block; height:91px; border:1px solid #e4e7ee; border-radius:10px; background:linear-gradient(100deg, #f1f3f7 30%, #fafbfc 45%, #f1f3f7 60%); background-size:300% 100%; animation:skeleton-shimmer 1.4s ease-in-out infinite;}
.result_list:empty:before{content:""; display:block; height:91px; border:1px solid #e4e7ee; border-radius:10px; background:linear-gradient(100deg, #f1f3f7 30%, #fafbfc 45%, #f1f3f7 60%); background-size:300% 100%; animation:skeleton-shimmer 1.4s ease-in-out infinite;}
@keyframes skeleton-shimmer{0%{background-position:100% 0;}100%{background-position:-100% 0;}}
/*
.institution_box .institution_list::-webkit-scrollbar{width: 5px;}
.institution_box .institution_list::-webkit-scrollbar-thumb{background: #e2e2e2;}
.institution_box .institution_list::-webkit-scrollbar-track{background-color: #f4f7ff;}*/
.result_control{display: none;}

@media all and (max-width: 640px) {
    .result_box{height: 400px;}
    .result_box .result_panel{height:calc(100% - 20px);}
    .result_box .result_list{min-height: 364px;}
}
/* shortcut */
.rowgroup3{margin-top: 50px;}
.shortcut{position:relative; padding-bottom:30px;}
.shortcut_list{padding: 0 24px;}
.shortcut .shortcut_item{}
.shortcut .shortcut_item .shortcut_anchor{display:block; position:relative; padding-top:100px; font-family: 'Freesentation'; font-size:20px; line-height:20px; color:#1f1f1f; font-weight:600; text-align:center;}
.shortcut .shortcut_item .shortcut_anchor:before{display:block; position:absolute; top:16px; left:0; right:0; margin:0 auto; background-image:url('/site/www/images/main/shortcut_sprite.png'); background-repeat:no-repeat;}
.shortcut .shortcut_item.n1 .shortcut_anchor:before {top:18px; width:40px; height:46px; background-position:left top;}
.shortcut .shortcut_item.n2 .shortcut_anchor:before {width:49px; height:47px; background-position:left -56px;}
.shortcut .shortcut_item.n3 .shortcut_anchor:before {width:51px; height:49px; background-position:left -113px;}
.shortcut .shortcut_item.n4 .shortcut_anchor:before {top:18px; width:49px; height:48px; background-position:left -172px;}
.shortcut .shortcut_item.n5 .shortcut_anchor:before {top:14px; width:48px; height:52px; background-position:left -230px;}
.shortcut .shortcut_item.n6 .shortcut_anchor:before {width:47px; height:47px; background-position:left -292px;}
.shortcut .shortcut_item.n7 .shortcut_anchor:before {width:44px; height:46px; background-position:left -349px;}
.shortcut .shortcut_item.n8 .shortcut_anchor:before {width:49px; height:48px; background-position:left -405px;}
.shortcut .shortcut_item.n9 .shortcut_anchor:before{width:48px; height:50px; background: url("/site/www/images/main/agri_icon.png") no-repeat;}
.shortcut .shortcut_item .shortcut_anchor:after{display:block; position:absolute; top:0; left:-37px; right:0; z-index: -1; width: 70px; height: 70px; margin:0 auto; background-image:url('/site/www/images/main/shortcut_bg.png'); background-repeat:no-repeat;}

.shortcut_control{position:absolute; top:50px; left:0; right: 0; height:0;}
.shortcut_control button{display:block; position:absolute; top:-9px; width:46px; height:46px; box-shadow:5px 8px 50px 0 rgba(31,40,99,0.05);  border: 1px solid #e5e5e5; border-radius:20px; font-size:0;}
.shortcut_control button.shortcut_prev{left:-33px;}
.shortcut_control button.shortcut_next{right:-33px;}
.shortcut_control button:before{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 9px; height: 13px; margin: auto; background-image:url('/site/www/images/main/shortcut_sprite.png'); background-repeat:no-repeat;}
.shortcut_control button.shortcut_prev:before{background-position:left -463px;}
.shortcut_control button.shortcut_next:before{background-position:left -486px;}

@media all and (min-width: 1001px) {
    .shortcut .shortcut_item .shortcut_anchor:before{transform: translateY(0); transition: transform 0.25s ease-in-out;}
    .shortcut .shortcut_item:hover .shortcut_anchor:before{transform: translateY(-10px);}
}
@media all and (max-width: 1000px) {
    .shortcut .shortcut_item .shortcut_anchor{font-size: 18px; line-height: 18px;}
    .shortcut_control button.shortcut_prev{left: -10px;}
    .shortcut_control button.shortcut_next{right: -10px;}
}
@media all and (max-width: 800px) {
    .shortcut .shortcut_item .shortcut_anchor:after,
    .shortcut .shortcut_item .shortcut_anchor:before{transform: scale(0.9);}
}
@media all and (max-width: 640px) {
    .rowgroup3{margin-top: 40px;}
    .shortcut .shortcut_item{margin-bottom: 12px;}
    .shortcut .shortcut_item .shortcut_anchor{font-size: 16px; line-height: 16px;}
    .shortcut .shortcut_item .shortcut_anchor:after,
    .shortcut .shortcut_item .shortcut_anchor:before{transform: scale(0.8);}

    .shortcut_control{top:115px;}
    .shortcut_control button{width: 30px; height:30px;}
    .shortcut_control button.shortcut_prev{left: 0;}
    .shortcut_control button.shortcut_next{right: 0;}
}
@media all and (max-width: 480px) {
    .rowgroup3{margin-top: 29px;}
    .shortcut .shortcut_item .shortcut_anchor{padding-top:73px; font-size: 14px; line-height: 14px;}
    .shortcut .shortcut_item .shortcut_anchor:after,
    .shortcut .shortcut_item .shortcut_anchor:before{transform: scale(0.7);}

    .shortcut_control{top:80px;}
    .shortcut_control button.shortcut_prev{left: -15px;}
    .shortcut_control button.shortcut_next{right: -15px;}
}

/* news */
.rowgroup4{position:relative; margin-top: 20px; font-size:0; line-height:0;}
.news{display:none; position:relative; width: 750px; font-size:0; line-height:0;}
.news .news_title{display: block; position: relative; padding-left: 20px; font-family: 'JalnanGothic'; font-size: 32px; line-height: 32px; letter-spacing: 0; color:#1f1f1f; font-weight: 400;}
.news .news_tab{position:relative; margin-top: 22px;}
.news .news_tab .news_tab_wrap{width:605px; white-space: nowrap; overflow:hidden; -webkit-mask-image:linear-gradient(to right, #fff 0%, #fff 70%, transparent 100%);}

.news .news_tab .news_tab_list{display:block; position:relative; width:1140px;}
.news .news_tab .news_tab_list:after{}
.news .news_tab .news_tab_item{display:inline-block; position:relative; margin: 0 16px 0 15px;  vertical-align:top;}
.news .news_tab .news_tab_item:first-child{margin-left:24px; }
.news .news_tab .news_tab_item:before{display:block; position:absolute; top:4px; right: -16px; width:1px; height:13px; background-color:#d4d4d4;}
.news .news_tab .news_tab_item:last-child:before{display: none;}
.news .news_tab .news_tab_item .news_button{display:block; position:relative; padding-bottom:15px; color:#1f1f1f; font-size:21px; line-height: 22px; font-weight:500;}
.news .news_tab .news_tab_item .news_button:before{display:block; position:absolute; opacity:0; visibility:hidden; bottom:-10px; left:0; right:0; width:6px; height:6px; border-radius:50%; background-color:#5178f8; margin:0 auto; transition-property:opacity, visibility, bottom; transition-duration:.25s; transition-timing-function: ease-in-out;}
.news .news_tab .news_tab_item.active .news_button{color:#5178f8;}
.news .news_tab .news_tab_item.active .news_button:before{bottom:0; opacity: 1; visibility: inherit;}

.news .news_panel{position:relative; margin-top: 8px;}
.news .news_panel .news_list{margin-left: -30px;}
.news .news_panel .slick-slide{opacity:0; visibility:hidden; transition-property: opacity, visibility; transition-duration:0.4s; transition-timing-function:ease-in-out;}
.news .news_panel .slick-active{opacity:1; visibility:inherit;}
.news .news_panel .news_item{display:inline-block; position: relative; height: 360px; margin-left:30px; border: 1px solid #cccccc; border-radius: 20px; background-color:#fff; vertical-align:top; box-sizing: border-box; transition: border-color 0.25s ease-in-out;}
.news .news_panel .news_item .news_anchor{display:block; position:relative; width: 100%; height: 100%; padding:37px 30px 30px 30px; text-decoration: none;}
.news .news_panel .new_news{display: inline-block; position: absolute; top: 35px; width:28px; height:28px; background:url('/site/www/images/main/arrow_sprite.png') no-repeat left -297px; font-size: 0; line-height: 0; vertical-align:top;}
.news .news_panel .news_type{display:inline-block; position: relative; padding-left: 19px; font-size:19px; line-height: 20px; color: #3b3b3b;}
.news .news_panel .news_type:before{display: block; position: absolute; top:6px; left: 0; width:8px; height: 8px; border-radius: 50%; background-color: #e1e1e1; }
.news .news_panel .new_news + .news_type{padding-left: 41px;}
.news .news_panel .new_news + .news_type:before{display: none;}

.news .news_panel .news_subject,
.news .news_panel .news_text{display:-webkit-box; position:relative; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; font-family: 'Freesentation'; letter-spacing: 0;}
.news .news_panel .news_subject{margin-top:33px; -webkit-line-clamp:2; color:#1f1f1f; font-size:24px; font-weight:700; line-height:34px;}
.news .news_panel .news_text{margin-top:20px; -webkit-line-clamp:3; color:#808080; font-size:19px; font-weight:400; line-height:27px; }
.news .news_panel .news_date{position:absolute; left: 30px; bottom: 37px; font-family: 'poppins'; font-size: 16px; line-height: 16px; letter-spacing: 0; color: #808080;}
.news .news_panel .news_item:hover{border-color: #5178f8;}

.news .news_control{position:absolute; top:56px; right:0;}
.news .news_control .news_btn{position:relative; width:15px; height:15px; vertical-align: top;}
.news .news_control .news_btn + .news_btn{margin-left:22px;}
.news .news_control .news_btn:before{display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:9px; height:14px; background-image:url('/site/www/images/main/arrow_sprite.png'); background-repeat:no-repeat;}
.news .news_control .news_btn:before{background-position:left top;}
.news .news_control .news_next:before{background-position:left -23px;}
.news .news_control .news_more{position:relative; padding-right:40px; width: auto; height: auto; font-size: 18px; line-height: 20px; font-weight: 500; color: #808080;}
.news .news_control .news_more:before{left:auto; right: 9px; width:20px; height:20px; background-position:left -47px;}

@media all and (min-width:1001px){
    .news .news_control .news_more:before{transition:transform 0s ease-in-out;}
    .news .news_control .news_more:hover:before{transform:rotate(180deg);transition-duration:.25s;}
}
@media all and (max-width: 1530px) {
    .news{width: 640px;}
    .news .news_tab .news_tab_wrap{width: 485px;}
    .news .news_panel .news_item{height: 287px;}
    .news .news_panel .news_item .news_anchor{padding: 25px;}
    .news .news_panel .news_text{-webkit-line-clamp:2;}
    .news .news_panel .news_date{left: 25px; bottom: 25px;}
}
@media all and (max-width: 1300px) {
    .news{width:calc(100% - 400px);}
    .news .news_tab .news_tab_wrap{width: 445px;}
    .news .news_panel .news_item{height: 360px;}
    .news .news_panel .news_item .news_anchor{padding:37px 30px 30px 30px;}
    .news .news_panel .news_text{-webkit-line-clamp:3;}
    .news .news_panel .news_date{left: 30px; bottom: 37px;}
}
@media all and (max-width: 1000px) {
    .news{display:none; width:100%;}
    .news .news_title{font-size: 26px; line-height: 26px;}
    .news .news_tab .news_tab_wrap{width:calc(100% - 185px);}
    .news .news_tab .news_tab_item .news_button{font-size: 20px;}
    .news .news_panel{min-height: 100px;}
    .news .news_panel .news_list{margin-left: -20px;}
    .news .news_panel .slick-list{padding-right: 1px;}
    .news .news_panel .news_item{height:280px; margin-left: 20px;}
    .news .news_panel .news_item .news_anchor{padding: 25px;}
    .news .news_panel .new_news{top: 21px;}
    .news .news_panel .news_subject{margin-top:25px; font-size: 20px; line-height: 28px;}
    .news .news_panel .news_text{-webkit-line-clamp:2; font-size: 18px;}
    .news .news_panel .news_date{left: 25px; bottom: 25px;}

    .news .news_control{top: 50px;}
}
@media all and (max-width: 640px) {
    .rowgroup4{margin-top: 21px;}
    .news .news_title{padding-left:9px; font-size: 20px; line-height: 20px;}
    .news .news_tab{margin-top: 8px;}
    .news .news_tab .news_tab_wrap{width:calc(100% - 120px); overflow: auto hidden;}
    .news .news_tab .news_tab_wrap::-webkit-scrollbar{height: 5px;}
    .news .news_tab .news_tab_wrap::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.1);  border-radius: 50px;}
    .news .news_tab .news_tab_wrap::-webkit-scrollbar-track{background-color:#fff;}
    .news .news_tab .scroll_bg{display: block; position: absolute; opacity: 1; bottom:0; left: 0; width: 100%; height: 5px; background-color: #fff; transition: all 0.25s ease-in-out;}
    .news .news_tab:hover .scroll_bg{opacity: 0; z-index: -1;}

    .news .news_tab_wrap.end{-webkit-mask-image:none;}

    .news .news_tab .news_tab_list{width: 880px;}
    .news .news_tab .news_tab_item{margin:0 10px 0 14px; }
    .news .news_tab .news_tab_item:first-child{margin-left: 9px;}
    .news .news_tab .news_tab_item:before{right: -12px;}
    .news .news_tab .news_tab_item .news_button{padding-bottom:9px; font-size: 16px; line-height: 20px;}

    .news .news_panel{margin-top: 1px;}
    .news .news_panel .news_list{width:calc(100% + 15px); margin-left: 0;}
    .news .news_panel .slick-slide{opacity: 1; visibility: visible;}
    .news .news_panel .slick-list{padding-right: 0;}
    .news .news_panel .news_item{width: 195px; height: 150px; margin-left: 10px;}
    .news .news_panel .news_item .news_anchor{padding: 17px 14px;}
    .news .news_panel .news_type{font-size:14px; line-height: 14px;}
    .news .news_panel .new_news{top:9px; left: 9px; transform: scale(0.7);}
    .news .news_panel .new_news + .news_type{padding-left: 28px;}
    .news .news_panel .news_subject{margin-top:9px; font-size: 16px; line-height: 23px; -webkit-line-clamp:3; word-break: keep-all;}
    .news .news_panel .news_text{display: none;}
    .news .news_panel .news_date{left:13px; bottom:16px; font-size: 14px; line-height: 14px;}

    .news .news_control{top: 29px;}
    .news .news_control .news_prev,
    .news .news_control .news_next{display: none;}
}
@media all and (max-width: 480px) {
    .news .news_tab .news_tab_wrap{width: calc(100% - 20px);}
    .news .news_control .news_btn.news_next,
    .news .news_control .news_btn.news_prev{display: none;}
    .news .news_control{right: -9px; top:27px;}
    .news .news_control .news_btn + .news_btn{margin-left: 0;}
    .news .news_control .news_more{width:20px; height:20px; padding-right: 0; margin-left: 0; font-size: 0; line-height: 0;}
    .news .news_control .news_more:before{right: 0;}
}
/* 팝업 */
.popup{}
.popup{display:inline-block; position:relative; width:760px; margin-left:20px; padding-top:49px; font-size: 0; line-height: 0; vertical-align:top;}
.popup .popup_list{overflow:hidden;}
.popup .popup_list .slick-list{overflow:visible;}
.popup .popup_item{opacity:0; visibility:hidden; margin-left:20px; transition-property:opacity,visibility; transition-duration:.25s; transition-timing-function:ease-in-out;}
.popup .popup_item.slick-active{opacity:1; visibility:inherit;}
.popup .popup_item a{display:block; position: relative; width: 100%; height: 100%; overflow:hidden; border-radius:20px;}
.popup .popup_control{position:absolute; top:12px; right:9px;}

.popup .popup_control .popup_count{color:#636363; font-size:16px; font-family:'poppins'; text-align:center; line-height:22px; font-weight: 500; vertical-align:top;}
.popup .popup_control .popup_count span{min-width:10px; line-height:20px;}
.popup .popup_control .popup_count .popup_current{color: #1f1f1f;}
.popup .popup_control > .slick-arrow{position:relative; width:15px; height:15px; vertical-align: top;}
.popup .popup_control > .slick-arrow:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:22px; height:22px; margin:auto; background:url('/site/www/images/main/arrow_sprite.png') no-repeat; transition:opacity .25s ease-in-out;}
.popup .popup_control > .popup_auto:before{background-position:2px -149px;}
.popup .popup_control > .popup_auto.slick-pause:before{background-position:2px -171px;}
.popup .popup_control > .popup_prev:before{background-position:5px -73px;}
.popup .popup_control > .popup_next:before{background-position:5px -96px;}
.popup .popup_control > .popup_prev{margin-right:23px; margin-top: 3px;}
.popup .popup_control > .popup_next{margin-right:18px; margin-top: 3px; margin-left:15px;}
.popup .popup_control > .popup_auto{margin-top: 3px; margin-right: 17px;}

.popup .popup_more{display:inline-block; position:relative; width:21px; height:20px;}
.popup .popup_more:before{display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; margin:auto; background:url('/site/www/images/main/arrow_sprite.png') no-repeat left -123px;}
.popup .slick_all .popup_item{opacity:1; visibility:inherit; margin-left:0; margin-right:0;}


@media all and (min-width: 1001px) {
    .rowgroup4{position: absolute; top: 0; left: 0; width: 100%; margin-top: 0;}
    .popup{position:absolute; top:0; right: 0; margin-left: 0;}
}

/* slick 모아보기 */
.visual_open #container,
.popup_open #container{z-index:50;}
.slick_all{opacity:0; visibility:hidden; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999; background-color:rgba(0,0,0,.6); transition-property:opacity,visibility;transition-duration:.25s;transition-timing-function:ease-in-out;}
.visual_open .visual .slick_all,
.visual_open .common_banner .slick_all,
.popup_open .popup .slick_all,
.popup_open .popup2 .slick_all,
.popup_open .visual_popup .slick_all,
.popup_open .popupzone .slick_all{opacity:1; visibility:inherit;}
.slick_all .slick_all_box{position:absolute; top:50%; left:50%; width:100%; max-width:1530px; max-height:94%; margin:auto; padding:71px 178px 89px 178px; border-radius:85px; background: linear-gradient(145deg, #f2eef7 0%,#eff1fa 48%,#f1f3fa 70%,#f2f3fa 100%); box-shadow:0 30px 60px 0 rgba(31,40,99,0.04); transform:translate(-50%,-50%); overflow: hidden;}
.slick_all .slick_all_list{height:100%; margin-right:-10px; margin-left:-10px; border-radius:30px 0 0 30px; font-size:0; line-height:0;}
.slick_all .slick_all_list .slick-list{border-radius:15px;}
.slick_all .slick_all_list .slick-slide{margin-right:10px; margin-left:10px;}
.slick_all .slick_all_list .slick-slide > div + div{margin-top:20px;}
.slick_all .slick_all_list .slick-slide > div a{overflow:hidden; border-radius:15px;}
.slick_all .slick_all_list .slick-slide > div a,
.slick_all .slick_all_list .slick-slide > div a img{width:inherit; height:inherit; transform:none;}
.slick_all .slick_all_list .visual_item a{display:block;}
.slick_all .slick_all_list .visual_item img{overflow:hidden; width:100%; border-radius:15px;}

.slick_all .slick_all_count{position:absolute; left:0; right:0; bottom:50px; color:#636363; font-size:18px; font-family:'poppins'; text-align:center; line-height:22px; font-weight: 500; vertical-align:top;}
.slick_all .slick_all_count .slick_all_current{color: #1f1f1f;}
.slick_all .slick-arrow{display:block; position:absolute;top:calc(50% - 46px); width:46px; height:46px; background-color:#fff; box-shadow:5px 8px 50px 0 rgba(31,40,99,0.05); border-radius:20px; font-size:0;}
.slick_all .slick-arrow.slick_all_prev{left:50px;}
.slick_all .slick-arrow.slick_all_next{right:50px;}
.slick_all .slick-arrow:before{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 9px; height: 13px; margin: auto; background-image:url('/site/www/images/main/shortcut_sprite.png'); background-repeat:no-repeat;}
.slick_all .slick-arrow.slick_all_prev:before{background-position:left -463px;}
.slick_all .slick-arrow.slick_all_next:before{background-position:left -486px;}
.slick_all .slick_all_close{position:absolute; top:30px; right:50px; width:45px; height:45px; border-radius:20px; background: url("/site/www/images/main/close_icon.png") no-repeat center;}

@keyframes visualPrev{
    0%{left:4px;}
    50%{left:0; right:10px;}
    100%{left:4px;}
}
@keyframes visualNext{
    0%{right:2px;}
    50%{left:12px; right:0;}
    100%{right:2px;}
}
@media all and (min-width:1001px){
    .popup .popup_more:before,
    .popup .popup_more:after{transition:transform 0s ease-in-out;}
    .popup .popup_more:hover:before,
    .popup .popup_more:hover:after{transform:rotate(180deg);transition-duration:.25s;}

    .slick_all .slick_all_prev:not(.slick-disabled):hover:before{animation:visualPrev 1s infinite ease-in-out;}
    .slick_all .slick_all_next:not(.slick-disabled):hover:before{animation:visualNext 1s infinite ease-in-out;}
}

@media all and (max-width: 1530px) {
    .popup{width: 640px;}

    .slick_all .slick_all_box{width: calc(100% - 100px);}
}

@media all and (max-width: 1300px) {
    .popup{width: 380px;}

    .slick_all .slick_all_box{padding:60px 100px 79px 100px; border-radius: 60px;}
    .slick_all .slick_all_count{bottom: 35px;}
    .slick_all .slick-arrow.slick_all_prev{left: 30px;}
    .slick_all .slick-arrow.slick_all_next{right: 30px;}
    .slick_all .slick_all_close{top: 20px; right: 30px;}
}

@media all and (max-width: 1000px) {
    .popup{display: block; width: 100%; margin-left: 0; margin-top: 20px;}
    .popup .popup_list{margin-left: -20px;}
}

@media all and (max-width: 800px) {
    .slick_all .slick_all_box{width: calc(100% - 50px); padding: 40px 50px 60px 50px; border-radius: 30px;}
    .slick_all .slick_all_count{bottom: 20px;}
    .slick_all .slick_all_close{top:15px; right: 15px; width: 30px; height: 30px;}
}
@media all and (max-width: 640px) {
    .popup{margin-top: 0;}
    .popup .popup_list{width:calc(100% + 15px); margin-left: 0; margin-top: 9px;}
    .popup .popup_item{display: inline-block; position: relative; opacity:1; visibility:visible; width: 195px; height: 230px; margin-left:10px;}
    .popup .popup_item img{width: 100%; height: 100%;}
    .popup .popup_control{top: 26px; right: 0;}
    .popup .popup_control .popup_count{font-size: 14px;}
    .popup .popup_control > .popup_prev{margin-right: 12px;}
    .popup .popup_control > .popup_next{margin-left: 5px;}


    .slick_all .slick_all_box{max-height:97%; padding:30px 30px 60px;}
    .slick_all .slick-arrow{top:calc(50% - 34px);}
    .slick_all .slick-arrow.slick_all_prev{left: 5px;}
    .slick_all .slick-arrow.slick_all_next{right: 5px;}
    .slick_all .slick_all_close{top:11px; right:11px; width: 20px; height: 20px;}

}

/* popular */
.popular{margin-top: 50px; font-size: 0; line-height: 0;}
.popular .popular_title span{position:relative; vertical-align:top;}
.popular .popular_title .main_title{font-family: 'JalnanGothic'; font-size: 32px; line-height: 45px; letter-spacing: 0; color: #1f1f1f;}
.popular .popular_title .main_title em{color: #f2695c;}

.popular .popular_content{margin-top: 27px;}
.popular .popular_tab{}
.popular .popular_tab .step_title{display: inline-block; position: relative; margin-top: 4px; margin-right:8px; font-size: 19px; line-height: 50px; font-weight: 500; color: #1f1f1f; vertical-align: top;}
.popular .popular_tab .tab_scroll{display: inline-block; position: relative; vertical-align: top;}
.popular .popular_tab .tab_nav_list{display: inline-block; position: relative; vertical-align: top;}
.popular .popular_tab .tab_nav_item{display: inline-block; position: relative; height: 50px; margin-left: 8px; border-radius: 50px; border: 1px solid #cccccc; vertical-align: top;}
.popular .popular_tab .tab_nav_item .tab_btn{display:block; position:relative; width: 100%; padding-left:8px; padding-right: 16px; font-size: 19px; line-height: 48px; color: #383838; text-align: left;}
.popular .popular_tab .tab_nav_item .tab_btn:before{display: block; position: absolute; top:5px; left: 5px; background-image:url('/site/www/images/main/service_sprite.png'); background-repeat: no-repeat;}
.popular .popular_tab .tab_nav_item .tab_btn .icon{display: inline-block; position: relative; top:8px; width: 30px; height: 30px; margin-right:9px; border-radius: 50%; background-color: #eef0fc; overflow: hidden;}
.popular .popular_tab .tab_nav_item .tab_btn .icon:before{display: block; position: absolute; top:5px; left: 5px; background-image:url('/site/www/images/main/service_sprite.png'); background-repeat: no-repeat;}
.popular .popular_tab .tab_nav_item:nth-child(1) .tab_btn .icon:before{top: 9px; left: 3px; width:28px; height:19px; background-position:left -220px;}
.popular .popular_tab .tab_nav_item:nth-child(2) .tab_btn .icon:before{top: 6px; left: 4px; width:23px; height:25px; background-position:left -249px;}
.popular .popular_tab .tab_nav_item:nth-child(3) .tab_btn .icon:before{top: 8px; left: 7px; width:33px; height:18px; background-position:left -284px;}
.popular .popular_tab .tab_nav_item:nth-child(4) .tab_btn .icon:before{top: 10px; left: 6px; width:22px; height:18px; background-position:left -312px;}
.popular .popular_tab .tab_nav_item:nth-child(5) .tab_btn .icon:before{top: 8px; left: 3px; width:26px; height:26px; background-position:left -340px;}
.popular .popular_tab .tab_nav_item:nth-child(6) .tab_btn .icon:before{top: 10px; left: 6px; width:19px; height:28px; background:url("/site/www/images/main/service_icon03.png") no-repeat;}
.popular .popular_tab .tab_nav_item .tab_btn .icon:after{display: block; position: absolute; top:0; left:0; opacity: 0; width: 100%; height: 100%; background:rgba(245, 108, 94, 0.95) url('/site/www/images/main/service_sprite.png') no-repeat 8px -366px;}

.popular .popular_tab .tab_nav_item.tab_active{border:2px solid #f56c5e;}
.popular .popular_tab .tab_nav_item.tab_active .tab_btn .icon:after{opacity: 1;}


.popular .tab_con_list .tab_con_item {display:none; margin-top: 65px; margin-bottom: 120px;}
.popular .tab_con_list .tab_con_item.tab_con_active {display:block;}
.popular .popular_slide_wrap{display: block; position: relative;}
.popular .popular_slide_wrap .left_box{display:inline-block; position: relative; width: 360px; height: 457px; padding: 40px 48px 0 0; vertical-align: top;}
.popular .popular_slide_wrap .left_box:before{display: block; position: absolute; top:0; left: -45px; width: calc(100% + 45px); height: 100%; border-radius:30px 30px 30px 100px; background-color: #fff7f0;}
.popular .popular_slide_wrap .left_box .hashtag{position: relative; height: 267px; overflow: hidden;}
.popular .popular_slide_wrap .left_box .hashtag_item_fix span,
.popular .popular_slide_wrap .left_box .hashtag_item span{display:block; position:relative; font-size: 30px; line-height: 46px; letter-spacing: 0; font-weight: 500; color: #4c4643;}
.popular .popular_slide_wrap .left_box .hashtag_item span:nth-child(n + 6){display: none;}
.popular .popular_slide_wrap .left_box .hashtag_item_fix .icon,
.popular .popular_slide_wrap .left_box .hashtag_item .icon{display: inline-block; position: relative; width: 23px; height: 22px; margin-right:8px; background: url("/site/www/images/main/hashtag_icon.png") no-repeat;}
.popular .popular_slide_wrap .left_box .result_num{position:relative; padding-top: 17px; border-top: 1px solid rgba(229, 150, 107, 0.3); font-family:'poppins'; font-size: 90px; line-height: 90px; letter-spacing: 0; font-weight: 700; color: #f56c5e; text-align: right;}
.popular .popular_slide_wrap .left_box .result_num span{position:relative; top:-10px; padding-left: 15px; margin-left:-12px; font-family: 'Freesentation'; font-size: 30px; line-height: 30px; vertical-align: bottom;}


/* 생애주기 */
.popular .popular_slide_wrap .step{display: inline-block; position: absolute; top: -120px; right: 0; width: 45%;}
.popular .popular_slide_wrap .step .notice{display:block; position: absolute; bottom: 3px; right:0; width: 240px; margin-top: 10px; padding-left: 22px; font-size: 19px; line-height: 20px; color: #808080; word-break: keep-all;}
.popular .popular_slide_wrap .step .notice:before{display:block; position:absolute; left:0; top:0; width:16px; height:17px; background:url('/site/www/images/main/arrow_sprite.png') no-repeat left -197px;}

.popular .popular_slide_wrap .step_item{display: inline-block; position: relative; width: 117px; height: 50px; margin-left: 8px; margin-bottom: 3px; border-radius: 50px; vertical-align: top;}
.popular .popular_slide_wrap .step_title{display: inline-block; position: relative; margin-top: 4px; margin-right: 4px; font-size: 19px; line-height: 50px; font-weight: 500; color: #1f1f1f; vertical-align: top;}
.popular .popular_slide_wrap .step_list{display: inline-block; position: relative; width: calc(100% - 61px); vertical-align: top;}
.popular .popular_slide_wrap .step_item input{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.popular .popular_slide_wrap .step_item label{display:block; position: relative; border: 1px solid #cccccc; border-radius:50px; box-sizing:border-box;}
.popular .popular_slide_wrap .step_item input:focus-visible+label{outline:2px solid #000;}
.popular .popular_slide_wrap .step_item label span{display:block; padding-left:9px; font-size: 19px; line-height: 48px; color: #383838;}
.popular .popular_slide_wrap .step_item label .icon{display: inline-block; position: relative; top:8px; width: 30px; height: 30px; margin-right:9px; border-radius: 50%; background-color: #eef0fc; overflow: hidden;}
.popular .popular_slide_wrap .step_item label .icon:before{display: block; position: absolute; top:5px; left: 5px; background-image:url('/site/www/images/main/service_sprite.png'); background-repeat: no-repeat;}

.popular .popular_slide_wrap .step_item label .icon:before{width:25px; height:36px; background-image:url('/site/www/images/program/life_cycle_sprite.png'); background-position: -4px -4px;}
.popular .popular_slide_wrap .step_item:nth-child(2) label .icon:before{width:24px; height:36px;  background-image:url('/site/www/images/program/life_cycle_sprite.png'); background-position: -35px -4px;}
.popular .popular_slide_wrap .step_item:nth-child(3) label .icon:before{left:2px; width:30px; height:30px; background-image: url('/site/www/images/program/life_cycle_sprite.png'); background-position-x:50%;}
.popular .popular_slide_wrap .step_item:nth-child(5) label .icon:before{width:22px; height:33px; background-image: url('/site/www/images/program/life_cycle_sprite.png'); background-position-x:75%;}
.popular .popular_slide_wrap .step_item:nth-child(6) label .icon:before{left:1px; top: 4px; width:30px; height:30px; background-image: url('/site/www/images/program/life_cycle_sprite.png'); background-position-x:100%;}
.popular .popular_slide_wrap .step_item:nth-child(7) label .icon:before{width:22px; height:26px; background: url('/site/www/images/main/m_icon01.png') no-repeat;}
.popular .popular_slide_wrap .step_item:nth-child(8) label .icon:before{width:20px; height:30px; background: url('/site/www/images/main/m_icon02.png') no-repeat;}

.popular .popular_slide_wrap .step_item input:checked + label:before{display:block; position:absolute; top:-2px; left:-2px; width:100%; height:100%; border:2px solid #f56c5e; border-radius: 50px;}
.popular .popular_slide_wrap .step_item input:checked + label .icon{margin-right: 9px;}
.popular .popular_slide_wrap .step_item input:checked + label .icon:before{top: 7px; left: 8px;}
.popular .popular_slide_wrap .step_item input:checked + label .icon:after{display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; background:rgba(245, 108, 94, 0.95) url('/site/www/images/main/service_sprite.png') no-repeat 8px -366px;}
/* 생애주기 끝 */

.popular .right_box{display:inline-block; position: relative; width: calc(100% - 390px); margin-top: 22px; margin-left: 30px; border-bottom: 1px solid #d9d9d9;}

.popular .popular_slide_list{margin-left:0;}
.popular .popular_slide_list .slick-slide{opacity: 0; visibility: hidden; transition-property: opacity, visibility; transition-duration: 0.25s; transition-timing-function: ease-in-out;}
.popular .popular_slide_list .slick-active{opacity: 1; visibility: inherit;}

.popular .popular_slide_list .popular_item{display: inline-block; position: relative; margin-left: 30px;}
.popular .popular_slide_list .popular_anchor{display: block; position: relative; padding-bottom: 49px;}

.popular .popular_slide_list .popular_top{width:100%; height:200px; border-radius: 16px; overflow: hidden;}
.popular .popular_slide_list .popular_top img{width: 100%; height: 100%;}

.popular .popular_slide_list .popular_middle{margin-top: 30px;}
.popular .popular_slide_list .popular_schedule{display: inline-block; position: relative; min-width: 56px; padding:0 12px 0 16px; margin-left: 6px; background-color: #8a90ad; border-radius: 50px; font-size: 16px; line-height: 28px; color: #fff;}
.popular .popular_slide_list .popular_schedule.imminent{background-color: #5178f8;}
.popular .popular_slide_list .popular_category_text{display: inline-block; position: relative; font-size: 18px; line-height: 28px; color: #3b3b3b;}
.popular .popular_slide_list .popular_category_text em{position: relative; padding: 0 3px 0 11px;}
.popular .popular_slide_list .popular_category_text em + em:before{display: block; position: absolute; top: 0; bottom: 0; left: 0; width:4px; height: 4px; margin: auto 0; border-radius: 50%; background-color: #b6bad2; }

.popular .popular_slide_list .popular_bottom{padding-left: 11px;}
.popular .popular_slide_list .box_title{display:-webkit-box; overflow:hidden; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:1; margin-top:23px; margin-bottom: 27px; font-size: 24px; line-height:24px; color: #1f1f1f; font-weight: 700;}
.popular .popular_slide_list .popular_bottom li + li{margin-top: 7px;}
.popular .popular_slide_list .popular_bottom li span{font-size: 19px; line-height: 20px;}
.popular .popular_slide_list .box_dt{display: inline-block; position: relative; width: 69px; color: #3b3b3b; vertical-align: top;}
.popular .popular_slide_list .box_dd{display: inline-block; position: relative; width: calc(100% - 69px); color: #808080;}
.popular .popular_slide_list .box_dd.s_date{font-family: 'poppins'; font-size: 18px; font-weight: 400;}
.popular .popular_slide_list .box_dd.s_date br{display: none;}


.popular .popular_slide_wrap .popular_ctrl{}
.popular .popular_slide_wrap .popular_ctrl{position:absolute; top:93px; left:0; right: 0; height:0;}
.popular .popular_slide_wrap .popular_ctrl button{display:block; position:absolute; top:0; width:50px; height:50px; box-shadow:8px 6px 30px 0 rgba(31,40,99,0.15); border-radius:18px; background-color: #fff;}
.popular .popular_slide_wrap .popular_ctrl button.prev{left:-25px;}
.popular .popular_slide_wrap .popular_ctrl button.next{right:-25px;}
.popular .popular_slide_wrap .popular_ctrl button:before{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 9px; height: 13px; margin: auto; background-image:url('/site/www/images/main/shortcut_sprite.png'); background-repeat:no-repeat;}
.popular .popular_slide_wrap .popular_ctrl button.prev:before{background-position:left -463px;}
.popular .popular_slide_wrap .popular_ctrl button.next:before{background-position:left -486px;}

.popular .popular_more{display: block; position: absolute; top: -150px; right: 15px; padding-left: 26px; font-size: 18px; line-height: 18px; color: #808080; font-weight: 500;}
.popular .popular_more:before{display: block; position: absolute; top: 0; left: 0; width: 16px; height: 17px; background:url('/site/www/images/main/arrow_sprite.png') no-repeat left -224px;}


@media all and (min-width:1001px){
    .popular .popular_slide_list{height:429px; overflow:hidden;}
    .popular .popular_more:before{transition:transform 0s ease-in-out;}
    .popular .popular_more:hover:before{transform:rotate(360deg); transition-duration:0.3s;}
}
@media all and (max-width: 1530px) {
    .popular .service_category{margin-top: 5px;}
    .popular .tab_con_list .tab_con_item{margin-top: 20px;}
    .popular .popular_slide_wrap .step{display:block; position: relative; top:0; width: 100%; margin-bottom: 20px;}
    .popular .popular_slide_wrap .step .notice{display: inline-block; position:relative; bottom:0; width: auto; margin-left: 10px; margin-top:17px;}

    .popular .popular_slide_wrap .left_box{width: 300px; height: 423px; padding-top: 25px;}
    .popular .right_box{width: calc(100% - 330px);}
    .popular .popular_slide_wrap .popular_ctrl{top: 60px;}

}
@media all and (min-width: 1001px) {
    .popular .popular_slide_list .popular_item{margin-right: 30px; margin-left: 0;}
}
@media (min-width: 1531px) {
    .popular .popular_slide_list .popular_item{width: 360px !important; height: 429px!important; margin-right: 30px; margin-left: 0;}
}
@media (min-width: 1300px) and (max-width: 1531px) {
    .popular .popular_slide_list .popular_item{width: 303px !important; }
}
@media (min-width: 1001px) and (max-width: 1300px) {
    .popular .popular_slide_list .popular_item{width: 320px !important; }
}
@media all and (max-width: 1000px) {
    .popular .popular_slide_list > .popular_item{display: none;}


    .popular .popular_title .main_title{font-size: 26px; line-height: 38px;}
    .popular .popular_title .notice{margin-top: 49px;}

    .popular .popular_content{margin-top: 0;}
    .popular .popular_slide_wrap .step_title,
    .popular .popular_tab .step_title{display: block;}
    .popular .popular_slide_wrap .step_item:first-child,
    .popular .popular_tab .tab_nav_item:first-child{margin-left: 0;}
    .popular .popular_tab .tab_nav_item .tab_btn{padding-right: 12px;}
    .popular .popular_slide_wrap .step .notice{position:absolute; top:15px; bottom: auto; left:66px; margin-top: 0; margin-left: 0; padding-left: 19px; font-size: 16px;}
    .popular .popular_slide_wrap .step .notice:before{top: 1px;}

    .popular .popular_slide_wrap .left_box{display: block; width: 100%; height: auto; padding: 20px 30px 10px;}
    .popular .popular_slide_wrap .left_box:before{left: 0; width: 100%; border-radius: 25px;}
    .popular .popular_slide_wrap .left_box .hashtag{display:inline-block; width: calc(100% - 110px); height: auto; vertical-align: top;}
    .popular .popular_slide_wrap .left_box .hashtag_item span:nth-child(n + 6){display: inline-block;}
    .popular .popular_slide_wrap .left_box .hashtag_item,
    .popular .popular_slide_wrap .left_box .hashtag_item_fix{display: inline-block;}
    .popular .popular_slide_wrap .left_box .hashtag_item_fix span,
    .popular .popular_slide_wrap .left_box .hashtag_item span{display:inline-block; margin-right:10px; margin-bottom: 10px; font-size: 24px; line-height: 22px;}
    .popular .popular_slide_wrap .left_box .hashtag_item_fix .icon,
    .popular .popular_slide_wrap .left_box .hashtag_item .icon{width:20px; height:19px; margin-right: 4px; background-size: contain;}
    .popular .popular_slide_wrap .left_box .result_num{display:inline-block; top:-3px; width:110px; padding-top: 0; border-top: none; font-size: 50px; line-height: 50px; vertical-align: bottom;}
    .popular .popular_slide_wrap .left_box .result_num span{top:-6px; margin-left:-4px; font-size: 26px; line-height: 26px;}

    .popular .right_box{display: block; width: 100%; margin-left: 0;}
    .popular .popular_slide_list{margin-left: -20px;}
    .popular .popular_slide_list .popular_item{margin-left: 20px;}
    .popular .popular_slide_list .popular_anchor{padding-bottom: 20px;}
    .popular .popular_slide_list .popular_schedule{padding:0 12px; font-size: 15px; text-align: center;}
    .popular .popular_slide_list .popular_category_text{font-size: 17px;}
    .popular .popular_slide_list .box_title{margin:20px 0 25px; font-size: 22px; line-height: 22px;}
    .popular .popular_slide_list .popular_bottom li span{font-size: 18px;}
    .popular .popular_slide_list .box_dd.s_date{font-size: 17px;}
    .popular .popular_slide_list .box_dd.s_date br{display: block;}
    .popular .popular_slide_wrap .popular_ctrl{top:calc(50% - 127px);}


    .popular .popular_slide_wrap .step_item{margin-left: 0; margin-right: 8px;}



    .popular .popular_slide_list .slick-slide{opacity: 1; visibility: visible;}
}
@media all and (max-width: 800px) {
    .popular .popular_tab .tab_scroll{width:100%; white-space: nowrap; overflow: auto hidden; -webkit-mask-image:linear-gradient(to right, #fff 0%, #fff 70%, transparent 100%)}
    .popular .popular_tab .tab_nav_list{display:block; position:relative; width:auto; min-width: 800px;}
    .popular .popular_tab .tab_scroll.end{-webkit-mask-image:none;}

    .popular .service_category .all_box{top: 82px;}
    .popular .popular_slide_wrap .left_box .hashtag_item span{font-size: 20px;}
    .popular .popular_slide_wrap .left_box .hashtag_item .icon{width: 17px; height: 16px; }
}
@media all and (min-width: 641px) and (max-width: 1000px) {
    .popular .popular_slide_list{height:432.5px; overflow:hidden;}
}
@media all and (max-width: 640px) {
    .popular{margin-top: 39px;}
    .popular .popular_title .main_title{font-size: 20px; line-height: 28px;}
    .popular .popular_title .notice{margin-top:1px; padding-left: 17px; font-size: 16px;}
    .popular .popular_title .notice:before{left: -3px; transform: scale(0.8);}

    .popular .popular_content{margin-top: 20px;}
    .popular .popular_tab{padding: 15px 0; border-top: 1px solid #d9d9d9;}
    .popular .popular_tab .tab_nav_item{height:auto; border-top: 1px solid #d9d9d9;}
    .popular .popular_tab .tab_nav_list{min-width: 500px; padding-bottom: 10px;}
    .popular .popular_slide_wrap .step_item label span,
    .popular .popular_tab .tab_nav_item .tab_btn{padding:0 9px; font-size: 17px; line-height: 30px;}
    .popular .popular_slide_wrap .step_item label .icon,
    .popular .popular_tab .tab_nav_item .tab_btn .icon{display: none;}
    .popular .popular_tab .step_title{margin-bottom:7px; font-size: 18px; line-height: 18px;}
    .popular .popular_slide_wrap .step{border-top: 1px solid #d9d9d9;}
    .popular .popular_slide_wrap .step_item{width: auto; height: auto;}
    .popular .tab_con_list .tab_con_item{margin-top: 0;}
    .popular .popular_slide_wrap .step .notice{top: 20px;}


    .popular .popular_slide_wrap .left_box{display: none;}

    .popular .right_box{margin-top: 3px;}
    .popular .popular_slide_list{width:calc(100% + 15px); height:270px; overflow:hidden; margin-left: 0;}
    .popular .popular_slide_list .popular_item{width: 195px; height: 270px; margin-left: 10px;}
    .popular .popular_slide_list .popular_top{width: 100%; height: 109px;}
    .popular .popular_slide_list .popular_top img{width: 100%; height: 100%;}
    .popular .popular_slide_list .popular_middle{margin-top: 16px;}
    .popular .popular_slide_list .popular_category_text,
    .popular .popular_slide_list .popular_schedule{font-size: 14px; line-height: 23px;}
    .popular .popular_slide_list .popular_schedule{margin-left: 0; padding: 0 9px;}

    .popular .popular_slide_list .popular_bottom{padding-left: 0;}
    .popular .popular_slide_list .box_title{margin:17px 0 10px; font-size: 18px; line-height: 18px;}
    .popular .popular_slide_list .popular_bottom li + li{margin-top: 13px;}
    .popular .popular_slide_list .box_dd.s_date,
    .popular .popular_slide_list .popular_bottom li span{font-size: 16px; line-height: 16px;}
    .popular .popular_slide_list .box_dd.s_date{line-height: 16px;}
    .popular .popular_slide_list .box_dt{width: 55px;}
    .popular .popular_slide_list .box_dd{width: calc(100% - 55px);}

    .popular .popular_slide_wrap .popular_ctrl{position:relative; top: auto; text-align: center;}
    .popular .popular_slide_wrap .popular_ctrl button{display:inline-block; position: relative; width: 30px; height:30px; margin:10px; border-radius: 50%;}
    .popular .popular_slide_wrap .popular_ctrl button.prev{left: auto;}
    .popular .popular_slide_wrap .popular_ctrl button.next{right: auto;}

    .popular .popular_more{top:-135px; padding-left:20px; font-size: 16px; line-height: 16px;}
    .popular .popular_more:before{top:-1px; transform: scale(0.8);}
}
@media all and (max-width: 480px) {
    .popular .popular_slide_wrap .step_title,
    .popular .popular_tab .step_title{margin-bottom:5px; font-size: 16px; line-height: 16px;}
    .popular .popular_slide_wrap .step_item label span,
    .popular .popular_tab .tab_nav_item .tab_btn{font-size: 15px; line-height: 22px;}
    .popular .popular_slide_wrap .step .notice{position: relative; top: auto; left: auto; margin-top: 5px; font-size: 14px;}

    .popular .popular_slide_list .box_title{font-size: 16px; line-height: 16px;}
    .popular .popular_slide_list .box_dd.s_date,
    .popular .popular_slide_list .popular_bottom li span{font-size: 14px; line-height: 14px;}
    .popular .popular_slide_list .box_dt{width: 47px;}
    .popular .popular_slide_list .box_dd{width: calc(100% - 47px);}

    .popular .popular_more{top: -123px;}

}

/* 접근성 임시용 */
.classification_list{display:inline-block; vertical-align:top;}
.test_btn{display:inline-block; vertical-align:top; padding:0 20px; margin-left:15px; border-radius:50px; background:linear-gradient(122deg, #6e41c9 0%,#3a49ca 100%);  font-size:19px; line-height:50px; font-weight:500; color:#fff;}