@charset "utf-8";

.main .inner {width:var(--main-width);}

/* ----------------------------------------------------------------- */
/* main_visual */
/* ----------------------------------------------------------------- */

.visual_wrap {overflow:hidden; position:relative; width:100%;}
.main_visual {position:relative; background-color:#000; z-index:0;}

/* 메인 비주얼 :: 이미지 */
.main_visual .item {position:relative;}

.main_visual .item .img {width:100%; height:670px; background-size:cover !important;}

/* 메인 비주얼 :: active효과 */
.main_visual .item.active-item .img {}


/* 메인 비주얼 :: 텍스트 */
.visual_wrap .txt {position:absolute; left:0; right:0; top:45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);
 color:#fff; text-align:center; z-index:999;}

.visual_wrap .txt .tit_big {font-size:6.2rem;  font-family:"GmarketSansMedium"; font-weight:500; letter-spacing:-0.05em; line-height:1.3;}
.visual_wrap .txt .exp {margin-top:20px; line-height:1; font-size:3rem; color:rgba(255, 255, 255, .85); letter-spacing:0.0em; transition-delay:300ms !important}
.visual_wrap .txt .tit_big em {color:#fbd157;}

.visual_wrap .txt .tit_big, 
.visual_wrap .txt .tit_mdd, 
.visual_wrap .txt .exp {text-shadow:0 0 8px rgb(0 0 0 / 70%);}

.visual_wrap .txt .tit_big ,.visual_wrap .txt .exp {transform: translateY(50px); opacity:0; transition:1000ms opacity, 1000ms transform;}
.visual_wrap .item.slick-active .txt .tit_big, .visual_wrap .item.slick-active .txt .exp {transform:translateY(0px); opacity:1;}


/* 메인 비주얼 :: 버튼 ----------- */ 
.visual_wrap .slick-dots {display:flex; position:absolute; left:50%; transform: translateX(-50%); bottom:30px; text-align:center; gap:0 14px; z-index:9999; font-size:0;}
.visual_wrap .slick-dots li {}
.visual_wrap .slick-dots li button {cursor:pointer; margin:0px; padding:0; width:13px; height:13px; font-size:0; border:2px solid rgba(255,255,255,0.8); border-radius:100%;}
.visual_wrap .slick-dots li.slick-active button {background:rgba(255,255,255, 0.8); border:0;  opacity:1;}






/* ----------------------------------------------------------------- */
/* main_cont */
/* ----------------------------------------------------------------- */



/* 메인 :: 성공사례 */
.news_wrap {overflow:hidden; position:relative; padding:90px 0; background: #f4f8ff url("/images/main/bg_news.png") no-repeat center center ;}
.news_wrap:after {content:""; display:block; clear:both;}


.news_wrap .inner {display:flex; flex-wrap:wrap; justify-content:center; gap:50px;}
.news_wrap .inner > div {position:relative; width:calc(50% - 25px);}

.news_wrap h4 {margin-bottom:18px; font-size:2.8rem; color:#333; font-family:var(--font-title); font-weight:normal; letter-spacing:0em; }

.news_wrap .lst {position:relative;}
.news_wrap .lst li {position:relative; width:100%; /*  border-bottom:1px dashed rgba(0, 0, 0, 0.2); */}
.news_wrap .lst li a {display:block; position:relative; cursor:pointer; background:#fff; border:1px solid rgba(0, 0, 0, 0.06); border-radius:10px; transition:.3s ease;}
.news_wrap .lst li:not(:nth-child(1)) {/* border-top:1px dashed rgba(0, 0, 0, 0.2); */ margin-top:8px;}  
.news_wrap .lst li {}
.news_wrap .lst li .in_box {display:flex; align-items:center; padding:18px 20px 20px 20px;}
.news_wrap .lst li .date {display:flex; flex-wrap:wrap; flex-direction:column; padding-top:2px; text-align:center; width:70px; }
.news_wrap .lst li .date .day {line-height:1; font-size:2.2rem; color:#033885; font-family:'verdana', sans-serif; font-weight:bold; letter-spacing:-0.025em; }
.news_wrap .lst li .date .year {margin-top:2px; font-size:1.2rem; color:#888; font-family:'verdana', sans-serif;}
.news_wrap .lst li .tit {position:relative; padding-left:15px; width:calc(100% - 70px - 70px); font-size:1.7rem; color:#333; font-family:'S-CoreDream-4Regular';}
.news_wrap .lst li .tit {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_wrap .lst li .arrow {display:block; position:absolute; right:25px; top:50%; transform:translateY(-50%); font-family:xeicon; color:#ddd; font-size:2.4rem;}
.news_wrap .lst li .arrow:after {content:'\e914';}
.news_wrap .lst li a:hover .tit,
.news_wrap .lst li a:focus .tit {color:var(--main-color); /* text-decoration:underline; */} 
.news_wrap .lst li .new {display:inline-block; margin-left:5px; margin-top:-5px; width:19px; height:19px; background:url("../images/main/ico_new.png") no-repeat center center; background-size:contain; text-indent:-9999px; vertical-align:middle;}

.news_wrap .lst li a:hover {background:#033885;}
.news_wrap .lst li a:hover .date .day, 
.news_wrap .lst li a:hover .date .year,
.news_wrap .lst li a:hover .tit,
.news_wrap .lst li a:hover .arrow {color:#fff;}

.news_wrap .more {position:absolute; right:3px; top:7px; width:30px; height:30px; font-size:0; background:#9aafce; border-radius:100%;}
.news_wrap .more span:before, .news_wrap .more span:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.news_wrap .more span:before {width:12px; height:2px; background:#fff;}
.news_wrap .more span:after {width:2px; height:12px; background:#fff;}
.news_wrap .more:hover span:before, .news_wrap .more:hover span:after {background:#fff;} 





/* 메인 :: 성공사례 */
.pic_wrap {overflow:hidden; position:relative; padding:90px 0 110px;/*  background:#f4f2ec; */}

/* .pic_wrap:before {content:''; display:block; position:absolute; bottom:-90px; right:-80px; 
width:860px; height:860px; background: url("/images/main/bg_pic.png") no-repeat center; background-size:100%; opacity:0.25; filter:Alpha(opacity=25); } */


.pic_wrap h3 {display:block; position:relative; margin-bottom:50px; font-size:3.2rem; color:#333; font-family:var(--font-title); font-weight:500;}

.pic_wrap h3 em {color:var(--main-color);}
.pic_wrap .lst {position:relative;}
.pic_slide {display:flex; position:relative; margin:0 -12px;  box-sizing:content-box;}
.pic_slide .item {overflow:hidden; position:relative; margin:0 12px; background:#fff; border:1px solid rgba(0, 0, 0, 0.1); border-radius:16px;}
/* 4:3 비율 */
.pic_slide .item .imgthumb {overflow:hidden; position:relative; width:100%; height:auto; aspect-ratio:4 / 3; background:#eee;}
.pic_slide .item .imgthumb img {position:relative; width:100%; height:auto; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);
transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
.pic_slide .item:hover .imgthumb img {transform:translate(-50%, -50%) scale(1.07); -moz-transform: translate(-50%, -50%) scale(1.07); -ms-transform: translate(-50%, -50%) scale(1.07); 
-webkit-transform: translate(-50%, -50%) scale(1.07);}

.pic_slide .item .cont {overflow:hidden; position:relative; padding:25px 30px; text-align:center;}
.pic_slide .item .cont .subject {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:1.7rem; color:#333; font-family:'S-CoreDream-5Medium';}
.pic_slide .item .cont .day {margin-top:20px; font-size:1.4rem; color:#bbb; font-family:'S-CoreDream-4Regular'; letter-spacing:0em;}
.pic_slide .item a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}

.pic_slide .slick-arrow {position:absolute; top:50%; font-size:0; z-index:1;} 
.pic_slide .slick-arrow.slick-prev {left:-80px;}
.pic_slide .slick-arrow.slick-next {right:-80px;}
.pic_slide .slick-arrow.slick-prev, 
.pic_slide .slick-arrow.slick-next {margin-top:-25px; width:50px; height:50px; text-align:center; background-color:#fff; border-radius:100%; border:1px solid rgba(0, 0, 0, 0.1);}
.pic_slide .slick-arrow i {display:inline-block; font-family:xeicon; font-size:3rem; line-height:48px; color:#333;}
.pic_slide .slick-arrow.slick-prev i:before {content:"\e93c"; padding-right:1px;}
.pic_slide .slick-arrow.slick-next i:before {content:"\e93f"; padding-left:4px;}


/* more */
.pic_wrap .more {position:absolute; top:-78px; right:0; display:inline-flex; justify-content:center; align-items:center; gap:0 5px; 
 font-size:1.4rem; color:#666; font-family:'S-CoreDream-4Regular'; line-height:1;}
.pic_wrap .more i {margin-top:-1px; font-size:1.4rem; font-weight:bold; color:#555;}