@charset "utf-8";
main{min-height:100vh; margin-bottom:50px;}
*{font-family: 'Pretendard'}

.sc01{position:relative;}
.main-sl-area{height:790px; position:relative; width:75% }
.main-sl-wrapper{ overflow:hidden; margin-left:0; height:100%;}
.main-sl-list{width:100%; height:100%;}
.main-sl-itm{width:100%; height:100%; border-radius:0 0 50px 0; overflow:hidden;}
.main-sl-itm img{width:100%; height:100%; object-fit:cover;}
.main-sl-txt{position:absolute; left:100px; top:50%; transform:translateY(-50%); z-index:1;}
.main-sl-txt .txt01{color:#fff; font-family:'Gmarket'; font-size:55px;}
.main-sl-txt .txt01 strong{font-size:60px; font-family:'Gmarket'; }
.main-sl-txt .txt01 span{font-size:70px; font-family:'Gmarket'; }
.main-sl-txt .txt01 .c-blue{color:#1d3e9d; }
.main-sl-txt .txt01 .c-green{color:#06793c;}
.main-sl-txt .txt02{color:#ffffff; font-size:28px; margin-top:50px;}
.main-sl-util{position:absolute; bottom:20%; z-index:2; display:flex; gap:20px; right:70px; }
.main-qk-area{position:absolute; width:100%; /*height:105%;*/height:110%; max-width:1804px; left:50%; transform:translateX(-50%);background:url(/resources/custom/images/damunhwa/main/sc01-bg.png)no-repeat 98% bottom , linear-gradient(to left, rgba(70, 105, 200, 1) 0%, rgba(30, 160, 90, 1) 100%);
border-radius:32px; top:0px;/*top:30px;*/}
.main-qk-area > span{position:absolute; left:57px; bottom:30px; padding-left:220px; font-family:'Gmarket'; color:#fff; }
.main-qk-area > span:after{content:""; display:block; width:200px; height:1px; background:#fff; left:0; top:50%; transform:translateY(-50%); position: absolute;}
.main-qk-list{width:310px; position:absolute; right:50px; top:50%; transform:translateY(-50%);}
.main-qk-itm{padding:70px 0;}
.main-qk-itm h3{font-family:'Gmarket'; font-size:30px; color:#fff; margin-bottom:16px; text-shadow: 1px 1px 10px rgba(0, 0, 0, .3);}
.main-qk-itm a{display:block; width:110px; text-align:center; line-height:33px; border-radius:30px; background:#fff; color:#2b4197; font-weight:500;}
.main-qk-itm a:hover{background:#00d7ff; color:#fff;}
.main-qk-itm p{color:#fff; margin-bottom:16px; margin-top:10px;}
.mq-itm01{background:url(/resources/custom/images/damunhwa/main/ico-qk01.png) no-repeat right 30%;}
.mq-itm02{border-top:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.3); background:url(/resources/custom/images/damunhwa/main/ico-qk02.png) no-repeat right 30%;}

.main-sl-util .main-sl-pager{display:flex;     align-items: center;}
.main-sl-util .swiper-pagination-bullet{width:60px; background:#fff; opacity:1; border-radius:0; height:3px;}
.main-sl-util .swiper-pagination-bullet-active{background:#a80638;}

.sc02{margin-top:150px; margin-bottom:60px; position:relative;}
.sc02:before{content:""; display:block; width:100%; height:100%; background:#f1f8fe; bottom:0px; left:0; position:absolute; z-index:-1;}
.sc02 .con{display:flex; align-items:center; padding:30px 0;}
.info-qk-itm{width:30%;}
.iqk-itm02{border-left:1px dashed #dee2e4; border-right:1px dashed #dee2e4;}
.info-qk-itm a{display:flex; align-items:center; padding:20px; gap:20px;}
.info-qk-itm h3{font-size:30px; margin-bottom:20px; margin-bottom:20px;}
.info-qk-itm p{color:#35363b; font-weight:400;     word-break: keep-all;}
.info-box h3{position:relative; padding-left:100px; font-size:35px; font-weight:600; color:#191919; margin-bottom:60px; margin-top:-70px;}
.info-box h3:before{content:""; display:block; width:70px; height:70px; background:url(/resources/custom/images/damunhwa/main/ico-qk05.png);
position:absolute; left:0; top:50%; transform:translateY(-50%);}
.info-box{flex:1; padding:0 20px;}
.info-box div{display:flex; gap:20px;}
.info-box div p{color:#008cf7;font-family:'Gmarket'; font-size:50px; }
.info-box div li:first-child{margin-bottom:12px;}
.info-box div li{position:relative; font-size:20px; color:#404040; padding-left:18px;}
.info-box div li:after{content:""; display:block; width:4px; height:4px; border-radius:12px; background:#5a40b0; position:absolute; left:0; top:50%;
transform:translateY(-50%);}

.sc03 .fix-layout{max-width:1564px;}
.sc03 .tit-box{position:relative; margin-bottom:60px;}
.sc03 .tit-box h3{color:#000000; font-size:50px; font-weight:600; text-align:center;}
.sc03 .tit-box a{position:absolute; right:70px; top:50%; transform:translateY(-50%); transition:all .3s;}
.sc03 .tit-box a:hover{transform:translateY(-50%) rotate(180deg);}
.noti-list{display:flex; gap:80px;}
.noti-itm{width:calc((100% - 160px) / 3);  height:450px; border-radius:32px;}
.noti-itm a{display:block; padding:80px 50px; position:relative;  border:1px solid #dfdfdf; border-radius:50px; width:100%; height:100%; transition:all .3s;}
.noti-itm a:hover{transform:translateY(-20px);}
.noti-itm .noti-label{color:#0d62aa; font-size:20px; font-weight:600; margin-bottom:20px;}
.noti-itm .noti-label.type01{color:#04793b}
.noti-itm .noti-tit{    margin: 20px 0; color:#141810; font-size:30px; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height:1.3em; min-height:3.9em;}
.noti-itm .noti-date{position:absolute; left:50px; bottom:50px; color:#3c3c3c; font-weight:400;}

@media all and (min-width:2000px){
		.main-sl-area{width:68%;}
}
@media all and (max-width:1500px){
		.main-sl-txt{left:12px;}
		.main-sl-area{width:calc(100% - 400px);}
}
@media all and (max-width:1200px){
		.main-qk-list{width:200px; right:20px;}
		.main-qk-itm{padding:30px 0;}
		.main-qk-itm h3 {font-size: 26px;}
		.main-sl-area{height:600px; width:calc(100% - 250px);}
		.main-qk-area{height:100%; top:80px;}
		.main-sl-txt .txt01{font-size:30px;}
		.main-sl-txt .txt01 span, .main-sl-txt .txt01 strong{font-size:50px;}
		.main-sl-txt .txt02{font-size:20px; margin-top:20px;}
		
		.noti-list{gap:20px;}
		.noti-itm{width:calc((100% - 40px) / 3);}
}
@media all and (max-width:1000px){
		.sc02 .con{flex-wrap:wrap;}
		.info-qk-itm{width:50%;}
		.info-box h3{margin-top:50px; margin-bottom: 40px;}
		.info-box div{    justify-content: center;}
		
		.noti-itm a{padding:50px 30px;}
		.noti-itm{height:auto;}
		.noti-itm .noti-date{position:unset; bottom:unset; left:unset;}
		.noti-itm .noti-tit{font-size:24px;}
}
@media all and (max-width:767px){
		.main-sl-area{width:calc(100%); height:450px;}
		.main-sl-txt{left:0; text-align:center; width:100%;}
		.main-qk-area{position:relative; padding:30px 30px; width:90%; top:unset; right:unset; transform:unset; margin:-50px auto 0 auto; z-index:1; left: unset;}
		.main-qk-list{position:unset;  width:100%;transform:unset; left:unset;}
		.main-qk-itm{width:100%;}
		.main-qk-area > span:after{display:none;}
		.main-sl-util{right:unset;     justify-content: center; position:relative;}
		
		.sc02{margin-top:50px;}
		.sc02 .con{flex-direction: column;}
		.info-qk-itm{width:100%;}
		.iqk-itm02 { border-top: 1px dashed #dee2e4; border-bottom: 1px dashed #dee2e4; border-left:none; border-right:none;}
		.info-qk-itm h3{font-size:24px;}
		.info-box h3{font-size:28px; padding-left:80px;}
		.info-box div{flex-direction: column;         align-items: center;}
		.info-box div p{font-size:40px;}
		.info-box div li{font-size:18px;}
		
		.sc03 .tit-box{margin-bottom:30px;}
		.noti-list{flex-direction: column; }
		.noti-itm{width:100%;}
		.sc03 .tit-box h3{font-size:40px;}
		.sc03 .tit-box a{right:12px;}
		
}
@media all and (max-width:500px){
		.main-sl-txt .txt01{font-size:20px;}
		.main-sl-txt .txt01 span, .main-sl-txt .txt01 strong{font-size:32px;}
		.main-sl-txt .txt02{margin-top:20px; font-size:16px;}
}

.animation{transform:translateY(50px); opacity:0; transition:all .3s;}
.animation.active{transform:translateY(0); opacity:1;}
.animation.txt02{transition-delay:.3s;}