


.s_a{margin-bottom: 40px;}
.s_a .main_search_container{max-width:1200px; margin:0 auto; padding:0 30px;}

.s_a .main_search_wrapper{display:flex; border:1px solid #2ea17d; border-radius:100px;}
.s_a .main_search_wrapper .form_cols{flex:1;}
.s_a .main_search_wrapper .btn_cols{padding:10px 20px 10px 15px; display:flex; flex-direction:column; justify-content:center; align-items:center;}

.s_a .ms_form_list{display:flex; height:100%;}
.s_a .ms_form_list > li{border-right:1px solid #2ea17d; flex:1;}

.s_a .ms_form_item{height:74px; position:relative; display:flex; gap:6px; align-items:center; padding:20px 25px 20px 20px; box-sizing:border-box;}
.s_a .ms_form_item.hasnot_arrow{padding:20px;}
.s_a .ms_form_item.hasnot_arrow:after{display:none;}
.s_a .ms_form_item .ico{flex:0 0 36px; width:36px; height:36px; background-position:50% 50%; background-repeat:no-repeat; background-size:100% auto;}
.s_a .ms_form_item .ico.shape_where{background-image:url("/asp/images/icon/ico_search_box_01.png");}
.s_a .ms_form_item .ico.shape_start{background-image:url("/asp/images/icon/ico_search_box_02.png");}
.s_a .ms_form_item .ico.shape_date{background-image:url("/asp/images/icon/ico_search_box_03.png");}
.s_a .ms_form_item .ico.shape_search{background-image:url("/asp/images/icon/ico_search_box_04.png");}
.s_a .ms_form_item:after{display:block; content:''; width:10px; height:10px; border-right:1px solid #2ea17d; border-bottom:1px solid #2ea17d; position:absolute; top:50%; right:15px; transform:rotate(45deg); margin-top:-8px;}
.s_a .ms_form_item.result_mode .ms_node_placeholder{display:none;}
.s_a .ms_form_item.result_mode .ms_node_result{display:block;}

.s_a .ms_node_group{flex:1;}
.s_a .ms_node_placeholder,
.s_a .ms_node_result{font-size:15px; color:#2ea17d;}
.s_a .ms_node_result{display:none;}

.s_a .btn_node_reset{display:inline-block; width:14px; height:14px; position:relative; top:1px;}
.s_a .btn_node_reset:before,
.s_a .btn_node_reset:after{display:block; content:''; width:1px; height:13px; background:#c1c1c1; position:absolute; top:50%; left:50%;}
.s_a .btn_node_reset:before{transform:translate(-50%,-50%) rotate(-45deg);}
.s_a .btn_node_reset:after{transform:translate(-50%,-50%) rotate(45deg);}

.s_a input.ms_node_input{font-size:15px; color:#2ea17d; width:100%; box-sizing:border-box; height:36px; border:0; padding:0; appearance:none;}
.s_a input.ms_node_input::placeholder{color:#2ea17d;}

.s_a .btn_ms_form{display:flex; justify-content:center; align-items:center;}
.s_a .btn_ms_form .ico{width:46px; height:46px; background:#2ea17d url("/asp/images/icon/ico_search_46.png") no-repeat 50% 50%/100% auto; border-radius:100%;}
.s_a .btn_ms_form .text_node{display:none;}


@media (max-width:1023px){
	.s_a{margin-bottom: 20px;}
    .s_a .main_search_container{margin:20px; padding:0;}
    .s_a .main_search_wrapper{border-radius:13px; padding:0 15px; display:block;}
    .s_a .main_search_wrapper .btn_cols{padding:15px;}
    .s_a .ms_form_list{height:auto; display:block;}
    .s_a .ms_form_list > li{border:0; border-bottom:1px solid #e7e7e7;}
    .s_a .ms_form_item{height:auto; padding:15px 35px 15px 0;}
    .s_a .ms_form_item .ico{flex-basis:28px; width:28px; height:28px;}
    .s_a .ms_form_item.hasnot_arrow{padding:15px 15px 15px 0;}
    .s_a .ms_form_item:after{right:12px;}
    .s_a input.ms_node_input{height:28px;}
    .s_a .btn_ms_form{min-height:45px; min-width:140px; text-align:center; background:#2ea17d; border-radius:100px; box-sizing:border-box; padding:10px;}
    .s_a .btn_ms_form .ico{display:none;}
    .s_a .btn_ms_form .text_node{display:block; font-size:15px; color:#fff; font-weight:500;}
}


/* 지역정보 */

/* 레이어 박스 */
#s_a_layer_box_01.poslayer_z{display:none; position:absolute; top:0; left:0; z-index:10; width:1020px; box-sizing:border-box; border-radius:10px; background:#fff; border:1px solid #787878; box-shadow:3px 2px 13px 0px rgba(0, 0, 0, 0.3);}
#s_a_layer_box_01.poslayer_z.wtype2{width:1020px;}
#s_a_layer_box_01.poslayer_z.active{display:block;}
#s_a_layer_box_01.poslayer_z .pcont_w {padding: 0;}

/* 닫기 */
#s_a_layer_box_01 .layerclose{display:block; width:45px; height:45px; position:absolute; top:0; right:0; font-size:0; line-height:0;}
#s_a_layer_box_01 .layerclose:before,
#s_a_layer_box_01 .layerclose:after{width:18px; height:2px; display:block; content:''; position:absolute; top:50%; left:50%; background:#646464; margin:-1px 0 0 -9px; transform:translateZ(0); -webkit-transform:translateZ(0); -ms-transform:translateZ(0); -moz-transform:translateZ(0);}
#s_a_layer_box_01 .layerclose:before{transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#s_a_layer_box_01 .layerclose:after{transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

/* 타이틀 / 본문 */
#s_a_layer_box_01 .poslayer_titlow{font-family:'Noto Sans KR'; text-align:center;}
#s_a_layer_box_01 .poslayer_contlow{padding:25px 20px 0; font-family:'Noto Sans KR';}
#s_a_layer_box_01 .poslayer_tit{font-size:19px; color:#1b1b1b; padding:18px 30px; border-bottom:1px solid #e7e7e7; font-family:'Noto Sans KR'; font-weight:500; margin:0 20px;}
#s_a_layer_box_01 .poslayer_tit.type2{border-color:#e7e7e7; margin:0 30px;}

/* 지역 선택 */
#s_a_layer_box_01 .sort_chkitem_container{display:flex;}
#s_a_layer_box_01 .sort_chkitem_container .cate_cols{flex:0 0 230px; width:230px; border-right:1px solid #e7e7e7; box-sizing:border-box; padding:0 35px 0 0;}
#s_a_layer_box_01 .sort_chkitem_container .depth_cols{padding:0 0 0 35px; flex:1;}

#s_a_layer_box_01 .sort_cateitem{font-size:15px; border-radius:4px; padding:15px; color:#6d6c6c; font-weight:500; display:block; border:1px solid transparent;}
#s_a_layer_box_01 .sort_cateitem.active{border-color:#008aa3; color:#008aa3; background:#f2faf8;}

#s_a_layer_box_01 .sort_catecont_wrap{display:none;}
#s_a_layer_box_01 .sort_catecont_wrap.active{display:block;}

#s_a_layer_box_01 .sort_catecont_list{display:flex; flex-wrap:wrap; margin-right:-40px; gap:40px;}
#s_a_layer_box_01 .sort_catecont_list > li{flex:0 0 calc(33.33333333333% - 40px);}

#s_a_layer_box_01 .sort_cateitem_title_row{border-bottom:1px solid #000000; padding:0 5px 10px;}
#s_a_layer_box_01 .sort_cateitem_title{font-weight:500; color:#4e4e4e; font-size:16px;}
#s_a_layer_box_01 .sort_cateitem_title:hover,
#s_a_layer_box_01 .sort_cateitem_title.active{color:#008aa3;}
#s_a_layer_box_01 .sort_cateitem_contents{margin-top:20px; padding:0 5px;}

#s_a_layer_box_01 .scc_item_list{display:flex; flex-wrap:wrap; gap:20px; margin-right:-20px;}
#s_a_layer_box_01 .scc_item_list > li{flex:0 0 calc(50% - 20px);}

#s_a_layer_box_01 .scc_item{display:inline-block; font-size:14px; color:#4e4e4e; border-bottom:1px solid transparent; padding-bottom:2px;}
#s_a_layer_box_01 .scc_item:hover,
#s_a_layer_box_01 .scc_item.active{color:#008aa3; border-color:#008aa3;}

/* 선택 버튼 */
#s_a_layer_box_01 .btn_psubmit_w{text-align:center; padding:18px; margin:20px 0 0; border-top:1px solid #ddd;}
#s_a_layer_box_01 .btn_psubmit{display:inline-block; color:#000000; font-size:16px; font-weight:500; line-height:1; border:1px solid #7e7e7e; border-radius:100px; padding:10px 10px 11px; min-width:110px; box-sizing:border-box;}


@media (max-width:1023px){
    #s_a_layer_box_01.poslayer_z{width:calc(100% - 40px) !important; left:20px !important;}

    #s_a_layer_box_01.poslayer_z.mb_full{position:fixed; top:20px !important; height:calc(100% - 40px) !important; z-index:90;}
    #s_a_layer_box_01.poslayer_z.mb_full.active{display:flex; flex-direction:column;}
    #s_a_layer_box_01.poslayer_z.mb_full .poslayer_contlow{flex:1; position:relative; overflow-y:auto; padding:25px 20px;}
    #s_a_layer_box_01.poslayer_z.mb_full .btn_psubmit_w{margin-top:0;}

    #s_a_layer_box_01 .poslayer_tit{font-size:16px;}

    #s_a_layer_box_01 .sort_chkitem_container .cate_cols{flex:0 0 40%; width:40%; padding:0 15px 0 0;}
    #s_a_layer_box_01 .sort_chkitem_container .depth_cols{padding:0 0 0 15px;}
    #s_a_layer_box_01 .sort_cateitem{font-size:13px; padding:8px;}
    #s_a_layer_box_01 .sort_catecont_list{display:block; margin:0;}
    #s_a_layer_box_01 .sort_catecont_list > li{margin-bottom:30px;}
    #s_a_layer_box_01 .sort_catecont_list > li:last-of-type{margin-bottom:0;}
    #s_a_layer_box_01 .scc_item,
    #s_a_layer_box_01 .sort_cateitem_title{font-size:13px;}
    #s_a_layer_box_01 .sort_cateitem_contents{margin-top:20px; padding:0 5px;}
}


/* 출발지 */

/* 레이어 박스 */
#s_a_layer_box_02.poslayer_z{display:none; position:absolute; top:0; left:0; z-index:10; width:277px; box-sizing:border-box; border-radius:10px; background:#fff; border:1px solid #787878; box-shadow:3px 2px 13px 0px rgba(0, 0, 0, 0.3);}
#s_a_layer_box_02.poslayer_z.active{display:block;}

/* 닫기 */
#s_a_layer_box_02 .layerclose{display:block; width:45px; height:45px; position:absolute; top:0; right:0; font-size:0; line-height:0;}
#s_a_layer_box_02 .layerclose:before,
#s_a_layer_box_02 .layerclose:after{width:18px; height:2px; display:block; content:''; position:absolute; top:50%; left:50%; background:#646464; margin:-1px 0 0 -9px; transform:translateZ(0); -webkit-transform:translateZ(0); -ms-transform:translateZ(0); -moz-transform:translateZ(0);}
#s_a_layer_box_02 .layerclose:before{transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#s_a_layer_box_02 .layerclose:after{transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

/* 타이틀 / 본문 */
#s_a_layer_box_02 .poslayer_titlow{font-family:'Noto Sans KR'; text-align:center;}
#s_a_layer_box_02 .poslayer_contlow{padding:25px 20px 0; font-family:'Noto Sans KR';}
#s_a_layer_box_02 .poslayer_tit{font-size:19px; color:#1b1b1b; padding:18px 30px; border-bottom:1px solid #e7e7e7; font-family:'Noto Sans KR'; font-weight:500; margin:0 20px;}

/* 출발지 목록 */
#s_a_layer_box_02 .pclayer_vlist > li{margin-bottom:10px;}
#s_a_layer_box_02 .pclayer_vlist > li:last-of-type{margin-bottom:0;}

#s_a_layer_box_02 .pcv_chk{display:block; font-size:14px; color:#5f5f5f; text-align:center; padding:10px; border:1px solid #fff; border-radius:5px;}
#s_a_layer_box_02 .pcv_chk.active{border-color:#008aa3; background-color:rgb(242, 250, 248);}

/* 선택 버튼 */
#s_a_layer_box_02 .btn_psubmit_w{text-align:center; padding:18px; margin:20px 0 0; border-top:1px solid #ddd;}
#s_a_layer_box_02 .btn_psubmit{display:inline-block; color:#000000; font-size:16px; font-weight:500; line-height:1; border:1px solid #7e7e7e; border-radius:100px; padding:10px 10px 11px; min-width:110px; box-sizing:border-box;}


@media (max-width:1023px){
    #s_a_layer_box_02.poslayer_z{width:calc(100% - 40px) !important; left:20px !important;}

    #s_a_layer_box_02 .poslayer_tit{font-size:16px;}
}
