/*Content CSS*/
/* common */
.subpage { overflow: hidden; position:relative; }
.sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }

/* font size */
.fs_50 {font-size: 50px; font-weight: 600; color:#000; letter-spacing: -1px; line-height: 1.3; font-family: 'AritaBuri'; }
.fs_18 {font-size: 18px; font-weight: 300; color:#000; line-height: 33px; letter-spacing: -.36px; }
.fs_16{font-size: 16px; font-weight: 300; line-height: 26px; letter-spacing: -.4px; }

/* map */
#sec {padding: 100px 0 140px;}
#sec .map_wr {margin:45px auto -80px; width: 100%; position: relative; z-index: 1;  }
#sec .list { width:calc(100% - 200px); display: flex; background: #006bef; position: relative; z-index: 2; margin:0 auto;text-align: center; flex-wrap: wrap;}
#sec .list li {width: 33.3%; border-right: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); background: transparent; transition: background-color .3s; padding: 42px 20px 51px;}
#sec .list li:nth-child(n+4) {width: 50%; border-bottom: 0;}
#sec .list li:last-child i{width: 34px; height: 32px; background-image: url('../img/kakao.png');}
#sec .list i {display: block; transition-property: transform; transition-duration: .5s; margin:0 auto; font-size:36px; color:#fff; }
#sec .list h2 {font-family: 'AritaBuri'; color:#fff; font-size: 24px; font-weight: 700; margin:20px 0 15px; line-height: 1;}
#sec .list p {color:rgba(255, 255, 255, 0.8); font-weight: 300; letter-spacing: -.4px; line-height: 1.63; }
#sec .list li:hover i {transform: rotateY(180deg); }
#sec .list li:hover {background-color: rgba(255,255,255,.13); }



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

}


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

}

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

}