/* content3 서비스 및 공지사항 영역 */
.main_sendio {display: block; max-width: 1200px;margin: auto;}
.main_sendio .inner{display: flex;justify-content: space-between;padding: 80px 0; box-sizing: border-box}
.main_sendio .inner>div {width: 100%;max-width: 440px; /*height: 343px;*/ flex-basis: calc(100%/3 - 26px);}
.main_sendio .title {margin-bottom: 20px; font-size: 26px;font-weight: 600;display: inline-block;}
.main_sendio .plus_btn { float: right; transition: transform 0.5s ease-in-out;background-image: url(/publish/images/plus.png);background-repeat: no-repeat; width:23px;height: 23px;}
.main_sendio .plus_btn:hover {transform: rotate(180deg);transition: transform 0.5s ease-in-out;background-image: url(/publish/images/plus2.png);}
.main_sendio .main_service ul {display: flex;flex-flow: wrap;justify-content: space-between;height: 300px;color: #222;}
.main_sendio .main_service ul li {height: 145px;border: 1px solid #739be5;border-radius: 10px;width: calc(100%/3 - 8px);margin-bottom: 10px;text-align: center;display: table;box-sizing: border-box;transition: all 0.3s ease-in-out;position: relative;}
.main_sendio .main_service ul li:hover {background-color: #739be5;box-shadow: 3px 3px 10px 4px rgba(0,0,0,0.15);border:1px solid #739be5;transition: all 0.2s ease-in-out;transform: translateY(-5%);}
.main_sendio .main_service ul li:hover i {background-color: #739be5;transition: all 0.2s ease-in-out;}
.main_sendio .main_service ul li:hover i {background-color: #739be5;}
.main_sendio .main_service ul li:hover span {font-weight: 500;}
.main_sendio .main_service ul li a {width: 100%;height: 100%;display: table-cell;vertical-align: middle;}
.main_sendio .main_service ul li i {background-color: #eee; width: 75px;height: 75px;border-radius: 50%;margin-bottom: 10px; position: relative;transition: all 0.2s ease-in-out;}
.main_sendio .main_service ul li i::after {content: ""; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.main_sendio .main_service ul li:nth-child(1) i::after{background-image: url(/images/sendio/icon_company.png);width: 58px;height: 44px;}
.main_sendio .main_service ul li:nth-child(2) i::after{background-image: url(/images/sendio/icon_sms.png);width: 36px;height: 46px;}
.main_sendio .main_service ul li:nth-child(3) i::after{background-image: url(/images/sendio/icon_kakao.png);width: 40px;height: 44px;}
.main_sendio .main_service ul li:nth-child(4) i::after{background-image: url(/images/sendio/icon_address.png);width: 42px;height: 48px;}
.main_sendio .main_service ul li:nth-child(5) i::after{background-image: url(/images/sendio/icon_qna.png);width: 40px;height: 46px;}
.main_sendio .main_service ul li:nth-child(6) i::after{background-image: url(/images/sendio/icon_pay.png);width: 47px;height: 34px;}
.main_sendio .main_service ul li span {display: block;}
.main_sendio .main_notice ul {border: 1px solid #739be5;height: 300px;padding-top:1px;padding-bottom:1px;border-radius: 10px;box-sizing: border-box;}
.main_sendio .main_notice ul li {padding: 12px 0; margin: 0 30px; border-bottom: 1px solid #739be5; position: relative;z-index: 1;}
.main_sendio .main_notice ul li:last-child {border:0 none;}
.main_sendio .main_notice ul li::after {content: "";position: absolute;top: -1px;left: 50%;transform: translateX(-50%); z-index: -1;transition: all 0.1s ease-in-out;opacity: 0;cursor: pointer;}
.main_sendio .main_notice ul li:hover::after {border:2px solid #739be5;background-color: #fff;width: calc(100% + 30px);height: 41px;box-shadow: 3px 3px 10px 4px rgba(0,0,0,0.15);;transition: all 0.1s ease-in-out;opacity: 1;}
.main_sendio .main_notice ul li a {font-weight: 500;}
.main_sendio .main_notice ul li:hover::before {background-image: url(/images/sendio/notice_arrow.png);content: "";right: 0;top: 50%;transform: translateY(-50%); width: 9px; height: 14px;z-index: 1;position: absolute;}
.main_sendio .main_notice ul li a {color: #555;font-weight: 400;width: 90%;text-overflow: ellipsis;overflow: hidden;display: -webkit-inline-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 16px;}
.main_sendio .service_center .tablet {height: 300px;color: #222;font-weight: 300;}
.main_sendio .service_center .tablet>div {padding: 15px;}
.main_sendio .service_center .tablet .service_center_title {position: relative;padding-left: 126px;}
.main_sendio .service_center .tablet .service_center_title::after {position: absolute;content: "";background-image: url(/images/sendio/icon_custom.png);width: 90px;height: 90px;top: 11px;left: 12px;}
.main_sendio .service_center .tablet .service_center_title p {font-size: 28px;font-weight: 700; color: #23428b;padding-bottom: 10px; letter-spacing: -1px;line-height:35px;}
.main_sendio .service_center .tablet .service_center_title span {font-size: 17px;font-weight: 300; }
.main_sendio .service_center .tablet .serive_info {height: 71px;margin: 15px 0;}
.main_sendio .service_center .tablet .serive_info p{line-height: 1.5;padding: 13px 18px;font-size: 16px; font-weight: 400;}
.main_sendio .service_center .tablet .serive_btn {text-align: center;display: flex;height: 47px;}
.main_sendio .service_center .tablet .serive_btn li {display: inline-block;width: calc(100% - 2px /3);border: 1px solid #d5d5d5;margin-left: -1px; box-sizing: border-box;}
.main_sendio .service_center .tablet .serive_btn li a,
.main_sendio .service_center .tablet .serive_btn li button {position:relative;font-size: 17px; font-weight:400; width: 100%; height: 100%;line-height:44px;box-sizing:border-box;}
.main_sendio .service_center .tablet .serive_btn li a:before,
.main_sendio .service_center .tablet .serive_btn li button:before {content:'';display:inline-block;width:20px;height:45px;margin:0 5px 0 0;vertical-align:top;background:url(/images/sendio/icon_main_cscenter01.png) no-repeat left top;}
.main_sendio .service_center .tablet .serive_btn li.remote a:before {width:21px;background-image:url(/images/sendio/icon_main_cscenter03.png);}
.main_sendio .service_center .tablet .serive_btn li.qnabtn a:before {width:23px;background-image:url(/images/sendio/icon_main_cscenter02.png);}
.main_sendio .service_center .tablet .serive_btn li:first-child {border-radius: 8px 0 0 8px;}
.main_sendio .service_center .tablet .serive_btn li:last-child {border-radius: 0 8px 8px 0;}
.main_sendio .service_center .tablet .serive_btn li:hover {font-weight: 500;}
.main_sendio .service_center .tablet .serive_btn li:hover a::after,
.main_sendio .service_center .tablet .serive_btn li:hover button::after {content:'';position:absolute;left:-1px;top:-2px;width:100%;height:100%;border: 2px solid #fbc72b;box-shadow: 3px 3px 10px 4px rgba(0,0,0,0.15);z-index: 1;}
.main_sendio .service_center .tablet .serive_btn li:first-child:hover a::after,
.main_sendio .service_center .tablet .serive_btn li:first-child:hover button::after {border-radius: 8px 0 0 8px;}
.main_sendio .service_center .tablet .serive_btn li:last-child:hover a::after,
.main_sendio .service_center .tablet .serive_btn li:last-child:hover button::after {border-radius: 0 8px 8px 0;}