@charset "UTF-8";
@media screen and (max-width:1830px){
	.autocomplete-box {left: 409px}
}
@media screen and (max-width:1520px){
	.autocomplete-box {left: 409px}
}

@media screen and (max-width:1400px){
	.gnb_header .container .head_box .gnb {margin: 0 0 0 80px;}
	.autocomplete-box {left: 402px;}
}

@media screen and (max-width:1300px){
	.gnb_header .container .head_box .inp_box {width: 200px; margin: 0 0 0 20px;}
	.gnb_header .container .head_box .gnb li a {padding: 0 20px;}
	.autocomplete_box {width: 178px;}
}

@media screen and (max-width:1280px){
	.container {padding: 0 5px;}
	.container.sty2 {padding: 0 0 0 5px;}
	.autocomplete-box {width: 217px; left: 362px;}
}

@media screen and (max-width:1200px){
	.gnb_header .container .head_box .gnb {margin: 0 0 0 66px;}	/* 25-10-27 */
}



@media screen and (max-width:1080px){
	.m_box {display: block;}
	.m_box.on {position: absolute; left: 0; width: 100%; margin: -10px 0; padding: 10px 30px 10px 10px; background-color: #0899a6;}
	.m_box .m_gnb_btn {display:block;}
	.m_box.on .m_gnb_btn {display: none;}
	.m_box .m_sch_cont {display: none; height: 40px;}
	.m_box.on .m_sch_cont {display: block;}
	.m_box .m_sch_cont input {width: 100%; height: 40px; border: none; background-color: transparent; font-weight: 400; font-size: 14px; line-height: 21px; color: #ffffff;}
	.m_box .m_sch_cont input::placeholder {font-weight: 400; font-size: 14px; line-height: 21px; color: #ffffff;}
	.m_box.on > .sch_link_btn {display: block; position: absolute; top: 50%; right: 10px; width: 15px; height: 15px; margin: -8px 0 0; background-image: url("/spri/images/common/m_sch_icon.png"); background-size: 15px 15px; background-repeat: no-repeat;}
	.m_box.on > .sch_link_btn img {display: none;}

	.gnb_header .container .head_box .inp_box {display: none;}
	.gnb_header .container .head_box .gnb {display: none;}
	.gnb_header .container .head_box .com_head_box {display: none;} 

	.footer {padding: 30px 0 36px;}
	.footer .foot_btm .container {padding: 0 5px; text-align: center;}
	.footer .foot_btm .container .foot_logo {position: inherit; top: inherit; left: inherit;}
	.footer .foot_btm .container .foot_logo img {}
	.footer .foot_btm .container .txt_box {margin: 15px 0 0; text-align: center;}
	.footer .foot_btm .container .txt_box p {margin: 13px 0 0; font-size: 14px; line-height: 21px;}
	.footer .foot_btm .container .nori_logo {position: inherit; top: inherit; right: inherit; margin: 15px 0 0;}
	.footer .foot_btm .container .nori_logo a {display: block;}
	.footer .foot_btm .container .nori_logo a img {}

	.sub_top_cont {margin: 0 0 30px; padding: 60px 0 0;}
	.sub_top_cont .sub_val_box .inner_box {height: 240px;}
	.sub_top_cont .sub_val_box .inner_box .container .title {font-size: 46px; line-height: 46px;}
	.sub_top_cont .sub_val_box .inner_box .container .text {font-size: 16px; line-height: 24px;}

	.sub_top_cont .view_link_box .container .view_list_area .list li {margin: 0 22px 0 0;}
	.sub_top_cont .view_link_box .container .view_list_area .list li a:before {height: 3px;}

	.quick_box {width: 66px; height: 66px;}

	/* 2021-10-05 */
	.apply_box .cont .inner .tit_box .tit {font-size: 22px; line-height: 60px;}
	.apply_box .cont .inner .inner_box {padding: 20px;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .txt_box .txt {font-size: 16px; line-height: 24px;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box {margin: 10px 0 0; padding: 10px;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box {}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr th {font-size: 16px; line-height: 24px;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr td.email .slt_list {font-size: 16px; line-height: 24px;}

	.apply_box .cont .inner .inner_box .inner_box2 .agree_box {margin: 15px 0 0;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_tit {font-size: 16px; line-height: 24px;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_txt {margin: 8px 0 0;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_txt .list li {margin: 5px 0 0; padding: 0 0 0 10px; font-size: 14px; line-height: 21px;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_txt .list li:before {width: 4px; height: 4px;}

	.apply_box .cont .inner .inner_box .inner_box2 .agree_box .board_box {margin: 10px 0 0;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_box .agree_chk {margin: 10px 0 0;}
	.apply_box .cont .inner .inner_box .inner_box2 .btn_box {margin: 5px 0 0;}
	.apply_box .cont .inner .inner_box .inner_box2 .btn_box .btn {font-size: 18px; line-height: 35px;}
	/* 2021-10-05 */


	.view_list_box .container > .title {font-size: 20px; line-height: 30px;}
	.view_list_box.sty2 .container > .title_area .title {margin: 0; font-size: 20px; line-height: 30px;}
	.view_list_box.sty2 .container > .title_area .tag_list_area {margin: 0 0 0	10px;}
	.view_list_box .container > .list_box > .list > li > .box {padding: 0 145px 0 0;}
	.view_list_box .container > .list_box > .list > li > .box .title_area {padding: 0 0 0 110px;}
	.view_list_box .container > .list_box > .list > li > .box .title_area .title a {font-size: 20px;}
	.view_list_box .container > .list_box > .list > li > .box .data_area .mark_list_area > .list.name li .text {font-size: 14px;}
	.view_list_box .container > .list_box > .list > li > .box .title_area .mark_list_area > .list > li a .text {padding: 0 10px; font-size: 14px;}
	.view_list_box .container > .list_box > .list > li > .box .data_area .data {margin: 0 0 0 10px; font-size: 14px;}
	.view_list_box.sty2 .container > .list_box > .list > li > .box .data_area .data {margin: 0;}

	/* 25-10 */
	.detail_search_panel{display: none;}
	
}

@media screen and (max-width:767px){
	.gnb_header .container .head_box .logo a {padding: 5px 0;}

	.m_box {width: 70px;}
	.m_box .sch_link_btn {width: 31px; margin: 0 10px 0 0;}
	.m_box .m_gnb_btn {width: 25px; height: 16px; margin: -8px 0 0;}

	.footer .foot_btm .container .foot_logo img {width: 187px;}
	.footer .foot_btm .container .nori_logo a img {width: 124px;}

	.sub_top_cont .sub_val_box .inner_box {height: 180px;}
	.sub_top_cont .sub_val_box .inner_box .container .title {font-size: 28px; line-height: 28px;}
	.sub_top_cont .sub_val_box .inner_box .container .text {font-size: 14px; line-height: 21px;}

	.sub_top_cont .view_link_box .container .view_list_area .list li a {font-size: 16px; line-height: 50px;}
	
	.m_slt_cont {z-index: 2;}
	.m_slt_cont .m_slt_cont {display: block; width: 100%; max-width: 100%; height: 40px; background-color: #07535e; border-radius: 5px; position: relative;}
	.m_slt_cont .m_slt_cont.on {border: 1px solid #07535e; border-radius: 10px 10px 0 0; background-color: #07535e;}
	.m_slt_cont .m_slt_cont .slt_tit {position: relative; padding: 3px 40px 3px 15px; font-weight: 700; font-size: 16px; line-height: 34px; color: #ffffff; cursor: pointer; text-align: left;}
	.m_slt_cont .m_slt_cont .slt_tit:after {display: block; content: ''; position: absolute; top: 50%; right: 18px; width: 15px; height: 9px; margin: -5px 0 0; background-image: url("/spri/images/common/sub_top_arr2.png"); background-size: cover; background-repeat: no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; transform: rotate(0deg);}
	.m_slt_cont .m_slt_cont.on .slt_tit:after {transform: rotate(180deg);}
	.m_slt_cont .m_slt_cont .slt_menu_list {display: none; position: absolute; top: 39px; left: -1px; right: -1px;}
	.m_slt_cont .m_slt_cont.on .slt_menu_list {display: block;}
	.m_slt_cont .m_slt_cont .slt_menu_list .list {border-top: 1px solid #20656e; background-color: #07535e; border-radius: 0 0 10px 10px;}
	.m_slt_cont .m_slt_cont .slt_menu_list .list li {display: block; margin: 0; border-bottom: 1px solid #20656e; text-align: left;}
	.m_slt_cont .m_slt_cont .slt_menu_list .list li a {display: block; padding: 3px 15px; font-weight: 400; font-size: 16px; line-height: 34px; color: #6fa9b1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
	.m_slt_cont .m_slt_cont .slt_menu_list .list li a:hover, .m_slt_cont .m_slt_cont .slt_menu_list .list li a:focus {color: #ffffff;}

	.quick_box {width: 55px; height: 55px;}

	/* 2021-10-05 */
	.apply_box .cont .inner {}
	.apply_box .cont .inner .tit_box .tit {font-size: 18px; line-height: 45px;}
	.apply_box .cont .inner .inner_box {overflow-y: scroll; height: 400px; padding: 10px;}
	.apply_box.sty2 .cont .inner .inner_box {height: 100%; padding: 20px 10px;}
	.apply_box .cont .inner .inner_box .inner_box2 {}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .txt_box .txt {font-size: 14px; line-height: 21px;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box {display: block;margin: 5px 0 0;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write {display: block;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody {display: block;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr {display: block;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr th {display: block; font-size: 14px; line-height: 27px; text-align: left;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr td.email {display: block;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr td.email .slt_list {font-size: 14px; line-height: 21px;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr td.email .box .box_inner {width: calc(100% - 159px);}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr td.email .box .box_inner input {height: 40px;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr td.email .box .box_inner .etc {line-height: 40px;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr td.email .select_box {max-width: 148px; margin: 0 0 0 11px;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr td.email .select_box select {height: 40px;}
	
	.apply_box .cont .inner .inner_box .inner_box2 .agree_box {margin: 10px 0 0;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_tit {font-size: 14px; line-height: 21px;}

	.apply_box .cont .inner .inner_box .inner_box2 .btn_box .btn {font-size: 16px; line-height: 30px;}
	
	.apply_box .cont .inner .inner_box .inner_box2 .agree_box .board_box .board_list {display: block;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_box .board_box .board_list colgroup {display: none;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_box .board_box .board_list thead {display: none;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_box .board_box .board_list thead tr {display: block;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_box .board_box .board_list thead tr th {display: block; padding: 8px 5px; font-size: 14px; line-height: 21px;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_box .board_box .board_list tbody tr td {display: block; font-weight: 500; padding: 8px 5px; font-size: 14px; line-height: 21px;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_box .board_box .board_list tbody tr td:before {display: inline-block; content: attr(data-th) ": "; width: auto; margin: 0 5px 0 0; padding: 0 5px 0 0; font-family: 'Noto Sans KR'; font-size: 14px; line-height: 21px; color: #333333; vertical-align: bottom;}
	
	.apply_box .cont .inner .inner_box .inner_box2 .agree_box .agree_chk .chk_txt .chk_area {padding: 0 0 0 23px;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_box .agree_chk .chk_txt .chk_area .chk_inp {top: 1px; width: 14px; height: 14px;}
	.apply_box .cont .inner .inner_box .inner_box2 .agree_box .agree_chk .chk_txt .chk_area label .text {font-size: 14px; line-height: 21px;}
	
	.apply_box .cont .close {top: -35px;}
	.apply_box .cont .close img {width: 35px; height: 35px;}

	.board_box {}
    .board_box .board_list {margin: 10px 0 0;}
    .board_box .board_list thead {display: none;}
	.board_box .board_list, .board_area .board_list tbody, .board_area .board_list tr, .board_area .board_list td {display: block;}
	.board_box .board_list tbody tr {position:relative; z-index:1; overflow:hidden; padding:10px 5px;}
	.board_box .board_list tbody tr td {float: left; width: 100%; border:none; padding:4px 0; font-size: 14px; color:#777; text-align:left;}
	.board_box .board_list tbody tr td:before {display: inline-block; content: attr(data-th) ": ";	 width: auto; margin: 0 5px 0 0; color: #333333;}
	.board_box .board_list tbody tr td.tit:before {display: none;}
    .board_box .board_list tbody tr td.tit {font-size: 14px; line-height: 21px;}
    .board_box .board_list tbody tr td.tit a {padding: 0;}
    .board_box .board_list tbody tr td.tit a .text {padding: 0;}
    .board_box .board_list tbody tr td br {display: none;}
	/* 2021-10-05 */

	.com_list_cont .sch_cont {max-width: 409px;}
	.com_list_cont .sch_cont .com_sch_box.fr {max-width: 200px; margin: 0 0 0 11px;}
	.com_list_cont .sch_cont .btn_box .btn {height: 40px; padding: 0 10px; vertical-align: sub;}
	.com_list_cont .sch_cont .btn_box .btn .txt {padding: 0 0 0 23px; font-size: 14px; line-height: 40px;}
	.com_list_cont .sch_cont .btn_box .btn .txt:before {width: 18px; height: 14px;}

	.view_list_box .container > .list_box {margin: 10px 0 0;}
	.view_list_box.sty2 .container > .title_area .title {height: 27px; font-size: 16px; line-height: 27px;}
	.view_list_box .container > .list_box > .list > li > .box .title_area {padding: 0 0 0 100px;}
	.view_list_box .container > .list_box > .list > li > .box .title_area .title a {height: 27px; font-size: 16px; line-height: 27px;}
	.view_list_box .container > .list_box > .list > li > .box .title_area .mark_list_area > .list > li a .text {font-size: 12px; line-height: 27px;}
	.view_list_box .container > .list_box > .list > li > .box .data_area .mark_list_area > .list.name li .text {font-size: 12px;}
	.view_list_box .container > .list_box > .list > li > .box .data_area .data {font-size: 12px;}
	.view_list_box .container > .list_box > .list > li > .box {padding: 0 125px 0 0;}

	.view_list_box {margin: 20px auto 0;}
	
}


@media screen and (max-width:480px){
	.gnb_header .container .head_box .logo a img {width: 70%;}

	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr td.email .box .box_inner {width: 100%;}
	.apply_box .cont .inner .inner_box .inner_box2 .mail_box .table_box .board_write tbody tr td.email .select_box {max-width: 100%; margin: 5px 0 0;}

	.com_list_cont .sch_cont {max-width: 100%;}
	.com_list_cont .sch_cont .btn_box {display: block; margin: 0 0 5px;}
	.com_list_cont .sch_cont .btn_box .btn {width: calc(50% - 2px);}
	.com_list_cont .sch_cont .btn_box .btn.sty2 {margin: 0 0 0 4px;}
	.com_list_cont .sch_cont .com_sch_box.fr {max-width: 100%; margin: 0;}

	.view_list_box .container > .list_box > .list > li > .box {padding: 0;}
	.view_list_box .container > .list_box > .list > li > .box .title_area {padding: 0;}
	.view_list_box .container > .list_box > .list > li > .box .data_area {position: inherit; top: inherit; right: inherit; margin: 0;}
	.view_list_box .container > .list_box > .list > li > .box .title_area .mark_list_area {display: block; position: inherit; top: inherit; left: inherit;}
}

@media (max-width: 1080px){
	.result-wrapper {margin-left: 0px; margin-right: 0px;}
}