/* 공통 */
.text-center {text-align:center;}
.sub_con {width:1280px; margin:0 auto;}
.sub_title {margin-top:50px;}
.sub_title h1 {font-family: 'NanumSquare', sans-serif; color:#000; font-size:32px; font-weight: 400; }
.sub_title h1 b {font-weight: 600;}
.sub_title span {display: block; width:50px; height:4px; background: #019b92; margin:0 auto 30px;}
.sub_p {font-size:16px; font-weight: 300; color:#666; letter-spacing: -.5px; word-break: keep-all; line-height: 30px;}
.sub_p span {color:#019b92; font-weight: 400;}
.sub_p b {font-weight: 400; color:#333;}
.border_bottom {padding-bottom:50px; border-bottom:1px solid #eee;}
.sub_con_gray {width:100%; background: #f8f8f8; padding:100px 0;}

/*Content CSS*/
.partner_katalk {display: flex; flex-wrap:wrap; margin:80px 0 0 0; justify-content: center;}
.partner_katalk li {width:240px; margin-right:60px;  margin-bottom:150px;}
.partner_katalk li:nth-child(4n) {margin-right:0;}
.partner_katalk li:nth-child(n+5) {margin-bottom:0;}
.partner_katalk li a > img {width:100%;}
.partner_katalk li span {display: block; width:35px; height:1px; background: #000; margin:25px auto 10px;}
.partner_katalk li h2 {font-size:16px; font-weight: 500; color:#000;}
.partner_katalk li > a {position: relative; width:240px; height:480px; display: block;}
.partner_katalk li > a div {position: absolute; top:0; left:0; background: rgba(1,155,146,.8); text-align:center; opacity: 0;
    transition: opacity .2s ease; width:100%; height:100%; line-height: 480px; border-radius: 40px;}
.partner_katalk li > a:hover div {opacity: 1;}

.partner_logo {display: flex; flex-wrap:wrap; margin-top:60px;}
.partner_logo li {width:300px; height:150px; background: #fff; border:1px solid #eee; text-align:center; line-height: 150px; margin-right:26px;
    transition:border .2s ease; overflow: hidden; margin-bottom:26px;}
.partner_logo li:nth-child(4n) {margin-right:0;}
.partner_logo li:nth-child(n+16) {margin-bottom:0;}
.partner_logo li img {transition: all 0.2s ease; transform: scale(1);}
.partner_logo li:hover {border:1px solid #019b92;}
.partner_logo li:hover img {transform: scale(1.1);}

.partner_logo_wrap {position: relative; z-index: 1;}
.partner_logo_wrap > img {position: absolute; opacity: .1; left:50%; transform:translateX(-50%); top:200px; z-index: -1;}

.gray_bg {position: absolute; width:100%; background: #f1f1f1; height:610px;top:150px; z-index: -1;}
.gray_bg.bot {top:840px;}


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

}

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

}