header {position:fixed}
.header-clone {display:block}
#section1 {background:url('/img/page/index/section1-bg.jpg') center top no-repeat;background-size:cover;color:#fff;text-align:center;position:relative}
#section1 .row {padding:40% 0;font-size:1.1em;position:relative}
#section1 img {display:block;margin:0 auto;margin-bottom:20px;max-width:100%}
#section1 p {font-size:2.5em;font-weight:bold}

#section2 {background:#6fcccc; font-size:1.2em; line-height:25px}
#section2 p {color:#5d5d5d}
#section2 h4 {font-size:1.5em; }
#section2 img {width:100%}
#section2 .col-sm-4 {margin-top:40px}
#section2 .col-sm-4 div {background:#fff}
#section2 .col-sm-4 div.inner {padding:40px 30px 40px 30px}
#section2 .col-sm-12 {text-align:center;margin:50px 0}
#section2 .bg {background:url('/img/page/index/section2-bg.png') center bottom repeat-x #6fcccc}
#section2 .more1 {background:#68aee0;color:#fff;position:absolute;right:15px;margin-top:-75px;padding:5px 50px 5px 15px;text-decoration:nonel; letter-spacing:-0.8px}
#section2 .more1 em {position:absolute;right:0;top:0;font-style:normal;background:#787878;padding:4px 9px 6px 9px;margin-left:10px; letter-spacing:-0.8px}
#section2 .more1:hover, #section2 .more1:focus {text-shadow:1px 1px 1px #333; letter-spacing:-0.8px}
#section2 .more2 {display:inline-block;margin:40px 0;border:3px solid #fff;color:#fff;font-size:1.3em;padding:20px 30px 20px 30px;border-radius:40px; letter-spacing:-1px}

#section3 {padding:80px 0 40px; font-size:1.2em; line-height:25px}
#section3 p {color:#5d5d5d}
#section3 h4 {font-size:1.5em; letter-spacing:-0.8px}
#section3 img {width:100%}
#section3 .col-sm-4 {margin-top:40px}
#section3 .col-sm-4 div {background:#fff}
#section3 .col-sm-4 div.inner {padding:40px 20px 40px 20px}
#section3 .more1 {background:#68aee0;color:#fff;position:absolute;right:15px;margin-top:-75px;padding:5px 50px 5px 15px;text-decoration:none}
#section3 .more1 em {position:absolute;right:0;top:0;font-style:normal;background:#787878;padding:4px 9px 6px 9px;margin-left:10px; letter-spacing:-0.8px}
#section3 .more1:hover, #section3 .more1:focus {text-shadow:1px 1px 1px #333}

#section4 {height:413px;background:none;background-size:cover;color:#fff}
#section4 .row {padding-top:10vh;text-align:center;font-size:1.15em}
#section4 .row h4 {font-size:2.5em; margin-bottom:20px; letter-spacing:-1.5px}

#section5 {background:#abb6bc;padding:75px 0 90px;color:#fff;font-size:1.15em;text-align:center}
#section5 h4 {font-size:2.3em;margin-bottom:20px; letter-spacing:-1.5px}
#section5 p {margin-bottom:30px; font-size:1.05em; line-height:25px}
#section5 a:hover img,#section5 a:focus img {opacity:.8}
#section5 a.more {background:#fff;color:#abb6bc;padding:8px 15px;font-size:1.6rem; letter-spacing:-0.8px}
#section5 .visible-xs {margin-top:30px}

#section5n {background:#1DC8D2;padding:75px 0;color:#fff;font-size:1.15em}
#section5n h4 {font-size:2em;margin-bottom:20px}
#section5n a {color:#fff;font-size:1.5em;position:relative;display:block}
#section5n a img {margin-bottom:20px}
#section5n a em {font-style:normal;position:absolute;right:0;bottom:10px;font-size:.6em}

#section6 {padding-top:115px;text-align:center;}
#section6 p {font-size:1.4em;margin:40px 0 40px 0}
#section6 .more {border:2px solid #6fa900;color:#6fa900;background:#fff;padding:7px 15px;font-size:1.6rem; letter-spacing:-0.8px}
#section6 .row2 {padding:0}
#section6 .owl-nav .owl-prev {background:url('/img/page/index/slider-arrow.png') no-repeat;background-size:cover;width:30px;height:30px;position:absolute;left:0;margin-top:-70px;text-indent:-9999em}
#section6 .owl-nav .owl-next {background:url('/img/page/index/slider-arrow.png') right top no-repeat;background-size:cover;width:30px;height:30px;position:absolute;right:0;margin-top:-70px;text-indent:-9999em}

#section7 .col-sm-6:last-child {background:#fafafa}
#section7 .inner {padding:80px 0 80px 0px}
#section7 .inner h4 {font-size:2.1em;text-align:center}
#section7 .inner ul {list-style:none;margin:0;padding:0;margin-top:30px}
#section7 .inner ul li {position:relative;padding-left:140px;margin-bottom:60px}
#section7 .inner ul li img {position:absolute;width:106px;height:106px;left:0}
#section7 .inner ul li time {color:#7a7a7a}
#section7 .inner ul li .subject {color:#5d5d5d;margin-top:15px;padding-right:40px}
#section7 .inner ul li .more {color:#14aebf;float:right; letter-spacing:-0.8px}
#section7 .inner img {display:block}
#section7 .inner2 {text-align:center}
#section7 .inner2 a.more {color:#14aebf;background:#fff;border:2px solid #14aebf;padding:5px 10px;display:inline-block;margin-top:30px}

#section8 {background:#e96179}
#section8 .inner {color:#fff;padding:65px 15px 60px 15px;text-align:center}
#section8 .inner h4 {font-size:2.1em;margin-bottom:30px; letter-spacing:-1.5px}
#section8 .inner p {font-size:1.15em; line-height:25px}
#section8 .inner a {background:#fff;color:#ff5741;padding:4px 15px;display:inline-block;margin-top:30px; letter-spacing:-0.8px}
#section8 img {width:100%}
#section8 .section8-1 {padding:0}
#section8 .section8-1 ul,
#section8 .section8-1 li {list-style:none;margin:0;padding:0}
#section8 .section8-1 li {float:left;width:33.3333%}
#section8 .section8-1 ul:after {display:block;content:'';clear:both}
#section8 .section8-1 li img {width:100%;max-width:100%;display:block}

#section8-1 {background:#8cd6d6}
#section8-1 .inner {color:#333;padding:65px 15px 60px 15px;text-align:center}
#section8-1 .inner h4 {font-size:2.1em;margin-bottom:30px; letter-spacing:-1.5px}
#section8-1 .inner a {float:left}
#section8-1 .inner a img {max-width:100%}
#section8-1 .inner:after {display:block;content:'';clear:both}

@media (max-width:768px) {
	#section8-1 .inner a {width:40%;position:relative}
	#section8-1 .inner a:nth-of-type(2) {width:20%}
	#section8-1 .inner a:nth-of-type(4) {clear:left}
	#section8-1 .inner a:nth-of-type(4) {width:50%}
	#section8-1 .inner a:nth-of-type(5) {width:50%}
}

#section9 {background:url('/img/page/index/section9-m.png') center;background-size:cover;}
#section9 .text-center {padding:100% 0 20%}
#section9 .more {color:#4c4c4c;border:1px solid #4c4c4c;padding:7px 13px;background:#fff;font-size:1.6rem; letter-spacing:-0.8px}

#section10 {background:#ff7584;color:#fff;padding:90px 0 70px;font-size:1.6em}
#section10 h4 {font-size:1.4em; letter-spacing:-1.5px}

#section10-map {background:url('/img/page/index/section10.jpg') center top;height:368px}


@media (max-width:768px) {
    #section4 br,
    #section5 br,
	#section8 br {display:none}
	#section8 br.m {display:block}

    #section6 img.resize {max-width:80%}

	#section9 .more {font-size:1rem}

}

@media (min-width:768px) {
	#section8 br.m {display:none}

    #section1 {height:1012px}
    #section1 .row {padding:20% 0 0;font-size:1.5em}
    #section1 p {font-size:3em}

	#section2 .container {position:relative}	
	#section2 .absolute {position:absolute;top:-204px}
	#section2 .bg {padding-top:200px}
    #section4 .row {padding-top:10%}
    #section4 p {color:#ffffff; font-size:1.05em; line-height:25px}

    #section5 {text-align:left}
    #section5 .inner {padding:40px 0 0 25px}

    #section6 {padding-top:75px;background-size:contain;padding-bottom:50px}
    #section6 p {margin:20px 0 60px 0}

    #section6 .owl-nav .owl-prev {width:60px;height:60px;position:absolute;margin-top:-150px;text-indent:-9999em}
    #section6 .owl-nav .owl-next {width:60px;height:60px;position:absolute;margin-top:-150px;text-indent:-9999em}

    #section7 .col-sm-6:last-child {background:none}
    #section7 {background:url('/img/page/index/section7-bg.png') center repeat}
    #section7 .inner2 {padding-left:50px}
    #section7 .inner h4 {text-align:left; letter-spacing:-1.5px}
    #section7 .inner a.more {float:right;margin-right:70px;margin-top:10px; letter-spacing:-0.8px}

	#section8 .inner {color:#fff;padding:65px 0 0 50px;text-align:left}

    #section8 .section8-1 {width:50.5% !important}
	#section8 .section8-1 li {width:50% !important}
    #section8 .section8-2 {width:45% !important}

	#section9 {background:#f2f2f2;height:564px}
	#section9 .container {background:url('/img/page/index/section9.png') center;height:564px}
	#section9 .text-center {padding:0;margin-top:450px}

}

@media (min-width:1100px) and (max-width:1800px) {
	#section8 .section8-1 li:nth-of-type(5),
	#section8 .section8-1 li:nth-of-type(6) {display:none}
}

@media (min-width:1200px) {
	#section2 .absolute {position:absolute;top:0;margin-top:-245px}
}

@media (min-width:1800px) {	
    #section8 .section8-1 li {width:33.3%}
	#section8 .section8-2 .col-sm-12 {width:70%}
}



/* section5 변경 */
#section5 {background:#abb6bc;padding:75px 0 90px;color:#fff;font-size:1.15em;text-align:center}
#section5 h4 {font-size:2.3em;margin-bottom:20px; letter-spacing:-1.5px;}
#section5 a:hover img,#section5 a:focus img {opacity:.8}
#section5 a.more {background:#fff;color:#abb6bc;padding:8px 15px;font-size:1.6rem; letter-spacing:-0.8px;margin-top:1em;display:inline-block}


/* 2024.12.23 section5 변경 iavts2024 영상파트 추가 */
#section5 .row_n {
	margin: 100px auto 0;
}
#section5 .row_n h4 {
	text-align: center;
	font-size: 1.8em;
	line-height: 1.5;
}
#section5 .row_n #myvideo {
	max-width: 1000px;
	margin: 20px auto;
	width: 100%;
}
#section5 .row_n #myvideo iframe {
	width: 100%;
}

@media (max-width:768px) {
	#section5 h4 {margin-top:1em}
	#section5 .inner ul {list-style:none;margin:30px 0 0 0;padding:0}
	#section5 .inner ul li a {display:block}
	#section5 .inner ul li a img {width:100%}
	#section5 .inner ul li a,
	#section5 .inner ul li a i {color:#fff}
	#section5 .inner ul li a .more {display:none}
	#section5 .row_n {
		margin: 50px auto 0;
	}
	#section5 .row_n #myvideo iframe {
		width: 100%;
		height: 360px;
	}
}
@media (min-width:768px) {
    #section5 {text-align:left;position:relative}
    #section5 .inner {padding:40px 0 0 25px}


	#section5 .inner ul {list-style:none;margin:30px 0 0 0;padding:0}
	#section5 .inner ul li {margin-bottom:5.5em}
	#section5 .inner ul li a {display:block;position:relative}
	#section5 .inner ul li a:after {display:block;content:'';clear:both}
	#section5 .inner ul li a img {float:left;width:30%;margin-right:5%}
	#section5 .inner ul li a i,
	#section5 .inner ul li a time {color:#fff;font-weight:normal}
	#section5 .inner ul li a time {display:block;margin-bottom:0.5em}
	#section5 .inner ul li a p {color:#333}
	#section5 .inner ul li a .more {position:absolute;right:0;bottom:0;color:#333;font-size:.9em;margin:0}
	#section5 i.line {width:1px;height:46%;position:absolute;left:50%;top:130px;background:#CFD4D8}

	

}
@media (max-width:480px) {

	#section5 .row_n h4 {
		text-align: center;
		font-size: 1.4em;
		line-height: 1.5;
		margin-top: 0;
	}

	#section5 .row_n #myvideo iframe {
		width: 100%;
		height: 230px;
	}
}