/* 공통 */
#c3_wrap .c_inner {width: 1300px; margin:0 auto;}
#c3_wrap .c_title {text-align: center;}
#c3_wrap .c_title h2 {font-size:17px; font-weight: 600; color:#ff6800; letter-spacing: 3.4px; text-transform: uppercase; font-family: 'Montserrat'; margin-bottom: 20px;}
#c3_wrap .c_title h1 {font-size:36px; font-weight: 400; color:#333; font-family:'GongGothicMedium';}

/*Content CSS*/
#c3_wrap {background: #fff; position: relative; z-index: 1; display: flex;}

/* c3_left */
.c3_left {width: 41%; padding:0 95px 0 0; text-align: left; background: url('../img/c3_bg1.jpg') 0% 50% no-repeat; background-attachment: fixed;
display: flex; flex-direction: column; align-items: flex-end; justify-content: center;}
.c3_left .c_inner {}
#c3_wrap .c_title {text-align: left;}
#c3_wrap .c_title h1 {color:#fff;}
.c3_left p {font-size:16px; font-weight: 300; line-height: 30px; color:#fff; margin:35px 0 50px;}
/* btn  */
.c3_btn {display: flex; justify-content: center; align-items: center; transition: all .3s ease; width: 250px; height: 60px; text-align: center; border:1px solid #fff;
font-size:14px; font-weight: 400; color:#fff; font-family: 'Nanum Gothic', sans-serif;}
.c3_btn i {margin-left:20px; font-size:16px; position: relative; left:0; transition: all .3s ease;}
.c3_btn:hover {background: #ff7200; border-color:#ff7200;}
.c3_btn:hover i {left:10px;}

/* c3_right */
.c3_right {width: 59%; padding:0; background: url('../img/c3_bg2.jpg') 0% 50% no-repeat; background-size:cover;}
.c3_right ul {width: 827px; display: flex; text-align: center;}
.c3_right ul li {flex:1;}
.c3_right ul li a {display: flex; align-items: center; flex-direction: column; padding:166px 0; transition: all .3s ease; border-left:1px solid rgba(255,255,255,.3);
background: rgba(255,255,255,0);}
.c3_right ul li:last-child a {border-right:1px solid rgba(255,255,255,.3);}
.c3_right ul li a h1 {font-size:18.5px; font-weight: 400; color:#ff7f27; letter-spacing: .46px; font-family:'GongGothicLight';}
.c3_right ul li a > div {width: 122px; height: 122px; border-radius: 50%; background: rgba(255,255,255,.18); display: flex; align-items: center; justify-content:center;
margin:20px 0 30px;}
.c3_right ul li a > div img {transition: 0.5s}
.c3_right ul li a h2 {font-size:14px; font-weight: 400; color:rgba(255,255,255,.6); font-family: 'Montserrat'; text-transform: uppercase;}
.c3_right ul li a h3 {font-size:18px; font-weight: 400; color:#fff; font-family:'GongGothicMedium'; margin-top:10px;}
/* hover */
.c3_right ul li a:hover {background: rgba(255, 255, 255, 0.13); backdrop-filter: blur(5px);}
.c3_right ul li a:hover > div img {transform:rotateY(180deg);}





@media screen and (min-width:1921px) {
    .c3_left {background-size:cover;}
}

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

}

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

}

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

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

}