@charset "utf-8";

/* **************************************** *
 * 메인 비주얼
 * **************************************** */
#mainVisual {overflow:hidden; width:100%; height:500px; position:relative;}
#mainVisual.full-height {height:1030px;}
.slick-track,
.slick-list {-webkit-perspective:2000;-webkit-backface-visibility:hidden;}
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.main-visual-item {height:100%;}
#mainVisual .slick-track {overflow:hidden;}
.main-visual-con{z-index:1;}

/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	-ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1); 
    -webkit-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1);
	-webkit-transition:transform 3000ms  ease-in-out ;
	-moz-transition:transform 3000ms ease-in-out ;
	-o-transition:transform 3000ms ease-in-out ;
	-ms-transition:transform 3000ms ease-in-out ;
    transition:transform 3000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{position:absolute; top:50%; left:0px; width:100%; margin-top:-170px; text-align:center;
									   text-shadow:3px 3px 8px black;} /* margin-top은 조정 (텍스트영역 높이의 반) */
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3,
.main-visual-item .main-visual-txt-con .main-visual-more-btn{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(-50px); 
    -o-transform: translateY(-50px); 
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px); 
     transform: translateY(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1 {position: relative; display:block; font-family: 'play', sans-serif; font-size:22px; letter-spacing:-0.25px; color:#fff; margin-bottom:20px;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 span {position:relative;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 i {padding-bottom:2px;display: block;position: absolute;bottom: -1px;width: 100%;left: 0; }
.main-visual-item .main-visual-txt-con .main-visual-txt1 i:after {content: '';display: block;width: 100%;height: 1px;position: absolute; bottom: 0;background: #fff;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 {font-size:40px;font-weight:500;letter-spacing:-0.25px; color:#fff; line-height:2.2; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt3 {font-size:18px;font-weight:300;letter-spacing:-0.25px; color:#fff;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn {display:inline-block; font-size:16px; font-weight:300; color:#fff;  -webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn a {display:inline-block; width:175px; height:55px; font-size:16px; line-height: 55px; letter-spacing: -1px; color:#fff; border:2px solid #fff; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);  transition: all 0.4s cubic-bezier(.5, .24, 0, 1); position:relative; }
.main-visual-item .main-visual-txt-con .main-visual-more-btn a:first-child {margin-right: 15px;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn a:hover {border-left:2px solid #00aeef; border-right:2px solid #00aeef; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.6);}

.line-btn a::before {content: ''; position:absolute; left:-2px; bottom:-2px; z-index:1; width:0%; height:2px; background:#00aeef; box-shadow:inset 0px 0px 0px #00aeef; display:block; -webkit-transition:all 0.4s cubic-bezier(.5, .24, 0, 1); transition:all 0.4s cubic-bezier(.5, .24, 0, 1);}
.line-btn a:hover::before {width:calc(100% + 4px);}
.line-btn a::after {content: ''; position:absolute; right:-2px; top:-2px; z-index:1; width:0%; height:2px; background:#00aeef; -webkit-transition:all 0.4s cubic-bezier(.5, .24, 0, 1); transition:all 0.4s cubic-bezier(.5, .24, 0, 1);}
.line-btn a:hover::after {width:calc(100% + 4px);}

/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0) rotate(0.01deg);
    -o-transform: scale(1.0,1.0) rotate(0.01deg);
    -moz-transform: scale(1.0,1.0) rotate(0.01deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.01deg);
     transform: scale(1.0,1.0) rotate(0.01deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-more-btn{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateY(0px); 
    -o-transform: translateY(0px); 
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px); 
     transform: translateY(0px);
}

/* 메인 비주얼 :: 버튼 */
#mainVisual .slick-dots {position:absolute; width:100%; text-align:center; bottom:50px; margin-top: 35px; z-index:1000;}
#mainVisual .slick-dots li {display:inline-block; margin:0 5px;}
#mainVisual .slick-dots li button {cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:50px; height:4px; background-color:#000; opacity:0.5;filter:Alpha(opacity=70);}
#mainVisual .slick-dots li.slick-active button{background-color:#00aeef;}		/* 버튼 active */

/* 메인 비주얼 :: 화살표 */
#mainVisual .slick-arrow{	position:absolute; width:29px; height:60px; top:50%; margin-top:-30px; cursor:pointer; border:0; cursor:pointer; z-index:1000; font-size:0;}		/* 버튼이미지에 맞게 크기 수정 */
#mainVisual .slick-arrow.slick-prev{left:90px; background-image:url("../images/common/main_visual_prev.png") no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#mainVisual .slick-arrow.slick-next{right:90px; background-image:url("../images/common/main_visual_next.png") no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#mainVisual .slick-arrow.slick-prev:hover {-webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px);}
#mainVisual .slick-arrow.slick-next:hover {-webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:55px; left:50%; margin-left:-41px; text-align:center; z-index:9}	/* width값에 맞게 margin-left수정 */
.main-scroll-icon span{display:block; color:#fff; padding-bottom:5px; letter-spacing:-0.5px; font-weight:300; }



/* -------- 미디어쿼리 -------- */
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:block;}
	.main-visual-m-img img{width:100%;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{margin-top:-150px}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:16px; line-height:1.6; margin-bottom: 15px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:30px; line-height:1.2; margin-bottom: 15px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{display:none; font-size:15px; line-height:1.6; margin-bottom:20px; }
	.main-visual-item .main-visual-txt-con .main-visual-more-btn a {width:100px; height:40px; line-height: 40px; font-size:12px;}
	#mainVisual .slick-dots {margin-top: 60px;}
	#mainVisual .slick-dots li button {width:25px; height:2px;}
	/* 메인 비주얼 :: 화살표 */
	#mainVisual .slick-arrow {width:20px; margin-top: 0;} /* 화살표사용시 display:none 삭제 */ 
	#mainVisual .slick-arrow.slick-prev {left:15px; background-size:100% auto;}
	#mainVisual .slick-arrow.slick-next {right:15px; background-size:100% auto;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}
}





/* **************************************** *
 * 메인 컨텐츠 :: 비지니스
 * **************************************** */
.m_business_wrap {position:relative; max-width:1500px; margin:120px auto; margin-bottom:50px; overflow:hidden; flex-wrap:wrap;display: flex;-webkit-display:flex;justify-content:center;-webkit-justify-content:center;}
.m_business_wrap h3.tits {width:100%; margin:0 auto; font-family: 'Montserrat', sans-serif; font-size:50px; color:#1a1a1a; font-weight:700; text-align:center; margin-bottom:50px;}
.m_business_wrap .business_cont_l {width:46%; margin-right:0%; text-align:center;}
.m_business_wrap .business_cont_r {width:46%;}
.business_img {margin-bottom:50px;}
.m_business_wrap .s_tit {font-family: 'Montserrat', sans-serif; color:#1a1a1a; font-size:14px;}
.m_business_wrap h3.tit {font-family: 'Montserrat', sans-serif; color:rgba(0, 68, 141,1); font-size:40px; font-weight:600; padding:50px 0 20px 0; margin:0 auto; text-align:center;}
.m_business_wrap p.txt {color:#5a5a5a;  font-size:20px; font-weight: 300; text-align: center; }
.m_business_wrap .business_btn {text-align: center;}
.m_business_wrap .business_btn a {width:200px; position:relative; display:inline-block; font-family: 'play', sans-serif; font-size:14px; margin-top:50px; margin-bottom:50px; float:none; display: inline-block; letter-spacing:1.2px;
	font-weight: 400; height:60px; line-height:59px; text-align:center; rgba(0, 68, 141,1);}
.m_business_wrap .business_btn a.b01 {border:1px solid rgba(0, 68, 141,1);}
.m_business_wrap .business_btn a.b01:hover {background:rgba(0, 68, 141,1); color:white;}
.m_business_wrap .business_btn a.b02 {background:rgba(0, 68, 141,1); color:white; margin-left:10px;}
.m_business_wrap .business_btn a.b02:hover {background:#43358c;}

/* -------- 미디어쿼리 -------- */
@media all and ( max-width: 1600px ){
	.m_business_wrap {padding:0 50px 0 50px;}
}

@media all and ( max-width: 1100px ){
	.m_business_wrap {padding:0 30px 0 30px;  margin:70px auto;}
	.m_business_wrap h3.tit {font-size:43px; padding:30px 0}
	.m_business_wrap p.txt {font-size:17px;}


	.m_business_wrap p.txt br.no {display:none}
	.m_business_wrap .business_btn a {max-width:150px; height:50px; line-height:49px;}
}

@media all and ( max-width: 800px ){
	.m_business_wrap {padding:0 15px 0 15px; margin:40px auto; margin-top:80px;}
	.m_business_wrap p.txt {font-size:16px;}
	.m_business_wrap h3.tits {font-size:40px;}
	.m_business_wrap h3.tit {font-size:35px;}
}

@media all and ( max-width: 640px ){
	.m_business_wrap {padding:0 15px 0 15px;  margin:50px auto;}
	.m_business_wrap .business_cont_l {width:100%; margin-right:0%;}
	.m_business_wrap .business_cont_r {width:100%; margin-top:50px;}
	.m_business_wrap .s_tit.no {display:none}
	.m_business_wrap h3.tits {font-size:35px;}
	.m_business_wrap h3.tit {padding:20px 0 15px 0; font-size:30px;}
	.m_business_wrap p.txt {font-size:14px;}
	.m_business_wrap .business_btn a {margin-top:20px; margin-bottom:20px; height:40px; line-height:39px;}
	.business_img {margin-bottom:25px;}
}


/* **************************************** *
 * 메인 컨텐츠 :: 제품브랜드
 * **************************************** */
 .m_product_wrap {position:relative; max-width:100%; margin:0 auto; background-color:#f9f9f9; padding:120px 0;}
 .m_product_wrap h3.tit {font-family: 'Montserrat', sans-serif; font-size:50px; color:#1a1a1a; font-weight:700; text-align:center;}

/* tabType */
.tabArea {position:relative; max-width:1400px; margin:70px auto 0;}
.tabBtn {max-width:900px; margin:0px auto;  vertical-align:middle;}
.tabBtn > a {font-family: 'play', sans-serif; float:left; width:24%; font-size:18px; color:#333; margin:0 0.5%; text-align:center; background:#eeeeee; font-weight:400;}
.tabBtn_s {padding:20px 0;}
.tabBtn > a.on {
	border:none; color:#fff;
	background: rgb(0, 68, 141); /* Old browsers */
	background: -ms-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* ie */
	background: -o-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* opera */
	background: -moz-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tabArea .tabCon {max-width:1400px; overflow:hidden; margin:40px auto 0}
.tabArea .tabCon .imgBox {float:left; max-width:990px;}
.tabArea .tabCon .imgBox img {max-width:100%; display:block;}
.tabArea .tabCon .textBox {float:left;width:calc(100% - 990px);padding:0 60px; padding-right: 0; height:520px;position:relative;background:#fff}
.tabArea .tabCon .textBox .tit{color:#000; font-weight:400; font-size:53px; padding-bottom:40px; margin-bottom:40px;  padding-top:80px; position:relative;}
.tabArea .tabCon .textBox .tit::before{content:'';position:absolute;width:52px;height:1px;background:#333;left:0;bottom:0;}
.tabArea .tabCon .textBox .tit em {font-family: 'play', sans-serif; font-weight:500; font-size:50px}
.tabArea .tabCon .textBox .tit.fs {font-size:48px;letter-spacing:-2px;}
.tabArea .tabCon .textBox .s_tit{font-weight:500;font-size:22px;margin-bottom:20px;color:#0a4e80; width:80%;}
.tabArea .tabCon .textBox .s_tit em {font-family: 'play', sans-serif;}
.tabArea .tabCon .textBox .txt{font-weight:300;font-size:17px;color:#5a5a5a;line-height:1.6; width:80%;}

.tabArea .tabCon .textBox .btn.btn-product {border:1px solid #255378; color:#002264; margin-top:40px;}
.tabArea .tabCon .textBox .btn.btn-product:hover {background:rgba(0, 68, 141,1); color:white;}


/* -------- 미디어쿼리 -------- */
@media all and (max-width:1400px){
	.tabArea .tabCon .imgBox{width:60%;padding-bottom:0;}
	.tabArea .tabCon .textBox{width:40%;height:auto;padding:0 25px;}
	.tabArea .tabCon .textBox .tit{margin-bottom:20px;padding-bottom:20px;font-size:30px; padding-top:40px;}
	.tabArea .tabCon .textBox .detail{position:relative;bottom:auto;left:auto;margin-top:30px;}
}

@media all and (max-width:1100px){
	.m_product_wrap {padding:80px 0;}
	.m_product_wrap h3.tit {font-size:40px;}
	.tabArea .tabCon .textBox .txt {font-size:16px; line-height:1.4}
	.tabArea .tabCon .textBox .btn.btn-product {margin-top:30px;}
}

@media all and (max-width:1000px){
	.tabArea .tabCon .textBox .tit{padding-top:15px;}
}

@media all and (max-width:900px){
	.m_product_wrap h3.tit {font-size:40px;}
	.tabArea {margin:50px auto 0;}
	.tabArea .tabCon {height:415px;}
	.tabArea .tabCon .imgBox{float:none;width:100%;height:415px;}
	.tabArea .tabCon .imgBox img{width:100%;height:100%;}
	.tabArea .tabCon .textBox{position:absolute;top:98px;left:0;width:100%;height:415px;padding:10%;background:rgba(0,0,0,.5);}
	.tabArea .tabCon .textBox .tit{color:#fff; font-weight:500; font-size:40px; padding-bottom:20px; margin-bottom:20px;  padding-top:0px; position:relative;}
	.tabArea .tabCon .textBox .tit::before{content:'';position:absolute;width:52px;height:1px;background:#fff;left:0;bottom:0;}
	.tabArea .tabCon .textBox .tit.fs {font-size:40px;letter-spacing:0px;}
	.tabArea .tabCon .textBox .s_tit{font-weight:500;font-size:24px;margin-bottom:0px;color:#fff;}
	.tabArea .tabCon .textBox .txt{font-weight:400;font-size:17px;color:#fff;line-height:1.6}

	.tabArea .tabCon .textBox .btn.btn-product {border:1px solid #fff; color:#fff; margin-top:30px;}
	.tabArea .tabCon .textBox .btn.btn-product:hover {border:1px solid #fff; color:#fff}
}

@media all and (max-width:800px){
	.m_product_wrap {margin:30px auto 0;}
	.m_product_wrap h3.tit {font-size:40px;}
	.tabBtn > a {font-size:16px;}
	.tabArea .tabCon {height:310px;}
	.tabArea .tabCon .imgBox{height:310px;}
	.tabArea .tabCon .textBox{top:96px;height:310px;padding:5%;}
	.tabArea .tabCon .textBox .tit {font-size:28px;}
	.tabArea .tabCon .textBox .tit.fs {font-size:30px;}
	.tabArea .tabCon .textBox .tit em {font-size:33px;}
	.tabArea .tabCon .textBox .s_tit {font-size:16px;}
}

@media all and (max-width:580px){
	.tabArea .tabCon .textBox{top:94px;}
	.tabBtn > a {font-size:14px;}
	.tabArea .tabCon {height:270px;}
	.tabArea .tabCon .imgBox{height:270px;}
	.tabArea .tabCon .textBox{top:93px;height:270px;padding:5%;}
	.tabArea .tabCon .textBox .btn.btn-product {margin-top:10px;}
}

@media all and (max-width:500px){
	.tabBtn > a {font-size:11px;}
	/*.tabBtn_n {padding-top:15px; padding-bottom:14px;}*/
	.tabBtn > a span.no {display:none}
	.tabArea .tabCon .textBox .tit {font-size:24px;}
	.tabArea .tabCon .textBox .tit.fs {font-size:24px;}
	.tabArea .tabCon .textBox .tit em {font-size:28px;}
	.tabArea .tabCon .textBox .s_tit {font-size:18px;}
	.tabArea .tabCon .textBox .txt {font-size:13px;}
}


/* **************************************** *
 * 메인 컨텐츠 :: 경영이념
 * **************************************** */
.m_philosophy_wrap  {position:relative; width:100%; min-height:680px; margin:0 auto; background:url("../images/main/bg_main_philosophy.jpg") no-repeat 0 0;}
.m_philosophy_wrap p {text-align:center; color:black; line-height:1.3;}
.m_philosophy_wrap > p.s_tit {font-family: 'Montserrat', sans-serif; font-size:24px; padding-top:130px}
.m_philosophy_wrap > p.txt1 {font-family: 'Montserrat', sans-serif; font-size:60px; padding:150px 0 0 0;}
.m_philosophy_wrap > p.txt1s {font-family: 'Montserrat', sans-serif; font-size:60px; padding:0 0 50px 0;}
.m_philosophy_wrap > p.txt2 {font-size:30px;}
.m_philosophy_wrap > p.txt2 br.no {display:none}
.m_philosophy_wrap > p.txt3 {font-size:25px; padding-top:10px}

.btn.btn-philosophy {background-color:black; color:white}
.btn.btn-philosophy:hover {background-color:white; color:black}

/* -------- 미디어쿼리 -------- */
@media all and ( max-width: 1100px ){
	.m_philosophy_wrap {min-height:600px;}
	.m_philosophy_wrap > p.s_tit {font-size:24px; padding-top:100px}
	.m_philosophy_wrap > p.txt1 {font-size:40px; padding:20px 0;}
	.m_philosophy_wrap > p.txt2 {font-size:28px; letter-spacing:-1px}
}

@media all and ( max-width: 800px ){
	.m_philosophy_wrap {min-height:500px;}
	.m_philosophy_wrap > p.s_tit {font-size:20px; padding-top:50px}
	.m_philosophy_wrap > p.txt1 {font-size:30px; padding:20px 0; padding-top:120px}
	.m_philosophy_wrap > p.txt1s {font-size:45px; padding-bottom:30px;}
	.m_philosophy_wrap > p.txt2 {font-size:26px; letter-spacing:-1px; line-height:1.3}
	.m_philosophy_wrap > p.txt2 br.no {display:block}
	.m_philosophy_wrap > p.txt3 {font-size:20px; padding-bottom:20px;}
}

@media all and ( max-width: 640px ){
	.m_philosophy_wrap {min-height:500px; padding:0 15px 0 15px;}
	.m_philosophy_wrap > p.s_tit {font-size:20px; padding-top:50px}
	.m_philosophy_wrap > p.txt1 {font-size:30px; padding:20px 0;}
	.m_philosophy_wrap > p.txt2 {font-size:26px; letter-spacing:-1px; line-height:1.3}
	.m_philosophy_wrap > p.txt3 {font-size:15px; padding-top:15px}
	.m_philosophy_wrap > p.txt3 br.no {display:none}
}

@media all and ( max-width: 430px ){
	.m_philosophy_wrap {min-height:450px; padding:0 15px 0 15px;}
	.m_philosophy_wrap > p.txt1 {font-size:20px; padding:20px 0; padding-top:100px}
	.m_philosophy_wrap > p.txt1s {font-size:35px; padding-bottom:20px;}
	.m_philosophy_wrap > p.txt2 {font-size:18px; letter-spacing:-1px; line-height:1.3}
	.m_philosophy_wrap > p.txt3 {font-size:14px; padding-bottom:10px;}
}

/* **************************************** *
 * 메인 컨텐츠 :: 와이케이시스
 * **************************************** */
.m_why_wrap {position:relative; max-width:100%; margin:0 auto; padding:120px 0;}
.m_why_wrap h3.tit {font-family: 'Montserrat', sans-serif; font-size:50px; color:#1a1a1a; font-weight:700; text-align:center;}

.tsize2 {line-height: 160%; margin:70px 0; !important; display: block !important; font-size: 12px !important;}
.whyksys ul {margin: 80px auto; max-width:1000px;}
.whyksys ul li {background:#f5f5f5; width: 33.3%; float: left; padding: 20px 0 20px 50px; transition:0.4s; border-left:1px solid #d8d8d8;}
.whyksys ul li:hover {background: rgba(0, 68, 141,1); color:white; margin-top: -20px; padding-top: 40px; box-shadow: 1px 4px 28px 0 rgba(0, 0, 0, 0.3);}
.whyksys ul li:hover h2 {color:white;}
.whyksys ul li:hover h3 {color:white;}
.whyksys ul li h2 {font-size: 70px; font-weight: bold; margin:30px 0; color:rgba(0, 68, 141,1);}
.whyksys ul li h2 u {display: block; font-weight: 500; color: #5a5a5a; font-size: 12px; margin-bottom:65px;}
.whyksys ul li h3 {font-size: 20px; font-weight: 300; margin:30px 0 50px 0;}

@media all and ( max-width: 800px ){
	.whyksys ul li {padding: 20px 0 20px 40px;}
}

@media all and ( max-width: 430px ){
	.m_why_wrap {padding:80px 0;}
	.whyksys ul li {padding: 20px 0 20px 20px;}
	.whyksys ul li h2 {font-size: 50px;}
	.whyksys ul li h3 {font-size: 15px;max-width:80%;}
}

/* **************************************** *
 * 메인 컨텐츠 :: 하단배너링크
 * **************************************** */
.m_support_wrap {position:relative; margin:100px auto 0; overflow:hidden; flex-wrap:wrap;display: flex;-webkit-display:flex;justify-content:space-between;-webkit-justify-content:space-between;}
.m_support_wrap .support_cont_l {width:50%; text-align:center; padding:80px 0;}
.m_support_wrap .support_cont_r {width:50%; text-align:center; padding:80px 0; background:#f9f9f9;}
.m_support_wrap h3.tit {font-family: 'Montserrat', sans-serif; color:#1a1a1a;  font-size:38px; font-weight:500; letter-spacing:-1px;}
.m_support_wrap p.txt {color:#787878;  font-size:17px; font-weight:300; line-height:1.8; padding-top:30px}
.btn.btn-support {border:1px solid #222222; background:#222222; color:#fff;}
.btn.btn-support:hover {border:1px solid #0bbbef; color:#0bbbef}

/* -------- 미디어쿼리 -------- */
@media all and (max-width:900px){
	.m_support_wrap {margin:50px auto 0;}
	.m_support_wrap h3.tit {font-size:28px;}
	.m_support_wrap p.txt {font-size:15px; line-height:1.6; padding-top:20px}
}

@media all and (max-width:800px){
	.m_support_wrap {margin:50px auto 0;}
	.m_support_wrap .support_cont_l {width:100%; padding:10px 0 50px 0;}
	.m_support_wrap .support_cont_r {width:100%; padding:50px 0 50px 0;}
}

@media all and (max-width:500px){
	.m_support_wrap p.txt {font-size:14px; line-height:1.4;}
}

/* **************************************** *
 * 메인 컨텐츠 :: 수상
 * **************************************** */

 .index_award {position:relative; max-width:1400px; margin:0 auto;}
 .index_award_m {position:relative; max-width:1400px; margin:0 auto;}

/*퀵메뉴*/
.Quick {width: 60px; height: 440px; position: fixed; right: 2.5%; top:45%; margin-top:-220px; transition: all 0.3s; z-index:100;}
.Quick ul  li {width: 60px; height: 60px; /*line-height: 60px;*/ border-radius: 50%; text-align: center; transition: all 0.4s;}
.Quick ul li a {width: 60px; height: 60px; display:block; color:#fff; font-size:11px;}
.Quick .Q0 {line-height: 60px; background-image:url(../img/main/call.png); width:100px; height:100px; margin-left:-19.5px;}
.Quick .Q1 { background:#0e2c55; line-height:10px; padding-top:22px;}
.Quick .Q1:hover {line-height: 10px;}
.Quick .Q2 {line-height: 62px; background:#35308f;}
.Quick .Q2:hover {line-height: 62px;}
.Quick .Q3 {line-height: 62px; background:#e4007f;}
.Quick .Q3:hover {line-height: 62px;}
.Quick .Q4 {background:#00a0e9; line-height:10px; padding-top:23px;}
.Quick .Q4 a {font-size:10px;}
.Quick .Q_line {line-height: 60px; width: 1px; background: #09395c; margin: 0 auto; height: 11px;}
.Quick .Q_one {line-height: 60px; width: 5px; height: 5px; border-radius: 50%; background: #09395c; margin: 0 auto;}
.Quick .Q_title {line-height: 60px; color: #09395c; height: 20px; font-family: 'Noto Sans KR', sans-serif; margin-top: 10px; line-height: 13px; font-size: 12px;}
/*.openQuick{display: block; position: fixed; bottom: 20px; right: 0;}
.openQuick a{display: block; width: 45px; height: 53px; text-indent: -9999px; background: url(../img/layout/quickbtn.png) no-repeat;}*/


 /* -------- 미디어쿼리 -------- */
@media all and (min-width:900px){
	.index_award {display:block;}
	.index_award_m {display:none;}
}

@media all and (max-width:800px){
	.index_award {display:none;}
	.index_award_m {display:block;}
	.Quick {display:none;}
}

@media all and (max-width:500px){
	.index_award {display:none;}
	.index_award_m {display:block;}
	.Quick {display:none;}
}

/*리뉴얼안내 팝업*/
#popup {display:none;}
#popup ~ .popup_window {display:none;}
#popup:checked ~ .popup_window {display:block;}
			
.popup_window {position:absolute; top:100px; left:10px;
								z-index:9999;
								width:370px; height:500px;
								background-color:white;
								padding:5px;}
								 
.popup_window label {width:360px; height:35px; font-size:12px;
										   text-align:center; line-height:30px;
										   float:left; cursor:pointer;
										   border:1px solid #d7d7d7; box-sizing:border-box;
										   margin-top:5px;}