@charset "utf-8";

/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
/* Font */

/* 프리텐다드 */
@font-face {
    font-family: 'Pretendard-Black';
    src: url(../font/Pretendard-Black.woff2) format('woff2')
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url(../font/Pretendard-Bold.woff2) format('woff2')
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url(../font/Pretendard-ExtraBold.woff2) format('woff2')
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url(../font/Pretendard-ExtraLight.woff2) format('woff2')
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url(../font/Pretendard-Light.woff2) format('woff2')
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url(../font/Pretendard-Medium.woff2) format('woff2')
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url(../font/Pretendard-Regular.woff2) format('woff2')
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url(../font/Pretendard-SemiBold.woff2) format('woff2')
}

@font-face {
    font-family: 'Pretendard-Thin';
    src: url(../font/Pretendard-Thin.woff2) format('woff2')
}

@font-face {
    font-family: 'SCDream4';
    src: url(../font/SCDream4.woff) format('woff2')
}

@font-face {
    font-family: 'SEBANG_Gothic_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SEBANG_Gothic_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KOTRA_BOLD-Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.1/KOTRA_BOLD-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



:root {
    --font-prebk: 'Pretendard-Black';
    --font-preb: 'Pretendard-Bold';
    --font-preeb: 'Pretendard-ExtraBold';
    --font-preel: 'Pretendard-ExtraLight';
    --font-prel: 'Pretendard-Light';
    --font-prem: 'Pretendard-Medium';
    --font-prer: 'Pretendard-Regular';
    --font-presb: 'Pretendard-SemiBold';
    --font-pret: 'Pretendard-Thin';
    --font-sbr: 'SEBANG_Gothic_Regular';
    --font-sbb: 'SEBANG_Gothic_Bold';
    --font-sc4: 'SCDream4';
    --font-24man: 'GongGothicMedium';
    --font-ktr: 'KOTRA_BOLD-Bold';
}



/* html{
    scroll-behavior: smooth;
} */


/* WP - COMMON */
.wp_wrap {
    position: relative;
    word-break: keep-all;
    /* overflow: hidden; */
}



/* WP - INNER */

.wp_wrap .cm_fitter {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.wp_wrap .cm_outter {
    width: 1677px;
    height: 100%;
    margin: 0 auto;
}

.wp_wrap .cm_inner {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.wp_wrap .cm_inner2 {
    width: 1415px;
    height: 100%;
    margin: 0 auto;
}



/* RESET */
.wp_wrap .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    box-sizing: border-box;
}


/* BUTTON */

.wp_wrap .pulse-button {
    position: absolute;
    top: -10%;
    left: 44%;
    /* transform: translate(10%); */
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 92px;
    min-height: 92px;
    text-align: center;
    border: none;
    border-radius: 50%;
    background: #cbcbcb52;
    box-shadow: 0 0 0 0 rgba(203, 203, 203, 0.5);
    -webkit-animation: pulse 1.5s infinite;
    /*z-index: 997;*/
}

.wp_wrap .pulse-button i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    color: #fff;
    font-size: 30px;
    padding: 6px;
    background-color: rgba(112, 112, 112, 0.5);
    border-radius: 50%;
    box-shadow: 0px 0px 5px #000;
}



.wp_wrap .pulse-button:active,
.wp_wrap .pulse-button:active i {
    box-shadow: inset 0px 0px 5px #ccc;
}



@-webkit-keyframes pulse {
    0% {
        /* -webkit-transform: scale(0.9); */
        /* -moz-transform: scale(0.9); */
        /* -ms-transform: scale(0.9); */
        /* -o-transform: scale(0.9); */
        /* transform: scale(0.9); */
    }

    70% {
        /* -webkit-transform: scale(1); */
        /* -moz-transform: scale(1); */
        /* -ms-transform: scale(1); */
        /* -o-transform: scale(1); */
        /* transform: scale(1); */
        box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
    }

    100% {
        /* -webkit-transform: scale(0.9); */
        /* -moz-transform: scale(0.9); */
        /* -ms-transform: scale(0.9); */
        /* -o-transform: scale(0.9); */
        /* transform: scale(0.9); */
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    }
}

/* PAGER */
.wp_wrap #pager_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #pager_box .pager {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
}

.wp_wrap #pager_box .pager>a {
    width: 50px;
    height: 50px;
    color: #3E3E3E;
    font-size: 20px;
    font-family: var(--font-prel);
    border-right: 1px solid #CBCBCB;
    transition: 0.4s;
}

.wp_wrap #pager_box .pager>a:last-child {
    border: none;
}

.wp_wrap #pager_box .pager>a:hover,
.wp_wrap #pager_box .pager>a.wp_pager_li_active {
    color: #D30D0D;
    font-family: var(--font-prem);
    transition: 0.4s;
}

.wp_wrap #pager_box .pager>a i {
    font-size: 24px;
}

/* SECTION_TITLE */
.wp_wrap .ct_tit_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 30px;
}

.wp_wrap .ct_tit_box .ct_tit {
    color: #3E3E3E;
    font-size: 50px;
    font-family: var(--font-prer);
    margin-bottom: 22px;
}

.wp_wrap .ct_tit_box .ct_tit_des {
    color: #646464;
    font-size: 20px;
    font-family: var(--font-prel);
}

.wp_wrap .ct_tit_box .ct_des_txt {
    color: #646464;
    font-size: 17px;
    font-family: var(--font-prel);
}

.wp_wrap .ct_tit_box .ct_des_txt::before {
    display: block;
    content: "";
    width: 128px;
    height: 5px;
    margin: 22px auto 33px;
    background: #D2D2D2;
}

/* MODAL */
.wp_wrap #modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.wp_wrap #modal .modal_inner {
    width: 100%;
}

html,
body,
#fullpage,
.slide,
.fp-tableCell {
    height: 100vh;
}



/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* HEADER */
/**********************************************************************************************************************/

/* HEADER - COMMON ===================================================================================================*/
.wp_wrap #header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 998;
}

.wp_wrap #header .header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    transition: 0.4s;
}


/* HEADER - INNER =====================================================================================================*/

/* HEADER - UTILL_MENU */
.wp_wrap #header #utill_bar {
    position: fixed;
    left: 0;
    top: 0;
    width: 650px;
    display: none;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 10px;
    background-color: #3E3E3E;
    border-radius: 0 0 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 44px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.43);
}

.wp_wrap #header #utill_bar .utill_tell_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;

}

.wp_wrap #header #utill_bar .utill_tell_box>img {
    width: 88px;
}

.utill_tell_box a {
    padding-left: 10px;
}

.wp_wrap #header #utill_bar .utill_tell_box a {
    color: #B4B4B4;
    font-size: 15px;
    font-family: var(--font-prel);
    font-weight: 800;
    line-height: 15px;

}


.wp_wrap #header #utill_bar .utill_menu_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
}

.wp_wrap #header #utill_bar .utill_menu_list li {
    padding-left: 10px;
    position: relative
}

.wp_wrap #header #utill_bar .utill_menu_list li::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 9px;
    background-color: #5e5e5e;
    right: -5px;
    top: 5px;
}

.wp_wrap #header #utill_bar .utill_menu_list li:last-child::after {
    display: none;
}

.wp_wrap #header #utill_bar .utill_menu_list li a {
    color: #d5d5d5;
    font-size: 15px;
    font-family: var(--font-prel);
    transition: 0.4s;
}

.wp_wrap #header #utill_bar .utill_menu_list li a:hover {
    color: #fff;
}

.wp_wrap #header #utill_bar .utill_cls_box {}

.wp_wrap #header #utill_bar .utill_cls_box #btn_utill_cls {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-color: #737373;
    border-radius: 50%;
}

.wp_wrap #header #utill_bar .utill_cls_box #btn_utill_cls i {
    font-size: 12px;
    color: #ccc;
}




/* HEADER - LOGO */
.wp_wrap #header .header_inner .logo {
    width: 248px;
    flex-shrink: 1;
    flex-grow: 0;
}

.wp_wrap #header .header_inner .logo a {}

.wp_wrap #header .header_inner .logo a img {}


.wp_wrap #header .header_inner .menuWrap {
    width: 100%;
    min-height: 60px;
    display: flex;
    gap: 10%;
    justify-content: flex-end;
    align-items: center;
}

/* HEADER - GLOBAL_NAVIGATION */
.wp_wrap #header .header_inner .gnb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*width: 538px;*/
    width: 700px;
    flex-grow: 0;
    flex-shrink: 2;
}

.wp_wrap #header .header_inner .gnb>li:nth-child(8) {
    padding-left: 30px;

}


.wp_wrap #header .header_inner .gnb>li>a {
    color: #3E3E3E;
    font-size: 16px;
    font-family: var(--font-prer);
}

.wp_wrap #header .header_inner .gnb>li>a:hover {
    color: #bf0808;
}

/* HEADER - MENU_BUTTON */
.wp_wrap #menu_btn {
    /*position: fixed;*/
    top: 7%;
    right: 2.8%;
    width: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: none;
    flex-grow: 0;
    flex-shrink: 0;
    z-index: 999;
}

.wp_wrap #menu_btn .circle {
    background-color: #979797;
    border-radius: 50%;
    padding: 3px;
    margin: 3px;
    transition: 0.5s;
}

.wp_wrap #menu_btn .c_col1 {
    background-color: #D30D0D;
    transition: 0.5s;
}

.wp_wrap #menu_btn .cc3,
.wp_wrap #menu_btn .cc7 {
    background-color: #979797;
}

.wp_wrap #menu_btn .circle.on.cc3,
.wp_wrap #menu_btn .circle.on.cc7 {
    background-color: #D30D0D;
    transition: 0.5;
}


.wp_wrap #menu_btn.on .cc3,
.wp_wrap #menu_btn.on .cc7 {
    background-color: #D30D0D !important;
    transition: 0.5;
}


/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* FIXED_MENU */
/**********************************************************************************************************************/
/* FIXED_MENU - COMMON */
.wp_wrap #fixed_menu_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 998;
    transform-origin: 100% 0;
}

.wp_wrap #fixed_menu_box .fixed_menu_inner {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 0 15%;
}

/* FIXED_MENU - MENU */
.wp_wrap #fixed_menu_box .fixed_menu_inner .fixed_menu_list {}

.wp_wrap #fixed_menu_box .fixed_menu_inner .fixed_menu_list>li {}

.wp_wrap #fixed_menu_box .fixed_menu_inner .fixed_menu_list>li .menu_tit {
    font-size: 31px;
    font-family: var(--font-prem);
    margin-bottom: 32px;
}

.wp_wrap #fixed_menu_box .fixed_menu_inner .fixed_menu_list>li .fixed_sub_menu {
    line-height: 32px;
}

.wp_wrap #fixed_menu_box .fixed_menu_inner .fixed_menu_list>li .fixed_sub_menu>li {}

.wp_wrap #fixed_menu_box .fixed_menu_inner .fixed_menu_list>li .fixed_sub_menu>li a {
    font-size: 27px;
    font-family: var(--font-prel);
    line-height: 1.5em
}


/* FIXED_MENU - NOTICE */
.wp_wrap #fixed_menu_box .fixed_menu_inner .fixed_noti_box {
    width: 925px;
    padding: 26px 35px 68px;
    margin: 80px auto 0;
    background-color: #fff;
    border: 1px solid #DBDBDB;
}

.wp_wrap #fixed_menu_box .fixed_menu_inner .fixed_noti_box .fixed_noti_inner {}

.wp_wrap #fixed_menu_box .fixed_menu_inner .fixed_noti_box .fixed_noti_inner .fixed_noti_tit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #D30D0D;
    font-size: 30px;
    font-family: var(--font-prem);
    margin-bottom: 25px;
}

.wp_wrap #fixed_menu_box .fixed_menu_inner .fixed_noti_box .fixed_noti_inner .fixed_noti_tit img {
    margin-left: 10px;
    animation: shakeA 1.5s ease infinite;
}

.wp_wrap #fixed_menu_box .fixed_menu_inner .fixed_noti_box .fixed_noti_inner .fixed_noti_des {
    color: #393737;
    font-size: 20px;
    font-family: var(--font-preel);
    line-height: 27px;
}

.wp_wrap #fixed_menu_box .fixed_menu_inner .fixed_noti_box .fixed_noti_inner .fixed_noti_des a {
    display: block;
}

@keyframes shakeA {
    0% {
        /* width: 0%; */
        transform: rotate(-10deg);
    }

    25% {
        transform: rotate(10deg), scale(0);
    }

    50% {
        transform: rotate(0), scale(0.8);
    }

    75% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(-10deg);
    }
}


/* FIXED_MENU - SERCH_BAR */
.wp_wrap #fixed_menu_box .fixed_menu_inner .sch_bar_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 50px;
}

.wp_wrap #fixed_menu_box .fixed_menu_inner .sch_bar_box .sch_bar {

    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #afafaf;
}

.wp_wrap #fixed_menu_box .fixed_menu_inner .sch_bar_box .sch_bar input[type="text"] {
    border: none;
    outline: none;
    padding: 10px 0;
    background: none;
}

.wp_wrap #fixed_menu_box .fixed_menu_inner .sch_bar_box .sch_bar .sch_btn {}

.wp_wrap #fixed_menu_box .fixed_menu_inner .sch_bar_box .sch_bar .sch_btn i {
    color: #959595;
    font-size: 26px;
}





/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* SIDE MENU */
/**********************************************************************************************************************/
/* SIDE MENU - COMMON */
.wp_wrap #side_mnu {
    position: fixed;
    right: 1.2%;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 900;
}

.wp_wrap #side_mnu .side_mnu_inner {}


/* SIDE MENU - MENU_List */
.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list {}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    border-radius: 10px;
    transition: 0.1s;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li:nth-child(1) {
    background-color: #3E3E3E;
}


.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li:nth-child(2) {
    /* background-color: #3E3E3E; */
    background-color: #656565;
}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li:nth-child(3) {
    /* background-color: #656565; */
    background-color: #CBCBCB;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li:nth-child(4) {
    background-color: #B10000;
}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li>a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li>a .ico_frame {}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li>a .ico_frame img {}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li:nth-child(1)>a .txt_frame {
    color: #CBCBCB;
}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li:nth-child(2)>a .txt_frame {
    color: #CBCBCB;
}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li:nth-child(3)>a .txt_frame {
    color: #0A0A0A;
    font-family: var(--font-prem) !important;
}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li:nth-child(4)>a .txt_frame {
    color: #FFFFFF;
}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li>a .txt_frame {
    margin-top: 3px;
    color: #4f4f4f;
    font-size: 12px;
    text-align: center;
    font-family: var(--font-preel);
}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li:hover {
    background-color: #db1f1f;
    transition: 0.3s;
}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li:hover>a .ico_frame>svg>path {
    fill: #fff;
    transition: 0.3s;
}

.wp_wrap #side_mnu .side_mnu_inner .side_mnu_list>li:hover>a .txt_frame {
    color: #fff;
    transition: 0.3s;
}

/* SIDE MENU - Top_Button */
.wp_wrap #side_mnu .side_mnu_inner #top_btn {
    position: absolute;
    left: 50%;
    bottom: -50%;
    display: none;
    width: 50px;
    height: 50px;
    background-color: rgba(196, 196, 196);
    border-radius: 50%;
    margin: 0 auto;
    transform: translateX(-50%);
}

.wp_wrap #side_mnu .side_mnu_inner #top_btn i {
    color: #fff;
    font-size: 24px;
}

/**********************************************************************************************************************/

/**********************************************************************************************************************/
/* MOBILE_BOTTOM_MENU */
/**********************************************************************************************************************/
.wp_wrap #mo_bot_mnu {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 998;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: #d30d0d;
}

.wp_wrap #mo_bot_mnu a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 10px 0;
    transition: 0.5s;
}

.wp_wrap #mo_bot_mnu a {
    border-right: 1px solid #d30d0d;
}

.wp_wrap #mo_bot_mnu a:last-child {
    border: none;
}

/* .wp_wrap #mo_bot_mnu a:last-child:nth-child(1) {
      width: 40%;
}
.wp_wrap #mo_bot_mnu a:last-child:nth-child(2) {
      width: 40%;
}
.wp_wrap #mo_bot_mnu a:last-child:nth-child(3) {
      width: 20%;
} */

.wp_wrap #mo_bot_mnu a i {
    color: #fff;
    font-size: 30px;
}

.wp_wrap #mo_bot_mnu .mo_sns_mnu:hover {
    background-color: #F7E600;
    transition: 0.5s;
}

.wp_wrap #mo_bot_mnu .mo_sns_mnu:hover i {
    color: #3A1D1D;
    transition: 0.5s;
}

.wp_wrap #mo_bot_mnu .mo_tell_mnu:hover {
    background-color: #D30D0D;
    transition: 0.5s;
}

.wp_wrap #mo_bot_mnu .mo_tell_mnu:hover i {
    color: #fff;
    transition: 0.5s;
}

.wp_wrap #mo_bot_mnu .mo_top_btn:hover {
    background-color: #D30D0D;
    transition: 0.5s;
}

.wp_wrap #mo_bot_mnu .mo_top_btn:hover i {
    color: #fff;
    transition: 0.5s;
}

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* MAIN */
/**********************************************************************************************************************/

/* MAIN - COMMON =====================================================================================================*/
.wp_wrap main {
    /* height: 800px; */
    /* background-color: #000; */
}


.wp_wrap #rn_bg_cic {
    position: absolute;
    right: 15%;
    top: 16%;
    max-width: 800px;
    width: 100%;
    height: 800px;
    border-radius: 50%;
    background-color: #f8f8f8;
}



/* MAIN - Section_Main -----------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap main #s_main {
    height: 100vh;
    position: relative;
    background-image: url(../img/main/main_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.wp_wrap main #s_main .mn_show {
    position: absolute;
    /*left: 44.5%;*/
    /*top: 47%;*/
    /*transform: translate(-44.5%, -47%);*/

    left: -45px;
    top: -45px;
}

/* MAIN - Section_Main - InView */
.wp_wrap main #s_main .main_inner {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap main #s_main .main_inner .main_frame {
    width: 100%;
    padding-top: 100px;
}

.wp_wrap main #s_main .main_inner .main_frame .main_txt_box {}

.wp_wrap main #s_main .main_inner .main_frame .main_txt_box .txt_box {
    padding: 40px 0 10px;
}

.wp_wrap main #s_main .main_inner .main_frame .main_txt_box .txt_box .txt_box_inner {}

.wp_wrap main #s_main .main_inner .main_frame .main_txt_box .txt_box .txt_box_inner .main_min_txt {
    color: #C7C7C7;
    font-size: 25px;
    font-family: var(--font-prem);
}

.wp_wrap main #s_main .main_inner .main_frame .main_txt_box .txt_box .txt_box_inner .main_tit {
    color: #fff;
    margin-bottom: 37px;
}

.wp_wrap main #s_main .main_inner .main_frame .main_txt_box .txt_box .txt_box_inner .main_tit .main_tit_line1 {
    font-size: 60px;
    font-family: var(--font-preel);
}

.wp_wrap main #s_main .main_inner .main_frame .main_txt_box .txt_box .txt_box_inner .main_tit .main_tit_line2 {
    font-size: 35px;
    font-family: var(--font-preb);
}

.wp_wrap main #s_main .main_inner .main_frame .main_txt_box .txt_box .txt_box_inner .main_tit .main_tit_line2 .en_bold {
    color: #D30D0D;
}

.wp_wrap main #s_main .main_inner .main_frame .main_txt_box .txt_box .txt_box_inner .main_tit_des {
    color: #fff;
    font-size: 25px;
    font-family: var(--font-prer);
}

.wp_wrap main #s_main .main_inner .main_frame .main_noti_box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 0;
    /*overflow: hidden;*/
}

.wp_wrap main #s_main .main_inner .main_frame .main_noti_box .noti_box {
    position: relative;
}

.wp_wrap main #s_main .main_inner .main_frame .main_noti_box .noti_box .noti_items {
    position: relative;
    width: 900px;
    height: 352px;
    background-color: rgba(42, 42, 42, 0.5);
    border-radius: 0 133px 0 133px;
}

.wp_wrap main #s_main .main_inner .main_frame .main_noti_box .noti_box .noti_items .mn_show2 {
    position: absolute;
    /*left: 44.5%;*/
    /*top: 47%;*/
    /*transform: translate(-44.5%, -47%);*/

    left: -45px;
    top: -45px;
}

.wp_wrap main #s_main .main_inner .main_frame .main_noti_box .noti_box .noti_items .noti_item {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 50px 110px;
}

.wp_wrap main #s_main .main_inner .main_frame .main_noti_box .noti_box .noti_items .noti_item.on {
    display: block;
}

.wp_wrap main #s_main .main_inner .main_frame .main_noti_box .noti_box .noti_items .noti_item .noti_item_inner {}

.wp_wrap main #s_main .main_inner .main_frame .main_noti_box .noti_box .noti_items .noti_item .noti_item_inner .noti_item_tit {
    color: #fff;
    font-size: 30px;
    font-family: var(--font-sbr);
    margin-bottom: 20px;
}

.wp_wrap main #s_main .main_inner .main_frame .main_noti_box .noti_box .noti_items .noti_item .noti_item_inner .noti_item_list {
    line-height: 25px;
}

.wp_wrap main #s_main .main_inner .main_frame .main_noti_box .noti_box .noti_items .noti_item .noti_item_inner .noti_item_list li {
    padding-bottom: 5px;
}

.wp_wrap main #s_main .main_inner .main_frame .main_noti_box .noti_box .noti_items .noti_item .noti_item_inner .noti_item_list li a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    color: #fff;
    font-size: 17px;
    font-family: var(--font-prel);
}

.wp_wrap main #s_main .main_inner .main_frame .main_noti_box .noti_box .noti_items .noti_item .noti_item_inner .noti_item_list li a::before {
    display: block;
    content: "\2731";
    margin-right: 5px;
}

/* MAIN - Section_Main - Overlay */
.wp_wrap main #s_main #s_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;


}

.wp_wrap main #s_main #s_overlay .overlay_inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame {
    width: 100%;
    padding-top: 100px;
}

/* MAIN - Section_Main - Overlay Txt_box */
.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_txt_box {
    padding: 15px 0;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_txt_box .txt_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_txt_box .txt_box .txt_box_inner {
    min-width: 42%;
    text-align: right;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_txt_box .txt_box .txt_box_inner .overlay_min_txt {
    color: #D30D0D;
    font-size: 25px;
    font-family: var(--font-prer);
    opacity: 0;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_txt_box .txt_box .txt_box_inner .overlay_tit {
    color: #3E3E3E;
    font-size: 45px;
    font-family: var(--font-preel);
    margin-bottom: 30px;
    opacity: 0;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_txt_box .txt_box .txt_box_inner .overlay_tit .txt_bold {
    font-family: var(--font-preb);
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_txt_box .txt_box .txt_box_inner .overlay_tit_des {
    color: #858585;
    font-size: 20px;
    font-family: var(--font-prer);
    line-height: 1.4em;
    opacity: 0;
}

/* MAIN - Section_Main - Overlay Img_box */
.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box {
    padding: 15px 0;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box .img_box {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box .img_box .img_box_inner {
    width: 900px;
    height: 350px;
    /* border: 1px solid #000; */
    /*border-radius: 0 133px 0 133px;*/
    /*overflow: hidden;*/

    position: relative;
}



/* 25.04.30 수정된사항 */
.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box {}



.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box .noti_items {
    position: relative;
    width: 900px;
    height: 352px;
    border-radius: 0 133px 0 133px;
    background-image: url(/img/main/bg_front02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box .noti_items .mn_show2 {
    position: absolute;
    /*left: 44.5%;*/
    /*top: 47%;*/
    /*transform: translate(-44.5%, -47%);*/

    left: -45px;
    top: -45px;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box .noti_items .noti_item {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 50px 110px;
    /*    background-color: rgba(42, 42, 42, .5);*/
    border-radius: 0 133px 0 133px;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box .noti_items .noti_item.on {
    display: block;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box .noti_items .noti_item .noti_item_inner {}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box .noti_items .noti_item .noti_item_inner .noti_item_tit {
    color: #fff;
    font-size: 30px;
    font-family: var(--font-sbr);
    margin-bottom: 20px;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box .noti_items .noti_item .noti_item_inner .noti_item_list {
    line-height: 25px;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box .noti_items .noti_item .noti_item_inner .noti_item_list li {
    padding-bottom: 5px;
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box .noti_items .noti_item .noti_item_inner .noti_item_list li a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    color: #fff;
    font-size: 17px;
    font-family: var(--font-prel);
}

.wp_wrap main #s_main #s_overlay .overlay_inner .overlay_frame .overlay_img_box .noti_items .noti_item .noti_item_inner .noti_item_list li a::before {
    display: block;
    content: "\2731";
    margin-right: 5px;
}










/* MAIN - Section_Main - scroll_down_ICON */
.wp_wrap main #s_main #scr_dwn_bx {
    position: absolute;
    left: 18%;
    bottom: 10%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    z-index: 50;
}

.wp_wrap main #s_main #scr_dwn_bx .scr_cic_frm {
    padding-top: 10px;
}

.wp_wrap main #s_main #scr_dwn_bx .scr_cic_frm .scr_cic {
    position: relative;
    min-width: 12px;
    width: 12px;
    height: 12px;
    opacity: 0;
    border-radius: 50%;
}

.wp_wrap main #s_main #scr_dwn_bx .scr_cic_frm .scr_cic01 {
    background-color: #FCE2E2;
    z-index: 1;
    animation: dwnAni 2.5s infinite;
}

.wp_wrap main #s_main #scr_dwn_bx .scr_cic_frm .scr_cic02 {
    background-color: #F99696;
    top: -6px;
    z-index: 2;
    animation: dwnAni 2.5s 0.25s infinite;
}

.wp_wrap main #s_main #scr_dwn_bx .scr_cic_frm .scr_cic03 {
    background-color: #DB1F1F;
    top: -12px;
    z-index: 3;
    animation: dwnAni 2.5s 0.45s infinite;
}

.wp_wrap main #s_main #scr_dwn_bx .scr_txt {
    font-size: 15px;
    font-family: var(--font-prem);
}

@keyframes dwnAni {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}





/* MAIN - Section_PORTFOLIO ------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #s_ptf {}

.wp_wrap #s_ptf .ptf_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 120px 0;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain {}

.wp_wrap #s_ptf .ptf_inner .ptf_contain>.tit {
    opacity: 0;
    font-size: 50px;
    font-family: var(--font-preel);
    text-align: center;
    margin-bottom: 15px;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain>.tit>b {
    font-family: var(--font-preb);
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont {}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_hd {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 30px;
    opacity: 0;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_hd>.btn_more {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: #AF1111;
    font-size: 20px;
    font-family: var(--font-sbr);
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_hd>.btn_more>i {
    transition: 0.4s;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_hd>.btn_more:hover>i {
    transform: rotate(360deg);
    transition: 0.4s;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 15px;
    margin-bottom: 60px;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont {}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main>.img_box {}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main>.img_box>img {}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main>.box_ovly {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(39, 39, 39, .76);
    backdrop-filter: blur(1.5px);
    transition: 0.4s;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main:hover>.box_ovly {
    opacity: 1;
    transition: 0.4s;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main .box_ovly .ovly_ir {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 70px 55px;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main .box_ovly .ovly_ir>.txt_box {
    max-width: 420px;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main .box_ovly .ovly_ir>.txt_box>.flag_txt {
    color: #ABABAB;
    font-size: 36px;
    font-family: var(--font-sbb);
    margin-bottom: 20px;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main .box_ovly .ovly_ir>.txt_box>.txt_tit {
    color: #fff;
    font-size: 20px;
    font-family: var(--font-prel);
    margin-bottom: 35px;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main .box_ovly .ovly_ir>.txt_box>.txt_des {
    color: #fff;
    font-size: 16px;
    font-family: var(--font-prel);
    line-height: 25px;
}


.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main .box_ovly .ovly_ir .ovly_arw_box {
    position: absolute;
    top: 50%;
    right: 5%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transform: translateY(-50%);
    z-index: 99;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main .box_ovly .ovly_ir .ovly_arw_box .btn_mv_arw {
    position: unset;
    transform: unset;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main .box_ovly .ovly_ir .ovly_arw_box .btn_mv_arw>i {}


.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub {}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item>.img_box {
    aspect-ratio: 1/1;
    overflow: hidden;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item>.box_ovly {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 35px 25px;
    transition: 0.4s;
    background-color: rgba(62, 62, 62, .46);
    backdrop-filter: blur(2px);
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item:hover>.box_ovly {
    opacity: 1;
    transition: 0.4s;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item>.box_ovly .ovly_ir {
    position: relative;
    width: 100%;
    height: 100%;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item>.box_ovly .ovly_ir>.txt_box {}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item>.box_ovly .ovly_ir>.txt_box>.flag_txt {
    color: #fff;
    font-size: 17px;
    font-family: var(--font-sbb);
    margin-bottom: 10px;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item>.box_ovly .ovly_ir>.txt_box>.txt_tit {
    color: #fff;
    font-size: 15px;
    font-family: var(--font-prel);
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item>.box_ovly .ovly_ir>.ovly_arw_box {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item>.box_ovly .ovly_ir>.ovly_arw_box>.btn_mv_arw {
    position: unset;
    transform: unset;
    max-width: 92px;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item>.box_ovly .ovly_ir>.ovly_arw_box>.btn_mv_arw>i {}



.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_ft {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_ft>.btn_more {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding-bottom: 5px;
    color: #3E3E3E;
    font-size: 20px;
    font-family: var(--font-sbr);
    border-bottom: 1px solid #3E3E3E;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_ft>.btn_more>i {
    transition: 0.4s;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_ft>.btn_more:hover>i {
    transform: rotate(360deg);
    transition: 0.4s;
}







/* 월요일 주석 풀기 */
/* 2025.01.24 메인 포트폴리오 수정 - 화영 */
.wp_wrap #s_ptf.s_ptf {
    background: url('../img/main/mPf_bg.jpg') no-repeat center center / cover;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item>.box_ovly {
    background-color: none;
    backdrop-filter: blur(0);
}

/* .wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item>.box_ovly .ovly_ir>.ovly_arw_box .pulse-button {
    box-shadow: 0 0 0 0 rgb(255 196 196 / 50%);
    background-color: #c9787866;
}
.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item>.box_ovly .ovly_ir>.ovly_arw_box .pulse-button i {
    background-color: rgb(211 13 13 / 52%);
    box-shadow: 0px 0px 5px #893f3f;
} */
.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea {
    display: flex;
    flex-direction: column;
    border-radius: 0;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .txt_box {
    flex: 1;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .txt_box .txtBox1 {
    margin-bottom: 12px;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .txt_box .txtBox1 p {
    font-size: 60px;
    font-family: var(--font-pret);
    color: #242424;
    letter-spacing: -1.4px;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .txt_box .txtBox1 p span {
    font-family: var(--font-preeb);
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .txt_box .txtBox2 {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .txt_box .txtBox2 p {
    font-size: 16px;
    font-family: var(--font-prer);
    color: #8D8D8D;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .txt_box .txtBox2 p.chinese {
    display: flex;
    align-items: center;
    font-family: var(--font-preb);
    color: #565555;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .txt_box .txtBox2 p.chinese span {
    margin-left: 5px;
    width: 44px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #fff;
    background: #C61212;
    font-size: 16px;
    font-family: var(--font-prel);
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .txt_box .txtBox3 {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .txt_box .txtBox3 p {
    font-size: 18px;
    font-family: var(--font-prel);
    color: #242424;
    line-height: 1.7;
    letter-spacing: -0.4px;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .logo_box {}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .logo_box p {
    font-size: 30px;
    font-family: var(--font-preel);
    color: #373737;
    text-align: right;
    padding-right: 10px;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_main.descArea .logo_box p span {
    font-family: var(--font-preb);
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item {}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item a {
    display: block;
    width: 100%;
    height: 100%;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item a .sq_in {
    position: relative;
    width: 100%;
    height: 100%;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item a .sq_in .img_box {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item a .sq_in .img_box>img {
    filter: grayscale(1);
    transition: 0.3s;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item a .sq_in .box_ovly {
    display: none;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item a .sq_in .plus_view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    background-color: rgb(211 13 13 / 70%);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item a .sq_in .plus_view p {
    color: #fff;
    font-size: 20px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item.morePf {
    background: #fff;
    border: 1px solid #BEBEBE;
    transition: 0.3s;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item.morePf .sq_in {
    width: 100%;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item.morePf .sq_in .txt_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item.morePf .sq_in .txt_box .desc_box {}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item.morePf .sq_in .txt_box .desc_box .tit {
    font-size: 16px;
    font-family: var(--font-prel);
    color: #373737;
    line-height: 1.5;
    transition: 0.3s;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item.morePf .sq_in .gotoBtn {
    display: flex;
    justify-content: flex-end;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item.morePf .sq_in .gotoBtn .btn {
    font-size: 17px;
    color: #B70C0C;
    font-family: var(--font-sbr);
    transition: 0.3s;
}

/* hover 시 */
.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item.morePf:hover {
    background: #B70C0C;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item.morePf:hover .sq_in .txt_box .desc_box .tit,
.wp_wrap #s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item.morePf:hover .sq_in .gotoBtn .btn {
    color: #fff;
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item:hover a .sq_in .img_box>img {
    filter: grayscale(0);
}

.wp_wrap #s_ptf.s_ptf .ptf_inner .ptf_contain .ptf_cont .ptf_bd .bd_cont .sq_sub .sq_item:hover a .sq_in .plus_view {
    opacity: 1;
}






/* MAIN - Section_INTRO ----------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap main #s_intro {
    background-color: transparent;
    background-image: url(../img/main/main_bg01.jpg)
}

.wp_wrap main #s_intro .intro_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.wp_wrap main #s_intro .intro_inner .intro_txt_box {
    text-align: center;
}

.wp_wrap main #s_intro .intro_inner .intro_txt_box .intro_tit {
    font-size: 72px;
    font-family: var(--font-prell);
    margin-bottom: 34px;
    color: #fff;
    letter-spacing: -4px;
}

.wp_wrap main #s_intro .intro_inner .intro_txt_box .intro_tit::after {
    content: "|";
    animation: blink 0.4s step-end infinite;
    color: #fff;
}

.wp_wrap main #s_intro .intro_inner .intro_txt_box .intro_tit.dot::after {
    content: ".";
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    49% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.wp_wrap main #s_intro .intro_inner .intro_txt_box .intro_des {
    overflow: hidden;
    font-size: 22px;
    font-family: var(--font-prer);
    opacity: 0;
    line-height: 32px;
    color: #fff;
}

.wp_wrap main #s_intro .intro_inner .intro_txt_box .intro_des .txt_bold {
    color: #e50a0a;
    font-family: var(--font-presl);
}




/* MAIN - Section_PRODUCTS -----------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap main #s_products {
    background-image: url(../img/main/bg_wind.png);
    background-repeat: no-repeat;
    background-position: -25% 100%;
    background-size: 50%;
    background-attachment: fixed;
}

.wp_wrap main #s_products .product_contain {}

.wp_wrap main #s_products .product_contain .contain_inner {}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 100px 0;
}


/* MAIN - Section_PRODUCTS - TXT 영역 */
.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .lt_contain {}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .lt_contain .lt_contain_inner {}


/* Main_tit */
.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .lt_contain .lt_contain_inner .pd_main_txt {
    margin-bottom: 70px;
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .lt_contain .lt_contain_inner .pd_main_txt .pd_tit {
    font-size: 58px;
    font-family: var(--font-sbr);
    margin-bottom: 14px;
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .lt_contain .lt_contain_inner .pd_main_txt .pd_tit .pd_bold {
    color: #D30D0D;
    font-family: var(--font-sbb);
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .lt_contain .lt_contain_inner .pd_main_txt .pd_des {
    font-size: 28px;
    font-family: var(--font-prel);
}

/* Sub_tit */
.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .lt_contain .lt_contain_inner .pd_sub_txt {}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .lt_contain .lt_contain_inner .pd_sub_txt .pd_sub_tit {
    margin-bottom: 14px;
    font-size: 34px;
    font-family: var(--font-prem);
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .lt_contain .lt_contain_inner .pd_sub_txt .pd_sub_tit .txt_light {
    font-family: var(--font-prel);
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .lt_contain .lt_contain_inner .pd_sub_txt .pd_sub_des {
    font-size: 20px;
    font-family: var(--font-prel);
}


/* MAIN - Section_PRODUCTS - IMG 영역 */
.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain {}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain .img_frame {
    position: relative;
    overflow: hidden;
    border-radius: 40px;
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain .img_frame img {
    animation: scale 10s infinite;

}

@keyframes scale {
    0% {
        transform: scale(100%)
    }

    50% {
        transform: scale(110%) rotate(-1deg)
    }

    100% {
        transform: scale(100%)
    }
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain .img_frame .img_txt_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 80px 50px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    background-color: rgba(0, 0, 0, 0.5);


}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain .img_frame .img_txt_box .img_txt_inner {}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain .img_frame .img_txt_box .img_txt_inner .img_tit {
    color: #fff;
    font-size: 40px;
    font-family: var(--font-sbb);
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain .img_frame .img_txt_box .img_txt_inner .img_des {
    color: #fff;
    font-size: 19px;
    font-family: var(--font-prel);
    margin: 36px 0;
    line-height: 27px;
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain .img_frame .img_txt_box .img_txt_inner .img_guide {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain .img_frame .img_txt_box .img_txt_inner .img_guide li {}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain .img_frame .img_txt_box .img_txt_inner .img_guide li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    font-size: 19px;
    font-family: var(--font-prel);
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain .img_frame .img_txt_box .img_txt_inner .img_guide li a:hover .guide_circle {
    background-color: #d30d0db3;
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain .img_frame .img_txt_box .img_txt_inner .img_guide li a .guide_circle {
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    background-color: transparent;
    border: 3px solid #DBDBDB;
    border-radius: 50%;
    transition: 0.4s;
}

.wp_wrap main #s_products .product_contain .contain_inner .slide_contain .rt_contain .img_frame .img_txt_box .img_txt_inner .img_guide li.on a .guide_circle {
    border: 3px solid #FF4848;

}



/* MAIN - Section_SIMPLE -----------------------------------------------------------------------------------------------------------------------------*/

.wp_wrap main #s_simple {
    background-image: url(../img/main/simple_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.wp_wrap main #s_simple .simple_inner {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.wp_wrap main #s_simple .simple_inner .simple_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.wp_wrap main #s_simple .simple_inner .simple_list li {
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fff;
    position: relative;
}

.wp_wrap main #s_simple .simple_inner .simple_list li:last-child {
    border: none;
}

.wp_wrap main #s_simple .simple_inner .simple_list li .simple_tit {
    color: #fff;
    font-size: 20px;
    font-family: var(--font-sbr);
}


.wp_wrap main #s_simple .simple_inner .simple_list li .btn_simple {
    /* margin-top: 40px; */
    top: 55%;
    left: 43%;
    transform: translate(-43%, -55%);
}

.wp_wrap main #s_simple .simple_inner .simple_list li .des_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(229, 56, 56, 0.8);
}

.wp_wrap main #s_simple .simple_inner .simple_list li.on .des_box {
    display: flex;
}

.wp_wrap main #s_simple .simple_inner .simple_list li .des_box .simple_des {
    margin-top: 25px;
    color: #fff;
    font-size: 17px;
    font-family: var(--font-prer);
    text-align: center;
}


/* MAIN - Section_NOW -----------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap main #s_now {
    overflow: hidden;
}

.wp_wrap main #s_now .now_inner {}

.wp_wrap main #s_now .now_inner .now_box {}

.wp_wrap main #s_now .now_inner .now_box .now_tit_box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 80px;
    opacity: 0;
}

.wp_wrap main #s_now .now_inner .now_box .now_tit_box .now_tit {
    color: #2D2B2B;
    font-size: 70px;
    font-family: var(--font-prel);
}

.wp_wrap main #s_now .now_inner .now_box .now_tit_box .now_tit .txt_bold {
    font-family: var(--font-presb);
}

.wp_wrap main #s_now .now_inner .now_box .now_tit_box .now_des {
    color: #686868;
    font-size: 20px;
    font-family: var(--font-prel);
    padding-bottom: 15px;
    padding-left: 15px;
}


.wp_wrap main #s_now .now_inner .now_box .now_tit_box .now_des i {
    color: #fff;
    animation: lightChg 3s ease-in infinite;
}

@keyframes lightChg {
    0% {
        color: #fff;
    }

    25% {
        color: #ffc800;
    }

    75% {
        color: #fff;
    }

    100% {
        color: #ffc800;
    }
}

.wp_wrap main #s_now .now_inner .now_box .now_content {}

.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list {}

.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list .now_item {
    position: relative;
}

.wp_wrap main #s_now .now_inner .nw_ln1,
.wp_wrap main #s_now .now_inner .nw_ln3 {
    position: absolute;
    left: -5%;
    bottom: 0;
    width: 1px;
    height: 300%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-color: #DBDBDB;
    opacity: 0;
}

.wp_wrap main #s_now .now_inner .nw_ln2 {
    position: absolute;
    left: -5%;
    top: 0;
    width: 1px;
    height: 300%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: #DBDBDB;
    opacity: 0;
}

.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list .now_item .now_line .now_circle {
    display: block;
    min-width: 10px;
    min-height: 10px;
    border-radius: 50%;
    background-color: #dbdbdb;
}


.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list .now_item .now_item_inner {
    opacity: 0;
}


.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list .now_item .now_item_inner .item_tit_box {
    margin-bottom: 18px;
}

.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list .now_item .now_item_inner .item_tit_box .item_tit {
    color: #2D2B2B;
    font-size: 30px;
    font-family: var(--font-prel);
    margin-bottom: 11px;
}

.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list .now_item .now_item_inner .item_tit_box .item_des {
    color: #959595;
    font-size: 18px;
    font-family: var(--font-prel);
}

.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list .now_item .now_item_inner .item_list_box {
    width: 362px;
    height: 200px;
    padding: 18px;
    background-color: #F8F8F8;
    box-sizing: border-box;
    overflow: hidden;
}

.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list .now_item .now_item_inner .item_list_box li {
    color: #2D2B2B;
    font-size: 18px;
    font-family: var(--font-prel);
}

.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list .now_item .now_item_inner .item_info_box {}

.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list .now_item .now_item_inner .item_info_box>a {
    display: block;
    color: #D30D0D;
    font-size: 57px;
    font-family: var(--font-presb);
    margin-bottom: 30px;
    letter-spacing: -1.5px;
}

.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list .now_item .now_item_inner .item_info_box .work_info {
    line-height: 27px;
}

.wp_wrap main #s_now .now_inner .now_box .now_content .now_content_list .now_item .now_item_inner .item_info_box .work_info>li {
    color: #2D2B2B;
    font-size: 18px;
    font-family: var(--font-prel);
}

/* MAIN - Section_PARTNERS-----------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap main #s_partners {
    background-image: url(../img/main/partner_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.wp_wrap main #s_partners .partners_inner {
    height: 100%;
    background-color: rgba(52, 52, 52, 0.5);
}

.wp_wrap main #s_partners .partners_inner .partner_box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.wp_wrap main #s_partners .partners_inner .partner_box .lt_part {
    width: 40%;
    padding-right: 120px;
}

.wp_wrap main #s_partners .partners_inner .partner_box .lt_part .pt_tit_box {
    text-align: right;
    opacity: 0;
}

.wp_wrap main #s_partners .partners_inner .partner_box .lt_part .pt_tit_box .pt_tit {
    color: #fff;
    font-size: 88px;
    font-family: var(--font-prer);
}

/* PT_LINE */
.wp_wrap main #s_partners .partners_inner .partner_box .lt_part .pt_line {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 25px 0 30px;
    opacity: 0;
}

.wp_wrap main #s_partners .partners_inner .partner_box .lt_part .pt_line::before {
    display: block;
    content: "";
    position: absolute;
    left: -100%;
    top: 50%;
    transform: translate(0, -50%);
    width: 200%;
    height: 1px;
    background-color: #fff;
}

.wp_wrap main #s_partners .partners_inner .partner_box .lt_part .pt_line .pt_circle {
    display: block;
    width: 14px;
    height: 14px;
    background-color: #CBCBCB;
    border-radius: 50%;
    z-index: 99;
}



.wp_wrap main #s_partners .partners_inner .partner_box .lt_part .pt_tit_box .pt_tit_des {
    color: #C1C1C1;
    font-size: 25px;
    font-family: var(--font-prel);
}

.wp_wrap main #s_partners .partners_inner .partner_box .lt_part .pt_des_box {
    text-align: right;
}

.wp_wrap main #s_partners .partners_inner .partner_box .lt_part .pt_des_box .pt_des {
    color: #fff;
    font-size: 19px;
    font-family: var(--font-prel);
    opacity: 0;
}

.wp_wrap main #s_partners .partners_inner .partner_box .rt_part {
    width: 60%;
}

.wp_wrap main #s_partners .partners_inner .partner_box .rt_part .pt_scroll_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    opacity: 0;
}

.wp_wrap main #s_partners .partners_inner .partner_box .rt_part .pt_scroll_box .cst_list {
    width: 25%;
    height: 550px;
    overflow: hidden;
}

.wp_wrap main #s_partners .partners_inner .partner_box .rt_part .pt_scroll_box .cst_list li {
    padding: 12px 0;
    color: #fff;
    font-size: 17px;
    font-family: var(--font-prel);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/* 파트너스 리뉴얼 2025.07.09 */

.wp_wrap main #s_partners.sec_rnw_ptn {
    width: 100%;
    height: 100%;
    background-image: unset;
    position: relative;
}

.wp_wrap main #s_partners.sec_rnw_ptn .video_bx {
    width: 100%;
    height: 100vh;
}

.wp_wrap main #s_partners.sec_rnw_ptn .video_bx>video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp_wrap main #s_partners.sec_rnw_ptn  .partners_inner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: unset;
}
.wp_wrap main #s_partners .partners_inner .ptn_bx {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-left: 100px;
}

.wp_wrap #ptn_form {
    max-width: 1200px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    padding: 80px 70px;
    background-color: #fff;
    border-radius: 50px 0 50px 0;
}

.wp_wrap #ptn_form>.lt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.wp_wrap #ptn_form>.lt .slog_bx {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    height: 220px;
    font-size: 99px;
    font-family: var(--font-preel);
    letter-spacing: -3px;
}

.wp_wrap #ptn_form>.lt .slog_bx>.slog01 {
    min-width: 580px;
    white-space: nowrap;
    display: block;
    position: absolute;
    left: -240px;
    top: 0;
}

.wp_wrap #ptn_form>.lt .slog_bx>.slog02 {
    display: block;
    position: absolute;
    left: -100px;
    bottom: 0;
    color: #CBCBCB;
}

.wp_wrap #ptn_form>.lt .info_list {}

.wp_wrap #ptn_form>.lt .info_list>li {}

.wp_wrap #ptn_form>.lt .info_list>li>.txt {
    color: #707070;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    font-size: 20px;
    font-family: var(--font-prer);
    line-height: 30px;
}

.wp_wrap #ptn_form>.lt .info_list>li>.txt::before {
    display: block;
    content: "*";
}

.wp_wrap #ptn_form>.lt .info_tel {
    margin-top: 50px;
}

.wp_wrap #ptn_form>.lt .info_tel>dt {
    font-size: 20px;
    font-family: var(--font-prer);
}

.wp_wrap #ptn_form>.lt .info_tel>dd {}

.wp_wrap #ptn_form>.lt .info_tel>dd>a {
    color: #808080;
    font-size: 30px;
    font-family: var(--font-prer);
    transition: 0.4s;
}

.wp_wrap #ptn_form>.lt .info_tel>dd>a:hover {
    color: #bf0808;
    transition: 0.4s;
}

.wp_wrap #ptn_form>.rt {
    min-width: 650px;
}

.wp_wrap #ptn_form>.rt .inp_bx {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.wp_wrap #ptn_form>.rt .inp_bx .inp_row {
    width: 100%;
}

.wp_wrap #ptn_form>.rt .inp_bx .inp_row01 {}

.wp_wrap #ptn_form>.rt .inp_bx .inp_row02 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.wp_wrap #ptn_form>.rt .inp_bx .inp_row .inp_col {}

.wp_wrap #ptn_form>.rt .inp_bx .inp_row .inp_col>input[type=text] {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border: 1px solid #CBCBCB;
    outline: none;
}

.wp_wrap #ptn_form>.rt .inp_bx .inp_row .inp_col>textarea {
    width: 100%;
    min-height: 275px;
    padding: 10px;
    outline: none;
    border: 1px solid #CBCBCB;
}

.wp_wrap #ptn_form>.rt .inp_bx .inp_row .inp_col>textarea::placeholder,
.wp_wrap #ptn_form>.rt .inp_bx .inp_row .inp_col>input[type=text]::placeholder {
    font-size: 15px;
    font-family: var(--font-prel);
}


.wp_wrap #ptn_form>.rt .inp_bx .agr_row {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.wp_wrap #ptn_form>.rt .inp_bx .agr_row .inp_col{
    display: flex;
    justify-content: center;
    align-content: center;
    gap:10px
}
.wp_wrap #ptn_form>.rt .inp_bx .agr_row .inp_col>input[type=checkbox]{}
.wp_wrap #ptn_form>.rt .inp_bx .agr_row .inp_col>span{
    font-size: 16px;
    cursor: pointer;
}
.wp_wrap #ptn_form>.rt .inp_bx .btn_row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:20px;
}
.wp_wrap #ptn_form>.rt .inp_bx .btn_row .inp_col{}
.wp_wrap #ptn_form>.rt .inp_bx .btn_row .inp_col>input[type=file]{
    position: relative;
    width: 320px;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items:center;
    padding-left: 10px;
    line-height: 50px;
    color:#959595;
    font-size: 15px;
    font-family: var(--font-prer);
    border:1px solid #CBCBCB;
    box-sizing: border-box;
    cursor: pointer;
}
.wp_wrap #ptn_form>.rt .inp_bx .btn_row .inp_col>input[type=file]::file-selector-button{
    position: absolute;
    right: -10px;
    width: 110px;
    height: 50px;
    color:#959595;
    font-size: 15px;
    font-family: var(--font-prel);
    background-color: #3E3E3E;
    border:none;
    outline: none;
    cursor: pointer;
}

.wp_wrap #ptn_form>.rt .inp_bx .btn_row .btn_sbm {
    max-width: 200px;
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 15px;
    font-family: var(--font-prel);
    background-color: #3E3E3E;
    transition: 0.4s;
}

.wp_wrap #ptn_form>.rt .inp_bx .btn_row .btn_sbm:hover {
    background-color: #B70C0C;
    transition: 0.4s;
}


/* 개인정보 모달창 */
.wp_wrap #mdl_agr{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding:10px;
    background-color: rgba(0, 0, 0, .16);
    z-index: 900;
}
.wp_wrap #mdl_agr .mdl_wrap{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp_wrap #mdl_agr .mdl_ir{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap:10px;
    max-width: 650px;
    width: 100%;
    padding:30px;
    background-color: #fff;
    border-radius: 20px;
}
.wp_wrap #mdl_agr .mdl_ir .mdl_hd{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wp_wrap #mdl_agr .mdl_ir .mdl_hd>.tit{
    font-size: 24px;
    font-family: var(--font-preb);
}
.wp_wrap #mdl_agr .mdl_ir .mdl_hd>.btn_mdl_cls{
    font-size: 26px;
    background: none;
}
.wp_wrap #mdl_agr .mdl_ir .mdl_hd>.btn_mdl_cls>i{}
.wp_wrap #mdl_agr .mdl_ir .mdl_bd{
    width: 100%;
    padding:20px;
    border:1px solid #ddd;
    height: 300px;
    font-size: 16px;
    font-family: var(--font-prer);
    box-sizing: border-box;
    overflow-y: auto;
    word-wrap: break-word;
}
.wp_wrap #mdl_agr .mdl_ir .mdl_ft{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp_wrap #mdl_agr .mdl_ir .mdl_ft >label{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 180px;
    width: 100%;
    height: 50px;
    color:#fff;
    font-size: 16px;
    font-family: var(--font-preb);
    background-color: #ddd;
    border-radius: 5px;
}
.wp_wrap #mdl_agr .mdl_ir .mdl_ft >label:hover{
    background-color: #B70C0C;
    transition: 0.4s;
}



/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* SUB */
/**********************************************************************************************************************/
/* SUB - COMMON ======================================================================================================*/

/* SUB - SUB_TOP ======================================================================================================*/
.wp_wrap main .s_sub_top {
    overflow: hidden;
    /* border-bottom: 1px solid #707070; */
}

.wp_wrap main .s_sub_top .sub_top_inner {
    padding: 10% 0 5%;
}

.wp_wrap main .s_sub_top .sub_top_inner .sub_top_txt {}

.wp_wrap main .s_sub_top .sub_top_inner .sub_top_txt .sub_top_des {
    color: #D30D0D;
    font-size: 15px;
    font-family: var(--font-prem);
    opacity: 0;
}

.wp_wrap main .s_sub_top .sub_top_inner .sub_top_txt .sub_top_tit {
    color: #4B4949;
    font-size: 40px;
    font-family: var(--font-preel);
    letter-spacing: -1px
}

.wp_wrap main .s_sub_top .sub_top_inner .sub_top_txt .sub_top_tit .txt_bold {
    font-family: var(--font-presb);
}


/*===========================================================================================================================*/
/* 서브탑 리뉴얼 버전 2025.07.09 */

.wp_wrap main .s_sub_top .sub_top_inner02 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10% 0 5%;
}

.wp_wrap main .s_sub_top .sub_top_inner02 .sub_top_txt {}

.wp_wrap main .s_sub_top .sub_top_inner02 .sub_top_txt .sub_top_des {
    color: #D30D0D;
    font-size: 15px;
    font-family: var(--font-prem);
    opacity: 0;
}

.wp_wrap main .s_sub_top .sub_top_inner02 .sub_top_txt .sub_top_tit {
    color: #4B4949;
    font-size: 40px;
    font-family: var(--font-preel);
    letter-spacing: -1px
}

.wp_wrap main .s_sub_top .sub_top_inner02 .sub_top_txt .sub_top_tit .txt_bold {
    font-family: var(--font-presb);
}



.wp_wrap main .s_sub_top .sub_top_inner02 .sub_top_sd{
    display: none;
}
.wp_wrap main .s_sub_top .sub_top_inner02 .sub_top_sd .tp{
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
}
.wp_wrap main .s_sub_top .sub_top_inner02 .sub_top_sd .tp>.tit{
    color:#8E8E8E;
    font-size: 30px;
    font-family: var(--font-preb);
}
.wp_wrap main .s_sub_top .sub_top_inner02 .sub_top_sd .tp>.tit>span{
    color:#404040;
}

.wp_wrap main .s_sub_top .sub_top_inner02 .sub_top_sd .bt{
    position: relative;
    width: 200%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:60px;
    padding:40px 0 40px 80px;
    background-color: #F2F2F2;
    border-radius: 80px 0 0 80px;
    box-shadow: inset 0 3px 10px rgba(0,0,0,.09);
}
.wp_wrap main .s_sub_top .sub_top_inner02 .sub_top_sd .bt .ptn_sd{
    max-width: 160px;
    overflow: hidden;
}
.wp_wrap main .s_sub_top .sub_top_inner02 .sub_top_sd .bt .ptn_sd li{
    padding:7px 0;
}
.wp_wrap main .s_sub_top .sub_top_inner02 .sub_top_sd .bt .ptn_sd li>a{
    font-size: 17px;
    font-family: var(--font-prel);
    display: block;
}




/* SUB - SUB_CONTAINER ======================================================================================================*/
.wp_wrap main .s_sub_container {}

/* SUB - SUB_CONTAINER - CONTAINER_HEAD */
.wp_wrap main .s_sub_container .container_head {
    position: sticky;
    left: 0;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    z-index: 890;
}

.wp_wrap main .s_sub_container .container_head .container_head_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* SUB - SUB_CONTAINER - CONTAINER_HEAD - TAB_LIST  */
.wp_wrap main .s_sub_container .container_head .container_head_inner .tab_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* width: 372px; */
    /*width: 30%;*/
    gap: 60px;
    flex-shrink: 1;
}

.wp_wrap main .s_sub_container .container_head .container_head_inner .tab_list>a {
    position: relative;
    display: block;
    padding: 8px 0;
    color: #3E3E3E;
    font-size: 17px;
    font-family: var(--font-prel);
}

.wp_wrap main .s_sub_container .container_head .container_head_inner .tab_list>a.active {
    font-family: var(--font-presb);
}

.wp_wrap main .s_sub_container .container_head .container_head_inner .tab_list>a:hover::after,
.wp_wrap main .s_sub_container .container_head .container_head_inner .tab_list>a.active::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #D30D0D;
}


/* SUB - SUB_CONTAINER - CONTAINER_HEAD */
.wp_wrap main #container_head {
    position: sticky;
    left: 0;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #dfdfdf;
    z-index: 890;
}

.wp_wrap main #container_head .container_head_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* SUB - SUB_CONTAINER - CONTAINER_HEAD - TAB_LIST  */
.wp_wrap main #container_head .container_head_inner .tab_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* width: 372px; */
    /*width: 30%;*/
    gap: 60px;
    flex-shrink: 1;
}

.wp_wrap main #container_head .container_head_inner .tab_list>a {
    position: relative;
    display: block;
    padding: 8px 0;
    color: #3E3E3E;
    font-size: 17px;
    font-family: var(--font-prel);
}

.wp_wrap main #container_head .container_head_inner .tab_list>a.active {
    font-family: var(--font-presb);
}

.wp_wrap main #container_head .container_head_inner .tab_list>a:hover::after,
.wp_wrap main #container_head .container_head_inner .tab_list>a.active::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #D30D0D;
}

/* SUB - SUB_CONTAINER - CONTAINER_HEAD - TAB_GUIDE  */
.wp_wrap .container_head_inner .tab_guide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* width: 155px; */
    width: auto;
    flex-shrink: 0;
}

.wp_wrap .container_head_inner .tab_guide>a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #959595;
    font-size: 15px;
    font-family: var(--font-prel);
    padding: 8px 0;
}

.wp_wrap .container_head_inner .tab_guide>a::after {
    display: block;
    content: "\003E";
    color: #EBE7E7;
    margin: 0 5px;
}

.wp_wrap .container_head_inner .tab_guide>a:last-child:after {
    display: none;
}

.wp_wrap .tab_guide>a.active {
    font-family: var(--font-presb);
}

.wp_wrap .tab_guide>a i {
    font-size: 20px;
}


/* SUB - SUB_CONTAINER - CONTAINER_CONTENTS  */
.wp_wrap main .s_sub_container .container_contents {}

.wp_wrap main .s_sub_container .container_contents .join_content .wp_container {
    margin: 0 auto;
}

.wp_wrap main .s_sub_container .container_contents .mnt_content .wp_container {
    margin: 0 auto;
}

.wp_wrap main .s_sub_container .container_contents .notice_content .wp_container {
    margin: 0 auto;
}

.wp_wrap main .s_sub_container .container_contents .online_content .wp_container {
    margin: 0 auto;
}



/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* DRAFT */
/**********************************************************************************************************************/
/* DRAFT - COMMON ==================================================================================================*/

/* DRAFT - PRIMIUM_PAGE ============================================================================================*/
.wp_wrap main .s_sub_container .container_contents .s_draft {
    padding: 36px 0 158px;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box {
    margin-bottom: 40px;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box .ctg_list {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box .ctg_list .ctg_tit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 85px;
    height: 30px;
    margin-right: 20px;
    color: #fff;
    font-size: 15px;
    font-family: var(--font-prel);
    background-color: #3E3E3E;
}
.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box .ctg_list .mo_ctg_sel {
    display: none;
    height: 30px;
    text-align: center;
    border:none;
    border-bottom:1px solid #ddd;
}

.catewrap {
    display: flex;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box .ctg_list .ctg_items {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box .ctg_list .ctg_items>li {
    padding: 5px 10px;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box .ctg_list .ctg_items>li>a {
    color: #3E3E3E;
    font-size: 15px;
    font-family: var(--font-prel);
}

.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box .ctg_list .ctg_items>li.active a {
    font-family: var(--font-preb);
}


/* FIXED_MENU - SERCH_BAR */
.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box .ctg_list .sch_bar_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*margin-bottom: 50px;*/
}

.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box .ctg_list .sch_bar_box .sch_bar {

    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #efefef;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box .ctg_list .sch_bar_box .sch_bar input[type="text"] {
    border: none;
    outline: none;
    padding: 10px 0;
    background: none;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box .ctg_list .sch_bar_box .sch_bar .sch_btn {}

.wp_wrap main .s_sub_container .container_contents .s_draft .ctg_box .ctg_list .sch_bar_box .sch_bar .sch_btn i {
    color: #959595;
    font-size: 26px;
}


.wp_wrap main .s_sub_container .container_contents .s_draft .draft_content {}

.wp_wrap main .s_sub_container .container_contents .s_draft .draft_content .draft_cont {}

.wp_wrap main .s_sub_container .container_contents .s_draft .draft_content .draft_cont .draft_items {
    margin-bottom: 100px;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .draft_content .draft_cont .draft_items .draft_item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    gap: 15px;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .draft_content .draft_cont .draft_items .draft_item .img_cell {
    position: relative;
    border: 1px solid #b9b9b9;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .draft_content .draft_cont .draft_items .draft_item .img_cell img {
    width: 100%;
    object-fit: cover;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .draft_content .draft_cont .draft_items .draft_item .img_cell .cell_txt_box {
    position: absolute;
    right: 0;
    top: 8%;
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: rgba(36, 33, 33, 0.8);
    border-radius: 50px 0 0 50px;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .draft_content .draft_cont .draft_items .draft_item .img_cell .cell_txt_box .txt_box {
    width: 50%;
    color: #fff;
    font-size: 15px;
    font-family: var(--font-prel);
    text-align: center;
}

.wp_wrap main .s_sub_container .container_contents .s_draft .draft_content .draft_cont .draft_items .draft_item .img_cell .cell_txt_box .draft_btn {
    position: unset;
}


/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* SERVICE */
/**********************************************************************************************************************/
/* 주문제작 - 슬라이드 카테고리 */


.wp_wrap main .s_sub_container .container_contents .s_service .wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box {}

.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .slide_ctg_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .slide_ctg_box>dl {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    cursor: pointer;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .slide_ctg_box>dl:last-child {
    margin: 0;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .slide_ctg_box>dl>dt {
    width: 25px;
    height: 25px;
    background-color: #DBDBDB;
    border-radius: 50%;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .slide_ctg_box>dl.on>dt {
    background-color: #D30D0D;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .slide_ctg_box>dl>dd {
    font-size: 25px;
    font-family: var(--font-prel);
    margin-left: 12px;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .custom_slide {
    border-radius: 0 100px 0 100px;
    overflow: hidden;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .custom_slide>li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .custom_slide li img {}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .custom_slide li .slide_txt_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 166px;
    background-color: rgba(0, 0, 0, 0.4);
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .custom_slide li .slide_txt_box .slide_txt {}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .custom_slide li .slide_txt_box .slide_txt .slide_tit {
    color: #FBF8F8;
    font-size: 50px;
    font-family: var(--font-prel);
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .custom_slide li .slide_txt_box .slide_txt .slide_tit::after {
    display: block;
    content: "";
    width: 95px;
    height: 5px;
    margin: 20px 0;
    background-color: #D2D2D2;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .custom_slide li .slide_txt_box .slide_txt .slide_des {
    color: #FBF8F8;
    font-size: 20px;
    font-family: var(--font-prel);
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .custom_slide li .slide_txt_box .slide_txt .list_txt {
    margin-top: 20px;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .custom_slide li .slide_txt_box .slide_txt .list_txt li {
    display: block;
    color: #FBF8F8;
    font-size: 20px;
    font-family: var(--font-prel);
}



/* 슬라이드 넘버 */

.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box {
    position: relative;
    margin: 120px 0;
}

.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .slide_num {
    position: absolute;
    right: 5%;
    bottom: 5%;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .slide_num .pageNum {
    color: #fff;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .slide_num .pageNum .current-slide-no {
    font-size: 50px;
    font-family: var(--font-preeb);
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .slide_num .pageNum .slash {
    font-size: 36px;
}


.wp_wrap main .s_sub_container .container_contents .s_service .custom_slide_box .slide_num .pageNum .total-slide-no {
    color: #fff;
    font-size: 36px;
    font-family: var(--font-prem);
}





/* PROMISE ----------------------------------------------------------------------------------------------------------------------------------------*/

.wp_wrap main .s_sub_container .container_contents .s_service_slide {
    display: block;
    padding: 150px 0;
    background-color: #F8F8F8;
    cursor: none;
}

/* .wp_wrap .cursor { */
.wp_wrap .cursor {
    position: absolute;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: all 0.3s ease;
    transition-property: background, transform;
    transform-origin: 100% 100%;
    background-size: cover;
    z-index: 100 !important;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #d30d0d;
    /* 화살표 */
}

.wp_wrap .cursor::after {
    position: absolute;
    left: -39px;
    top: -30px;
    width: 60px;
    height: 60px;
    display: block;
    content: "";
    background-color: rgba(201, 201, 201, 0.2);
    border-radius: 50%;
    z-index: 1;
}




.wp_wrap main .s_sub_container .container_contents .s_service_slide .service_content {}


.wp_wrap main .s_sub_container .container_contents .s_service_slide .service_content .promise_slide {}


.wp_wrap main .s_sub_container .container_contents .s_service_slide .service_content .promise_slide li {
    display: flex;
    justify-content: space-around;
    align-items: center;
}


.wp_wrap main .s_sub_container .container_contents .s_service_slide .service_content .promise_slide li .prm_lt {
    min-width: 50%;
    padding: 25px;
    text-align: right;
}


.wp_wrap main .s_sub_container .container_contents .s_service_slide .service_content .promise_slide li .prm_lt .prm_txt1 {
    color: #3E3E3E;
    font-size: 210px;
    font-family: var(--font-sc4);
    opacity: 0;
}


.wp_wrap main .s_sub_container .container_contents .s_service_slide .service_content .promise_slide li .prm_lt .prm_txt2 {
    color: #DBDBDB;
    font-size: 150px;
    font-family: var(--font-preel);
    opacity: 0;
}


.wp_wrap main .s_sub_container .container_contents .s_service_slide .service_content .promise_slide li .prm_rt {
    min-width: 50%;
    padding: 25px;
}


.wp_wrap main .s_sub_container .container_contents .s_service_slide .service_content .promise_slide li .prm_rt .prm_txt3 {
    font-size: 25px;
    font-family: var(--font-prel);
    letter-spacing: -1px;
    opacity: 0;
}


.wp_wrap main .s_sub_container .container_contents .s_service_slide .service_content .promise_slide li .prm_rt .prm_txt4 {
    font-size: 25px;
    font-family: var(--font-prel);
    margin-top: 45px;
    letter-spacing: -1px;
    opacity: 0;
}


.wp_wrap main .s_sub_container .container_contents .s_service_slide .service_content .promise_slide li .prm_rt .prm_txt5 {
    color: #C4C4C4;
    font-size: 157px;
    font-family: var(--font-prem);
    margin-top: 40px;
    opacity: 0;
}




.wp_wrap main .s_sub_container .container_contents .s_service_slide .service_content .promise_slide li .prm_rt .btn_prm {
    width: 197px;
    height: 50px;
    margin-top: 62px;
    color: #D30D0D;
    font-size: 17px;
    font-family: var(--font-prer);
    background-color: #fff;
    border: 1px solid #CBCBCB;
}


.wp_wrap main .s_sub_container .container_contents .s_service_slide .service_content .promise_slide li .prm_rt .btn_prm:hover {
    color: #fff;
    background-color: #d30d0d;
    border: 1px solid #D30D0D;
    transition: 0.5s;
}




/* PROCESS ----------------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap main .s_sub_container .container_contents .s_service_list {
    display: block;
    padding: 120px 0;
}


.wp_wrap main .s_sub_container .container_contents .s_service_list .service_content {
    position: relative;
    margin-top: 120px;
    border-top: 1px solid #DBDBDB;
}

/* .wp_wrap main .s_sub_container .container_contents .s_service_list .service_content::before {
    position: absolute;
    left: 40%;
    top: 0;
    display: block;
    content:"";
    width: 1px;
    height: 118%;
    display: block;
    background-color: #dbdbdb;
} */

.wp_wrap main .s_sub_container .container_contents .s_service_list .service_content .process_list_box {}

.wp_wrap main .s_sub_container .container_contents .s_service_list .service_content .process_list_box .process_list {
    margin: 100px 0 100px;
    position: relative;
}

.wp_wrap main .s_sub_container .container_contents .s_service_list .service_content .process_list_box .process_list::before {
    display: block;
    position: absolute;
    left: 4.2%;
    /* top: -10%; */
    top: -100px;
    content: "";
    width: 1px;
    height: 141.5%;
    background-color: #dbdbdb;
    z-index: 0;
}

.wp_wrap main .s_sub_container .container_contents .s_service_list .service_content .process_list_box .process_list li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 44px;
    /* background-color: #fff; */
}

.wp_wrap main .s_sub_container .container_contents .s_service_list .service_content .process_list_box .process_list li.on .prc_ico {
    color: #fff;
    background-color: #D30D0D;
}

.wp_wrap main .s_sub_container .container_contents .s_service_list .service_content .process_list_box .process_list li.on .prc_txt .prc_tit {
    color: #D30D0D;
}

.wp_wrap main .s_sub_container .container_contents .s_service_list .service_content .process_list_box .process_list li .prc_ico {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    min-height: 100px;
    font-size: 40px;
    font-family: var(--font-preb);
    border-radius: 50%;
    box-shadow: 1px 3px 14px #00000042;
    z-index: 2;
    background-color: #fff;
}

.wp_wrap main .s_sub_container .container_contents .s_service_list .service_content .process_list_box .process_list li .prc_ico img {}

.wp_wrap main .s_sub_container .container_contents .s_service_list .service_content .process_list_box .process_list li .prc_txt {
    padding: 0 25px;
}

.wp_wrap main .s_sub_container .container_contents .s_service_list .service_content .process_list_box .process_list li .prc_txt .prc_tit {
    color: #3E3E3E;
    font-size: 30px;
    font-family: var(--font-prel);
    margin-bottom: 12px;
}

.wp_wrap main .s_sub_container .container_contents .s_service_list .service_content .process_list li .prc_txt .prc_des {
    color: #3E3E3E;
    font-size: 17px;
    font-family: var(--font-prel);
    line-height: 1.5em;
}

/* MAINTENACE ----------------------------------------------------------------------------------------------------------------------------------------*/

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box {
    margin-top: 112px;
}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .mtc_list {}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .mtc_list .mtc_item {
    padding: 45px;
    border: 1px solid #646464;
}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .mtc_list .mtc_item:nth-child(2) {
    background-color: #F5F5F5;
}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .mtc_list .mtc_item .mtc_item_inner {}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .mtc_list .mtc_item .mtc_item_inner .mtc_item_tit {
    color: #646464;
    font-size: 40px;
    font-family: var(--font-prel);
    text-align: center;
}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .mtc_list .mtc_item .mtc_item_inner .mtc_item_tit::after {
    display: block;
    content: "";
    width: 128px;
    height: 5px;
    margin: 12px auto 54px;
    background-color: #D2D2D2;
}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .mtc_list .mtc_item .mtc_item_inner .mtc_item_list {}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .mtc_list .mtc_item .mtc_item_inner .mtc_item_list>li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    color: #646464;
    font-size: 21px;
    font-family: var(--font-prel);
    line-height: 1.5em
}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .mtc_list .mtc_item .mtc_item_inner .mtc_item_list>li::before {
    display: block;
    content: "	\25A0";
    font-size: 16px;
    margin-right: 5px;
    margin-top: 0px;
}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .prm_guide_box {
    margin-top: 64px;
}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .prm_guide_box .prm_tit {
    color: #646464;
    font-size: 40px;
    font-family: var(--font-preel);
    margin-bottom: 42px;
}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .prm_guide_box .prm_guide_list {
    line-height: 29px;
}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .prm_guide_box .prm_guide_list>li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    color: #646464;
    font-size: 20px;
    font-family: var(--font-prel);
}

.wp_wrap main .s_sub_container .container_contents .s_service .mtc_list_box .prm_guide_box .prm_guide_list>li::before {
    display: block;
    content: "	\25A0";
    font-size: 16px;
    margin-right: 5px;
}


.wp_wrap main .s_sub_container .container_contents .cost_sec {
    background-color: #f8f8f8;
}

/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* EXAMPLE */
/**********************************************************************************************************************/
/* EXAMPLE - COMMON ==================================================================================================*/
/* MODAL_GALLERY_MAIN_PAGE */
.wp_wrap #modal .modal_inner02 {
    height: 100%;
}

.wp_wrap #modal .modal_inner .mdl_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* MODAL_GALLERY */
.wp_wrap #modal .modal_inner .modal_gallery {
    width: 100%;
    padding: 30px;
    background-color: #FCFCFC;
    border-radius: 10px;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner {
    position: relative;
}

/* MODAL_GALLERY - button */
.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner #modal_cls {
    position: absolute;
    right: 0;
    top: 0;
    width: 66px;
    height: 66px;
    background-color: #959595;
    border-radius: 50%;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner #modal_cls i {
    color: #fff;
    font-size: 30px;
}

/* MODAL_GALLERY - CONTENT */
.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content {
    height: 800px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    overflow-y: scroll;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content::-webkit-scrollbar {
    width: 5px;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #8d8d8d72;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content::-webkit-scrollbar-track {
    background-color: #fff;
}

/* MODAL_GALLERY - LEFT */
.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_lt {
    width: 50%;
    padding: 10px;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_lt .img_frame {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_lt .img_frame img {}

/* MODAL_GALLERY - RIGHT */
.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt {
    width: 50%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame {}

/* MODAL_GALLERY - RIGHT - TITLE */
.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_tit {
    color: #3E3E3E;
    font-size: 40px;
    font-family: var(--font-prer);
    text-align: center;
    padding: 22px 0;
    text-align: center;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_tit:after {
    display: block;
    content: "";
    width: 122px;
    height: 3px;
    background-color: #D30D0D;
    margin: 22px auto;
}

/* MODAL_GALLERY - RIGHT - INFOMATION */
.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_info {}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_info li {
    margin-bottom: 52px;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_info li:last-child {
    display: none;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_info li .modal_info_item {}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_info li .modal_info_item dt {
    color: #3E3E3E;
    font-size: 30px;
    font-family: var(--font-sbr);
    margin-bottom: 23px;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_info .modal_info_item dd {
    font-size: 17px;
    font-family: var(--font-prel);
    text-align: left;
    line-height: 1.5em;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_info .modal_info_item dd .info_list {
    width: 40%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_info .modal_info_item dd .info_list dt {
    width: 40%;
    color: #3E3E3E;
    font-size: 17px;
    font-family: var(--font-presb);
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_info .modal_info_item dd .info_list dd {
    width: 60%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
    font-size: 17px;
    font-family: var(--font-prel);
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_info .modal_info_item dd .info_list dd .col_circle {
    display: block;
    width: 45px;
    height: 45px;
    border: 1px solid #BCBCBC;
    border-radius: 50%;
}


/* MODAL_GALLERY - RIGHT - HASH_TAG */
.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_hash_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 62px;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_hash_list a {
    color: #3E3E3E;
    font-size: 17px;
    font-family: var(--font-prel);
}

/* MODAL_GALLERY - RIGHT - MOVE_BUTTON */
.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_btn_list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_btn_list .modal_mv_btn {
    width: 198px;
    height: 50px;
    font-size: 15px;
    font-family: var(--font-prel);
    border: 1px solid #CBCBCB;
    transition: 0.5s;
}

.wp_wrap #modal .modal_inner .modal_gallery .modal_gallery_inner .modal_content .modal_gallery_rt .txt_frame .modal_btn_list .modal_mv_btn:hover {
    color: #fff;
    background-color: #D30D0D;
    border: 1px solid #D30D0D;
    transition: 0.5s;
}

/* EXAMPLE - PRODUCE_PAGE ============================================================================================*/
.wp_wrap main .s_sub_container .container_contents .s_gallery_cont {
    /*padding: 6.3% 0;*/
}

.wp_wrap main .s_sub_container .container_contents .s_gallery_cont .gallery_items {
    margin-bottom: 3.9%;
}

.wp_wrap main .s_sub_container .container_contents .s_gallery_cont .gallery_items .gallery_item {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    transition: 1s;
    border: 1px solid #efefef;
}


.wp_wrap main .s_sub_container .container_contents .s_gallery_cont .gallery_items .gallery_item img {
    transition: 1s;
}

.wp_wrap main .s_sub_container .container_contents .s_gallery_cont .gallery_items .gallery_item .img_info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.5s;
}

.wp_wrap main .s_sub_container .container_contents .s_gallery_cont .gallery_items .gallery_item:hover .img_info {
    display: flex;

}

.wp_wrap main .s_sub_container .container_contents .s_gallery_cont .gallery_items .gallery_item:hover img {
    filter: blur(3px);
}

.wp_wrap main .s_sub_container .container_contents .s_gallery_cont .gallery_items .gallery_item .img_info .img_info_inner {
    font-family: 'Pretendard-Light';

}

.wp_wrap main .s_sub_container .container_contents .s_gallery_cont .gallery_items .gallery_item .img_info .img_info_inner .img_info_min {
    color: #ffffff61;
    font-size: 20px;
    padding-bottom: 5px;
    display: inline-block;
    position: absolute;
    bottom: 30px;
}

.wp_wrap main .s_sub_container .container_contents .s_gallery_cont .gallery_items .gallery_item .img_info .img_info_inner .img_info_tit {
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
    transition: 0.4S;
}

.wp_wrap main .s_sub_container .container_contents .s_gallery_cont .gallery_items .gallery_item .img_info .img_info_inner .img_info_des {
    color: #fff;
    font-size: 15px;
    transition: 0.5s;
    line-height: 1.5em;
}

.wp_wrap main .s_sub_container .container_contents .s_gallery_cont .gallery_items .gallery_item .gly_btn {
    width: 92px;
    height: 92px;
    left: unset;
    top: unset;
    right: 5%;
    bottom: 5%;
}

/* EXAMPLE - PRIMIUM_PAGE ============================================================================================*/

/* EXAMPLE - SHOP_PAGE ===============================================================================================*/


/**********************************************************************************************************************/






/**********************************************************************************************************************/
/* CUSTOMER */
/**********************************************************************************************************************/
/* CUSTOMER - COMMON =================================================================================================*/
.wp_wrap main .s_sub_container .container_contents .ct_container {
    padding: 120px 0;
}

/* CUSTOMER - NOTICE =================================================================================================*/
.wp_wrap main .s_sub_container .container_contents .ct_container {}

/* NOTICE - CONTENT */
.wp_wrap main .s_sub_container .container_contents .ct_container .notice_content {
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
}

.wp_wrap main .s_sub_container .container_contents .ct_container .notice_content>p {
    font-size: 40px;
}


/* CUSTOMER - INTRODUCE ==============================================================================================*/

/* ABOUT_US */
.wp_wrap main .s_sub_container .container_contents .abt_content {}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_list {
    margin: 112px 0 62px;
}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_list .abt_item {
    padding: 90px 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_list .abt_item:nth-child(1) {
    background-image: url(../img/sub/about1.jpg);
}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_list .abt_item:nth-child(2) {
    background-image: url(../img/sub/about2.jpg);
}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_list .abt_item:nth-child(3) {
    background-image: url(../img/sub/about3.jpg);
}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_list .abt_item .abt_item_inner {}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_list .abt_item .abt_item_inner .abt_item_tit {
    color: #646464;
    font-size: 40px;
    font-family: var(--font-prel);
    text-align: center;
}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_list .abt_item .abt_item_inner .abt_item_tit::after {
    display: block;
    content: "";
    width: 100px;
    height: 5px;
    margin: 22px auto;
    background-color: #646464;
}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_list .abt_item .abt_item_inner .txt_list {}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_list .abt_item .abt_item_inner .txt_list>li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    color: #646464;
    font-size: 19px;
    font-family: var(--font-prel);
}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_list .abt_item .abt_item_inner .txt_list>li::before {
    display: block;
    content: "	\25A0";
    color: #646464;
    margin-right: 5px;
}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_intro {}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_intro .abt_intro_tit {
    color: #646464;
    font-size: 40px;
    font-family: var(--font-prel);
    margin-bottom: 22px;
    ;
}

.wp_wrap main .s_sub_container .container_contents .abt_content .ct_container .abt_intro .abt_intro_des {
    font-size: 20px;
    font-family: var(--font-prel);
    color: #646464;
    line-height: 29px;
}



/* Corporate Identity */
.wp_wrap main .s_sub_container .container_contents .s_cpid {
    background-color: #F8F8F8;
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 95px;
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_top {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 592px;
    height: 592px;
    background-color: #fff;
    border: 1px solid #EBE7E7;
}


.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bg1 {
    background-color: #3E3E3E;
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_top img {}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot {}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot .cpid_exp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot .cpid_exp .exp_txt {
    color: #646464;
    font-size: 128px;
    font-family: var(--font-prel);
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot .cpid_exp .exp_color {}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot .cpid_exp .exp_color>li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #646464;
    font-size: 19px;
    font-family: var(--font-prer);
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot .cpid_exp .exp_color>li>span {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot .cpid_exp .exp_color>li .sq_col1 {
    background-color: #0B0B0B;
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot .cpid_exp .exp_color>li .sq_col2 {
    background-color: #3E3E3E;
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot .cpid_exp .exp_color>li .sq_col3 {
    background-color: #D30D0D;
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot .cpid_exp .exp_color>li .sq_col4 {
    background-color: #F4F4F4;
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot .cpid_exp .exp_color>li .sq_col5 {
    background-color: #D5D5D5;
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot .cpid_exp .exp_color>li .sq_col6 {
    background-color: #D30D0D;
}

.wp_wrap main .s_sub_container .container_contents .s_cpid .cpid_content .cpid_ct .cpid_bot .exp_des {
    color: #646464;
    font-size: 20px;
    font-family: var(--font-prel);
}


/* editor say */
.wp_wrap main .s_sub_container .container_contents .s_edt {}

.wp_wrap main .s_sub_container .container_contents .s_edt .edt_content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 0;
    background-image: url(../img/sub/tp_mark.jpg), url(../img/sub/bt_mark.jpg);
    background-position: 0 0, 100% 100%;
    background-repeat: no-repeat;
}

.wp_wrap main .s_sub_container .container_contents .s_edt .edt_content .edt_txt_des {
    color: #3E3E3E;
    font-size: 26px;
    font-family: var(--font-prel);
    line-height: 1.4em;
}

.wp_wrap main .s_sub_container .container_contents .s_edt .edt_content .edt_txt_des span {
    display: block;
    text-align: right;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    color: #8b8b8b;
}

/* CUSTOMER - ONLINE_CONSULT =========================================================================================*/



.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content {
    margin-top: 120px;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_frame {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 1200px;
    padding: 80px 72px;
    background-color: #F8F8F8;
    border-radius: 60px 0 60px 0;

}

/* CUSTOMER - TAX_BILL - LEFT */
.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_lt {
    width: 40%;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_lt .txb_lt_cont {}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_tit_box {}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_tit_box .txb_tit {
    line-height: 55px;
    margin-bottom: 36px;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_tit_box .txb_tit>span {
    font-size: 85px;
    font-family: var(--font-preel);
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_tit_box .txb_tit .tit_line1 {
    margin-left: -34%;
    color: #3E3E3E;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_tit_box .txb_tit .tit_line2 {
    color: #CBCBCB
}


.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_guid_txt {
    line-height: 25px;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_guid_txt>li {
    color: #707070;
    font-size: 18px;
    font-family: var(--font-prer);
    padding-bottom: 5px;
}

/* MEMBER - TAX_BILL - RIGHT */
.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt {
    width: 60%;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .inp_line {}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line5 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line6 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
}

/* 파일첨부 시작--------------------------------------------------------------------------------------------*/
.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line7 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 5;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .file_zone .tit {
    font-size: 15px;
    margin-bottom: 5px;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .file_zone .file_add_itm {
    width: 100%;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .file_zone .file_add_itm .add_file_lb {
    /*width: 50%;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #101010;
    border: 1px solid #C4C4C4;
    margin-bottom: 5px;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .file_zone .file_add_itm .add_file_lb i {
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .file_zone .file_add_itm .add_file_lb>input[type="file"] {
    width: 100%;
    background-color: #fff;
    cursor: pointer;
    border: none;
    padding: 0;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .file_zone .file_add_itm .add_file_lb>input[type=file]::file-selector-button {
    background: #101010;
    color: #fff;
    border: none;
    outline: none;
    padding: 8px 15px 8px 5px;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .file_zone .file_add_itm .file_check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .file_zone .file_add_itm .file_check>input[type="checkbox"] {
    margin-right: 10px;
    width: auto;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .file_zone .file_add_itm .file_check>label {
    width: 80%;
    font-size: 14px;
    font-family: var(--font-prer);
}

/* 파일첨부 끝--------------------------------------------------------------------------------------------*/

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .inp_line input {
    width: 100%;
    padding: 16px 12px;
    outline: none;
    border: 1px solid #CBCBCB;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .inp_line textarea {
    width: 100%;
    padding: 16px 12px;
    outline: none;
    border: 1px solid #CBCBCB;
    resize: none;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .inp_line textarea::placeholder,
.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .inp_line input::placeholder {
    color: #959595;
    font-size: 15px;
    font-family: var(--font-prel);
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .inp_line button {
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #3E3E3E;
    border: 1px solid #CBCBCB;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line13 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 7;
    grid-row-end: 8;
    padding: 0px 12px;
    background-color: #fff;
    border: 1px solid #cbcbcb;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line13 dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .inp_line.txb_inp_line13 input[type="file"] {
    border: unset;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line13 dl dt {
    width: 30%;
    color: #2D2B2B;
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line13 dl dd {
    width: 70%;
    display: flex;
    justify-content: space-evenly;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line13 {}



.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line14 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line14 button {
    width: 70%;
    height: 50px;
}


.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .pvc_box {
    font-size: 18px;
    font-family: var(--font-prel);
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .pvc_box .pvc_txt {
    font-family: var(--font-prem);
}

.wp_wrap main .s_sub_container .container_contents .s_notice .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line14 button {
    width: 70%;
}

/* CUSTOMER - MAINTENNANCE ===========================================================================================*/

/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* MEMBER */
/**********************************************************************************************************************/
/* MEMBER - COMMON ===================================================================================================*/
.wp_wrap main .s_sub_container .container_contents .ct_container {
    padding: 120px 0;
    overflow: clip;
}

/* MEMBER - JOIN  ====================================================================================================*/
/* MEMBER - LOG_IN  ==================================================================================================*/
/* MEMBER - MAINTANCE  ===============================================================================================*/
/* MEMBER - TAX_BILL  ================================================================================================*/
.wp_wrap main .s_sub_container .container_contents .s_txb {
    overflow: unset;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content {}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_frame {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 1200px;
    padding: 80px 72px;
    background-color: #F8F8F8;
    border-radius: 60px 0 60px 0;

}

/* MEMBER - TAX_BILL - LEFT */
.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_lt {
    width: 40%;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_lt .txb_lt_cont {}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_tit_box {}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_tit_box .txb_tit {
    line-height: 55px;
    margin-bottom: 36px;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_tit_box .txb_tit>span {
    font-size: 85px;
    font-family: var(--font-preel);
    text-wrap: nowrap;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_tit_box .txb_tit .tit_line1 {
    margin-left: -34%;
    color: #3E3E3E;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_tit_box .txb_tit .tit_line2 {
    color: #CBCBCB
}


.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_guid_txt {
    line-height: 25px;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_lt .txb_lt_cont .txb_guid_txt>li {
    color: #707070;
    font-size: 18px;
    font-family: var(--font-prer);
}

/* MEMBER - TAX_BILL - RIGHT */
.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt {
    width: 60%;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line5 {
    /*grid-column-start: 1;*/
    /*grid-column-end: 3;*/
    /*grid-row-start: 3;*/
    /*grid-row-end: 4;*/
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line6 {
    /*grid-column-start: 1;*/
    /*grid-column-end: 3;*/
    /*grid-row-start: 4;*/
    /*grid-row-end: 5;*/
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line15 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    padding: 16px 12px;
    background-color: #fff;
    border: 1px solid #cbcbcb;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line15 dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line15 dl dt {
    width: 20%;
    color: #2D2B2B;
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line15 dl dd {
    width: 80%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line15 dl dd .rd_line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line15 dl dd .rd_line label {
    color: #959595;
    font-size: 15px;
    margin-left: 5px;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line15 dl dd .rd_line label:hover {
    color: #2D2B2B;
}


.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line16 {
    grid-column-start: 1;
    grid-column-end: 3;
    /*grid-row-start: 8;*/
    /*grid-row-end: 9;*/
    padding: 16px 12px;
    background-color: #fff;
    border: 1px solid #cbcbcb;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line16 dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line16 dl dt {
    width: 30%;
    color: #2D2B2B;
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line16 dl dd {
    width: 70%;
    display: flex;
    justify-content: space-evenly;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line16 dl dd .rd_line {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line16 dl dd .rd_line input {}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line16 dl dd .rd_line label {
    color: #959595;
    font-size: 15px;
    margin-left: 5px;
    letter-spacing: -1px;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line16 dl dd .rd_line1 {}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line16 dl dd .rd_line2 {}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line16 dl dd .rd_line3 {}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line17 {
    grid-column-start: 1;
    grid-column-end: 3;
    /*grid-row-start: 9;*/
    /*grid-row-end: 10;*/
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line17 .dl {}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line17 .dl dt {}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line17 .dl dd {}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .inp_line input[type="text"] {
    width: 100%;
    padding: 16px 12px;
    outline: none;
    border: 1px solid #CBCBCB;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .inp_line input[type="file"] {
    width: 100%;
    padding: 16px 12px;
    outline: none;
    border: 1px solid #CBCBCB;
    background-color: #fff;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .inp_line input::placeholder {
    color: #959595;
    font-size: 15px;
    font-family: var(--font-prel);
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .inp_line button {
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #3E3E3E;
    border: 1px solid #CBCBCB;
}


.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line14 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .pvc_box {
    font-size: 18px;
    font-family: var(--font-prel);
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .pvc_box .pvc_txt {
    font-family: var(--font-prem);
}

.wp_wrap main .s_sub_container .container_contents .s_txb .txb_content .txb_inner .txb_rt .txb_inp_box .txb_inp_line14 button {
    width: 70%;
    height: 50px;
}

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 2023.01.25 VER2 영역 */
/**********************************************************************************************************************/


/* MAIN - Section_QA ----------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #s_qa {}

.wp_wrap #s_qa .qa_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    /* padding:120px 0; */
}

.wp_wrap #s_qa .qa_inner02 {
    padding: 120px 0;
}

.wp_wrap #s_qa .qa_inner .qa_contain {
    padding-top: 60px;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box {
    text-align: center;
    margin-bottom: 30px;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box .qa_tit {
    font-size: 50px;
    font-family: var(--font-pret);
    margin-bottom: 30px;
    opacity: 0;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box .qa_tit2 {
    opacity: 1;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box .qa_tit .tit_cir {
    position: relative;
    font-family: var(--font-preb);
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box .qa_tit .tit_cir::after {
    position: absolute;
    top: -20%;
    left: 50%;
    display: block;
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #D40E29;
    transform: translate(-50%, 0%);
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box .qa_tit .tit_cir:nth-child(1):after {
    animation: flick 4s ease-in-out 0s infinite;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box .qa_tit .tit_cir:nth-child(2):after {
    animation: flick 4s ease-in-out 0.5s infinite;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box .qa_tit .tit_cir:nth-child(3):after {
    animation: flick 4s ease-in-out 1.0s infinite;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box .qa_tit .tit_cir:nth-child(4):after {
    animation: flick 4s ease-in-out 1.5s infinite;
}

@keyframes flick {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 100%;
    }

    100% {
        opacity: 0;
    }
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box .qa_tit .txt_bold {
    font-family: var(--font-preb);
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box .qa_des {
    font-size: 30px;
    font-family: var(--font-prel);
    line-height: 44px;
    opacity: 0;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box .qa_des2 {
    opacity: 1;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_tit_box .qa_des .hilight {
    color: #fff;
    background-color: #3E3E3E;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_cont {
    opacity: 0;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_cont2 {
    opacity: 1;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_cont .qa_cont_tit {
    color: #242424;
    font-size: 80px;
    font-family: var(--font-preeb);
    margin-bottom: 30px;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_cont .prg_box {
    min-height: 350px;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_cont .prg_box .qa_cont_des {
    color: #242424;
    font-size: 18px;
    font-family: var(--font-prel);
    line-height: 24px;
    margin-bottom: 30px;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_cont .prg_box .qa_cont_des:last-child {
    margin: 0;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_cont .prg_box .qa_cont_des .txt_bold {
    font-family: var(--font-preb);
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_cont .prg_box .qa_cont_des .hilight {
    color: #fff;
    background-color: #3E3E3E;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_ct_cont {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_ct_cont2 {
    opacity: 1;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_ct_cont i {
    font-size: 50px;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_ct_cont .arrow_fst {
    color: #707070;
}

.wp_wrap #s_qa .qa_inner .qa_contain .qa_content .qa_ct_cont .arrow_lst {}



.wp_wrap #s_qa .qa_inner .qa_contain .down_btn_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #s_qa .qa_inner .qa_contain .down_btn_box .btn_dwn {
    flex-direction: column;
}

.wp_wrap #s_qa .qa_inner .qa_contain .down_btn_box .btn_dwn img {
    display: block;
}




/* MAIN - Section_SPEC ----------------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap .sec_spec {}

.wp_wrap .sec_spec .spec_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 80px 0 40px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain {
    max-width: 1100px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_tit_box {
    text-align: center;
    margin-bottom: 60px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_tit_box .spec_tit {
    color: #242424;
    font-size: 50px;
    font-family: var(--font-pret);
    opacity: 0;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_tit_box .spec_tit .tit_cir2 {
    position: relative;
    font-family: var(--font-preb);
}




.wp_wrap .sec_spec .spec_inner .spec_contain .spec_tit_box .spec_tit .tit_cir2::after {
    position: absolute;
    top: -20%;
    left: 50%;
    display: block;
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #D40E29;
    transform: translate(-50%, 0%);
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_tit_box .spec_tit .tit_cir2:nth-child(1):after {
    animation: flick 4s ease-in-out 0.0s infinite;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_tit_box .spec_tit .tit_cir2:nth-child(2):after {
    animation: flick 4s ease-in-out 0.5s infinite;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_tit_box .spec_tit .tit_cir2:nth-child(3):after {
    animation: flick 4s ease-in-out 1.5s infinite;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_tit_box .spec_tit .tit_cir2:nth-child(4):after {
    animation: flick 4s ease-in-out 2.0s infinite;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_tit_box .spec_tit .txt_bold {
    font-family: var(--font-preb);
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content {
    opacity: 0;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont {
    overflow: hidden;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box {}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .txt_tit_box {
    margin-bottom: 50px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .txt_tit_box .spec_cont_tit {
    font-size: 58px;
    margin-bottom: 15px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .txt_tit_box .spec_cont_tit .txt_ffb {
    color: #D30D0D;
    font-family: var(--font-sbb);
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .txt_tit_box .spec_cont_tit .txt_ffl {
    color: #3E3E3E;
    font-family: var(--font-sbr);
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .txt_tit_box .spec_min_tit {
    font-size: 34px;
    font-family: var(--font-prel);
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_chart_box {
    margin-bottom: 50px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_chart_box .spec_chart {
    position: relative;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_chart_box .spec_chart .chart_bar {
    height: 40px;
    border-radius: 24px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_chart_box .spec_chart .chart_txt {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px 25px;
    color: #fff;
    font-size: 17px;
    font-family: var(--font-prel);
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_chart_box .spec_chart:nth-child(1) .chart_bar1,
.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_chart_box .spec_chart:nth-child(1) .chart_bar4 {
    width: 335px;
    background-color: #818181;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_chart_box .spec_chart:nth-child(2) .chart_bar2,
.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_chart_box .spec_chart:nth-child(2) .chart_bar5 {
    width: 420px;
    background-color: #444444;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_chart_box .spec_chart:nth-child(3) .chart_bar3,
.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_chart_box .spec_chart:nth-child(3) .chart_bar6 {
    width: 270px;
    background-color: #0C0C0C;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: stretch;
    gap: 5px;
    padding-bottom: 30px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_list li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #3E3E3E;
    font-size: 16px;
    font-family: var(--font-prel);
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_list li::before {
    display: block;
    content: "\2022";
    margin-right: 5px;
    font-size: 32px;
    line-height: 0;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_hash {
    max-width: 430px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 15px;
    row-gap: 5px;
    padding: 15px;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_hash>li {}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_hash>li>a {
    color: #373737;
    font-size: 15px;
    font-family: var(--font-prel);
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_hash>li:hover>a {
    font-family: var(--font-preb);
    text-decoration: underline;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_tip_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 50px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_tip_box dt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    width: 50px;
    height: 22px;
    color: #fff;
    font-size: 15px;
    font-family: var(--font-prel);
    background-color: #3E3E3E;
    border-radius: 13px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_lt_cont .txt_box .spec_tip_box dd {
    flex-grow: 1;
    color: #7E7E7E;
    font-size: 15px;
    font-family: var(--font-prel);
    line-height: 18px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide {}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li {
    position: relative;
    overflow: hidden;
    border-radius: 35px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li img {}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li .slide_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 50px;
    /* background-color: rgba(100, 100, 100, .5); */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 70%, rgba(6, 6, 6, 0.6) 100%);
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li .slide_overlay .overlay_tit_box {}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li .slide_overlay .overlay_tit_box .overlay_tit {
    color: #fff;
    font-size: 40px;
    font-family: var(--font-sbb);
    margin-bottom: 15px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li .slide_overlay .overlay_tit_box .overlay_des {
    color: #fff;
    font-size: 19px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .overlay_arrow_box {
    position: absolute;
    top: 50%;
    right: 5%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transform: translate(0, -50%);
    z-index: 99;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide .slick-prev {
    display: none !important;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .overlay_arrow_box .pulse-button {
    position: unset;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li .slide_overlay .overlay_btn_box {}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li .slide_overlay .overlay_btn_box .btn_oly {
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 19px;
    font-family: var(--font-prel);
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li .slide_overlay .overlay_btn_box .btn_oly:first-child {
    margin-bottom: 15px;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li .slide_overlay .overlay_btn_box .btn_oly .qtn_cir {
    width: 22px;
    height: 22px;
    border: 3px solid #DBDBDB;
    background: transparent;
    border-radius: 50%;
    margin-right: 5px;
    transition: 0.5s;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li .slide_overlay .overlay_btn_box .btn_oly .ptf_cir {
    width: 22px;
    height: 22px;
    border: 3px solid #FF4848;
    border-radius: 50%;
    background: transparent;
    margin-right: 5px;
    transition: 0.5s;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li .slide_overlay .overlay_btn_box .btn_oly:hover .qtn_cir {
    background-color: #DBDBDB;
    transition: 0.5s;
}

.wp_wrap .sec_spec .spec_inner .spec_contain .spec_content .spec_rt_cont .spec_slide li .slide_overlay .overlay_btn_box .btn_oly:hover .ptf_cir {
    background-color: #ff4848;
    transition: 0.5s;
}

/* MAIN - Section_POINT -----------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #s_point {
    background-color: #F8F8F8;
}

.wp_wrap #s_point .point_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    /* padding:120px 0; */
}

.wp_wrap #s_point .point_inner02 {
    padding: 120px 0;
}

.wp_wrap #s_point .point_inner .point_contain {}

.wp_wrap #s_point .point_inner .point_contain .point_tit_box {
    opacity: 0;
}

.wp_wrap #s_point .point_inner .point_contain .point_tit_box2 {
    opacity: 1;
}

.wp_wrap #s_point .point_inner .point_contain .point_tit_box .point_tit {
    color: #3E3E3E;
    font-size: 65px;
    font-family: var(--font-prel);
    text-align: center;
    margin-bottom: 70px;
    margin-top: 30px;
}

.wp_wrap #s_point .point_inner .point_contain .point_tit_box .point_tit .txt_bold {
    font-family: var(--font-preb);
}

.wp_wrap #s_point .point_inner .point_contain .point_tit_box .point_tit .point_cic {
    position: relative;
}

.wp_wrap #s_point .point_inner .point_contain .point_tit_box .point_tit .point_cic::after {
    position: absolute;
    left: 50%;
    top: -15%;
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    background-color: #D40E29;
    border-radius: 50%;
    transform: translate(-50%, 0);
}

.wp_wrap #s_point .point_inner .point_contain .point_tit_box .point_tit .point_cic:nth-child(2):after {
    animation: flick 4s ease-in-out 0.0s infinite;
}

.wp_wrap #s_point .point_inner .point_contain .point_tit_box .point_tit .point_cic:nth-child(3):after {
    animation: flick 4s ease-in-out 0.5s infinite;
}

.wp_wrap #s_point .point_inner .point_contain .point_tit_box .point_tit .point_cic:nth-child(4):after {
    animation: flick 4s ease-in-out 1.0s infinite;
}



.wp_wrap #s_point .point_inner .point_contain .point_content {}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_txt_box {
    text-align: center;
    margin-bottom: 60px;
    opacity: 0;
    line-height: 1.5;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_txt_box2 {
    opacity: 1;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_txt_box .point_main_txt {
    color: #3E3E3E;
    font-size: 44px;
    font-family: var(--font-preel);
    margin-bottom: 25px;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_txt_box .point_main_txt .txt_bold {
    font-family: var(--font-preb);
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_txt_box .point_sub_txt {
    font-size: 20px;
    font-family: var(--font-prer);
    letter-spacing: -0.5px;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_txt_box .point_sub_txt .txt_bold {
    font-family: var(--font-preb);
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box {}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box .point_thumn {
    padding: 0 15px;
    opacity: 0;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box .point_thumn2 {
    opacity: 1;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box .point_thumn:first-child {
    border-right: 1px solid #B1B1B1;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box .point_thumn .thumn_inner .thumn_tit {
    color: #B2B2B2;
    font-size: 72px;
    font-family: var(--font-preel);
    text-align: center;
    margin-bottom: 60px;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box .point_thumn .thumn_inner .thumn_tit .thumn_tit_bold {
    color: #676767;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box .point_thumn .thumn_inner .thumn_txt {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box .point_thumn .thumn_inner .thumn_txt::before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 5px;
    background-color: #2D2D2D;
    border-radius: 50%;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box .point_thumn .thumn_inner .thumn_txt .thumn_txt_inner {
    width: 85%;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box .point_thumn .thumn_inner .thumn_txt .thumn_txt_inner .thumn_txt_tit {
    font-size: 20px;
    font-family: var(--font-preel);
    margin-bottom: 20px;
    letter-spacing: -1px;
    line-height: 30px;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box .point_thumn .thumn_inner .thumn_txt .thumn_txt_inner .thumn_txt_tit .txt_bold {
    font-family: var(--font-preeb);
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box .point_thumn .thumn_inner .thumn_txt .thumn_txt_inner .thumn_txt_des {
    line-height: 30px;
    padding-bottom: 30px;
}

.wp_wrap #s_point .point_inner .point_contain .point_content .point_thumn_box .point_thumn .thumn_inner .thumn_txt .thumn_txt_inner .thumn_txt_des li {
    font-size: 16px;
    font-family: var(--font-prel);
}


/* MAIN - Section_BENEFIT -----------------------------------------------------------------------------------------------------------------------------*/
.wp_wrap #s_benefit {
    background-image: url(../img/main/benefit_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.wp_wrap #s_benefit .benefit_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    /* padding:120px 0; */
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain {
    width: 100%;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_lt_slide {
    padding: 40px 40px;
    background-color: rgba(0, 0, 0, 0.63);
    border-radius: 20px;
    opacity: 0;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_lt_slide2 {
    opacity: 1;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_lt_slide>.benefit_list {
    width: 100%;
    height: 100%;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_lt_slide .benefit_list .benefit_list_inner {}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_lt_slide .benefit_list .benefit_list_inner .top_txt {
    color: #636363;
    font-size: 11px;
    font-family: var(--font-presb);
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_lt_slide .benefit_list .benefit_list_inner .benefit_num {
    display: block;
    color: #fff;
    font-size: 100px;
    font-family: var(--font-preb);
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_lt_slide .benefit_list .benefit_list_inner .benefit_tit {
    font-size: 34px;
    font-family: var(--font-prel);
    color: #DBDBDB;
    margin-bottom: 15px;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_lt_slide .benefit_list .benefit_list_inner .benefit_des {
    font-size: 16px;
    font-family: var(--font-prel);
    color: #DBDBDB;
    line-height: 1.5em
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_lt_slide .benefit_list .benefit_list_inner .benefit_order {
    list-style: lower-alpha;
    margin-top: 30px;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_lt_slide .benefit_list .benefit_list_inner .benefit_order li {
    color: #DBDBDB;
    font-size: 16px;
    font-family: var(--font-prel);
    line-height: 1.5em;
}


.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box {}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items {}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item {
    position: relative;
    width: 190px;
    height: 190px;
    padding: 15px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item>.bf_cic {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #DB1F1F;
    transform: scale(0);
    /* transition: 0.2s; */
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover>.bf_cic {
    /* transform: scale(15); 
      transition: 0.6s;
      transition-delay: 0.1s; */
}

/*.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item.on,*/
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover {
    color: #fff;
    transition: 0.4s;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item.on {
    color: #fff;
    background-color: #DB1F1F;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item .benefit_item_inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item .benefit_item_inner .benefit_item_num {
    position: absolute;
    left: 5%;
    top: 5%;
    color: #3E3E3E;
    font-size: 37px;
    font-family: var(--font-preb);
}

/*.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item.on .benefit_item_inner .benefit_item_num,*/
/*.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover .benefit_item_inner .benefit_item_num {*/
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item.on .benefit_item_inner .benefit_item_num {
    color: #fff;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover .benefit_item_inner .benefit_item_num {
    color: #fff;
    transition: 0.4s;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item .benefit_item_inner .benefit_item_cont {}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item .benefit_item_inner .benefit_item_cont .img_frame {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 20px;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item.on .benefit_item_inner .benefit_item_cont .img_frame svg ellipse,
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item.on .benefit_item_inner .benefit_item_cont .img_frame svg text,
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item.on .benefit_item_inner .benefit_item_cont .img_frame svg path,
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item.on .benefit_item_inner .benefit_item_cont .img_frame svg g,
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item.on .benefit_item_inner .benefit_item_cont .img_frame svg circle,
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item.on .benefit_item_inner .benefit_item_cont .img_frame svg rect,
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item.on .benefit_item_inner .benefit_item_cont .img_frame svg line {
    /* fill: transparent; */
    stroke: #fff;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover .benefit_item_inner .benefit_item_cont .img_frame svg ellipse,
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover .benefit_item_inner .benefit_item_cont .img_frame svg text,
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover .benefit_item_inner .benefit_item_cont .img_frame svg path,
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover .benefit_item_inner .benefit_item_cont .img_frame svg g,
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover .benefit_item_inner .benefit_item_cont .img_frame svg circle,
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover .benefit_item_inner .benefit_item_cont .img_frame svg rect,
.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover .benefit_item_inner .benefit_item_cont .img_frame svg line {
    /* fill: transparent; */
    stroke: #fff;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item.on .benefit_item_inner .benefit_item_cont .img_frame svg text.naver {
    fill: #fff;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover .benefit_item_inner .benefit_item_cont .img_frame svg text.naver {
    fill: #fff;
}

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item .benefit_item_inner .benefit_item_cont .item_txt {
    font-size: 13px;
    font-family: var(--font-prel);
}

/*.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item:hover .benefit_item_inner .benefit_item_cont .item_txt {*/
/*      color: #fff;*/
/*}*/

.wp_wrap #s_benefit .benefit_inner .benefit_contain .benefit_rt_box .benefit_items .benefit_item .benefit_item_inner .benefit_item_cont .item_txt .txt_bold {
    font-family: var(--font-presb);
}



/* SUB - PAGE++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*SUB -  ATTENTION - SECTION*/
.wp_wrap #s_atn {}

.wp_wrap #s_atn .atn_inner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #s_atn .atn_inner .atn_contain {
    margin-top: 120px;
}

.wp_wrap #s_atn .atn_inner .atn_contain .atn_lt_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #s_atn .atn_inner .atn_contain .atn_lt_box .atn_tit {
    color: #505050;
    font-size: 120px;
    font-family: var(--font-sbr);
    opacity: 0;
}

.wp_wrap #s_atn .atn_inner .atn_contain .atn_rt_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #s_atn .atn_inner .atn_contain .atn_rt_box .atn_rt_inner {
    width: 710px;
    height: 710px;
    border: 27px solid #D30D0D;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

.wp_wrap #s_atn .atn_inner .atn_contain .atn_rt_box .atn_rt_inner .atn_txt_box {
    opacity: 0;
}

.wp_wrap #s_atn .atn_inner .atn_contain .atn_rt_box .atn_rt_inner .atn_txt_box p {
    font-size: 30px;
    font-family: var(--font-prer);
    text-align: center;
    line-height: 45px;
}


/*SUB -  ANSWER - SECTION*/

.wp_wrap #s_asr {}

.wp_wrap #s_asr .asr_contain {}

.wp_wrap #s_asr .asr_contain .asr_tit_box {
    text-align: center;
    margin-bottom: 40px;
    opacity: 0;
}

.wp_wrap #s_asr .asr_contain .asr_tit_box .asr_tit {
    font-size: 60px;
    font-family: var(--font-preel);
    margin-bottom: 20px;
}

.wp_wrap #s_asr .asr_contain .asr_tit_box .asr_tit .tit_cir {
    position: relative;
    font-family: var(--font-preeb);
}

.wp_wrap #s_asr .asr_contain .asr_tit_box .asr_tit .tit_cir:after {
    position: absolute;
    left: 50%;
    top: -30%;
    display: block;
    content: "";
    width: 21px;
    height: 21px;
    background-color: #D40E29;
    border-radius: 50%;
    transform: translate(-50%, 0);
}

.wp_wrap #s_asr .asr_contain .asr_tit_box .asr_tit .tit_cir:nth-child(1):after {
    animation: flick 4s ease-in-out 0.0s infinite;
}

.wp_wrap #s_asr .asr_contain .asr_tit_box .asr_tit .tit_cir:nth-child(2):after {
    animation: flick 4s ease-in-out 0.5s infinite;
}

.wp_wrap #s_asr .asr_contain .asr_tit_box .asr_tit .tit_cir:nth-child(3):after {
    animation: flick 4s ease-in-out 1.0s infinite;
}

.wp_wrap #s_asr .asr_contain .asr_tit_box .asr_tit .tit_cir:nth-child(4):after {
    animation: flick 4s ease-in-out 1.5s infinite;
}

.wp_wrap #s_asr .asr_contain .asr_tit_box .asr_tit .txt_bold {
    font-family: var(--font-preeb);
}

.wp_wrap #s_asr .asr_contain .asr_tit_box .asr_tit_des {
    font-size: 40px;
    font-family: var(--font-preel);
}

.wp_wrap #s_asr .asr_contain .asr_tit_box .asr_tit_des .txt_bold {
    font-family: var(--font-preb);
}

.wp_wrap #s_asr .asr_contain .asr_slide {
    opacity: 0;
}

.wp_wrap #s_asr .asr_contain .asr_slide:hover {
    cursor: url(../img/ico/cusor.png) 54 54, auto;
}

.wp_wrap #s_asr .asr_contain .asr_slide .slick-slide li {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.wp_wrap #s_asr .asr_contain .asr_slide li .txt_cont_box {
    width: 48%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_wrap #s_asr .asr_contain .asr_slide .slick-slide:nth-child(2n-1) li .txt_cont_box {
    width: 48%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap #s_asr .asr_contain .asr_slide li .txt_cont_box .txt_box_inner {}

.wp_wrap #s_asr .asr_contain .asr_slide li .txt_cont_box .txt_box_inner .txt_box {
    text-align: right;
    padding: 50px;
}

.wp_wrap #s_asr .asr_contain .asr_slide .slick-slide:nth-child(2n-1) li .txt_cont_box .txt_box_inner .txt_box {
    text-align: left;
    padding: 50px;
}

.wp_wrap #s_asr .asr_contain .asr_slide li .txt_cont_box .txt_box_inner .txt_box .txt_tit {
    color: #505050;
    font-size: 100px;
    font-family: var(--font-sbr);
    margin-bottom: 50px;
}

.wp_wrap #s_asr .asr_contain .asr_slide li .txt_cont_box .txt_box_inner .txt_box .txt_des {
    color: #646464;
    font-size: 30px;
    font-family: var(--font-prel);
}

.wp_wrap #s_asr .asr_contain .asr_slide li .img_cont_box {
    width: 50%;
    padding: 0 0 0 25px;
}

.wp_wrap #s_asr .asr_contain .asr_slide .slick-slide:nth-child(2n-1) li .img_cont_box {
    width: 50%;
    padding: 0 25px 0 0;
}

.wp_wrap #s_asr .asr_contain .asr_slide li .img_cont_box .img_box_inner {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    border-radius: 100px 0 0 100px;
    overflow: hidden;
    border: 1px solid #707070;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% center;
}

.wp_wrap #s_asr .asr_contain .asr_slide .slick-slide:nth-child(2n-1) li .img_cont_box .img_box_inner {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    border-radius: 0 100px 100px 0;
    overflow: hidden;
    border: 1px solid #707070;
}

.wp_wrap #s_asr .asr_contain .asr_slide .slick-slide:nth-child(-1) li .img_cont_box .img_box_inner {
    /* background-image: url(../img/sub/case_slide1.png); */
    background-image: url(/img/sub/case_slide1.png);
}

.wp_wrap #s_asr .asr_contain .asr_slide .slick-slide:nth-child(0) li .img_cont_box .img_box_inner {
    background-image: url(../img/sub/case_slide2.png);
}

.wp_wrap #s_asr .asr_contain .asr_slide .slick-slide:nth-child(1) li .img_cont_box .img_box_inner {
    background-image: url(../img/sub/case_slide3.png);
}

.wp_wrap #s_asr .asr_contain .asr_slide .slick-slide:nth-child(2) li .img_cont_box .img_box_inner {
    background-image: url(../img/sub/case_slide1.png);
}

.wp_wrap #s_asr .asr_contain .asr_slide .slick-slide:nth-child(3) li .img_cont_box .img_box_inner {
    background-image: url(../img/sub/case_slide2.png);
}

.wp_wrap #s_asr .asr_contain .asr_slide .slick-slide:nth-child(4) li .img_cont_box .img_box_inner {
    background-image: url(../img/sub/case_slide3.png);
}

.wp_wrap #s_asr .asr_contain .asr_slide .slick-slide:nth-child(5) li .img_cont_box .img_box_inner {
    background-image: url(../img/sub/case_slide1.png);
}

.wp_wrap #s_asr .asr_contain .asr_slide li .img_cont_box .img_box_inner img {}

.wp_wrap #s_asr .asr_contain .asr_slide li .img_cont_box .img_box_inner .img_txt_overlay {
    /* position: absolute;
      left: 0;
      top: 0; */
    width: 100%;
    height: 100%;
    padding: 55px 80px;
}

.wp_wrap #s_asr .asr_contain .asr_slide li .img_cont_box .img_box_inner .img_txt_overlay .txt_overlay_inner {}

.wp_wrap #s_asr .asr_contain .asr_slide li .img_cont_box .img_box_inner .img_txt_overlay .txt_overlay_inner .txt_overlay_tit {
    color: #505050;
    font-size: 50px;
    font-family: var(--font-prel);
}

.wp_wrap #s_asr .asr_contain .asr_slide li .img_cont_box .img_box_inner .img_txt_overlay .txt_overlay_inner .txt_overlay_tit:after {
    display: block;
    content: "";
    width: 95px;
    height: 5px;
    margin: 35px 0;
    background-color: #D2D2D2;
}

.wp_wrap #s_asr .asr_contain .asr_slide li .img_cont_box .img_box_inner .img_txt_overlay .txt_overlay_inner .txt_overlay_des {
    font-size: 20px;
    font-family: var(--font-prel);
    line-height: 31px;
    letter-spacing: -1px;
    min-height: 240px;
}

.wp_wrap #s_asr .asr_contain .asr_slide li .img_cont_box .img_box_inner .img_txt_overlay .txt_overlay_inner .txt_overlay_des .txt_bold {
    font-family: var(--font-preb);
}


.wp_wrap #s_process {
    display: flex;
    padding: 0;
}




/* CAMPAIGN - PAGE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* CAMPAIGN -  SECTION------------------------------------------------------------------------------------------------------------- */
.wp_wrap #s_cpg {
    padding: 235px 0 60px;
}

.wp_wrap #s_cpg .cpg_inner {}

.wp_wrap #s_cpg .cpg_inner .cpg_contain {}

.wp_wrap #s_cpg .cpg_inner .cpg_contain .cpg_lt_box {
    padding: 10px;
}

.wp_wrap #s_cpg .cpg_inner .cpg_contain .cpg_lt_box .txt_frame {}

.wp_wrap #s_cpg .cpg_inner .cpg_contain .cpg_lt_box .txt_frame .cpg_min_tit {
    color: #2C2C2C;
    font-size: 30px;
    font-family: var(--font-24man);
    margin-bottom: 10px;
}

.wp_wrap #s_cpg .cpg_inner .cpg_contain .cpg_lt_box .txt_frame .cpg_tit {
    font-size: 60px;
    font-family: var(--font-prel);
    margin-bottom: 30px;
}

.wp_wrap #s_cpg .cpg_inner .cpg_contain .cpg_lt_box .txt_frame .cpg_tit .txt_bold {
    font-family: var(--font-preb);
}

.wp_wrap #s_cpg .cpg_inner .cpg_contain .cpg_lt_box .txt_frame .cpg_des {
    color: #646464;
    font-size: 20px;
    font-family: var(--font-prer);
    line-height: 30px;
}

.wp_wrap #s_cpg .cpg_inner .cpg_contain .cpg_rt_box {
    padding: 10px;
}

.wp_wrap #s_cpg .cpg_inner .cpg_contain .cpg_rt_box .img_frame {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_wrap #s_cpg .cpg_inner .cpg_contain .cpg_rt_box .img_frame img {}


/* CAMPAIGN_INFOMAITION -  SECTION--------------------------------------------------------------------------------------- */
.wp_wrap #s_cpg_info {
    padding: 60px 0;
}

.wp_wrap #s_cpg_info .cpg_info_inner {}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain {}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_info_tit {
    text-align: center;
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_info_tit .info_tit {
    font-size: 50px;
    font-family: var(--font-preel);
    line-height: 60px;
    margin-bottom: 40px;
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_info_tit .info_tit .txt_bold {
    font-family: var(--font-preeb);
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_info_tit .info_des {
    font-size: 20px;
    font-family: var(--font-prel);
    line-height: 30px;
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_info_cont {
    margin-top: 85px;
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_info_cont .img_frame {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 45px;
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_info_cont .img_frame .img_txt {
    color: #212121;
    font-size: 20px;
    font-family: var(--font-prel);
    margin-top: 15px;
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_info_cont .img_frame img {}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_info_cont .img_des_frame {}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_info_cont .img_des_frame .img_des {
    font-size: 20px;
    font-family: var(--font-prel);
    line-height: 39px;
    text-align: center;
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_info_cont .img_des_frame .img_des .txt_bold {
    font-family: var(--font-preb);
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_questions {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 140px;
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_questions .cpg_question_inner {
    padding: 40px;
    border: 1px solid #BEBEBE;
    box-shadow: 10px 15px 2px #484848
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_questions .cpg_question_inner dl {
    margin-bottom: 25px;
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_questions .cpg_question_inner dl dt {
    font-size: 50px;
    font-family: var(--font-preeb);
    margin-bottom: 15px;
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_questions .cpg_question_inner dl dd {
    font-size: 20px;
    font-family: var(--font-prer);
}

.wp_wrap #s_cpg_info .cpg_info_inner .cpg_info_contain .cpg_questions .cpg_question_inner dl dd .txt_bold {
    text-decoration: underline;
}

/* CAMPAIGN_PARTICIPATE -  SECTION--------------------------------------------------------------------------------------- */

.wp_wrap #s_pct {
    padding: 60px 0;
}

.wp_wrap #s_pct .pct_inner {}

.wp_wrap #s_pct .pct_inner .pct_contain {}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box {}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_lt {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 70px 0;
    background-color: #EFEFEF;
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_lt .pct_lt_inner {}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_lt .pct_lt_inner .txt_box {
    text-align: center;
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_lt .pct_lt_inner .txt_box .pct_tit {
    font-size: 50px;
    font-family: var(--font-24man);
    margin-bottom: 30px;
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_lt .pct_lt_inner .txt_box .pct_des {
    font-size: 17px;
    font-family: var(--font-prel);
    margin-bottom: 30px;
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_lt .pct_lt_inner .txt_box .btn_pct {
    width: 250px;
    height: 70px;
    font-size: 25px;
    font-family: var(--font-prem);
    border: 1px solid #707070;
    background-color: #fff;
    box-shadow: 1px 2px 8px #4747473d;
    transition: 0.2s;
    margin: 0 auto;
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_lt .pct_lt_inner .txt_box .btn_pct:active {
    box-shadow: unset;
    transition: 0.1s;
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_rt {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
    border: 1px solid #CCCCCC;
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_rt .pct_rt_inner {
    width: 80%;
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_rt .pct_rt_inner .txt_box {}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_rt .pct_rt_inner .txt_box .pct_date {
    font-size: 25px;
    font-family: var(--font-prem);
    text-align: right;
    margin-bottom: 45px;
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_rt .pct_rt_inner .txt_box .numbering {}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_rt .pct_rt_inner .txt_box .numbering dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #C8C8C8;
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_rt .pct_rt_inner .txt_box .numbering dl dt {
    font-size: 17px;
    font-family: var(--font-prem);
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_rt .pct_rt_inner .txt_box .numbering dl dd {
    color: #979797;
    font-size: 20px;
    font-family: var(--font-prem);
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_rt .pct_rt_inner .txt_box .numbering dl dd .psn_num {
    color: #1E1E1E;
    font-size: 75px;
    font-family: var(--font-prem);
}

.wp_wrap #s_pct .pct_inner .pct_contain .pct_box .pct_rt .pct_rt_inner .txt_box .numbering dl dd .mny_num {
    color: #1E1E1E;
    font-size: 75px;
    font-family: var(--font-prem);
}


/* CAMPAIGN_PARTICIPATE_LIST -  SECTION---------------------------------------------------------------------------------- */
.wp_wrap #s_pct_list {
    padding: 60px 0;
}

.wp_wrap #s_pct_list .pct_list_inner {}




/* CAMPAIGN_PARTICIPATE_LIST -  MODAL---------------------------------------------------------------------------------- */
.wp_wrap #modal_denial {
    display: none;
}

.wp_wrap #modal_complete {
    display: none;
}

.wp_wrap #modal_revisit {
    /*display: none;*/
}


.wp_wrap .modal_ui {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 16, 16, 0.84);
    z-index: 99999;
}

.wp_wrap .modal_ui .modal {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap .modal_ui .modal .modal_inner {
    position: relative;
    padding: 60px;
    background-color: #fff;
    border-radius: 23px;
}

.wp_wrap .modal_ui .modal .modal_inner #modal_cls {
    position: absolute;
    right: 2%;
    top: 5%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    background-color: #343434;
}

.wp_wrap .modal_ui .modal .modal_inner #modal_cls i {
    color: #fff;
    font-size: 20px;
}

.wp_wrap .modal_ui .modal .modal_inner .modal_tit {
    font-size: 35px;
    font-family: var(--font-prem);
    text-align: center;
    margin-bottom: 45px;
}

.wp_wrap .modal_ui .modal .modal_inner span.f24 {
    font-size: 24px;
}

.wp_wrap .modal_ui .modal .modal_inner span.f40 {
    font-size: 40px;
}

.wp_wrap .modal_ui .modal .modal_inner span.bold {
    font-family: var(--font-preeb);
}

.wp_wrap .modal_ui .modal .modal_inner .modal_des {
    color: #2C2C2C;
    font-size: 20px;
    font-family: var(--font-prem);
    text-align: center;
    line-height: 30px;
}

.wp_wrap .modal_ui .modal .modal_inner .modal_inp_box {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 15px;
}

.wp_wrap .modal_ui .modal .modal_inner .modal_inp_box .inp_nm_box {}

.wp_wrap .modal_ui .modal .modal_inner .modal_inp_box .inp_nm_box input {
    width: 270px;
    height: 70px;
    padding: 20px;
    border: 1px solid #B4B4B4;
}

.wp_wrap .modal_ui .modal .modal_inner .modal_inp_box .inp_nm_box input::placeholder {
    color: #929292;
    font-size: 20px;
    font-family: var(--font-prem);
}

.wp_wrap .modal_ui .modal .modal_inner .modal_inp_box .inp_tel_box {}

.wp_wrap .modal_ui .modal .modal_inner .modal_inp_box .inp_tel_box input {
    width: 270px;
    height: 70px;
    padding: 20px;
    border: 1px solid #B4B4B4;
}

.wp_wrap .modal_ui .modal .modal_inner .modal_inp_box .inp_tel_box input::placeholder {
    color: #929292;
    font-size: 20px;
    font-family: var(--font-prem);
}

.wp_wrap .modal_ui .modal .modal_inner .modal_inp_box button {
    width: 155px;
    height: 70px;
    color: #fff;
    background-color: #343434;
}

.wp_wrap .modal_ui .modal .modal_inner .subm_btn_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 55px;
}

.wp_wrap .modal_ui .modal .modal_inner .subm_btn_box .btn_subm {
    width: 225px;
    height: 70px;
    font-size: 20px;
    font-family: var(--font-prem);
    border: 1px solid #707070;
    transition: 0.5s;
}

.wp_wrap .modal_ui .modal .modal_inner .subm_btn_box .btn_subm:hover {
    color: #fff;
    background-color: #D30D0D;
    border: none;
    transition: 0.5s;
}

.wp_wrap .modal_ui .modal .modal_inner .agree_box {}

.wp_wrap .modal_ui .modal .modal_inner .agree_box input {}

.wp_wrap .modal_ui .modal .modal_inner .agree_box label {
    font-size: 15px;
    font-family: var(--font-prel);
}


/* CAMPAIGN_PARTICIPATE_VIEW---------------------------------------------------------------------------------- */
.wp_wrap #s_pct_view {
    padding: 185px 0 60px;
}

.wp_wrap #s_pct_view .pct_view_inner {}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain {}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_view_box {}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_view_box .pct_view_head {
    padding: 40px 65px 30px;
    border-top: 1px solid #343434;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_view_box .pct_view_head .pct_view_tit {
    color: #545454;
    font-size: 20px;
    font-family: var(--font-prer);
    margin-bottom: 20px;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_view_box .pct_view_head .pct_view_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_view_box .pct_view_head .pct_view_info dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_view_box .pct_view_head .pct_view_info dl dt {
    color: #545454;
    font-size: 15px;
    font-family: var(--font-prel);
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_view_box .pct_view_head .pct_view_info dl dd {
    color: #B4B4B4;
    font-size: 15px;
    font-family: var(--font-prel);
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_view_box .pct_view_body {
    min-height: 400px;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .view_btn_box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 35px;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .view_btn_box .pct_view_btn {
    width: 180px;
    height: 50px;
    color: #545454;
    font-size: 17px;
    font-family: var(--font-prel);
    border: 1px solid #707070;
    transition: 0.5s;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .view_btn_box .pct_view_btn:hover {
    color: #fff;
    background-color: #000;
    transition: 0.5s;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_order_list {
    margin-top: 40px;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_order_list li {
    padding: 25px 30px;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_order_list li:last-child {
    border-top: unset;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_order_list li .pct_list_inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_order_list li .pct_list_inner .list_arrow {
    margin-right: 30px;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_order_list li .pct_list_inner .list_arrow .arrow_txt {
    margin-right: 25px;
    color: #545454;
    font-size: 17px;
    font-family: var(--font-prel);
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_order_list li .pct_list_inner .list_arrow i {
    color: #000000;
    font-size: 12px;
}

.wp_wrap #s_pct_view .pct_view_inner .pct_view_contain .pct_order_list li .pct_list_inner .list_tit {
    color: #545454;
    font-size: 17px;
    font-family: var(--font-prel);
}


/* CAMPAIGN_PRODUCE_INTRO------------------------------------------------------------------------------------- */

/* 인트로영역 */
.wp_wrap #s_pdc_intro {
    padding: 265px 0 235px;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner {}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain {}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .intro_tit_box {
    text-align: center;
    margin-bottom: 130px;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .intro_tit_box .pdc_intro_tit {
    font-size: 60px;
    font-family: var(--font-prel);
    margin-bottom: 35px;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .intro_tit_box .pdc_intro_tit .hilight {
    color: #fff;
    background-color: #202020;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .intro_tit_box .pdc_intro_des {
    font-size: 30px;
    font-family: var(--font-prel);
    line-height: 40px;
}

/* 알약 영역 */
.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .pill_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 160px;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .pill_box .pill_inner {
    max-width: 820px;
    border-radius: 137px;
    overflow: hidden;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .pill_box .pill_inner .pill_lt {}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .pill_box .pill_inner .pill_lt .img_frame {}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .pill_box .pill_inner .pill_lt .img_frame img {}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .pill_box .pill_inner .pill_rt {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3E3E3E;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .pill_box .pill_inner .pill_rt .txt_frame {}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .pill_box .pill_inner .pill_rt .txt_frame .pill_txt {
    color: #fff;
    font-size: 20px;
    font-family: var(--font-prel);
    line-height: 30px;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .arithmetic_box {}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .arithmetic_box .atm_txt {
    font-size: 25px;
    font-family: var(--font-prel);
    text-align: center;
    margin-bottom: 155px;
    line-height: 1.6em
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .arithmetic_box .atm_cont {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .arithmetic_box .atm_cont .atm_cont_inner {
    max-width: 960px;
    padding: 0 80px;
    background-image: url(../img/sub/line_lt.png), url(../img/sub/line_rt.png);
    background-size: contain;
    background-position: 0% 50%, 100% 50%;
    background-repeat: no-repeat;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .arithmetic_box .atm_cont .atm_cont_inner .atm_frame {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .arithmetic_box .atm_cont .atm_cont_inner .atm_frame .atm_cic {
    width: 158px;
    height: 158px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    font-family: var(--font-prel);
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .arithmetic_box .atm_cont .atm_cont_inner .atm_frame .atm_cic1 {
    background-color: #6B6B6B;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .arithmetic_box .atm_cont .atm_cont_inner .atm_frame .atm_cic2 {
    background-color: #FFCB37;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .arithmetic_box .atm_cont .atm_cont_inner .atm_frame .atm_cic3 {
    background-color: #2B2B2B;
}

.wp_wrap #s_pdc_intro .pdc_intro_inner .pdc_intro_contain .arithmetic_box .atm_cont .atm_cont_inner .atm_des {
    font-size: 30px;
    font-family: var(--font-prel);
}


/* CAMPAIGN_PRODUCE_REASON------------------------------------------------------------------------------------- */
.wp_wrap #s_pdc_reason {
    padding: 235px 0;
    background-image: url(../img/sub/reason_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.wp_wrap #s_pdc_reason .pdc_reason_inner {}

.wp_wrap #s_pdc_reason .pdc_reason_inner .pdc_reason_contain {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_wrap #s_pdc_reason .pdc_reason_inner .pdc_reason_contain .reason_txt_box {}

.wp_wrap #s_pdc_reason .pdc_reason_inner .pdc_reason_contain .reason_txt_box .pdc_reason_tit {
    font-size: 42px;
    font-family: var(--font-preel);
    margin-bottom: 45px;
}

.wp_wrap #s_pdc_reason .pdc_reason_inner .pdc_reason_contain .reason_txt_box .pdc_reason_tit .txt_bold {
    font-family: var(--font-preeb);
}

.wp_wrap #s_pdc_reason .pdc_reason_inner .pdc_reason_contain .reason_txt_box .pdc_reason_tit .cir {
    position: relative;
    font-family: var(--font-preeb);
}

.wp_wrap #s_pdc_reason .pdc_reason_inner .pdc_reason_contain .reason_txt_box .pdc_reason_tit .cir:after {
    position: absolute;
    left: 50%;
    top: -20%;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transform: translate(-50%, 0);
    background-color: #DB1F1F;
}

.wp_wrap #s_pdc_reason .pdc_reason_inner .pdc_reason_contain .reason_txt_box .pdc_reason_des {
    font-size: 30px;
    font-family: var(--font-preel);
    line-height: 45px;
    margin-bottom: 60px;
}

.wp_wrap #s_pdc_reason .pdc_reason_inner .pdc_reason_contain .reason_txt_box .pdc_reason_des:last-child {
    margin: 0;
}

.wp_wrap #s_pdc_reason .pdc_reason_inner .pdc_reason_contain .reason_txt_box .pdc_reason_des .txt_bold {
    font-family: var(--font-preb);
}


/* CAMPAIGN_PRODUCE_PROCESS------------------------------------------------------------------------------------- */
.wp_wrap #s_pdc_process {
    padding: 120px 0;
}

.wp_wrap #s_pdc_process .pdc_pcs_inner {}

.wp_wrap #s_pdc_process .pdc_pcs_inner .pdc_pcs_contain {}

.wp_wrap #s_pdc_process .pdc_pcs_inner .pdc_pcs_contain .pdc_pcs_tit {
    font-size: 30px;
    font-family: var(--font-prel);
    text-align: center;
    margin-bottom: 110px;
}

.wp_wrap #s_pdc_process .pdc_pcs_inner .pdc_pcs_contain .pcs_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wp_wrap #s_pdc_process .pdc_pcs_inner .pdc_pcs_contain .pcs_list>img {
    margin-top: -10%;
}

.wp_wrap #s_pdc_process .pdc_pcs_inner .pdc_pcs_contain .pcs_list .pcs_item {}

.wp_wrap #s_pdc_process .pdc_pcs_inner .pdc_pcs_contain .pcs_list .pcs_item .cic_frame {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    margin: 0 auto 25px;
    border-radius: 50%;
    border: 8px solid #B2B2B2;
    background-color: #3E3E3E;
}

.wp_wrap #s_pdc_process .pdc_pcs_inner .pdc_pcs_contain .pcs_list .pcs_item:last-child .cic_frame {
    background-color: #fff;
}

.wp_wrap #s_pdc_process .pdc_pcs_inner .pdc_pcs_contain .pcs_list .pcs_item .cic_frame p {
    color: #fff;
    font-size: 24px;
    font-family: var(--font-prer);
}

.wp_wrap #s_pdc_process .pdc_pcs_inner .pdc_pcs_contain .pcs_list .pcs_item:last-child .cic_frame p {
    color: #3E3E3E;
}

.wp_wrap #s_pdc_process .pdc_pcs_inner .pdc_pcs_contain .pcs_list .pcs_item .cic_des {
    min-height: 120px;
}

.wp_wrap #s_pdc_process .pdc_pcs_inner .pdc_pcs_contain .pcs_list .pcs_item .cic_des p {
    font-size: 19px;
    font-family: var(--font-prel);
    text-align: center;
    line-height: 29px;
}


/* CAMPAIGN_PRODUCE_SUGGESTION------------------------------------------------------------------------------------- */
.wp_wrap #s_pdc_suggestion {
    padding: 120px 0;
    border-top: 1px dashed #B2B2B2;
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner {}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain {}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_tit_box {
    text-align: center;
    margin-bottom: 105px;
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_tit_box .pdc_sgt_tit {
    color: #3E3E3E;
    font-size: 38px;
    font-family: var(--font-prel);
    line-height: 70px;
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_tit_box .pdc_sgt_tit .cir {
    position: relative;
    font-size: 50px;
    font-family: var(--font-prem);
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_tit_box .pdc_sgt_tit .cir::after {
    display: block;
    content: "";
    width: 11px;
    height: 11px;
    background-color: #CF2121;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -20%;
    transform: translate(-50%, 0);
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_tit_box .pdc_sgt_tit .txt_bold {
    font-size: 50px;
    font-family: var(--font-prem);
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont {}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li {}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li .sgt_cont_inner {}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li .sgt_cont_inner dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li .sgt_cont_inner dl dt {
    position: relative;
    top: 40px;
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li .sgt_cont_inner dl dt img {}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li .sgt_cont_inner dl dd {
    position: relative;
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li .sgt_cont_inner dl dd img {}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li .sgt_cont_inner dl dd .txt_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li .sgt_cont_inner dl dd .txt_overlay p {
    font-size: 30px;
    font-family: var(--font-prer);
}




.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li:nth-child(2n) {}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li:nth-child(2n) .sgt_cont_inner {}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li:nth-child(2n) .sgt_cont_inner dl {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li:nth-child(2n) .sgt_cont_inner dl dt {
    position: relative;
    top: 70px;
    order: 2;
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li:nth-child(2n) .sgt_cont_inner dl dt img {}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li:nth-child(2n) .sgt_cont_inner dl dd {
    order: 1;
    position: relative;
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li:nth-child(2n) .sgt_cont_inner dl dd img {}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li:nth-child(2n) .sgt_cont_inner dl dd .txt_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 45px 50px;
}

.wp_wrap #s_pdc_suggestion .pdc_sgt_inner .pdc_sgt_contain .sgt_cont>li:nth-child(2n) .sgt_cont_inner dl dd .txt_overlay p {
    font-size: 20px;
    font-family: var(--font-prel);
    line-height: 29px;
}


/* CAMPAIGN_PRODUCE_FREE------------------------------------------------------------------------------------- */
.wp_wrap #s_pdc_free {
    padding: 330px 0;
    background-color: #F9F9F9;
}

.wp_wrap #s_pdc_free .pdc_fre_inner {}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_lt {
    width: 30%;
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_lt .fre_txt_box {}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_lt .fre_txt_box .fre_min_tit {
    font-size: 37px;
    font-family: var(--font-prel);
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_lt .fre_txt_box .fre_min_tit .txt_bold {
    font-family: var(--font-preb);
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_lt .fre_txt_box .fre_tit {
    color: #CE1515;
    font-size: 85px;
    font-family: var(--font-preeb);
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_lt .fre_txt_box .fre_des_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_lt .fre_txt_box .fre_des_box .fre_des {
    color: #3E3E3E;
    font-size: 17px;
    font-family: var(--font-prer);
    text-align: right;
    line-height: 30px;
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_rt {
    width: 70%;
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_rt .fre_slide {}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_rt .fre_slide .slick-slide {
    padding: 10px;
}


.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_rt .fre_slide .fre_list {
    width: 510px;
    margin-right: 10px;
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_rt .fre_slide .fre_list .fre_list_inner {
    width: 100%;
    height: 575px;
    padding: 45px 25px;
    margin: 10px;
    background-color: rgba(0, 0, 0, 0.63);
    border-radius: 62px;
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_rt .fre_slide .fre_list .fre_list_inner .top_txt {
    /* color: #636363; */
    color: #DBDBDB;
    font-size: 11px;
    font-family: var(--font-presb);
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_rt .fre_slide .fre_list .fre_list_inner .fre_num {
    display: block;
    color: #fff;
    font-size: 100px;
    font-family: var(--font-preb);
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_rt .fre_slide .fre_list .fre_list_inner .fre_tit {
    font-size: 34px;
    font-family: var(--font-prel);
    color: #DBDBDB;
    margin-bottom: 15px;
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_rt .fre_slide .fre_list .fre_list_inner .fre_des {
    font-size: 19px;
    font-family: var(--font-prel);
    color: #DBDBDB;
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_rt .fre_slide .fre_list .fre_list_inner .fre_order {
    list-style: lower-alpha;
    margin-top: 30px;
}

.wp_wrap #s_pdc_free .pdc_fre_inner .pdc_fre_contain .pdc_fre_rt .fre_slide .fre_list .fre_list_inner .fre_order li {
    color: #DBDBDB;
    font-size: 19px;
    font-family: var(--font-prel);
}

/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* FOOTER */
/**********************************************************************************************************************/

/* FOOTER - COMMON ===================================================================================================*/
.wp_wrap #footer {
    background-color: #0F0F0F;
}


/* FOOTER - INNER ====================================================================================================*/
.wp_wrap #footer .footer_inner {
    padding: 60px 0 30px;
}

/* FOOTER - INNER - TOP ==============================================================================================*/
.wp_wrap #footer .footer_inner .footer_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
}

/* FOOTER - INNNER - TOP - FOOTER_LOGO */
.wp_wrap #footer .footer_inner .footer_top .footer_logo_content {
    width: 200px;
    flex-shrink: 0;
}

.wp_wrap #footer .footer_inner .footer_top .footer_logo_content .f_logo_des {
    color: #646464;
    font-size: 13px;
    font-family: var(--font-presb);
}

.wp_wrap #footer .footer_inner .footer_top .footer_logo_content .f_logo {}

.wp_wrap #footer .footer_inner .footer_top .footer_logo_content .f_logo img {}

.wp_wrap #footer .footer_inner .footer_top .footer_logo_content .f_logo_info {}

.wp_wrap #footer .footer_inner .footer_top .footer_logo_content .f_logo_info>li {
    color: #959595;
    font-size: 14px;
    font-family: var(--font-prel);
}

.icon {
    display: flex;
    gap: 5px;
    padding-top: 20px !important;
}

/* FOOTER - INNNER - TOP - FOOTER_GLOBAL_NAVIGATION */
.wp_wrap #footer .footer_inner .footer_top .f_gnb {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 750px;
    flex-shrink: 2;
}

.wp_wrap #footer .footer_inner .footer_top .f_gnb>li {
    width: 20%;
}

.wp_wrap #footer .footer_inner .footer_top .f_gnb>li>a {
    display: block;
    color: #EBE7E7;
    font-size: 19px;
    font-family: var(--font-prel);
    margin-bottom: 15px;
}

.wp_wrap #footer .footer_inner .footer_top .f_gnb>li .f_sub_mnu {
    line-height: 27px;
}

.wp_wrap #footer .footer_inner .footer_top .f_gnb>li .f_sub_mnu li {}

.wp_wrap #footer .footer_inner .footer_top .f_gnb>li .f_sub_mnu li a {
    color: #CBCBCB;
    font-size: 16px;
    font-family: var(--font-prel);
}


/* FOOTER - INNER - BOTTOM ===========================================================================================*/
.wp_wrap #footer .footer_inner .footer_bot {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* FOOTER - INNER - BOTTOM - FOOTER_INFO */
.wp_wrap #footer .footer_inner .footer_bot .f_info {
    margin-bottom: 15px;
    line-height: 27px;
    flex-shrink: 2;
}

/* FOOTER - INNER - BOTTOM - FOOTER_INFO - FOOTER_LINK_LIST */
.wp_wrap #footer .footer_inner .footer_bot .f_info .f_link_list {}

.wp_wrap #footer .footer_inner .footer_bot .f_info .f_link_list>a {
    color: #EBE7E7;
    font-size: 14px;
    font-family: var(--font-prel);
}

.wp_wrap #footer .footer_inner .footer_bot .f_info .f_link_list>a::after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 10px;
    background-color: #ebe7e7;
    margin: 0 10px;
}

.wp_wrap #footer .footer_inner .footer_bot .f_info .f_link_list>a:last-child:after {
    display: none;
}

/* FOOTER - INNER - BOTTOM - FOOTER_INFO - FOOTER_INFO_LIST */
.wp_wrap #footer .footer_inner .footer_bot .f_info .f_info_list {}

.wp_wrap #footer .footer_inner .footer_bot .f_info .f_info_list>li .info_list_item {
    color: #EBE7E7;
    font-size: 14px;
    font-family: var(--font-prel);
}

/* FOOTER - INNER - BOTTOM - FOOTER_INFO - COPYRIGHT */
.wp_wrap #footer .footer_inner .footer_bot .f_info .copy {
    color: #959595;
    font-size: 14px;
    font-family: var(--font-prel);
}

/* FOOTER - INNER - BOTTOM - FOOTER_SNS_LIST */
.wp_wrap #footer .footer_inner .footer_bot .f_sns_list {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 115px;
    flex-shrink: 0;
}

.wp_wrap #footer .footer_inner .footer_bot .f_sns_list>li {}

.wp_wrap #footer .footer_inner .footer_bot .f_sns_list>li>a {}

.wp_wrap #footer .footer_inner .footer_bot .f_sns_list>li>a>i {
    color: #707070;
    font-size: 25px;
}

/**********************************************************************************************************************/






/**********************************************************************************************************************/
/* 프리미엄, 럭셔리, 솔루션소개페이지 2024.11.06 리뉴얼*/
/**********************************************************************************************************************/
/*--------------------------------------------------------------------------------------------------------------------*/
/* 리뉴얼 공통 */
.wp_wrap #rn_cont {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 110px;
    padding: 300px 0 120px;
}

.wp_wrap .mo_br {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* 프리미엄,럭셔리 페이지 */


/* 인트로 텍스트 영역 */
.wp_wrap #shp_intro_tit {}

.wp_wrap #shp_intro_tit .shp_wrap {}

.wp_wrap #shp_intro_tit .shp_ir {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #shp_intro_tit .shp_ir .txt_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 35px;
    text-align: center;
}

.wp_wrap #shp_intro_tit .shp_ir .txt_box>.tit {
    font-size: 50px;
    font-family: var(--font-prel);
}

.wp_wrap #shp_intro_tit .shp_ir .txt_box>.tit .mk_bg {
    display: inline-block;
    position: relative;
}

.wp_wrap #shp_intro_tit .shp_ir .txt_box>.tit .mk_bg>.txt {
    color: #fff;
    position: relative;
    z-index: 5;
}

.wp_wrap #shp_intro_tit .shp_ir .txt_box>.tit .mk_bg>.mk {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100%;
    background-color: #202020;
}

.wp_wrap #shp_intro_tit .shp_ir .txt_box>.desc {}

.wp_wrap #shp_intro_tit .shp_ir .txt_box>.desc>.des {
    font-size: 25px;
    font-family: var(--font-prel);
    line-height: 40px;
}

.wp_wrap #shp_intro_tit .shp_ir .txt_box>.desc>.des>b {
    font-family: var(--font-presb);
}




/* 탭 슬라이드 영역 */
.wp_wrap #shp_tab_slide {}

.wp_wrap #shp_tab_slide .shp_wrap {}

.wp_wrap #shp_tab_slide .shp_ir {}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 40px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box {
    max-width: 930px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box>.lt {
    border-radius: 300px 0 0 300px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box>.rt {
    border-radius: 0 300px 300px 0;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box .btn_item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 10px 30px;
    height: 75px;
    background-color: rgba(16, 16, 16, .55);
    overflow: hidden;
    cursor: pointer;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box .lt::before {
    position: absolute;
    left: 110%;
    top: 0;
    display: block;
    content: "";
    width: 0%;
    height: 100%;
    background-color: #373737;
    z-index: 3;
    border-radius: 300px;
    transition: 0.5s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box .rt::before {
    position: absolute;
    left: -110%;
    top: 0;
    display: block;
    content: "";
    width: 0%;
    height: 100%;
    background-color: #373737;
    border-radius: 300px;
    z-index: 3;
    transition: 0.5s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box .lt.on::before {
    left: 0;
    width: 100%;
    border-radius: 300px 0 0 300px;
    transition: 0.5s;
    transition-delay: 0.05s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box .rt.on::before {
    width: 100%;
    left: 0;
    border-radius: 0 300px 300px 0;
    transition: 0.5s;
    transition-delay: 0.05s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box .btn_item>.txt {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    font-size: 21px;
    font-family: var(--font-prel);
    text-align: center;
    opacity: 0.2;
    transition: 0.5s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box .btn_item.on>.txt {
    opacity: 1;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box .btn_item:first-child>.txt::before {
    display: block;
    content: "";
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-right: 0px;
    border-radius: 50%;
    transform: scale(0);
    background-color: #FFCB37;
    transition: 0.2s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box .btn_item:last-child>.txt::after {
    display: block;
    content: "";
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-left: 0px;
    border-radius: 50%;
    transform: scale(0);
    background-color: #FFCB37;
    transition: 0.2s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box .btn_item:first-child.on>.txt::before {
    margin-right: 15px;
    transform: scale(1);
    transition: 0.6s;
    /* transition-delay: 0.3s; */
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box .btn_item:last-child.on>.txt::after {
    margin-left: 15px;
    transform: scale(1);
    transition: 0.6s;
    /* transition-delay: 0.3s; */
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_hd .tab_hd_box .btn_item>.txt>.txt_yl {
    color: #FFCB37;
    font-family: var(--font-preeb);
    padding-left: 10px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 30px;
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left {
    max-width: 865px;
    width: 100%;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items {}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item {
    min-height: 280px;
    min-height: 200px;
    border: 1px solid #707070;
    border-radius: 20px;
    cursor: pointer;
    overflow: hidden;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item:first-child {
    background-color: #FFCB37;
    border: 1px solid #FFCB37;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item .item_ir {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    width: 100%;
    height: 100%;
    padding: 25px 23px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item .item_ir::before {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: block;
    content: "";
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: transparent;
    transition: 0.1s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item .item_ir::after {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: block;
    content: "";
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.1s;
}

/* .wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item:hover .item_ir::before { */
.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item.on .item_ir::before {
    transform: scale(8);
    transition: 0.6s;
    background-color: #3e3e3e1a;
}

/* .wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item:hover .item_ir::after { */
.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item.on .item_ir::after {
    transform: scale(8);
    transition: 0.65s;
    transition-delay: 0.1s;
    background-color: #3E3E3E;
}

/* .wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item:first-child:hover .item_ir::before { */
.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item:first-child.on .item_ir::before {
    /* transform: unset; */
    /* transition: unset; */
    background-color: #3e3e3e1a;
}

/* .wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item:first-child:hover .item_ir::after { */
.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item:first-child.on .item_ir::after {
    /* transform: unset; */
    /* transition: unset; */
    /* transition-delay: unset; */
    /* background-color: unset; */
    background-color: #3E3E3E;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item .item_ir .sq_tit {
    position: relative;
    color: #262626;
    font-size: 18px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item:first-child .item_ir .sq_tit {
    font-size: 25px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item:first-child .item_ir .sq_tit {
    color: #fff;
}

/* .wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item:hover .item_ir .sq_tit { */
.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item.on .item_ir .sq_tit {
    color: #fff;
    z-index: 10;
    transition: 0.4s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item .item_ir .ico_box {}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item .item_ir .ico_box>img {}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item .item_ir .sq_des_sd {
    position: relative;
    width: 100%;
    min-height: 100px;

}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item .item_ir .sq_des_sd>li {
    position: absolute;
    top: 0;
    right: -100%;
    color: #fff;
    font-size: 16px;
    font-family: var(--font-prer);
    line-height: 21px;
    opacity: 0;
    text-align: right;
    transition: 0.4s;
}

/* .wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item:hover .item_ir .sq_des_sd>li { */
.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item.on .item_ir .sq_des_sd>li {
    transform: scale(1.03);
    z-index: 10;
    transition: 0.4s;
    transition-delay: 0.2s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item .item_ir .sq_des_sd>li.on {
    opacity: 1;
    right: 0;
    transition: 0.3s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item .item_ir .sq_desc {
    position: relative;
    min-height: 80px;
    text-align: right;
    font-size: 15px;
    font-family: var(--font-prer);
    transition: 0.1s;
    line-height: 23px;
    letter-spacing: -0.5px;
}

/* .wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item:hover .item_ir .sq_desc { */
.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .left .sq_items .sq_item.on .item_ir .sq_desc {
    z-index: 10;
    color: #fff;
    transform: scale(1.05);
    transition: 0.3s;
    transition-delay: 0.2s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right {
    max-width: 510px;
    width: 100%;
    overflow: hidden;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items {
    position: relative;
    width: 100%;
    height: 100%;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item {
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    padding: 30px;
    height: 100%;
    opacity: 0;
    background-color: #FFCB37;
    border-radius: 20px;
    transition: 0.3s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item.on {
    left: 0%;
    opacity: 1;
    transition: 0.6s;
    z-index: 9;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .vi_ir {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item.vi_prm .vi_ir:last-child {
    display: none;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item.vi_lxy .vi_ir:first-child {
    display: none;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 30px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .txt_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 25px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .txt_box>.tit {
    color: #3E3E3E;
    font-size: 26px;
    font-family: var(--font-prebk);
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .txt_box>.desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 25px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .txt_box>.desc>.des {
    color: #3E3E3E;
    font-size: 16px;
    font-family: var(--font-prer);
    line-height: 23px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .gd_items {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .gd_items>li {}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .gd_items>li>.txt {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
    font-size: 16px;
    font-family: var(--font-prer);
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .gd_items>li>.txt::before {
    display: block;
    content: "";
    min-width: 9px;
    width: 9px;
    height: 9px;
    margin-top: 3px;
    border-radius: 50%;
    background-color: #fff;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .gd_items02 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .gd_items02>li {}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .gd_items02>li>.txt {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
    font-size: 16px;
    font-family: var(--font-prer);
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .gd_items02>li>.txt::before {
    display: block;
    content: "";
    min-width: 9px;
    width: 9px;
    height: 9px;
    margin-top: 3px;
    border-radius: 50%;
    background-color: #fff;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .link_list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .link_list>li {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .link_list>li>a {
    font-size: 20px;
    font-family: var(--font-preeb);
    transition: 0.4s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .link_list>li>a:hover {
    color: #e50a0a;
    transition: 0.4s;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .qa_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .qa_box>dt {
    font-size: 16px;
    font-family: var(--font-presb);
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .top .qa_box>dd {
    font-size: 16px;
    font-family: var(--font-prel);
    line-height: 23px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .bot {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 15px;
    padding: 25px;
    border-radius: 15px;
    margin-top: 10px;
    background-color: #131313;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .bot .bot_tit {
    color: #C1C1C1;
    font-size: 20px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .bot .bot_desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
}

.wp_wrap #shp_tab_slide .shp_ir .tab_sd_cont .tab_bd .right .sd_view_items .view_item .bot .bot_desc>li {
    color: #C1C1C1;
    font-size: 15px;
    font-family: var(--font-prer);
}



/* 원형 프로그래스 영역 */
.wp_wrap #shp_cic_prg {}

.wp_wrap #shp_cic_prg .shp_wrap {}

.wp_wrap #shp_cic_prg .shp_ir {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 110px;
}

.wp_wrap #shp_cic_prg .shp_ir>.tit {
    font-size: 30px;
    font-family: var(--font-prel);
    text-align: center;
}

.wp_wrap #shp_cic_prg .shp_ir .prg_list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.wp_wrap #shp_cic_prg .shp_ir .prg_list>li {
    max-width: 250px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 25px;
}

.wp_wrap #shp_cic_prg .shp_ir .prg_list>li .img_area {
    position: relative;
    height: 230px;
}

.wp_wrap #shp_cic_prg .shp_ir .prg_list>li .img_area::after {
    position: absolute;
    right: -45px;
    top: 50%;
    display: block;
    content: "";
    width: 48px;
    height: 5px;
    background-color: #B4B4B4;
}

.wp_wrap #shp_cic_prg .shp_ir .prg_list>li:last-child .img_area::after {
    display: none;
}

.wp_wrap #shp_cic_prg .shp_ir .prg_list>li .img_area>.img_box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #shp_cic_prg .shp_ir .prg_list>li .img_area>.img_box>img {}

.wp_wrap #shp_cic_prg .shp_ir .prg_list>li .img_area>.txt_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #shp_cic_prg .shp_ir .prg_list>li .img_area>.txt_box .flag_tit {
    color: #fff;
    font-size: 24px;
    font-family: var(--font-prer);
}

.wp_wrap #shp_cic_prg .shp_ir .prg_list>li:last-child .img_area>.txt_box .flag_tit {
    color: #000;
}

.wp_wrap #shp_cic_prg .shp_ir .prg_list>li .txt_area {
    line-height: 29px;
}

.wp_wrap #shp_cic_prg .shp_ir .prg_list>li .txt_area>li {
    font-size: 19px;
    font-family: var(--font-prel);
    text-align: center;
}


/* QA보드 영역 */
.wp_wrap #shp_qa_board {}

.wp_wrap #shp_qa_board .shp_wrap {}

.wp_wrap #shp_qa_board .shp_ir {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 100px;
}

.wp_wrap #shp_qa_board .shp_ir .tit_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    text-align: center;
}

.wp_wrap #shp_qa_board .shp_ir .tit_box>.sub_txt {
    font-size: 38px;
    font-family: var(--font-prel);
}

.wp_wrap #shp_qa_board .shp_ir .tit_box>.tit {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    font-family: var(--font-prem);
}

.wp_wrap #shp_qa_board .shp_ir .tit_box>.tit>.tit_dot {
    display: block;
    position: relative;
}

.wp_wrap #shp_qa_board .shp_ir .tit_box>.tit>.tit_dot::before {
    position: absolute;
    top: -20px;
    left: 50%;
    display: block;
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #CF2121;
    transform: translateX(-50%);
}

.wp_wrap #shp_qa_board .shp_ir .dp_items {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 15px;
}

.wp_wrap #shp_qa_board .shp_ir .dp_items .dp_item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 15px;
}

.wp_wrap #shp_qa_board .shp_ir .dp_items .dp_item .item_hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 40px;
    border: 1px solid #C2C2C2;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    cursor: pointer;
}

.wp_wrap #shp_qa_board .shp_ir .dp_items .dp_item .item_hd .dp_tit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    font-size: 25px;
    font-family: var(--font-prer);
}

.wp_wrap #shp_qa_board .shp_ir .dp_items .dp_item .item_hd .dp_tit::before {
    display: block;
    content: "Q";
    color: #DB1F1F;
    font-size: 80px;
    font-family: var(--font-pret);
}

.wp_wrap #shp_qa_board .shp_ir .dp_items .dp_item .item_hd>i {
    color: #DB1F1F;
    font-size: 23px;
    transition: 0.4s;
}

.wp_wrap #shp_qa_board .shp_ir .dp_items .dp_item:hover .item_hd>i {
    transform: rotate(180deg) !important;
}

.wp_wrap #shp_qa_board .shp_ir .dp_items .dp_item:first-child .item_hd>i {
    transform: rotate(180deg);
}

.wp_wrap #shp_qa_board .shp_ir .dp_items .dp_item .item_bd {
    display: none;
    padding: 30px 40px;
    border: 1px solid #C2C2C2;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
}

.wp_wrap #shp_qa_board .shp_ir .dp_items .dp_item.on .item_bd {
    display: block;
}

.wp_wrap #shp_qa_board .shp_ir .dp_items .dp_item .item_bd>.txt {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 30px;
    font-size: 20px;
    font-family: var(--font-prer);
    line-height: 29px;
}

.wp_wrap #shp_qa_board .shp_ir .dp_items .dp_item .item_bd>.txt::before {
    display: block;
    content: "A";
    font-size: 80px;
    font-family: var(--font-pret);
    line-height: 80px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* 솔루션 소개 페이지 */

/* 인트로타이틀 02 */
.wp_wrap #shp_scale_view {}

.wp_wrap #shp_scale_view .shp_wrap {}

.wp_wrap #shp_scale_view .shp_ir {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 160px;
}

.wp_wrap #shp_scale_view .shp_ir .txt_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 35px;
    text-align: center;
}

.wp_wrap #shp_scale_view .shp_ir>.txt_box>.tit {
    font-size: 60px;
    font-family: var(--font-prel);
}

.wp_wrap #shp_scale_view .shp_ir>.txt_box>.tit>b {
    font-family: var(--font-preb);
}

.wp_wrap #shp_scale_view .shp_ir>.txt_box>.desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 40px;
}

.wp_wrap #shp_scale_view .shp_ir>.txt_box>.desc .des {
    font-size: 30px;
    font-family: var(--font-prel);
    line-height: 40px;
}

.wp_wrap #shp_scale_view .shp_ir>.txt_box>.desc .des>b {
    font-family: var(--font-preb);
}

.wp_wrap #shp_scale_view .shp_ir>.img_box {}

.wp_wrap #shp_scale_view .shp_ir>.img_box>.img_frame {}

.wp_wrap #shp_scale_view .shp_ir>.img_box>.img_frame>img {}




/* 이미지 스티키영역  */
.wp_wrap #shp_stcy_img {}

.wp_wrap #shp_stcy_img .shp_wrap {}

.wp_wrap #shp_stcy_img .shp_ir {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    padding-bottom: 120px;
}

.wp_wrap #shp_stcy_img .shp_ir .img_slide {
    width: 55%;
    padding-bottom: 140px;
    /* display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap:40px; */
}

.wp_wrap #shp_stcy_img .shp_ir .img_slide .img_box {}

.wp_wrap #shp_stcy_img .shp_ir .img_slide .img_box .img_frame {
    overflow: hidden;
    border: 5px solid #E9E9E9;
    border-radius: 20px;
}

.wp_wrap #shp_stcy_img .shp_ir .img_slide .img_box .img_frame>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp_wrap #shp_stcy_img .shp_ir .txt_box {
    width: 40%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 10;
}

.wp_wrap #shp_stcy_img .shp_ir .txt_box .des_box {
    /* position: sticky;
    right: 0;
    top: 60px; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 35px;
    letter-spacing: -0.5px;
}

.wp_wrap #shp_stcy_img .shp_ir .txt_box .des_box .des {}

.wp_wrap #shp_stcy_img .shp_ir .txt_box .des_box .des>b {
    font-family: var(--font-preb);
}

.wp_wrap #shp_stcy_img .shp_ir .txt_box .des_box .des01 {
    font-size: 26px;
    font-family: var(--font-preel);
}

.wp_wrap #shp_stcy_img .shp_ir .txt_box .des_box .des02 {
    font-size: 18px;
    font-family: var(--font-prel);
    line-height: 1.5em;
}



/* 이미지 확대영역  */
.wp_wrap #shp_scale_img {}

.wp_wrap #shp_scale_img .img_box {}

.wp_wrap #shp_scale_img .img_box .img_frame {}

.wp_wrap #shp_scale_img .img_box .img_frame>img {}


/* 카드썸네일 */
.wp_wrap #shp_thumb {}

.wp_wrap #shp_thumb .shp_wrap {}

.wp_wrap #shp_thumb .shp_ir {
    padding-bottom: 120px;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont {
    position: relative;
    display: flex;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .cp_cont_out {
    /* max-width: 955px; */
    width: 70%;
    height: 1350px;

}

.wp_wrap #shp_thumb .shp_ir .thb_cont .cp_cont {
    position: sticky;
    top: 60px;
    padding: 50px 75px;
    background-color: #3E3E3E;
    border-radius: 35px;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .cp_cont .top {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 25px;
    min-height: 450px;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .cp_cont .top>.tit {
    color: #9F9F9F;
    font-size: 32px;
    font-family: var(--font-preeb);
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .cp_cont .top>.des {
    color: #FCFCFC;
    font-size: 17px;
    font-family: var(--font-prel);
    line-height: 34px;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .cp_cont .bot {
    min-height: 400px;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .cp_cont .bot .logo_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 5px;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .cp_cont .bot .logo_box .logo_txt {
    color: #fff;
    font-size: 24px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .cp_cont .bot .logo_box>img {
    max-width: 375px;
    width: 100%;
}





.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box_out {
    position: relative;
    width: 30%;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box {
    position: absolute;
    right: 0;
    top: 190px;
    width: 730px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 25px;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_top {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 25px;
    padding: 45px 55px;
    border-radius: 35px;
    background-color: #948C76;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_top02 {
    background-color: #239CC9;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_top>.tit {
    font-size: 32px;
    font-family: var(--font-preb);
    color: #3E3E3E;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_top02>.tit {
    color: #fff;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_top>.desc {}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_top>.desc .des {
    font-size: 17px;
    font-family: var(--font-prer);
    color: #3E3E3E;
    line-height: 1.5;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_top02>.desc .des {
    color: #fff;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_bot {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 25px;
    padding: 40px 55px;
    border-radius: 35px;
    background-color: #FFCB37;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_bot>.tit {
    font-size: 32px;
    font-family: var(--font-preb);
    color: #3E3E3E;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_bot>.desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_bot>.desc .des {
    font-size: 17px;
    font-family: var(--font-prer);
    color: #000;
    line-height: 1.5;
}


.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_last {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 25px;
    padding: 45px 55px;
    border-radius: 35px;
    background-color: #C4C854;
}


.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_last>.tit {
    font-size: 33px;
    font-family: var(--font-preb);
    color: #fff;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_last>.desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_last>.desc .des {
    font-size: 17px;
    font-family: var(--font-prer);
    color: #000;
    line-height: 1.5;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_rt_box .box_last>.slog_tit {
    padding: 20px 10px;
    font-size: 28px;
    font-family: var(--font-prer);
    text-align: right;
    line-height: 1.4em;
}



/* .wp_wrap #shp_thumb .shp_ir .thb_cont .fix_bot_box {
    max-width: 790px;
    width: 100%;
    position: absolute;
    left: 50px;
    bottom: -300px;
    padding: 45px 35px;
    background-color: #C4C854;
    border-radius: 35px;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_bot_box>.txt_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 25px;
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_bot_box>.txt_box>.tit {
    color: #fff;
    font-size: 40px;
    font-family: var(--font-prem);
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_bot_box>.txt_box>.desc {}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_bot_box>.txt_box>.desc .des {
    font-size: 20px;
    font-family: var(--font-prer);
}

.wp_wrap #shp_thumb .shp_ir .thb_cont .fix_bot_box>.txt_box>.slog_tit {
    padding: 20px 10px;
    font-size: 30px;
    font-family: var(--font-prer);
    text-align: right;
	line-height: 1.4em;
} */


.wp_wrap #shp_thumb .shp_ir>.btn_bx {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 120px 0;
}

.wp_wrap #shp_thumb .shp_ir>.btn_bx .btn_mv_pg {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    max-width: 580px;
    width: 100%;
    height: 120px;
    color: #fff;
    font-size: 25px;
    font-family: var(--font-prel);
    background-color: #fff;
    border-radius: 300px;
    background-color: #373737;
    transition: 0.4s;
}

.wp_wrap #shp_thumb .shp_ir>.btn_bx .btn_mv_pg>b {
    color: #FFCB37;
    font-family: var(--font-preeb);
}

.wp_wrap #shp_thumb .shp_ir>.btn_bx .btn_mv_pg:hover {
    background-color: #ccc;
    transition: 0.4s;
}



/* 하단 이미지 영역 */
.wp_wrap #shp_thumb .shp_ir {}

.wp_wrap #shp_thumb .shp_ir .slt_answ_cont {}

.wp_wrap #shp_thumb .shp_ir .slt_answ_cont>.lt {}

.wp_wrap #shp_thumb .shp_ir .slt_answ_cont>.lt>img {}

.wp_wrap #shp_thumb .shp_ir .slt_answ_cont>.rt {}

.wp_wrap #shp_thumb .shp_ir .slt_answ_cont>.rt>img {}

.wp_wrap #shp_thumb .shp_ir .slt_answ_cont>.cont_bx {
    overflow: hidden;
    border: 3px solid #C4C4C4;
    border-radius: 15px;
}

.wp_wrap #shp_thumb .shp_ir .slt_answ_cont>.cont_bx>.img_bx {}

.wp_wrap #shp_thumb .shp_ir .slt_answ_cont>.cont_bx>.img_bx.slt_img {
    cursor: none;
}

.wp_wrap #shp_thumb .shp_ir .slt_answ_cont>.cont_bx>.img_bx>img {}




/* 스크롤 인트로 */
.wp_wrap #shp_sq_slide {}

.wp_wrap #shp_sq_slide .shp_wrap {}

.wp_wrap #shp_sq_slide .shp_ir {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 60px;
}

.wp_wrap #shp_sq_slide .shp_ir>.hd_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #shp_sq_slide .shp_ir>.hd_box .tit {
    max-width: 585px;
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 25px;
    font-family: var(--font-prel);
    text-align: center;
    background-color: #373737;
    border-radius: 300px;
}

.wp_wrap #shp_sq_slide .shp_ir>.hd_box .tit>b {
    color: #FFCB37;
    font-family: var(--font-preeb);
}


.wp_wrap #shp_sq_slide .shp_ir .bd_box {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 25px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left {
    max-width: 865px;
    width: 100%;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 {}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item {
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #707070;
    cursor: pointer;
    overflow: hidden;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item .sq_cic {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    transform: scale(0);
    border-radius: 50%;
    background-color: #373737;
    transition: 0.4s;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item .sq_cic::before {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    transform: scale(0);
    border-radius: 50%;
    background-color: #37373779;
    transition: 0s;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item .sq_cic::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    transform: scale(0);
    border-radius: 50%;
    background-color: #3737374c;
    transition: 0s;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on .sq_cic::before {
    transform: scale(15);
    transition: 0.65s;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on .sq_cic::after {
    transform: scale(15);
    transition: 0.6s;
    transition-delay: 0.1s;
}


.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on .sq_cic {
    transform: scale(15);
    transition: 0.6s;
    transition-delay: 0.15s;
}

/* .wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on{
      background-color: #373737;
} */
.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item .item_ir {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: 220px;
    padding: 25px 20px;
    z-index: 10;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item .item_ir .sq_tit {
    font-size: 20px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on .item_ir .sq_tit {
    color: #fff;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item .item_ir .desc {
    text-align: left;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item .item_ir .fst_desc {
    text-align: right;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on .item_ir .fst_desc {
    color: #fff;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item .item_ir .desc .des {
    min-height: 75px;
    font-size: 15px;
    font-family: var(--font-prer);
    line-height: 24px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on .item_ir .desc .des {
    color: #fff;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item .item_ir .ico_box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item .item_ir .ico_box>svg {}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on .item_ir .ico_box circle,
.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on .item_ir .ico_box svg path {
    /* fill: #fff; */
    stroke: #fff;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on .item_ir .ico_box svg rect {
    /* fill: #fff; */
    stroke: #fff;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on .item_ir .ico_box svg g g line,
.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on .item_ir .ico_box svg g line,
.wp_wrap #shp_sq_slide .shp_ir .bd_box .left .sq_items02 .sq_item.on .item_ir .ico_box svg line {
    /* fill: #fff; */
    stroke: #fff;
}



.wp_wrap #shp_sq_slide .shp_ir .bd_box .right {
    max-width: 600px;
    width: 100%;
    overflow: hidden;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items {
    position: relative;
    width: 100%;
    height: 100%;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item {
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 10px;
    opacity: 0;
    padding: 30px;
    background-color: #FFCB37;
    border-radius: 20px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item.on {
    opacity: 1;
    left: 0;
    transition: 0.6s;
    z-index: 9;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .tit {
    color: #3E3E3E;
    font-size: 30px;
    font-family: var(--font-prebk);
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont .des {
    font-size: 16px;
    font-family: var(--font-prer);
    line-height: 23px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont .img_box01 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 15px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont .img_box01>.img_frame {}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont .img_box01>.img_frame>img {}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont .img_box02 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 50px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont .img_box02>.img_frame {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 15px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont .img_box02>.img_frame>img {}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont .img_box02>.img_frame>.frm_tit {
    color: #3E3E3E;
    font-size: 16px;
    font-family: var(--font-prer);
    text-align: center;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont .flag_box01 {}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont .flag_box01>.flag {
    padding: 0 30px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont .flag_box01>.flag>.txt {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
    color: #3E3E3E;
    font-size: 16px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .top .top_cont .flag_box01>.flag>.txt::before {
    display: block;
    content: "";
    min-width: 9px;
    width: 9px;
    height: 9px;
    margin-top: 5px;
    background-color: #fff;
    border-radius: 50%;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .bot {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .bot .mv_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 5px;
    min-height: 55px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .bot .mv_box>.btn_mv {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #3E3E3E;
    font-size: 20px;
    font-family: var(--font-prem);
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .bot .mv_box>.btn_mv>img {}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .bot .bot_cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 15px;
    padding: 20px;
    background-color: #131313;
    border-radius: 20px;
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .bot .bot_cont>.tit {
    color: #C1C1C1;
    font-size: 20px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_sq_slide .shp_ir .bd_box .right .rt_items .rt_item .bot .bot_cont>.des {
    color: #C1C1C1;
    font-size: 14px;
    font-family: var(--font-prer);
    line-height: 30px;
    line-height: 1.7;
}

/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 회사소개 리뉴얼 25.02.27 */
/**********************************************************************************************************************/
/*--------------------------------------------------------------------------------------------------------------------*/
/* 버전 01 버전 */
/*--------------------------------------------------------------------------------------------------------------------*/
/* 슬로건 영역 */
.wp_wrap #shp_slog {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 60px;
    padding: 120px 0;
    overflow: hidden;
    background-image: url(../img/sub/moon_back.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}

.wp_wrap #shp_slog .cont_top {}

.wp_wrap #shp_slog .cont_top .top_ir {}

.wp_wrap #shp_slog .cont_top .top_ir .min_slog {
    color: #393939;
    font-size: 71px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_slog .cont_top .top_ir .min_slog span {
    color: #cf0606;
    font-size: 25px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_slog .cont_mid {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 300px;
}

.wp_wrap #shp_slog .cont_mid .mid_up {
    position: relative;
}

.wp_wrap #shp_slog .cont_mid .mid_up .up_bg {
    position: absolute;
    bottom: -150px;
    left: 10%;
    width: 200%;
    height: 400px;
    background-color: #F1F1F1;
    border-radius: 200px 0 0 200px;
}

.wp_wrap #shp_slog .cont_mid .mid_up .up_bg>.img_box {
    position: relative;
}

.wp_wrap #shp_slog .cont_mid .mid_up .up_bg>.img_box>img {
    position: absolute;
    left: 50px;
    top: -70px;
}

.wp_wrap #shp_slog .cont_mid .mid_up .up_wrap {
    position: relative;
    z-index: 1;
}

.wp_wrap #shp_slog .cont_mid .mid_up .up_wrap .up_ir {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp_wrap #shp_slog .cont_mid .mid_up .up_wrap .up_ir .txt_box {}

.wp_wrap #shp_slog .cont_mid .mid_up .up_wrap .up_ir .txt_box>.tit {
    color: #3E3E3E;
    font-size: 369px;
    font-family: var(--font-preb);
    letter-spacing: -1px;
    transition: 0.4s;
}

.wp_wrap #shp_slog .cont_mid .mid_up .up_wrap .up_ir .txt_box>.tit>b:hover {
    color: #bf0808;
    transition: 0.4s;
}

.wp_wrap #shp_slog .cont_mid .mid_up .up_wrap .up_ir .txt_box>.desc {}

.wp_wrap #shp_slog .cont_mid .mid_up .up_wrap .up_ir .txt_box>.desc>.des {}

.wp_wrap #shp_slog .cont_mid .mid_up .up_wrap .up_ir .txt_box>.desc>.des>.txt {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #161616;
    font-size: 30px;
    letter-spacing: -1px;
}

.wp_wrap #shp_slog .cont_mid .mid_up .up_wrap .up_ir .txt_box>.desc>.des>.txt::before {
    display: block;
    content: "";
    min-width: 21px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #646464;
}

.wp_wrap #shp_slog .cont_mid .mid_down {
    position: relative;
}

.wp_wrap #shp_slog .cont_mid .mid_down .down_bg {
    position: absolute;
    bottom: -150px;
    right: 10%;
    width: 200%;
    height: 400px;
    background-color: #F1F1F1;
    border-radius: 0px 200px 200px 0px;
}

.wp_wrap #shp_slog .cont_mid .mid_down .down_wrap {
    position: relative;
    z-index: 1;
}

.wp_wrap #shp_slog .cont_mid .mid_down .down_wrap .down_ir {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap #shp_slog .cont_mid .mid_down .down_wrap .down_ir .txt_box {}

.wp_wrap #shp_slog .cont_mid .mid_down .down_wrap .down_ir .txt_box>.tit {
    color: #3E3E3E;
    font-size: 369px;
    font-family: var(--font-preb);
    letter-spacing: -2px;
    transition: 0.4s;
}

.wp_wrap #shp_slog .cont_mid .mid_down .down_wrap .down_ir .txt_box>.tit>b:hover {
    color: #bf0808;
    transition: 0.4s;
}

.wp_wrap #shp_slog .cont_mid .mid_down .down_wrap .down_ir .txt_box>.desc {}

.wp_wrap #shp_slog .cont_mid .mid_down .down_wrap .down_ir .txt_box>.desc>.des {}

.wp_wrap #shp_slog .cont_mid .mid_down .down_wrap .down_ir .txt_box>.desc>.des>.txt {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    color: #161616;
    font-size: 30px;
    letter-spacing: -1px;
}

.wp_wrap #shp_slog .cont_mid .mid_down .down_wrap .down_ir .txt_box>.desc>.des>.txt::before {
    display: block;
    content: "";
    min-width: 21px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #646464;
}

.wp_wrap #shp_slog .cont_bot {
    position: relative;
    z-index: 1;
}

.wp_wrap #shp_slog .cont_bot .bot_ir {
    padding: 180px 0 120px 180px;
}

.wp_wrap #shp_slog .cont_bot .bot_ir .txt_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.wp_wrap #shp_slog .cont_bot .bot_ir .txt_box>.tit {
    color: #161616;
    font-size: 40px;
    font-family: var(--font-presb);
}

.wp_wrap #shp_slog .cont_bot .bot_ir .txt_box>.desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 25px;
    color: #161616;
    font-size: 20px;
    font-family: var(--font-prel);
    line-height: 29px;
}

.wp_wrap #shp_slog .cont_bot .bot_ir .txt_box>.desc>.des {}




/* 달 탐사차량애니메이션 */
.wp_wrap #shp_slog .moon_box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
}

.wp_wrap #shp_slog .moon_box .moon_line {
    position: relative;
    background-color: #ddd;
}

.wp_wrap #shp_slog .moon_box .moon_line svg {
    position: absolute;
    bottom: 100%;
}

.wp_wrap #shp_slog .moon_box .moon_line svg g g g.tire_shp02 {
    background-color: #fff;
}




/* 우주선착륙애니메이션 */
.wp_wrap #shp_slog .earth_box {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
}

.wp_wrap #shp_slog .earth_box .earth_ir {
    display: flex;
    justify-content: flex-end;
}

.wp_wrap #shp_slog .earth_box .earth_ir .rocket_box {
    position: relative;
}

.wp_wrap #shp_slog .earth_box .earth_ir .rocket_box>img {}

.wp_wrap #shp_slog .earth_box .earth_ir .rocket_box>img.rocket_body {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.wp_wrap #shp_slog .earth_box .earth_ir .rocket_box>img.rocket_fire {
    z-index: 0;
}



/*--------------------------------------------------------------------------------------------------------------------*/
/* 기업정체성 영역 */
.wp_wrap #shp_idt {
    background-color: #E3E3E3;
}

.wp_wrap #shp_idt .shp_wrap {}

.wp_wrap #shp_idt .shp_ir {
    display: flex;
    flex-direction: column;
    gap: 90px;
    padding: 120px 0;
}

.wp_wrap #shp_idt .shp_ir>.tit_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    text-align: center;
}

.wp_wrap #shp_idt .shp_ir>.tit_box>.tit {
    color: #161616;
    font-size: 50px;
    font-family: var(--font-presb);
}

.wp_wrap #shp_idt .shp_ir>.tit_box>.des {
    color: #646464;
    font-size: 25px;
    font-family: var(--font-prel);
}

.wp_wrap #shp_idt .shp_ir>.idt_cont {
    display: flex;
    flex-direction: column;
    gap: 220px;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box {}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .main_clr {
    font-size: 128px;
    font-family: var(--font-prel);
    letter-spacing: -1px;
    line-height: 110px;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .main_clr01 {
    color: #fff;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .main_clr02 {
    color: #3E3E3E;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .sub_clr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .sub_clr>li {}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .sub_clr>li>span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    color: #646464;
    font-size: 19px;
    font-family: var(--font-prer);
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .sub_clr>li>span::before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .sub_clr01>li:nth-child(1)>span::before {
    background-color: #0b0b0b;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .sub_clr01>li:nth-child(2)>span::before {
    background-color: #3E3E3E;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .sub_clr01>li:nth-child(3)>span::before {
    background-color: #D30D0D;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .sub_clr02>li:nth-child(1)>span::before {
    background-color: #F4F4F4;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .sub_clr02>li:nth-child(2)>span::before {
    background-color: #D5D5D5;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .clr_txt .sub_clr02>li:nth-child(3)>span::before {
    background-color: #D30D0D;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.txt_box .gd_txt {
    color: #646464;
    font-size: 20px;
    font-family: var(--font-prel);
    text-align: center;
    padding-top: 10px;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.img_box {
    width: 590px;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_down>.img_box {
    background-color: #3E3E3E;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_top .cont_item>.img_box>img {}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_bot {}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_bot>.txt_box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 0;
    background-image: url(../img/sub/tp_mark02.png), url(../img/sub/bt_mark02.png);
    background-position: 0 0, 100% 100%;
    background-repeat: no-repeat;
    background-color: unset;
}

.wp_wrap #shp_idt .shp_ir>.idt_cont .cont_bot>.txt_box>.txt {
    padding: 0 20px;
    color: #161616;
    font-size: 27px;
    font-family: var(--font-prel);
    text-align: center;
    line-height: 46px;
    letter-spacing: -0.5px;
}





/*--------------------------------------------------------------------------------------------------------------------*/
/* 버전 02 버전 */
/*--------------------------------------------------------------------------------------------------------------------*/
/* 캠섹션 영역 */
.wp_wrap #shp_cam {
    position: relative;
}

.wp_wrap #shp_cam .cam_cursor {
    position: absolute;
    background-color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    z-index: 1;
    background-color: #b70c0c24;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33)
}

/* @keyframes rotate{
    100%{
        transform: rotate(360deg);
    }
} */
.wp_wrap #shp_cam .shp_wrap {}

.wp_wrap #shp_cam .shp_ir {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 120px 0;
}

.wp_wrap #shp_cam .shp_ir .finger_cam {
    position: relative;
}

.wp_wrap #shp_cam .shp_ir .finger_cam>.tit {
    padding: 120px 0;
    font-size: 82px;
    font-family: var(--font-preb);
    text-align: center;
}

.wp_wrap #shp_cam .shp_ir .finger_cam.on>.tit {
    opacity: 0;
    transition: 0.6s;
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_brd_box {
    position: fixed;
    width: 0%;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    left: 50%;
    top: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: 0s;
}

.wp_wrap #shp_cam .shp_ir .finger_cam.on .cam_brd_box {
    opacity: 1;
    width: 60%;
    height: 50vh;
    transition: 1s;
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_brd_box .cam_brd {
    position: relative;
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_brd_box .cam_brd>span {
    display: inline-block;
    color: #E2E2E2;
    font-size: 20px;
    font-family: var(--font-prel);
    letter-spacing: 1px;
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_brd_box .cam_brd01 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_brd_box .cam_brd01 .brd_wd {}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_brd_box .cam_brd01 .brd_lng {
    position: absolute;
    left: -30px;
    top: 30px;
    transform: rotate(-90deg);
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_brd_box .cam_brd02 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_brd_box .cam_brd02 .brd_wd {}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_brd_box .cam_brd02 .brd_lng {
    position: absolute;
    right: -30px;
    bottom: 30px;
    transform: rotate(90deg);
}


.wp_wrap #shp_cam .shp_ir .finger_cam .cam_ir {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    opacity: 0;
    transition: 1s;
    z-index: 1;
}

.wp_wrap #shp_cam .shp_ir .finger_cam.on .cam_ir {
    padding: 60px;
    opacity: 1;
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_ir .slog_txt {
    height: 100vh;
    font-size: 144px;
    font-family: var(--font-preb);
    text-align: center;
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_ir .slog_txt>b {
    transition: 0.4s;
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_ir .slog_txt:hover>b {
    color: #B70C0C;
    transition: 0.4s;
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_ir .slog_txt05 {
    font-size: 88px;
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_ir .slog_sub_txt {
    font-size: 42px;
}

.wp_wrap #shp_cam .shp_ir .finger_cam .cam_ir .slog_sub_txt02 {
    font-size: 32px;
    letter-spacing: -1px;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* CI 영역 */
.wp_wrap #shp_ci {}

.wp_wrap #shp_ci .shp_wrap {}

.wp_wrap #shp_ci .shp_ir {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 120px;
    padding: 120px 0;
}

.wp_wrap #shp_ci .shp_ir .tit_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.wp_wrap #shp_ci .shp_ir .tit_box>.tit {
    font-size: 50px;
    font-family: var(--font-preb);
    letter-spacing: -1px;
}

.wp_wrap #shp_ci .shp_ir .tit_box>.sub_tit {
    font-size: 25px;
    font-family: var(--font-prel);
    letter-spacing: -1px;
}

.wp_wrap #shp_ci .shp_ir .ci_cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 120px;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .txt_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_mid .txt_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .txt_box .box_ir {}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .txt_box .box_ir>.tit {
    font-size: 42px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .txt_box .box_ir>.des {
    font-size: 18px;
    font-family: var(--font-prer);
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box {
    width: 100%;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box .box_ir {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_mid .img_box .box_ir {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box .box_ir .main_clr {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 450px;
    width: 100%;
    height: 550px;
    box-shadow: 0 0 3px rgba(255, 255, 255, .16);
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_mid .img_box .box_ir .main_clr {
    box-shadow: 0 0 3px rgba(0, 0, 0, .16);
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box .box_ir .main_clr>img {}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box .box_ir .sub_clr_list {
    position: absolute;
    right: -30px;
    bottom: -30px;
    max-width: 450px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_mid .img_box .box_ir .sub_clr_list {
    position: absolute;
    right: unset;
    left: -30px;
    bottom: -30px;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box .box_ir .sub_clr_list>li {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box .box_ir .sub_clr_list>.clr_list01 {
    color: #3E3E3E;
    background-color: #F4F4F4;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box .box_ir .sub_clr_list>.clr_list02 {
    color: #3E3E3E;
    background-color: #D5D5D5;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box .box_ir .sub_clr_list>.clr_list03 {
    background-color: #D30D0D;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box .box_ir .sub_clr_list>.clr_list04 {
    color: #fff;
    background-color: #0B0B0B;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box .box_ir .sub_clr_list>.clr_list05 {
    color: #fff;
    background-color: #3E3E3E;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box .box_ir .sub_clr_list>.clr_list06 {
    color: #fff;
    background-color: #D30D0D;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_cnt .img_box .box_ir .sub_clr_list>li>span {
    font-size: 16px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_top {}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_mid {}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_bot {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_bot .ct_txt {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 0;
    margin-top: 120px;
    background-image: url(../img/sub/tp_mark02.png), url(../img/sub/bt_mark02.png);
    background-position: 0 0, 100% 100%;
    background-repeat: no-repeat;
    background-color: unset;
}

.wp_wrap #shp_ci .shp_ir .ci_cont .ci_bot .ct_txt>.txt {
    padding: 0 20px;
    color: #3E3E3E;
    font-size: 27px;
    font-family: var(--font-prer);
    text-align: center;
    line-height: 46px;
    letter-spacing: -0.5px;
}



/* 마우스 포인터 변경 */
.wp_wrap .mouse_pointer {
    position: fixed;
    top: 0px;
    left: 0px;
    pointer-events: none;
    background-repeat: no-repeat;
    transform-origin: center center;
    z-index: 10000;
}

.wp_wrap .mouse_pointer .circle {
    position: absolute;
    top: -40px;
    left: -32.5px;
    width: 65px;
    height: 100px;
    background-image: url(../img/ico/mouse_pointer.png);
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out;
    transform: scale(0);
    /* border:1px solid red; */
}

.wp_wrap .mouse_pointer.view .circle {
    transform: scale(1);
    opacity: 0.8;
}

.wp_wrap .mouse_pointer.sclCic .circle {
    opacity: 1;
}

/* .wp_wrap .mouse_pointer.sclCic .circle{
    transform: scale(2);
    transition: 0.4s;
} */

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 인트로 페이지 - TRAVEL */
/**********************************************************************************************************************/
/*--------------------------------------------------------------------------------------------------------------------*/
/* 공통 */
.wp_wrap #rn_cont02 {
    padding: 120px 0;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* 선택하는 인트로 섹션 */
.wp_wrap #shp_intro_pic {}

.wp_wrap #shp_intro_pic .shp_wrap {
    overflow: hidden;
}

.wp_wrap #shp_intro_pic .shp_ir {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60px;
    perspective: 100px;
}

.wp_wrap #shp_intro_pic .shp_ir .txt_wheel {
    position: relative;
    width: 100%;
    height: 300px;
}

.wp_wrap #shp_intro_pic .shp_ir .txt_wheel .txt_bx {
    opacity: 0;
    width: fit-content;
    transform: scale(0.85);
}


.wp_wrap #shp_intro_pic .shp_ir .txt_wheel .txt_bx:first-child {
    padding-left: 30px;
    transition: 0.8s;
}

.wp_wrap #shp_intro_pic .shp_ir .txt_wheel .txt_bx:last-child {
    padding-left: 80px;
    transition: 0.8s;
}

.wp_wrap #shp_intro_pic .shp_ir .txt_wheel .txt_bx:first-child.on {
    padding: 0;
    transform: scale(1);
    transition: 0.8s;
}

.wp_wrap #shp_intro_pic .shp_ir .txt_wheel .txt_bx:last-child.on {
    padding: 0;
    transform: scale(1);
    transition: 0.8s;
}

.wp_wrap #shp_intro_pic .shp_ir .txt_wheel .txt_bx>a {}

.wp_wrap #shp_intro_pic .shp_ir .txt_wheel .txt_bx>a>.ko_tit {
    color: #BFBFBF;
    font-size: 45px;
    font-family: var(--font-prel);
}

.wp_wrap #shp_intro_pic .shp_ir .txt_wheel .txt_bx>a>.en_tit {
    color: #BFBFBF;
    font-size: 60px;
    font-family: var(--font-ktr);
}

.wp_wrap #shp_intro_pic .shp_ir .txt_wheel .txt_bx.on>a>.ko_tit {
    color: #C41B1B;
}

.wp_wrap #shp_intro_pic .shp_ir .txt_wheel .txt_bx.on>a>.en_tit {
    color: #000000;
}



/* 뒷에 원형  */
.wp_wrap #shp_intro_pic .shp_ir .cic_back_bx {
    position: absolute;
    right: 0;
    top: 50%;
}

.wp_wrap #shp_intro_pic .shp_ir .cic_back_bx>.bx_ir {
    position: relative;
}

.wp_wrap #shp_intro_pic .shp_ir .cic_back_bx>.bx_ir>.cic_ball {
    border-radius: 50%;
}

.wp_wrap #shp_intro_pic .shp_ir .cic_back_bx>.bx_ir>.cic_ball01 {
    opacity: 0;
    width: 250px;
    height: 250px;
    background-color: #ddd;
}

.wp_wrap #shp_intro_pic .shp_ir .cic_back_bx>.bx_ir>.cic_ball02 {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 70%;
    width: 110px;
    height: 110px;
    background-color: rgba(211, 13, 13);
}






/* 뒷에 원형  */
.wp_wrap #shp_intro_pic .shp_ir .cic_back_bx2 {
    position: absolute;
    right: 0;
    top: 50%;
}

.wp_wrap #shp_intro_pic .shp_ir .cic_back_bx2>.bx_ir {}

.wp_wrap #shp_intro_pic .shp_ir .cic_back_bx2>.bx_ir>.cic_ball {
    width: 400px;
    height: 400px;
}

.wp_wrap #shp_intro_pic .shp_ir .cic_back_bx2>.bx_ir>.cic_ball svg {
    overflow: visible;
}

.wp_wrap #shp_intro_pic .shp_ir .cic_back_bx2>.bx_ir>.cic_ball svg circle {}




/* 뒷에 텍스트  */
.wp_wrap #shp_intro_pic .shp_ir .chos_txt_bx {
    position: absolute;
    top: calc(50% + 180px);
    left: 0;
    z-index: 9;
}

.wp_wrap #shp_intro_pic .shp_ir .chos_txt_bx>.bx_ir {
    position: relative;
}

.wp_wrap #shp_intro_pic .shp_ir .chos_txt_bx>.bx_ir>p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 25px;
    font-family: var(--font-prer);
    color: #0C0C0C;
    opacity: 0;
    transition: 1s;
    white-space: nowrap;
    line-height: 1.5;
}

.wp_wrap #shp_intro_pic .shp_ir .chos_txt_bx>.bx_ir>p.on {
    transform: translateY(0);
    opacity: 1;
}

.wp_wrap #shp_intro_pic .shp_ir .chos_txt_bx>.bx_ir>.chos1 {}

.wp_wrap #shp_intro_pic .shp_ir .chos_txt_bx>.bx_ir>.chos2 {}





/*--------------------------------------------------------------------------------------------------------------------*/
/* 고정 롤링 베너 */
.wp_wrap #shp_fix_rolling {
    position: relative;
    z-index: 1;
}

.wp_wrap #shp_fix_rolling .shp_wrap {}

.wp_wrap #shp_fix_rolling .shp_ir {}

.wp_wrap #shp_fix_rolling .shp_ir>.lt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 25px;
}

.wp_wrap #shp_fix_rolling .shp_ir>.lt>.roll_item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.wp_wrap #shp_fix_rolling .shp_ir>.lt>.roll_item>.img_bx {
    width: 100%;
    height: 415px;
    border-radius: 20px;
    overflow: hidden;
    border: 5px solid #E9E9E9;
}

.wp_wrap #shp_fix_rolling .shp_ir>.lt>.roll_item>.img_bx>img {}

.wp_wrap #shp_fix_rolling .shp_ir>.lt>.roll_item>.item_tit {
    width: 100%;
    color: #707070;
    font-size: 18px;
    font-family: var(--font-prem);
    text-align: center;
}

.wp_wrap #shp_fix_rolling .shp_ir>.rt {
    position: relative;
}

.wp_wrap #shp_fix_rolling .shp_ir>.rt>.txt_bx {
    position: sticky;
    left: 0;
    top: 100px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 35px;
    padding-left: 80px;
}

.wp_wrap #shp_fix_rolling .shp_ir>.rt>.txt_bx>.tit {
    color: #141414;
    font-size: 30px;
    font-family: var(--font-preel);
    line-height: 40px;
}

.wp_wrap #shp_fix_rolling .shp_ir>.rt>.txt_bx>.tit>b {
    font-family: var(--font-preb);
}

.wp_wrap #shp_fix_rolling .shp_ir>.rt>.txt_bx>.des {
    color: #141414;
    font-size: 20px;
    font-family: var(--font-prel);
    line-height: 33px;
}




/*--------------------------------------------------------------------------------------------------------------------*/
/* 최하단 마우스 픽 버튼( 솔루션 상담하기 버튼) */
.wp_wrap #inq_pic {
    display: none;
    position: absolute;
    pointer-events: none;
    width: 160px;
    height: 160px;
    transform-origin: center;
    background-color: #F2B815;
    border-radius: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}

.wp_wrap #inq_pic .txt {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    text-align: center;
    font-family: var(--font-prer);
    color: #fff;
}


/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 메인페이지 수정작업 스타일 (2025.06.09) */
/**********************************************************************************************************************/

/*--------------------------------------------------------------------------------------------------------------------*/
/* 포트폴리오 영역 */
.wp_wrap #s_ptf.s_ptf {
    background: unset;
}

.wp_wrap #s_ptf .ptf_inner .ptf_contain {
    position: relative;
    height: 100%;
    /* cursor: none; */
}

/* .wp_wrap #s_ptf .ptf_inner .ptf_contain #mouse_pt{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .16);
    border-radius: 50%;
    z-index: 9999;
    transform: scale(0);
}
.wp_wrap #s_ptf .ptf_inner .ptf_contain #mouse_pt::after{
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    content:"";
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, .1);
    z-index: 1;
    border-radius: 50%;
    animation: scaleCic 1.25s infinite;
}
.wp_wrap #s_ptf .ptf_inner .ptf_contain #mouse_pt>i{
    position: relative;
    z-index: 1;
    color:#fff;
    font-size: 26px;
    font-weight: bold;
} */

/* @keyframes scaleCic{
    0%{
        transform:translate(-50%,-50%) scale(0.9);
    }
    100%{
        transform:translate(-50%,-50%) scale(1.1);
    }
} */

.wp_wrap #shp_ptf_gly {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.wp_wrap #shp_ptf_gly>li {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.wp_wrap #shp_ptf_gly>li::after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 3;
    transition: 0.4s;
}

.wp_wrap #shp_ptf_gly>li:nth-child(1).on::after,
.wp_wrap #shp_ptf_gly>li:nth-child(2).on::after {
    left: 100%;
    transition: 0.4s;
}

.wp_wrap #shp_ptf_gly>li:nth-child(3).on::after,
.wp_wrap #shp_ptf_gly>li:nth-child(4).on::after,
.wp_wrap #shp_ptf_gly>li:nth-child(5).on::after {
    top: 100%;
    transition: 0.4s;
}

.wp_wrap #shp_ptf_gly>li:nth-child(6).on::after,
.wp_wrap #shp_ptf_gly>li:nth-child(8).on::after,
.wp_wrap #shp_ptf_gly>li:nth-child(9).on::after {
    left: -100%;
    transition: 0.4s;
}

.wp_wrap #shp_ptf_gly>li:nth-child(7)::after,
.wp_wrap #shp_ptf_gly>li:nth-child(7).on::after {
    transition: none;
}

.wp_wrap #shp_ptf_gly>li:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

.wp_wrap #shp_ptf_gly>li:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}

.wp_wrap #shp_ptf_gly>li:nth-child(3) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
}

.wp_wrap #shp_ptf_gly>li:nth-child(4) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 3;
}

.wp_wrap #shp_ptf_gly>li:nth-child(5) {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;

}

.wp_wrap #shp_ptf_gly>li:nth-child(6) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
}

.wp_wrap #shp_ptf_gly>li:nth-child(7) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
}

.wp_wrap #shp_ptf_gly>li:nth-child(8) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;

}

.wp_wrap #shp_ptf_gly>li:nth-child(9) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}

.wp_wrap #shp_ptf_gly>li>a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
    /* cursor: unset; */
}

.wp_wrap #shp_ptf_gly>li>a>.img_bx {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: 0.4s;
    z-index: 1;
}

.wp_wrap #shp_ptf_gly>li:hover>a>.img_bx {
    height: 55%;
}

.wp_wrap #shp_ptf_gly>li:nth-child(3):hover>a>.img_bx,
.wp_wrap #shp_ptf_gly>li:nth-child(4):hover>a>.img_bx,
.wp_wrap #shp_ptf_gly>li:nth-child(5):hover>a>.img_bx,
.wp_wrap #shp_ptf_gly>li:nth-child(6):hover>a>.img_bx,
.wp_wrap #shp_ptf_gly>li:nth-child(8):hover>a>.img_bx,
.wp_wrap #shp_ptf_gly>li:nth-child(9):hover>a>.img_bx {
    height: 45%;
}

.wp_wrap #shp_ptf_gly>li>a>.img_bx>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp_wrap #shp_ptf_gly>li>a>.txt_bx,
.wp_wrap #shp_ptf_gly>li>a>.txt_bx {
    width: 100%;
    padding: 15px 30px;
    overflow: hidden;
    background-color: #fff;
}

.wp_wrap #shp_ptf_gly>li>a>.txt_bx .key_txt {
    color: #ABABAB;
    font-size: 36px;
    font-family: var(--font-sbb);
    margin-bottom: 10px;
}

.wp_wrap #shp_ptf_gly>li>a>.txt_bx .tit {
    color: #0A0A0A;
    font-size: 20px;
    font-family: var(--font-preb);
    margin-bottom: 15px;
}

.wp_wrap #shp_ptf_gly>li>a>.txt_bx .des {
    color: #0A0A0A;
    font-size: 16px;
    font-family: var(--font-prel);
    line-height: 25px;
}

.wp_wrap #shp_ptf_gly>li:nth-child(3)>a>.txt_bx,
.wp_wrap #shp_ptf_gly>li:nth-child(4)>a>.txt_bx,
.wp_wrap #shp_ptf_gly>li:nth-child(5)>a>.txt_bx,
.wp_wrap #shp_ptf_gly>li:nth-child(6)>a>.txt_bx,
.wp_wrap #shp_ptf_gly>li:nth-child(8)>a>.txt_bx,
.wp_wrap #shp_ptf_gly>li:nth-child(9)>a>.txt_bx {
    width: 100%;
    padding: 10px 15px;
    overflow: hidden;
    background-color: #fff;
    transition: 0.4s;
}

.wp_wrap #shp_ptf_gly>li:nth-child(3)>a>.txt_bx .key_txt,
.wp_wrap #shp_ptf_gly>li:nth-child(4)>a>.txt_bx .key_txt,
.wp_wrap #shp_ptf_gly>li:nth-child(5)>a>.txt_bx .key_txt,
.wp_wrap #shp_ptf_gly>li:nth-child(6)>a>.txt_bx .key_txt,
.wp_wrap #shp_ptf_gly>li:nth-child(8)>a>.txt_bx .key_txt,
.wp_wrap #shp_ptf_gly>li:nth-child(9)>a>.txt_bx .key_txt {
    color: #ABABAB;
    font-size: 25px;
    font-family: var(--font-sbb);
    margin-bottom: 5px;
}

.wp_wrap #shp_ptf_gly>li:nth-child(3)>a>.txt_bx .tit,
.wp_wrap #shp_ptf_gly>li:nth-child(4)>a>.txt_bx .tit,
.wp_wrap #shp_ptf_gly>li:nth-child(5)>a>.txt_bx .tit,
.wp_wrap #shp_ptf_gly>li:nth-child(6)>a>.txt_bx .tit,
.wp_wrap #shp_ptf_gly>li:nth-child(8)>a>.txt_bx .tit,
.wp_wrap #shp_ptf_gly>li:nth-child(9)>a>.txt_bx .tit {
    color: #0A0A0A;
    font-size: 18px;
    font-family: var(--font-preb);
    margin-bottom: 10px;
}

.wp_wrap #shp_ptf_gly>li:nth-child(3)>a>.txt_bx .des,
.wp_wrap #shp_ptf_gly>li:nth-child(4)>a>.txt_bx .des,
.wp_wrap #shp_ptf_gly>li:nth-child(5)>a>.txt_bx .des,
.wp_wrap #shp_ptf_gly>li:nth-child(6)>a>.txt_bx .des,
.wp_wrap #shp_ptf_gly>li:nth-child(8)>a>.txt_bx .des,
.wp_wrap #shp_ptf_gly>li:nth-child(9)>a>.txt_bx .des {
    color: #0A0A0A;
    font-size: 15px;
    font-family: var(--font-prel);
    line-height: 22px;
}


/* 7번박스 스타일 */
.wp_wrap #shp_ptf_gly>li.ptf_main {
    opacity: 0;
    /* transition: 0.4s; */
}

.wp_wrap #shp_ptf_gly>li.ptf_main.active {
    background-color: #AF1111 !important;
}

.wp_wrap #shp_ptf_gly>li.ptf_main::after {
    display: none;
}

.wp_wrap #shp_ptf_gly>li.ptf_main .sq_tit_bx {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.wp_wrap #shp_ptf_gly>li.ptf_main .sq_tit_bx>.tit {
    color: #242424;
    font-size: 50px;
    font-family: var(--font-prebk);
}


.wp_wrap #shp_ptf_gly>li.ptf_main .sq_tit_bx>.btn_more {
    color: #AF1111;
    font-size: 16px;
    font-family: var(--font-sbb);
}

.wp_wrap #shp_ptf_gly>li.ptf_main.active .sq_tit_bx>.tit,
.wp_wrap #shp_ptf_gly>li.ptf_main.active .sq_tit_bx>.btn_more {
    color: #fff !important;
}




/**********************************************************************************************************************/