@charset "utf-8";

/* @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquareRound@1.0/nanumsquareRound.css);
@import url(https://cdn.rawgit.com/moonspam/nanumsquareRound/master/nanumsquareRound.css); */

/* html, body {
    width:100%;
    font-size:14px; 
} */

a {text-decoration: none;}

.supportservice_box_2212{
    font-family:'NanumSquareRound','san-serif';
    font-weight: 700;
    font-size:17px;
    line-height:1.5;
    }

#membership_box {
    width: 1024px;
    /* border: 1px solid red; */
    overflow: hidden;
}

/***** 공통 *****/





/***** 업무지원서비스 *****/

.supportservice_box_2212 .ss_wrap_2212 {
    text-align: center;
    font-family: 'NanumSquareRound','san-serif';
    padding-bottom: 80px;
}

.supportservice_box_2212 .ss_wrap_2212 .ss_topcon_wrap_2301 {
    background-color: #f3ebfa;
    /* overflow: hidden; */

}
.supportservice_box_2212 .ss_wrap_2212 .ss_topcon_wrap_2301 .ss_tit_wrap_2301 {
    text-align: left;
    padding: 100px 0 0 80px;
    height: 240px;
    background: url('/images/img_supportservice_221219/bg_ss_tit_2301.jpg') no-repeat;
    background-position: 0 30px;
}

.supportservice_box_2212 .ss_wrap_2212 .ss_topcon_wrap_2301 .ss_tit_2301 {
    font-size: 60px;
    color: #8a59ea;
}
.supportservice_box_2212 .ss_wrap_2212 .ss_topcon_wrap_2301 .ss_tit_2212 {
    color: #333;
    font-size: 26px;
    /* margin-top: 15px; */
    font-weight: 500;
}
.supportservice_box_2212 .ss_wrap_2212 .ss_topcon_wrap_2301 .ss_tit_2212 span {
    font-size: 30px;
}


/* 상단 only 꼬망세 */
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 {
    height: 300px;
    margin-top: -5px;
    padding: 80px 0 10px 25px;
    position: relative;
    /* border: 1px solid blue; */
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212:before {
    content: '';
    display: block;
    width: 397px;
    height: 60px;
    background: url(/images/img_supportservice_221219/img_deco1.png);
    position: absolute;
    left: 30px;
    top: -20px;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212:after {
    content: '';
    display: block;
    width: 570px;
    height: 1px;
    background-color: #fbf9fe;
    position: absolute;
    left: 428px;
    top: 5px;
}

.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212.bottom {
    padding: 0 0 10px 25px;
    position: relative;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212.bottom:before {
    display: none;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212.bottom:after {
    display: none;
}

.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 .support_toplist_2212 {
    float: left;
    font-size: 20px; 
    width: 210px;
    height: 250px;
    border-radius: 20px;
    border: 2px solid #f2b1f0;
    background-color: #fff;
    box-shadow: rgb(149 157 165 / 20%) 3px 3px 3px;
}

.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 .support_toplist_2212:nth-child(1) {
    margin-left: 12px;
}

/* top_contents_2212 mouseenter 동작 */
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 .support_toplist_2212.toplist_on {
    background-color: #fdedfa;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 .support_toplist_2212:nth-child(2).toplist_on {
    background-color: #fbf2f2;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 .support_toplist_2212:nth-child(3).toplist_on {
    background-color: #fff3e7;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 .support_toplist_2212:nth-child(4).toplist_on {
    background-color: #fdfcee;
}

.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212.bottom .support_toplist_2212:nth-child(1).toplist_on {
    background-color: #f3fced;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212.bottom .support_toplist_2212:nth-child(2).toplist_on {
    background-color: #e0e7fa;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212.bottom .support_toplist_2212:nth-child(3).toplist_on {
    background-color: #f2e7fb;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212.bottom .support_toplist_2212:nth-child(4).toplist_on {
    background-color: #ffffff;
}


.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 li+li {
    margin-left: 30px;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 .support_toplist_2212:nth-child(2) {
    border: 2px solid #eba6a6;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 .support_toplist_2212:nth-child(3) {
    border: 2px solid #face8e;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 .support_toplist_2212:nth-child(4) {
    border: 2px solid #f4ed7b;
}

.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212.bottom .support_toplist_2212:nth-child(1) {
    border: 2px solid #bfe1ab;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212.bottom .support_toplist_2212:nth-child(2) {
    border: 2px solid #b6d7f9;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212.bottom .support_toplist_2212:nth-child(3) {
    border: 2px solid #d9bef2;
}
.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212.bottom .support_toplist_2212:nth-child(4) {
    border: 2px solid #ffffff;
}

.supportservice_box_2212 .ss_wrap_2212 a {
    text-decoration: none;
    display: block;
    height: 250px;
    border-radius: 20px;
    color: #000;
}

.supportservice_box_2212 .ss_wrap_2212 a span {
    display: block;
    width: 40px;
    height: 1px;
    background-color: #666666;
    margin: 15px 70px;
    display: none;
}
.supportservice_box_2212 .ss_wrap_2212 .bottom_contents_2212 a span {
    margin: 15px 80px;
}

/* 업무지원서비스 li 타이틀 공통 */
.supportservice_box_2212 .ss_wrap_2212 .supportlist_tit {
    margin-top: 12px;
}
.supportservice_box_2212 .ss_wrap_2212 .txt_small_2212 {
    font-size: 16px;
    font-weight: 300;
    color: #333333;
    margin-top: 10px;
}

/* 바로가기 */
.supportservice_box_2212 .ss_wrap_2212 .txt_small_2212_2 {
    font-size: 14px;
    font-weight: 300;
    color: #777;
    background: url(/images/img_supportservice_221219/230112_btn_arrow.png) no-repeat;
    background-position: 105px 5px;
    text-align: left;
    padding-left: 45px;
    margin-top: 12px;
}

.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 .support_toplist_2212 a img {
    margin-top: 20px;
}

.supportservice_box_2212 .ss_wrap_2212 .top_contents_2212 .support_toplist_2212 img {
    margin-top: 20px;
}

.supportservice_box_2212 .ss_wrap_2212 .bottom_contents_2212 {
    height: 300px;
    border: 1px solid #999999; 
    border-radius: 20px;
    margin-top: 80px;
    padding-top: 80px;
    position: relative;
    padding-left: 5px;
}
.supportservice_box_2212 .ss_wrap_2212 .bottom_contents_2212:before {
    content: '';
    display: block; 
    width: 573px;
    height: 60px;
    background: url(/images/img_supportservice_221219/img_deco2.png);
    position: absolute;
    left: 30px;
    top: -20px;
}

.supportservice_box_2212 .ss_wrap_2212 .bottom_contents_2212 .support_bottomlist_2212 {
    float: left;
    font-size: 20px;
    width: 200px;
    height: 234px;
}

.supportservice_box_2212 .ss_wrap_2212 .bottom_contents_2212 li+li {
    position: relative;
}
.supportservice_box_2212 .ss_wrap_2212 .bottom_contents_2212 li+li:before {
    content: '';
    display: block;
    width: 1px;
    height: 234px;
    background: #e7e7e7;
    position: absolute;
    left: 0; 
    top: 0;
}

.supportservice_box_2212 .ss_wrap_2212 .bottom_contents_2212 .support_bottomlist_2212 img {
    margin-top: 20px;
}

/* bottom_contents_2212 mouseenter 동작 */
.supportservice_box_2212 .ss_wrap_2212 .bottom_contents_2212 .support_bottomlist_2212.bottomlist_on .supportlist_tit {
    color: #dd7e7e;
}
.supportservice_box_2212 .ss_wrap_2212 .bottom_contents_2212 .support_bottomlist_2212:nth-child(2).bottomlist_on .supportlist_tit {
    color: #dacd48;
}
.supportservice_box_2212 .ss_wrap_2212 .bottom_contents_2212 .support_bottomlist_2212:nth-child(3).bottomlist_on .supportlist_tit {
    color: #97ce76;
}
.supportservice_box_2212 .ss_wrap_2212 .bottom_contents_2212 .support_bottomlist_2212:nth-child(4).bottomlist_on .supportlist_tit {
    color: #7595da;
}
.supportservice_box_2212 .ss_wrap_2212 .bottom_contents_2212 .support_bottomlist_2212:nth-child(5).bottomlist_on .supportlist_tit {
    color: #a972db;
}