@charset "utf-8";
main{min-height:100vh; }
*{font-family: 'Pretendard'}
/* S : mainVisual CSS */
main .con_wrap{padding:0 12px;}

/*section 01*/
.sc01{width:100%; background:url(/resources/custom/images/archives/main/main-visu-bg.jpg)no-repeat; padding-top:130px;
background-size:100% 90%;}
.sc01 .con_wrap{max-width:1724px; position:relative;}
.sc01 .main-sl{width:100%;}
.sc01 .main-txt{position:absolute; top:50%; left:90px; padding-right:50%; transform: translateY(-50%); z-index:1;}
.sc01 .main-txt > p {font-family:'Gmarket'; font-size:50px; color:#fff; margin-bottom:50px; font-weight:300; text-shadow: 0 5px 10px rgba(0,0,0,.25); word-break: keep-all;}
.sc01 .main-txt > p > strong{font-family:'Gmarket'; font-size:70px; color:#fff;         display: block; word-break: break-all;}
.sc01 .main-txt > span{color:#fff; font-size:28px;text-shadow: 0 5px 10px rgba(0,0,0,.25);}
.sc01 .main-sl-list{width:100%; height:780px;}
.sc01 .main-sl-itm{width:100%; height:100%;}
.sc01 .main-sl-itm img{width:100%; height:100%; object-fit:cover;}
.sc01 .main-sl-pager{display:flex; align-items:end; gap:10px; margin-top:100px;}
.sc01 .custom-pagination { display: flex; gap: 15px; align-items: center;}
.sc01 .custom-pagination-item {display: flex;flex-direction: column;align-items: start;cursor: pointer;}
.sc01 .custom-pagination span {padding: 5px 12px;font-size: 18px;font-weight: bold;color:rgba(255, 255, 255, .3);border-radius: 5px;transition: all 0.3s;}
.sc01 .custom-pagination .active span {color:rgba(255, 255, 255, 1);}
.sc01 .progress-bar {width: 100px;height: 2px;margin-top: 5px; background: rgba(255, 255, 255, 0.3);overflow: hidden;position: relative;border-radius: 2px;}
.sc01 .progress-bar-fill {width: 0%;height: 100%;background: rgba(255, 255, 255, 1);transition: width 3s linear;}
    
/*section 01 - 퀵박스*/
.sc01 .main-qk-list{position:absolute; right:40px; bottom:0; width:50%; max-width:810px; display:flex; gap:45px; z-index:1;}
.sc01 .main-qk-itm{height:445px; padding:0 45px 30px 45px; border-radius:50px 50px 0 0; display: flex;
    flex-direction: column; justify-content: end; transition:all .3s; transition:all.5s; opacity:0; transform:translateY(50px);}
.sc01 .main-qk-itm.active{opacity:1; transform:translateY(0px);}
.sc01 .mq-itm01{background:url(/resources/custom/images/archives/main/ico-intro01.png)#0476bf no-repeat 90% 10%;}
.sc01 .mq-itm02{background:url(/resources/custom/images/archives/main/ico-intro02.png)#0f7351 no-repeat 90% 10%; transition-delay:.2s;}
.sc01 .mq-txt-box{position:relative; padding-top:70px;}
.sc01 .mq-txt-box:after{content:""; display:block; width:1px; height:50px; background:#fff; margin: 30px 12px;}
.sc01 .mq-txt-box > span{font-size:20px; font-weight:600; margin-bottom:8px; display:block;}
.sc01 .mq-itm01 .mq-txt-box > span{color:#28f7ff;}
.sc01 .mq-itm02 .mq-txt-box > span{color:#3cf1b3;}
.sc01 .mq-txt-box > p{font-size:35px; color:#fff;}
.sc01 .mq-desc{margin-bottom:25px; color:#fff; word-break:keep-all; font-weight:600; line-height:1.5;}
.sc01 .main-qk-itm > a{padding:12px 40px 12px 0; position:relative; color:rgba(255,255,255,.7); display:inline-block; width:fit-content; transition:all .3s;}
.sc01 .main-qk-itm > a:hover{color:#fff;}
.sc01 .main-qk-itm > a:after{content:""; display:block; width:21px; height:16px; background:url(/resources/custom/images/archives/main/ico-more.png);
position:absolute; right:0; top:12px; transition:all .3s;}
.sc01 .main-qk-itm > a:hover:after{transform:translateX(10px);}

/*section 02*/
.sc02{padding-top:80px;}
.sc02 .con_wrap{display:flex;}
.sc02 .pop-sl-wrap{width:460px;}
.sc02 .pop-sl-tit{display:flex; justify-content:space-between; margin-bottom:30px;}
.sc02 .pop-sl-tit h3{font-family:'Gmarket'; color:#333333; font-size:25px;}
.sc02 .pop-sl-pager{display:flex; gap:2px; align-items:center;}
.sc02 .pop-sl-pager a{padding:4px; }
.sc02 .popup-sl-list{height:373px; width:100%;}
.sc02 .popup-sl-itm{width:100%; height:100%;}
.sc02 .popup-sl-itm img{width:100%; height:100%; object-fit:cover;}
.sc02 .noti-wrap{width:calc(100% - 460px); padding-left:100px;}
.sc02 .noti-tit-wrap{padding-bottom:30px; border-bottom:1px solid #131314; position:relative; padding-right:100px;}
.sc02 .noti-tit-wrap h3{margin-bottom:20px; color:#101010; font-size:40px; font-weight:bold;}
.sc02 .noti-tit-wrap p{color:#8a8a8a; font-size:18px;}
.sc02 .noti-tit-wrap a{position:absolute;; right:30px; top:0; transition:all .3s;}
.sc02 .noti-tit-wrap a:hover{transform:rotate(360deg);}
.sc02 .noti-list{margin-top:12px;}
.sc02 .noti-itm{border-bottom:1px solid #e6e6e6;}
.sc02 .noti-itm a{padding:30px 20px; display:flex;justify-content: space-between;}
.sc02 .noti-itm .noti-tit{font-size:18px; font-weight:600; color:#333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 100px);}
.sc02 .noti-itm .noti-date{font-size:18px; font-weight:400; color:#626262; width:100px; text-align:right;}
.sc02 .noti-itm.first{border-bottom:1px dashed #d5d5d5;}
.sc02 .noti-itm.first a{display:block; padding:30px 12px 30px 135px;     position: relative;}
.sc02 .noti-itm.first .noti-date{display:flex; text-align: center; width:85px; height:84px; border-radius:16px; border:4px solid #e4e4e4;align-items:center; justify-content:center;
position:absolute; left:14px; top:20px}
.sc02 .noti-itm.first .noti-date strong{font-size:32px; color:#333333; font-family:'Gmarket'; display:block;}
.sc02 .noti-itm.first .noti-date span{font-size:15px; color:#333333; font-family:'Gmarket'; font-weight:300;}
.sc02 .noti-itm.first .noti-tit{color:#333333; font-size:22px; font-weight:600; margin-bottom:16px; width:100%;} 
.sc02 .noti-itm.first .noti-desc{color:#525252; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


/*section 03*/
.sc03{padding:120px 0; position:relative;}
.sc03:before{content:""; display:block; width:945px; height:135px; background:url(/resources/custom/images/archives/main/qk-text.png); position:absolute; bottom:150px; animation: moveLeft 10s linear infinite; z-index:1; right:0;}
@keyframes moveLeft {
    0% {
      transform: translateX(0);
      visibility: visible;
    }
    90% {
      transform: translateX(-100vw);
      visibility: visible;
    }
    100% {
      transform: translateX(-100vw);
      visibility: hidden;
    }
  }

.sc03 .con_wrap{display:flex; align-items:center;}
.sc03 .qk-tit{width:410px;padding-left:67px;}
.sc03 .qk-tit h3{font-size:40px; color:#101010; margin-bottom:60px;}
.sc03 .qk-tit p{font-size:18px; color:#6d6d6d; word-break: keep-all;}
.sc03 .qk-list{width:calc(100% - 410px); display:flex; padding-left:100px;}
.sc03 .qk-itm{width:calc((100% - 60px) / 4); margin-right:20px;}
.sc03 .qk-itm:last-child{margin-right:0;}
.sc03 .qk-itm > a{display:block; position:relative;}
.sc03 .qk-itm .qk-img img{width:100%; height:100%; object-fit:cover;}
.sc03 .qk-itm .qk-txt{position:absolute; bottom:40px; padding:0 35px; z-index:2;}
.sc03 .qk-itm .qk-txt:before{content:""; opacity:0; transform:translateY(50px); transition:all .3s; width:100%; height:180px; background:#0f7351; position:absolute; z-index:-1; left:-12px; bottom:-50px;}
.sc03 .qk-itm:hover .qk-txt:before{opacity:1; transform:translateY(0); }
.sc03 .qk-itm .qk-txt p{color:#fff; font-size:24px; font-weight:600; margin-bottom:20px;}
.sc03 .qk-itm .qk-txt span{color:#fff; font-size:16px;}
.sc03 .qk-itm .qk-label{display:flex; width:65px; height:70px; text-align:center; position:absolute; left:12px; top:-24px; color:#fff; align-items:center; justify-content: center;}
.sc03 .qk-itm .qk-label.type01{background:#1e9db9;}
.sc03 .qk-itm .qk-label.type02{background:#1b4eb5;}

/*section 04*/
.sc04{padding-top:150px; background:url(/resources/custom/images/archives/main/sc04-bg.jpg); background-size:cover;}
.sc04 .con_wrap{display:flex; }
.sc04 .search-con-box{width:50%; padding-right:100px;}
.sc04 .search-tit{margin-bottom:100px;}
.sc04 .search-tit p{color:#fff; font-size:40px; font-weight:bold; margin-bottom:40px;}
.sc04 .search-tit span{color:#fff; font-size:18px;     word-break: keep-all;}
.sc04 .search-con-box form{    display: flex;
    width: 100%; max-width:552px;
    align-items: center;
    justify-content: center;}
.sc04 .search-con-box fieldset{
    display: block;
    height: 64px;
    max-width: 552px;
    width: 100%;
    position: relative; border:none;}
.sc04 .search-con-box #searchMainText{
        display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px 0 24px;
    margin: 0;
    float: none;
    line-height: 1.3;
    font-size: 20px;
    color: #101010;
    background-color: #fff;
    border-radius: 0px; border:none;
    }
.sc04 .search-con-box input[type="submit"]{    
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
        background-image:url(/resources/custom/images/archives/main/ico-search.png);
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    background-color: rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
    transition: all .3s;
    background-size: cover;
}
.sc04 .qna-con-box{padding-left:180px; padding-top:30px; padding-right:60px; padding-bottom:100px; width:50%;}
.sc04 .qna-con-box .icon-box{display:flex; align-items:center; gap:40px; position:relative; padding-bottom:45px; margin-bottom:35px;}
.sc04 .qna-con-box .icon-box p{font-size:22px; color:#fff;}
.sc04 .qna-con-box .icon-box p span{display:block; margin-top:14px; color:#ffffff}
.sc04 .qna-con-box .icon-box:after{content:""; display:block; width:330px; height:1px; background:rgba(255,255,255,.5); position:absolute; bottom:0; left:-180px;}
.sc04 .qna-con-box .qna-txt{position:relative; padding-right:130px; transition-delay:.2s;}
.sc04 .qna-con-box .qna-txt img{max-width:100%;}
.sc04 .qna-con-box .qna-txt p{color:#fff; font-size:18px; margin-top:35px;}
.sc04 .qna-con-box .qna-txt > a{display:block; width:50px; height:50px; background:url(/resources/custom/images/archives/main/ico-more.png)#fdb900 no-repeat center; position:absolute; border-radius:50px;
right:60px; top:18px; text-indent: -9999px;}
.sc04 .qna-con-box .qna-txt > a:before{content:""; display:block; width:84px; height:84px; background:rgba(253,185,0,.5); position:absolute;
top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50px; animation: scaleAnimation 2s infinite ease-in-out;}
@keyframes scaleAnimation {
    0%, 100% {
      transform: translate(-50%, -50%) scale(1);
    }
    50% {
      transform: translate(-50%, -50%) scale(1.1);
    }
  }


/*반응형 시작*/
@media all and (max-width:1500px){
		.sc01 .main-txt{left:40px;}
		.sc01 .main-txt > p{font-size:40px;}
		.sc01 .main-qk-list{gap:10px; right:12px;}
		
		.sc03 .qk-tit{padding-left:0; padding-right:20px;}
		.sc03 .qk-list{padding-left:0;}
		
		.sc04 .qna-con-box{padding-left:0; padding-right:0;}
		.sc04 .qna-con-box .icon-box:after{left:0;}
}
@media all and (max-width:1200px){
		.sc01 .main-txt{top:160px; left:0; text-align:center; padding-right:0; width:100%; padding:0 12px;}
		.sc01 .main-sl-list{height:650px;}
		.sc01 .main-qk-list{padding-right:12px; padding-left:12px; right:0; width:100%; max-width:unset;}
		.sc01 .main-qk-itm{height:300px; flex:1;}
		.sc01 .mq-txt-box{margin-bottom:20px;}
		.sc01 .mq-txt-box:after{display:none;}
		.sc01 .main-sl-pager{margin-top:20px; justify-content:center; }
		
		.sc02 .noti-wrap{padding-left:30px;}
		
		.sc03 .qk-list{flex-wrap:wrap;}
		.sc03 .qk-itm{width:calc((100% - 20px) / 2); margin-bottom:30px;}
		.sc03 .qk-itm:nth-child(2n){margin-right:0;}
	    .sc03 .qk-itm .qk-img{height:300px;}
	    .sc03 .qk-itm .qk-img img{width:100%; height:100%; object-fit:cover;}
		
		.sc04 .qna-con-box .qna-txt > a{right:12px;}
		.sc04 .search-con-box{padding-right:30px;}
		.sc04 .search-tit span{line-height:1.5;}
}
@media all and (max-width:1000px){
		.sc02 .noti-tit-wrap p{font-size:18px;}
		.sc02 .pop-sl-wrap{width:350px;}
		.sc02 .noti-wrap{width:calc(100% - 350px);}
		.sc02 .noti-itm a{padding:24px 0;}
		.sc02 .noti-itm.first a{padding: 20px 12px 20px 100px;}
		.sc02 .noti-itm.first .noti-date{left:0; top:6px}
}
@media all and (max-width:850px){
		.sc02 .con_wrap{flex-direction: column; gap:20px;}
		.sc02 .pop-sl-wrap{width:100%}
		.sc02 .noti-tit-wrap{padding-right:70px;}
		.sc02 .noti-tit-wrap h3{margin-bottom:10px;}
		.sc02 .noti-tit-wrap a{right:0; top:15px;}
		.sc02 .noti-wrap{width:100%; padding-left:0;}
		
		.sc03 .qk-tit{padding-top:30px;}
		.sc03 .con_wrap{align-items:start;}
		.sc03 .qk-tit{width:350px;}
		.sc03 .qk-list{width:calc(100% - 350px);}
		
		.sc04{padding-top:80px;}
		.sc04 .con_wrap{flex-direction: column;}
		.sc04 .search-con-box{width:100%; padding-right:0; text-align:center;}
		.sc04 .search-tit p{margin-bottom:20px;}
		.sc04 .search-tit{margin-bottom:30px;}
		.sc04 .search-con-box form{margin:0 auto;}
		.sc04 .qna-con-box{width:100%; margin-top:30px;}
		.sc04 .qna-con-box .qna-txt{text-align:center; padding-right:0;}
}
@media all and (max-width:767px){
		.sc01 .main-txt > p{font-size:32px; margin-bottom:20px;}
		.sc01 .main-txt > p > strong{font-size:50px;}
		.sc01 .main-txt > span{font-size:18px;}
		.sc01 .main-sl-list{height:550px;}
		.sc01 .main-qk-itm{height:200px; padding:12px 24px;}
		.sc01 .mq-desc{display:none;}
		
		.sc02 .noti-tit-wrap h3{font-size:32px;}
		
		.sc03 .qk-tit{width:50%;}
		.sc03 .qk-tit h3{font-size:32px;}
		.sc03 .qk-list{width:50%;}
		.sc03 .qk-itm{width:100%; margin-right:0;}
}
@media all and (max-width:500px){
        .sc01 .main-txt > p > strong{font-size:40px;}
		.sc01 .main-qk-itm{border-radius:24px;}
		.sc01 .mq-txt-box > span{font-size:16px;}
		.sc01 .mq-txt-box > p{font-size:24px;}
		
		.sc03{padding:50px 0;}
		.sc03 .con_wrap{flex-direction:column; gap:40px;}
		.sc03 .qk-tit, .sc03 .qk-list{width:100%; padding:0;}
		.sc03 .qk-tit{text-align:center;}
		.sc03 .qk-tit h3{margin-bottom:20px;}
		.sc03 .qk-itm .qk-img{height:250px;}
		
		.sc04 .qna-con-box .qna-txt > a{right:unset; position:relative; margin:0 auto; margin-top:20px;}
}