/* 공통 */
#c1_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }
#c1_wrap .c_btn a {display: flex; width: 260px; height: 55px; justify-content: space-between; align-items: center; padding:0 22px; border-top: 1px solid #0046a5;
 border-bottom: 1px solid #0046a5;  font-size:16px; font-weight: 500; color:#0046a5; position: relative; z-index: 1; overflow: hidden; transition: all .5s ease;}
#c1_wrap .c_btn a span {display: block; width:22px; height: 14px; position: relative; top:0; background: url('../img/btn_arrow.png') 50% 50% no-repeat;
transition: all .5s ease; }
#c1_wrap .c_btn a::before {content: ''; position: absolute ;left: 0; top: 0; width: 0; height: 100%; z-index: -1; background: #0046a5; transition: all .5s ease;}
#c1_wrap .c_btn a:hover {color:#fff;}
#c1_wrap .c_btn a:hover span {background-image: url('../img/btn_arrow_w.png'); }
#c1_wrap .c_btn a:hover::before {width: 100%;}




/*Content CSS*/
#c1_wrap {width: 100%; background: #fff;  height:100vh; min-height:940px; position: relative; z-index: 2; overflow: hidden; padding-top: 90px;}
#c1_wrap::after {content: ''; display: block; position: absolute; right: 0; top: 0; z-index: -1; background: rgba(229,236,242,.15); height: 100%; width: 40%; }
#c1_wrap .c_inner {display: flex; align-items: flex-start; height: 100%;}
#c1_wrap .c_inner > div {background: #fff;}
/* left */
#c1_wrap .left {width: calc(100% - 770px); display: flex; flex-direction: column; justify-content: center; height: 100%;}
#c1_wrap .left h1 {font-size: 38px; font-weight: 800; color:#0046a5; font-family: 'NanumSquare',sans-serif; }
#c1_wrap .left p {font-size: 17px; font-weight: 300; color:#333; letter-spacing: -.2px; line-height: 32px;  margin:75px 0 90px; word-break: keep-all;}
#c1_wrap .left h3 {font-size: 18px; font-weight: 400; color:#000; }

/* right */
#c1_wrap .right {width: 770px; height: 50%; border: 1px solid #e5ecf2; border-top: 0;border-bottom: 0; display: flex; flex-direction: column; justify-content: center; }
#c1_wrap .right .list {display: flex; text-align: center; }
#c1_wrap .right .list li {border-right: 1px solid #e5ecf2; width: 33.3%; padding:10px 0;}
#c1_wrap .right .list li:last-child {border-right: 0;}
#c1_wrap .right .list li .icon {height: 85px; line-height: 85px; }
#c1_wrap .right .list li h2 {font-size: 21px; font-weight: 700; color:#0046a5; margin-top: 55px; }
#c1_wrap .right .c_btn a {margin:55px auto 0;}

/* slider */
#pd_slider_wr {width: calc(50% + 120px); height: calc(50% - 45px); position: absolute; right: 0; bottom: 0; background: #fff; border-top: 1px solid #e5ecf2;
display: flex; flex-direction: column; justify-content: center; text-align: center;}
#pd_slider_wr .c_btn a {margin:55px auto 0;}
#pd_slider_wr > div {max-width: 770px ;}
#pd_slider .box {border-right: 1px solid #e5ecf2;}
#pd_slider .box img {margin: 0 auto; }
#pd_slider .box .img::after {content: ''; display: block; width: 20px; height: 2px; background: #0046a5; margin:20px auto 5px; }

/* slider */
#pd_slider .slick-arrow {position:absolute; width:100%;z-index: 10; top:50%; font-size:0; width:15px; border:0; height: 28px;  transition: all 0.2s ease; margin-top: -14px;}
#pd_slider .slick-arrow.slick-prev {position:absolute;left:-0;  background: url('../img/c1_prev.png') 50% 50% no-repeat;}
#pd_slider .slick-arrow.slick-next {position:absolute;right:-0; background: url('../img/c1_next.png') 50% 50% no-repeat; }
#pd_slider .slick-slide {outline: none;}







@media screen and (max-width:1300px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {

}