@charset "utf-8";

/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative;}
.msec-visual .item{position:relative;}
.msec-visual .item .img{position:relative;overflow:hidden;}
.msec-visual .item .img img{width:100% ; min-height:665px;object-fit:cover;transform:scale(1.3, 1.3); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);-webkit-transition: transform 2.5s ease-in-out;-moz-transition: transform 2.5s ease-in-out;-o-transition: transform 2.5s ease-in-out;transition: transform 2.5s ease-in-out;}
.msec-visual .item .txt{position:absolute; left:50%; width:100%; max-width:1200px ; top:220px;box-sizing:border-box; padding-left:50px;z-index:12;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .item .txt p{font-size:45px; font-weight:700; color:#fff ;letter-spacing:-0.04em; line-height:1.35em; min-height:185px;opacity:0;-webkit-transform:translateY(15%);-moz-transform:translateY(15%); -ms-transform:translateY(15%);-o-transform:translateY(15%);-webkit-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;;-moz-transition:opacity 0.7s ease-in-out, transform 0.7s ease-in-out;;-o-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;;transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;}
.msec-visual .item .txt p span{font-weight:900;}
.msec-visual .item .txt a{width:230px;height:50px;border-radius:50px; background:#fff; color:#967af3; font-weight:700; font-size:17px; line-height:50px; text-align:center; letter-spacing:0.075em;  display:inline-block;vertical-align:top; z-index:5;margin-top:55px;-webkit-transition: box-shadow 0.3s ease-in-out,opacity 0.7s ease-in-out, transform 0.7s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out,;-o-transition: box-shadow 0.3s ease-in-out,;transition: box-shadow 0.3s ease-in-out ,;opacity:0;-webkit-transform:translateY(35%);-moz-transform:translateY(35%); -ms-transform:translateY(35%);-o-transform:translateY(35%);}
.msec-visual .item .txt a:hover{background:#fff; }
.msec-visual .item .txt a span{display:block;border-radius:50px; -webkit-transition: box-shadow 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out ;}
.msec-visual .item .txt a:hover span{box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3)  ; -webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3)  ; -moz-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3)  ;}

.msec-visual .slick-dots{width:100%;font-size:0; text-align:center; height:12px ;  bottom:50px; position:absolute;}
.msec-visual .slick-dots li{display:inline-block;vertical-align:top; margin:0 4px; padding:0; width:auto;  height:12px;}
.msec-visual .slick-dots li:first-child{margin-left:0;}
.msec-visual .slick-dots li button{ background:rgba(255,255,255,0.5);  width:12px;height:12px; padding:0; box-sizing:border-box;position:relative; border-radius:12px;}
.msec-visual .slick-dots li.slick-active button{width:28px;background:#fff;}


.msec-visual.ani .slick-active.item .img img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.msec-visual.ani .slick-active.item .txt p{transition-delay:0.4s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual.ani .slick-active.item .txt a{transition-delay:0.8s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}

.msec-visual .desktop{}
.msec-visual .mobile{display:none;}
	@media only screen and (max-width:1240px) {
		.msec-visual .item .txt{ top:190px; padding-left:40px;min-height:150px;}
		.msec-visual .item .txt p{font-size:43px;} 
		.msec-visual .item .txt a{width:210px; font-size:16px; margin-top:45px;}

		
	} 
	@media only screen and (max-width:1100px) {
		 
	} 
	@media only screen and (max-width:999px) {
		.msec-visual .item .txt{top:170px; padding-left:30px;}
		.msec-visual .item .txt p{font-size:37px; min-height:130px;}
		.msec-visual .item .txt a{width:180px; font-size:15px; height:45px; line-height:45px;margin-top:30px;}

		.msec-visual .slick-dots{padding:0 30px; text-align:left; bottom:55px ;height:10px;}
		.msec-visual .slick-dots li{height:10px;}
		.msec-visual .slick-dots li button{width:10px;height:10px;}
		.msec-visual .slick-dots li.slick-active button{width:22px;}

		.msec-visual .desktop{display:none;}
		.msec-visual .mobile{display:block;}
	} 
	@media only screen and (max-width:680px) {
		.msec-visual .item .txt{top:140px; padding-left:20px;}
		.msec-visual .item .txt p{font-size:32px; min-height:110px;}
		.msec-visual .item .txt a{width:150px; font-size:14px; height:40px; line-height:40px;margin-top:20px;}
		
		.msec-visual .slick-dots{padding:0 20px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-visual .item .txt{top:110px;}
		.msec-visual .item .txt p{font-size:25px;}
	} 

/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{position:relative; z-index:123;padding-top:150px;background:url(../_Img/main/msec-cont.jpg) no-repeat center top #f1f5f9; background-size:cover;}
.msec-cont .gudie-btn{z-index:5;width:290px;height:68px; border-radius:52px; position:absolute; left:50%; margin-left:-145px; bottom:65px; font-size:22px; font-weight:400; background:#181818; color:#fff; letter-spacing:0.1em; line-height:68px; text-align:center;box-shadow: 10px 15px  18px rgba(46, 60, 66, 0.4)  ; -webkit-box-shadow: 10px 15px 18px rgba(46, 60, 66, 0.4); -moz-box-shadow: 10px 15px  18px rgba(46, 60, 66, 0.4)  ; }
.msec-cont .gudie-btn:hover{background:#009fe3;}
	@media only screen and (max-width:1240px) {
		.msec-cont{padding-top:130px;}
		.msec-cont .gudie-btn{width:270px;height:60px;border-radius:60px; ;margin-left:-135px; font-size:20px;}
	} 
	@media only screen and (max-width:1100px) {
		 .msec-cont{padding-top:110px;}
		
	} 
	@media only screen and (max-width:999px) {
		.msec-cont{padding-top:90px;}
		.msec-cont .gudie-btn{width:250px;height:54px; line-height:54px;font-size:18px; top:-27px; margin-left:-125px; bottom:auto;box-shadow: 8px 12px 15px  rgba(46, 60, 66, 0.4)  ; -webkit-box-shadow: 8px 12px 15px  rgba(46, 60, 66, 0.4); -moz-box-shadow: 8px 12px 15px rgba(46, 60, 66, 0.4) }
	} 
	@media only screen and (max-width:680px) {
		.msec-cont{padding-top:70px;}
		.msec-cont .gudie-btn{width:230px;height:50px; line-height:50px;font-size:17px; top:-25px; margin-left:-115px;} 
	} 
	@media only screen and (max-width:480px) {
		
	} 

/* ======================================================
    .msec-cont .msec-01
=========================================================*/
.msec-01{position:relative;}
.msec-01 .tits{text-align:center;}
.msec-01 .tits h3{font-weight:400; font-size:45px;color:#181818; letter-spacing:-0.03em; line-height:1.4em;}
.msec-01 .tits h3 span{font-weight:900;}
.msec-01 .cont{margin-top:125px;position:relative;}
.msec-01 .cont ul{}
.msec-01 .cont ul:after{display:block; content:"";clear:both;}
.msec-01 .cont li{width:73.5%;float:left;background:#fff;position:relative;border-radius:40px;box-sizing:border-box; padding:40px; box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1)  ;	-webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1); }
.msec-01 .cont li:nth-child(n+2){margin-top:30px;}
.msec-01 .cont li:nth-child(even){float:right; }
.msec-01 .cont li .txt{display:flex;align-items: center; justify-content: left; height:190px;}
.msec-01 .cont li .vc{width:100%; box-sizing:border-box; margin-top:-40px;}
.msec-01 .cont li .btxt{font-family: 'TmonMonsori'; font-size:17px; line-height:1.2em; border-bottom:3px solid #bdbdbd; color:#bdbdbd; display:inline-block;vertical-align:top;}
.msec-01 .cont li .stxt{font-weight:700; color:#181818; line-height:1.5em; letter-spacing:-0.03em; font-size:30px; margin-top:17px;}
.msec-01 .cont li .stxt .mbr{display:none}
.msec-01 .cont li .more{width:195px;height:50px;border-radius:50px; background:#23ade7; color:#fff; font-weight:700; font-size:17px; line-height:50px; text-align:center; letter-spacing:0.075em;  display:block; z-index:5; position:absolute;right:30px; bottom:30px;}
.msec-01 .cont li .more:hover{background:#181818;}
.msec-01 .cont li .img{position:absolute; }
.msec-01 .cont li .img img{width:100%}

.msec-01 .cont li:nth-child(1) .img{left:30px; bottom:30px;width:275px; }
.msec-01 .cont li:nth-child(2) .img{right:53px; bottom:45px;width:415px; }
.msec-01 .cont li:nth-child(3) .img{left:72px; bottom:35px;width:219px; }
.msec-01 .cont li:nth-child(4) .img{right:30px; bottom:27px;width:276px; }
.msec-01 .cont li:nth-child(5) .img{left:35px; bottom:45px;width:275px; }
.msec-01 .cont li:nth-child(6) .img{right:35px; bottom:45px;width:283px; }

.msec-01 .cont li:nth-child(1) .vc{padding-left:297px;}
.msec-01 .cont li:nth-child(2) .vc{padding-left:50px;}
.msec-01 .cont li:nth-child(3) .vc{padding-left:297px;}
.msec-01 .cont li:nth-child(4) .vc{padding-left:50px;}
.msec-01 .cont li:nth-child(5) .vc{padding-left:297px;}
.msec-01 .cont li:nth-child(6) .vc{padding-left:50px;}
	@media only screen and (max-width:1240px) {
		.msec-01 .tits h3{font-size:40px;}
		.msec-01 .cont{margin-top:100px;}
		.msec-01 .cont li{padding:30px;}
		.msec-01 .cont li .txt{height:180px;}
		.msec-01 .cont li .btxt{ font-size:16px;}
		.msec-01 .cont li .stxt{font-size:26px; margin-top:15px;}
		.msec-01 .cont li .more{width:180px;height:45px;border-radius:45px;  font-size:16px}


		.msec-01 .cont li:nth-child(1) .img{left:20px; bottom:30px;width:245px; }
		.msec-01 .cont li:nth-child(2) .img{right:43px; bottom:45px;width:385px; }
		.msec-01 .cont li:nth-child(3) .img{left:62px; bottom:35px;width:189px; }
		.msec-01 .cont li:nth-child(4) .img{right:20px; bottom:27px;width:246px; }
		.msec-01 .cont li:nth-child(5) .img{left:25px; bottom:45px;width:245px; }
		.msec-01 .cont li:nth-child(6) .img{right:25px; bottom:45px;width:253px; }

		.msec-01 .cont li:nth-child(1) .vc{padding-left:267px;}
		.msec-01 .cont li:nth-child(2) .vc{padding-left:30px;}
		.msec-01 .cont li:nth-child(3) .vc{padding-left:267px;}
		.msec-01 .cont li:nth-child(4) .vc{padding-left:30px;}
		.msec-01 .cont li:nth-child(5) .vc{padding-left:267px;}
		.msec-01 .cont li:nth-child(6) .vc{padding-left:30px;}
	} 
	@media only screen and (max-width:1100px) {
		.msec-01 .cont li .btxt{ font-size:15px;}
		.msec-01 .cont li .stxt{font-size:22px;}
	} 
	@media only screen and (max-width:999px) {
		.msec-01 .tits h3{font-size:35px;}
		.msec-01 .cont{margin-top:80px;}
		.msec-01 .cont li{width:100%;border-radius:20px;}
		.msec-01 .cont li:nth-child(n+2){margin-top:20px;}
		.msec-01 .cont li .txt{height:160px;}
		.msec-01 .cont li .btxt{ font-size:14px;}
		.msec-01 .cont li .stxt{font-size:20px; margin-top:10px;}
		.msec-01 .cont li .stxt .mbr{display:none}
		.msec-01 .cont li .stxt br{display:none;}

		.msec-01 .cont li .more{width:40px;height:40px; overflow:hidden;text-indent:-9999em;}
		.msec-01 .cont li .more:after{position:Absolute; left:0; top:0; width:100%;height:100%; line-height:40px; font-size:24px; font-weight:400; color:#fff; display:block;content:"+";text-indent:0;}

		.msec-01 .cont li:nth-child(1) .img{left:10px; bottom:20px;width:205px; }
		.msec-01 .cont li:nth-child(2) .img{right:33px; bottom:35px;width:305px; }
		.msec-01 .cont li:nth-child(3) .img{left:52px; bottom:25px;width:149px; }
		.msec-01 .cont li:nth-child(4) .img{right:10px; bottom:17px;width:206px; }
		.msec-01 .cont li:nth-child(5) .img{left:15px; bottom:35px;width:205px; }
		.msec-01 .cont li:nth-child(6) .img{right:15px; bottom:35px;width:213px; }

		.msec-01 .cont li:nth-child(1) .vc{padding-left:227px;}
		.msec-01 .cont li:nth-child(2) .vc{padding-left:10px;}
		.msec-01 .cont li:nth-child(3) .vc{padding-left:227px;}
		.msec-01 .cont li:nth-child(4) .vc{padding-left:10px;}
		.msec-01 .cont li:nth-child(5) .vc{padding-left:227px;}
		.msec-01 .cont li:nth-child(6) .vc{padding-left:10px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-01 .tits h3{font-size:29px;}
		.msec-01 .cont{margin-top:50px;}
		.msec-01 .cont li{padding:25px 25px;}
		.msec-01 .cont li .txt{min-height:130px;height:auto; margin-top:-15px;}
		.msec-01 .cont li .vc{margin-top:0;}
		.msec-01 .cont li .btxt{ font-size:13px;}
		.msec-01 .cont li .stxt{font-size:18px;}

		.msec-01 .cont li .img img{width:auto; height:100%;}
		
		
		.msec-01 .cont li:nth-child(1) .img{left:20px; top:20%;bottom:auto;width:auto; height:60% }
		.msec-01 .cont li:nth-child(2) .img{right:20px;top:25%; bottom:auto;width:auto; height:50% ;text-align:right;}
		.msec-01 .cont li:nth-child(3) .img{left:20px; top:20%;bottom:auto;width:auto; height:60% }
		.msec-01 .cont li:nth-child(4) .img{right:20px; top:20%;bottom:auto;width:auto; height:60% ;text-align:right;}
		.msec-01 .cont li:nth-child(5) .img{left:20px;top:25%; bottom:auto;width:auto; height:50% }
		.msec-01 .cont li:nth-child(6) .img{right:20px;top:25%; bottom:auto;width:auto; height:50% ;text-align:right;}

		.msec-01 .cont li:nth-child(1) .vc{padding-left:105px;}
		.msec-01 .cont li:nth-child(2) .vc{padding-left:0;}
		.msec-01 .cont li:nth-child(3) .vc{padding-left:105px;}
		.msec-01 .cont li:nth-child(4) .vc{padding-left:0; padding-right:120px;}
		.msec-01 .cont li:nth-child(5) .vc{padding-left:105px;}
		.msec-01 .cont li:nth-child(6) .vc{padding-left:0; padding-right:120px;}


		.msec-01 .cont li .more{width:30px;height:30px;right:25px; bottom:25px;}
		.msec-01 .cont li .more:after{ line-height:30px; font-size:21px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-01 .tits h3{font-size:23px;}
		.msec-01 .cont li .stxt{font-size:17px;}
		.msec-01 .cont li .more{right:18px; bottom:18px;}
	} 


/* ======================================================
    .msec-cont .msec-02
=========================================================*/
.msec-02{position:relative; padding:115px 0 170px}
.msec-02 .tits{text-align:center;}
.msec-02 .tits h3{font-weight:400; font-size:37px;color:#181818; letter-spacing:-0.03em; line-height:1.4em;}
.msec-02 .tits h3 span{font-weight:900;}
.msec-02 .tits h3 br{display:none;}
.msec-02 .cont{margin-top:40px;position:relative;}
.msec-02 .img{text-align:center;}
.msec-02 .img img{width:80%; max-width:902px;}
.msec-02 .request-btn{width:260px;border-radius:52px; position:absolute; left:50%; margin-left:-130px; bottom:-26px; font-size:18px; font-weight:400; background:#292969; color:#fff; letter-spacing:0.05em; line-height:52px; text-align:center;}
.msec-02 .request-btn:hover{background:#009fe3;}	
	@media only screen and (max-width:1240px) {
		.msec-02{padding:100px 0 170px}
		.msec-02 .tits h3{font-size:40px;}
		.msec-02 .request-btn{width:240px; margin-left:-120px; font-size:17px;line-height:46px;}
	} 
	@media only screen and (max-width:1100px) {
		 
	} 
	@media only screen and (max-width:999px) {
		.msec-02{padding:90px 0 110px}
		.msec-02 .tits h3{font-size:35px;}
		.msec-02 .tits h3 br{display:block;}
		.msec-02 .request-btn{width:210px; margin-left:-105px; font-size:16px;line-height:40px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-02{padding:70px 0 80px}
		.msec-02 .tits h3{font-size:30px;}
		.msec-02 .cont{margin-top:30px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-02 .tits h3{font-size:23px;}
	}