/* 웹폰트 */
@import url('https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);


html {font-size: 62.5%;}
*{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: 2rem;}
ul, li {list-style:none;}
body {font-family: "Wanted Sans Variable", "Wanted Sans", "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#303030;}
.inner {width:1400px;margin: 0 auto;}
.inner2 {width:1300px;margin:auto;}
.inner3 {width:1200px; margin:auto;}


h1 {font-size: 6rem;}
h2 {font-size: 5rem;}
h3 {font-size: 4rem;}
h4 {font-size: 3rem;}
h5 {font-size: 2.4rem;}
h6 {font-size: 2.2rem;}

h1, h2, h3, h4, h5 {word-break: keep-all;}
p {font-size: 2rem; line-height: 30px; word-break: keep-all;}
b {font-weight: 700;}
.thin {font-weight: 300;}

.gowun_regular {
  font-family: "Gowun Batang", serif;
  font-weight: 400;
  font-style: normal;
}

.gowun_bold {
  font-family: "Gowun Batang", serif;
  font-weight: 700;
  font-style: normal;
}

/* 마진설정 */
.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-wrap: wrap;*/}
.col {flex: 1;}
.img100 {width: 100%; display: block;}



.c_main1 {color: #413831;}
.c_main2 {color: #e6d3b5;}
.c_main3 {color: #665334;}
.c_main4 {color: #d9beb6;}
.c_main5 {color: #a46654;}
.c_white {color: #fff;}
.c_gray {color: #b0b0b0;}


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

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


.pc_show {display: none;}
.m_show {display: none;}


/* 공통 */
#wrap {width:100%; /*min-width:1200px;*/ margin:auto; overflow:hidden;}
h2.tit {font-weight: 400; letter-spacing: 0px; line-height: 6rem;}
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;}
.sub_tit {color: #d0d0d0; font-size: 2rem; margin-top: 10px; letter-spacing: 4px; font-family: "Jost", sans-serif;}

h5 {font-size: 22px;}


/* 퀵메뉴 */
#quick_menu {position: fixed; top: 350px; right: 0px; width: 70px; z-index: 50;  box-sizing: border-box;}
#quick_menu ul li {width: 70px; height: 70px; text-align: center;  box-sizing: border-box; background: rgba(255,255,255,0.7); border: 1px solid #ebebeb; padding-top: 1rem; }
#quick_menu ul li:not(:first-child) {margin-top: -1px;}
#quick_menu ul li a {width: 100%; height: 100%; display: block; }
#quick_menu ul li a p {font-size: 1.8rem; font-weight: 600; font-size: 1.1rem;}



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


/* 헤더 */
#header {position: fixed; width:100%; z-index: 50; /*transition: .2s ease-in-out;*/ display: flex; align-items: center; padding: 0 5rem;}
#header .logo {width: 220px; height: 43px; background: url(images/logo.png) no-repeat center; display: block; background-size: contain;}
#header .m_btns {display: none;}


#header nav {margin-left: 24%;}
#header nav > ul {display: flex; align-items: center; text-align: center; gap: 55px;}
#header nav > ul > li {position: relative;}
#header nav > ul > li > a {font-size: 20px; display: block; color: #413831; padding: 3rem 0; font-family: "Gowun Batang", serif; font-weight: 700;}

#header nav > ul > li > .subnav {display: none; position: absolute; top: 89px; left: 50%; transform: translateX(-50%); width: 180px; height: auto; text-align: center; z-index: 2; background: #413831;}
#header nav > ul > li > .subnav > li > a {display: block; width: 100%; font-size: 1.8rem; padding: 1.5rem 0; border-bottom: 1px solid #8b857f; color: #fff;}
#header nav > ul > li > .subnav > li:last-child > a {border-bottom: none;}
#header nav > ul > li > .subnav > li > a:hover, .subnav > li.on > a {font-weight: 700; color: #fff;}


#header.on {background: #fff; border-bottom: 1px solid #e0e0e0;}
#header.on nav > ul > li > a {font-size: 20px; display: block;}




/* 모바일 메뉴 */
#m_menu {position: fixed; top: 0; right: -400px; width: 400px; height: 100%; background: #fff; box-shadow : 5px 5px 10px 0; z-index: 9999; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; overflow-x: hidden;}
#m_menu.on {right: 0px;}
#m_menu .close_btn {position: absolute; top: 28px; right: 28px; font-size: 30px; color: #413831;}
#m_menu .m_nav {width: 100%; margin: 9rem auto; border-top: 3px solid #413831;}
#m_menu .m_nav > ul > li {border-bottom: 1px solid #e0e0e0;}
#m_menu .m_nav > ul > li > a {font-weight: 600;}
#m_menu .m_nav ul li a {display: block; width: 100%; padding: 1.8rem; font-size: 2rem;}
#m_menu .m_nav ul li .sub_nav {display: none;}
#m_menu .m_nav ul li .sub_nav li {border-top: 1px solid #8b857f;}
#m_menu .m_nav ul li .sub_nav a {display: block; font-size: 1.8rem; padding-left: 3.2rem; background: #413831; color: #fff;}


/* 하단 */
#footer {padding: 5rem 0; border-top: 1px solid #e0e0e0;}
#footer .inner3 {display: flex; align-items: flex-start; gap: 50px;}
#footer img {width: 220px; height: 43px;}
#footer .ft_txt span,
#footer .ft_txt p,
#footer .ft_txt p a {font-size: 1.6rem;}
#footer .ft_txt .txt span {position: relative; display: inline-block; padding-right: 42px;}
#footer .ft_txt .txt span:after {position: absolute; content: ""; right: 20px; top: 2px; width: 1px; height: 14px; background: #767676;}
#footer .ft_txt .txt span:last-child:after {display: none;}
#footer .admin {text-decoration: underline;}






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

@media (max-width: 1600px) {
    
}

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

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

    /* header */
    #header nav > ul > li > a {font-size: 1.8rem;}
}


@media (max-width: 1300px) {
    /* header */
    #header {padding: 0 2rem;}
    #header nav {display: none;}
    #header .header_top {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 2rem 0;}
    #header .header_top .logo {position: static; transform: none;}
    #header .header_top .m_btns {display: block; color: #313232; font-size: 4rem;}
}

@media (max-width: 1200px) {
    body {margin-bottom: 93px;}

    .inner3 {width: 100%; padding: 0 20px;}

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

    /* 모바일 퀵메뉴 */
    #m_quick_menu {display: block; position: fixed; z-index: 50; left: 0; bottom: 0; width: 100%; background: rgba(255,255,255);}
    #m_quick_menu ul {display: flex;}
    #m_quick_menu ul li {width: 33.3333%; border: 1px solid #ebebeb; text-align: center;}
    #m_quick_menu ul li:first-child {border-left: none;}
    #m_quick_menu ul li a {width: 100%; height: 100%; display: block; padding: 1.5rem 0 1rem;}
    #m_quick_menu ul li a p {font-weight: 500; font-size: 1.6rem; margin-top: 0.5rem;}

}

@media (max-width: 1024px) {
    .m_show {display: none !important;}
}


@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.menu_btn i {font-size: 40px; line-height: 70px;}

    /* mobile menu */
    #m_menu .close_btn {top: 22px;}
    #m_menu .m_nav {margin: 8rem auto;}

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

@media (max-width: 640px) {
    /* 글자 반응형 */
    html {
        font-size: 50%;
    }

    p {line-height: 25px;}

    /* 글자 크기 */
    h2 {font-size: 4rem;}

    /* 헤더 */
    #header {height: 70px;}
    #header .inner {height: 70px;}
    #header .header_top .logo {width: 150px;}

    /* 모바일 메뉴 */
    #m_menu {width: 75%; right: -75%;}
    #m_menu .close_btn {top: 20px; right: 20px;}
    #m_menu .m_nav {margin: 7rem auto;}

    /* 푸터 */
    #footer .inner3 {flex-direction: column; gap: 30px;}
    #footer .ft_txt .txt span {padding-right: 30px;}
    #footer .ft_txt .txt span:after {right: 13px; height: 11px;}
}


@media (max-width: 480px) {

    body {margin-bottom: 7.7rem;}

    /* 메인 글자 크기 */
    /* p {line-height: 24px;} */


    /* 모바일 메뉴 */
    #m_menu .m_nav {margin: 9rem auto;}

}