/**
* Created by PhpStorm.
* Date         : 2021-11-12
* Developer    : SeHwan Hwang
* Description  : wp_style.css
* ⓒ 2021. 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; */




:root {} 

html{
    scroll-behavior: smooth;
}

.wp_wrap {
    font-family: "Pretendard", sans-serif;
    font-weight: 400;
    word-break: keep-all;
    overflow-x: clip;
}
.modal-open{
    overflow: hidden;
}
/* .wp_wrap .cm_inner {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
} */
.wp_wrap .cm_inner {
    max-width: 1520px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}
.wp_wrap .hbot_inner {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}
.wp_wrap .ful_md_inner {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
}

/* 섹션 */
.wp_wrap  .cm_sec{
    padding: 80px 0
}
.wp_wrap  .cm_sec02{
    padding: 120px 0
}
.wp_wrap  .cm_sub_sec{
    padding: 60px 0 120px;
}


/* 메인 타이틀 폰트 */
.wp_wrap .mtit_box{
    margin-bottom: 40px;
}
.wp_wrap .mtit_box .tit{
    font-size: 40px;
    font-weight: 600;
    color: #000;
}


/* 서브 타이틀 폰트 */
.wp_wrap .stit_box{
    margin-bottom: 30px;
}
.wp_wrap .stit_box .tit{
    font-size: 30px;
    font-weight: 600;
    color: #5B5B5B;
}
.wp_wrap .stit_box2 {
    margin-bottom: 60px;
}
.wp_wrap .stit_box2 .tit{
    font-size: 50px;
    font-family: var(--font-pre500);
    color: #000;
}

.wp_wrap .s_process1 .stit_box2 {
    margin-bottom: 60px;
}
.wp_wrap .s_rt_terms1 .stit_box2 {
    margin-bottom: 45px;
}
.wp_wrap .s_ci1 .stit_box2 {
    margin-bottom: 110px;
}
.wp_wrap .s_location1 .stit_box2 {
    margin-bottom: 30px;
}






/* 서브 현재위치 */
.wp_wrap .current_lct{
    margin-bottom: 25px;
}
.wp_wrap .current_lct ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
}
.wp_wrap .current_lct ul>li,
.wp_wrap .current_lct ul>li>a{
    font-size: 13px;
    color: #6E6E6E;
}

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


/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header {}
/* 로그인 / 회원가입 / 고객센터 영역 */
.wp_wrap header .h_customer{
    background: #F1EFEB;
}
.wp_wrap header .h_customer .hcst_inner{}
.wp_wrap header .h_customer .hcst_inner ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 12px 0;
}
.wp_wrap header .h_customer .hcst_inner ul li{
    position: relative;
    padding-right: 20px;
    margin-right: 20px;
}
.wp_wrap header .h_customer .hcst_inner ul li:last-child{
    padding-right: 0;
    margin-right: 0;
}
.wp_wrap header .h_customer .hcst_inner ul li::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 12px;
    background: #DDDDDD;
}
.wp_wrap header .h_customer .hcst_inner ul li:last-child::after{
    position: relative;
}
.wp_wrap header .h_customer .hcst_inner ul li a{
    font-size: 14px;
    color: #707070;
}


.wp_wrap header .h_main{}



/* 로고  */
.wp_wrap header .h_main .h_top .ht_inner{
    position: relative;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_lt{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_lt .h_logo{
    min-width: 140px;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_lt .h_logo a{}
.wp_wrap header .h_main .h_top .ht_inner .ht_lt .h_logo a img{}
.wp_wrap header .h_main .h_top .ht_inner .ht_ct{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 검색  */
.wp_wrap header .h_main .h_top .ht_inner .ht_ct .form_in{}
.wp_wrap header .h_main .h_top .ht_inner .ht_ct .form_in .h_sch_box{
    border: 1px solid #a5a5a5;
    outline: 1px solid transparent;
    border-radius: 28px;
    background: #FFFFFF;
    min-width: 500px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 20px;
    transition: 0.3s;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_ct .form_in .h_sch_box:focus-within{
    border: 1px solid #333;
    outline: 1px solid #333;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_ct .form_in .h_sch_box input[type=text]{
    font-size: 16px;
    width: 100%;
    font-family: "Pretendard", sans-serif;
    font-weight: 300;
    color: #000;
    border: none;
    outline: none;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_ct .form_in .h_sch_box input[type=text]::placeholder{
    color: #CCCCCC;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_ct .form_in .h_sch_box input{}
.wp_wrap header .h_main .h_top .ht_inner .ht_ct .form_in .h_sch_box input img{
    min-width: 22px;
}


/* 마이페이지 */
.wp_wrap header .h_main .h_top .ht_inner .ht_rt{}
.wp_wrap header .h_main .h_top .ht_inner .ht_rt>ul{
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_rt>ul a .li_in{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_rt>ul a .li_in .icon_box{}
.wp_wrap header .h_main .h_top .ht_inner .ht_rt>ul a .li_in .icon_box img{
    border-inline-width: 36px;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_rt>ul .li_in>p{
    font-size: 14px;
}



/* 메뉴 영역 */
.wp_wrap header .h_main .h_bot{
    position: relative;
}
.wp_wrap header .h_main .h_bot .hb_inner{
    display: flex;
    align-items: center;
    justify-content:space-between;
    height: 80px;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt{
    display: flex;
    align-items: center;
    gap: 80px;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt .all_cate{
    width: 225px;
    height: 50px;
    /* background: #78746F; */
    background: #E64700;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 10px 20px;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt .all_cate .h_cate_open_btn{}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt .all_cate .h_cate_open_btn .icon_box{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt .all_cate .h_cate_open_btn .icon_box span{
    display: inline-block;
    width: 29px;
    height: 3px;
    background: #fff;
    transition: 0.3s;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt .all_cate.on .h_cate_open_btn .icon_box span:nth-child(1){
    transform: translateY(7px) rotate(45deg);
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt .all_cate.on .h_cate_open_btn .icon_box span:nth-child(2){
    opacity: 0;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt .all_cate.on .h_cate_open_btn .icon_box span:nth-child(3){
    transform: translateY(-7px) rotate(-45deg);
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt .all_cate>p{
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav{}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb{
    display: flex;
    align-items: center;
    gap: 60px;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb li{
    position: relative;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb li>a{
    font-size: 20px;
    padding: 10px 0;
    color: #000;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb li .sub_mnu{
    position: absolute;
    top: calc(100% + 20px);
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    border-radius: 10px;
    border: 2px solid #ddd;
    background: #fff;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease-in-out;
    /* display: none; */
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb li:hover .sub_mnu{
    opacity: 1;
    visibility: visible;
    top: calc(100% + 10px);
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb li .sub_mnu>li{}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb li .sub_mnu>li>a{
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    font-size: 15px;
    white-space: nowrap;
    color: #5d5d5d;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb li .sub_mnu>li>a:hover{
    color: #222;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb li .sub_mnu>li:last-child a{
    border-bottom: none;
}



.wp_wrap header .h_main .h_bot .hb_inner .hb_rt{}
.wp_wrap header .h_main .h_bot .hb_inner .hb_rt>ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_rt>ul>li{}
.wp_wrap header .h_main .h_bot .hb_inner .hb_rt>ul>li>a{
    font-size: 16px;
}




/* 서브메뉴 */
.wp_wrap header .h_main .h_bot .hb_sub_mnu{
    position: absolute;
    top: calc(100% - 10px);
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    left: calc(50% - 750px);
    padding: 30px 40px 50px;
    width: 100%;
    max-width: 1500px;
    /* margin: 0 auto; */
    z-index: 99;
    display: none;
} 
.wp_wrap header .h_main .h_bot .hb_sub_mnu .sub_mnu_itms{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 40px 10px;
} 
.wp_wrap header .h_main .h_bot .hb_sub_mnu .sub_mnu_itms .sub_mnu_li{} 
.wp_wrap header .h_main .h_bot .hb_sub_mnu .sub_mnu_itms .sub_mnu_li2{
    display: flex;
    flex-direction: column;
    gap: 20px;
} 
.wp_wrap header .h_main .h_bot .hb_sub_mnu .sub_mnu_itms .sub_mnu_li>a{
    display: inline-block;
    font-size: 16px;
    font-family: "Pretendard", sans-serif;
    font-weight: 600;
    color: #000000;
    margin-bottom: 12px;
} 
.wp_wrap header .h_main .h_bot .hb_sub_mnu .sub_mnu_itms .sub_mnu_li2>a{
    margin-bottom: 0;
} 
.wp_wrap header .h_main .h_bot .hb_sub_mnu .sub_mnu_itms .sub_mnu_li>ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
} 
.wp_wrap header .h_main .h_bot .hb_sub_mnu .sub_mnu_itms .sub_mnu_li>ul li{} 
.wp_wrap header .h_main .h_bot .hb_sub_mnu .sub_mnu_itms .sub_mnu_li>ul li a{
    display: inline-block;
    font-size: 14px;
    color: #888888;
} 

.wp_wrap .mo_fix_mnu{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    display: none;
} 
.wp_wrap .mo_fix_mnu ul{
    display: flex;
    align-items: stretch;
}
.wp_wrap .mo_fix_mnu ul li{
    flex: 1;
    height: 80px;
}

.wp_wrap .mo_fix_mnu ul li a,
.wp_wrap .mo_fix_mnu ul li button{
    background: transparent;
    line-height: 1;
    width: 100%;
    height: 100%;
}
.wp_wrap .mo_fix_mnu ul li .mopen{}
.wp_wrap .mo_fix_mnu ul li .li_in{
    height: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background: #f1efeb;
    border-right: 1px solid #dbdbdb;
}
.wp_wrap .mo_fix_mnu ul li:last-child .li_in{
    border-right: none;
}
.wp_wrap .mo_fix_mnu ul li .li_in .icon_box{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 30px;
    height: 30px;
}
.wp_wrap .mo_fix_mnu ul li .li_in .icon_box i{
    font-size: 25px;
    color:#757575;
}
.wp_wrap .mo_fix_mnu ul li .li_in .txt_box{}
.wp_wrap .mo_fix_mnu ul li .li_in .txt_box p{
    font-size: 15px;
    color:#757575;
}


.wp_wrap .mo_mnu{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100dvh - 80px);
    z-index: 1000;
    display: none;
}
.wp_wrap .mo_mnu .mo_mnu_inner{
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_hd{
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_hd .mo_hd_in{
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_hd .logo{
    width: 120px;
    min-width: 120px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_hd .mo_mnu_cls_btn{
    background: transparent;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_hd .mo_mnu_cls_btn i{
    color: #222;
    font-size: 30px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd{
    flex: 1;
    height: calc(100% - 70px);
}

.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in{
    height: 100%;
    display: flex;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep1{
    min-width: 150px;
    width: 150px;
    border-right: 1px solid #eee;
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep1::-webkit-scrollbar {
    display: none;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep1 ul{}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep1 ul li{}

.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep1 ul li a,
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep2 ul li a{
    display: flex;
    align-items: center;
    /* width: 100%; */
    height: 50px;
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #202020;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep1 ul li a{
    font-weight: 600;
    padding-left: 15px;
    justify-content: flex-start;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep2 ul li a{
    padding-left: 20px;
    padding-right: 15px;
    justify-content: space-between;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep1 ul li.on a{
    background-color: #202020;
    background-color: #0d2c83;
    color: #fff;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep2{
    flex: 1;
    height: 100%;
    overflow-y: auto;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep2 ul{
    display: none;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep2 ul.on{
    display: block;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_bd .mo_bd_in .mo_mnu_dep2 ul li{}

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


/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer {}
.wp_wrap footer .f_top{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.wp_wrap footer .f_top .ft_inner{
    height: 60px;
    display: flex;
    align-items: center;
}
.wp_wrap footer .f_top .ft_inner ul{
    display: flex;
    align-items: center;
}
.wp_wrap footer .f_top .ft_inner ul li{
    position: relative;
    margin-right: 20px;
    padding-right: 20px;
}
.wp_wrap footer .f_top .ft_inner ul li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.wp_wrap footer .f_top .ft_inner ul li::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 12px;
    background: #DDDDDD;
}
.wp_wrap footer .f_top .ft_inner ul li:last-child::after{
    display: none;
}
.wp_wrap footer .f_top .ft_inner ul li a,
.wp_wrap footer .f_top .ft_inner ul li button{
    font-size: 18px;
    color: #666666;
    background: transparent;
    font-family: "Pretendard", sans-serif;
}
.wp_wrap footer .f_bot {
    padding: 60px 0;
}
.wp_wrap footer .f_bot .fb_inner{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.wp_wrap footer .f_bot .fb_inner .f_lt{}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info{
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 20px;
}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info.info1{}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info.info2{}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info li{
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info li::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 12px;
    background: #DDDDDD;
}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info li:last-child::after{
    display: none;
}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info li,
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info li a{
    font-size: 17px;
    color: #999999;
}
.wp_wrap footer .f_bot .fb_inner .f_lt .copyright{
    font-size: 17px;
    color: #BBBBBB;
}

.wp_wrap footer .f_bot .fb_inner .f_lt .copyright>a{
    color: #dbdbdb;
}
.wp_wrap footer .f_bot .fb_inner .f_rt{
    padding-top: 10px;
}
.wp_wrap footer .f_bot .fb_inner .f_rt .f_link{
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap footer .f_bot .fb_inner .f_rt .f_link li{}
.wp_wrap footer .f_bot .fb_inner .f_rt .f_link li a{
    min-width: 31px;
    width: 31px;
}
.wp_wrap footer .f_bot .fb_inner .f_rt .f_link li a img{}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
.submenu {
	display: flex;
	gap:15px;
	justify-content: flex-end
}
.submenu li {
	padding-bottom: 15px;
	font-size: 15px;
	position: relative;
	
}
.submenu li::after {
    content: '';
    width: 3px;
    height: 15px;
    background-color: #ccc;
    position: absolute;
    right: -9px;
    top: 1px;
}
.submenu li:last-child::after {
	display: none;
}
.submenu li a:hover {
	color: #098f77;
	transition: 0.3s
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* to_top_bot */
/**********************************************************************************************************************/
.wp_wrap .to_top_bot{
    position: fixed;
    bottom: 280px;
    right: 50px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 5px;

}
.wp_wrap .to_top_bot>button{
    background: transparent;
}
.wp_wrap .to_top_bot>button .icon_box{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    background: #fff;
}
.wp_wrap .to_top_bot>button .icon_box i{
    font-size: 30px;
    color: #000;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* kakao_fix */
/**********************************************************************************************************************/
.wp_wrap .kakao_fix{
    position: fixed;
    bottom: 40px;
    right: 25px;
    z-index: 999;
}
.wp_wrap .kakao_fix>a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border-radius: 10px;
    background: #fff;
    border: 2px solid #2e1111;

}
.wp_wrap .kakao_fix>a .icon_box{}
.wp_wrap .kakao_fix>a .icon_box i{
    font-size: 50px;
    color: #2e1111;
}
.wp_wrap .kakao_fix>a p {
    font-size: 16px;
    color: #2e1111;
    font-weight: 600;
}
.wp_wrap .kakao_fix>a,
.wp_wrap .kakao_fix>a .icon_box i,
.wp_wrap .kakao_fix>a p {
    transition: 0.2s ease-in;
}
.wp_wrap .kakao_fix>a:hover{
    background: #2e1111;
}
.wp_wrap .kakao_fix>a:hover .icon_box i,
.wp_wrap .kakao_fix>a:hover p {
    color: #fff;}
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap #s_page{}
.wp_wrap .ms_visual{}
.wp_wrap .ms_visual .slide_area{
    position: relative;
}
.wp_wrap .ms_visual .slide_area .ms_arr{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
}
.wp_wrap .ms_visual .slide_area .ms_arr.ms_prev{
    left: calc(50% - 730px);
    z-index: 99;
    
}
.wp_wrap .ms_visual .slide_area .ms_arr.ms_next{
    right: calc(50% - 730px);
}
.wp_wrap .ms_visual .slide_area .ms_arr i{
    color: #fff;
    font-size: 50px;
}
.wp_wrap .ms_visual .slide_area .m_slider{}
.wp_wrap .ms_visual .slide_area .m_slider .slick-list{
    margin: 0 -15px;
}
.wp_wrap .ms_visual .slide_area .m_slider .slick-slide{
    margin: 0 15px;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide{
    position: relative;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .img_box{
    position: relative;
    min-width: 1500px;
    width: 1500px;
    height: 720px;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .img_box .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(129, 120, 107, 0.3)
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 120px;

}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box .txt1{
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(20%);
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box .txt2{
    font-size: 60px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(20%);
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box .txt3{
    font-size: 20px;
    color: #fff;
    line-height: 1.35;
    opacity: 0;
    transform: translateY(20%);
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide.active .txt_box .txt1{
    opacity: 1;
    transform: translateY(0);
    transition: 1s;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide.active .txt_box .txt2{
    opacity: 1;
    transform: translateY(0);
    transition: 1s 1s;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide.active .txt_box .txt3{
    opacity: 1;
    transform: translateY(0);
    transition: 1s 2s;
}













/* 공통 */
.wp_wrap .msPrd{}
/* .wp_wrap .ms_newPrd{}
.wp_wrap .ms_bestPrd{}
.wp_wrap .ms_rcmdPrd{} */















.wp_wrap .ms_bestPrd{}
.wp_wrap .ms_bestPrd .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.wp_wrap .ms_bestPrd .top .mtit_box {
    margin-bottom: 0;
}
.wp_wrap .ms_bestPrd .top .sld_option_box{
    display: flex;
    align-items: center;    
    gap: 15px;
}
.wp_wrap .ms_bestPrd .top .sld_option_box .m_best_arr{
    background: transparent;
}
.wp_wrap .ms_bestPrd .top .sld_option_box .m_best_arr i{
    color: #000000;
    font-size: 15px;
}
.wp_wrap .ms_bestPrd .top .sld_option_box .bestPrd_num{}
.wp_wrap .ms_bestPrd .top .sld_option_box .bestPrd_num p{
    font-size: 36px;
    font-weight: 600;
    color: #000000;
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap .ms_bestPrd .top .sld_option_box .bestPrd_num p span{
    color: #CCCCCC;
    font-weight: 600;
    font-size: 20px;
}

.wp_wrap .ms_bestPrd .bot .m_best_slider li .slick-list{
    margin: 0 -10px;
}
.wp_wrap .ms_bestPrd .bot .m_best_slider li .slick-slide{
    margin: 0 10px;
}




/* 메인게시물 공통 */
.wp_wrap .m_prd_itms{}
.wp_wrap .m_prd_itms .slick-list{
    margin: 0 -10px;
}
.wp_wrap .m_prd_itms .slick-slide{
    margin: 0 10px;
}
.wp_wrap .m_prd_itms li{
    width: 100%;
    overflow: hidden;
}
.wp_wrap .m_prd_itms li a{}
.wp_wrap .m_prd_itms li a .li_in{}
.wp_wrap .m_prd_itms li a .li_in .img_area{
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
.wp_wrap .m_prd_itms li a .li_in .img_area .img_box{
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
}
.wp_wrap .m_prd_itms li a .li_in .img_area .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
    transform: scale(0.9);
}
.wp_wrap .m_prd_itms li:hover a .li_in .img_area .img_box img {
    transform: scale(1);
}
.wp_wrap .m_prd_itms li a .li_in .img_area .shop_icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    display: flex;
    align-items: flex-end;
}
.wp_wrap .m_prd_itms li a .li_in .img_area .shop_icon .icons{
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    transform: translateY(50px);
    opacity: 0;
    transition: 0.4s ease-in-out;
    gap: 5px;
}
.wp_wrap .m_prd_itms li:hover a .li_in .img_area .shop_icon .icons{
    transform: translateY(0);
    opacity: 1;

}
.wp_wrap .m_prd_itms li a .li_in .img_area .shop_icon .icons .mprd_btn_icon{
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background-color: rgba(52, 52, 52, 0.73);
    transition: 0.4s;
    line-height: 1;
}
.wp_wrap .m_prd_itms li a .li_in .img_area .shop_icon .icons .mprd_btn_icon:hover{
    background-color: rgba(206, 16, 61, 0.53);
}
.wp_wrap .m_prd_itms li a .li_in .img_area .shop_icon .icons .mprd_btn_icon i {
    font-size: 20px;
    color: white;
}
.wp_wrap .m_prd_itms li a .li_in .txt_area{}
.wp_wrap .m_prd_itms li a .li_in .txt_area .name{
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}
.wp_wrap .ms_bot .m_prd_itms{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 60px 20px;
}







.wp_wrap .ms_exhibition{
    background: #F1EFEB;
}

.wp_wrap .ms_exhibition .cont_box{
    display: flex;
    align-items: stretch;
}
.wp_wrap .ms_exhibition .cont_box .img_itms{
    position: relative;
    width: 50%;
    /* height: 480px; */
    height: 452px;
    overflow: hidden;
}
.wp_wrap .ms_exhibition .cont_box .img_itms>li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.5s;
}
.wp_wrap .ms_exhibition .cont_box .img_itms .img_li.on{
    opacity: 1;
    z-index: 99;
}
.wp_wrap .ms_exhibition .cont_box .img_itms .img_li .img_box{
    height: 100%;
    /* height: 480px; */
    background: #fff;
    border-right: 1px solid #F1EFEB;
}
.wp_wrap .ms_exhibition .cont_box .img_itms .img_li .img_box img{
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    object-fit: contain;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms{
    width: 50%;
    display: flex;
    flex-direction: column;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li{
    flex: 1;
    background: #fff;
    display: flex;
    align-items: center;
    
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li:nth-child(2){
    border-top: 1px solid #F1EFEB;
    border-bottom: 1px solid #F1EFEB;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a{
    width: 100%;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in{
    display: flex;
    align-items: center;
    gap: 0;
    justify-content: space-between;
    min-height: 150px;
    padding: 5px 40px;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .txt_box{
    width: calc(100% - 55px);
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .txt_box .tit{
    font-size: 26px;
    font-weight: 600;
    color: #000000;   
    margin-bottom: 13px;
    word-break: break-all;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .txt_box .desc{
    display: flex;
    align-items: center;
    gap: 5px 50px;
    flex-wrap: wrap;

}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .txt_box .desc>p{
    font-size: 20px;
    color: #0F0F0F;
    word-break: break-all;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .icon_box{}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .icon_box img{
    opacity: 0;
    transition: 0.3s;
    min-width: 22px;
    width: 22px;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li.on a .li_in .icon_box img{
    opacity: 1;
}



.wp_wrap .ms_bot .ms_bot_inner{
    display: flex;
    flex-direction: column;
    gap: 120px;
}




.wp_wrap .ms_mbanner{}
.wp_wrap .ms_mbanner .inner_box{}
.wp_wrap .ms_mbanner .inner_box .img_bg_wrap{
    position: relative;

}
.wp_wrap .ms_mbanner .inner_box .img_bg_wrap .img_bg_box{
    height: 350px;
}
.wp_wrap .ms_mbanner .inner_box .img_bg_wrap .img_bg_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .ms_mbanner .inner_box .img_bg_wrap .shdow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(86, 76, 66, 0.25);
    padding: 0 60px;
    display: flex;
    align-items: center;
}
.wp_wrap .ms_mbanner .inner_box .img_bg_wrap .shdow p{
    font-size: 46px;
    font-weight: 600;
    color: #fff;
}
/**********************************************************************************************************************/












/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .crt_location{
    border-bottom: 1px solid #ddd;
    height: 60px;
    display: flex;
    align-items: center;
}
.wp_wrap .crt_location ul{
    display: flex;
    align-items: center;
    gap: 20px;
}
.wp_wrap .crt_location ul>li{}
.wp_wrap .crt_location ul>li.arr{}
.wp_wrap .crt_location ul>li.arr i{
    color: #999999;
    font-size: 13px;
}
.wp_wrap .crt_location ul>li{
    font-size: 16px;
    font-weight: 300;
    font-family: "Pretendard", sans-serif;
}
.wp_wrap .crt_location ul>li:last-child{
    font-weight: 500;
}


/* 회사소개 공통부분 */
/* s_cm_intro ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_cm_intro {}
.wp_wrap .s_cm_intro .intro_top{}
.wp_wrap .s_cm_intro .intro_top .img_area{
    margin-bottom: 40px;
}
.wp_wrap .s_cm_intro .intro_top .img_area .img_box{
    height: 350px;
    border-radius: 20px;
    overflow: hidden;
}
.wp_wrap .s_cm_intro .intro_top .img_area .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_cm_intro .intro_top .mnu_area{
    margin-bottom: 60px;
}
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu{
    border-radius: 80px;
    background: #F7F7F7;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu>li{}
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu>li>a{
    width: 280px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #000000;
    background: transparent;
    border-radius: 80px;
    overflow: hidden;
}
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu>li.on>a{
    font-weight: 600;
    color: #fff;
    background: #E64700;
}


/* s_intro ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_intro{}
.wp_wrap .s_intro1{}
.wp_wrap .s_intro1 .inner_box{}
.wp_wrap .s_intro1 .cont_box{}
.wp_wrap .s_intro1 .cont_box .txt_box{}
.wp_wrap .s_intro1 .cont_box .txt_box .txt1{
    margin-bottom: 40px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt1 p{
    font-size: 60px;
    font-weight: 900;
    color: #000000;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt2{
    margin-bottom: 60px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt2 p{
    font-size: 30px;
    color: #000000;
    line-height: 1.55;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt3{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt3 p{
    font-size: 25px;
    font-weight: 300;
    color: #000000;
    line-height: 1.4;
}


/* s_process ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_process{} 
.wp_wrap .s_process1{} 
.wp_wrap .s_process1 .inner_box{} 
.wp_wrap .s_process1 .cont_box{} 
.wp_wrap .s_process1 .cont_box .process_box{} 
.wp_wrap .s_process1 .cont_box .process_box .top_step{
    margin-bottom: 40px;
} 
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 30px;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #CFCFCF;
    border-radius: 25px;
    width: calc((100% - 180px) / 7);
    aspect-ratio: auto 1/1;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li::after{
    content: "\e907";
    font-family: 'xeicon';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -28px;
    color: #AEAEAE;
    font-size: 25px;
    font-weight: 900;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:first-child::after{
    display: none;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li .icon_box{
    margin-bottom: 5px;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li .icon_box img{}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li .num{
    font-size: 15px;
    font-weight: 900;
    color: #EF8F00;
    margin-bottom: 5px;
    text-align: center;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li .txt{
    font-size: 15px;
    font-weight: 500;
    color: #161616;
    text-align: center;
}
.wp_wrap .s_process1 .cont_box .process_box .bot_step{} 
.wp_wrap .s_process1 .cont_box .process_box .bot_step .itms{
    display: flex;
    flex-direction: column;
    gap: 10px;
} 
.wp_wrap .s_process1 .cont_box .process_box .bot_step .itms>li{
    display: flex;
    align-items: flex-start;
    font-size: 20px;
    font-weight: 500;
    padding: 28px 35px;
    background: #F2F2F2;
    border-radius: 60px;
} 
.wp_wrap .s_process1 .cont_box .process_box .bot_step .itms>li .stname{
    min-width: 125px;
    color: #E64700;
} 
.wp_wrap .s_process1 .cont_box .process_box .bot_step .itms>li .stdesc{
    color: #000000;
    line-height: 1.3;
} 



/* s_rt_terms ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_rt_terms{} 
.wp_wrap .s_rt_terms1{} 
.wp_wrap .s_rt_terms1 .inner_box{} 
.wp_wrap .s_rt_terms1 .cont_box{} 
.wp_wrap .s_rt_terms1 .cont_box .terms_box{} 
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area{} 
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .top_txt{
    color: #0E0E0E;
    margin-bottom: 45px;
} 
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .top_txt .txt1{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 15px;
} 
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .top_txt .txt2{
    font-size: 20px;
    font-weight: 300;
} 
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt{}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum{}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum .tit_box{
    border-radius: 60px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 28px 33px;
    background: #E6E6E6;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum .tit_box>p{
    font-size: 20px;
    font-weight: 500;
    color: #E64700;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum .desc_box{
    padding: 30px 35px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum .desc_box>p{
    font-size: 18px;
    font-weight: 500;
    color: #0E0E0E;
    line-height: 1.45;
}




/* s_ci ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_ci{} 
.wp_wrap .s_ci1{} 
.wp_wrap .s_ci1 .inner_box{} 
.wp_wrap .s_ci1 .cont_box{} 
.wp_wrap .s_ci1 .cont_box .ci_box{} 
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area{} 
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box{
    margin-bottom: 100px;
    display: flex;
    align-items: center;
    gap: 100px;
} 
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .logo_box{
    width: 50%;
} 
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .logo_box .img_box{} 
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .logo_box .img_box img{} 
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .txt_box{
    background: #F9F9F9;
    background: #efefef;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 90px;
} 
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .txt_box > p{
    font-size: 20px;
    color: #000000;
    line-height: 1.45;
} 


.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box{}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 50px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li{
    flex: 1;
    border: 1px solid #CCCCCC;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: flex-start;
    gap: 40px;
    padding: 25px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .color{
    width: 147px;
    height: 153px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li:nth-child(1) .color{
    background-color: #EB6000;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li:nth-child(2) .color{
    background-color: #313993;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li:nth-child(3) .color{
    background-color: #E5E6E6;
}

.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .desc{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .desc .txt1{
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 10px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li:nth-child(1) .desc .txt1{
    color: #EB6000;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li:nth-child(2) .desc .txt1{
    color: #313993;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li:nth-child(3) .desc .txt1{
    color: #E5E6E6;
}


.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .desc .txt2{
    font-size: 18px;
    font-weight: 700;
    color: #000000;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .desc .txt2 span{
    display: inline-block;
    min-width: 85px;
    font-weight: 400;
}


/* s_location ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_location{} 
.wp_wrap .s_location1{} 
.wp_wrap .s_location1 .inner_box{} 
.wp_wrap .s_location1 .cont_box{} 
.wp_wrap .s_location1 .cont_box .location_box{} 
.wp_wrap .s_location1 .cont_box .location_box .map_area{} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .map_box{
    border-radius: 10px;
    overflow: hidden;
    height: 585px;
    margin-bottom: 30px;
} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .map_box .root_daum_roughmap,
.wp_wrap .s_location1 .cont_box .location_box .map_area .map_box .root_daum_roughmap .wrap_map{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_location1 .cont_box .location_box .map_area .map_box .root_daum_roughmap .wrap_controllers ,
.wp_wrap .s_location1 .cont_box .location_box .map_area .map_box .root_daum_roughmap .wrap_btn_zoom,
.wp_wrap .s_location1 .cont_box .location_box .map_area .map_box .root_daum_roughmap_landing .border1,
.wp_wrap .s_location1 .cont_box .location_box .map_area .map_box .root_daum_roughmap_landing .border2,
.wp_wrap .s_location1 .cont_box .location_box .map_area .map_box .root_daum_roughmap_landing .border3,
.wp_wrap .s_location1 .cont_box .location_box .map_area .map_box .root_daum_roughmap_landing .border4  {
    display: none;
}
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box{} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box .adrs{
    font-size: 30px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 15px;
} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box .call{
    margin-bottom: 15px;
} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box .call>a,
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box .email>a{
    font-size: 20px;
    color: #212121;
} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box .email{} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box .email>a{} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .rt_box{} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .rt_box .direction{} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .rt_box .direction>a{
    background: #E64700;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    width: 115px;
    height: 115px;
} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .rt_box .direction>a .icon_box{} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .rt_box .direction>a .icon_box img{} 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .rt_box .direction>a>p{
    font-size: 15px;
    color: #fff;
} 


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




 

























































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap #s_main{
    background: #FAFAFA;
}
.wp_wrap .prd_liId .subpage_mnu>ul{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px 8px;
    margin-bottom: 35px;
}
.wp_wrap .prd_liId .subpage_mnu>ul>li{
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #E1E1E1;
}
.wp_wrap .prd_liId .subpage_mnu>ul>li>a{
    display:flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
    color: #5B5B5B;
    text-align: center;
}
.wp_wrap .prd_liId .subpage_mnu>ul>li.on{
    border: 1px solid #17519C;
}
.wp_wrap .prd_liId .subpage_mnu>ul>li.on>a{
    background: #17519C;
    color: #fff;
}
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* s_greetingId */
/**********************************************************************************************************************/

.wp_wrap .s_greetingId .inner_box .content .img_box,
.wp_wrap .s_historyId .inner_box .content .img_box{
    height: 385px;
    margin-bottom: 40px;
}
.wp_wrap .s_greetingId .inner_box .content .img_box img,
.wp_wrap .s_historyId .inner_box .content .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .top_txt,
.wp_wrap .s_historyId .inner_box .content .txt_box .top_txt{
    margin-bottom: 35px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .top_txt .cate,
.wp_wrap .s_historyId .inner_box .content .txt_box .top_txt .cate{
    color: #5B5B5B;
    font-size: 20px;   
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .top_txt .cate span,
.wp_wrap .s_historyId .inner_box .content .txt_box .top_txt .cate span{
    color: #D1D1D1;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .top_txt .tit,
.wp_wrap .s_historyId .inner_box .content .txt_box .top_txt .tit{
    color: #5B5B5B;
    font-size: 30px;
    font-weight: 800;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .bot_txt p{
    font-size: 16px;
    color: #2D2D2D;
    font-weight: 300;
    margin-bottom: 25px;
    line-height: 27px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .bot_txt p:last-child{
    margin-bottom: 0;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* s_wtcomeId */
/**********************************************************************************************************************/
.wp_wrap .s_wtcomeId .inner_box .content .map_box{
    height: 400px;
    border: 1px solid #ddd;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
}
.wp_wrap .s_wtcomeId .inner_box .content .map_box .root_daum_roughmap,
.wp_wrap .s_wtcomeId .inner_box .content .map_box .root_daum_roughmap .wrap_map{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_wtcomeId .inner_box .content .map_box .root_daum_roughmap .wrap_controllers ,
.wp_wrap .s_wtcomeId .inner_box .content .map_box .root_daum_roughmap .wrap_btn_zoom,
.wp_wrap .s_wtcomeId .inner_box .content .map_box .root_daum_roughmap_landing .border1,
.wp_wrap .s_wtcomeId .inner_box .content .map_box .root_daum_roughmap_landing .border2,
.wp_wrap .s_wtcomeId .inner_box .content .map_box .root_daum_roughmap_landing .border3,
.wp_wrap .s_wtcomeId .inner_box .content .map_box .root_daum_roughmap_landing .border4  {
    display: none;
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info{
    margin-left: 15px;
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info .tit{
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #333333;
    
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info .tit span{
    font-size: 20px;
}

.wp_wrap .s_wtcomeId .inner_box .content .com_info .adrs{
    font-size: 18px;
    font-weight: 300;
    color: #232222;
    margin-bottom: 10px;
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info ul{
    display: flex;
    align-items: center;
    gap: 18px;
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info ul>li>i,
.wp_wrap .s_wtcomeId .inner_box .content .com_info ul>li>a>i{
    font-size: 15px;
    color: #EE6017;
    margin-right: 10px;
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info ul>li,
.wp_wrap .s_wtcomeId .inner_box .content .com_info ul>li>a{
    font-size: 17px;
    color: #858585;

}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* s_searchId */
/**********************************************************************************************************************/
.wp_wrap .s_searchId .content{
    padding: 40px 0 300px 0;
}
.wp_wrap .s_searchId .search_outer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    max-width: 300px;
    width: 100%;
    padding: 0.25rem;
    border-bottom: 1px solid #000;
    margin: 0 auto;
}
.wp_wrap .s_searchId .search_outer>input{
    width: 100%;
    background: transparent;
    width: 100%;
    border: none;
    outline: none;
    font-size: 25px;
    font-weight: 300;
    font-family: "Pretendard", sans-serif;
}
.wp_wrap .s_searchId .search_outer button>i{
    font-size: 23px;
    color: #656565;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* s_privacyId, s_tosId */
/**********************************************************************************************************************/
.wp_wrap .s_privacyId .content pre,
.wp_wrap .s_tosId .content pre{
    font-family: "Pretendard", sans-serif;
    font-weight: 300;
    white-space: -moz-pre-wrap;  
    white-space: -o-pre-wrap;
    white-space: pre-wrap; 
    word-wrap: break-word;
    font-size: 16px;
}
.wp_wrap .s_privacyId .content pre .num,
.wp_wrap .s_tosId .content pre .num{
    font-size: 11px;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 모달 */
/**********************************************************************************************************************/
.wp_wrap .cm_md {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
    display: none;
}
.wp_wrap .tos_md.on,
.wp_wrap .pv_md.on {
    display: block;
}
.wp_wrap .cm_md .md_outer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 15px;
}
.wp_wrap .cm_md .md_outer .width_inner {
    position: relative;
    max-width: 1100px;
    width: 100%;
    height: 80vh;
    background: #fff;
    padding: 30px 40px 60px 40px;
}
.wp_wrap .cm_md .md_outer .width_inner .icon_box {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 1000;
    background: transparent;
}
.wp_wrap .cm_md .md_outer .width_inner .icon_box i {
    border: 2px solid #999999;
    border-radius: 50%;
    padding: 6px;
    font-size: 18px;
    color: #999999;
    font-weight: 900;
}
.wp_wrap .cm_md .md_outer .width_inner .md_inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}
.wp_wrap .cm_md .md_outer .width_inner .md_inner p {
    font-size: 33px;
    font-weight: 600;
}
.wp_wrap .cm_md .md_outer .width_inner .md_inner .txt_box {
    border: 1px solid #ddd;
    width: 100%;
    height: 100%;
    padding: 15px;
    overflow-y: auto;
}.wp_wrap .cm_md .md_outer .width_inner .md_inner .txt_box::-webkit-scrollbar {
    width: 6px;
}
.wp_wrap .cm_md .md_outer .width_inner .md_inner .txt_box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #E64700;
    cursor: pointer;
}
.wp_wrap .cm_md .md_outer .width_inner .md_inner .txt_box::-webkit-scrollbar-track {
    background-color: #fff;
}
.wp_wrap .cm_md .md_outer .width_inner .md_inner .txt_box .txt_body pre {
    font-weight: 400;
    font-family: "Pretendard", sans-serif;
    font-size: 17px;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 1.4;
}
.wp_wrap .cm_md .md_outer .width_inner .md_inner .txt_box .txt_body pre .cicnum {
    position: relative;
    display: inline-block;
    top: -1px;
    font-size: 13px;
}
.wp_wrap .cm_md .md_outer .width_inner .md_inner .txt_box .txt_body .fwbd {
    font-weight: 700;
}
/**********************************************************************************************************************/