@charset "utf-8";


/* 2022/09/27 */
/* 메인 슬라이더 시작*/
	.main_slider {
	    width: 100%;
	    height: 380px;
	    position: relative;
	    margin-top: 120px;
	    transition: all 0.5s;
	    overflow: hidden;
	}
	 
	.main_slider>ul>li {
	    width: 100%;
	    height: 380px;
	    outline: none;
	}
	
	.main_slider .slider_wrap {
	    height: 380px;
	    position: relative;
	    width: 1200px;
	    margin: 0 auto;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	
	.main_visual_01 {
	    color: #fff;
	    width: 50%;
	}
	
	.main_visual_01 li:nth-of-type(1) {
	    font-family: 'S-CoreDream-3Light';
	    font-size: 20px;
	    margin-bottom: 10px;
	    letter-spacing: -1px;
	}
	
	.main_visual_01 li:nth-of-type(2) {
	    font-family: 'S-CoreDream-5Medium';
	    font-size: 36px;
	    line-height: 30px;
	    margin-bottom: 40px;
	    letter-spacing: -1px;
	}
	
	.main_visual_01 li:nth-of-type(3) {
	    font-family: 'S-CoreDream-3Light';
	    font-size: 16px;
	    margin-bottom: 40px;
	}
	
	.vi_text_checonttents>div {
	    margin-bottom: 5px;
	}
	
	.vi_text_chek01::before {
	    content: "\f058";
	    font-family: "Font Awesome 5 Free";
	    font-weight: 500;
	    margin-right: 5px;
	    color: #ffee00;
	}
	
	.vi_text_chek02::before {
	    content: "\f14a";
	    font-family: "Font Awesome 5 Free";
	    font-weight: 500;
	    margin-right: 5px;
	    color: #ffee00;
	}
	
	.vi_text_chek03::before {
	    content: "\f0c7";
	    font-family: "Font Awesome 5 Free";
	    font-weight: 500;
	    margin-right: 5px;
	    color: #ffee00;
	}
	
	.vi_text_chek04.vichek01::before {
	    content: "\f021";
	    font-family: "Font Awesome 5 Free";
	    font-weight: 600;
	    margin-right: 5px;
	    color: #ffee00;
	}
	
	.vi_text_chek04.vichek02::before {
	    content: "\f095";
	    font-family: "Font Awesome 5 Free";
	    font-weight: 600;
	    margin-right: 5px;
	    color: #ffee00;
	}
	
	.vi_text_chek04.vichek03::before {
	    content: "\f4fe";
	    font-family: "Font Awesome 5 Free";
	    font-weight: 600;
	    margin-right: 5px;
	    color: #ffee00;
	}
	
	.main_visual_01 li:nth-of-type(4) a {
	    font-size: 16px;
	    font-weight: 300;
	    color: #fff;
	    border: 1px solid #fff;
	    padding: 6px 20px;
	    border-radius: 20px;
	}
	
	.main_visual_01 li:nth-of-type(4) a:hover {
	    background-color: #fff;
	    color: #3c557c;
	    font-weight: 400;
	    transition: all 0.2s ease-in;
	}
	
	/* 메인 슬라이더 이미지 시작 */
	.main_visual_02 {
	    height: 380px;
	    width: 50%;
	    background-position: center;
	}
	
	.main_visualcont01 {
	    background: url(../../../images/web/renewal_img/jd-main-1.png?2.003) no-repeat;
	}
	
	.main_visualcont02 {
	    background: url(../../../images/web/renewal_img/jd-main-2.png?2.003) no-repeat;
	}
	
	.main_visualcont03 {
	    background: url(../../../images/web/renewal_img/jd-main-3.png?2.003) no-repeat;
	}
	
	.main_visualcont04 {
	    background: url(../../../images/web/renewal_img/jd-main-4.png?2.003) no-repeat;
	}
	/* 메인 슬라이더 이미지 종료 */
	
	/* 메인 슬라이더 bx-pager*/
	.bx-pager {
	    position: absolute;
	    left: calc(50% + 500px);
	    bottom: 10px;
	}
	
	.bx-prev {
	    background: url(../../../images/web/arrow_prev.png?2.003) no-repeat;
	    text-indent: -99999px;
	    width: 30px;
	    height: 58px;
	    display: block;
	    position: absolute;
	    left: calc(50% - 700px);
	    top: 160px;
	    opacity: 0.5;
	}
	
	.bx-next {
	    background: url(../../../images/web/arrow_next.png?2.003) no-repeat;
	    text-indent: -99999px;
	    width: 30px;
	    height: 58px;
	    display: block;
	    position: absolute;
	    right: calc(50% - 700px);
	    top: 160px;
	    opacity: 0.5;
	}
	
	.bx-controls-direction a:hover {
	    opacity: 1;
	    transition: all 0.3s ease;
	}
	/* 메인 슬라이더 bx-pager 종료 */
	/* 메인 이미지 종료 */
	/* 2022/09/27 */
	
	
	/* 2022/07/25 */
	/* 메인 컨텐츠 1 */
	.main_section-cont {
	    margin: 50px 0;
	}
	
	.tech_cont {
	    max-width: 1200px;
	    margin: 0 auto;
	}
	
	.tech_cont>p {
	    font-size: 30px;
	    font-family: 'S-CoreDream-7ExtraBold';
	    color: #000;
	    text-align: center;
	}
	
	.tech_cont>p>span {
	    font-family: 'S-CoreDream-4Regular';
	}
	
	.tech_contents,
	.reason_contents {
	    margin: 40px 0;
	}
	
	.tech_contents ul {
	    display: flex;
	    justify-content: space-between;
	    box-sizing: border-box;
	}
	
	.tech_contents ul li {
	    text-align: center;
	    width: 20%;
	    border: 1px solid #cfcfcf;
	    border-radius: 10px;
	    padding: 20px;
	}
	
	.tech_contents ul li:hover {
		-webkit-box-shadow: 0 0 15px rgb(0 0 0 / 20%) !important;
		-moz-box-shadow: 0 0 15px rgb(0 0 0 / 20%);
		-o-box-shadow: 0 0 15px rgb(0 0 0 / 20%);
		box-shadow: 1px 1px 10px #ccc;
	    border: 1px solid transparent;
	    transition: all 0.2s ease-in;
	}
	
	.tech_contents ul li:hover .tech_text_c02 {
	    background: #5f7ea3;
	    transition: all 0.2s ease-in;
	    background-size: 60%;
	    background-repeat: no-repeat;
	    background-position: center;
	}
	
	.tech_contents ul li:hover .tech_bgimg_01 {
	    background-image: url(../../../images/web/renewal_img/special01_wh.png?2.003);
	}
	
	.tech_contents ul li:hover .tech_bgimg_02 {
	    background-image: url(../../../images/web/renewal_img/special02_wh.png?2.003);
	}
	
	.tech_contents ul li:hover .tech_bgimg_03 {
	    background-image: url(../../../images/web/renewal_img/special03_wh.png?2.003);
	}
	
	.tech_contents ul li:hover .tech_bgimg_04 {
	    background-image: url(../../../images/web/renewal_img/special04_wh.png?2.003);
	}
	
	.tech_contents ul li .tech_text_c01 {
	    text-align: left;
	    font-size: 16px;
	    font-family: 'S-CoreDream-4Regular';
	    line-height: 24px;
	    letter-spacing: -0.25px;
	    margin-bottom: 20px;
	}
	
	.tech_contents ul li .tech_text_c02 {
	    border-radius: 50%;
	    background-color: #eff2f6;
	    background-size: 60%;
	    background-repeat: no-repeat;
	    background-position: center;
	    width: 120px;
	    height: 120px;
	    margin: 0 auto;
	    margin-bottom: 20px;
	}
	
	.tech_text_c02.tech_bgimg_01 {
	    background-image: url(../../../images/web/renewal_img/special01.png?2.003);
	}
	
	.tech_text_c02.tech_bgimg_02 {
	    background-image: url(../../../images/web/renewal_img/special02.png?2.003);
	}
	
	.tech_text_c02.tech_bgimg_03 {
	    background-image: url(../../../images/web/renewal_img/special03.png?2.003);
	}
	
	.tech_text_c02.tech_bgimg_04 {
	    background-image: url(../../../images/web/renewal_img/special04.png?2.003);
	}
	
	.tech_contents ul li .tech_text_c03 {
	    font-size: 20px;
	    color: #005e7f;
	    font-weight: 600;
	    letter-spacing: -0.25px;
	    margin-bottom: 16px;
	    line-height: 22px;
	}
	
	.tech_contents ul li .tech_text_c04 {
	    position: relative;
	    display: inline-block;
	    font-size: 14px;
	    color: #818181;
	}
	
	.tech_contents ul li .tech_text_c04::after {
	    content: '';
	    width: 7px;
	    height: 7px;
	    position: absolute;
	    right: -13px;
	    top: 5px;
	    border-right: 1px solid #aaa;
	    border-bottom: 1px solid #aaa;
	    transform: rotate(-45deg);
	}
	
	.tech_contents ul li:hover .tech_text_c04::after {
	    right: -23px;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
	}
	/* 메인 컨텐츠 1 종료 */
	
	
	
	/* One Shot 주요 서비스 */
	.reason_contents ul {
	    display: flex;
	    justify-content: space-between;
	    box-sizing: border-box;
	}
	
	.reason_contents ul li {
	    width: 20%;
	    background-color: #eff2f6;
	    border-radius: 10px;
	    padding: 20px;
	    display: flex;
	    justify-content: space-between;
	    align-items: flex-end;
	    border: 1px solid transparent;
	}
	
	.reason_contents ul li:hover {
	    border: 1px solid #005e7f;
	    transition: all 0.2s ease-in;
	    background-color: #fff;
	}
	
	.reason_contents ul li:hover .reason_text_c01_main {
	    color: #005e7f;
	}
	
	.reason_text_c01_main {
	    font-size: 18px;
	    font-weight: 600;
	    line-height: 26px;
	    letter-spacing: -1px;
	    margin-bottom: 20px;
	    color: #505050;
	}
	
	.reason_text_c01_sub {
	    font-size: 15px;
	    font-weight: 400;
	    line-height: 22px;
	    letter-spacing: -0.25px;
	    color: #505050;
	}
	
	.reason_text_c02 {
	    background-size: 100%;
	    background-repeat: no-repeat;
	    background-position: center;
	    width: 70px;
	    height: 70px;
	}
	
	.reason_bgimg_01 {
	    background-image: url(../../../images/web/renewal_img/reason01.png?2.003);
	}
	
	.reason_bgimg_02 {
	    background-image: url(../../../images/web/renewal_img/reason02.png?2.003);
	}
	
	.reason_bgimg_03 {
	    background-image: url(../../../images/web/renewal_img/reason03.png?2.003);
	}
	
	.reason_bgimg_04 {
	    background-image: url(../../../images/web/renewal_img/reason04.png?2.003);
	}
	
	/* One Shot 주요 서비스 종료 */
	
	
	.middle_wrap {
	    background: #f5f5f5;
	    margin-top: 50px;
	    padding: 50px 0;
	}
	
	.middle_wrap > div {
	    margin: 0 auto;
	    max-width: 1200px;
	    padding: 0 10px;
	}
	
	.middle_wrap .check_wrap {
	    display: inline-block;
	    width: calc(60% - 30px);
	    box-sizing: border-box;
	}
	
	.middle_wrap .check_wrap .check {
	    background: #fff;
	    border-radius: 15px;
	    padding: 30px;
	    height: 240px;
	    text-align: center;
	}
	
	.service_tit {
	    font-size: 28px;
	    font-family: 'S-CoreDream-6Bold';
	    display: inline-block;
	    position: relative;
	    text-align: center;
	    margin-bottom: 7px;
	    word-break: keep-all;
	}
	
	.check .check_list {
	    overflow: hidden;
	}
	
	.check .check_list li {
	    float: left;
	    width: 33%;
	    margin-left: 0.5%;
	}
	
	.check .check_list li:first-child {
	    margin-left: 0;
	}
	
	.check .check_list li>span {
	    padding: 15px 32px;
	    display: inline-block;
	    /* background: #302e41; */
	    color: #fff;
	    border-radius: 10px;
	    font-size: 14px;
	    vertical-align: middle;
	    margin-top: 18px;
	    font-family: 'S-CoreDream-5Medium';
	    background: #5f7ea3;
	}
	
	.check .check_list li>p {
	    margin-top: 10px;
	    word-break: keep-all;
	}
	
	.sub-icon {
	    width: 50px;
	    height: 50px;
	    margin: 0 auto;
	    display: flex;
	}
	
	.sub-icon-img1 {
	    background: url(../../../images/web/renewal_img/check01.png?2.003) no-repeat;
	    background-size: cover;
	}
	
	.sub-icon-img2 {
	    background: url(../../../images/web/renewal_img/check02.png?2.003) no-repeat;
	    background-size: cover;
	}
	
	.sub-icon-img3 {
	    background: url(../../../images/web/renewal_img/check03.png?2.003) no-repeat;
	    background-size: cover;
	}
	
	
	.middle_wrap .check_wrap .notice {
	    margin-top: 30px;
	    position: relative;
	}
	
	.notice_wrap {
	    margin-top: 30px;
	}
	
	.notice_plus {
	    font-size: 20px;
	    position: absolute;
	    right: 30px;
	    top: 50px;
	}
	
	.notice_plus a {
	    font-size: 16px;
	    color: #191919;
	}
	
	.notice_text {
	    font-size: 18px;
	    margin: 15px 0;
	}
	
	.notice_text .notice_tit {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width: calc(100% - 110px);
	    text-align: left;
	    display: inline-block;
	    cursor: pointer;
	}
	
	.notice_text .notice_date {
	    width: 110px;
	    text-align: right;
	}
	
	
	.main_event {
	    width: calc(40% - 5px) !important;
	    height: 630px;
	    display: inline-block;
	    box-sizing: border-box;
	    background: #fff;
	    padding: 30px;
	    text-align: center;
	    border-radius: 15px;
	    margin-left: 30px;
	    position: relative;
	}
	
	.event_slide {
	    margin-top: 30px;
	}
	
	.event_slide ul {
	    display: block;
	}
	
	.event_slide ul li {
	    margin-left: 0;
	}
	
	.event_slide ul li>div {
	    border-radius: 20px;
	    background: #f4f4f4;
	    width: 100%;
	    height: auto;
	    max-height: 495px;
	    overflow: hidden;
	    margin: 0 auto;
	}
	
	.event_slide ul li>div img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    object-position: top;
	    cursor: pointer;
	}
	
	.main_event .notice .service_tit>span {
	    width: 220px;
	}
	
	.event_slide .bx-pager {
	    left: 50%;
	    transform: translate(-50%);
	    bottom: 40px;
	}
	
	.event_slide .bx-wrapper .bx-pager-item {
	    float: left;
	}
	
	.event_slide .bx-wrapper .bx-pager.bx-default-pager a {
	    width: 20px;
	    height: 20px;
	    margin: 0 5px;
	    border-radius: 20px;
	    text-indent: -9999px;
	    background: #444;
	    display: block;
	}
	
	.event_slide .bx-wrapper .bx-pager.bx-default-pager a.active {
	    background: #fff;
	}

/* 리뉴얼 종료 *//* 2022/07/25 */



/* rcs 서비스 안내 */ 
/* 2022-07-06 RJH */

    /* rcs 서비스 상단이미지 시작 */
    .rcs_service_main {
        background: url(../../../images/web/rcs/rcs_main.jpg?2.003)no-repeat center;
        background-size: cover;
        height: 260px;
        padding: 40px;
        box-sizing: border-box;
    }

    .rcs_service_main > h2 {
        color: #fff;
        font-size: 46px;
        font-family: 'S-CoreDream-2ExtraLight';
        letter-spacing: 4px;
        font-weight: inherit;
    }

    .rcs_service_main > h2 > span {
        font-family: 'S-CoreDream-7ExtraBold';
        letter-spacing: 10px;
    }

    .rcs_service_main > p {
        color: rgb(221, 221, 221);
        font-size: 22px;
        font-family: 'S-CoreDream-2ExtraLight';
        margin-top: 10px;
    }
    /* rcs 서비스 상단이미지 종료 */


    /* 브랜드홈 시작 */
    .rcs_service_warp {
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 120px !important;
        text-align: center;
    }

    .rcs_service_warp > h2 {
        font-size: 46px;
        font-family: 'S-CoreDream-7ExtraBold';
    }

    .rcs_service_warp > h2 > span {
        font-family: 'S-CoreDream-3Light';
        font-size: 30px;
        line-height: 60px;
    }

    .rcs_titleclass {
        position: relative;
    }

    .rcs_titleclass::before {
        display: inline-block;
        content: "";
        width: 50px;
        height: 2px;
        position: relative;
        top: 10px;
        background-color: #000000;
    }

    .rcs_service_warp > p {
        font-size: 20px;
        font-family: 'S-CoreDream-4Regular';
        margin-top: 30px;
        color: #4b4b4b;
    }

    .rcs_service_warp .rc_ser_cont {
        margin-top: 60px;
    }

    .rc_ser_phone {
        display: flex;
        justify-content: space-between;
    }

    .rc_cont_bgphone {
        background: url(../../../images/web/rcs/rcs_phone.png?2.003)no-repeat;
        background-size: contain;
        width: 550px;
        height: 587px;
    }

    .rc_cont_bgtext {
        width: 49%;
        box-sizing: border-box;
    }

    .rc_cont_bgtext > ul {
        display: flex;
        text-align: left;
        flex-direction: column;
        justify-content: space-around;
        height: 100%;
        padding: 80px 0 0 0;
        box-sizing: border-box;
    }

    .rc_cont_bgtext ul li {
        font-size: 18px;
    }

    .bgtext_li .bgtext_li_title {
        font-size: 20px;
        font-family: 'S-CoreDream-6Bold';
        margin-bottom: 10px;
        position: relative;
        padding-left: 10px;
    }

    .bgtext_li .bgtext_li_title::before {
        content: '';
        padding-right: 4px;
        height: 18px;
        background: #e20001;
        position: absolute;
        bottom: 5px;
        left: 0;
    }

    .bgtext_li_chart > ul {
        display: flex;
        text-align: center;
        margin-bottom: 2px;
    }

    .bgtext_li_chart .chart_title {
        background: #cfd5ea;
        width: 13%;
        font-size: 13px;
        padding: 14px 0;
        font-family: 'S-CoreDream-6Bold';
    }

    .bgtext_li_chart .chart_sub {
        background: #e9ebf5;
        width: 37%;
        font-size: 13px;
        padding: 14px 0;
    }

    .chart_sub_counts {
        margin-right: 2px;
    }
    /* 브랜드홈 종료 */



    /* RCS 템플릿 시작*/
    .rc_temple_cont > ul {
        display: flex;
        justify-content: space-between;
    }

    .rc_temple_cont .rc_temple_li {
        width: 31%;
        background-color: #f5f5f5;
        overflow: hidden;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .rc_temple_cont .rc_temple_li .rc_temple_title {
        font-size: 20px;
        font-family: 'S-CoreDream-4Regular';
        padding: 20px 0;
        background-color: #3b7cf2;
        color: #fff;
    }

    .rc_temple_cont .rc_temple_li .rc_temple_sub {
        font-size: 16px;
        font-family: 'S-CoreDream-4Regular';
        padding: 20px 40px 10px 40px;
        text-align: left;
        height: 20%;
    }

    .rc_temple_bgimg {
        height: 320px;
        box-sizing: border-box;
        margin: 10px 20px 0 20px;
    }

    .rc_temple_bgimg01 {
        background: url(../../../images/web/rcs/rcs_temple01.png?2.003)no-repeat;
        background-size: cover;
    }

    .rc_temple_bgimg02 {
        background: url(../../../images/web/rcs/rcs_temple02.png?2.003)no-repeat;
        background-size: cover;
    }

    .rc_temple_bgimg03 {
        background: url(../../../images/web/rcs/rcs_temple03.png?2.003)no-repeat;
        background-size: cover;
    }
    /* RCS 템플릿 종료 */


    /* RCS 요금안내 시작*/
    .rc_price_cont > ul {
        display: flex;
        justify-content: space-between;
    }

    .rc_price_li {
        width: 20%;
        margin-right: 20px;
    }

    .rc_price_lidir {
        width: 40%;
        margin-right: 0;
    }

    .rc_price_li .rc_price_title {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .rc_price_li .rc_price_title ul {
        box-sizing: border-box;
        padding: 5px;
    }

    .rc_price_title .price_title_fr1 {
        height: 50px;
        background-color: #3b7cf2;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }

    .price_title_fr1 div:nth-of-type(1) {
        font-size: 20px;
        font-family: 'S-CoreDream-6Bold';
    }

    .price_title_fr1 div:nth-of-type(2) {
        font-size: 14px;
        color: #ddd;
    }

    .rc_price_title li:nth-of-type(2) {
        background: #e9ebf5;
        padding: 14px 0;
        font-size: 16px;
    }

    .rc_price_bgimg {
        height: 300px;
        box-sizing: border-box;
    }

    .price_bgimg01 {
        background: url(../../../images/web/rcs/rcs_price01.png?2.003)no-repeat;
        background-size: contain;
        background-position: center;
    }

    .price_bgimg02 {
        background: url(../../../images/web/rcs/rcs_price02.png?2.003)no-repeat;
        background-size: contain;
        background-position: center;
    }

    .price_bgimg03 {
        background: url(../../../images/web/rcs/rcs_price03.png?2.003)no-repeat;
        background-size: contain;
        background-position: center;
    }

    .price_bgimg04 {
        background: url(../../../images/web/rcs/rcs_price04.png?2.003)no-repeat;
        background-size: contain;
        background-position: center;
    }
    /* RCS 요금안내 종료 */



    /* RCS 서비스 특징 시작*/
    .rcs_charact_maincont {
        margin-bottom: 50px;
    }

    .rcs_charact_maincont ul {
        display: flex;
        justify-content: space-between;
    }

    .rcs_charact_maincont ul li {
        background-color: #f5f5f5;
        margin-right: 20px;
        padding: 40px;
        width: 30%;
        border-radius: 30px;
        border: 1px solid #ebebeb;
    }

    .rcs_charact_maincont ul li:last-child {
        margin-right: 0;
    }

    .rcs_charact_maincont .charact_main_bgimg {
        height: 160px;
        width: 160px;
        box-sizing: border-box;
        border-radius: 50%;
        margin: 0 auto;
    }

    .charact_main_bgimg.chr_bgimg01 {
        background: url(../../../images/web/rcs/charset01.png?2.003)no-repeat center;
        background-size: contain;
        background-color: #ddd;
    }

    .charact_main_bgimg.chr_bgimg02 {
        background: url(../../../images/web/rcs/charset02.png?2.003)no-repeat center;
        background-size: contain;
        background-color: #ddd;
    }

    .charact_main_bgimg.chr_bgimg03 {
        background: url(../../../images/web/rcs/charset03.png?2.003)no-repeat center;
        background-size: contain;
        background-color: #ddd;
    }

    .rcs_charact_maincont .charact_main_title {
        font-size: 20px;
        font-family: 'S-CoreDream-6Bold';
        color: #2958ac;
        letter-spacing: -0.9px;
        margin: 30px 0 10px 0;
    }

    .rcs_charact_maincont .charact_main_sub {
        font-size: 16px;
        letter-spacing: -0.9px;
    }

    .rcs_charact_cell ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
    }

    .rcs_charact_cell ul li {
        margin-right: 3px;
        padding: 10px;
        line-height: 30px;
    }

    .rcs_charact_cell ul li:nth-of-type(1) {
        width: 20%;
    }

    .rcs_charact_cell ul li:nth-of-type(2) {
        width: 30%;
    }

    .rcs_charact_cell ul li:nth-of-type(3) {
        width: 50%;
        margin-right: 0;
    }

    .charact_cell_title > li {
        background-color: #3b7cf2;
        color: #fff;
        font-size: 18px;
        font-family: 'S-CoreDream-6Bold';
        margin-bottom: 5px;
    }

    .charact_cell_sub01 > li {
        background-color: #cfd5ea;
        margin-bottom: 3px;
    }

    .charact_cell_sub02 > li {
        background-color: #e9ebf5;
        margin-bottom: 3px;
    }

    .rcs_charact_ios {
        font-size: 16px;
        color: #444;
        margin-top: 30px;
    }
    /* RCS 서비스 특징 종료*/


    /* RCS 비즈메시지 이용절차 시작 */
    .rcs_join_cont .rcs_join_use ul {
        display: flex;
        justify-content: space-between;
        transition: 0.5s;
        overflow: hidden;
    }

    .rcs_join_cont .rcs_join_use ul:first-child {
        margin-bottom: 40px;
    }

    .rcs_join_use ul li {
        width: 48%;
        transition: all 0.5s;
        font-size: 16px;
        position: relative;
        height: 160px;
        margin-top: 100px;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 1px solid #ebebeb;
        background: #f5f5f5;
    }

    .join_use_title01 {
        width: 140px;
        height: 140px;
        background-color: #3173d9;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        top: -100px;
        left: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        font-family: 'S-CoreDream-6Bold';
        box-shadow: 1px 2px 6px #a8a8a8;
    }

    .join_use_title02 {
        font-size: 20px;
    }

    .join_use_title02.use_title02_margin {
        margin-bottom: 10px;
    }


    .join_use_title01 > span {
        margin-top: 20px;
        font-size: 15px;
        font-family: 'S-CoreDream-3Light';
        color: #fff;
        position: relative;
    }

    .join_use_title01 > span::before {
        content: '';
        position: absolute;
        background-color: #fff;
        width: 30%;
        height: 1px;
        top: -10px;
        left: 50%;
        margin-bottom: 5px;
        transform: translate(-50%, -50%);
    }

    .join_use_title03 a {
        position: relative;
        background: #444;
        color: #fff;
        padding: 5px 40px 5px 20px;
        border-radius: 5px;
        font-size: 16px;
        display: inline-block;
    }

    .join_use_title03 a::after {
        content: '';
        width: 8px;
        height: 8px;
        position: absolute;
        right: 22px;
        top: 12px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        transform: rotate(-45deg);
        transition: 0.5s;
    }

    .join_use_title03 a:hover {
        background: #3173d9;
        transition: all 0.2s ease;
    }
    /* RCS 비즈메시지 이용절차 종료 */
    
	/* rcs 서비스 안내 종료*/


	/* RCS PC 관리 시작 */
	
	#rcsSend .message_box_second {
		padding:20px 20px 40px 20px !important;
	}
	
	.message_box_rcsfirst {
	    display: flex;
	    justify-content: flex-end;
	    padding: 0 20px;
	}
	
	.rcs_newtab {
		padding: 0px 20px;
	}
	
	.rcs_guide_btn {
	    background: #444;
	    text-align: center;
	    cursor: pointer;
	    padding: 0px 20px;
	    border-radius: 5px;
	    font-size: 16px;
	    height: 30px;
	    line-height: 30px;
	}
	
	.rcs_guide_btn::before {
	    content: "\f02d";
	    font-family: "Font Awesome 5 Free";
	    font-weight: 600;
	    margin-right: 5px;
	    color: #fff;
	}
	
	.rcs_guide_btn a {
	    color: #fff;
	}
	
	.rcs_btn_plus > button {
	    height: 30px;
	    vertical-align: middle;
	    font-size: 16px;
	    margin-right: 10px;
	}
	
	.mms_temp_btn {
		font-size: 0;
	}
	
	.mms_temp_btn > span {
		display: inline-block;
	}
	
	.mms_temp_btn > span > button {
		border: 1px solid #ddd;
    	height: 32px;
    	box-sizing: border-box;
    	width: 100%;
	}
	
	.mms_temp_btn > span.photo_size {
		width: calc(85% - 10px);
    	margin-right: 10px;
	}
	
	.mms_temp_btn > span.mmstemp_btn {
		width: 15%;
	}	
	
	/* RCS 버튼추가 */
	
	.rcs_btn_popup {
	    width: 860px;
	}
	
	.rcs_btn_chuga {
	    display: flex;
	    flex-direction: row-reverse;
        margin-top: 20px;
	}
	
	.rcs_btn_chuga button {
	    padding: 2px 10px;
	    height: 30px;
	    background: #5f7ea3;
	    color: #fff;
	    text-align: center;
	}
	
	.rcs_contents {
		overflow-x: auto;
		overflow-y: hidden;
	}
	
	
	.rcs_button_text {
	    margin: 10px 0;
	    border-top: 1px solid #444;
	    border-bottom: 1px solid #dbdbdb;
	    background: #f5f5f5;
	    
	}
	
	.rcs_button_text ul {
	    display: flex;
	    justify-content: space-between;
	    text-align: center;
	    height: 50px;
	    align-items: center;
	}
	
	.rcs_button_all ul li {
	    margin: 0 5px;
	    position: relative;
	    text-align: center;
	}
	
	.rcs_btntitle_01 {
	    width: 10%;
	}
	
	.rcs_btntitle_02 {
	    width: 20%;
	}
	
	.rcs_btntitle_03 {
	    width: 20%;
	}
	
	.rcs_btntitle_04 {
	    width: 45%;
	}
	
	.rcs_btntitle_05 {
	    width: 5%;
	}
	
	.rcs_button_btn ul {
	    display: flex;
	    justify-content: space-between;
	    align-items: baseline;
	    margin: 10px 0;
	}
	
	.rcs_inputbox > input {
	    border: 1px solid #ddd;
	    width: 100%;
	    padding: 0 10px;
	    height: 34px;
	    vertical-align: middle;
	    box-sizing: border-box;
	    background: #fff;
	    border-radius: 8px;
	}

	.rcs_chuga_inbox {
	    margin-bottom: 8px;
	}
	
	.rcs_btn_cells {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	
	.btn_cells01 {
	    width: 49%;
	}
	
	.btn_cells02 {
	    width: 49%;
	}
	
	.btn_cells03 {
	    width: 100%;
	}
	
	.btn_cells04 {
	    width: 100%;
	}	
	
	.rcs_btntitle_05 > button {
	        padding: 2px 10px;
	        height: 34px;
	        background: #444;
	        color: #fff;
	        text-align: center;
	        border-radius: 8px;
	        font-size: 12px;
	}
	
	.rcs_btntitle_02 select {
	        font: 14px 'NEXON Lv2 Gothic', sans-serif;
	        font-weight: normal;
	        border: 1px solid #ddd;
	        height: 34px;
	        padding-left: 10px;
	        width: 100%;
	        box-sizing: border-box;
	        background: #fff;
	        border-radius: 8px;
	        position: relative;
	}
	
	.rcs_btntitle_02_rev {
	    position: relative;
	}
	
	.rcs_btntitle_02 .rc_sect_btn {
	        position: absolute;
	        top: 14px;
	        right: 4px;
	        display: block;
	        z-index: 99;
	}
	
	.rcs_btntitle_02 .rc_sect_btn::before {
	    position: absolute;
	    top: 0px;
	    right: 8px;
	    width: 1px;
	    height: 6px;
	    content: '';
	    display: inline-block;
	    background-color: #6e6e6e;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	
	.rcs_btntitle_02 .rc_sect_btn::after {
	    position: absolute;
	    top: 0px;
	    right: 12px;
	    width: 1px;
	    height: 6px;
	    content: '';
	    display: inline-block;
	    background-color: #6e6e6e;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}


	/* RCS PC 관리 종료 */
  
  
  	/* RCS 동영상 팝업 */
 
	.rcs_movie_popcont {
	  margin-top: 20px;
	  border-top: 1px solid #ddd;
	  padding-top: 20px;
	}
	
	.rcs_movie_popcont .rcs_movie_txt p {
	  font-size: 16px;
	  padding-bottom: 10px;
	}
	
	.rcs_movie_popcont .rcs_movie_txt p::before {
	  content: "\f058";
	  font-family: "Font Awesome 5 Free";
	  font-weight: 400;
	  margin-right: 5px;
	}
	
	.rcs_movie_popcont .rcs_movie_txt ul {
	  padding: 0 20px 0 20px;
	  color: #7a7a7a;
	}
	
	.rcs_movie_popcont .rcs_movie_cont {
	  margin-top: 30px;
	  display: flex;
	  background: #f5f5f5;
	  padding: 20px;
	  border-radius: 5px;
	}
	
	.rcs_movie_popcont .rcs_movie_cont input {
	  border: 1px solid #ddd;
	  width: calc(100% - 120px);
	  padding: 0 10px;
	  height: 32px;
	  box-sizing: border-box;
	  background: #fff;
	  margin-right: 10px;
	}
	
	.rcs_movie_popcont .rcs_movie_cont button {
	  height: 32px;
	  width: 120px;
	  background: #5f7ea3;
	  color: #fff;
	  border-radius: 5px;
	}  
  
  	/* RCS 동영상 팝업 종료 */
  
  
  	/* RCS MMS 템플릿 예제 */ 
  	
  	#rcs-mmstemplate {
  		width: 960px;
  	}
  	 	
  	.rcs_movie_popcont .mmstemplate_wrap > ul {
  		display: flex;
  		justify-content: space-between;
  		flex-wrap: wrap;
  		margin-top: 1vw;
  	}
  	
  	.rcs_movie_popcont .mmstemplate_wrap > ul > li {
  		text-align: center;
  	}
  
  	.rcs_movie_popcont .mmstemplate_wrap > ul > li img {
  		width: 100%;
  	}  
  	
  	.mmstemplate_wrap .ft_red {
  		color: #cb4445;
  	}
  	
  	
  	
  	/* RCS MMS 템플릿 예제 입력폼 */
  	
  	.mmsex_selbox .four_btn > span.exmms_input {
  		width: calc(50% - 4px);
  	}
  	
  	.mmsex_selbox .tit_emsty .four_btn,
  	.mmsex_selbox .mtit_aligns .four_btn {
		font-size: 0;  	
  	}
  	
  	.mmsex_selbox .tit_emsty .four_btn > span {
  		margin-bottom: 8px;
  	}
  	  	
  	.mmsex_selbox .tit_emsty .four_btn > span.lef_inp {
  		margin-right: 8px;
  		width: calc(25% - 4px);
  	}

  	.mmsex_selbox .tit_emsty .four_btn > span.rgt_inp {
 		width: calc(75% - 4px);
  	}

   	.mmsex_selbox .four_btn > span.exttx_input {
  		width: calc(75% - 4px);
  		margin-left: 8px;
  	} 	
  	  	
  	.mmsex_selbox .tit_emsty .four_btn > span:nth-of-type(5),
  	.mmsex_selbox .tit_emsty .four_btn > span:nth-of-type(6) {
  		margin-bottom: 0;
  	}

  	.mmsex_selbox .mtit_aligns .four_btn > span {
  		margin-bottom: 8px;
  	}
  	
  	.mmsex_selbox .mtit_aligns .four_btn > span.ex100pro_input {
  		width: 100%;
  	}
  
  	.mmsex_selbox .mtit_aligns .four_btn > span:last-child {
  		margin-bottom: 0;
  	}  
  
  
  	/* RCS 이미지 팝업 */
  	/* RCS 사진첨부 팝업 */
  	
  	
  	.images_sel {
  		width: 860px;
  	}

	.images_sel .rcs_button_text {
	    margin-top: 10px;
	    font-size: 16px;
	    font-weight: 600;
	}
	
	.rcs_photo_all ul li {
	    margin: 0 5px;
	    padding: 5px;
	    position: relative;
	    text-align: center;
	}	
	
	.rcs_photo_all ul li.rcs_pholi01 {
	    width: 7%;
	}
	
	.rcs_photo_all ul li.rcs_pholi02 {
	    width: 7%;
	}
	
	.rcs_photo_all ul li.rcs_pholi03 {
	    width: 20%;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}
	
	.rcs_photo_all ul li.rcs_pholi04 {
	    width: 13%;
	}
	
	.rcs_photo_all ul li.rcs_pholi05 {
	    width: 40%;
	}
	
	.rcs_photo_all ul li.rcs_pholi06 {
	    width: 13%;
	}
	
	.rcs_photo_cellcont ul {
	    display: flex;
	    justify-content: space-between;
	    text-align: center;
	    height: 50px;
	    align-items: center;
	    border-bottom: 1px solid #dbdbdb;
	    font-size: 15px;
	}
	
	.rcs_photo_all ul li.rcs_pholi04 div {
	    width: 35px;
	    height: 35px;
	    border-radius: 5px;
	    overflow: hidden;
	    display: inline-flex;
	}
	
	.rcs_photo_all ul li.rcs_pholi04 div img {
	    width: 100%;
	}

/* RCS 사진첨부 팝업 종료 */  	
  	

  
  	/* RCS MMS발송 디자인  */
  
  
	.sel_box.rcsmsg_photoboxtit .selbox_tit {
	    margin-bottom: 15px;
	}  	
  
  	.sel_box.rcsmsg_photoboxtit .selbox_tit:nth-child(7),
  	.sel_box.rcsmsg_photoboxtit .selbox_tit:nth-child(8),
  	.sel_box.rcsmsg_photoboxtit .selbox_tit:nth-child(10),
  	.sel_box.rcsmsg_photoboxtit .selbox_tit:nth-child(12) {
  		margin-bottom: 10px;
  	}
  
  	.rcs_mmscate {
  		display: inline-flex;
    	justify-content: space-between;
    	flex-wrap: wrap;
  	}
  
  	.rcs_mmscate > div {
  		display: inline-flex;
	    height: 32px;
	    align-items: center;
	    justify-content: space-between;
  	}
  
  	.rcs_mmscate > div.rcs_mmsradio_btn {
  		flex-grow: 1;
  		margin-right: 20px;
  	}
  
  	.rcs_mmscate > div.rcs_mms_division {
  		margin-right: 10px;
  	}
  
  	.rcs_mms_division.rcs_mmsradio_btn span label {
  		font-size: 12px;
  	}
  	
  	.rcs_mms_division.rcs_mmsradio_btn span input {
  		margin-right: 5px;
  	}
  	
  	.rcs_mmscate > p.rcs_mmscate_notice {
  		font-size: 15px;
  		width: 100%;
  		margin-top: 5px;
  	}
  	
  	/* 문구 추가 20240123 start */
    .rcs_mmscate_notice {  
        font-size: 14px;
        margin-left: 0px;
        margin-top: 5px;
        color: #e20001;
    }
    /* 문구 추가 20240123 end */
    
  	.rcs_mmscate > div {
  		display: inline-flex;
	    height: 32px;
	    align-items: center;
	    justify-content: space-between;
  	}

    .rcs_mmsradio_btn span {
    	position: relative;
    	font-size: 16px;
    	display: inline-block;
    	line-height: 26px;
    }
  
   .rcs_mmsradio_btn span label {
   		display: flex;
   		align-items: center;
   		cursor: pointer;
   }
  
   .rcs_mmsradio_btn span label::after {
		content: '';
	    display: inline-block;
	    width: 18px;
	    height: 18px;
	    margin-left: 8px;
   }  
  
   .rcs_mmsradio_btn span:first-child label::after {
   		background: url(../../../images/web/rcs/rcs_imgs01.svg) no-repeat center/contain;
   }  
  
  
   .rcs_mmsradio_btn span:last-child label::after {
   		background: url(../../../images/web/rcs/rcs_imgs02.svg) no-repeat center/contain;
   }  
  
  	.rcs_mmsradio_btn span:last-child {
  		margin-right: 0
  	}
  
    .rcs_mmsradio_btn span input {
	  	width: 20px;
	    height: 20px;
	    margin-right: 10px;
	    vertical-align: top;
	    margin-left: 0;
	    margin-top: 0;
    }
  
  
  .rcs_mmsselect_btn > span {
  	margin-right: 10px;
  }
  
  .rcs_mmsselect_btn > span:last-child {
  	margin-right: 0;
  }
  

 
  /* 탭버튼 추가 */
  
  .rcs_mmstab_buttons {
	color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 5px;
    background: #efefef;
    margin: 10px 0;
    box-sizing: border-box;
    border-radius: 10px;
  }
  
  /* 페이지 탭 라디오 버튼 */

  .edu_wrapper {
    display: flex;
    justify-content: center;
  }

  .edu_wrapper .rcsbtn_option {
	padding: 5px 10px;
    background: #fff;
    border-radius: 5px;
    font-size: 12px;
    box-sizing: border-box;
    color: #000;
    border: 1px solid #dddddd;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 5%);
    margin: 0 2px;
    cursor: pointer;
  }
  
  .edu_wrapper .rcsbtn_option:last-child {
    margin-right: 0;
  }
  
  .edu_wrapper input[type="radio"] {
    display: none;
  }
  
  #ffas01:checked:checked~.ffas01,
  #ffas02:checked:checked~.ffas02,
  #ffas03:checked:checked~.ffas03,
  #ffas04:checked:checked~.ffas04,
  #ffas05:checked:checked~.ffas05,
  #ffas06:checked:checked~.ffas06 {
    background: #5f7ea3;
  }

  #ffas01:checked:checked~.ffas01 span,
  #ffas02:checked:checked~.ffas02 span,
  #ffas03:checked:checked~.ffas03 span,
  #ffas04:checked:checked~.ffas04 span,
  #ffas05:checked:checked~.ffas05 span,
  #ffas06:checked:checked~.ffas06 span {
    color: #fff;
  }



	

/* RCS 템플릿 관리 시작 */
/* 03/27 rcstemplate */ /* rjh */

#rcsTemplate .message_wrap .add_wrap,
#rcsTemplate .message_wrap .rcs_template_box {
	margin-bottom: 50px;
}

#rcsTemplate .message_wrap .message_box {
	border-bottom: none;
}

.rcs_reg_situtit {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}

.rcs_reg_situtit h2 {
  font-size: 20px;
  flex-shrink: 0;
  margin-right: 40px;
}

.rcs_reg_situtit > div {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.rcs_reg_situtit > div p {
  margin-right: 20px;
}

.rcs_reg_situtit > div select {
  width: 100%;
  height: 32px;
  border: 1px solid #ddd;
}

.rcs_reg_situtit > div span {
	margin-right: 10px;
}

.rcs_reg_situtit > div button {
    width: 120px;
    height: 30px;
    font-size: 16px;
}

.rcs_reg_w930px {
  overflow-x: auto;
  width: 100%;
}

.rcs_reg_situation {
  min-width: 930px;
  background: #f5f5f5;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rcs_reg_situation > div {
  display: flex;
  align-items: center;
}

.rcs_reg_situation .rcs_situation_sel {
  flex-grow: 1;
  margin-right: 40px;
}

.rcs_reg_situation .rcs_situation_sel span {
  flex: 1;
  margin-right: 20px;
}

.rcs_reg_situation span {
  background: #fff;
}

.rcs_reg_situation span select, .rcs_reg_situation span input {
  width: 100%;
  height: 32px;
  border: 1px solid #ddd;
}

.rcs_situation_sel span.rcs_temsearch {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}

.rcs_situation_sel span.rcs_temsearch input {
  appearance: none;
  padding-right: 30px;
  padding-left: 10px;
  box-sizing: border-box;
}

.rcs_situation_sel span.rcs_temsearch button {
  position: absolute;
  right: 10px;
  line-height: 30px;
  box-sizing: border-box;
}

.rcs_situation_sel span.rcs_temsearch button::after {
  content: '\f002';
  font-family: "font Awesome 5 Free";
  font-weight: 600;
  color: #ddd;
  font-size: 18px;
}

.rcs_reg_situation .rcs_situation_total {
  width: 20%;
  flex-shrink: 0;
  justify-content: flex-end;
}

.rcs_reg_situation .rcs_situation_total p {
  font-size: 16px;
}

.rcs_reg_situation .rcs_situation_total span {
  width: 80px;
  margin-left: 20px;
}


/* 템플릿 유형선택 */

.rcs_select_type {
  display: flex;
  background: #f5f5f5;
  box-sizing: border-box;
}

.rcs_select_type > div {
  width: 50%;
  padding: 25px 20px;
  box-sizing: border-box;
}

.rcs_select_type > div h3 {
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
}

.rcs_select_type > div:last-child {
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.rcs_select_type > div:last-child .selty_ul {
  background: #f5f5f5;
  border: none;
}

.rcs_select_type .rcs_selty .rcs_selty_cont {
  display: flex;
  justify-content: center;
}

.rcs_selty_cont > div {
  width: 45%;
  margin: 0 2%;
  text-align: center;
  cursor: pointer;
}

.rcs_selty_cont > div > ul {
  position: relative;
  background: #fff;
  border: 1px solid #b4b4b4;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 10px;
  text-align: left;
  height: 210px;
  overflow: hidden;
}

.selty_ul_active::after {
  content: '';
  border: 2px solid #5f7ea3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  transition: all 0.3s;
}

.rcs_selty_cont > div > button.selty_btn_active {
  background: #3e5774 !important;
}

.selty_ul li.selty_li_01 {
  height: 20%;
  margin-bottom: 10px;
  font-weight: 600;
}

.selty_ul li.selty_li_01 .selty_li_order {
  font-size: 12px;
  margin-bottom: 10px;
}

.selty_ul li.selty_li_01 .selty_li_member {
  font-size: 13px;
}

.selty_ul li.selty_li_03 {
  font-size: 12px;
  height: 47%;
  margin-bottom: 10px;
}

.selty_li_03 .selty_03_cont {
  padding: 10px 0;
  margin-bottom: 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.selty_li_03 > span {
  text-align: center;
  display: block;
  font-size: 13px;
}

.selty_li_03 .border_none {
  border: none;
  padding: 0;
}


.selty_li_03 .selty_03_cont > div {
  display: flex;
  justify-content: space-between;
}

.selty_ul li.selty_li_last {
  font-size: 13px;
  font-weight: 600;
  color: #1aabfc;
  text-align: center;
}

.selty_ul li.selty_li_last span {
  display: block;
}

.rcs_selty_cont > div > button {
  background: #91a3b9;
  color: #fff;
  border-radius: 5px;
  padding: 5px 15px;
  width: 60%;
}


/* 타이틀 자유형 */

.seltit_free li.selty_li_01 {
  height: auto;
}

.seltit_free li.selty_li_03 {
  height: auto;
}

.seltit_free li.selty_li_03 .selty_03_front {
    padding-bottom: 10px;
}

.seltit_free li.selty_li_03 .selty_03_exem {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

.seltit_free li.selty_li_01 .selty_li_order {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 2px solid #333; 
}

.rcs_selty_cont .color_fix {
    color: #1aabfc;
    font-weight: 700;
}

.selty_li_last > span {
    background: #ddd;
    border-radius: 5px;
    padding: 5px 0;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(100% - 30px);
}

/* 템플릿 유형선택 종료 */



/* 템플릿 작성 */

.rcsmsg_templateboxtit .selbox_tit {
    margin-bottom: 15px;
    position: relative;
}

.rcsmsg_templateboxtit .selbox_tit .rcs_enter_txtlimit {
	position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
}

.rcs_template_subbox {
    display: block;
    margin: 0 auto;
    width: calc(100% - 80px);
}

.rcs_reg_situsubtit {
  font-size: 16px;
  line-height: 28px;
}

.rcs_reg_situsubtit span {
  font-size: 14px;
  margin-left: 10px;
  vertical-align: baseline;
}

.full_textbox.rcs_enter_textbox textarea {
    height: auto;
}


/* 제목 */

.rcs_maintit_textbox > div.rcs_mt_con1 {
    display: flex;
    align-items: center;
}

.rcs_mt_con1 > span:first-child {
    width: 15%;
    text-align: center;
}

.rcs_mt_con1 > span:last-child {
    flex-grow: 1;
    width: 80%;
}

.rcs_mt_con1 span:last-child input {
    border: 1px solid #ddd;
    width: 100%;
    padding: 0 10px;
    height: 32px;
    vertical-align: middle;
    box-sizing: border-box;
    background: #fff;
}

.rcs_mt_con1 span:last-child select {
    border: 1px solid #ddd;
    height: 32px;
    padding-left: 10px;
    width: 40%;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 14px;
    margin-right: 5px;
}

#tit_tab_2 input {
	width: calc(50% - 2.5px);
}

#tit_tab_2 div {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#tit_tab_2 button {
    flex-shrink: 0;
}


/* 본문 */

.rcs_variable_txt {
	background: #f5f5f5;
    padding: 10px;
    box-sizing: border-box;
}

.rcs_variable_txt ul li {
    font-size: 13px;
    line-height: 20px;
}

.rcs_variable_txt ul li:nth-child(2) {
	color: #e20001;
}


/* 내용입력 2 */

.rcs_enter_textbox > div {
    color: #333;
    display: flex;
    align-items: center;
    font-size: 14px;
    text-align: center;
    position: relative;
}

.rcs_enter_textbox > div > span {
    padding: 7px 0;
    box-sizing: border-box;
}

.rcs_enter_textbox>div>span:nth-child(1), .rcs_enter_textbox>div>span:nth-child(3) {
    width: 15%;
}

.rcs_enter_textbox > div > span:nth-child(2) {
    width: 70%;
}

.rcs_enter_textbox .rcs_selstyle_header {
    background: #f5f5f5;
    border: 1px solid #ddd;
}

.rcs_enter_textbox .rcs_selstyle_header span {
    border-right: 1px solid #ddd;
}

.rcs_enter_textbox .rcs_selstyle_header span:last-child {
    border-right: none;
}

.rcs_selstyle_cont span:nth-child(1) input[type="radio"] {
    display: none;
}

.rcsin_option, .titin_option {
    position: relative;
    background: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    transition: all 0.3s ease;
    vertical-align: middle;
    box-sizing: border-box;
}

.titas01::before,
.titas02::after,
.titas02::before,
.rras01::before,
.rras02::after,
.rras02::before {
    content: '';
    position: absolute;
    background: #d7d7d7;
    top: 50%;
    display: inline-block;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
}

.titas01::before,
.rras01::before {
    height: 16px;
    width: 16px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.titas02::before,
.titas02::after,
.rras02::before,
.rras02::after {
    height: 16px;
    width: 6px;
}

.titas02::before,
.rras02::before {
    left: 18%;
    transform: translate(0, -50%);
}

.titas02::after,
.rras02::after {
    right: 18%;
    transform: translate(0, -50%);
}


.rcs_btn_active::before, .rcs_btn_active::after {
    background: #333;
}


.tit_tab_content,
.arr_tab_content {
  display: none;
  font-size: 0;
}

.tit_tab_content.arr_current,
.arr_tab_content.arr_current{
  display: inherit;
}

.rcs_arrang_cont span:last-child input {
  width: calc(50% - 2.5px) !important;
  display: inline-block;
}

.rcs_selstyle_cont span:nth-child(2) input {
    border: 1px solid #ddd;
    width: 100%;
    padding: 0 10px;
    height: 32px;
    vertical-align: middle;
    box-sizing: border-box;
    background: #fff;
}

.rcs_add_cont {
    display: flex;    
    justify-content: space-between;
}

.rcs_add_cont > span {
    width: 48%;
}

.rcs_add_cont span.rcs_linech_cont {
    text-align: right;
}

.rcs_add_cont span.rcs_plsmin_cont {
    text-align: left;
}

.rcs_linech_cont input {
    position: relative;
    background: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    transition: all 0.3s ease;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}

.rcs_linech_cont input[type="checkbox"]::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: '';
  display: none;
  height: 40%;
  left: 40%;
  position: relative;
  top: 20%;
  transform: rotate(45deg);
  width: 15%;
}
.rcs_linech_cont input[type="checkbox"]:checked {
  background: #5f7ea3;
}
.rcs_linech_cont input[type="checkbox"]:checked::after {
  display: block;
}

.rcs_plsmin_cont div.w50_percent {
    width: 48%;
    float: right;
    text-align: left;
}

.rcs_plsmin_cont button {
    position: relative;
    background: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    transition: all 0.3s ease;
    vertical-align: middle;
    box-sizing: border-box;
}

.rcs_plsmin_cont button.minusbtn::before {
    position: absolute;
    content: "";
    background: #333;
    top: 11px;
    left: 4px;
    width: 13px;
    height: 1px;
    box-sizing: border-box;
    background: #333;
}

.rcs_plsmin_cont button.plusbtn::before {
    position: absolute;
    content: "";
    background: #333;
    top: 11px;
    left: 4px;
    width: 13px;
    height: 1px;
    box-sizing: border-box;
    background: #333;
}

.rcs_plsmin_cont button.plusbtn::after {
    position: absolute;
    content: "";
    background: #333;
    top: 5px;
    left: 10px;
    width: 1px;
    height: 13px;
    box-sizing: border-box;
    background: #333;
}

.temp_selbox_tit {
    border-top: 1px solid #9a9a9a;
    padding: 20px 0;
}

.temp_selbox_tit p {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.temp_selbox_tit p input[type=checkbox] {
    margin-right: 10px;
    -ms-transform: scale(1.3); /* IE */
    -moz-transform: scale(1.3); /* FF */
    -webkit-transform: scale(1.3); /* Safari and Chrome */
    -o-transform: scale(1.3); /* Opera */
    cursor: pointer;
}

.temp_selbox_tit p label {
    font-size: 14px;
    letter-spacing: -0.025em;
    cursor: pointer;
}

.temp_selbox_tit .rcs_infobtn_textbox {
    display: flex;
    justify-content: space-between;
}

.temp_selbox_tit .rcs_infobtn_textbox button {
    border-radius: 5px;
    
    height: 32px;
    vertical-align: middle;
    font-size: 16px;
    padding: 0 15px;
}

.rcs_infobtn_textbox button.rcs_info_del {
    background: #f5f5f5;
    border: 1px solid #dbdbdb;
    color: #808080;
}

.rcs_infobtn_textbox button.rcs_info_save {
    background: #fff;
    border: 1px solid #5f7ea3;
    color: #5f7ea3;
    margin-right: 5px;
}

.rcs_infobtn_textbox button.rcs_info_approval {
    background: #5f7ea3;
    color: #fff;
}

.rcs_infobtn_textbox button::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-right: 5px;
}

.rcs_infobtn_textbox button.rcs_info_del::before {
    content: "\f2ed";
    color: #808080;
}

.rcs_infobtn_textbox button.rcs_info_save::before {
    content: "\f0c7";
    color: #5f7ea3;
}

.rcs_infobtn_textbox button.rcs_info_approval::before {
    content: "\f14a";
    color: #fff;
}

.tit_select_color select {
	color: #e20001;
}

/* 화면 디스플레이 디자인 */

/* 타이틀 선택형 */
/* 서술형 - 기본 */

.rcsmms_contall {
    color: #333;
    padding: 15px;
}

.rcsmms_contall .title_display {
    font-size: 15px;
    font-weight: 600;
    padding: 10px 0;
}

.title_display span::before {
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}

.title_display .tit_icon01::before {
    content: "\f2c2";
}

.title_display .tit_icon02::before {
    content: "\f19c";
}

.title_display .tit_icon03::before {
    content: "\f4d3";
}

.title_display .tit_icon04::before {
    content: "\f1d8";
}

.title_display .tit_icon05::before {
    content: "\f011";
}

.title_display .tit_icon06::before {
    content: "\f15c";
}

.title_display .tit_icon07::before {
    content: "\f328";
}

.title_display .tit_icon08::before {
    content: "\f0d1";
}

.title_display .tit_icon09::before {
    content: "\f0f3";
}

.title_display .tit_icon10::before {
    content: "\f2bd";
}

.title_display .tit_icon11::before {
    content: "\f4fc";
}

.title_display .tit_icon12::before {
    content: "\f05a";
}



.rcsmms_contall .btn_display {
    text-align: center;
    color: #3287f7;
    font-weight: 600;
    padding: 10px 0;
}

.rcsmms_contall .btn_display div {
    padding: 5px 0;
}


/* 타이틀 선택형 */
/* 스타일형 */

.contents_display {
    display: flex;
}

.disvp01, .disvp02 {
    width: 50%;
}

/* 배열 하나만 클릭시 width 100% */
.disvp_w100p {
    width: 100% !important;
}

.disvp02 {
    text-align: right;
}

.contents_display_rcsline {
    background: #ddd;
    width: 100%;
    height: 1px;
    margin: 5px 0;
}


/* 타이틀 자유형 */
/* 서술형 */

.title_free_display {
    display: flex;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
}

.title_free_display > div {
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
}

.title_free_display .disvp02 {
    color: #3287f7;
}

/* 코멘트 리스트 */

.rcsmsg_templateboxtit .comment_selbox_tit {
	border-top: 1px solid #9a9a9a;
	padding-top: 20px;
}



/* rcs 템플릿관리 텍스트 컴포넌트edit */

.template_effect_wrap {
    top: -48px;
    left: 76px;
    position: absolute;
	display: none;
}

.template_effect {
    display: flex;
    padding: 8px 20px 6px;
    width: auto;
    border-radius: 5px;
    border: 2px solid #666;
    box-shadow: 3px 3px 3px rgba(0,0,0,.3);
    background: #fff;
}

.txt_effect {
    width: 30px;
    height: 30px;
    padding: 2px;
    box-sizing: border-box;
    list-style: none;
}
.txt_effect button {
    width:100%;
    height:100%;
    color:inherit;
    text-align:center;
    border: 0;
    opacity: 0.5;
    cursor: pointer;
}
.template_effect .txt_effect button {
    width: 25px;
    height: 25px;
}
.template_effect .effect_01 button {
	background: url(../../../images/web/icon/img_template_effect.png?2.003) no-repeat 0 0;
}
.template_effect .effect_02 button {
    opacity:1;
    background: url(../../../images/web/icon/img_template_effect.png?2.003) no-repeat -25px -1px;
}
.template_effect .effect_03 button {
    background: url(../../../images/web/icon/img_template_effect.png?2.003) no-repeat -50px -1px;
}
.template_effect .effect_04 button {
    background: url(../../../images/web/icon/img_template_effect.png?2.003) no-repeat -75px -1px;
}
.template_effect .effect_05 button {
    background: url(../../../images/web/icon/img_template_effect.png?2.003) no-repeat -100px -1px;
}
.template_effect .effect_06 button {
    background: url(../../../images/web/icon/img_template_effect.png?2.003) no-repeat -125px -1px;
}
.template_effect .effect_07 button {
    background: url(../../../images/web/icon/img_template_effect.png?2.003) no-repeat -150px -1px;
}


/* 프리마켓 등록상품 컨텐츠 */
.product_list .inquire_list_tit {
    padding: 20px 0 20px 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
}

.product_list .inquire_list_tit p {
    font-weight: 500;
    color: #2d2d2d;
}

.free_inquire_ul ul li:nth-child(n+3):nth-child(-n+4) {
    display: flex;
}

.free_inquire_ul ul li:nth-child(n+3):nth-child(-n+4) span:first-child {
    flex-basis: 20%;
    flex-shrink: 0;
}

.free_inquire_ul ul li:nth-child(n+3):nth-child(-n+4) div {
    flex-grow: 1;
}

.free_inquire_ul ul li:last-child div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.changed_icon::before {
    background: url(../img/detail/detail_icon/sync.svg) no-repeat center/contain;
}
  
  
  
  /* 친구톡 버튼등록 추가 */
  
  .frtal_btn_popup {
  	width: 960px;
  	box-sizing: border-box;
  }

  .frtal_btn_popup .rcs_btntitle_01 {
  	width: 5%;
  }
  
  .frtal_btn_popup .rcs_btntitle_02 {
  	width: 15%;
  }
    
  .frtal_btn_popup .rcs_btntitle_03 {
  	width: 20%;
  }
    
  .frtal_btn_popup .rcs_btntitle_04 {
  	width: 55%;
  }
    
  .frtal_btn_popup .rcs_btntitle_05 {
  	width: 5%;
  }
    
  .frtal_btn_popup .rcs_btn_cells {
  	flex-wrap: nowrap;
  }
  
  .frtal_btn_popup .rcs_btn_cells .rcs_inputbox {
   width: 100%;
  }
  
  
  .frtal_btn_popup .rcs_button_all ul li {
  	margin: 0;
  	padding: 0 3px;
    box-sizing: border-box;
  }
  
  .frtal_btn_popup .rcs_button_all ul li.rcs_btntitle_04 .rcs_inputbox {
  	padding: 0 1px;
  }
  
  
  
  /* 문자보내기 팝업창 */
  	/* 기업회원 서류 확인 팝업 */
  
  	.reply_company .popup_tit .re_compa_tit span:nth-child(1) {
	    width: 28px;
	    height: 28px;
	    background: url(../../../images/web/icon/reply_company.png?2.003) no-repeat center/contain;
	    display: inline-block;
	    margin-right: 5px;
	}

	.reply_company .popup_tit .re_compa_tit span:nth-child(2) {
	    color: #e20001;
	}
	
	.re_compacont {
	    border-top: 1px solid #888;
	}
	
	.re_compacont .re_compa_txt01 {
	    text-align: center;
	    font-size: 18px;
	    font-weight: 600;
	    margin: 20px 0;
	    line-height: 2;
	}
	
	.re_compacont .re_compa_txt01 em {
	    font-size: 16px;
	    font-weight: 400;
	    color: #fff;
	    padding: 3px 12px;
	    background: #004eff;
	    border-radius: 5px;
	}
	
	.re_compa_document > p {
	    font-size: 16px;
	    margin-bottom: 10px;
	}   
	
	.re_compa_document .compa_doccont {
	    border: 1px solid #333;
	    border-radius: 10px;
	    padding: 20px 30px;
	}
	
	.re_compa_document .compa_doccont > div {
	    margin-bottom: 20px;
	}
	
	.re_compa_document .compa_doccont > div:last-child {
	    margin-bottom: 0;
	}
	
	.re_compa_document .compa_doccont > div > p {
	    font-size: 18px;
	    font-weight: 600;
	    margin-bottom: 6px;
	}
	
	.re_compa_document .compa_doccont > div > ul {
	    padding-left: 30px;
	    font-size: 16px;
	    font-weight: 300;
	    line-height: 2;
	}
	
	.re_compa_document .compa_doccont .compa_corporation ul li:last-child {
	    font-size: 14px;
	    color: #4e4e4e;
	}
  
  	/* 기업회원 서류 확인 팝업 종료 */
  
  
	
	/* 2022-11-21 */
	/* 회원가입 페이지 */
	/* 기업회원가입 제출서류 안내 */
	
	.joinwrap_all2 {display: none;}
	
	.document_join {
	    margin-bottom: 30px;
	}	
	
	.document_join .doc_tit_join {
	    font-size: 20px;
	    line-height: 32px;
	    padding: 0 40px;
	    margin-bottom: 20px;
	}
	
	.document_join .doc_tit_join strong {
	    color: #e20001;
	    font-weight: 600;
	}
	
	.document_join .doc_tit_join em {
	    font-size: 16px;
	    font-weight: normal;
	    background: #004eff;
	    color: #fff;
	    padding: 5px 10px;
	    border-radius: 5px;
	}
	
	.document_join .doc_cont_join {
	    background: #f5f5f5;
	    border-radius: 10px;
	    padding: 30px 60px;
	}
	
	.document_join ul {
	    display: flex;
	    justify-content: space-between;
	    transition: all 0.4s;
	}
	
	.document_join ul .doc_cont_li01 h3 {
	    font-size: 22px;
	    color: #e20001;
	    margin-bottom: 10px;
	}
	
	.document_join ul .doc_cont_li01 div {
	    font-size: 15px;
	    font-weight: 300;
	    color: #333;
	    letter-spacing: -0.025em;
	}
	
	.document_join ul .doc_cont_li02 {
	    display: flex;
	}
	
	.document_join ul .doc_cont_li02 div:first-child {
	    margin-right: 80px;
	}
	
	.document_join ul .doc_cont_li02 p {
	    font-size: 18px;
	    font-weight: 600;
	    margin-bottom: 10px;
	}
	
	.document_join ul .doc_cont_li02 span {
	    font-size: 16px;
	    font-weight: 300;
	}
	
	.document_join ul .doc_cont_li02 .cont_li02_span {
	    margin-right: 20px;
	}

	.btn_input_x{
		position: absolute;
	    right: 10px;
	    top: 0;
	    font-size: 15px;
	    line-height: 30px;
	    cursor: pointer;
	}