@charset "utf-8";

/*
font-family: 'Poppins', sans-serif
*/


.main_tit{ margin-bottom:72px; text-align:center; }
.main_tit .tit{ font-size:60px; line-height:70px; color:#111; font-weight:800; letter-spacing:-0.025em; }

/* sec01 */
#main .sec01 { overflow:hidden; }
#main .sec01 .img_bx{ position:relative; min-height:600px; overflow: hidden;}
#main .sec01 .img_bx img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transform: scale(1.2);}
#main .sec01 .img_bx.on img {-webkit-transition: all 5s; -moz-transition: all 5s; transition: all 5s; transform: scale(1);}
#main .sec01 .img_bx .m{ display:none; }
#main .sec01 .txt_bx{ position:Absolute; left:50%; top:50%; text-align:center; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
#main .sec01 .txt_bx .txt1{ display:block; margin-bottom:5px; font-size:46px; line-height:56px; color:#fff; font-weight:600; letter-spacing:-0.025em; }
#main .sec01 .txt_bx .txt2{ display:block; margin-bottom:20px; font-size:70px; line-height:80px; color:#fff; font-weight:800; letter-spacing:-0.025em; }
#main .sec01 .txt_bx .txt3{ display:block; font-size:24px; line-height:38px; color:rgba(255,255,255,.8); letter-spacing:-0.025em; }
#main .sec01 .txt_bx a{ display:block; margin:51px auto 0; width:220px; height:60px; font-size:13px; line-height:58px; color:#fff; border-radius:30px; background:#7d2998; border:1px solid #7d2998; box-sizing:border-box; text-align:center;font-family: 'Poppins', sans-serif; }
#main .sec01 .txt_bx a span{ display:inline-block; position:relative; padding-right:30px; }
#main .sec01 .txt_bx a span:after{ content:''; position:absolute; right:0; top:50%; margin-top:-6px; width:16px; height:12px; background:url('../images/btn/more.png') no-repeat center; background-size:cover; }

#main .sec01 .slick-arrow{ position:absolute; top:50%; margin-top:-28px; width:29px; height:55px; text-indent:-9999px; z-index:10; background:url('../images/main/sec01_ar.png') no-repeat center; background-size:cover; }
#main .sec01 .slick-prev{ left:60px; }
#main .sec01 .slick-next{ right:60px; -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg ); }

#main .sec01 .slick-dots{ position:absolute; left:0; bottom:35px; width:100%; font-size:0; text-align:Center; }
#main .sec01 .slick-dots li{ display:inline-block; vertical-align:top; margin-right:20px; }
#main .sec01 .slick-dots li:last-child{ margin-right:0; }
#main .sec01 .slick-dots li button{ padding:0; margin:0; display:block; width:10px; height:10px; text-indent:-9999px; border-radius:50%; background:rgba(255,255,255,.2)}
#main .sec01 .slick-dots li.slick-active button{ background:#fff; }

/* sec02 */
#main .sec02{ padding-top:168px; }
#main .sec02 .inner{ margin:0 auto; width:calc(100% - 30px); max-width:1800px; }
#main .sec02 .tit_bx{ margin-bottom:72px; text-align:center; }
#main .sec02 .tit_bx strong{ display:block; margin-bottom:18px; font-size:80px; line-height:82px; color:#111; font-weight:800; font-family: 'Poppins', sans-serif; }
#main .sec02 .tit_bx p{ font-size:22px; line-height:36px; color:#333; letter-spacing:-0.025em; word-break: keep-all; word-wrap: break-word; }
#main .sec02 .img_bx{ font-size:0; margin-right:-12px;  }
#main .sec02 .img_bx > div{ display:inline-block; vertical-align:top; position:relative; margin-right:12px; height:500px; overflow:hidden; }
#main .sec02 .img_bx > div img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
#main .sec02 .img_bx > div.img01{ width:calc(45% - 12px); }
#main .sec02 .img_bx > div.img02{ width:calc(25% - 12px); }
#main .sec02 .img_bx > div.img03{ width:calc(30% - 12px); }

/* sec03 */
#main .sec03{ padding-top:173px; overflow:hidden; }
#main .sec03 .inner{ margin:0 auto; width:calc(100% - 30px); max-width:1440px; }
#main .sec03 .bx_wrap{ font-size:0; margin-right:-24px; }
#main .sec03 .bx_wrap > a{ display:inline-block; vertical-align:top; position:relative; overflow:hidden; width:calc(33.33% - 24px); margin-right:24px; }
#main .sec03 .bx_wrap > a > div{ position:relative; display:flex; flex-wrap:wrap; align-items: center; justify-content: center; align-content: center; height:500px; text-align:Center; }
#main .sec03 .bx_wrap > a > div img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; z-index:-1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#main .sec03 .bx_wrap > a > div strong{ display:block; margin-bottom:4px; width:100%; font-size:42px; line-height:52px; color:#fff; font-weight:700; }
#main .sec03 .bx_wrap > a > div p{ position:relative; margin-bottom:125px; width:100%; font-size:17px; line-height:27px; color:rgba(255,255,255,.7); font-family: 'Poppins', sans-serif; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#main .sec03 .bx_wrap > a > div p:after{ content:''; position:absolute; left:50%; top:calc(100% + 22px); width:1px; height:80px; background:rgba(255,255,255,.6); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#main .sec03 .bx_wrap > a > div .more{ display:block; width:100%; font-size:13px; line-height:18px; color:#fff; font-family: 'Poppins', sans-serif; }
#main .sec03 .bx_wrap > a > div .more span{ display:inline-block; border-bottom:1px solid #fff; }

/* sec04 */
#main .sec04{ padding:170px 0 160px; }
#main .sec04 .inner{ margin:0 auto; width:calc(100% - 30px); max-width:1200px; }

/* PC */
@media all and (min-width:1025px){
	/*#main .sec01 .txt_bx a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#main .sec01 .txt_bx a:hover {background-color: #f36e23; border-color: #f36e23;}*/
	#main .sec01 .txt_bx a span:after {-webkit-transition: right 0.3s; -moz-transition: right 0.3s; transition: right 0.3s;}
	#main .sec01 .txt_bx a:hover span:after {right: -10px;}

	#main .sec03 .bx_wrap > a:hover > div img{ transform: scale(1.08);  -webkit-transform: scale(1.08);  -moz-transform: scale(1.08); }
	#main .sec03 .bx_wrap > a:hover > div p{ margin-bottom:50px; }
	#main .sec03 .bx_wrap > a:hover > div p:after{ top:calc(100% + 10px); height:30px; }
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	.main_tit {margin-bottom: 25px;}
	.main_tit .tit {font-size: 35px; line-height: 41px;}
	
	
	/* sec01 */
	#main .sec01 .txt_bx {width: 100%;}
	#main .sec01 .txt_bx .txt1 {margin-bottom: 2px; font-size: 30px; line-height: 38px;}
	#main .sec01 .txt_bx .txt2 {margin-bottom: 8px; font-size: 40px; line-height: 48px;}
	#main .sec01 .txt_bx .txt3 {font-size: 14px; line-height: 21px;}
	#main .sec01 .txt_bx a {margin-top: 27px; font-size: 12px; width: 140px; line-height: 33px; height: 35px;}
	#main .sec01 .txt_bx a span {padding-right: 21px;}
	#main .sec01 .txt_bx a span:after {width: 12px; background-size: 12px auto;}
	
	#main .sec01 .slick-arrow {background-size: 15px auto!important}
	#main .sec01 .slick-prev {left: 30px;}
	#main .sec01 .slick-next {right: 30px;}
	
	#main .sec01 .slick-dots {bottom: 20px;}
	#main .sec01 .slick-dots li {margin-right: 10px;}
	#main .sec01 .slick-dots li button {width: 8px; height: 8px;}
	
	
	/* sec02 */
	#main .sec02 {padding-top: 64px;}
	#main .sec02 .tit_bx {margin-bottom: 25px;}
	#main .sec02 .tit_bx strong {margin-bottom: 11px; font-size: 46px; line-height: 47px;}
	#main .sec02 .tit_bx p {font-size: 11px; line-height: 18px; max-width: 394px; margin: 0 auto;}
	#main .sec02 .img_bx > div {height: 210px;}
	
	
	/* sec03 */
	#main .sec03 {padding-top: 55px;}
	#main .sec03 .bx_wrap {margin-right: 0;}
	#main .sec03 .bx_wrap > a {margin-right: 10px; width: calc(33.333% - 6.666px); height: 210px;}
	#main .sec03 .bx_wrap > a:nth-child(3n) {margin-right: 0;}
	#main .sec03 .bx_wrap > a > div {height: 210px;}
	#main .sec03 .bx_wrap > a > div strong {font-size: 27px; line-height: 29px; margin-bottom: 1px;}
	#main .sec03 .bx_wrap > a > div p {margin-bottom: 63px; font-size: 11px; line-height: 20px;}
	#main .sec03 .bx_wrap > a > div p:after {height: 40px; top: 32px;}
	#main .sec03 .bx_wrap > a > div .more {font-size: 11px; line-height: 16px;}
	
	
	/* sec04 */
	#main .sec04 {padding: 55px 0 60px;}
}

/* 모바일 */
@media all and (max-width:768px){
	/* sec01 */
	#main .sec01 .slick-arrow {display: none!important;}
	
	
	/* sec02 */
	#main .sec02 .tit_bx p br {display: none;}
	#main .sec02 .tit_bx p span {display: inline-block;}
	#main .sec02 .img_bx {margin-right: 0;}
	#main .sec02 .img_bx > div.img01 {width: 100%; margin-bottom: 6px; margin-left: 0;}
	#main .sec02 .img_bx > div.img02 {width: calc(50% - 3px); margin-right: 6px;}
	#main .sec02 .img_bx > div.img03 {width: calc(50% - 3px); margin-right: 0;}
	
	
	/* sec03 */
	#main .sec03 .bx_wrap > a {width: 100%; margin-right: 0; margin-bottom: 10px;}
	#main .sec03 .bx_wrap > a:last-child {margin-bottom: 0;}
	
}