@charset "utf-8";

/**** Media Query *********************************/

@media (max-width:1450px){
	.s223_new .arti01 .text-wrap {padding-right: 30px;}
	.s223_new .arti01 .img-wrap {max-width: 600px;}
	
	.s223_new .arti02 .text-wrap {padding-left: 0;}
	.s223_new .arti02 .img-wrap {padding: 45px 80px 0 70px;}

	.s223_new .arti07 .btn-area {padding-left: 100px;}
}

@media (max-width:1400px){


.s113 .arti02 ul li {width: 48%; margin-right: 2%; max-width:100%;}
.s113 .arti02 ul li:last-child {margin-right: 0;}

.s212 .icon_box, .s214 .arti02 {padding:100px 20px 0;}
}

@media (max-width:1320px){

.his_wrap dt {padding-left: 2%;}
.his_wrap dt h3 {font-size: 30px;}

.s2table_wrap img {width: 90%;}

.new_text_table .title h4 {box-sizing:border-box; padding:0 20px; line-height: 1.4;}
.new_text_table .text {padding:20px; height: 570px;}
.dot_p br {display: none;}

.padding_box {padding:20px;}
.padding_box li > div p br {display: none;}

.s223 .arti04 .box {padding: 20px; padding-top: 40px;}

.s224_new_ul li {flex-direction: column;}
.s224_new_ul li .title {width: 100%;}
.s224_new_ul li .title h2 {width: 100%; height: 45px; font-size: 18px;}
.s224_new_ul li .title h2 br {display: none;}
.s224_new_ul li .img_wrap {justify-content: normal; width: 100%; box-sizing:border-box; padding:20px; }
.s224_new_ul li .img_wrap figure {width: 100%; margin-right: 2%;}
.s224_new_ul li .img_wrap figure:last-child {margin-right: 0;}

.s31 ul li a {padding:20px;}
.s31 ul li h3 {font-size: 18px; line-height: 1.4; width: 100% !important; box-sizing:border-box; padding-right: 20px;}
.s31 ul li h3:before {right: 0;}
.s31 ul li a:before {width: 40px; height: 47px; background-size:100% !important;}

.s61_design li:before {right: -14%; width: 20px; height: 23px; background-size:100%;}
.s61_design li {box-sizing:border-box; padding:0 20px;}
.s61_design img {max-width:100px}
.s61_design li br {display: none;}
.s61_design li h2 {font-size: 14px;}
.s61_design li h3 {font-size: 16px;}
.s61_design li p {font-size: 16px; -ms-word-break: keep-all;
word-break: keep-all;}
.respon_l .col_progress span {width:60px; font-size: 12px; height: 35px;}

}

@media (max-width:1200px){

	.s113 .arti02 ul li div a {height: 35px; width: 70px; font-size: 12px;}

	.s223_new .arti01 .text-wrap {padding-right: 20px;}
	.s223_new .arti01 .img-wrap {max-width: 500px;}
	
	.s223_new .arti02 .img-wrap {padding: 45px 50px 40px 40px;}
	
	.s223_new .arti03 .wrap, .s223_new .arti04 .wrap, .s223_new .arti05 .wrap, .s223_new .arti06 .wrap {flex-wrap: wrap; justify-content: center;}
	.s223_new .arti03 .text-wrap, .s223_new .arti04 .text-wrap, .s223_new .arti05 .text-wrap, .s223_new .arti06 .text-wrap {width: 100%; flex: auto;}
	.s223_new .cont-wrap {margin-top: 40px;}
	.s223_new .list-wrap {margin-top: 0;}

	.s223_new .arti07 .btn-area {padding-left: 50px;}

	.s225_new .arti02 .wrap {padding: 40px;}
	.s225_new .arti02 ul {margin: 0 -15px;}
	.s225_new .arti02 ul li {padding: 0 15px;}
	.s225_new .arti02 ul li .inner {padding: 50px 35px;}
	.s225_new .arti03 .row .text-wrap h4 br {display: none;}
 	.s225_new .arti04 .list-wrap ul li .icon {max-width: 110px; width: 100%; height: 110px; background-size: 110px auto; margin-right: 25px;}
	.s225_new .arti04 .list-wrap ul li:nth-child(even) .icon {margin-left: 20px;}
	.s225_new .arti04 .list-wrap ul li:nth-child(odd) .text {padding-right: 20px;}
	.s225_new .arti05 .text-wrap h3 br {display: none;}
	.s225_new .arti05 .btn-area {padding-left: 50px;}

}

@media (max-width:1024px){
	.page_content {box-sizing:border-box; padding:0 20px;}

	.icon_box li {padding-right: 20px;}
	.icon_box li:nth-child(2n) {padding-left: 20px;}
	
	.new_text_table {flex-direction: column; margin-bottom: 3rem;}
	.new_text_table li {width: 100%; margin-bottom:1rem;}
	.new_text_table .text  {height: auto; min-height: auto;}

	.padding_box, 
	.s223 .arti04 .box dl {flex-direction: column;}
	.padding_box li,
	.s223 .arti04 .box dl li {width: 100%; max-width:100%; margin-bottom: 1rem;}
	.s223 .arti04 .box dt {width: 100%; margin-bottom: 1rem; box-sizing:border-box; height: auto; padding:2rem 20px;} 
	.padding_box li > div {padding-top: 0; height: auto; padding:2rem 20px;}
	.padding_box li > div h2 {font-size: 16px; margin-bottom: 10px;}

	.s31 ul li {width: 31%; margin-right:3.5%;}
	.s31 ul li:nth-child(3n) {margin-right: 0;}

	.bd_search {padding:1rem 20px; margin-top: 3rem !important;}
	.bd_search #bo_sch form {display:flex; justify-content: center;}
	.bd_search .select_ty {height: 40px; font-size: 12px; padding-left: 10px;}
	.bd_search .input_ty {height: 40px; font-size: 12px; padding-left: 10px; width: 50%;}
	.bd_search .btn_search {height: 40px; font-size: 12px; width: 70px;}

	.s223_new article .wrap {flex-wrap: wrap; justify-content: center;}
	.s223_new article .text-wrap {width: 100%; flex: auto;}

	.s223_new .arti04 .img-wrap {bottom: -50px; right: 20px;}
	.s223_new .arti03 .img-wrap img, .s223_new .arti04 .img-wrap img, .s223_new .arti05 .img-wrap img, .s223_new .arti06 .img-wrap img {width: 85%;}

	.s223_new .arti07 .btn-area {padding-left: 0; margin-top: 50px;}

	.s225_new .arti02 .wrap {padding: 30px;}
	.s225_new .arti02 ul {margin: 0 -10px;}
	.s225_new .arti02 ul li {padding: 0 10px;}
	.s225_new .arti02 ul li .inner {padding: 40px 30px;}
	.s225_new .arti05 .wrap {flex-wrap: wrap; justify-content: center;}
	.s225_new .arti05 .btn-area {padding-left: 0; margin-top: 50px;}
}


@media (max-width:800px){
	.sv_sec {height: 250px;}
	.sv_sec .tit_box h3 {font-size: 30px; padding-top: 10px; text-align: center;}
	.sv_sec .tit_box h3:before {width: 12px; height: 9px;}
	.top_lnb_wrap ul li a,
	.tab_lnb .dep3 li a, #bo_cate > ul li a {height: 40px; font-size: 14px;}
	#bo_cate > ul {height: 40px;}



	.sub_layout > * {padding-top: 5rem;}
	.sub_layout section > article:last-child {padding-bottom: 5rem;}

	.sub_title h2,
	.s12 h2 {font-size: 20px;}
	.s12 h2 {margin-bottom: 3rem;}
	.tab_lnb .dep3, #bo_cate > ul {margin:2rem 0;}

	.s1_text_wrap h3 {font-size: 20px; margin:10px 0; -ms-word-break: keep-all; word-break: keep-all;}
	.s1_text_wrap h3 br {display: none;}
	.s1_text_wrap .text p {margin-bottom: 1rem; -ms-word-break: keep-all; word-break: keep-all;}
	.s1_text_wrap .text p br {display: none;}
	.s111 figure {margin-top: 3rem;}

	.s112 .arti01 .text {height: 200px;  box-sizing:border-box; padding:0 20px; -ms-word-break: keep-all; word-break: keep-all;}
	.s112 .arti01 .text h2 {font-size: 20px; margin-bottom: 10px;}
	.s112 .arti01 .text p {font-size: 18px; line-height: 1.4;}

	.his_wrap {box-sizing:border-box; padding:0 20px;}
	.his_wrap dt {padding-left: 0%;}
	.his_wrap dt h3 {font-size: 20px;}
	.his_wrap dt h3:before {width: 40%;}
	.his_wrap dd {padding-left: 20px;}
	.his_wrap dd ul li span {margin-right: 20px;}

	.s113 .arti02 {margin-top: 3rem;}
	.s113 .arti02 ul {flex-direction: column;}
	.s113 .arti02 ul li {width: 100%;     flex-direction: column;}
	.s113 .arti02 ul li:first-child .kor,
	.s113 .arti02 ul li:first-child .eng {margin-bottom: 3rem;}
	.s113 .arti02 ul li img {max-width:100% !important;}

	.s114 .root_daum_roughmap .wrap_map {height: 50vw !important;}
	.map_txt {padding:2rem 0 0; height: auto;}
	.map_txt > h3 {margin-bottom: 20px; font-size: 20px;}
	.map_txt > ul > li {line-height: 1.4; margin-bottom: 10px;}
	.map_txt > ol {margin-top: 1rem;}
	.map_txt > ol > li {width: 35px; height: 35px;}

	.partnership li {width: 48%; margin-right: 2.5%;}
	.partnership li:nth-child(2n) {margin-right: 0;}
	.partnership li:nth-child(4n) {margin-right: 2.5;%}
	.partnership li img {}
	/* 
	 * [2026-01-12 마이그레이션중발견
	 * 원본 CSS는 4열 레이아웃으로 설계됨
	 * 모바일에서 2열로 변경시 4n 규칙이 2번째 요소(2n)와 충돌
	 * 의도적 css파싱 오류(2.5;%)로 4n 규칙을 무시하여 2열정렬유지
	 * 수정시 주의: 2.5;% -> 2.5% 변경하면 레이아웃깨짐
	 */

	#gall_ul > li {width: 48%; margin-right: 2.5%;}
	#gall_ul > li:nth-child(2n) {margin-right: 0;}
	#gall_ul > li:nth-child(4n) {margin-right: 2.5%;}
	#gall_ul > li:nth-child(4n+4) {margin-right: 0;}

	.page_content {margin-bottom: 2rem; box-sizing:border-box; padding:0 20px;}
	.page_content .page_title {font-size: 20px;}
	.page_content p {margin-top: 10px; -ms-word-break: keep-all;
	word-break: keep-all;}
	.page_content p br {display: none;}

	.s2table_wrap {padding-top: 3rem; overflow: auto;}
	.s2table_wrap table {width: 800px;}
	.s2table_wrap th {font-size: 12px; padding:5px; }
	.s2table_wrap td {padding:10px !important; -ms-word-break: keep-all;
	word-break: keep-all;}
	.s2table_wrap td,
	.s2table_wrap .dot_box p {font-size: 12px; line-height: 1.4;}
	.s2table_wrap .dot_box p:before {top: 6px;}
	.s2table_wrap img {width: 100%;}
	.s2table_wrap td {}

	.t_box {height: auto !important; padding:1rem 20px;}
	.t_box h3 {font-size: 12px;}
	.t_box p {font-size: 12px;}
	.content_img_box {margin-top: 3rem !important;}

	.icon_box { flex-direction: column;  padding-top: 5rem !important; }
	.icon_box li {width: 100%; flex-direction: column; padding:1rem 0 !important;}
	.icon_box li:nth-child(n+3) {padding:1rem 0;}
	.icon_box li:nth-child(2n) {padding-left: 0;}
	.icon_box li:before {display: block !important;} 
	.icon_box li:last-child:before,
	.icon_box li:after {display: none !important;}
	.s213 .icon_box li:nth-child(n+3) {margin-top: 0;}
	.icon_box li figure {min-width: 100px; width: 100px; min-height: 100px; height: 100px; margin:0 auto 1rem;}
	.icon_box img {max-widtH:100px;}
	.icon_box li .text {padding-left: 0px; text-align: center; width: 100%;}
	.icon_box li .text h3 {font-size: 20px; margin-bottom: 10px; margin:0 auto;}
	.icon_box li .text h4 {margin-top: 10px;}
	.icon_box li .text .label:last-child {margin-top: 10px;}
	.dot_p {  display: block;}
	.dot_p:before {top:13px;}
	.sub_text {margin:1rem;}
	.sub_text .dot_p {text-align: left;}

	.dot_p span br {display: none;}

	.sstab_box {margin-bottom: 3rem !important;}
	.sstab_box ul li a {height: 35px; font-size: 14px; width: 100px;}

	.text_table li {flex-direction: column;}
	.text_table li .title {padding-left: 0px; width: 100%; padding: 1rem 0;}
	.text_table li .text {width: 100%; padding: 2rem 0;}
	.text_table li .text h5  {margin-bottom: 10px;}
	.text_table li h4, .s2table_wrap h2 {font-size: 20px;}
	.text_table li .text h5 br {display: none;}


	.s2_tb_wrap table img {width: 100%;}
	.s2_tb_wrap table th {padding:5px; font-size: 12px;}
	.s2_tb_wrap table td {font-size: 14px; padding: 5px;}

	.new_text_table .title h4 {font-size: 16px; height: 40px;}

	.s223 .arti04 .box ul {flex-direction: column;}
	.s223 .arti04 .box ul li {width: 100%; margin-bottom: 1rem;}
	.s223 .arti04 .box dt b br,
	.s223 .arti04 .box dt br,
	.s225 .arti02 ul li:first-child > div p br {display: none;}

	.sub_layout .s224 .arti04 {margin-bottom: 3rem;}
	.s224 .icon_box {padding-top: 0 !important;}
	.sub_layout .s224 article {margin-bottom: 3rem;}
	.s224 .arti02 ul,
	.s224_common,
	.s225 .arti02 ul li:first-child {flex-direction: column;}
	.s224 .arti02 ul li{padding:20px; width: 100%; border-right: 0;}
	.s224_common li,
	.s224 .arti07 .s224_common li,
	.s225 .arti02 ul li:first-child > div {width: 100%; margin-bottom: 1rem; height: auto; padding:2rem 20px;}
	.s224_common li p,
	.s224 .arti07 .s224_common li p {min-height: auto;}
	.s225 .arti02 {padding: 20px; border:0; margin:0}
	.s225 .arti02 ul li:first-child {margin-bottom: 0;}
	.s225 .arti02 ul li:first-child > div  {box-sizing:border-box;}
	.s225 .arti03 {margin-bottom: 0rem; margin-top: 0;}

	.s223_new article:not(:last-child) {margin-bottom: 80px;}
	.s223_new article .text-wrap b {font-size: 17px; margin-bottom: 10px;}
	.s223_new article .text-wrap h3 {font-size: 20px; margin-bottom: 25px;}
	.s223_new article .text-wrap p {font-size: 16px;} 
	.s223_new article .text-wrap p span.yellow {margin-bottom: 5px;}
	.s223_new article .text-wrap p:not(:last-child) {margin-bottom: 20px;}

	.s223_new .arti01 .text-wrap {padding-right: 0;}
	.s223_new .arti01 .img-wrap {padding-top: 30px;}
	.s223_new .arti02 {padding: 50px 0 60px; }
	.s223_new .arti02 .img-wrap {padding: 30px 0;}

	.s223_new .reverse .cont-wrap {display: flex; flex-direction: column-reverse;}
	.s223_new .arti03 .img-wrap, .s223_new .arti04 .img-wrap, .s223_new .arti05 .img-wrap, .s223_new .arti06 .img-wrap {position: relative; bottom: auto; right: auto; left: auto; text-align: center; margin-bottom: 20px;}
	.s223_new .arti03 .img-wrap img, .s223_new .arti04 .img-wrap img, .s223_new .arti05 .img-wrap img, .s223_new .arti06 .img-wrap img {width: auto;}

	.s223_new .list-wrap {max-width: none; width: calc(100% - 50px); padding: 40px 20px 40px 30px; margin: 0 auto;}
	.s223_new .reverse .list-wrap {margin: 0 auto;}
	.s223_new .list-wrap li {font-size: 16px; padding-left: 20px;}
	.s223_new .list-wrap li:not(:last-child) {margin-bottom: 15px;}
	.s223_new .list-wrap li:before {top: 9px;}

	.s223_new .arti07 .wrap {padding: 50px 40px;}
	.s223_new .arti07 .btn-area a {width: 150px; font-size: 18px; line-height: 50px;}

	.s225_new .arti01 {height: 260px; border-radius: 80px 0 0 0;}
	.s225_new .arti01 .text-wrap h3 {font-size: 22px; margin-bottom: 15px;}
	.s225_new .arti01 .text-wrap p {font-size: 16px;}
	.s225_new .arti02 > p {font-size: 16px; margin: 60px 0;}
	.s225_new .arti02 .wrap {padding: 20px;}
	.s225_new .arti02 ul {display: block; margin: -10px;}
	.s225_new .arti02 ul li {display: flex; align-items: stretch; width: calc(100% - 20px); padding: 10px;}
	.s225_new .arti02 ul li .inner {padding: 30px 30px;}
	.s225_new .arti02 ul li .icon {background-size: 55px auto; margin-bottom: 10px;}
	.s225_new .arti02 ul li b {font-size: 20px; margin-bottom: 10px;}
	.s225_new .arti02 ul li p {font-size: 16px;}
	.s225_new .arti03 .row {display: block; max-width: 628px; margin: 50px auto 0;}
	.s225_new .arti03 .row > div {width: 100%;}
	.s225_new .arti03 .row .text-wrap {margin-bottom: 20px;}
	.s225_new .arti03 .row .text-wrap b {font-size: 18px; margin-bottom: 10px; padding-right: 0;}
	.s225_new .arti03 .row .text-wrap h4 {font-size: 20px; margin-bottom: 15px; padding-right: 0;}
	.s225_new .arti03 .row .text-wrap p {font-size: 16px; padding-right: 0; }
	.s225_new .arti03 .row .text-wrap p:not(:last-child) {margin-bottom: 15px;}
	.s225_new .arti03 .row:nth-child(even) .text-wrap b {padding-left: 0;}
	.s225_new .arti03 .row:nth-child(even) .text-wrap h4 {padding-left: 0;}
	.s225_new .arti03 .row:nth-child(even) .text-wrap p {padding-left: 0;}
	.s225_new .arti04 {padding-top: 60px;}
	.s225_new .arti04 .title {margin-bottom: 30px;}
	.s225_new .arti04 .title h3 {font-size: 22px; margin-bottom: 15px;}
	.s225_new .arti04 .title p {font-size: 16px;}
	.s225_new .arti04 .list-wrap {padding-bottom: 80px;}
	.s225_new .arti04 .list-wrap ul li {width: calc(50% - 40px); display: block; padding: 30px 20px 25px;}
	.s225_new .arti04 .list-wrap ul li .icon {max-width: 100px; width: 100%; height: 100px; background-size: 100px auto; margin: 0 auto 10px;}
	.s225_new .arti04 .list-wrap ul li:nth-child(even) .icon {margin: 0 auto 10px;}
	.s225_new .arti04 .list-wrap ul li:nth-child(odd) .text {padding-right: 0;}
	.s225_new .arti04 .list-wrap ul li .text {width: 100%; flex: auto; text-align: center;}
	.s225_new .arti04 .list-wrap ul li .text b {font-size: 18px; margin-bottom: 5px;}
	.s225_new .arti04 .list-wrap ul li .text h4 {font-size: 20px; margin-bottom: 10px;}
	.s225_new .arti04 .list-wrap ul li .text p {font-size: 16px; padding-left: 0;}
	.s225_new .arti04 .list-wrap ul li .text p span:before {top: 11px; left: -12px;}
	.s225_new .br-none {display: none;}
	.s225_new .arti05 .wrap {padding: 50px 40px;}
	.s225_new .arti05 .text-wrap b {font-size: 17px; margin-bottom: 10px;}
	.s225_new .arti05 .text-wrap h3 {font-size: 20px;}
	.s225_new .arti05 .btn-area a {width: 150px; font-size: 18px; line-height: 50px;}

	.s4_1 h3,
	#bo_v_title {font-size: 16px; line-height: 1.4;}
	#gall_ul > li > .gall_con .gall_text_href {padding: 0; padding-top: 10px;}
	.s4_1 h3 {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding: 0;}

	.btn_confirm > input[type=submit] {font-size: 12px;}

	.s61_design  {flex-direction: column;}
	.s61_design li {width: 100%; margin-bottom: 2rem; height: auto; padding:1.5rem 20px;}
	.s61_design li:before {display: none;}
	.s61_design li h2 {margin-top: 20px;}
	.s61_design li p {min-height: auto;}
}

@media (max-width:640px){
	.bo_wrap_1 {margin-bottom: 0 !important;}
	.pg_wrap {margin-bottom: 0;}
	a.btn_b01 {padding: 5px; font-size: 14px;	}
	.tab_lnb22 .dep3 li {-ms-flex:1; flex:1; max-width:none;}
	.tab_lnb22 .dep3 li a {font-size: 12px; height: 70px; -ms-word-break: keep-all; word-break: keep-all; box-sizing:border-box; padding:0 5px; text-align: center;}

	.s224_new_ul li .img_wrap {flex-wrap:wrap;}
	.s224_new_ul li .img_wrap figure {margin-bottom: 1rem; margin-right: 3%; width: 48%; }
	.s224_new_ul li .img_wrap figure:nth-child(2n) {margin-right: 0;}

	.s225_new .arti04 .list-wrap ul:before {display: none;}
	.s225_new .arti04 .list-wrap ul:after {display: none;}
	.s225_new .arti04 .list-wrap ul li {width: 100%;}


	.s31 ul li {width: 48%; margin-right:3.5%; position: relative;}
	.s31 ul li:nth-child(3n) {margin-right: 3.5%;}
	.s31 ul li:nth-child(2n) {margin-right: 0;}
	.s31 ul li a:before {right: 20px; bottom: 20px;}
	.s31 ul li h3 {position: static; padding: 0; margin-top: 20px; font-size: 16px; -ms-word-break: keep-all;
	word-break: keep-all; 	}
	.s31 ul li h3:before {right: 20px; top: 20px;}
	.s61_design {margin-bottom: 0;}
	.s61_design img {max-width:50px;}
	.s61_design li h2 {margin: 0;}
	.s61_design li h3 {margin-bottom: 0; font-size: 18px; margin-bottom: 10px;}

	.s61 .col_subject {padding-left: 20px !important; margin-bottom: 10px;}
	.respon_l .col_progress span {margin-left: 20px;}
}

@media (max-width:480px){
	.s223_new .arti03 .img-wrap img, .s223_new .arti04 .img-wrap img, .s223_new .arti05 .img-wrap img, .s223_new .arti06 .img-wrap img {width: 100%;}
}

/* 탭 2줄 병기(시안 B) 반응형: 2줄 라벨이 고정 높이를 넘지 않게 */
@media (max-width:1024px){
	.tab_lnb22 .dep3 li a {height:auto; min-height:40px; padding:6px 5px;}
	.tab_lnb22 .dep3 li a span small {font-size:11px; margin-top:2px;}
}
@media (max-width:640px){
	.tab_lnb22 .dep3 li a {min-height:70px;}
	.tab_lnb22 .dep3 li a span small {font-size:10px;}
}