@charset "utf-8";

/* 본 사이트 전용 */
body {display:flex; min-height:100vh; flex-direction:column; justify-content:space-between;}

.popup_cardnews .hd_pops_con img {width:100%;height:auto}
.popup_cardnews .swiper-pagination {bottom:auto;top:10px}
.popup_cardnews .hd_pops_footer .pop_cn_reject {background:#000;text-align:left}
.popup_cardnews .hd_pops_footer .pop_cn_close {background:#393939;position:absolute;top:0;right:0}

/* 인트로 콘텐츠  */
.intro_wrap{width:100%; background:url(../images/intro/bg_img.jpg) center no-repeat; background-size:cover; padding:50px 15px; flex:1; *display:flex; align-items:center;}
.intro_wrap .itr_img{text-align:center}
.intro_wrap .itr_img > img:first-of-type{width:65%; height:auto; max-width:380px}
.intro_wrap .itr_img > img:last-of-type{width:96%; height:auto; max-width:624px; margin:15px 0 25px}
.intro_wrap .itr_box li{border-radius:25px; text-align:center; margin-bottom:15px}
.intro_wrap .itr_box li a{position:relative; display:block; padding:30px 25px 87px; color:#fff}
.intro_wrap .itr_box li a:after, .intro_wrap .itr_box li a:before{position:absolute; bottom:23px; border-radius:50%; width:56px; height:56px; content:''; transition:all .6s ease-in-out; background-size:32px auto !important}
.intro_wrap .itr_box li a:before{left:calc(50% - 28px); background:url(../images/intro/icon_arr_w.svg) center no-repeat;}
.intro_wrap .itr_box li a:after{left:calc(50% - 48px); opacity:0}
.intro_wrap .itr_box li:hover{box-shadow:5px 5px 10px rgba(0,0,0,0.15)}
.intro_wrap .itr_box li:hover a:before{left:calc(50% - 8px); opacity:0}
.intro_wrap .itr_box li:hover a:after{left:calc(50% - 28px); opacity:1}
.intro_wrap .itr_box ul:first-child{position:relative; padding-top:57.2%; }
.intro_wrap .itr_box ul:first-child:after{position:absolute; left:50%; top:0; width:100%; padding:0 0 57.2%; max-width:458px; background:url(../images/intro/bg_illust.png) center bottom no-repeat; background-size:100% auto; transform:translateX(-50%); border:0; content:''}
.intro_wrap .itr_box ul:last-of-type li a{padding:0 30px 0 99px; height:133px; display:flex; align-items:center; text-align:left}
.intro_wrap .itr_box ul:last-of-type li a:before, .intro_wrap .itr_box ul:last-of-type li a:after{left:auto !important; bottom:auto !important; top:50%; transform:translateY(-50%);}
.intro_wrap .itr_box ul:last-of-type li a:before{right:24px}
.intro_wrap .itr_box ul:last-of-type li a:after{right:44px}
.intro_wrap .itr_box ul:last-of-type li a p{font-size:2em; font-weight:800; color:#fff}
.intro_wrap .itr_box ul:last-of-type li a p span{font-weight:600; opacity:0.8; font-size:0.83em}
.intro_wrap .itr_box ul:last-of-type li:hover a:before{right:4px}
.intro_wrap .itr_box ul:last-of-type li:hover a:after{right:24px}
.intro_wrap .itr_box li.itrb01{background:linear-gradient(-40deg,#005bab 0%, #005bab 47%, #1480df 100%)}
.intro_wrap .itr_box li.itrb01 a:after{background:#fff url(../images/intro/icon_arr01.svg) center no-repeat}
.intro_wrap .itr_box li.itrb01 a p{font-size:2.33em; font-weight:700; line-height:1.5; padding-top:60px; background:url(../images/intro/btn_icon01.svg) center top no-repeat; background-size:55px auto}
.intro_wrap .itr_box li.itrb01 a p strong{font-size:1.57em; color:#ffc237; font-weight:700}

.intro_wrap .itr_box li.itrb05{background:linear-gradient(-40deg,#ff7130 0%, #f79729 50%, #fecd75 100%)}
.intro_wrap .itr_box li.itrb05 a:after{background:#fff url(../images/intro/icon_arr05.svg) center no-repeat}
.intro_wrap .itr_box li.itrb05 a p{font-size:1.785em; font-weight:700; line-height:1.5; background:url(../images/intro/btn_icon05.svg) left center no-repeat; background-size:59px auto;text-align:left;padding-left:85px;}
.intro_wrap .itr_box li.itrb05 a p strong{font-size:1.45em; font-weight:700}

.intro_wrap .itr_box li.itrb02{background:linear-gradient(-40deg,#8158c6 0%, #8158c6 50%, #aa7df4  100%);}
.intro_wrap .itr_box li.itrb02 a{background:url(../images/intro/btn_icon02.svg) 27px center no-repeat; background-size:50px auto}
.intro_wrap .itr_box li.itrb02 a:after{background:#fff url(../images/intro/icon_arr02.svg) center no-repeat}
.intro_wrap .itr_box li.itrb02 a p strong{font-weight:700}

.intro_wrap .itr_box li.itrb03{background:#08c0c6}
.intro_wrap .itr_box li.itrb03 a{background:url(../images/intro/btn_icon03.svg) 34px center no-repeat; background-size:35px auto}
.intro_wrap .itr_box li.itrb03 a:after{background:#fff url(../images/intro/icon_arr03.svg) center no-repeat;display:none;}
.intro_wrap .itr_box li.itrb04{background:#0096db}
.intro_wrap .itr_box li.itrb04 a{background:url(../images/intro/btn_icon04.svg) 25px center no-repeat; background-size:52px auto;display:none;}
.intro_wrap .itr_box li.itrb04 a:after{background:#fff url(../images/intro/icon_arr04.svg) center no-repeat}
.intro_wrap .docu_btn{position:relative;text-align:center;}
.intro_wrap .docu_btn a{font-size:1.415em;color:#555;padding:15px 15px 15px 50px; background:#fff url(../images/intro/docu_icon.svg) 15px center no-repeat;border-radius:8px;display:inline-block;box-shadow:5px 5px 8px rgba(0,0,0,0.15);}
.intro_wrap .docu_btn a.btn_adm {margin:7px 0 0;padding-left:15px;background:#fff}
.intro_wrap .video_btn{position:relative;text-align:center;}
.intro_wrap .video_btn a{font-size:1.475em;color:#555;padding:68px 15px 15px 15px; background:#fff url(../images/intro/video_icon.svg) center 15px no-repeat;border-radius:8px;display:inline-block;box-shadow:5px 5px 8px rgba(0,0,0,0.15);width:180px;} 
.intro_wrap .video_btn:hover a{color:#269449;}

.intro_wrap .itr_box li.itrb05 a{padding:0 0 0 45px;display:flex;align-items:center;width:100%;}
.intro_wrap .itr_box li.itrb02 a{padding:0 0 0 45px;display:flex;align-items:center;width:100%;}
.intro_wrap .itr_box li.itrb02 a p{font-size:1.785em;font-weight:700;padding-left:85px;text-align:left;line-height:1.5}

.intro_wrap .itr_box ul:last-of-type li a:after, .intro_wrap .itr_box ul:last-of-type li a:before{display:none !important}

.dpb_pc{display:inline-block;}

/* 푸터 */
.intro_footer{width:100%; background:#1d2d3c; text-align:center; padding:25px 15px 30px}
.intro_footer p{color:#fff; font-size:1.25em; line-height:1.6; word-break:keep-all; }
.intro_footer a {color:#fff}


/* 미디어 쿼리 */
@media screen and (max-width:1199px) {
	.popup_cardnews {left:0 !important}

	/* 인트로 콘텐츠  */
	.intro_wrap .itr_box li{text-align:left}
	.intro_wrap .itr_box li a{padding:0 70px 0 89px !important; min-height:133px !important; display:flex; align-items:center;}
	.intro_wrap .itr_box li a p{padding:0 !important; background:none !important;}
	.intro_wrap .itr_box li.itrb01 a{background:url(../images/intro/btn_icon01.svg) 27px center no-repeat; background-size:45px auto}
	.intro_wrap .itr_box li.itrb05 a{background:url(../images/intro/btn_icon05.svg) 20px center no-repeat; background-size:50px auto}	
	.intro_wrap .itr_box li a:before, .intro_wrap .itr_box li a:after{left:auto !important; bottom:auto !important; top:50%; transform:translateY(-50%);}
	.intro_wrap .itr_box li a:before{right:20px !important}
	.intro_wrap .itr_box li a:after{right:40px !important}
	.intro_wrap .itr_box li:hover a:before{right:0 !important}
	.intro_wrap .itr_box li:hover a:after{right:20px !important}
	.intro_wrap .itr_box li.itrb01 a p strong, .intro_wrap .itr_box li.itrb05 a p strong, .itr_box li.itrb02 a p strong{font-size:1.2em}
}

@media screen and (max-width:767px) {
	.intro_wrap .itr_box li a{padding:0 0px 0 89px !important;}
	.popup_cardnews .hd_pops_con {width:360px !important;height:fit-content !important}

	/* 인트로 콘텐츠 */
	.intro_wrap{font-size:0.77em; letter-spacing:-0.8px}

	/* 푸터 */
	.intro_footer p{font-size:1.15em}
}

@media screen and (min-width:768px) {
	/* 인트로 콘텐츠  */
	.intro_wrap{font-size:0.8em; letter-spacing:-0.8px}
	.intro_wrap .itr_box{display:flex; justify-content:space-between; align-items:flex-start;gap:0 1%}
	.intro_wrap .itr_box ul:first-of-type:after{padding:0; height:262px;}	
	.intro_wrap .itr_box li{width:100%}
}

@media screen and (min-width:768px) and (max-width:1199px) {	
	/* 인트로 콘텐츠  */
	.intro_wrap .itr_box{padding-top:262px; background:url(../images/intro/bg_illust.png) center top no-repeat; background-size:auto}
	.intro_wrap .itr_box ul{padding-top:0 !important}
	.intro_wrap .itr_box ul:first-of-type:after{display:none}	
	.intro_wrap .itr_box li.itrb01 a p strong, .intro_wrap .itr_box li.itrb05 a p strong, .intro_wrap .itr_box li.itrb02 a p strong{font-size:1.2em}
	.intro_wrap .itr_box ul:first-of-type li a{min-height:280px !important}
}

@media screen and (min-width:1200px) {
	/* 인트로 콘텐츠  */
	.intro_wrap .itr_wrp{width:100%}
	.intro_wrap .itr_img > img{display:table; margin:0 auto}
	.intro_wrap .itr_img > img:first-of-type{width:380px}
	.intro_wrap .itr_img > img:last-of-type{width:624px; margin:39px auto 147px}
	.intro_wrap .itr_box{display:flex; justify-content:space-between;}
	.intro_wrap .itr_box ul:first-child{padding-top:0; width:32%; max-width:458px; display:flex; justify-content:space-between;}
	.intro_wrap .itr_box ul:first-child:after{left:-55px; top:-262px; padding:0; width:458px; height:262px; transform:translateX(0)}
	.intro_wrap .itr_box ul:first-child li:first-child{max-width:458px}

	.intro_wrap .itr_box ul:first-child li a{height:377px; padding-top:86px}
	.intro_wrap .itr_box ul:last-child{width:32.43%; max-width:454px; flex-wrap:wrap}
	.intro_wrap .itr_box ul:last-child li{width:100%;height:178px;display:flex;align-items:center;}
	.intro_wrap .itr_box li a{height:100%}	
	.intro_wrap .itr_box ul:first-child li a:after, .intro_wrap .itr_box ul:first-child li a:before{bottom:53px}
	.intro_wrap .itr_box ul:last-of-type li a{height:100%}

	.intro_wrap .itr_box ul:nth-child(2){width:32%;}
	.intro_wrap .itr_box li.itrb05{height:178px;}
	.intro_wrap .itr_box li.itrb02{height:178px;}
	.intro_wrap .itr_box li.itrb02 a{background:url(../images/intro/btn_icon02.svg) 47px center no-repeat;background-size:59px;}
	.intro_wrap .itr_box li.itrb02 a p strong{font-size:1.45em;}

	.intro_wrap .docu_btn{position:absolute;right:35px;top:175px;}
	.intro_wrap .video_btn{position:absolute;right:35px;top:35px;}

	.intro_wrap .itr_box ul:nth-child(2) li{display:flex;align-items:center;}	
	.intro_wrap .itr_box ul:nth-child(2) li a:before{right:45px !important;left:inherit !important;bottom:calc(50% - 28px) !important;}
	.intro_wrap .itr_box ul:nth-child(2) li a:after{right:45px !important;left:inherit !important;bottom:calc(50% - 28px) !important;}	
	.intro_wrap .itr_box ul:nth-child(2) li:hover a:before{right:30px !important;left:inherit !important;opacity:0; }
	.intro_wrap .itr_box ul:nth-child(2) li:hover a:after{right:30px !important;left:inherit !important; opacity:1;}
	
	.dpb_pc{display:block;}
	

	/* 푸터 */
	.intro_footer{padding:0 !important}
	.intro_footer p{line-height:76px}
}

@media screen and (min-width:1400px) {
	/* 인트로 콘텐츠  */
	.intro_wrap{padding:95px calc(50% - 700px) 110px; font-size:1em;}
	.intro_wrap .itr_box{align-items:initial;}
	.intro_wrap .itr_box ul li{margin:0}
	.intro_wrap .itr_box ul:first-child{width:458px}
	.intro_wrap .itr_box ul:first-child:after{left:0}
	.intro_wrap .itr_box ul:first-child li{width:100%}	
	.intro_wrap .itr_box ul:nth-child(2){width:458px;flex-direction:column; display:flex; justify-content:space-between;}
	.intro_wrap .itr_box ul:last-child{width:392px; flex-direction:column; display:flex; justify-content:space-between;}
	.intro_wrap .itr_box ul:last-of-type li a p{line-height:1.4}
	.intro_wrap .itr_box li.itrb01 a p{padding-top:67px; line-height:1.43}

	.intro_wrap .itr_box ul:nth-child(2) a p{padding-top:0px; line-height:1.43}

	.intro_wrap .itr_box li.itrb05{height:178px;}
}