@charset "utf-8";

/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
/* FONT */
@font-face {
    font-family: 'Pretendard-Bold';
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff") format('woff');
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff") format('woff');
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff") format('woff');
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff") format('woff');
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") format('woff');
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff") format('woff');
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff") format('woff');
}

:root {
    --font-preb: 'Pretendard-Bold';
    --font-presb: 'Pretendard-SemiBold';
    --font-preeb: 'Pretendard-ExtraBold';
    --font-prem: 'Pretendard-Medium';
    --font-prer: 'Pretendard-Regular';
    --font-preel: 'Pretendard-ExtraLight';
    --font-prel: 'Pretendard-Light';
}

/* 기본,공통 */
html {}

.wp_wrap {}

/* 이너사이즈 */
.wp_wrap .cm_inner01 {
    width: 1600px;
    height: 100%;
    margin: 0 auto;
}

.wp_wrap .cm_inner02 {
    width: 1760px;
    height: 100%;
    margin: 0 auto;
}

.wp_wrap .cm_inner03 {
    width: 1360px;
    height: 100%;
    margin: 0 auto;
}

/* 컬러  */
.wp_wrap .cm_col_w {
    color: #fff;
}

/* 타이틀 */
.wp_wrap .cm_tit_box {
    text-align: center;
    margin-bottom: 100px;
}

.wp_wrap .cm_tit_box .tit {
    font-size: 40px;
    font-family: var(--font-preel);
    margin-bottom: 10px;
}

.wp_wrap .cm_tit_box .tit > b {
    font-family: var(--font-preb);
}

.wp_wrap .cm_tit_box .des {
    font-size: 16px;
    font-family: var(--font-prer);
}

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

/**********************************************************************************************************************/
/* 헤더영역 */
/**********************************************************************************************************************/
/*헤더영역  - 공통*/
.wp_wrap header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    /* background-color: rgba(51, 51, 51, .13); */
}

.wp_wrap header .hd_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*헤더영역  - 로고*/
.wp_wrap header .hd_inner .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 115px;
}

.wp_wrap header .hd_inner .logo > a {}

.wp_wrap header .hd_inner .logo > a > img {}

/*헤더영역  - 메뉴*/
.wp_wrap header .hd_inner .nav {
    width: 70%;
}

.wp_wrap header .hd_inner .nav .main_mnu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wp_wrap header .hd_inner .nav .main_mnu > li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
    height: 115px;
}

.wp_wrap header .hd_inner .nav .main_mnu > li:hover {
    background-color: #EC6E2F;
    /* transition: 0.3s; */
}

.wp_wrap header .hd_inner .nav .main_mnu > li > a {
    color: #fff;
    font-size: 20px;
    font-family: var(--font-prem);
}

.wp_wrap header .hd_inner .nav .main_mnu > li:hover > a {
    color: #fff !important;
}

.wp_wrap header .hd_inner .nav .main_mnu > li .sub_mnu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 420px;
    padding: 35px 0;
    z-index: 999;
}

.wp_wrap header .hd_inner .nav .main_mnu > li .sub_mnu > li {
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap header .hd_inner .nav .main_mnu > li .sub_mnu > li > a {
    display: block;
    font-size: 16px;
    font-family: var(--font-prer);
}
.wp_wrap header .hd_inner .nav .main_mnu > li .sub_mnu > li:hover > a {
    color: #000 !important;
    font-size: 17px !important;
    font-family: var(--font-preb) !important;
}

.wp_wrap header .hd_inner .nav .main_mnu > li:hover .sub_mnu {
    /* height: 460px !important; */
    background-color: #EC6E2F;
    /* transition: 0.3s; */
}

.wp_wrap header .hd_inner .nav .main_mnu > li:hover .sub_mnu > li > a {
    color: #fff;
}

/*헤더영역  - 유틸박스*/
.wp_wrap header .hd_inner .utill {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
}

.wp_wrap header .hd_inner .utill .utill_sel {
    /* color: #535353; */
    position: relative;
    color: #fff;
    font-size: 16px;
    font-family: var(--font-preel);
    border: none;
    background: none;
    outline: none;
}

.wp_wrap header .hd_inner .utill .utill_sel .sel_tit {
    cursor: pointer;
}

.wp_wrap header .hd_inner .utill .utill_sel .utill_sel_sub {
    display: none;
    position: absolute;
    left: 0;
    top: 150%;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.cata {
	  font-size: 13px;
    font-family: var(--font-preel);
	background-color:  #919191!important;
	padding: 10px!important;
	border-radius: 20px;
	
}
.cata a {
	color: #fff
}

.wp_wrap header .hd_inner .utill .utill_sel .utill_sel_sub > li {}

.wp_wrap header .hd_inner .utill .utill_sel .utill_sel_sub > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.wp_wrap header .hd_inner .utill .utill_sel .utill_sel_sub > li:hover > a {
    color: #fff;
    background: #EC6E2F;
}

.wp_wrap header .hd_inner .utill .btn_fm_opn {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background-color: #F36620;
}

.wp_wrap header .hd_inner .utill .btn_fm_opn .bar_frame {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3px;
}

.wp_wrap header .hd_inner .utill .btn_fm_opn .bar_frame .bar {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    border: unset;
    transition: 0.4s;
}

.wp_wrap header .hd_inner .utill .btn_fm_opn:hover .bar01 {
    border-radius: 5px 5px 0 5px;
    transition: 0.4s;
}

.wp_wrap header .hd_inner .utill .btn_fm_opn:hover .bar02 {
    border-radius: 5px 5px 5px 0;
    transition: 0.4s;
}

.wp_wrap header .hd_inner .utill .btn_fm_opn:hover .bar03 {
    border-radius: 5px 0 5px 5px;
    transition: 0.4s;
}

.wp_wrap header .hd_inner .utill .btn_fm_opn:hover .bar04 {
    border-radius: 0 5px 5px 5px;
    transition: 0.4s;
}

/*헤더영역  - 서브메뉴 배경*/
.wp_wrap header .mnu_bg {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 420px;
    background-color: rgb(235 235 235 / 95%);
    z-index: 990;
}

/* 풀메뉴 영역 */
.wp_wrap #full_mnu {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    max-width: 810px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999;
}

.wp_wrap #full_mnu .fm_wrap {
    padding: 0 15%;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner {}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 115px;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_head .log_box {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_head .log_box > a {
    gap: 10px;
    color: #535353;
    font-size: 20px;
    font-family: var(--font-prer);
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_head .log_box > a > .ico_frame {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background-color: #D6D6D6;
    transition: 0.4s;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_head .log_box > a:hover > .ico_frame {
    background-color: #F36620;
    transition: 0.4s;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_head .log_box > a > .ico_frame > img {}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_head .btn_fm_cls {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background-color: #F36620;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_head .btn_fm_cls > img {}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body {}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_mnu_frame {
    padding: 40px 0;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_mnu_frame .fm_mnu_list {}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_mnu_frame .fm_mnu_list > dt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	font-weight: 600;
    gap: 10px;
    font-size: 25px;
    font-family: var(--font-prer);
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_mnu_frame .fm_mnu_list > dt::after {
    flex-grow: 1;
    display: block;
    content: "";
    height: 1px;
    background-color: #D6D6D6;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_mnu_frame .fm_mnu_list > dd {
    padding: 35px 0;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_mnu_frame .fm_mnu_list > dd .mnu_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_mnu_frame .fm_mnu_list > dd .mnu_list > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_mnu_frame .fm_mnu_list > dd .mnu_list > li::before {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #C7C7C7;
    border-radius: 50%;
    transition: 0.4s;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_mnu_frame .fm_mnu_list > dd .mnu_list > li:hover::before {
    background-color: #F36620;
    transition: 0.4s;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_mnu_frame .fm_mnu_list > dd .mnu_list > li > a {
    font-size: 16px;
    font-family: var(--font-prer);
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_info_frame {}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_info_frame .info_txt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    margin-bottom: 5px;
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_info_frame .info_txt > dt {
    font-size: 20px;
    font-family: var(--font-prer);
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_info_frame .info_txt > dd {
    font-size: 30px;
    font-family: var(--font-prer);
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_info_frame .info_txt > dd > a {
    font-family: var(--font-preeb);
}

.wp_wrap #full_mnu .fm_wrap .fm_inner .fm_body .fm_info_frame .adr {
    color: #535353;
    font-size: 13px;
    font-family: var(--font-prer);
}

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

/**********************************************************************************************************************/
/* 메인영역 */
/**********************************************************************************************************************/
/*메인페이지 - 공통 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.wp_wrap main {}

/*메인페이지 - 비주얼영역 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.wp_wrap #ms_visual {
    position: relative;
}

.wp_wrap #ms_visual .vs_sd {}

.wp_wrap #ms_visual .vs_sd .sd_list {
    position: relative;
}

.wp_wrap #ms_visual .vs_sd .sd_list .img_frame {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.wp_wrap #ms_visual .vs_sd .sd_list .img_frame > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
}

.wp_wrap #ms_visual .vs_sd .sd_list.on .img_frame > img {
    transform: scale(1);
    transition: 5s;
}

.wp_wrap #ms_visual .vs_sd .sd_list .list_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(119, 62, 33, .17);
}

.wp_wrap #ms_visual .vs_sd .sd_list .list_wrap .list_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.wp_wrap #ms_visual .vs_sd .sd_list .list_wrap .list_inner .txt_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    color: #fff;
    text-align: center;
}

.wp_wrap #ms_visual .vs_sd .sd_list .list_wrap .list_inner .txt_box .hd_line_txt {
    font-size: 46px;
    font-family: var(--font-preel);
}

.wp_wrap #ms_visual .vs_sd .sd_list .list_wrap .list_inner .txt_box .hd_line_txt .line_txt_bold {
    position: relative;
    display: inline-block;
    font-family: var(--font-preeb);
    z-index: 1;
}

.wp_wrap #ms_visual .vs_sd .sd_list .list_wrap .list_inner .txt_box .hd_line_txt .line_txt_bold::before {
    position: absolute;
    left: -10px;
    top: -10px;
    display: block;
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: rgba(82, 173, 218, .86);
    z-index: -1;
}

.wp_wrap #ms_visual .vs_sd .sd_list .list_wrap .list_inner .txt_box .tit {
    font-size: 75px;
    font-family: var(--font-presb);
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	line-height: 1.1em;
}

.wp_wrap #ms_visual .vs_sd .sd_list .list_wrap .list_inner .txt_box .des {
    font-size: 30px;
    font-family: var(--font-prel);
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

/* 페이저 */
.wp_wrap #ms_visual .slide_pager {
    position: absolute;
    left: 160px;
    bottom: 130px;
}

.wp_wrap #ms_visual .slide_pager .slide_num {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.wp_wrap #ms_visual .slide_pager .slide_num .now_num {
    color: #fff;
    font-size: 43px;
    font-family: var(--font-preeb);
    transform: translateY(-3px);
}

.wp_wrap #ms_visual .slide_pager .slide_num .slash {
    color: #fff;
    font-size: 17px;
}

.wp_wrap #ms_visual .slide_pager .slide_num .total_num {
    color: #fff;
    font-size: 24px;

}

.wp_wrap #ms_visual .slide_pager .slide_arrows {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #ms_visual .slide_pager .slide_arrows .btn_vs_arw {}

.wp_wrap #ms_visual .slide_pager .slide_arrows .btn_vs_arw > i {
    color: #fff;
    font-size: 18px;
}

/* 스크롤 아이콘 */
.wp_wrap #ms_visual .scr_icon {
    position: absolute;
    left: 50%;
    bottom: 110px;
    transform: translateX(-50%);
}

.wp_wrap #ms_visual .scr_icon > span {
    color: #fff;
    font-size: 14px;
    font-family: var(--font-prel);
}

.wp_wrap #ms_visual .scr_icon .scr_ani_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.wp_wrap #ms_visual .scr_icon .scr_ani_box .dwn_arw {
    position: relative;
    font-size: 18px;
}

.wp_wrap #ms_visual .scr_icon .scr_ani_box .dwn_arw01 {
    top: 0;
    color: #fff;
}

.wp_wrap #ms_visual .scr_icon .scr_ani_box .dwn_arw02 {
    top: -10px;
    color: rgba(255, 255, 255, .75);
}

.wp_wrap #ms_visual .scr_icon .scr_ani_box .dwn_arw03 {
    top: -20px;
    color: rgba(255, 255, 255, .38);
}

/*메인페이지 - 인트로영역 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.wp_wrap #ms_intro {
    overflow-x: clip;
}

.wp_wrap #ms_intro .intro_inner {
    padding: 120px 0 70px 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    /* gap: 60px; */
}

/* Left_box ................................................................................................................................................................................*/
.wp_wrap #ms_intro .intro_inner .intro_lt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 150px;
    width: 100%;
}

/*인트로 슬라이드 영역 */
.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box {
    position: relative;
    /* max-width: 1240px; */
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .tit {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #535353;
    font-size: 40px;
    font-family: var(--font-preb);
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd {
    width: 100%;
    position: relative;
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .slick-dots {
    position: absolute;
    left: 20px;
    bottom: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    z-index: 800;
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .slick-dots > li {}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .slick-dots > li > button {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    text-indent: -9999px;
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .slick-dots > li.slick-active > button {
    background-color: #fff;
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .sd_list {
    position: relative;
    padding: 0 30px 70px 0;
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .sd_list .img_frame {
    max-width: 1350px;
    width: 100%;
    height: 615px;
    overflow: hidden;
    border-radius: 30px;
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .sd_list .img_frame > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 슬라이드 내부 카드 */
.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .sd_list .txt_card {
    position: absolute;
    right: 5px;
    bottom: 10px;
    max-width: 445px;
    width: 100%;
    height: 235px;
    padding: 30px;
    background-color: #F9F9F9;
    border-radius: 32px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    overflow: hidden;
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .sd_list .txt_card .card_inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .sd_list .txt_card .card_inner .card_tit {
    font-size: 20px;
    font-family: var(--font-presb);
    width: 100%;
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .sd_list .txt_card .card_inner .card_des {
    font-size: 16px;
    font-family: var(--font-prer);
    line-height: 1.4em;
	max-width: 350px;
	word-break: break-all;
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .sd_list .txt_card .card_inner .btn_more {
    font-size: 20px;
    font-family: var(--font-presb);
}

.wp_wrap #ms_intro .intro_inner .intro_lt .itr_sd_box .itr_sd .sd_list .txt_card .card_inner .back_txt {
    position: absolute;
    right: 0;
    bottom: -50px;
    color: #D6D6D6;
    font-size: 35px;
    font-family: var(--font-preeb);
}

/* 인트로 소개 영역 */
.wp_wrap #ms_about {
    position: relative;
    left: 0px;
    width: 100%;
    padding: 120px 0 100px 0;
    background-color: #F5F5F5;
    border-radius: 0 187px 0 0;
}
.wp_wrap #ms_about .itr_box {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 80px;
} 

.wp_wrap #ms_about .itr_box .lt_box {
    width: 50%;
}
.wp_wrap #ms_about .itr_box .rt_box {
    width: 50%;
}

.wp_wrap #ms_about .itr_box .lt_box .img_frame {
    width: 100%;
    height: 445px;
    overflow: hidden;
    border-radius: 30px;
}
.wp_wrap #ms_about .itr_box .lt_box .img_frame img {
    width: 200%;
    height: 200%;
    object-fit: cover;
    object-position: 80% -160px;
}
.wp_wrap #ms_about .itr_box .rt_box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp_wrap #ms_about .itr_box .rt_box .txt_frame .min_tit {
    display: block;
    font-size: 30px;
    font-family: var(--font-prem);
    margin-bottom: 5px;
}
.wp_wrap #ms_about .itr_box .rt_box .txt_frame .tit {
    font-size: 60px;
    font-family: var(--font-preb);
    margin-bottom: 15px;
}
.wp_wrap #ms_about .itr_box .rt_box .txt_frame .descript {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 25px;
    margin-bottom: 30px;
}
.wp_wrap #ms_about .itr_box .rt_box .txt_frame .descript .des {
    font-size: 20px;
    font-family: var(--font-prel);
    line-height: 1.4em;
    word-break: keep-all;
}
.wp_wrap #ms_about .itr_box .rt_box .txt_frame .btn_more {
    position: relative;
    width: 200px;
    height: 60px;
    background-color: #fff;
    border: 1px solid #EC6E2F;
    overflow: hidden;
}
.wp_wrap #ms_about .itr_box .rt_box .txt_frame .btn_more .btn_txt {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    color: #EC6E2F;
    font-size: 20px;
    font-family: var(--font-prel);
    z-index: 2;
    transition: 0.4s;
}
.wp_wrap #ms_about  .intro_inner .intro_lt .itr_box .rt_box .txt_frame .btn_more:hover .btn_txt {
    color: #fff;
    transition: 0.4s;
}
.wp_wrap #ms_about  .intro_inner .intro_lt .itr_box .rt_box .txt_frame .btn_more::before {
    position: absolute;
    left: -100%;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #EC6E2F;
    z-index: 1;
    transition: 0.4s;
}
.wp_wrap #ms_about  .intro_inner .intro_lt .itr_box .rt_box .txt_frame .btn_more:hover::before {
    left: 0;
    transition: 0.4s;
}

/* right_box ..........................................................................................................................................................................................*/
.wp_wrap #ms_about .intro_inner .intro_rt {
    position: relative;
    width: 30%;
}

.wp_wrap #ms_about .intro_inner .intro_rt .sticky_box {
    position: sticky;
    left: 0;
    top: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 35px;
    /* max-width: 450px; */
    width: 100%;
    padding: 40px 45px;
    border-radius: 30px;
    box-shadow: 2px 3px 12px rgba(0, 0, 0, .08);
}
.wp_wrap #ms_about .intro_inner .intro_rt .sticky_box .stcy_tit .min_tit {
    color: #8A8A8A;
    font-size: 16px;
    font-family: var(--font-preb);
}

.wp_wrap #ms_about .intro_inner .intro_rt .sticky_box .stcy_tit .tit {
    font-size: 40px;
    font-family: var(--font-prem);
}
.wp_wrap #ms_about .intro_inner .intro_rt .sticky_box .stcy_sd .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    gap: 10px;
}
.wp_wrap #ms_about .intro_inner .intro_rt .sticky_box .stcy_sd .slick-dots > li > button {
    width: 17px;
    height: 17px;
    text-indent: -9999px;
    border: 1px solid #8A8A8A;
    border-radius: 50%;
    background-color: #fff;
}

.wp_wrap #ms_about .intro_inner .intro_rt .sticky_box .stcy_sd .slick-dots > li.slick-active > button,
.wp_wrap #ms_about .intro_inner .intro_rt .sticky_box .stcy_sd .slick-dots > li:hover > button {
    background-color: #8A8A8A;
    transition: 0.4s;
}

/*메인페이지 - 상품영역 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.wp_wrap #ms_products {
    background-color: #F5F5F5;
}

/* NEW_PRODUCTS ....................................................................................................................................................................*/
.wp_wrap #ms_products .new_container {
    background-color: #EC6E2F;
    border-radius: 260px 0 0 0;
}

.wp_wrap #ms_products .new_container .new_wrap {
    padding: 120px 0;
    background-image: url("../img/main/ms_prd_bg.png");
    background-repeat: no-repeat;
    background-position: 80% 70%;
    background-size: 25%;
    background-attachment: fixed;
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner {}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list {
    position: relative;
    padding: 0 100px;
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .prd_sd {}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .prd_sd .sd_item {
    padding: 15px;
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .prd_sd .sd_item > a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    padding: 40px 10px;
    border-radius: 20px;
    box-sizing: border-box;
    background: #fff;
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .prd_sd .sd_item > a .img_frame {
    height: 230px;
    overflow: hidden;
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .prd_sd .sd_item > a .img_frame > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .prd_sd .sd_item > a .txt_frame {
    padding: 0 20px;
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .prd_sd .sd_item > a .txt_frame .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 16px;
    font-family: var(--font-prer);
    text-align: center;
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .btn_arw {
    position: absolute;
    top: 50%;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .58);
    transition: 0.4s;
    transform: translateY(-50%);
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .btn_arw:hover {
    background-color: #fff;
    transition: 0.4s;
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .btn_prd_lt {
    left: 0;
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .btn_prd_rt {
    right: 0;
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .btn_arw > i {
    color: rgba(255, 255, 255, .58);
    font-size: 25px;
    transition: 0.4s;
}

.wp_wrap #ms_products .new_container .new_wrap .new_inner .prd_sd_list .btn_arw:hover > i {
    color: #EC6E2F;
    transition: 0.4s;
}

/* OUR_PRODUCTS ....................................................................................................................................................................*/
.wp_wrap #ms_products .our_container {
    background-color: #EC6E2F;
}

.wp_wrap #ms_products .our_container .our_wrap {
    padding: 120px 0;
    background-color: #fff;
    border-radius: 0 260px 0 0;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner {}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list {}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list {
    margin-bottom: 95px;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list .list_item {}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list .list_item .item_wrap {
    position: relative;
    display: block;
    padding-left: 25px;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list .list_item .item_wrap .flag_box {
    position: absolute;
    left: 50px;
    bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list .list_item .item_wrap .flag_box .flag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    font-family: var(--font-prer);
    /* border-radius: 0 15px 15px 0; */
    box-sizing: border-box;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list .list_item .item_wrap .flag_box .flag_nw {
    width: 50px;
    height: 20px;
    background-color: #52ADDA;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list .list_item .item_wrap .flag_box .flag_bt {
    width: 50px;
    height: 20px;
    background-color: #E63B6A;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list .list_item .item_wrap .item_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 15px;
    min-height: 380px;
    padding: 25px 25px 50px;
    border-radius: 20px;
    border: 1px solid #D6D6D6;
    transition: 0.4s;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list .list_item:hover .item_wrap .item_inner {
    background-color: #F8F8F8;
    transition: 0.4s;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list .list_item .item_wrap .item_inner .img_frame {
    display: flex;
    justify-content: center;
    align-items: center;
    /* min-height: 265px; */
    /* max-height: 265px; */
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #D6D6D6;
    background-color: #fff;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list .list_item .item_wrap .item_inner .img_frame > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list .list_item .item_wrap .item_inner .txt_frame {}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .prd_list .list_item .item_wrap .item_inner .txt_frame .prd_tit {
    height: 50px;
    font-size: 16px;
    font-family: var(--font-prer);
    text-align: center;
}

/* button */
.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .btn_box {}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .btn_box .btn_more {
    gap: 10px;
    color: #535353;
    font-size: 20px;
    font-family: var(--font-prer);
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .btn_box .btn_more .cic_ani {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    /* border-radius: 50%; */
    /* background-color: #DFDFDF; */
    /* background: #cbcbcb52; */
    background-color: #F8F8F8;
    box-shadow: 0 0 0 0 rgba(203, 203, 203, 0.5);
    border-radius: 50%;
    z-index: 1;
    -webkit-animation: pulse 1.5s infinite;
    transition: 0.65s;
}

/* .wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .btn_box .btn_more .cic_ani::before {
      display: block;
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #F8F8F8;
      transform: translate(-50%, -50%);
      z-index: 2;
      -webkit-animation: pulse 1.5s infinite;
      transition: 0.65s;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .btn_box .btn_more .cic_ani::after {
      display: block;
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background-color: rgba(83, 83, 83, .38);
      transform: translate(-50%, -50%);
      z-index: -1;
      -webkit-animation: pulse 1.5s infinite;
      transition: 0.65s;
} */

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .btn_box .btn_more > i {
    transition: 0.4s;
}

.wp_wrap #ms_products .our_container .our_wrap .our_inner .prd_view_list .btn_box .btn_more:hover > i {
    color: #EC6E2F;
    transform: translateY(-5px);
    transition: 0.4s;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        border-radius: 50%;
    }

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

    100% {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
        border-radius: 50%;
    }
}

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

/**********************************************************************************************************************/
/* 서브페이지영역 */
/**********************************************************************************************************************/
/*서브페이지 -  공통 ......................................................................................................................................................................*/
.wp_wrap main .bsc_container {
    padding: 120px 0 185px;
    overflow-x: clip;
}

/*서브페이지 -  서브탑 ...................................................................................................................................................................*/
.wp_wrap #sub_top {
    border-bottom: 1px solid #DFDFDF;
}

/* 탑영역 */
.wp_wrap #sub_top .top_box {
    position: relative;
    height: 430px;
    background-repeat: no-repeat;
    background-position: center 30%;
    overflow: hidden;
}

.wp_wrap #sub_top .top_box .img_frame {
    width: 100%;
    height: 100%;
}

.wp_wrap #sub_top .top_box .img_frame > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
    transform: scale(1);
}

.wp_wrap #sub_top .top_box .sub_top_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(109, 88, 77, .4);
}

.wp_wrap #sub_top .top_box .sub_top_wrap .sub_top_inner {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #sub_top .top_box .sub_top_wrap .sub_top_inner .txt_box {}

.wp_wrap #sub_top .top_box .sub_top_wrap .sub_top_inner .txt_box .sub_top_tit {
    color: #fff;
    font-size: 40px;
    font-family: var(--font-presb);
}

.wp_wrap #sub_top .top_box .sub_top_wrap .sub_top_inner .sub_top_slg {
    position: absolute;
    right: 0;
    bottom: 0;
}

.wp_wrap #sub_top .top_box .sub_top_wrap .sub_top_inner .sub_top_slg .slog {
    color: #fff;
    font-size: 40px;
    font-family: var(--font-preel);
}

.wp_wrap #sub_top .top_box .sub_top_wrap .sub_top_inner .sub_top_slg .slog > b::before {
    position: absolute;
    left: -10px;
    top: -10px;
    display: block;
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: rgba(82, 173, 218, .86);
    z-index: -1;
}

.wp_wrap #sub_top .top_box .sub_top_wrap .sub_top_inner .sub_top_slg .slog > b {
    position: relative;
    font-family: var(--font-preeb);
    z-index: 2;
}

/* 바텀영역 */
.wp_wrap #sub_top .bot_box {}

.wp_wrap #sub_top .bot_box .bot_inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp_wrap #sub_top .bot_box .bot_inner .btn_home {
    width: 80px;
    height: 80px;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
}

.wp_wrap #sub_top .bot_box .bot_inner .btn_home > i {
    color: #5D5D5D;
    font-size: 15px;
}

.wp_wrap #sub_top .bot_box .bot_inner .sub_top_mnu {
    position: relative;
    max-width: 250px;
    width: 100%;
    height: 80px;
    justify-content: flex-start;
    padding: 0 25px;
    border-right: 1px solid #D6D6D6;
    background-image: url("../img/icon/ico_dwn.png");
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 12px;
    cursor: pointer;
}

.wp_wrap #sub_top .bot_box .bot_inner .sub_top_mnu .mnu_tit {
    color: #2E2E2E;
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_wrap #sub_top .bot_box .bot_inner .sub_top_mnu .top_sub_mnu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    display: none;
    z-index: 900;
}

.wp_wrap #sub_top .bot_box .bot_inner .sub_top_mnu .top_sub_mnu > li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #D6D6D6;
    transition: 0.4s;
}

.wp_wrap #sub_top .bot_box .bot_inner .sub_top_mnu .top_sub_mnu > li > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    font-size: 16px;
    font-family: var(--font-prer);
    transition: 0.4s;
}

.wp_wrap #sub_top .bot_box .bot_inner .sub_top_mnu .top_sub_mnu > li:hover {
    background-color: #ccc;
    transition: 0.4s;
}

/*서브페이지 -  제품소개 ................................................................................................................................................................*/
/* 상품 공통 */
.wp_wrap #shp_products {}

.wp_wrap #shp_products .prd_inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 60px;
}

/* 사이드 영역 */
.wp_wrap #shp_products .prd_inner .side_box {
    max-width: 330px;
    min-width: 330px;
    width: 100%;
    min-height: 150vh;
}

.wp_wrap #shp_products .prd_inner .side_box .side_content {
    position: sticky;
    left: 0;
    top: 120px;
    width: 100%;
    padding: 50px 25px;
    border: 1px solid #D6D6D6;
    box-shadow: 10px 15px 0 #D6D6D6;
}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list {}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_list_head {}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_list_head .hd_tit {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #535353;
    font-size: 22px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_list_head .hd_tit:after {
    display: block;
    content: "";
    flex-grow: 1;
    border: 1px dashed #8A8A8A;
}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_list_body {}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_mnu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 25px;
    padding: 25px 25px 35px;
}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_mnu > li {}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_mnu > li > a {
    color: #535353;
    font-size: 20px;
    font-family: var(--font-prer);
    transition: 0.4s;
}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_mnu > li:hover > a {
    color: #EC6E2F;
    transition: 0.4s;
}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_slide {
    padding: 25px 0;
}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_slide .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 40px;
}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_slide .slick-dots > li {}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_slide .slick-dots > li > button {
    text-indent: -9999px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #C7C7C7;
    background-color: #fff;
}

.wp_wrap #shp_products .prd_inner .side_box .side_content .side_list .side_slide .slick-dots > li.slick-active > button {
    background-color: #C7C7C7;
}

/* 컨텐츠 영역 */
.wp_wrap #shp_products .prd_inner .contents_box {
    flex-grow: 1;
}

.wp_wrap #shp_products .prd_inner .contents_box .contents_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #8A8A8A;
}

.wp_wrap #shp_products .prd_inner .contents_box .contents_head .tit {
    font-size: 40px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_products .prd_inner .contents_box .contents_head .sch_box {}

.wp_wrap #shp_products .prd_inner .contents_box .contents_head .sch_box .sch_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #F6F6F6;
    border-radius: 10px;
}

.wp_wrap #shp_products .prd_inner .contents_box .contents_head .sch_box .sch_inner > input {
    width: 80%;
    border: none;
    outline: none;
    background: none;
}

.wp_wrap #shp_products .prd_inner .contents_box .contents_head .sch_box .sch_inner > input::placeholder {
    color: #D8D8D8;
    font-size: 20px;
    font-family: var(--font-prel);
}

.wp_wrap #shp_products .prd_inner .contents_box .contents_head .sch_box .sch_inner > button {}

.wp_wrap #shp_products .prd_inner .contents_box .contents_head .sch_box .sch_inner > button > i {}

.wp_wrap #shp_products .prd_inner .contents_box .contents_body {
    padding: 30px 0;
}

/* 상품 리스트 페이지 */
/* 상품 뷰 페이지 */

/*서브페이지 -  라이센스 캐릭터 ....................................................................................................................................................*/

/* 상품베너 */
.wp_wrap #shp_prd_list .prd_banner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 45px 20px 35px;
    border: 7px solid #E5E5E5;
    border-radius: 30px;
    margin-bottom: 50px;
}

.wp_wrap #shp_prd_list .prd_banner .bn_inner {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.wp_wrap #shp_prd_list .prd_banner .bn_inner .img_frame {
    position: relative;
}

.wp_wrap #shp_prd_list .prd_banner .bn_inner .img_frame .btn_arw {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 3px solid #D1D1D1;
    transform: translateY(-50%);
    z-index: 800;
}

.wp_wrap #shp_prd_list .prd_banner .bn_inner .img_frame .btn_arw > i {
    color: #D1D1D1;
    font-weight: bold;
}

.wp_wrap #shp_prd_list .prd_banner .bn_inner .img_frame .btn_bn_lt {
    /* left: -50px; */
    left: 0;
}

.wp_wrap #shp_prd_list .prd_banner .bn_inner .img_frame .btn_bn_rt {
    /* right: -50px; */
    right: 0;
}

.wp_wrap #shp_prd_list .prd_banner .bn_inner .img_frame .img_frame_inner {
    width: 400px;
}

.wp_wrap #shp_prd_list .prd_banner .bn_inner .txt_frame {}

.wp_wrap #shp_prd_list .prd_banner .bn_inner .txt_frame .tit {
    color: #535353;
    font-size: 40px;
    font-family: var(--font-presb);
    margin-bottom: 25px;
}
.wp_wrap #shp_prd_list .prd_banner .bn_inner .txt_frame .tit span {
	font-size: 18px;
}
.wp_wrap #shp_prd_list .prd_banner .bn_inner .txt_frame .descript {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 25px;
}

.wp_wrap #shp_prd_list .prd_banner .txt_frame .descript .des {
    color: #535353;
    font-size: 16px;
    font-family: var(--font-prel);
}

/*서브페이지 -  회사소개 ................................................................................................................................................................*/
/* Introduce 모양 */
.wp_wrap #shp_intro01 {
    position: relative;
}

.wp_wrap #shp_intro01::before {
    position: absolute;
    left: calc(50% - 1920px);
    top: 0;
    display: block;
    content: "";
    width: 1575px;
    min-height: 1595px;
    border: 1px solid #D2D2D2;
    border-radius: 50%;
}

.wp_wrap #shp_intro01 .txt_bg {
    position: absolute;
    left: 20%;
    bottom: -180px;
    z-index: -1;
}

.wp_wrap #shp_intro01 .intro_inner {}

/* 인트로 01 */
.wp_wrap #shp_intro01 .intro_inner .intro_cont01 {
    padding: 210px 0;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont01 .lt_box {}

.wp_wrap #shp_intro01 .intro_inner .intro_cont01 .lt_box .img_frame {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont01 .lt_box .img_frame .cic_frame {
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont01 .lt_box .img_frame .cic_frame > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont01 .lt_box .img_frame .sm_frame {
    width: 220px;
    height: 215px;
    top: -400px;
    left: -500px;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont01 .lt_box .img_frame .big_frame {
    width: 580px;
    height: 565px;
    top: -500px;
    left: -500px;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont01 .rt_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont01 .rt_box .txt_frame {}

.wp_wrap #shp_intro01 .intro_inner .intro_cont01 .rt_box .txt_frame .tit_des {
    font-size: 27px;
    font-family: var(--font-prel);
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont01 .rt_box .txt_frame .tit {
    font-size: 79px;
    font-family: var(--font-presb);
    margin-bottom: 40px;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont01 .rt_box .txt_frame .descript {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 35px;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont01 .rt_box .txt_frame .descript .des {
    font-size: 20px;
    font-family: var(--font-prer);
}

/* 인트로 02 */
.wp_wrap #shp_intro01 .intro_inner .intro_cont02 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 130px;
    padding: 130px 0 175px;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont02 .top_txt_box {}

.wp_wrap #shp_intro01 .intro_inner .intro_cont02 .top_txt_box .sd_txt {
    position: absolute;
    left: 20%;
    font-size: 70px;
    font-family: var(--font-prer);
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont02 .top_txt_box .sd_txt > b {
    font-family: var(--font-preb);
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont02 .bot_txt_box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    background-image: url("../img/sub/beauty_txt.png");
    background-repeat: no-repeat;
    background-size: 13%;
    background-position: 26% -50px;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont02 .bot_txt_box .txt_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 30px;
    padding-right: 150px;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont02 .bot_txt_box .txt_box .tit {
    color: #EC6E2F;
    font-size: 80px;
    font-family: var(--font-preb);
	letter-spacing: -3px;
}

.wp_wrap #shp_intro01 .intro_inner .intro_cont02 .bot_txt_box .txt_box .des {
    color: #656565;
    font-size: 20px;
    font-family: var(--font-prer);
}

/* History 모양 */
.wp_wrap #shp_history01 {}

.wp_wrap #shp_history01 .hty_inner {}

.wp_wrap #shp_history01 .hty_inner .sec_tit {
    color: #616161;
    font-size: 50px;
    font-family: var(--font-presb);
    text-align: center;
    margin-bottom: 105px;
}

.wp_wrap #shp_history01 .hty_inner .historyList {
    position: relative;
}

.wp_wrap #shp_history01 .hty_inner .historyList:after {
    content: '';
    position: absolute;
    height: 91%;
    width: 0;
    border-left: 1px dashed #aeaeae;
    left: 50%;
    top: 0;
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec {
    display: flex;
    margin-bottom: 100px;
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec+.historySec {
    margin-bottom: 100px;
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec .hsTit {
    position: relative;
    width: 50%;
    text-align: right;
    padding-right: 55px;
    font-size: 38px;
    line-height: 1.27;
    color: #616161;
    font-family: var(--font-preeb);
    font-weight: 400;
    transform: translateY(-6px);
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec .hsTit .startY {
    padding-right: 40px;
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec .hsTit.first {
    color: #EC6E2F;
    font-size: 65px;
    transform: translateY(-34px);
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec .hsCont {
    position: relative;
    flex: 1 1 0;
    padding-left: 66px;
    padding-top: 35px;
    font-size: 16px;
    line-height: 1.5;
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec .hsCont:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 100%;
    box-sizing: border-box;
    left: -18px;
    top: 0;
    z-index: 99;
    border: 4px solid #EC6E2F;
    background-repeat: no-repeat;
    background-position: center center;
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec:first-child .hsCont:after,
.wp_wrap #shp_history01 .hty_inner .historyList .historySec:last-child .hsCont:after {
    display: block;
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    background-color: #fff;
    border-radius: 100%;
    box-sizing: border-box;
    left: -11px;
    top: 7px;
    z-index: 99;
    background-color: #EC6E2F;
    background-repeat: no-repeat;
    background-position: center center;
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec:nth-child(2n) .hsCont:before {
    background-image: url("../img/icon/ico_cic02.png");

}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec .hsCont .year_num {
    display: none;
    color: #EC6E2F;
    position: relative;
    top: -35px;
    font-size: 38px;
    font-family: var(--font-preb);
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec .hsCont li+li {
    margin-top: 15px;
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec .hsCont li {
    display: flex;
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec .hsCont li > strong {
    color: #EC6E2F;
    font-size: 20px;
    font-family: var(--font-preeb);
    width: 95px;
    font-weight: 300;
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec .hsCont li > p {
    color: #1E1E1E;
    font-size: 20px;
    font-family: var(--font-prer);
    flex: 1 1 0;
    font-weight: 300;
}

.wp_wrap #shp_history01 .hty_inner .historyList .historySec .hsCont li > p > .cmpy_txt {
    display: inline-block;
    font-size: 14px;
}

/* way 모양 */
.wp_wrap #shp_way01 {
    padding: 40px 0;
}

.wp_wrap #shp_way01 .way_inner {
    position: relative;
}

.wp_wrap #shp_way01 .way_inner .way_txt_box {
    position: absolute;
    left: 0;
    top: -50px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 435px;
    width: 100%;
    height: 385px;
    border-radius: 60px 0 60px 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    z-index: 10;
    overflow: hidden;
    background-color: #fff;
}

.wp_wrap #shp_way01 .way_inner .way_txt_box .txt_frame {}

.wp_wrap #shp_way01 .way_inner .way_txt_box .txt_frame .tit {
    color: #EC6E2F;
    font-size: 25px;
    font-family: var(--font-presb);
    margin-bottom: 25px;
}

.wp_wrap #shp_way01 .way_inner .way_txt_box .txt_frame .descript {
    margin-bottom: 15px;
    font-size: 20px;
    font-family: var(--font-prer);
}

.wp_wrap #shp_way01 .way_inner .way_txt_box .txt_frame .des_list {
    margin-bottom: 15px;
}

.wp_wrap #shp_way01 .way_inner .way_txt_box .txt_frame .des_list > li {
    font-size: 16px;
    font-family: var(--font-prer);
}

.wp_wrap #shp_way01 .way_inner .way_txt_box .txt_frame .tel_list {}

.wp_wrap #shp_way01 .way_inner .way_txt_box .txt_frame .tel_list > li {}

.wp_wrap #shp_way01 .way_inner .way_txt_box .txt_frame .tel_list > li > a {
    color: #777777;
    font-size: 16px;
    font-family: var(--font-prer);
}

.wp_wrap #shp_way01 .way_inner .way_txt_box .txt_frame .tel_list > li > a > i {
    color: #000;
    font-size: 16px;

}

.wp_wrap #shp_way01 .way_inner .way_map_box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 1;
}

.wp_wrap #shp_way01 .way_inner .way_map_box .map_frame {
    width: 100%;
    max-width: 1260px;
    height: 570px;
    border-radius: 0 0 120px 0;
    overflow: hidden;
}

/*서브페이지 -  고객센터 ................................................................................................................................................................*/
/* 게시판 모양 */
.wp_wrap #shp_notice01 {}

.wp_wrap #shp_notice01 .notice_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 5px;
}

/* 타이틀 박스 */
.wp_wrap #shp_notice01 .notice_inner .noti_tit_box {
    margin-bottom: 75px;
}

.wp_wrap #shp_notice01 .notice_inner .noti_tit_box .noti_tit {
    font-size: 60px;
    font-family: var(--font-preb);
    padding-bottom: 10px;
}

.wp_wrap #shp_notice01 .notice_inner .noti_tit_box .noti_des {
    font-size: 17px;
    font-family: var(--font-prer);
}

.wp_wrap #shp_notice01 .notice_inner .noti_frame {}

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

/**********************************************************************************************************************/
/* 푸터영역 */
/**********************************************************************************************************************/
/* 푸터영역 - 공통 */
.wp_wrap footer {
    background-color: #EEEEEE;
}

.wp_wrap footer .ft_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 70px;
    padding: 75px 0 60px;
}

/* 푸터영역 - 정보영역 */
.wp_wrap footer .ft_inner .ft_info_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

/* 푸터영역 - 정보(왼쪽)영역 */
.wp_wrap footer .ft_inner .ft_info_box .ft_lt_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 15px;
}

.wp_wrap footer .ft_inner .ft_info_box .ft_lt_box .ft_logo {}

.wp_wrap footer .ft_inner .ft_info_box .ft_lt_box .ft_logo > img {}

.wp_wrap footer .ft_inner .ft_info_box .ft_lt_box .ft_info_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 10px;
}

.wp_wrap footer .ft_inner .ft_info_box .ft_lt_box .ft_info_box .adr {
    display: block;
    color: #949494;
    font-size: 16px;
    font-family: var(--font-prel);
}

.wp_wrap footer .ft_inner .ft_info_box .ft_lt_box .ft_info_box .tel_num {
    display: block;
    color: #949494;
    font-size: 16px;
    font-family: var(--font-prel);
}

/* 푸터영역 - 정보(오른쪽)영역 */
.wp_wrap footer .ft_inner .ft_info_box .ft_rt_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 25px;
}

.wp_wrap footer .ft_inner .ft_info_box .ft_rt_box .ft_utill {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp_wrap footer .ft_inner .ft_info_box .ft_rt_box .ft_utill > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wp_wrap footer .ft_inner .ft_info_box .ft_rt_box .ft_utill > li::after {
    display: inline-block;
    content: "";
    width: 3px;
    height: 16px;
    margin: 0 25px;
    background-color: #D6D6D6;
}

.wp_wrap footer .ft_inner .ft_info_box .ft_rt_box .ft_utill > li:last-child::after {
    display: none;
}

.wp_wrap footer .ft_inner .ft_info_box .ft_rt_box .ft_utill > li > a {
    color: #949494;
    font-size: 16px;
    font-family: var(--font-prel);
}

.wp_wrap footer .ft_inner .ft_info_box .ft_rt_box .sns_list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.wp_wrap footer .ft_inner .ft_info_box .ft_rt_box .sns_list > li {}

.wp_wrap footer .ft_inner .ft_info_box .ft_rt_box .sns_list > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #535353;
    transition: 0.4s;
}

.wp_wrap footer .ft_inner .ft_info_box .ft_rt_box .sns_list > li:hover > a {
    background-color: #EC6E2F;
    transition: 0.4s;
}

.wp_wrap footer .ft_inner .ft_info_box .ft_rt_box .sns_list > li > a > img {}

/* 푸터영역 - 카피라이트 */
.wp_wrap footer .ft_inner .copy {
    color: #949494;
    font-size: 16px;
    font-family: var(--font-prel);
}

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