@charset "utf-8";
@import url( "layout_2025.css" );

/*=========================================================================================================================
* 프로젝트: G-pms
* 파일명: main_2025.css 메인
* 작업자: 김준연 초안 - 김수연 적용
* 작업일: 2025.05 ~ 2025.08 
=========================================================================================================================*/

section.bg_w{background:#fff;}
.inwrap{max-width: 1400px; margin: 0 auto; display: flex;}

.main_title{display: flex; justify-content: space-between; align-items: center; margin: 0 0 35px;}
.main_title h2{color:#353c45; font-size:30px; font-family: 'Gmarket Sans'; font-weight:normal;}
.main_title em{color:#99b1cf; font-size:16px; letter-spacing:-0.25px; font-family: 'Gmarket Sans Medium';}
.main_title a.more_btn{position: relative; border-radius: 5px; background:#fff; color:#353c45; width:36px; height: 36px; font-size:21px; text-align: center; padding:5px 0; box-sizing: border-box;}
.main_title a.more_btn i{transform: rotate(-90deg); -webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease;}
.main_title a.more_btn:hover i{transform: rotate(0deg); -webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease;}
.main_title a.more_btn p{position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}



/* --------------------------------------------
 * G-PMS, NEWS
/* ------------------------------------------ */
.main_top_flex{display: flex; justify-content: space-between; align-items: flex-start; gap:90px; margin:80px 0 50px;}
.main_g_pms{width: 700px;}
.main_g_pms .pms_tab{}
.main_g_pms .pms_tab ul{display:flex; justify-content: space-between;}
.main_g_pms .pms_tab ul li{}
.main_g_pms .pms_tab ul li a{position: relative; display:block; width:210px; height:190px; border-radius:20px; background-color:#fff; box-sizing: border-box; overflow: hidden; box-shadow:1px 1px 1px #cfd4e3; font-size:20px; font-weight:600; color:#353c45; text-align:center; padding:133px 0 30px;transition: ease 0.3s;}
.main_g_pms .pms_tab ul li a:hover{box-shadow: 6px 10px 7px #d6dbe9, 10px 20px 18px #d6dbe9; color:#229b7d;transition: ease 0.3s;}
.main_g_pms .pms_tab ul li a:before{content: ''; display: block; position: absolute; top: 32px; left: 50%; transform: translateX(-50%); width:89px; height:89px; background: url(../images/main_2025/main_pms_img.png)0 0 no-repeat;}
.main_g_pms .pms_tab ul li:nth-child(2) a:before{background: url(../images/main_2025/main_pms_img.png)-89px 0 no-repeat;}
.main_g_pms .pms_tab ul li:nth-child(3) a:before{background: url(../images/main_2025/main_pms_img.png)-178px 0 no-repeat;}
.main_g_pms .pms_tab ul li a:after{content:""}


.main_news{width: 610px;}
.main_news .news_list{}
.main_news .news_list ul{padding-top:15px;}
.main_news .news_list ul li{margin: 0 0 15px;}
.main_news .news_list ul li a{display:block; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle;}
.main_news .news_list ul li a:hover{text-decoration: underline;}
.main_news .news_list ul li a span{display:inline-block; font-size:12px; color:#fff; padding: 8px 6px; border-radius:5px; margin-right: 10px;}
.main_news .news_list ul li a span.notice{background-color:#1a4aa0;}
.main_news .news_list ul li a span.reserved{background-color:#0475f4;}
.main_news .news_list ul li a span.reserve{background-color:#49ab93;}
.main_news .news_list ul li a span.finish{background-color:#5f6874;}

/* --------------------------------------------
 * POPUPZONE
/* ------------------------------------------ */
.popupzone_wrap{position: relative; width: 1400px; height: 478px; border-radius:20px; overflow:hidden;}
.popupzone_wrap .swiper-slide a{display:block; position: relative; height: 100%;}
.popupzone_wrap .swiper-slide a:before{content: ''; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: transparent;}
.popupzone_wrap .swiper-slide a[href^="http://"],.popupzone_wrap .swiper-slide a[href^="https://"]{padding-right:0}
.popupzone_wrap .swiper-slide a[href^="http://"]:after, .popupzone_wrap .swiper-slide a[href^="https://"]:after{content:''}
.popupzone_wrap .swiper-slide img{display: block; width: 100%; max-width: 100%; max-height: 100%; object-fit: cover;}
.popupzone_wrap .popupzone_control{position: absolute; bottom: 0; right:0; width: 192px; height: 45px; background:rgba(0,0,0,0.5); border-radius:5px 0 0 0; z-index:1; font-size:18px;}
.popupzone_wrap .popupzone_control .swiper-button-prev{position: absolute; top: 35px; left: auto; right: 90px; width: 14px; height: 14px; color: #fff; background-image:none;}
.popupzone_wrap .popupzone_control .swiper-button-next{position: absolute; top: 35px; right: 30px; width: 14px; height: 14px; color: #fff; background-image:none;}
.popupzone_wrap .popupzone_control .swiper-pagination{position: absolute; top: 15px; left: 30px; font-size: 14px; color: #fff; width: auto; height:auto;}
.popupzone_wrap .popupzone_control .popup-autoplay{position: absolute; background: none; top: 14px; right:54px;}
.popupzone_wrap .popupzone_control .popup-autoplay:before{content:"\ea3b"; font-family: 'XEIcon'; color: #fff; font-size:18px;}
.popupzone_wrap .popupzone_control .popup-autoplay.on:before{content:"\ea3e"; font-family: 'XEIcon'; color: #fff; font-size:18px;}

/* --------------------------------------------
 * BUSINESS, RESULT
/* ------------------------------------------ */
.business_wrap{display: flex; justify-content: space-between; align-items: flex-start; gap: 70px; margin:80px 0;}
.business_wrap .business_list{width:930px;}
.business_wrap .business_list ul{display:flex; flex-wrap: wrap; gap:50px;}
.business_wrap .business_list ul li{width:440px;}
.business_wrap .business_list ul li a{position: relative; display:block; background-color:#fff; border-radius:20px; box-shadow:1px 1px 1px #cfd4e3; padding: 55px 40px 40px;transition: ease 0.3s;}
.business_wrap .business_list ul li a:hover{box-shadow: 6px 10px 7px #d6dbe9, 10px 20px 18px #d6dbe9; transition: ease 0.3s;}
.business_wrap .business_list ul li a em{position: absolute; top: -5px; left: 40px; display: inline-block; width: 63px; height:35px; color:#fff; font-size: 16px; font-weight:500; text-align:center; padding:7px 0; border-radius:0 0 5px 5px; border-top: 2px solid rgba(255,255,255,0.5); box-sizing:border-box;}
.business_wrap .business_list ul li.received a em{background:#0b62cd;}
.business_wrap .business_list ul li.reserve a em{background:#49ab93;}
.business_wrap .business_list ul li.finish a em{background:#5f6874;}
.business_wrap .business_list ul li a strong{display: block; height:70px; color:#353c45; font-size:18px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all; font-weight: 500;}
.business_wrap .business_list ul li a > ul{align-content: flex-start; gap: 5px; margin: 20px 0 0;}
.business_wrap .business_list ul li a > ul > li{font-size:14px; font-weight: 500;}
.business_wrap .business_list ul li.received a > ul > li{color:#0b62cd;}
.business_wrap .business_list ul li.reserve a > ul > li{color:#49ab93;}
.business_wrap .business_list ul li.finish a > ul > li{color:#5f6874;}
.business_wrap .result_list{width:400px;}
.business_wrap .result_list .result_year{position: relative; display: block; width: 400px; height: 500px; box-sizing: border-box; border: 1px solid #d7def1; box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #d7def1; border-radius: 20px; padding:320px 50px 0; background-color: #f7f8fb; transition: background-color 0.3s ease; background-image: linear-gradient(to bottom, rgba(247,248,251,1) 20%,rgba(255,255,255,0) 100%); background-size: 200% 100%; background-position: 0% 0%; overflow: hidden;}
.business_wrap .result_list .result_year:hover{background-color: #fff; background-position: 100% 0%;}
.business_wrap .result_list .result_year:before{content:''; position: absolute; left: -26px; top: -33px; width:488px; height:356px; background: url(../images/main_2025/result_img.png) 50% 50% no-repeat;}
.business_wrap .result_list .result_year em{display:block; color:#353c45; font-size:20px; font-weight: 600; margin: 0 0 18px;}
.business_wrap .result_list .result_year:hover em{text-decoration: underline; transition: ease 0.3s;}
.business_wrap .result_list .result_year ul li{color:#727c89; font-weight: 500; font-size: 15px; line-height: 150%;}

/* 20250811 - ksy */

.business_wrap .business_list ul li.received a:hover strong{color:#0a4d9f}
.business_wrap .business_list ul li.reserve a:hover strong{color:#18896e}

/* --------------------------------------------
 * BANNER
/* ------------------------------------------ */
.banner_wrap{display: flex; justify-content: space-between; align-items: flex-start; gap: 70px; margin:40px 0;}
.banner_wrap li{width:665px;}
.banner_wrap li a{position: relative; display:block; border-radius: 20px; height: 132px; overflow:hidden; box-sizing: border-box; padding:35px 0 35px 190px;border-radius:20px}
.banner_wrap li.info a{background:#49ab93 url(../images/main_2025/filter_img_01.png) 50% 50% no-repeat; border:1px solid #2b7d68;}
.banner_wrap li.rule a{background:#72c05a url(../images/main_2025/filter_img_02.png) 50% 50% no-repeat; border:1px solid #5fab47;}
.banner_wrap li.info a:before{content: ''; position: absolute; left: 55px; top: 50%; transform: translateY(-50%); width:100px; height:100px; background: url(../images/main_2025/banner_img.png) 0 0 no-repeat;}
.banner_wrap li.rule a:before{content: ''; position: absolute; left: 55px; top: 50%; transform: translateY(-50%); width:100px; height:100px; background: url(../images/main_2025/banner_img.png) -100px 0 no-repeat;}
.banner_wrap li a:after{content: "\e940"; font-family: 'XEIcon'; position: absolute; right: 40px; top: 46px; width:44px; height:44px; border-radius:50%; background:rgba(0,0,0,.15); color:#fff; font-size:22px; text-align: center; padding: 11px 0px; box-sizing: border-box; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}
.banner_wrap li a:hover{transition: ease 0.3s;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2) , inset 0 0 0 1px rgba(0,0,0,0.2);}
.banner_wrap li a:hover:after{background:rgba(0,0,0,.3); -webkit-transform: translateX(8px); transform: translateX(8px);}
.banner_wrap li a strong{display: block; font-family: 'Gmarket Sans'; font-size: 30px; color:#fff; text-shadow: 1px 1px rgba(0,0,0,.17);}
.banner_wrap li a span{display: block; color:rgba(255,255,255,0.59); font-size:16px; margin: 10px 0 0;}

/* --------------------------------------------
 * SUPPORT
/* ------------------------------------------ */
.support_wrap{margin:80px 0;}
.support_wrap .support_con{display: flex; justify-content: space-between; align-items: flex-start; gap:30px;}
.support_wrap .support_con .guide_con{width:970px; display: flex; flex-direction: column;}
.support_wrap .support_con .guide_con .s_call{display: flex; flex-wrap: wrap; margin: 40px 0 0;}
.support_wrap .support_con .guide_con .s_call li{position: relative; display: flex; align-items: center; font-size: 15px; font-weight:500; width: 50%; gap:18px; margin: 0 0 15px;}
.support_wrap .support_con .guide_con .s_call li:before{content:''; position: absolute; left: 0; top: 6px; width: 6px; height:6px; background: #000; border-radius:6px;}
.support_wrap .support_con .guide_con .s_call li p{width:50%; color:#353c45; padding-left: 12px; box-sizing:border-box; letter-spacing: -1px;}
.support_wrap .support_con .guide_con .s_call li span{font-weight:700; letter-spacing: -0.8px; color:#0b5fc7;}
.support_wrap .support_con .guide_con .s_guide{display: flex; justify-content: space-between; margin: 49px 0 0;}
.support_wrap .support_con .guide_con .s_guide li{}
.support_wrap .support_con .guide_con .s_guide li a{position: relative; display:block; width: 460px; height: 110px; box-sizing: border-box; border-radius: 20px; border: 2px solid #d7def1; box-shadow: inset 0 0 0 2px #fff; padding:28px 0 28px 135px;transition: cubic-bezier(0.55, 0.06, 0.68, 0.19) 0.3s;}
.support_wrap .support_con .guide_con .s_guide li a:hover,.support_wrap .support_con .guide_con .s_guide li a:focus{border-color:#7a92d4;transition: cubic-bezier(0.55, 0.06, 0.68, 0.19) 0.3s;background:rgba(255,255,255,0.5);  box-shadow: inset 0px 5px 6px 0 rgba(0, 0, 0, 0.05);}
.support_wrap .support_con .guide_con .s_guide li:nth-child(1) a:before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 25px; width: 80px; height: 60px; background: url(../images/main_2025/guide_img.png) -80px 0 no-repeat;}
.support_wrap .support_con .guide_con .s_guide li:nth-child(2) a:before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 25px; width: 80px; height: 60px; background: url(../images/main_2025/guide_img.png) left 0 no-repeat;}
.support_wrap .support_con .guide_con .s_guide li a strong{display:block; font-family: 'Gmarket Sans'; color:#3651a1; font-size: 20px;}
.support_wrap .support_con .guide_con .s_guide li a span{display:block; color:#919bba; font-size: 15px; letter-spacing: -0.25px; margin: 8px 0 0;}
.support_wrap .support_con .help_con{width:400px; height: 335px; background: #0b62cd url(../images/main_2025/help_bg.png) 50% 50% no-repeat; border-radius: 20px; box-sizing: border-box; padding: 50px 40px 40px;}
.support_wrap .support_con .help_con h3{font-family: 'Gmarket Sans'; color:#fef995; font-size:15px; margin: 0 0 35px;}
.support_wrap .support_con .help_con ul{display:flex; flex-direction: column;}
.support_wrap .support_con .help_con ul li:first-child{border-bottom: 1px dashed rgba(255,255,255,0.5); padding:0 0 35px; margin: 0 0 35px;}
.support_wrap .support_con .help_con ul li a{position: relative; display:block;transition: cubic-bezier(0.55, 0.06, 0.68, 0.19) 0.3s;}
.support_wrap .support_con .help_con ul li:nth-child(1) a:after{content: ''; position: absolute; top: -10px; right:0; width:78px; height: 78px; background: url(../images/main_2025/help_img.png) 50% 50% no-repeat;}
.support_wrap .support_con .help_con ul li:nth-child(2) a:after{content: "\e940"; font-family: 'XEIcon'; position: absolute; right: 0; top: 8px; width:44px; height:44px; border-radius:50%; background:rgba(0,0,0,.15); color:#fff; font-size:22px; text-align: center; padding: 11px 0px; box-sizing: border-box;}
.support_wrap .support_con .help_con ul li a strong{display:inline-block; font-family: 'Gmarket Sans'; font-size:30px; color:#fff;border-bottom: 1px solid transparent;}
.support_wrap .support_con .help_con ul li a span{display:block; color: rgba(255,255,255,.5); margin:8px 0 0; letter-spacing: -0.7px;}
.support_wrap .support_con .help_con ul li a:hover strong,.support_wrap .support_con .help_con ul li a:focus strong{border-bottom:1px solid #fff;transition: cubic-bezier(0.55, 0.06, 0.68, 0.19) 0.3s;}