@charset "utf-8"; 
/*@ latest 2025.06.25 sj */



/* main visual */
.mainvalBox {margin:0 auto;padding:0px;box-sizing:border-box;height: auto; height: 100%;}
.mainvalBox .mainVisual {width:100%;float:left;background:#ffffff;}
.mainvalBox .mainVisual #templateFix {float:left; width:100%; margin-top:300px;}
.mainvalBox .mainVisual #templateFix .transform_wrap .layout_02_36 {width:100%;}

.div_wrap.border-radius > div:not(.inner_layer) {border-radius:20px !important;box-shadow:0 1px 6px 0 rgba(32,33,36,.1);}
.div_wrap.border-radius > div.noShadow {box-shadow:none !important;}

	@media (min-width:900px){
		.transform_wrap>.layout_01 {width:49.5%;float:left;margin-right:1%;height:400px !important;}
		.transform_wrap>.layout_01 .add_div {line-height:610px;}
		.transform_wrap .inner_layer {width:49.5%; float:left;}
		.transform_wrap .inner_layer .layout_02 {height: 400px;}
		.transform_wrap .swiper-container.mainSlider_001 {width:49.5%; margin-right:1%;}

		
	}
	@media (max-width:899px){
		.mainwidget_slide {height:400px !important;}
	}
	@media (min-width:600px){
		.transform_wrap .layout_02 {width:100%; height: auto;}

	}



/* main visual */
.mainVisual .mainSlider_001 {background:white; z-index:0; overflow:hidden; margin-left:auto; margin-right:auto; position:relative;}
.mainVisual .swiper-slide {position:relative; overflow:hidden; width:100% !important;}
.mainVisual .swiper-slide img {width:100%;height:auto;}

	@media (min-width:991px){
		.mainVisual .mainSlider_001 {height:850px;}
		.mainVisual .mainSlider_001 .swiper-wrapper {height:100%;}
		.mainVisual .swiper-slide {height:100%;}
		.mainVisual .swiper-slide img {height:100%;}
	}
	@media (max-width:990px){
		.maintem_wide {width:100%; float:left;}
		.contents {overflow:visible;height: auto;}
		.mainvalBox {height: auto !important; padding: 80px 0 30px;}
		.mainVisual {position:absolute;height:100%;left: 0;top: 50px;}
		.mainVisual .mainSlider_001 {height:100%;}
		.mainVisual .swiper-slide img {min-height:100vh;}
	}

	@media (max-width:799px){
		.mainVisual .swiper-slide img {width:auto !important; min-width:100%; height:auto !important; min-height:100%; position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;}							
	}



#templateFix {position:absolute;width:100%;}

	@media (min-width:1050px){
		#templateFix {top:220px; z-index:0;}
	}
	@media (min-width:991px) and (max-width:1049px){
		#templateFix {top:220px;padding:0 15px;box-sizing:border-box;z-index: 0;}
	}
	@media (max-width:990px){
		#templateFix {position:relative; padding: 0 15px;box-sizing:border-box;display: flex;flex-direction: column;}

		.inner_layer {padding-top:15px; width:100%;}
	}











/* main slide */
.mainwidget_slide {width:100%; height:100%; float:left; position:relative; overflow:hidden;}
.mainwidget_slide .swiper-container {height:100%;}
.mainwidget_slide .bnr_p {width:100%; height:100%; position:absolute; top:0; left:0; box-sizing:border-box; text-align:left; line-height:normal;}
.mainwidget_slide .bnr_p .bnr_p_wrap {width:70%;display:inline-block;vertical-align:middle;box-sizing:border-box;line-height:normal;}
.mainwidget_slide .swiper-slide {width:100%;text-align:right;background:#fff;overflow: hidden;}
.mainwidget_slide .swiper-slide> a {width:100%; height:100%; float:left; position:relative;}
.mainwidget_slide .swiper-slide img {width:auto;height:auto;display:inline-block;position:absolute;right:0;bottom:0;}

.mainwidget_slide .bnr_p strong {line-height:130%;font-weight:400;letter-spacing:-1px;color:#fff;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;text-align:inherit;background:#ff8a00;padding:2px 8px 2px 5px;margin-top:3px;font-family:'Noto Sans KR';}
.mainwidget_slide .bnr_p h4 {width:100%;line-height:130%;font-weight:300;letter-spacing:-1px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}
.mainwidget_slide .bnr_p h4 strong, .mainwidget_slide .bnr_p h4 b {font-weight:600;font-family:'Noto Sans KR';}
.mainwidget_slide .bnr_p p {font-size:18px;color:#414141;line-height:150%;width:auto;display:inline-block;position:relative;word-break:keep-all;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;opacity:0.9;margin-top:10px;font-family:'Noto Sans KR';}

	@media (min-width:800px){
		.mainwidget_slide .bnr_p h4 {font-size:35px;margin-bottom:30px;font-family:'Noto Sans KR';}
		.mainwidget_slide .bnr_p strong {font-size:36px;}
		.mainwidget_slide .bnr_p .bnr_p_wrap {padding:30px 30px;}
	}

	@media (max-width:799px){
		.mainwidget_slide .bnr_p h4 {font-size:25px;}
		.mainwidget_slide .bnr_p strong {font-size:25px;}
		.mainwidget_slide .bnr_p .bnr_p_wrap {width:70%;padding:20px 20px 25px 15px;vertical-align: top;}
	}

	@media (max-width:599px){
		.mainwidget_slide {height:450px;}
		.mainwidget_slide .bnr_p {line-height:300px;}
		.mainwidget_slide .bnr_p p {max-height:157px; -webkit-line-clamp:8;}
		.mainwidget_slide .swiper-slide>a {line-height:500px;}
		.mainwidget_slide .swiper-slide img {opacity:0.8;max-width: 100%;}
	}



	
.mainwidget_slide .btnbox {width:100%; float:left; display:block; text-align:center; position:absolute; bottom:20px; text-align:left; padding-left:20px; box-sizing:border-box;}

.mainwidget_slide .swiper-pagination {display:inline-block; position:relative; margin-left:10px; vertical-align:middle;}
.mainwidget_slide .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-right:4px; background:#73645f; opacity:0.4; border:1px solid #fff;}
.mainwidget_slide .swiper-pagination .swiper-pagination-bullet:focus {outline:thin dotted;}
.mainwidget_slide .swiper-pagination .swiper-pagination-bullet-active {opacity:1;}

.mainwidget_slide .slide-controll {display:inline-block; width:auto;}
.mainwidget_slide .swiper-button-next,
.mainwidget_slide .swiper-button-prev {overflow:hidden; text-indent:-9999px; width:30px; height:30px; background-color:#989796 !important; border-radius:100%; position:relative; margin-top:0; display:inline-block; top:auto; margin-right:10px; left:auto; vertical-align:middle; pointer-events:auto !important; }
.mainwidget_slide .swiper-button-prev {background:url(/sample/template/compound/compound_supervision/img/arrow.png) no-repeat 4px 3px;}
.mainwidget_slide .swiper-button-next {background:url(/sample/template/compound/compound_supervision/img/arrow.png) no-repeat -57px 4px; margin-left:6px;}
.mainwidget_slide .swiper-button-next:hover,
.mainwidget_slide .swiper-button-prev:hover {cursor:pointer; }
.mainwidget_slide .swiper-button-next:focus,
.mainwidget_slide .swiper-button-prev:focus {outline:thin dotted;}

.mainwidget_slide .swiper-button-next.swiper-button-disabled, 
.mainwidget_slide .swiper-button-prev.swiper-button-disabled {opacity:1;}

.mainwidget_slide div.indicator {z-index:10; display:inline-block; margin-left:-13px; position:relative;}
.mainwidget_slide div.indicator button {outline:none; cursor:pointer; text-indent:-9999px; background-color:#989796 !important; width:30px; height:30px; border-radius:100%; display:inline-block; margin-right:5px;}
.mainwidget_slide div.indicator button.play {border-radius:100%;}
.mainwidget_slide div.indicator button.play {background:url(/sample/template/compound/compound_supervision/img/arrow.png) no-repeat -82px 4px;}
.mainwidget_slide div.indicator button.stop {background:url(/sample/template/compound/compound_supervision/img/arrow.png) no-repeat -26px 3px;}
.mainwidget_slide div.indicator button:focus {outline:thin dotted;}






/* widget setting */
.inner_layer .etc116 {padding: 30px 30px 0 30px;}
.inner_layer .etc116 .txttit {font-size:27px;font-family:'Noto Sans KR';font-weight:300;color:#000;height:auto !important;}
.inner_layer .etc116 .txttit b {font-weight:600;}
.inner_layer .etc116 .txtwrap div {border: 2px solid #e6e5e5;background: rgb(255 255 255 / 92%);border-radius:20px;padding:20px;box-sizing:border-box;margin-top: 35px;/* box-shadow: 0 1px 6px 0 rgba(32,33,36,.04); */}
.inner_layer .etc116 .txtwrap div ~ div {margin-top:20px;}
.inner_layer .etc116 .txtwrap div .txtco {color:#333; font-size:18px;font-family:'Noto Sans KR';height:auto !important;}
.inner_layer .etc116 .txtwrap div .bar {background:#233f65;margin:9px 10px 0 0;width:10px;height:10px;border:none;border-radius:3px;transform:rotate(45deg);}

#templateFix .banner127 .qbox a {padding:30px;}
#templateFix .banner127 .qbox .txtbox {width:calc(100% - 95px);}
#templateFix .banner127 .qbox .txtbox p.tit {font-size:25px; font-family:'Noto Sans KR'; font-weight:400; line-height:130%;}
#templateFix .banner127 .qbox .txtbox span.co {opacity:0.5;}

@media (max-width:799px){
	.inner_layer .etc116 {padding: 20px 20px 0 15px;}
	.inner_layer .etc116 .txttit {font-size:25px;}
	.inner_layer .etc116 .txtwrap div {margin-top:15px;}
	.inner_layer .etc116 .txtwrap div ~ div {margin-top:10px;}
	.inner_layer .etc116 .txtwrap div {padding: 15px 20px;}
	.inner_layer .etc116 .txtwrap div .txtco {font-size:17px;width: 90%;margin-top: 0;}

	#templateFix .banner127 .qbox .txtbox p.tit {font-size:22px;}
}

@media (max-width:599px){
	.inner_layer .etc116 .txttit {font-size:20px;}
	.inner_layer .etc116 .txtwrap div .bar {width: 4px;height: 4px;margin-top: 13px;}
	
	#templateFix .banner127 .qbox .txtbox p.tit {font-size:20px;}
	
}