@charset "utf-8";


@media (max-width: 1600px) {
	.arti-side{  margin: 0px -1.5vw !important; margin-top: 12px !important; margin-bottom: -141px !important;}
	

	
}

@media (max-width: 1500px) {
/* s11 */
	.s11 .arti1{gap:40px; padding: 40px;}
	.s11 .arti1 .slider-box{max-width:500px}
	.s11 article dl dt{max-width:320px}
	.s11 article dl dd ol > li{flex:1 1 40%;}
	
	.s2 .arti1 .table-wrap table tbody tr td{font-size: 16px; padding: 0 10px;}
	
}

@media (max-width: 1024px) {
/* sub-common */
	.sub-visual{height: 380px;}
	.sub-visual .sv-tit{font-size: clamp(30px, 7.2vw, 80px); margin-top: 10px;}
	.sub-visual > .sv-tbx{padding-bottom: 150px;}
	.sub-visual .speed ul > li{font-size: 14px;}
	.lnb {position: relative; z-index: 100; margin-top: -50px;}
	.lnb b{position: relative; display: block; padding: 0px 20px; font-size: 18px; color: #fff; font-weight: 500; height: 50px; line-height: 50px; cursor: pointer;}
	.lnb b:after{position: absolute; content: ''; width: 36px; height: 50px; background: url(../img/sub/lnb-arr-m.png) center no-repeat; right: 10px; top: 0; transition:.3s;}
	.lnb b.on:after{rotate:-180deg;}
	.lnb > ul{flex-direction: column; position: absolute; left: 0; top: 50px; width: 100%; background: #fff; z-index: 10; display: none;}
	.lnb > ul > li:after{display: none;}
	.lnb > ul > li:not(:last-child):before{display: none;}
	.lnb > ul > li > a{font-size: 16px; line-height: 40px; text-align: left; height: auto; justify-content: flex-start; padding: 0 20px; border-bottom: 1px solid #ddd; color: #333;} 
	.lnb > ul > li.current > a{color: rgba(0,46,79,0.95);}
	.sub-tit{font-size: clamp(30px, 6.2vw, 70px); padding-top: 30px; margin-top: 50px; margin-bottom: 50px;}
	.sub-dep3{margin-bottom: 50px;}	
	.sub-dep3 > ul > li > a{height: 60px; font-size: 16px;}
	#sub_layout{margin-bottom: 100px;}	
	
	.sub_1 .sub-tit{margin-top: 70px;}
	.s11 .arti1 .tbx .bottom-box p br{display: none;}
	
/* s1 */
	.s11 .arti1{flex-direction: column;}
	.s11 .arti1 .tbx{padding-bottom: 0;}
	.s11 .arti1 .tbx .top-box{padding-bottom: 20px;}
	.s11 .arti1 .tbx .top-box small{font-size: 16px;}
	.s11 .arti1 .tbx .top-box .tit big{font-size: 32px;}
	.s11 .arti1 .tbx .top-box .tit p{font-size: 14px;}
	.s11 .arti1 .tbx .bottom-box{margin-top: 20px;}
	.s11 .arti1 .tbx .bottom-box h3{font-size: 22px;}
	.s11 .arti1 .tbx .bottom-box p{font-size: 16px; line-height: 1.5;}
	.s11 .arti1 .tbx .page{padding-bottom: 0; margin-top: 20px;}
	.s11 article dl{padding-top: 50px; flex-direction: column; gap:20px;  }
	.s11 article dl dt h4{font-size: 32px;}
	.s11 article dl dd ol{gap:15px;}
	.s11 article dl dd ol > li{padding: 20px;}
	.s11 article dl dd ol > li .tbx{font-size: 16px; padding-top: 10px;}
	.s11 .arti4 dl{padding-top: 50px;}
	.s11 .arti1 .slider-box .item{min-height:0px;}
	.s11 article dl dd .flex-img-col3{padding: 40px 20px; border-radius: 15px;}
	.s11 article dl dd .flex-img-col3 .tbx{gap:10px;}
	.s11 article dl dd .dd-text-type1 h5{font-size: 22px; line-height: 1.5; padding-left: 16px;}
	.s11 article dl dd .dd-text-type1 h5 span{font-size: 20px;}
	.s11 article dl dd .dd-text-type1 h5 br{display: none;}
	.s11 article dl dd .dd-text-type1 h5:before{width: 6px; height: 6px; top: 12px;}
	.s11 article dl dd .dd-text-type1 .flex-box{flex-direction: column;}
	.s11 article dl dd .dd-text-type1 .flex-box .box .tit{height: 80px; padding: 0 20px;}
	.s11 article dl dd .dd-text-type1 .flex-box .box .tit p{font-size: 18px;}
	.s11 article dl dd .dd-text-type1 .flex-box .box .tit span{font-size: 14px; line-height: 1.5;}
	.s11 article dl dd .dd-text-type1 .flex-box .box .cnt .dot-list > li{margin-left: 10px; font-size: 16px; line-height: 1.5; height: 40px;}
	.s11 article dl dd .dd-text-type1 .flex-box .box .cnt .dot-list > li:before{top: 17px;}
	.s11 article dl dd .dd-text-type1 .flex-box .box:first-child .cnt .dot-list > li:after{display: none;}
	.s11 article dl dt h4 br{display: none;}
	.s11 article dl dd .dd-dot-list-col2 ul:first-child{width: 100%; }
	.s11 article dl dd .dd-dot-list-col2 ul > li{padding: 8px 0; padding-left: 20px; font-size: 16px; line-height: 1.5;}
	.s11 article dl dd .dd-dot-list-col2 ul > li:before{left: 5px; top: 16px;}
	.s11 article dl dd .dd-dot-list-col2 ul:last-child > li.line2{padding: 8px 0; padding-left: 20px; height: auto;}
	.s11 article dl dd .dd-dot-list-col2 ul:last-child > li.line2:before{top: 16px;}
	
	.s11 article dl dd .dd-dot-list-col2 ul > li.line2{height: auto;}
	.s11 article dl dd .dd-col2-pic{flex-direction: column; margin-top: 50px; gap:15px;}
	.s11 article dl dd .dd-col2-pic .box .tbx{font-size: 16px; line-height: 1.5;}
	.s12 article dl dd .dd-s12-1 .box2 > .p-box p br{display: none;}
	.s12 article dl dd .dd-s12-1 .box{padding: 40px 20px;}
	.s12 article dl dd .dd-s12-1 .box3{flex-direction: column; gap:15px;}
	.s12 article dl dd .dd-s12-1 .box3 .tbx ul > li{font-size: 16px; line-height: 1.5; padding-left: 16px;}
	.s12 article dl dd .dd-s12-1 .box3 .tbx ul > li:before{top: 9px;}
	.s12 article dl dd .dd-s12-1 .box3 .tbx ul > li br{display: none;}
	.s12 article dl dd .dd-img2{margin-top: 50px; gap:15px;}
	.s12 article dl dd .dd-img2 .box .tbx{flex-direction: column; gap:5px;}
	.s12 article dl dd .dd-img2 .box .tbx{font-size: 16px; line-height: 1.5;}
	
	.s13 article dl dd .dd-s13-1{flex-direction: column; padding: 40px 20px; gap:15px;}
	.s13 article dl dd .dd-s13-1{}
	.s13 article dl dd .dd-s13-2 ul > li ol > li{padding-left: 0;}
	.s13 article dl dd .dd-s13-1 .box .tbx .tit span{font-size: 16px; height: 35px;}
	.s13 article dl dd .dd-s13-1 .box .tbx ul > li{font-size: 16px; line-height: 1.5; padding-left: 14px;}
	.s13 article dl dd .dd-s13-1 .box .tbx ul > li br{display: none;}
	.s13 article dl dd .dd-s13-1 .box .tbx ul > li:before{top: 8px;}	
	.s13 article dl dd .dd-s13-2 ul > li{font-size: 16px; line-height: 1.5; padding: 8px 10px;}
	.s13 article dl dd .dd-s13-2 ul > li b{padding-left: 16px;}
	.s13 article dl dd .dd-s13-2 ul > li b:before{top: 10px;}
	.s13 article dl dd .dd-s13-2 ul > li ol > li{line-height: 1.5; padding: 0;}
	.s14 article dl dd .dd-s14-1 .box{padding: 40px 20px;}
	.s14 article dl dd .dd-s14-1 .box1 .flex-box{flex-direction: column; }
	.s14 article dl dd .dd-s14-1 .box1 .flex-box{gap:60px;}
	.s14 article dl dd .dd-s14-1 .box1 .flex-box .cnt{position: relative; }
	.s14 article dl dd .dd-s14-1 .box1 .flex-box .cnt figure{position: static;}
	.s14 article dl dd .dd-s14-1 .box1 .flex-box .cnt figure img{width: 100%;}
	.s14 article dl dd .dd-s14-1 .box1 .flex-box .cnt:not(:last-child) figure:after{right: auto; left: 50%; top: auto; bottom: -45px; margin-left: -15px; rotate:90deg; width: 30px; height: 30px; background-size: 100%;}
	.s14 article dl dd .dd-s14-1 .box1 .flex-ul{flex-direction: column; gap:0px; padding: 0px 10px; box-sizing: border-box; margin-top: 20px; gap:6px}
	.s14 article dl dd .dd-s14-1 .box1 .flex-ul ul{width: 100%; margin-top: 0; gap:6px}
	.s14 article dl dd .dd-s14-1 .box1 .flex-ul ul > li{font-size: 16px; line-height: 1.5; padding-left: 16px; width: 100%;}	
	.s14 article dl dd .dd-s14-1 .box1 .flex-ul ul > li:before{top: 9px;}
	.s14 article dl dd .dd-s14-1 .box1 .bottom-box{margin-top: 30px;}
	
	
	
/* s2 */
	.s2 .arti1 .flex-box{flex-direction: column; gap:60px; margin-top: 20px;}
	.s2 .arti1 h4{font-size: 28px;}
	.s2 .arti1 .flex-box .text-box:after{height: calc(100% + 95px); }

	.s2 .arti1 .table-wrap table colgroup{display: none;}
	.s2 .arti1 .table-wrap table thead tr th{font-size: 18px;}
	.s2 .arti1 .table-wrap table thead tr th.c1{font-size: 16px;}
	.s2 .arti1 .table-wrap table thead tr th o{width: 21%;}
	
/* s52 */	
	.s52 .arti2{ gap:50px; padding-top: 50px; flex-direction: column;}
	.s52 .arti2 .lbx{padding-left: 0; width: 100%; position: sticky; top: 0px; width: calc(100% + 40px); background: #fff; z-index: 100; z-index: 20000; border-bottom: 1px solid #ddd; padding: 20px; margin: 0 -20px; text-align: center;} 
	.s52 .arti2 .lbx small{font-size: 20px; display: none;}
	.s52 .arti2 .lbx big{font-size: 50px;}
	.s52 .arti2 .rbx{padding-top: 0;}
	.s52 .arti2 .rbx:after{top: 10px; height: calc(100% + 90px);}
	.s52 .arti2 .rbx ul > li{padding-left: 20px; padding-bottom: 30px;	flex-direction: column;}
	.s52 .arti2 .rbx ul > li .txt .day{font-size: 20px; width: 60px;}
	.s52 .arti2 .rbx ul > li .img-box{padding-left: 60px; max-width:250px;}

	
}

@media (max-width: 800px) {
/* s1 */
	.s11 article dl dd ul.dot-list{flex-direction: column;}
	.s11 article dl dd ul.dot-list > li{padding-left: 15px !important; display: flex; height: 50px; align-items:center; flex:1; font-size: 16px; line-height: 1.5; min-height:50px}
	.s11 article dl dd ul.dot-list > li:before{left: 0 !important;}
	.s11 .arti4 dl dd > .col4 > li {width: calc(50% - 20px);}
	.s11 .arti5 dd .table-wrap table thead tr th{height: 40px; line-height: 40px;}
	.s11 .arti5 dd .table-wrap table thead tr th .bg2{top: -5px; height: 40px;}
	.s11 .arti5 dd .table-wrap table thead tr th span{top: -5px; line-height: 40px;}
	.s11 .arti5 dd .table-wrap table thead tr th span{}
	.s11 .arti5 dd .table-wrap table tbody tr td:first-child{font-size: 18px;}
	.s11 .arti5 dd .table-wrap table tbody tr td{font-size: 16px; line-height: 1.5;height: 40px;}
	.s11 .arti5 dd .table-wrap table tbody tr td ul > li{font-size: 16px; padding-left: 12px;}
	.s11 .arti5 dd .table-wrap table tbody tr td ul > li:before{margin-top: -3px;}
	.s11 article dl dd .dd-text-type1{margin-top: 50px;}
	.s11 article dl dd .dd-text-type1 .flex-box .box .cnt .dot-list > li:before{top: 22px;}	

/* s2 */
	.s2 .arti1 .flex-box .text-box ul > li{align-items: flex-start; padding-left: 20px; font-size: 16px; line-height: 1.5; padding-bottom: 30px;}
	.s2 .arti1 .flex-box .text-box ul > li span{font-size: 22px; width: 80px;}
	.s2 .arti1 .flex-box .text-box ul > li p{ padding-top: 6px;}

	
	.s2 .arti1 .table-wrap{width: 100%; overflow-y: hidden;overflow-x: auto;}
	.s2 .arti1 .table-wrap table{width: 800px;}
	.s2 .arti1 .table-wrap table tbody tr td{font-size: 14px;}
	
/* s51 */
	.s51 .arti6 dd > ul{gap:15px; flex-direction: column;	}
	.s51 .arti6 dd > ul > li i{width: 86px; height: 86px;}
	.s51 .bg-line{margin-top: 50px;}
	.s51 .bg-line figure{height: 200px;}
	.s51 .arti2 p{font-size: 20px; line-height: 1.5;}
	.s51 .arti2 figure{height: auto; padding: 20px;}

	
/* s52 */	
	.s52 .arti1 figure{height: 200px;}
	.s52 .arti2 .rbx ul > li .img-box{padding-left: 0;}
	


/* s53 */	
	.s53 .root_daum_roughmap .wrap_map{height: 50vw !Important;}
	.s53 .arti2 ul{flex:1; 	gap:5px;}
	.s53 .arti2 ul > li{font-size: 16px; line-height: 1.5;}
	.s53 .arti2 ol{margin-top: 0;}
	.s53 .arti2 ol > li > a{width: 60px; height: 60px;}
	.s2 .arti1 .flex-box .text-box h5{font-size: 28px;}
	.s52 .arti2 .lbx{background: none;}
	.s52 .arti2 .lbx,
	.s52 .arti2 .lbx .tit{position: static !important;}
	.quick{z-index: 3000000;}
	.s52 .arti1 figure{border-radius: 20px 0 0 20px; overflow: hidden; padding-right: 0; margin-right: -20px; width: calc(100% + 20px);}
	.s52 .arti1 figure img{overflow: hidden; width: 100%; height: 100%; object-fit:cover; border-radius: 20px 0 0 20px;}
	.gall_pop_cnt .pic img{max-height:80vh}
	
	.arti-side{margin-bottom: -8vw !important;}
	.arti-side figure.left{width: 20vw !important;}
	.arti-side figure.right{width: 20vw !important;}
	
	}

@media (max-width: 640px) {
/* s1 */
	.s11 article dl dt h4{font-size: 22px; padding-right: 10px;}
	.s11 article dl dt h4 br{display: none;}	
	.s11 article dl dd{width: 100%; flex:none; overflow: auto;}
	
	.s11 .arti5 dd .table-wrap{width: 640px; }
	.s11 .arti5 dd .table-wrap table thead tr th{font-size: 18px;}
	.s11 .arti5 dd .table-wrap table thead tr th span{font-size: 18px;}
	
	.gall_pop_wrap{z-index: 1000000000000 !important;}
	.gall_pop{position: fixed; left: 50%; top: 50%; translate:-50% -50%; z-index: 1000000000000000000000 !important;}
	.gall_pop {width:90vw !important; max-height:80vh} 
	.gall_pop_cnt{max-height:100% !important; height: auto !important;}
	.gall_pop_cnt .pic img{height: auto !important; max-height:60vh;}
	.s11 article dl dd .flex-img-col3 .img-box{flex-direction: column; }
	.s11 article dl dd .flex-img-col3 .tbx > p{font-size: 16px; line-height: 1.5;}
	.s11 article dl dd .flex-img-col3 .tbx > span{height: 30px;font-size: 16px;}
	.s11 article dl dd .flex-img-col3 .tbx > b{font-size: 18px;}
	.s11 article dl dd .flex-img-col3 .tbx > b br{display: none;}
	.s11 article dl dd .flex-img-col3 .tbx > b:after{display: none;}
	
	.s11 article dl dd .dd-doc-table{width: 100%; overflow-y: auto;}
	.s11 article dl dd .dd-doc-table .tit {width: 640px;}
	.s11 article dl dd .dd-doc-table table{width: 640px;}
	.s11 article dl dd .dd-doc-table table tr td figure img{max-width:80%; padding: 10px;}
	.s11 article dl dd .dd-doc-table .tit p span{font-size: 16px;}
	.s11 article dl dd .dd-doc-table .tit p{font-size: 18px;}
	.s11 article dl dd .dd-doc-table table tr td{font-size: 14px; line-height: 1.5; height: 40px; padding: 5px 10px;}
	
	.s11 article dl dd .dd-down {width: 100%; overflow-y: auto;}
	.s11 article dl dd .dd-down .tit{width: 640px;}
	.s11 article dl dd .dd-down .tit p span{font-size: 16px;}
	.s11 article dl dd .dd-down .tit p{font-size: 18px;}
	.s11 article dl dd .dd-down table{width: 640px;}
	.s11 article dl dd .dd-down table tr td{font-size: 14px; height: 40px; padding: 5px;}
	.s11 article dl dd .flex-img-col3 .img-box{   align-content: center}
	.s11 article dl dd .flex-img-col3 .img-box figure{display: block; }
	.s11 article dl dd .flex-img-col3 .img-box figure img{width: 100%; display: block;}
	.s12 article dl dd .dd-s12-1 .box1 > .img-box{flex-wrap:wrap;}
	.s12 article dl dd .dd-s12-1 .box1 > .img-box figure{flex:1 1 30%}
	.s12 article dl dd .dd-s12-1 .box1 > .flex-box{flex-direction: column;}
	.s12 article dl dd .dd-s12-1 .box1 > .bottom-box{margin-top: 20px; padding-top: 20px; gap:40px;}
	.s12 article dl dd .dd-s12-1 .box1 > .bottom-box p{font-size: 16px; line-height: 1.5;}
	.s12 article dl dd .dd-s12-1 .box1 > .bottom-box p:after{bottom: -29px;}
	.s12 article dl dd .dd-s12-1 .box1 > .bottom-box b{font-size: 18px; line-height: 1.5;}
	.s12 article dl dd .dd-s12-1 .box2{margin-top: 50px;}
	.s12 article dl dd .dd-s12-1 .box2 > .cnt > .img-box{gap:15px; flex-direction: column;} 
	.s12 article dl dd .dd-s12-1 .box2 > .cnt > .img-box img{width: 100%;}
	.s12 article dl dd .dd-s12-1 .box2 > .p-box p{font-size: 16px; line-height: 1.5;}
	.s12 article dl dd .dd-s12-1 .box2 > .p-box p br{display: none;}
	.s12 article dl dd .dd-s12-1 .box2 .bottom-box{flex-direction: column; gap:5px;}
	.s12 article dl dd .dd-s12-1 .box2 .bottom-box b{font-size: 20px;}
	.s12 article dl dd .dd-s12-1 .box2 .bottom-box p{font-size: 16px;}
	.s12 article dl dd .dd-s12-1 .box3{margin-top: 50px;}
	
	.s13 article dl dd .dd-s13-table-tit .tit{height: 80px;}
	.s13 article dl dd .dd-s13-table-tit .tit > div{font-size: 18px;}
	.s13 article dl dd .dd-s13-table-tit .tit > div.last ul{height: 22px;}
	.s13 article dl dd .dd-s13-table-tit .tit > div.last ul > li{font-size: 16px; line-height: 22px;}
	.s13 article dl dd .dd-s13-table-tit .tit > div.last p{height: 40px;} 
	
	.s13 article dl dd .dd-s13-table-tit {width: 100%; overflow-y: auto;}
	.s13 article dl dd .dd-s13-table-tit .tit{width: 640px;}
	.s13 article dl dd .dd-s13-table-tit table{width: 640px;}
	.s13 article dl dd .dd-s13-table-tit table tr > td{font-size: 14px; height: 40px;} 	
	.s13 article dl dd .dd-s13-table-tit table tr > td ul > li{padding-left: 16px;}
	.s13 article dl dd .dd-s13-table-tit table tr > td ul > li:before{top: 8px;}
	.s14 article dl dd .dd-s14-1 .box1 .bottom-box{flex-direction: column; gap:5px;}
	.s14 article dl dd .dd-s14-1 .box1 .bottom-box i img{rotate:90deg;}
	
	.s13 article dl dd .dd-s13-2 ul > li{flex-direction: column;}
	.s13 article dl dd .dd-s13-2 ul > li > *{width: 100% !Important;}
	

}

@media (max-width: 480px) {
/* s1 */

	.s11 .arti1{padding: 40px 20px;}
	.s11 .arti1 .slider-box .owl-nav > *{left: 20px;}
	.s11 .arti1 .slider-box .owl-nav > *.owl-next{right: 20px;}
	.s11 .arti1 .tbx{padding-top: 0;}
	.s11 article dl dt h4{font-size: 22px; padding-right: 20px;}
	.s12 article dl dd .dd-s12-1 .box3 .cnt figure img{width: 100%;}
	.s13 article dl dd .dd-s13-2 ul > li{flex-direction: column; align-items: flex-start;}
	.s13 article dl dd .dd-s13-2 ul > li p{padding-left: 16px;}
	.s11 article dl dd .dd-s13-2 ul > li ol{padding-left: 16px;}
	
	.s14 article dl dd .dd-s14-1 .box1 > p{font-size: 14px; flex-wrap:wrap}
	.s14 article dl dd .dd-s14-1 .box1 > p b{font-size: 16px; padding-right: 10px; margin-right: 10px; width: 100%;}
	
/* s52 */	
	.s52 .arti2 .rbx ul > li .txt{flex-direction: column; align-items: flex-start; gap:5px;}
	
	.s52 .arti2 .rbx ul > li .txt p{font-size: 16px;}
	.s52 .arti2 .rbx ul > li .txt p span{font-size: 14px; width: auto; height: 40px; padding: 0 10px;}
	
	.s52 .arti2 .rbx ul > li .img-box figure{width: 40%;}
	
/* s53 */	
	.s53 .arti2{flex-direction: column; gap:10px; padding: 0;}
	.s53 .arti2 ol{margin-left: auto;}
	
}