/* 공통 */
#c1_wrap .c_inner {width: 100%; max-width: 1500px; margin:0 auto; padding: 0 20px;}
#c1_wrap .c_tit {text-align: center;}
#c1_wrap .c_tit h2 {display: inline-block; position: relative; text-transform: uppercase;}
#c1_wrap .c_tit h2::before {content: ''; display: block; width: 9px; height: 10px; background: #60217c; transform: skew(-40deg); position: absolute; right: -17px;top:-2px;}
/* btn */
#c1_wrap .c_btn {font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; text-align: left; font-family: 'NanumSquare',sans-serif; text-transform: uppercase; color:#fff; position: relative;}
#c1_wrap .c_btn .arrow {display: block;  width: 40px; height: 14px; position: absolute; right: 13px; top: 50%;  transform: translateY(-50%);
background:url("../img/c_btn_arrow.png") 50%/contain no-repeat;}
#c1_wrap .c_btn .cir {display: block; width:35px; height: 35px; border:1px solid #fff; border-radius: 50%; margin-left: 50px; transition:all .3s; }
#c1_wrap a:hover .c_btn .cir {background-color: rgba(255,255,255,.2); border-color: rgba(255,255,255,.2);}
/* font-size */
#c1_wrap .fs_60 {font-size: 30px; font-weight: 800; color:#333; line-height: 1.2; font-family: 'Pretendard',sans-serif;}
#c1_wrap .fs_18 {font-size: 14px; font-weight: 800; color:#333; line-height: 1.33;  font-family: 'NanumSquare',sans-serif; }


/*Content CSS*/
#c1_wrap {width: 100%; background:#f7f7f7; }
#c1_wrap .c_inner {padding:60px 20px;}
#c1_wrap .box_wrap {margin-top: 30px;}
#c1_wrap .box_wrap .box {overflow: hidden; border-radius: 20px; border:1px solid #ddd; }
/* icon_box */
#c1_wrap .icon_box {width: 100%; position: relative; padding: 40px 20px 30px 20px; display: flex; align-items: flex-end; justify-content: flex-start;
flex-shrink: 0;}
#c1_wrap .icon_box .c_btn {position: absolute; right: 25px; top:25px;}
#c1_wrap .icon_box span {display: block; font-size: 13px; font-weight: 500; color:#fff; text-transform: uppercase; font-family: 'Pretendard',sans-serif; margin: 20px 0 5px;}
#c1_wrap .icon_box h3 {font-size: 18px; font-weight: 800; color:#fff; font-family: 'NanumSquare',sans-serif; }
#c1_wrap .icon_box i img {transition: transform .5s; height: 60px;}
#c1_wrap .icon_box:hover i img {transform: rotateY(180deg);}

/* box1 */
#c1_wrap .box1 {width: 100%; }
#c1_wrap .box1 .icon_box {background:url("../img/box1_bg.jpg") 50%/cover no-repeat;}
#c1_wrap .box1 .list {width:100%; display: flex; flex-wrap: wrap; }
#c1_wrap .box1 .list > li {width: 50%; }
#c1_wrap .box1 .list > li:nth-child(n+3) {width: calc(100% / 3);}
#c1_wrap .box1 .list a {display: flex; flex-direction: column; justify-content: space-between; height: 100%; border-right: 1px solid #ddd;background-color: #fff;
padding: 15px ; height: 100%;}
#c1_wrap .box1 .list > li:nth-child(n+3) a {border-top: 1px solid #ddd;}
#c1_wrap .box1 .list > li:nth-child(2) a,
#c1_wrap .box1 .list > li:last-child a {border-right:0;}
#c1_wrap .box1 .list h3 {font-size: 30px; font-weight: 800; color:#f4f4f4; transition: color .3s; font-family: 'Pretendard',sans-serif; line-height: 1; margin-bottom:10px;}
#c1_wrap .box1 .list p { transition: color .3s; font-size: 13px; letter-spacing: -.4px;}
#c1_wrap .box1 .list a:hover h3 {color:#60217c;}
#c1_wrap .box1 .list a:hover p {color:#60217c;}

/* box2 */
#c1_wrap .box2 {margin-top: 20px;}
#c1_wrap .box2 .icon_box {background:url("../img/box2_bg.jpg") 50%/cover no-repeat;}





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

}

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

}

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

}