/**
 * Created by PhpStorm.
 * Date         :
 * Developer    :
 * Description  : wp_style.css
 * ⓒ 2024. WebPlanet Co. All Rights Reserved.
 */

@charset "utf-8";

/**********************************************************************************************************************/
/* 작성방법 */
/*
1. 모든 스타일은 클래스명 .wp_wrap 을 시작으로 작성한다.
2. 공통 스타일의 클래스명은 cm_ 접두어를 사용한다.
 */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
/*FONT*/
/* pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
/* font-family: "Pretendard", sans-serif; */

/* Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: "Roboto", sans-serif; */

/* Roboto */
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
/* font-family: "Play", sans-serif; */

/* SUIT */
/* font-family: 'SUIT', sans-serif; */

/* SUITE */
/* font-family: 'SUITE', sans-serif; */

/* Noto Serif KR */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
/* font-family: "Noto Serif KR", serif; */

:root {
    --dep2mnu-width: 225px;
}

/* 공통 */
html{
    scroll-behavior: smooth;
}
.modal-open{
    overflow: hidden;
}
.wp_wrap{
    overflow: clip;
    font-family: "Pretendard", sans-serif;
    font-weight: 400;
    word-break: keep-all;
}

.wp_wrap .cm_inner{
    max-width: 1630px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.wp_wrap .cm_sec{
    padding: 0 0 120px 0;
}


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





/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
/* #region // header */
.wp_wrap header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s;
    z-index: 999;
}
.wp_wrap header .h_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_wrap header .h_inner .h_lt{}
.wp_wrap header .h_inner .h_rt{
    display: flex;
    align-items: center;
    gap: 50px;
}
.wp_wrap header .h_inner .h_logo{
    min-width: 290px;
}
.wp_wrap header .h_inner nav{}
.wp_wrap header .h_inner nav .gnb{
    display: flex;
    align-items: center;
}
.wp_wrap header .h_inner nav .gnb .m_list{
    position: relative;
    width: 210px;
}
.wp_wrap header .h_inner nav .gnb .m_list>a{
    position: relative;
    font-size: 18px;
    font-family: "Pretendard Variable", sans-serif;
    font-weight: 500;
    color: #141414;
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.35;
}
.wp_wrap header .h_inner nav .gnb .m_list>a::after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 100%;
    height: 3px;
    background: #104577;
    transition: 0.3s;
}
.wp_wrap header .h_inner nav .gnb .m_list:hover>a::after{
    transform: translateX(-50%) scaleX(1);
}
.wp_wrap header .h_inner nav .gnb .m_list .sub_mnu{
    padding: 20px 0;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: none;
    height: 290px;
}
.wp_wrap header .h_inner nav .gnb .m_list .sub_mnu>li{
    text-align: center;
    margin-bottom: 15px;
}
.wp_wrap header .h_inner nav .gnb .m_list .sub_mnu>li:last-child{
    margin-bottom: 0;
}
.wp_wrap header .h_inner nav .gnb .m_list .sub_mnu>li>a{
    font-size: 16px;
    font-weight: 400;
    font-family: 'SUIT', sans-serif;
    color: #000000;
    text-decoration: underline;
    text-decoration-color: transparent; 
    text-underline-offset: 5px;
    transition: 0.3s;
}
.wp_wrap header .h_inner nav .gnb .m_list .sub_mnu>li>a:hover{
    color: #1457A1;
    text-decoration-color: #1457A1; 
}

.wp_wrap header .h_inner .mnu_op_btn{
    display: none;
}

.wp_wrap header .h_inner .h_lang{}
.wp_wrap header .h_inner .h_lang a{
    font-size: 20px;
    font-weight: 500;
    color: #141414;
    display: flex;
    align-items: center;
    gap: 5px;
}




.wp_wrap header .sub_mnu_bg{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 290px;
    background: rgba(242, 242, 242, 0.83);
    backdrop-filter: blur(11px) brightness(0.7);
    z-index: -1;
    display: none;
}


.wp_wrap .mo_mnu {
    display: none;
}
/* #endregion // header */


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


/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
/* #region // footer */
.wp_wrap footer {}
.wp_wrap footer .f_inner{}
.wp_wrap footer .f_inner .f_top{
    padding: 45px 0;
    border-top: 1px solid #060606;
    border-bottom: 1px solid #060606;
    margin-bottom: 15px;
}
.wp_wrap footer .f_inner .f_bot{
    margin-bottom: 65px;
}
.wp_wrap footer .f_inner .f_logo{
    width: 285px;
    margin-bottom: 40px;
}
.wp_wrap footer .f_inner .f_logo img{}
.wp_wrap footer .f_inner .f_info{
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.wp_wrap footer .f_inner .f_info ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px 15px;
}
.wp_wrap footer .f_inner .f_info ul li{}
.wp_wrap footer .f_inner .f_info ul li,
.wp_wrap footer .f_inner .f_info ul li>a{
    font-size: 18px;
    font-weight: 400;    
    font-family: 'SUITE', sans-serif;
    color: #141414;
}
.wp_wrap footer .f_inner .f_copy{
    font-size: 16px;
    font-weight: 400;    
    font-family: 'SUITE', sans-serif;
    color: #191919;
}
.wp_wrap footer .f_inner .f_copy a{
    color: #e1e1e1;
}
/* #endregion // footer */



/* #region // totop */
.wp_wrap .totop{
    position: fixed;
    bottom: 80px;
    right: 30px;
    z-index: 999;
    display: none;
}
.wp_wrap .totop button{
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: #104577;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .totop button i{
    color: #fff;
    font-size: 22px;
}
/* #endregion // totop */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap #m_page,
.wp_wrap #s_page{
    margin-top: 120px;
}
/* #region // mtit_box */
.wp_wrap .mtit_box{}
.wp_wrap .mtit_box .en{
    font-size: 25px;
    font-family: "Roboto", sans-serif; 
    font-weight: 700;
    color: #5A5A5A;
    margin-bottom: 10px;
}
.wp_wrap .mtit_box .ko{
    font-size: 70px;
    font-weight: 600;
    color: #000000;
}
.wp_wrap .mtit_box .desc{
    font-size: 18px;
    padding-top: 40px;
    color: #000000; 
    line-height: 1.55;
}
/* #endregion // mtit_box */



/* #region // ms_visual */
.wp_wrap .ms_visual{}
.wp_wrap .ms_visual .sld_area{}
.wp_wrap .ms_visual .sld_area .mv_slider{}
.wp_wrap .ms_visual .sld_area .mv_slider .sld{
    position: relative;
}
.wp_wrap .ms_visual .sld_area .mv_slider .sld .img_box{
    position: relative;
    width: 100%;
    height: calc(100dvh - 120px);
}
.wp_wrap .ms_visual .sld_area .mv_slider .sld2 .img_box::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 206, 255);
    background: rgba(10, 49, 93, 0.3);
}
.wp_wrap .ms_visual .sld_area .mv_slider .sld .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
}
.wp_wrap .ms_visual .sld_area .mv_slider .sld.action .img_box img{
    transform: scale(1);
    transition: 4s;
}
.wp_wrap .ms_visual .sld_area .mv_slider .sld .txt_box{
    position: absolute;
    top: 50%;
    left: calc(50% - 800px);
    transform: translateY(-50%);
}
.wp_wrap .ms_visual .sld_area .mv_slider .sld .txt_box .txt1{
    font-size: 60px;    
    font-family: 'SUIT', sans-serif;
    font-weight: 800;
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
    opacity: 0;
    transform: translateY(20%);
    line-height: 1.25;
}
.wp_wrap .ms_visual .sld_area .mv_slider .sld .txt_box .txt2{
    font-size: 20px;    
    font-family: 'SUIT', sans-serif;
    font-weight: 400;
    color: #fff;
    text-align: left;
    line-height: 1.3;
    opacity: 0;
    transform: translateY(20%);
}
.wp_wrap .ms_visual .sld_area .mv_slider .sld.action .txt_box .txt1{
    opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in-out;
}
.wp_wrap .ms_visual .sld_area .mv_slider .sld.action .txt_box .txt2{
    opacity: 1;
    transform: translateY(0);
    transition: 1s 1s ease-in-out;
}
.wp_wrap .ms_visual .sld_area .mv_slider .sld .txt_box .txt2 span{
    font-weight: 800;
}
/* #endregion // ms_visual */


/* #region // ms_field */
.wp_wrap .ms_field{
    padding: 120px 0;
}
.wp_wrap .ms_field .inner_box{}
.wp_wrap .ms_field .cont_box{
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
.wp_wrap .ms_field .cont_box .lt_area{
    padding-top: 60px;
    min-width: 630px;
}
.wp_wrap .ms_field .cont_box .rt_area{
    position: relative;
    width: calc(100% - 670px);
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area{}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider{
    width: 1410px;
    margin-bottom: 35px;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .slick-list{
    margin: 0 -20px;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .slick-slide{
    margin: 0 20px;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .sld{}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .sld .top_area{
    position: relative;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .sld .top_area .img_box{
    width: 100%;
    aspect-ratio: auto 1/1.3498;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .sld .top_area .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .sld .top_area .hov_box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50px 30px;
    background: rgba(20, 87, 161, 0.58);
    backdrop-filter: blur(7px) brightness(0.5);
    opacity: 0;
    transition: 0.3s;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .sld:hover .top_area .hov_box{
    opacity: 1;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .sld .top_area .hov_box .hov_in{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .sld .top_area .hov_box .hov_in img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65px;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .sld .top_area .hov_box .hov_in .desc{
    margin-top: auto;
    font-size: 15px;
    font-weight: 500;
    font-family: 'SUIT', sans-serif;
    color: #FFFFFF;
    line-height: 1.4;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .sld .bot_area{
    padding: 20px 10px 0;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .fd_slider .sld .bot_area p{
    font-size: 21px;
    font-weight: 500;
    font-family: "Pretendard Variable", sans-serif;
    color: #000000;
}

.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box,
.wp_wrap .ms_public .cont_box .lt_area .arr_box {
    display: flex;
    align-items: center;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box{
    max-width: calc(100% - 30px);
    justify-content: space-between;
}
.wp_wrap .ms_public .cont_box .lt_area .arr_box {
    gap: 20px;
    justify-content: flex-start;
    margin-top: 100px;
}

.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr,
.wp_wrap .ms_public .cont_box .lt_area .arr_box .pbl_arr,
.wp_wrap .ms_news .cont_box .lt_area .more_btn{
    background: transparent;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 300;
    font-family: "Pretendard Variable", sans-serif;
    color: #000000;
}


.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr .icon_box,
.wp_wrap .ms_public .cont_box .lt_area .arr_box .pbl_arr .icon_box,
.wp_wrap .ms_news .cont_box .lt_area .more_btn .icon_box{
    display: flex;
    align-items: center;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr .icon_box .cic_arr,
.wp_wrap .ms_public .cont_box .lt_area .arr_box .pbl_arr .icon_box .cic_arr,
.wp_wrap .ms_news .cont_box .lt_area .more_btn .icon_box .cic_arr{
    position: relative;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr .icon_box .cic_arr .cic,
.wp_wrap .ms_public .cont_box .lt_area .arr_box .pbl_arr .icon_box .cic_arr .cic,
.wp_wrap .ms_news .cont_box .lt_area .more_btn .icon_box .cic_arr .cic{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #141414;
    transition: 0.3s;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr .icon_box .cic_arr .arr,
.wp_wrap .ms_public .cont_box .lt_area .arr_box .pbl_arr .icon_box .cic_arr .arr,
.wp_wrap .ms_news .cont_box .lt_area .more_btn .icon_box .cic_arr .arr{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr .icon_box .cic_arr_lt .arr,
.wp_wrap .ms_public .cont_box .lt_area .arr_box .pbl_arr .icon_box .cic_arr_lt .arr{
    right: 0;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr .icon_box .cic_arr_rt .arr,
.wp_wrap .ms_public .cont_box .lt_area .arr_box .pbl_arr .icon_box .cic_arr_rt .arr,
.wp_wrap .ms_news .cont_box .lt_area .more_btn .icon_box .cic_arr .arr{
    left: 0;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr .icon_box .cic_arr .arr img,
.wp_wrap .ms_public .cont_box .lt_area .arr_box .pbl_arr .icon_box .cic_arr .arr img,
.wp_wrap .ms_news .cont_box .lt_area .more_btn .icon_box .cic_arr .arr img{
    width: 24px;
    transition: 0.3s;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr .icon_box .cic_arr_lt .arr img,
.wp_wrap .ms_public .cont_box .lt_area .arr_box .pbl_arr .icon_box .cic_arr_lt .arr img{
    transform-origin: right center;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr .icon_box .cic_arr_rt .arr img,
.wp_wrap .ms_public .cont_box .lt_area .arr_box .pbl_arr .icon_box .cic_arr_rt .arr img,
.wp_wrap .ms_news .cont_box .lt_area .more_btn .icon_box .cic_arr .arr img{
    transform-origin: left center;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr:hover .icon_box .cic_arr .cic,
.wp_wrap .ms_public .cont_box .lt_area .arr_box .pbl_arr:hover .icon_box .cic_arr .cic,
.wp_wrap .ms_news .cont_box .lt_area .more_btn .icon_box .cic_arr:hover .cic{
    background: #1457A1;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr:hover .icon_box .cic_arr .arr img,
.wp_wrap .ms_public .cont_box .lt_area .arr_box .pbl_arr:hover .icon_box .cic_arr .arr img,
.wp_wrap .ms_news .cont_box .lt_area .more_btn .icon_box .cic_arr:hover .arr img{
    width: 27px;
}
.wp_wrap .ms_field .cont_box .rt_area .sld_area .arr_box .fd_arr .icon_box .line,
.wp_wrap .ms_news .cont_box .lt_area .more_btn .icon_box .line{
    width: 18px;
    height: 2px;
    background: #141414;
}
/* #endregion // ms_field */


/* #region // ms_consult */
.wp_wrap .ms_consult {
    padding: 40px 0 280px;
} 
.wp_wrap .ms_consult .inner_box{} 
.wp_wrap .ms_consult .mtit_box{
    margin-bottom: 75px;
} 
.wp_wrap .ms_consult .cont_box{} 
.wp_wrap .ms_consult .cont_box .itms{} 
.wp_wrap .ms_consult .cont_box .itms>li{
    width: 100%;
    overflow: hidden;
}
.wp_wrap .ms_consult .cont_box .itms>li>a{
    display: inline-block;
}
.wp_wrap .ms_consult .cont_box .itms>li:nth-child(3){
    display: flex;
    align-items: flex-end;
}
.wp_wrap .ms_consult .cont_box .itms>li .li_in{
    width: 100%;
} 
.wp_wrap .ms_consult .cont_box .itms>li:nth-child(odd) .li_in{
    margin-right: auto;
} 
.wp_wrap .ms_consult .cont_box .itms>li:nth-child(even) .li_in{
    margin-left: auto;
} 
.wp_wrap .ms_consult .cont_box .itms>li:nth-child(1) .li_in,
.wp_wrap .ms_consult .cont_box .itms>li:nth-child(4) .li_in{
    max-width: 686px;
}
.wp_wrap .ms_consult .cont_box .itms>li:nth-child(3) .li_in{
    max-width: 650px;
}
.wp_wrap .ms_consult .cont_box .itms>li:nth-child(2) .li_in{
    max-width: 692px;
} 
.wp_wrap .ms_consult .cont_box .itms>li .li_in .top_box{
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 35px;
    overflow: hidden;
} 
.wp_wrap .ms_consult .cont_box .itms>li .li_in .top_box .img_box {
    width: 100%;
}
.wp_wrap .ms_consult .cont_box .itms>li:nth-child(1) .li_in .img_box,
.wp_wrap .ms_consult .cont_box .itms>li:nth-child(4) .li_in .img_box{
    /* height: 664px; */
    aspect-ratio: auto 1/0.967;
} 
.wp_wrap .ms_consult .cont_box .itms>li:nth-child(2) .li_in .img_box{
    /* height: 459px; */
    aspect-ratio: auto 1 / 0.663;
} 
.wp_wrap .ms_consult .cont_box .itms>li .li_in .top_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
} 
.wp_wrap .ms_consult .cont_box .itms>li .li_in .top_box .more_cic{
    position: absolute;
    bottom: 40px;
    right: 40px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: rgba(0, 76, 159, 0.84);
    transition: 0.8s;
} 
.wp_wrap .ms_consult .cont_box .itms>li .li_in .top_box:hover .more_cic{
    transform: scale(13);
}
.wp_wrap .ms_consult .cont_box .itms>li .li_in .top_box .more_txt{    
    position: absolute;
    bottom: 102px;
    right: 67px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'SUIT', sans-serif;
    display: flex;
    align-items: center;
}
.wp_wrap .ms_consult .cont_box .itms>li .li_in .top_box .more_txt>i{
    font-size: 15px;
    display: inline-block;
    margin-right: 5px;
    opacity: 0;
    transition: 0.5s;
}
.wp_wrap .ms_consult .cont_box .itms>li .li_in .top_box:hover .more_txt>i{
    opacity: 1;
}
.wp_wrap .ms_consult .cont_box .itms>li .li_in .top_box>i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 50px;
    opacity: 0;
    transition: 0.5s;
}
.wp_wrap .ms_consult .cont_box .itms>li .li_in .top_box:hover>i{
    opacity: 1;
}
.wp_wrap .ms_consult .cont_box .itms>li .li_in .bot_box{} 
.wp_wrap .ms_consult .cont_box .itms>li .li_in .bot_box p{
    font-size: 25px;
    font-weight: 700;
    color: #5A5A5A;
} 
.wp_wrap .ms_consult .cont_box .itms>li .li_in .top_txt{
    color: rgba(20, 87, 161, 0.06);
    font-size: 262px;
    text-align: center;
    font-weight: 600;
    font-family: 'SUIT', sans-serif;
}
.wp_wrap .ms_consult .cont_box .itms>li .li_in .bot_txt{
    font-size: 20px;
    font-weight: 500;
    font-family: "Noto Serif KR", serif;
    color: #083E78;
    text-align: center;
    margin-bottom: 40px;  
    line-height: 1.7;
}
/* #endregion // ms_consult */


/* #region // ms_news */
.wp_wrap .ms_news{}
.wp_wrap .ms_news .inner_box{
    padding: 85px 0;
    border-top: 1px solid #141414;
    border-bottom: 1px solid #141414;
}
.wp_wrap .ms_news .cont_box{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.wp_wrap .ms_news .cont_box .lt_area{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 60px;
    width: 40%;
}
.wp_wrap .ms_news .cont_box .lt_area .more_btn{}
.wp_wrap .ms_news .cont_box .lt_area .more_btn .icon_box{}
.wp_wrap .ms_news .cont_box .rt_area {
    width: 60%;
}
.wp_wrap .ms_news .cont_box .rt_area .news_itms{}
.wp_wrap .ms_news .cont_box .rt_area .news_itms>li .li_in{
    position: relative;
    padding: 30px 115px 30px 25px;
    border-bottom: 1px solid #C6C6C6;
    display: flex;
    align-items: center;
    background: #fff;
}
.wp_wrap .ms_news .cont_box .rt_area .news_itms>li:first-child .li_in{
    border-top: 1px solid #C6C6C6;
}
.wp_wrap .ms_news .cont_box .rt_area .news_itms>li .li_in .num{
    font-size: 25px;
    font-weight: 700;
    color: #5A5A5A;
    min-width: 40px;
}
.wp_wrap .ms_news .cont_box .rt_area .news_itms>li .li_in .tit{
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    text-transform: uppercase;
    transition: 0.3s;
}
.wp_wrap .ms_news .cont_box .rt_area .news_itms>li .li_in .date{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    font-size: 16px;
    color: #646464;
    font-weight: 400;
}
.wp_wrap .ms_news .cont_box .rt_area .news_itms>li:hover .li_in .tit{
    color: #1457A1;
}
/* #endregion // ms_news */


/* #region // ms_public */
.wp_wrap .ms_public{}
.wp_wrap .ms_public .inner_box{
    padding: 85px 0;
    border-top: 1px solid #141414;
    border-bottom: 1px solid #141414;
}
.wp_wrap .ms_public .cont_box{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.wp_wrap .ms_public .cont_box .lt_area{
    min-width: 515px;
}
.wp_wrap .ms_public .cont_box .rt_area{
    position: relative;
    width: calc(100% - 515px);
}
.wp_wrap .ms_public .cont_box .rt_area .sld_area{}
.wp_wrap .ms_public .cont_box .rt_area .sld_area .pbl_slider{
    width: 1350px;
}
.wp_wrap .ms_public .cont_box .rt_area .sld_area .pbl_slider .slick-list{
    margin: 0 -23px;
}
.wp_wrap .ms_public .cont_box .rt_area .sld_area .pbl_slider .slick-slide{
    margin: 0 23px;
}
.wp_wrap .ms_public .cont_box .rt_area .sld_area .pbl_slider .sld{
    cursor: pointer;
}
.wp_wrap .ms_public .cont_box .rt_area .sld_area .pbl_slider .sld .sld_in{}
.wp_wrap .ms_public .cont_box .rt_area .sld_area .pbl_slider .sld .sld_in .img_box{
    position: relative;
    width: 100%;
    aspect-ratio: auto 1/1.4358;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #B5B5B5;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: 0.3s;
}
.wp_wrap .ms_public .cont_box .rt_area .sld_area .pbl_slider .sld:hover .sld_in .img_box{
    box-shadow: none;
    border: 1px solid transparent;
}

.wp_wrap .ms_public .cont_box .rt_area .sld_area .pbl_slider .sld .sld_in .img_box::after{
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
    border: 4px solid transparent;
    transition: 0.3s;
}
.wp_wrap .ms_public .cont_box .rt_area .sld_area .pbl_slider .sld:hover .sld_in .img_box::after{
    border: 4px solid #1457A1;
}
.wp_wrap .ms_public .cont_box .rt_area .sld_area .pbl_slider .sld .sld_in .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .ms_public .cont_box .rt_area .sld_area .pbl_slider .sld .sld_in .tit{
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    padding: 15px 15px 0;
}
/* #endregion // ms_public */

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


/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* #region // sub_top */
.wp_wrap .sub_top{
    padding: 160px 0 0 0;
}
.wp_wrap .sub_top .inner_box{}
.wp_wrap .sub_top .inner_box .crt_mnu{
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 25px;
}
.wp_wrap .sub_top .inner_box .crt_mnu>li{
    position: relative;
    font-size: 18px;
    color: #141414;
}
.wp_wrap .sub_top .inner_box .crt_mnu>li::after{
    content: "\e93e";
    font-family: 'xeicon';
    position: absolute;
    right: -26px;
    top: 50%;
    transform: translateY(-50%);
    color: #8F8F8F;
    font-size: 14px;
}
.wp_wrap .sub_top .inner_box .crt_mnu>li:last-child:after{
    display: none;
}
.wp_wrap .sub_top .inner_box .tit{
    font-size: 70px;
    font-weight: 500;
    color: #141414;
    margin-bottom: 40px;
}
/* #endregion // sub_top */



.wp_wrap .top_img_box{
    height: 460px;
    border-radius: 20px;
    overflow: hidden;
}
.wp_wrap .top_img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: 2s ease-in-out;
}
.wp_wrap .top_img_box.on img{
    transform: scale(1);
}




.wp_wrap .dep2mnu_box {
    position: relative;
    width: 100%;
}

/* 메뉴 리스트 */
.wp_wrap .dep2mnu_box ul {
    display: flex;  
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1; /* slide_bg 밑에 깔리지 않도록 */
}

/* 메뉴 항목 */

.wp_wrap .dep2mnu_box {
    margin: 40px 0 90px;
}
.wp_wrap .dep2mnu_box ul{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    background: #F3F3F3;
    border-radius: 38px;
    overflow: hidden;
    padding: 5px;
}
.wp_wrap .dep2mnu_box1 ul{
    max-width: calc( var(--dep2mnu-width) * 7);
}
.wp_wrap .dep2mnu_box2 ul{
    max-width: calc( var(--dep2mnu-width) * 3);
}
.wp_wrap .dep2mnu_box ul .slide_bg{    
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 0;
    height: calc(100% - 10px);
    background: #1457A1;
    border-radius: 38px;
    z-index: 0;
    transition: all 0.3s ease;
}
.wp_wrap .dep2mnu_box ul li{
    position: relative; 
    z-index: 1;
    overflow: hidden;
}
.wp_wrap .dep2mnu_box ul li:first-child{
    border-radius: 38px 0 0 38px;
}
.wp_wrap .dep2mnu_box ul li:last-child{
    border-radius: 0 38px 38px 0;
}
.wp_wrap .dep2mnu_box ul li a{
    position: relative;
    width: var(--dep2mnu-width);
    height: 60px;
    padding: 5px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    font-family: "Pretendard", sans-serif;
    color: #141414;
    box-sizing: border-box;
    transition: all 0.3s ease;
    z-index: 2;
}
.wp_wrap .dep2mnu_box ul li a.active{
    color: #fff;
}




/* #region // sub1 */

/* #region // s_greeting1 */
.wp_wrap .s_greeting1{}
.wp_wrap .s_greeting1 .inner_box{}
.wp_wrap .s_greeting1 .cont_box{
    padding-top: 90px;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.wp_wrap .s_greeting1 .cont_box .txt_box{
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.wp_wrap .s_greeting1 .cont_box .txt_box .tit{
    font-size: 25px;
    color: #141414;
    line-height: 1.3;
}
.wp_wrap .s_greeting1 .cont_box .txt_box .tit span{
    font-weight: 700;
}
.wp_wrap .s_greeting1 .cont_box .txt_box .desc{    
    display: flex;
    flex-direction: column;
    gap: 45px;
    line-height: 1.3;
}
.wp_wrap .s_greeting1 .cont_box .txt_box .desc p{
    font-size: 20px;
    color: #141414;
    line-height: 1.5;
}
.wp_wrap .s_greeting1 .cont_box .img_box{
    padding-bottom: 15px;
}
.wp_wrap .s_greeting1 .cont_box .img_box img{}
/* #endregion // s_greeting1 */


/* #region // s_intro1 */
.wp_wrap .s_intro1{}
.wp_wrap .s_intro1 .inner_box{}
.wp_wrap .s_intro1 .cont_box{
    padding-top: 60px;
}
.wp_wrap .s_intro1 .cont_box .lawyer_grt{
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 50px 100px 40px;
    background: #1457A1;
    border-radius: 20px;
    margin-bottom: 40px;
}
.wp_wrap .s_intro1 .cont_box .lawyer_grt .txt_box{
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 50%;
    margin-bottom: 30px;
}
.wp_wrap .s_intro1 .cont_box .lawyer_grt .txt_box p{
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    line-height: 1.65;
}
.wp_wrap .s_intro1 .cont_box .lawyer_grt .pic_area{
    position: absolute;
    bottom: 0;
    right: 40px;
}
.wp_wrap .s_intro1 .cont_box .lawyer_grt .pic_area .in{
    position: relative;
}
.wp_wrap .s_intro1 .cont_box .lawyer_grt .pic_area .in .img_box{
    position: relative;
}
.wp_wrap .s_intro1 .cont_box .lawyer_grt .pic_area .in .img_box img{}
.wp_wrap .s_intro1 .cont_box .lawyer_grt .pic_area .in .img_box p{
    position: absolute;
    bottom: 25px;
    left: -130px;
    font-size: 19px;
    font-weight: 500;
    color: #fff;
}
.wp_wrap .s_intro1 .cont_box .lawyer_grt .pic_area .in .img_box p span{
    display: inline-block;
    font-size: 22px;
    margin-left: 20px;

}
.wp_wrap .s_intro1 .cont_box .lawyer_grt .pic_area .in .contact_box{
    position: absolute;
    bottom: 45px;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 20px;
    padding: 35px 25px;
    background: rgba(255, 255, 255, 0.57);
    backdrop-filter: blur(8px) brightness(1);
}
.wp_wrap .s_intro1 .cont_box .lawyer_grt .pic_area .in .contact_box li{
    display: flex;
    /* align-items: center; */
    align-items: flex-start;
    gap: 5px;
}
.wp_wrap .s_intro1 .cont_box .lawyer_grt .pic_area .in .contact_box li i{
    position: relative;
    top: 1px;
    display: inline-block;
    font-size: 20px;
    color: #1457A1;
}
.wp_wrap .s_intro1 .cont_box .lawyer_grt .pic_area .in .contact_box li a{
    font-size: 16px;
    font-family: "Pretendard", sans-serif; 
    font-weight: 500;
    color: #141414;
    word-break: break-all;
}
.wp_wrap .s_intro1 .cont_box .tell_box{
    margin-bottom: 140px;
}
.wp_wrap .s_intro1 .cont_box .tell_box>li{
    padding: 25px;
    border: 1px solid #C4C4C4;
    background: #fff;
    border-radius: 20px;
    min-height: 335px;
    transition:0.5s;
}
.wp_wrap .s_intro1 .cont_box .tell_box>li .num{
    font-size: 66px;
    font-weight: 900;
    color: #B7B7B7;
    margin-bottom: 10px;
    transition:0.5s;
}
.wp_wrap .s_intro1 .cont_box .tell_box>li .tit{
    font-size: 20px;
    font-weight: 700;
    color: #141414;
    margin-bottom: 20px;
    line-height: 1.3;
}
.wp_wrap .s_intro1 .cont_box .tell_box>li .desc{
    font-size: 18px;
    color: #141414;
    line-height: 1.45;
}
.wp_wrap .s_intro1 .cont_box .tell_box>li.on{
    border: 1px solid #1457A1;
}
.wp_wrap .s_intro1 .cont_box .tell_box>li.on .num{
    color: #1457A1;
}


.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr{
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #141414;
    gap: 10px;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .lt_area{    
    width: 40%;
    padding-top: 75px;

    position: sticky;
    top: 90px;
    margin-bottom: 40px;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .lt_area .title{}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .lt_area .title .en{
    font-size: 25px;
    font-weight: 700;
    color: #5A5A5A;
    margin-bottom: 10px;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .lt_area .title .ko{
    font-size: 65px;
    font-weight: 600;
    color: #000;
}

.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .lt_area .img_box{
    margin-top: 25px;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .rt_area{
    width: 60%;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr2 .rt_area{
    padding: 85px 0;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr3 .rt_area{
    padding: 85px 0 0 0;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .rt_area .contents{}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .rt_area .contents .dummy_txt_box{}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .rt_area .contents .dummy_txt_box>li{
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #C6C6C6;
    padding: 50px 0;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .rt_area .contents .dummy_txt_box>li:last-child{
    border-bottom: none;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .rt_area .contents .dummy_txt_box>li>p{
    width: 25%;
    font-size: 25px;
    font-weight: 700;
    color: #141414;
    padding-left: 60px;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .rt_area .contents .dummy_txt_box>li .txx_box{
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .rt_area .contents .dummy_txt_box>li .txx_box>li{
    font-size: 18px;
    font-weight: 400;
    color: #141414;
    line-height: 1.3;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .rt_area .contents .line_txt_box{}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .rt_area .contents .line_txt_box>li{
    padding: 15px 35px;
    border-bottom: 1px solid #C6C6C6;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    line-height: 1.35;
}
.wp_wrap .s_intro1 .cont_box .ps_htr_box .ps_htr .rt_area .contents .line_txt_box>li:first-child{
    border-top: 1px solid #C6C6C6;
}
/* #endregion // s_intro1 */


/* #region // s_wtcome1 */
.wp_wrap .s_wtcome1{}
.wp_wrap .s_wtcome1 .inner_box{}
.wp_wrap .s_wtcome1 .cont_box{}
.wp_wrap .s_wtcome1 .cont_box .map_box{
    width: 100%;
    height: 630px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #ddd;
    margin-bottom: 30px;
}
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap,
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap .wrap_map{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap .wrap_controllers ,
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap .wrap_btn_zoom,
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap_landing .border1,
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap_landing .border2,
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap_landing .border3,
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap_landing .border4  {
    display: none;
}
.wp_wrap .s_wtcome1 .cont_box .info_box{
    background: #fff;
    border-radius: 20px;
    border: 1px solid #C4C4C4;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in{
    width: 100%;
    max-width: 1310px;
    padding: 45px 15px 50px;
    margin: 0 auto;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #DBDBDB;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info_top .lt{}

.wp_wrap .s_wtcome1 .cont_box .info_box .in .info{
    display: flex;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info_top .lt .info{
    flex-direction: column;
    gap: 35px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info_bot .info{
    align-items: center;
    flex-wrap: wrap;
    gap: 160px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info>li{
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .lt .info>li:nth-child(1){
    flex-direction: column;
    align-items: flex-start;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info>li .ques{
    font-size: 20px;
    font-weight: 600;
    font-family: 'SUIT', sans-serif;
    color: #0a0a0a;
    min-width: 60px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info>li .answ{
    font-size: 18px;
    font-weight: 300;
    font-family: 'SUIT', sans-serif;
    color: #0a0a0a;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .lt .info>li:nth-child(1) .answ{
    font-size: 20px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info_top .rt{}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info_top .rt>a{
    width: 100px;
    height: 100px;
    border-radius: 10px;
    background: #1457A1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    transition: 0.5s;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info_top .rt>a:hover{
    background: #4083cd;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info_top .rt>a .icon_box{}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info_top .rt>a .icon_box img{}
.wp_wrap .s_wtcome1 .cont_box .info_box .in .info_top .rt>a>p{
    color: #fff;
    font-size: 14px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 300;
}
/* #endregion // s_wtcome1 */


/* #endregion // sub1 */










/* #region // sub2 */

/* #region // s_field1 */
.wp_wrap .s_kind{}
.wp_wrap .s_kind .inner_box{}
.wp_wrap .s_kind .cont_box{}
.wp_wrap .s_kind .cont_box .dm_wrap{
    display: flex;
    flex-direction: column;
    gap: 120px;
}

.wp_wrap .s_kind .cont_box .dm_wrap .dummy{
    display: flex;
    align-items: flex-start;
    scroll-margin-top: 150px;
}
.wp_wrap .s_kind .cont_box .dm_wrap .dummy .lt_area{
    width: 50%;
    padding-right: 20px;
}
.wp_wrap .s_kind .cont_box .dm_wrap .dummy .img_box{
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: auto 1/0.5892;
}
.wp_wrap .s_kind .cont_box .dm_wrap .dummy .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_kind .cont_box .dm_wrap .dummy .rt_area{
    width: 50%;
    padding-right: 95px;
    padding-left: 40px;
}

.wp_wrap .s_kind .cont_box .dm_wrap .dummy .txt_box{}
.wp_wrap .s_kind .cont_box .dm_wrap .dummy .txt_box .tit{  
    position: relative;  
    font-size: 40px;
    font-weight: 700;
    color: #141414;
    margin-bottom: 65px;
}
.wp_wrap .s_kind .cont_box .dm_wrap .dummy .txt_box .tit::after{
    content: '';  
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 60px;
    height:5px;
    background: #1457A1;
}  
.wp_wrap .s_kind .cont_box .dm_wrap .dummy .txt_box .desc{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.wp_wrap .s_kind .cont_box .dm_wrap .dummy .txt_box .desc p{
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    line-height: 1.45;
    
    text-align: justify;
    hyphens: auto;
}

.wp_wrap .s_kind .cont_box .dm_wrap .dummy .txt_box .desc p.smtxt{
    font-size: 16px;
    line-height: 1.6;
}


.wp_wrap .s_kind .cont_box .dm_wrap .dummy .txt_box .rv_box{
    margin-top: 25px;
    padding: 30px 30px 20px;
    background: #F9F9F9;
    border-radius: 30px;
}

.wp_wrap .s_kind .cont_box .dm_wrap .dummy .txt_box .rv_box .contents,
.wp_wrap .s_kind .cont_box .dm_wrap .dummy .txt_box .rv_box .who{
    font-size: 16px;
    color: #141414;
    line-height: 1.45;
}
.wp_wrap .s_kind .cont_box .dm_wrap .dummy .txt_box .rv_box .contents{
    text-align: justify;
    hyphens: auto;
}
.wp_wrap .s_kind .cont_box .dm_wrap .dummy .txt_box .rv_box .who{
    padding-top: 15px;
    text-align: right;
}







.wp_wrap .s_field1{}
.wp_wrap .s_field1 .inner_box{}
.wp_wrap .s_field1 .cont_box{}


/* #endregion // s_field1 */

/* #endregion // sub2 */



/* #region // sub3 */
/* #endregion // sub3 */



/* #region // sub4 */

/* #region // s_inquiry1 */
.wp_wrap .s_inquiry1{}
.wp_wrap .s_inquiry1 .inner_box{}
.wp_wrap .s_inquiry1 .cont_box{   
    position: relative; 
    padding: 120px 100px;
    background: url(/img/sub/s_inquiry_bg.jpg) no-repeat center center / cover;
    border-radius: 50px;
    overflow: hidden;
}
.wp_wrap .s_inquiry1 .inner_box .cont_box .img_box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wp_wrap .s_inquiry1 .inner_box .cont_box .img_box::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.51);
    backdrop-filter: blur(2px) brightness(1.2);
}
.wp_wrap .s_inquiry1 .inner_box .cont_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_inquiry1 .cont_box .in_area{
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area{}
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area .txt_box{}
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area .txt_box .desc_box{
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-bottom: 50px;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area .txt_box .desc_box p{
    font-family: 'SUIT', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 1.65;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area .txt_box .desc_box p span.fweb{
    font-weight: 800;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area .txt_box .desc_box p span.fssm{
    font-size: 16px;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area .tel{
    margin-bottom: 30px;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area .tel>p,
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area .email>p{
    font-size: 20px;
    color: #fff;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area .tel>a{
    font-size: 40px;
    font-family: "Play", sans-serif;
    font-weight: 700;
    color: #fff;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area .email{}
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area .email>p{
    margin-bottom: 10px;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .lt_area .email>a{
    font-family: "Pretendard", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area{}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in{}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .ip_wrap{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .ip_wrap .ip_box{
    min-width: 470px;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .ip_wrap .ip_box label{
    padding: 20px 15px;
    background: rgba(255, 255, 255, 0.88);
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .ip_wrap .ta_box label{
    align-items: flex-start;
    flex-direction: column;
}

.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .ip_wrap .ip_box>p,
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .agr_box>p{
    color: red;
    display: inline-block;
    padding-top: 3px;
    font-size: 13px;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .ip_wrap .ip_box label .ques{
    font-size: 16px;
    font-weight: 500;
    min-width: 130px;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .ip_wrap .ip_box label input,
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .ip_wrap .ip_box label textarea{
    border: none;
    width: 100%;
    outline: none;
    background: transparent;
    font-size: 16px;
    font-family: "Pretendard", sans-serif;
    font-weight: 400;
    color: #141414;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .ip_wrap .ip_box label textarea{
    min-height: 150px;
    resize: none;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .agr_box{
    margin-top: 15px;
    margin-bottom: 10px;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .agr_box input[type="checkbox"]{
    display: none;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .agr_box input[type="checkbox"] + label{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Pretendard", sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 16px;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .agr_box input[type="checkbox"] + label .chk_cst{
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    background: url('../img/icon/chk_cst_bf.png') no-repeat center center / cover;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .agr_box input[type="checkbox"]:checked + label .chk_cst{
    background: url('../img/icon/chk_cst_at.png') no-repeat center center / cover;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .agr_box input[type="checkbox"] + label .pvmd_op_btn{
    text-decoration: underline;
    text-underline-offset: 2px;
    margin-left: 5px;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .sbm_box{
    margin-top: 5px;
}
.wp_wrap .s_inquiry1 .cont_box .in_area .rt_area .form_in .sbm_box button{
    width: 200px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Pretendard", sans-serif;
    font-weight: 300;
    color: #fff;
    background: transparent;
    margin-left: auto;
}
/* #endregion // s_inquiry1 */

/* #endregion // sub4 */





/* #region // sub5 */

/* #region // s_sosic1 */
.wp_wrap .s_sosic1{}
.wp_wrap .s_sosic1 .inner_box{}
.wp_wrap .s_sosic1 .cont_box{
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 80px;
}
/* #endregion // s_sosic1 */


/* #region // s_contents1 */
.wp_wrap .s_contents1{}
.wp_wrap .s_contents1 .inner_box{}
.wp_wrap .s_contents1 .cont_box{
    padding-top: 40px;
}
/* #endregion // s_contents1 */


/* #region // s_book1 */
.wp_wrap .s_book1{}
.wp_wrap .s_book1 .inner_box{}
.wp_wrap .s_book1 .cont_box{}
/* #endregion // s_book1 */


/* #endregion // sub5 */









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



/**********************************************************************************************************************/
/* 모달창 */
/**********************************************************************************************************************/
/* 개인정보보호 모달 */
.wp_wrap .pv_md{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
}
.wp_wrap .pv_md .md_outer{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}
.wp_wrap .pv_md .md_outer .md_inner{
    max-width: 900px;
    width: 100%;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
    padding: 40px 30px 30px;
}
.wp_wrap .pv_md .md_outer .md_inner .md_top{
    padding: 30px 5px 30px 20px;
    border: 1px solid #E2E2E2;
    background: #F9F9F9;
    border-radius: 30px;
    margin-bottom: 20px;
}
.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont{
    height: 500px;
    overflow-y: auto;
}

.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont .table_out{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont .txt_box,
.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont .dummy{
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont .dummy4 .table_box{
    max-width: 340px;
}
.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont .txt_box p,
.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont .dummy p,
.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont .table_box table td{
    font-size: 15px;
    font-weight: 300;
    font-family: "Pretendard", sans-serif;
    color: #141414;
    line-height: 1.6;
}
.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont .table_box table{
    width: 100%;
    border-collapse: collapse;
}
.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont .table_box table td{
    border: 1px solid #707070;
    letter-spacing: -0.1px;
}
.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont .table_box table td:nth-child(1){
    padding: 5px 20px 5px 15px;
    white-space: nowrap;
}
.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont .table_box table td:nth-child(2){    
    padding: 5px;
}
.wp_wrap .pv_md .md_outer .md_inner .md_top .pv_cont .table_box table td.tact{
    text-align: center;
}
.wp_wrap .pv_md .md_outer .md_inner .md_bot{}
.wp_wrap .pv_md .md_outer .md_inner .md_bot button{
    width: 250px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #141414;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 300;
    font-family: "Pretendard", sans-serif;
}

/* 저서 뷰 모달 */
.wp_wrap .pbl_vi_md{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
}
.wp_wrap .pbl_vi_md .md_outer{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}
.wp_wrap .pbl_vi_md .md_outer .md_inner{
    width: 100%;
    max-width: 1400px;
    border: 3px solid #1457A1;
    border-radius: 30px;
    background: #fff;
    padding: 30px 55px 80px;
    display: flex;
    flex-direction: column;
    max-height: 85vh;
    gap: 15px;
}
.wp_wrap .pbl_vi_md .md_outer .md_inner .md_hd{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.wp_wrap .pbl_vi_md .md_outer .md_inner .md_hd .pblvimd_cls_btn{
    width: 40px;
    height: 40px;
    border: 3px solid #1457A1;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .pbl_vi_md .md_outer .md_inner .md_hd .pblvimd_cls_btn i{
    color: #1457A1;
    font-size: 20px;
    font-weight: 600;
}
.wp_wrap .pbl_vi_md .md_outer .md_inner .md_bd{
    display: flex;
    align-items: flex-start;
    gap: 60px;
    flex: 1;
    height: 100%;
    overflow-y: auto;
}
.wp_wrap .pbl_vi_md .md_outer .md_inner .md_bd .img_box{
    min-width: 320px;
    width: 320px;
    aspect-ratio:auto 1/ 1.4195;
    border: 1px solid #ddd;
}
.wp_wrap .pbl_vi_md .md_outer .md_inner .md_bd .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .pbl_vi_md .md_outer .md_inner .md_bd .txt_box{
    padding-top: 15px;
    flex: 1;
}
.wp_wrap .pbl_vi_md .md_outer .md_inner .md_bd .txt_box .tit_box{}
.wp_wrap .pbl_vi_md .md_outer .md_inner .md_bd .txt_box .tit_box p{
    font-size: 25px;
    font-weight: 600;
    color: #141414;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
    margin-bottom: 25px;
}
.wp_wrap .pbl_vi_md .md_outer .md_inner .md_bd .txt_box .detail_box{
    height: 350px;
    overflow-y: auto;
}
.wp_wrap .pbl_vi_md .md_outer .md_inner .md_bd .txt_box .detail_box p{
    font-size: 18px;
    font-weight: 400;
    font-family: "Pretendard", sans-serif;
    line-height: 1.65;
    /* white-space: pre-wrap; */
    word-break: break-word;
}
/**********************************************************************************************************************/