@charset "utf-8"; 
/*@ latest 2026.04.02 sj */
/*@ latest 2026.05.20 sj */
/*@ latest 2026.06.08 sj */



/* main visual */
.mv_Wrap {margin:0 auto;padding:0px;box-sizing:border-box;height: auto; height: 100%;}

.mv_Wrap .mvBG {width:100%;float:left;background:#ffffff;}
.mv_Wrap .mvBG .mainSlider_001 {background:white; z-index:0; overflow:hidden; margin-left:auto; margin-right:auto; position:relative;}
.mv_Wrap .mvBG .mainSlider_001 .swiper-slide {position:relative; overflow:hidden; width:100% !important;}
.mv_Wrap .mvBG .mainSlider_001 .swiper-slide img {width:100%;height:auto;}

	@media (min-width:991px){
		.mv_Wrap .mvBG .mainSlider_001 {height: 1050px;}
		.mv_Wrap .mvBG .mainSlider_001 .swiper-wrapper,
		.mv_Wrap .mvBG .mainSlider_001 .swiper-slide   {height:100%;}
		.mv_Wrap .mvBG .mainSlider_001 .swiper-slide img {height:100%;}
	}
	@media (max-width:990px){
		.mv_Wrap {height: auto !important; padding: 80px 0 30px;}
		.mv_Wrap .mvBG {position:absolute;height:100%;left: 0;top: 50px;}
		.mv_Wrap .mvBG .mainSlider_001 {height:100%;}
		.mv_Wrap .mvBG .mainSlider_001 .swiper-slide img {min-height:100vh;}
	}
	@media (max-width:799px){
		.mv_Wrap .mvBG .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;}							
	}




.fixZone {position:absolute;width:100%;/* margin-top:300px; */box-sizing:border-box;z-index: 0;}
.fixZone > .div_wrap {max-width: 1600px;display: flex;justify-content: space-between;gap: 2%;overflow: visible;}
.fixZone > .div_wrap>.layout_02 {height: 779px;/* border-radius: 25px; */overflow: hidden;/* box-shadow: 1px 1px 11px rgba(0,0,0,0.05); */}
.fixZone > .div_wrap>.layout_02>div {height:100%;border-radius: 25px;box-shadow: 1px 1px 11px rgba(0,0,0,0.05);}
.fixZone > .div_wrap>.inner_layer {display: flex;flex-direction: column;gap: 25px;}
.fixZone > .div_wrap>.inner_layer [class *="layout_"]:not(.layout_wrap) {background: #fff;border-radius: 25px;box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.07);height: auto;}

.fixZone .layout_wrap .anchorHandler,
.fixZone .layout_wrap .addLyot{display: none !important;}

.fixZone > .div_wrap>.inner_layer .layout_02:has(.banner139.custom) {box-shadow: none;overflow: visible;background: transparent;border-radius: 0;}

.fixZone .itemSortHandler,
.fixZone .axeboxContents {display:none !important;}


	@media (min-width:1050px){
		.fixZone {top: 240px;}
	}
	@media (min-width:991px) and (max-width:1049px){
		.fixZone {top:220px; padding:0 15px; }
	}
	@media (min-width:991px){
		.fixZone > .div_wrap>.layout_02 {width: 43%;}
		.fixZone > .div_wrap>.inner_layer {width: 55%;overflow: visible !important;padding-top: 11px;}
		.fixZone .layout_padding > .layout_02 {width: 49%;}
		.fixZone .layout_padding > .layout_02:first-child {margin-right:2%;}

		/*hover*/
		.fixZone > .div_wrap>.inner_layer .layout_02 .banner139.custom .plusLink:hover a {color:#fff !important;}
		.fixZone > .div_wrap>.inner_layer .layout_02:first-child .banner139.custom .plusLink:hover  {background: rgb(27 135 145) !important;}
		.fixZone > .div_wrap>.inner_layer .layout_02:first-child .banner139.custom .plusLink:hover a span {background:#fff !important;color: #1b8791;}
		.fixZone > .div_wrap>.inner_layer .layout_02:nth-child(2) .banner139.custom .plusLink:hover {background: rgb(86, 83, 152) !important;}
		.fixZone > .div_wrap>.inner_layer .layout_02:nth-child(2) .banner139.custom .plusLink:hover a span {background:#fff !important; color: #565398;}
	}

	
	@media (max-width:990px){
		.fixZone {position:relative; padding: 0 15px;box-sizing:border-box;display: flex;flex-direction: column;}
		.fixZone > .div_wrap {gap:0; flex-direction:column;}

		.fixZone > .div_wrap>.layout_02 {width:100%;margin-bottom: 20px !important;aspect-ratio: 690 / 780;height: auto;display: none;}
		.fixZone > .div_wrap>.inner_layer {width:100%;overflow: visible !important;gap: 15px;}
		.fixZone .layout_padding > .layout_02 {width:100%;}
		.fixZone .layout_padding > .layout_02:first-child {margin-bottom:10px !important;}
	}
	@media (min-width:700px) and (max-width:990px){
		.fixZone .layout_padding > .layout_02 {width: 49% !important;}
		.fixZone .layout_padding > .layout_02:first-child {margin-right:2% !important;}
	}
	@media (min-width:600px){

	}









/* widget setting */
.ect001.custom {background: #fff; display: flex; justify-content: center; align-items: center;}
.ect001.custom img {max-width: 100%;max-height: 93%;margin-top: 5%;}
.fixZone > .div_wrap>.layout_02:before {content:"";width: 400px;height: 67px;display: inline-block;background: url(/sample/template/compound/compound_supervision2/img/designIMG.png) no-repeat;background-size: contain;position: absolute;left: 50%;top: -15px;transform: translate(-50%);}

.inner_layer .banner139.custom .txtbox {border-radius: 25px; box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.2); overflow: hidden;}
.inner_layer .banner139.custom .bnrwrap {padding-bottom: 35px;}
.inner_layer .banner139.custom .txtbox {padding: 30px 30px 60px;}
.inner_layer .banner139.custom .cobox {z-index: 1; position: relative;}
.inner_layer .banner139.custom .cobox .bnrtit{font-family: "Korail Rounded";margin-bottom: 145px;font-size: 29px;font-weight: 600;text-overflow: unset;overflow: visible;}
.inner_layer .banner139.custom .cobox .bnrtit b { font-weight: 300; letter-spacing: 4px; font-size: 0.9em; font-family: "Korail Rounded";}
.inner_layer .banner139.custom .cobox .bnrco {font-family: "Korail Rounded";height: auto;height: 70px;}
.inner_layer .banner139.custom .cobox .morebtn {border-width: 2px;border-radius: 20px;font-family: 'Korail Rounded';letter-spacing: 1px;padding: 12px 40px 11px 20px;font-size: 14px;margin-bottom: 0;}
.inner_layer .banner139.custom .cobox .morebtn span {font-family: 'Korail Rounded';}
.inner_layer .banner139.custom .txtbox:hover .morebtn {background:#fff;color: #333;}
.inner_layer .banner139.custom .txtbox:hover .morebtn span {}
.inner_layer .banner139.custom .iconbox {bottom: 45px; height: calc(100% - 45px);}
.inner_layer .banner139.custom .iconbox img {border-radius: 10px;max-width: 175%;}
.inner_layer .banner139.custom .plusLink {position: absolute;bottom: 0;background: #333;font-size: 23px;width: calc(100% - 60px);margin: 0 30px;text-align: center;padding: 19px 10px;box-sizing: border-box;border-radius: 25px;border: 5px solid #333;box-sizing: border-box;transition: all 0.3s;box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.1);}
.inner_layer .banner139.custom .plusLink a {color: #fff; font-family: "Korail Rounded"; word-break:keep-all;}
.inner_layer .banner139.custom .plusLink a span {font-family: "Korail Rounded";color:#fff;padding: 5px 10px 7px;border-radius: 5px;font-size: 0.95em;transition: all 0.3s;}

.inner_layer .banner113.custom {background:#fff;}
.inner_layer .banner113.custom .banner113txtBox { display: flex; justify-content: center; align-items: center; gap: 20px;}
.inner_layer .banner113.custom .banner113txtBox .iconbox {vertical-align: middle; display: flex;}
.inner_layer .banner113.custom .banner113txtBox .iconbox img { width: auto; min-height: auto; max-width: 40px; opacity: 1; vertical-align: middle;}
.inner_layer .banner113.custom .banner113txtBox span.co,
.inner_layer .banner113.custom .banner113txtBox span.co * {font-family: "Korail Rounded";font-size: 26px;letter-spacing: 1px;line-height: normal;width: auto;}

.banner127.custom .qbox a {padding: 30px;height: 178px;}
.banner127.custom .qbox .txtbox p.tit {font-family: 'Korail Rounded';font-size: 23px;font-weight: 500;}
.banner127.custom .qbox .circlebox {background: transparent;display: flex;border-radius: 0;align-items: flex-end;justify-content: flex-end;transform: none;top: auto;bottom: 20px;right: 20px;box-shadow: none !important;}
.banner127.custom .qbox .circlebox img {max-width: 100%;}

	@media (min-width:991px) and (max-width:1149px){
		.inner_layer .banner139.custom .plusLink {font-size: 18px;}
	}
	@media (max-width:990px){
		.fixZone > .div_wrap>.layout_02:before {width: 55%; top: -11px;}
		.inner_layer .banner139.custom .txtbox  {padding: 20px 20px 55px;height: auto;}
		.banner127.custom .qbox a {padding:20px;height: auto;}

		.inner_layer .banner139.custom .cobox .bnrtit {font-size:22px;margin-bottom: 85px;}
		.inner_layer .banner113.custom .banner113txtBox span.co, .inner_layer .banner113.custom .banner113txtBox span.co *  {font-size: 18px;}
		.banner127.custom .qbox .txtbox p.tit {font-size:18px;}
		.banner127.custom .qbox .txtbox span.co {opacity:0.7;display: none;}
		.inner_layer .banner139.custom .cobox .bnrco {height: auto;}
		.inner_layer .banner113.custom {height: 80px;}
		.inner_layer .banner113.custom .banner113txtBox {height: 80px;padding: 0 20px;line-height: normal;justify-content: flex-start;gap: 10px;}
		.inner_layer .banner139.custom .iconbox img {max-width:90%;}
		.inner_layer .banner139.custom .plusLink {width:calc(100% - 40px);margin: 0 20px;}
		.inner_layer .banner113.custom .banner113txtBox .iconbox img {max-width: 22px;}
	}
	@media (max-width:799px){
		.banner127 .qbox .txtbox {min-height: auto !important;}
	}		
	@media (max-width:699px){
		.inner_layer .banner139.custom .bnrwrap {padding-bottom: 0;}
		.inner_layer .banner139.custom .txtbox {padding-bottom: 74px;}
		.inner_layer .banner139.custom .cobox .bnrtit {margin-bottom: 15px;}
		.inner_layer .banner139.custom .plusLink {border-width: 2px;border-radius: 30px;font-family: 'Korail Rounded';letter-spacing: 1px;padding: 12px 40px 11px 20px;font-size: 14px;margin-bottom: 0;background: transparent !important;border: 2px solid rgba(255,255,255,0.8);width: auto;box-shadow: none;bottom: 20px;background: #fff !important;padding-right: 20px;}
		.inner_layer .banner139.custom .plusLink:after {content: "\276D"; color: inherit; float: left; padding-left: 3px; font-weight: 400; margin-top: -2px; font-size: 14px; position: absolute; right: 15px; color:#fff;}
		.inner_layer .banner139.custom .iconbox {bottom: 2px;}
	}





/* 페이지 로딩시 애니메이션 */
	@keyframes slideLeft {
		from {opacity: 0; transform: translateX(-150px);}
		to   {opacity: 1; transform: translateX(0);}
	}

	@keyframes slideRight {
		from {opacity: 0; transform: translateX(150px);}
		to   {opacity: 1; transform: translateX(0);}
	}

.fixZone > .div_wrap>.layout_02       {opacity: 0;animation: slideLeft 1s ease forwards;overflow: visible;}
.layout_wrap.box2 {opacity: 0; animation: slideRight 1s ease forwards; animation-delay:0.2s;}
.layout_wrap.box3 {opacity: 0; animation: slideRight 1s ease forwards; animation-delay:0.3s;}
.layout_wrap.box4 {opacity: 0; animation: slideRight 1s ease forwards; animation-delay:0.4s;}
.layout_wrap.box5 {opacity: 0; animation: slideRight 1s ease forwards; animation-delay:0.5s;}






.header .inner {background: linear-gradient(to right, #2a5080, #263647) !important;}
.menu .inner:has(.lnb):not(:has(.lnb li)) .logo {width: 100%; text-align: center;}
.lnb > li > a {font-family:"Korail Rounded";font-size: 25px;font-weight: 600;color: #333;}
.footer .inner,
.div_wrap {max-width:1600px;}
.footer * {font-family:'Noto Sans KR' !important;}

.menu .logo:only-child img {transition: none !important;}
.lnb {display:none !important;}

	@media (min-width:991px){
		.head-group:not(.fixedhead) .menu .inner {height:120px;line-height: 120px;}
		.head-group:not(.fixedhead) .menu .logo {width:100% !important;text-align: center;height: 100%;line-height: 120px;}
		.head-group:not(.fixedhead) .menu .logo img {max-height: 70%; transition: none !important;}
	}