@charset "utf-8";

@media (max-width: 1800px) {
/* s24 */
	.s24 .arti3:before {width: calc(100% - 300px);}
}

@media (max-width: 1600px) {
/* s11 */
	.s11 {overflow: hidden; max-width:100%;}

/* s21 */
	.s2 dl dd p{word-break: keep-all; }
	.s2 dl dd p br{display: none;}

/* s24 */
	.s24 .arti3:before {width: calc(100% - 180px);}
	.s24 .arti3 .tab-cont {padding-right: 0;}
}

@media (max-width: 1355px) {
/* s24 */
	.map-figure .tbx{right: 26.9vw;top: 29.8vw; }


/* s31 */
	.s31 .grapy-in-box .box:after{}
	.s31 .grapy-in-box .box2:after{width: 15vw; left: -14vw;} 
	.s31 .grapy-in-box .box3:after{width: 26vw; left: -8vw;}

}

@media (max-width: 1200px) {
/* s11 */
	.s11 .arti1{    flex-direction: column; padding-bottom: 12vw;}
	.s11 .arti1 .rbx{margin-top: 0; text-align: center; margin-top: 60px;}
	.s11 .arti1 .rbx .figline{display: inline-block; }

/* s21 */
	.s2 .pl80{padding-left: 0;}

/* s24 */
	.s24 .arti3 .container {grid-template-columns: 230px 1fr; column-gap: 70px;}
	.s24 .arti3 .tab-menu {width: 230px;}
	.s24 .arti3 .tab-menu li {margin-bottom: 20px;}
	.s24 .arti3 .tab-menu li a {width: 230px;}
	.s24 .arti3 .tab-menu li a:after {right: 20px;}

	.s24 .arti3 .tab-cont .ol-list ol li .inner {padding: 35px 25px;}
	.s24 .arti3 .tab-cont .ol-list ol li .num {bottom: 30px; right: 20px;}

/* s31 */
	.s31 .grapy-box{padding-left: 0; padding-right: 0; height: 80vw; 			}
	.s31 .grapy-box .figbox{padding-left: 0; width: 100%; height: 55vw; }
	.s31 .grapy-box .figbox img{left: 50%; padding-top: 0; translate:-50% 0; width: 50vw;}
	.s31 .grapy-box .box{position: absolute; left: 0 !Important; top: 55vw !Important; width: 100%;}
	.s31 .grapy-box .box:after{display: none;}
	.s31 .grapy-box .box .tbx{position: static; width: auto; height: auto; padding: 30px 20px;}
}



@media (max-width: 1024px) {
/* sub_common */
	#sub_layout{margin-top: 120px;}
	#sub_layout .sub-visual{height: 280px;}
	#sub_layout .sub-visual .sv-tit h2{font-size: clamp(30px, 6.1vw, 65px); }
	#sub_layout .sub-visual .sv-tit p{font-size: 16px; line-height: 1.5;}
	.sprd {margin-top: 30px; margin-bottom: 50px;}
	.sprd > li{font-size: 16px;}
	.sprd > li.home{margin-right: 16px;}

/* s11 */
	.s11 .arti1 .lbx h3{font-size: 34px;}
	.s11 .arti1 .lbx h4{font-size: 28px; line-height: 1.5; margin-bottom: 15px;}
	.s11 .arti1 .lbx p{font-size: 16px; line-height: 1.5; word-break: keep-all;} 
	.s11 .arti1 .lbx p br{display: none;}
	.s11 .arti1 .rbx figure > img{width: 65vw;}
	.s11 .arti1 .rbx figure:after{background-size: cover;}
	.s11 .arti1 .rbx .figline figcaption img{width: 40vw;}
	.s11 .arti1 .rbx .figline figcaption{left: -7vw; bottom: 6vw;}
	
/* s12 */
	.s12{margin-bottom: 12vw;}
	.s12 .arti1 .year-wrap{display: none;}
	.s12 .arti1 .his-wrap{margin-top: 0; padding-left: 0px; margin-bottom: 0;}
	.s12 .arti1 .his-wrap .box{padding-left: 35px; padding-bottom: 30px;}
	.s12 .arti1 .his-wrap .line-box{top: 0; height: 95%;}
	.s12 .arti1 .his-wrap .box dl dt{font-size: 20px; width: 60px; line-height: 25px;}
	.s12 .arti1 .his-wrap .box dl dd{padding-left: 10px;}
	.s12 .arti1 .his-wrap .box dl dd ul > li{font-size: 16px; line-height: 1.8;}
	.s12 .arti1 .his-wrap .box dl dd ul > li span{width: 30px;}
	.s12 .arti1 .his-wrap .box dl dd ul > li p{width: calc(100% - 30px);}
	.s12 .arti1 .his-wrap .box .box-year{display: block;} 
	.s12 .arti1 .his-wrap .box .box-year .box-year-tit{font-size: 25px;}

/* s13 */
	.s13{padding-bottom: 12vw;}

/* s14 */
	.s14{margin-bottom: 12vw;}

/* s21 */
	.s2{margin-bottom: 12vw;}
	.s2 .arti1{margin-top: 0;}
	.s2 article{margin-bottom: 50px;}
	.s2 dl{margin-bottom: 30px;}
	.s2 dl dt{width: 100%; word-break: keep-all; padding-right: 0; font-size: 28px; line-height: 1.5; }
	.s2 dl dt:before{top: 19px;}
	.s2 dl dt br{display: none;}
	.s2 dl dd{padding-left: 25px; margin-top: 20px;}
	.s2 dl dd p{font-size: 16px; line-height: 1.5;	}
	.s2 dl dd:before{width: 3px; top: 5px; height: calc(100% - 10px);}
	.s2 .s2-figure{padding: 30px 20px; height: auto; min-height:0px;}
	.s2 .s2-figure.h494{min-height:0px;}
	.s2 h4{font-size: 28px; line-height: 1.5;}
	.s2 ul.dot > li{font-size: 16px; line-height: 1.5;}
	.s2 dl dd.align-center:before{height: calc(100% - 8px);}
	
/* s22 */
	.s2 .flex-box.col3{gap:20px}
	.s2 .flex-box.col3 > li{width: calc((100% / 2) - 15px);}
	.s2 .flex-box.col3 > li figcaption{font-size: 16px; line-height: 1.5;}
	.s2 .mt40{margin-top: 30px;}

/* s23 */
	.s2 .down-p {align-items: flex-start; flex-direction: column;}
	.s2 .down-p span{font-size: 16px; line-height: 1.5;}

/* s24 */
	.s24 {margin-bottom: 0;}
	.s2 .s2-figure{margin: 0 auto;}
	.s2 .s2-figure img{margin-left: 0 !Important;}
	.map-figure .tbx{right: 20.9vw;top: 28.8vw;}

	.s24 .arti2{margin: 0 auto !important;}
	.s24 .arti2 ul{margin-left: 0; gap:20px}

	.s24 .arti2 ul > li{width: calc(50% - 10px); padding: 10px; 	box-sizing: border-box;}

	.s24 .arti3 {padding: 60px 0 120px;}
	.s24 .arti3:before {width: 100%;}
	.s24 .arti3 .container {display: block;}
	.s24 .arti3 .tab-menu-wrap {margin-bottom: 50px;}
	.s24 .arti3 .tab-menu {position: relative; top: 0; left: 0; width: auto; display: flex; flex-wrap: wrap; margin: -8px;}
	.s24 .arti3 .tab-menu li {width: 33.333%; margin-bottom: 0; padding: 8px;}
	.s24 .arti3 .tab-menu li a {width: auto;}
	.s24 .arti3 .tab-menu li a:after {right: 15px; background-size: 10px auto;}
	.s24 .arti3 .tab-menu li.active {transform: translateX(0);}

	.s24 .arti3 .tab-cont .cont-wrap:not(:last-child) {margin-bottom: 60px;}
	.s24 .arti3 .tab-cont .title {margin-bottom: 15px;}
	.s24 .arti3 .tab-cont .title h3 {font-size: 24px; margin-right: 10px;}
	.s24 .arti3 .tab-cont .title span {font-size: 16px;margin-bottom: 4px;}
	.s24 .arti3 .tab-cont .round-text {margin-bottom: 30px;}
	.s24 .arti3 .tab-cont .round-text span {font-size: 15px; padding: 8px 12px;}
	.s24 .arti3 .tab-cont p {font-size: 15px; margin-bottom: 30px;}
	.table-wrap {margin: 15px 0;}
	.s24 .arti3 .tab-cont thead th {font-size: 16px; padding: 11px 5px;}
	.s24 .arti3 .tab-cont thead th:after {height: 16px;}
	.s24 .arti3 .tab-cont tbody tr:after {display: none;}
	.s24 .arti3 .tab-cont tbody tr:not(:last-child) {border-bottom: 1px solid #ddd;}
	.s24 .arti3 .tab-cont tbody tr.border-none {border-bottom: 1px dotted #ddd;}
	.s24 .arti3 .tab-cont tbody th {font-size: 15px; padding: 12px 10px;}
	.s24 .arti3 .tab-cont tbody td {font-size: 15px; padding: 12px 12px;}
	.s24 .arti3 .tab-cont tbody p.circle-dot {padding-left: 8px;} 
	.s24 .arti3 .tab-cont tbody p.circle-dot:before {top: 12px;}
	.s24 .arti3 .tab-cont tbody .box {padding: 18px 16px; margin-top: 12px;}
	.s24 .arti3 .tab-cont tbody .box b {height: 22px; font-size: 14px; padding: 2px 6px; margin-right: 10px;}
	.s24 .arti3 .tab-cont tbody .box p {font-size: 14px;}

	.s24 .arti3 .tab-cont .notice h4 {font-size: 16px; margin-bottom: 10px;}
	.s24 .arti3 .tab-cont .notice ul li {font-size: 15px; padding-left: 16px;}
	.s24 .arti3 .tab-cont .notice ul li:before {top: -1px; font-size: 15px;}

	.s24 .arti3 .tab-cont .img-list ul {margin: 0 -8px;}
	.s24 .arti3 .tab-cont .img-list ul li {padding: 0 8px;}
	.s24 .arti3 .tab-cont .img-list ul li figcaption {font-size: 16px; margin-top: 15px;}

	.s24 .arti3 .tab-cont .sub-title {margin-bottom: 12px;}
	.s24 .arti3 .tab-cont .sub-title h3 {font-size: 20px; padding-left: 14px; margin-right: 10px;}
	.s24 .arti3 .tab-cont .sub-title h3:before {top: 12px;}
	.s24 .arti3 .tab-cont .sub-title span {font-size: 15px; margin-bottom: 1px;}

	.s24 .arti3 #cont06 .img-gray-box {margin-bottom: 16px;}
	.s24 .arti3 .tab-cont .img-gray-box ul {margin: 0 -8px;}
	.s24 .arti3 .tab-cont .img-gray-box ul li {padding: 0 8px;}

	.s24 .arti3 .tab-cont .ol-list ol {flex-wrap: wrap; margin: -8px;}
	.s24 .arti3 .tab-cont .ol-list ol li {width: 33.3333%; padding: 8px;}
	.s24 .arti3 .tab-cont .ol-list ol li .inner {min-height: 160px;padding: 25px 20px;}
	.s24 .arti3 .tab-cont .ol-list ol li b {font-size: 16px; margin-bottom: 3px;}
	.s24 .arti3 .tab-cont .ol-list ol li p {font-size: 15px;}
	.s24 .arti3 .tab-cont .ol-list ol li .num {bottom: 20px; right: 15px; font-size: 35px;}

	.s24 .arti3 .tab-cont .text-box-list ul {margin: 0 -8px;}
	.s24 .arti3 .tab-cont .text-box-list ul li {padding: 0 8px;}
	.s24 .arti3 .tab-cont .text-box-list ul li .inner {font-size: 15px; padding: 12px 10px;}

/* s31 */
	.s31 .grapy-in-box .box{position: static;}
/* s32 */
	.s32 .partner-list{margin-bottom: 40px;}
	.s32 .simply-scroll{ height: 340px !important; 	}
	.s32 .simply-scroll-clip{width: 100% !important; height: 365px !important;}
	.s32 .simply-scroll-clip ul > li{width: 250px !important; height: 365px !important; }

/* s33 */
	.s12.s33  .arti1 .his-wrap .box dl dd ul > li span{width: 100%;}
	.s12.s33 .arti1 .his-wrap .box dl dd ul > li p{width: 100%;}
	.s33 .arti1 .his-wrap .box dl dd ol{gap:10px}
	.s33 .arti1 .his-wrap .box dl dd ol > li{width: calc(50% - 15px);}
	.bd-wrap{margin-bottom: 12vw;}
	.s31 .grapy-in-box{padding: 10px; text-align: center;}
	.s31 .grapy-in-box .box .tbx{width: 100%; text-align: left; height: auto; }
	.s31 .grapy-in-box .box {margin-bottom: 20px;}
	.s31 .grapy-in-box .box:after{display: none;}
	.s31 .grapy-in-box .box{opacity: 1 !Important; translate:0 0 !important}
}

@media (max-width: 800px) {
/* s24 */
	.map-figure .tbx{right: 16.9vw; top: 28.8vw;}

/* s32 */
	.s31 .grapy-box{height: calc(80vw + 200px);}
	.s31 .grapy-box .figbox img{width: 65vw;}
	.s31 .grapy-box .box{top: 67vw !important;}
	.s31 .grapy-box .box .tbx h5{font-size: 22px; line-height: 1.5; margin: 10px 0 10px;}
	.s31 .grapy-box .box .tbx ul > li{font-size: 16px; line-height: 1.5;}


}
@media (max-width: 640px) {
/* sub_common */
	#sub_layout{margin-top: 80px;}

/* s11 */
	.s11 .arti1 .lbx h4{word-break: keep-all;}
	.s11 .arti1 .lbx h4 br{display: none;}

/* s12 */
	.s12 .arti1 .his-wrap .box dl dt{width: 100%; margin-bottom: 10px;}
	.s12 .arti1 .his-wrap .box dl dt span{display: none;}
	.s12 .arti1 .his-wrap .box dl dd{padding-left: 0;}

/* s14 */
	.s14-tab{flex-wrap:wrap; margin-bottom: 50px;}
	.s14-tab > li{height: 60px; flex:50%; font-size: 16px; line-height: 1.5; padding: 0 10px;}
	.s14 .root_daum_roughmap .wrap_map,
	.s14 iframe{height: 50vw !Important;}
	.s14 .tbx {margin-top: 30px;}
	.s14 .tbx ul > li{font-size: 16px; line-height:	1.5; margin-bottom: 5px;}
	.s14 .tbx ul > li span{width: 80px;}
	.s14 .tbx ol > li > a{width: 160px; font-size: 16px; padding: 0 15px; height: 55px;}

/* s24 */
	.map-figure .tbx{right: 18.9vw; top: 28.8vw;}
	.map-figure .tbx p{font-size: 16px; margin-left: 10px;}

	.s24 .arti3 {padding: 60px 0 70px;}
	.s24 .arti3 .tab-menu-wrap {margin-bottom: 40px;}
	.s24 .arti3 .tab-menu {margin: -5px;}
	.s24 .arti3 .tab-menu li {width: 50%; padding: 5px;}

	.s24 .arti3 .tab-cont .cont-wrap:not(:last-child) {margin-bottom: 50px;}
	.s24 .arti3 .tab-cont .title {margin-bottom: 15px;}
	.s24 .arti3 .tab-cont .title h3 {font-size: 24px; margin-right: 10px;}
	.s24 .arti3 .tab-cont .title span {font-size: 16px;margin-bottom: 4px;}
	.s24 .arti3 .tab-cont .round-text {margin-bottom: 30px;}
	.s24 .arti3 .tab-cont .round-text span {font-size: 15px; padding: 8px 12px;}
	.s24 .arti3 .tab-cont p {font-size: 15px; margin-bottom: 30px;}
	.s24 .arti3 .tab-cont thead th {font-size: 16px; padding: 11px 5px;}
	.s24 .arti3 .tab-cont thead th:after {height: 16px;}
	.s24 .arti3 .tab-cont tbody th {font-size: 15px; padding: 12px 10px;}
	.s24 .arti3 .tab-cont tbody td {font-size: 15px; padding: 12px 12px;}
	.s24 .arti3 .tab-cont tbody p.circle-dot {padding-left: 8px;} 
	.s24 .arti3 .tab-cont tbody p.circle-dot:before {top: 12px;}
	.s24 .arti3 .tab-cont tbody .box {padding: 18px 16px; margin-top: 12px;}
	.s24 .arti3 .tab-cont tbody .box b {height: 22px; font-size: 14px; padding: 2px 6px; margin-right: 10px;}
	.s24 .arti3 .tab-cont tbody .box p {font-size: 14px;}

	.s24 .arti3 .tab-cont .notice h4 {font-size: 16px; margin-bottom: 10px;}
	.s24 .arti3 .tab-cont .notice ul li {font-size: 15px; padding-left: 16px;}
	.s24 .arti3 .tab-cont .notice ul li:before {top: -1px; font-size: 15px;}

	.s24 .arti3 .tab-cont .img-list ul {margin: 0 -5px;}
	.s24 .arti3 .tab-cont .img-list ul li {padding: 0 5px;}
	.s24 .arti3 .tab-cont .img-list ul li figcaption {font-size: 16px; margin-top: 15px;}

	.s24 .arti3 .tab-cont .sub-title {margin-bottom: 12px;}
	.s24 .arti3 .tab-cont .sub-title h3 {font-size: 20px; padding-left: 14px; margin-right: 10px;}
	.s24 .arti3 .tab-cont .sub-title h3:before {top: 12px;}
	.s24 .arti3 .tab-cont .sub-title span {font-size: 15px; margin-bottom: 1px;}

	.s24 .arti3 #cont06 .img-gray-box {margin-bottom: 16px;}
	.s24 .arti3 .tab-cont .img-gray-box ul {margin: 0 -5px;}
	.s24 .arti3 .tab-cont .img-gray-box ul li {padding: 0 5px;}

	.s24 .arti3 .tab-cont .ol-list ol {flex-wrap: wrap; margin: -5px;}
	.s24 .arti3 .tab-cont .ol-list ol li {width: 50%; padding: 5px;}
	.s24 .arti3 .tab-cont .ol-list ol li .inner {min-height: 160px;padding: 25px 20px;}
	.s24 .arti3 .tab-cont .ol-list ol li b {font-size: 16px; margin-bottom: 3px;}
	.s24 .arti3 .tab-cont .ol-list ol li p {font-size: 15px;}
	.s24 .arti3 .tab-cont .ol-list ol li .num {bottom: 20px; right: 15px; font-size: 35px;}

	.s24 .arti3 .tab-cont .text-box-list ul {flex-wrap: wrap; margin: -5px;}
	.s24 .arti3 .tab-cont .text-box-list ul li {width: 100%; padding: 5px;}
	.s24 .arti3 .tab-cont .text-box-list ul li .inner {font-size: 15px; padding: 12px 10px;}

/* s31 */
	.s31 .grapy-in-box .box .tbx{padding: 25px;}
	.s31 .grapy-in-box .box .tbx small{font-size: 14px;}
	.s31 .grapy-in-box .box .tbx h5{font-size: 22px; margin-bottom: 10px;		}
	.s31 .grapy-in-box .box .tbx ul > li{font-size: 16px; line-height: 1.5;}

/* s32 */
	.s32 .partner-list{margin-bottom: 20px;}
	.s32 .simply-scroll{ height: 250px !important; 	}
	.s32 .simply-scroll-clip{width: 100% !important; height: 275px !important;}
	.s32 .simply-scroll-clip ul > li{width: 180px !important; height: 275px !important; }




}

@media (max-width: 460px) {
/* s24 */
	.map-figure .tbx{right: 15.9vw; top: 28.8vw;}
}