/* 웹폰트 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);



html {font-size: 62.5%; color: #404040;}
*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none; font-size: 20px;}
ul, li {list-style:none;}
body {font-family: "Pretendard", "Pretendard Variable", 'NotoSansKR', 'Noto Sans Korean', 'Noto Sans KR', 'Nanum Gothic', sans-serif;}
.inner {width:1600px;margin:auto;}
.inner2 {width:1400px;margin:auto;}
.inner3 {width:1200px; margin:auto;}


.jost {
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}


h1 {font-size: 50px;}
h2 {font-size: 40px;}
h3 {font-size: 30px;}
h4 {font-size: 25px;}
h5 {font-size: 23px;}

h1, h2, h3, h4, h5 {word-break: keep-all;}
p {font-size: 20px; word-break: keep-all; line-height: 34px;}
p .larger {font-size: larger;}
b {font-weight: 700;}

/* 마진설정 */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt110 {margin-top:110px;}
.mt120 {margin-top:120px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}

.pt80 {padding-top:80px;}


.flex {display: flex;}
.flex_space_between {display: flex; justify-content: space-between;}
.flex_end {display: flex; align-items: flex-end;}
.flex_center {display: flex; align-items: center;}
.col {flex: 1;}


.float {float:left !important;}
.float_r {float:right !important;}


.c_main1 {color: #a18b62;}
.c_sky {color: #82bdd0;}
.c_white {color: #fff;}
.c_red {color: #fe4140;}

.clearfix::after {content: ""; display: block; clear: both;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.pc_show {display: block;}
.m_show {display: none !important;}


/* 공통 */
#wrap {width:100%; /*min-width:1200px;*/ margin:auto; overflow:hidden;}
h2.tit {font-size: 40px; font-weight: 800; letter-spacing: 0px;}
h2.tit span {letter-spacing: 0px;}
h2.tit_big {font-size: 50px; font-weight: 800; letter-spacing: 0px;}
h2.tit_big_60 {font-size: 60px; font-weight: 800; letter-spacing: 0px;}
h2.tit_big span {letter-spacing: 0px;}
h2.tit_big .thin {font-weight: 400;}
.thin {font-weight: 300}



/* 퀵메뉴 */
#quick_menu {position: fixed; top: 200px; right: 1px; width: 90px; z-index: 50;}
#quick_menu ul li {position: relative; width: 90px; height: 110px; background: #f5eedf; text-align: center;}
#quick_menu ul li:after {content: ""; position: absolute; bottom: 0; left: 11px; display: block; width: 70px; height: 1px; background: #d0d0d0;}
#quick_menu ul li:last-child:after {display: none;}
#quick_menu ul li a {width: 100%; height: 100%; display: block; color: #a18b62;}
#quick_menu ul li a img {margin-top: 26px;}
#quick_menu ul li a p {font-size: 14px; line-height: 16px; margin-top: 10px;}

#quick_menu .quick_btn {position: absolute; top: 1; left: -20px; width: 20px; height: 20px; background: #d9b959; color: #fff;}


/* 모바일 퀵메뉴 */
#m_quick_menu {display: none;}


/* 상담예약 폼메일 버튼 */
#form_btn {position: fixed; right: 20px; bottom: 20px; min-height: unset; z-index: 60; /*animation: rotate 4s linear infinite;*/}
#form_btn img {box-shadow: 0px 0px 10px rgba(0,0,0,0.2); border-radius: 50%;}

/* @keyframes rotate{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} */


/* 헤더 */
#header {width:100%; z-index: 50; height: 110px; background: #fff;}
#header .inner {display: flex; align-items: center; justify-content: space-between; height: 110px; position: relative;}
#header .logo {display: block; width: 223px; height: 66px; background: url(images/logo.png) no-repeat center; background-size: contain; /*position: absolute; top: 20px; left: 0; z-index: 1;*/}
#header .m_btns {display: none;}
#header .header_sub {display: flex; height: 130px; justify-content: space-between; align-items: center;}
#header .header_sub .info a:first-child {margin-right: 24px;}
#header .header_sub .member ul {display: flex;}
#header .header_sub .member ul li {margin-left: -1px;}
#header .header_sub .member ul li a {padding:5px 15px 5px 15px;color:#222;border:1px solid #e0e0e0; font-size: 13px;}

#header nav {position: relative;}
#header nav > ul {display: flex; gap: 45px; justify-content: center; margin-left: 100px;}
#header nav > ul > li {position: relative; }
#header nav > ul > .site_map_btn {display: block; width: 67px; height: 100%; background: #00a7eb;}
#header nav > ul > .site_map_btn i {color: #fff; font-size: 40px; line-height: 65px;}
#header nav > ul > li > a {color: #a18b62; font-size: 20px; display: block; line-height: 110px;}
#header nav > ul > li:hover > a {color: #d9b959;}
/* #header nav > ul > li:last-child:hover > a {color: #a18b62;} */
#header nav > ul > li > a.on {font-weight: 600; color: #d9b959;}

#header nav > ul > li > .subnav {display: none; position: absolute; top: 75%; left: 50%; transform: translate(-50%, 0%); width: 250px; text-align: center; z-index: 2; background: #d9b36c; transition: all .3s ease-in-out;}
#header nav > ul > li > .subnav > li > a {display: block; font-size: 16px; margin-top: 15px; color: #6c511d;}
#header nav > ul > li > .subnav > li:last-child > a {margin-bottom: 15px;}
#header nav > ul > li > .subnav > li:hover > a {color: #fff;}
#header nav > ul > li > .subnav > li.on > a {font-weight: 600; color: #fff;}

#header nav > ul > .member {display: flex; gap: 10px; align-items: center;}
#header nav > ul > .member a {font-size: 14px; color: #a18b62;}




/* 하단 */
#footer {padding: 50px 0;}
#footer .inner {display: flex; justify-content: space-between;}

#footer .footer_left {color: #a18b62;}
#footer .footer_left ul.f_menu {display: flex; gap: 30px; margin-bottom: 10px;}
#footer .footer_left ul.f_menu li {position: relative; margin-bottom: 10px;}
#footer .footer_left ul.f_menu li:after {content: ""; top: 2px; right: -16px; position: absolute; width: 1px; height: 14px; background: #a18b62;}
#footer .footer_left ul.f_menu li:last-child:after {display: none;}
#footer .footer_left ul.f_menu li a {font-size: 14px;}
#footer .footer_left span {position: relative;  display: inline-block; margin-right: 20px; font-size: 14px;}
#footer .footer_left span a {font-size: 14px;}
#footer .footer_left .ft_menu {display: flex; gap: 18px; margin-bottom: 45px;}

#footer .footer_right {color: #a18b62;}
#footer .footer_right ul {display: flex; gap: 18px; justify-content: flex-end; margin-bottom: 10px;}
#footer .footer_right ul li {width: 40px;}
#footer .footer_right ul li img {width: 100%;}
#footer .footer_right span {position: relative;  display: inline-block; margin-right: 20px; font-size: 14px;}
#footer .footer_right span:last-child {margin-right: 0;}
#footer .footer_right span a {font-size: 16px;}




/* 미디어쿼리 반응형 */
@media (max-width: 1920px) {
    #wrap {width: 100%; margin: 0 auto;}
}

@media (max-width: 1600px) {
    .inner {width: 100%; padding: 0 20px;}

    /* header */
    #header, #header .inner {height: 150px;}
    #header .inner {display: flex; justify-content: space-between; align-items: center;}
    #header nav {display: none;}
    #header .logo {position:unset; margin-left: 20px;}
    #header .m_btns {display: flex; align-items: center; gap: 30px; margin-right: 20px;}
    #header .m_btns .country_m {position: relative; display: flex; gap: 30px; color: #a18b62;}
    #header .m_btns .country_m:after {content: ""; display: block; position: absolute; top: 47%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 18px; background: #a18b62;}
    #header .m_btns a.menu_btn {color: #a18b62;}
    #header .m_btns a.menu_btn i {font-size: 50px;}

    /* 퀵메뉴 */
    #quick_menu {display: none;}

    /* 모바일 퀵메뉴 */
    #m_quick_menu {display: block; position: fixed; z-index: 50; left: 0; bottom: 0; width: 100%; height: 110px; min-height: unset; background: #f5eedf;}
    #m_quick_menu ul {display: flex; align-items: center; height: 110px;}
    #m_quick_menu ul li {width: 33.3333%; position: relative;}
    #m_quick_menu ul li:after {position: absolute; top: -12px; right: 0; content: ""; display: block; width: 1px; height: 80px; background: #fff;}
    #m_quick_menu ul li:first-child {border-left: none;}
    #m_quick_menu ul li a {display: flex; flex-direction: column; align-items: center; gap: 5px; width: 100%;}
    #m_quick_menu ul li a p {font-size: 20px; color: #a18b62;}

    /* 모바일 이미지 나타내기 */
    .m_show {display: block !important;}
    .pc_show {display: none !important;}

    /* footer */
    #footer {padding: 50px 0 150px;}
    #footer .footer_left {width: 100%;}
    #footer .footer_left span {display: inline-block !important;}
    #footer .footer_right {display: none;}
}

@media (max-width: 1400px) {
    .inner2 {width: 100%; padding: 0 20px;}
}


@media (max-width: 720px) {
    /* header */
    #header .header_top {height: 70px;}
    #header .header_top .logo {width: 180px;}
    #header .header_top .m_btns a {width: 70px; height: 70px;}
    #header .header_top .m_btns a.call_btn img {width: 25px;}
    #header .header_top .m_btns a.menu_btn i {font-size: 40px; line-height: 70px;}

    /* 간격 */
    #content .paragraph {padding: 80px 0;}
}

@media (max-width: 640px) {
    /* 글자 크기 */
    h2.tit_big {font-size: 40px;}

    /* header */
    #header, #header .inner {height: 120px;}
    #header .logo {width: 150px; margin-left: 10px;}
    #header .m_btns {margin-right: 0; gap: 20px;}
    #header .m_btns .country_m {gap: 20px;}
    #header .m_btns .country_m:after {top: 53%;}
    #header .m_btns .country_m a {font-size: 16px;}
    #header .m_btns a.menu_btn i {font-size: 40px;}
}


@media (max-width: 600px) {
    /* footer */
    #footer {padding: 20px 0 150px 0;}
}


@media (max-width: 480px) {
    body {margin-bottom: 87px;}

    /* header */
    #header .logo {margin-left: 0;}

    /* 메인 글자 크기 */
    h2.tit {font-size: 30px;}
    h2.tit_big {font-size: 35px;}
    h2 {font-size: 35px;}
    h3 {font-size: 20px;}
    h4 {font-size: 18px;}
    p {font-size: 16px; line-height: 24px;}

    /* header */
    #header, #header .inner {height: 100px;}

    /* 모바일 퀵메뉴 */
    #m_quick_menu, #m_quick_menu ul {height: 90px;}
    #m_quick_menu ul li:after {height: 65px;}
    #m_quick_menu ul li a p {font-size: 16px;}

    /* footer */
    #footer {padding: 20px 0 50px 0;}
    #footer .footer_left span {margin-right: 12px;}
    #footer .footer_left span a {font-size: 14px;}
    #footer .footer_left ul.f_menu {gap: 15px;}
    #footer .footer_left ul.f_menu li:after {top: 2px; right: -9px; height: 13px;}
}