@charset 'utf-8';
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('webfonts.css');

/* 초기화*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* semantic(의미론적인, 의미가 있는) 요소 */
header, footer, nav, aside, section, article {
    display: block;
}
body {
    background-color: #fff;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 16px;
    color: #393939;
    line-height: 1.6;
}
h1{
    font-family: 'Nanum Gothic', sans-serif;
}
h2 {
    font-family: 'Nanum Myeongjo', sans-serif;
    font-size: 27px;
    color: #393939;
}
h3 {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 18px;
    font-weight : 900;
    color: #393939;
}
h4, h5, h6 {
    font-family: 'Nanum Gothic', sans-serif;
}
ol, ul {
    list-style-type: none;
}
a {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #a64208;
}
img {
    border: 0;
}
table {
    width: 100%;
    border-collapse : collapse;
    border-spacing: 0;
}
td,th {
    border: 1px solid #ddd;
    border-width: 1px 0;
}

/*공용클래스*/
.wrap {
    max-width: 1200px;
    margin: auto;
    padding: 0 2%;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.clear {
    clear: both;
}
.sound_only {
    position: absolute;
    left: -9999px;
    top: -9999px
}
.hand {
    cursor: pointer;
}
.top_line:before {
    content: '';
    display: block;
    width: 3em;
    height: 1px;
    background-color: #000;
    margin-bottom: 1em;
}
.center {
    text-align: center;
}
.p0 {
    padding: 0 !important;
}
.m0 {
    margin: 0 !important;
}

/*글자관련클래스*/
.Mapo {
    font-family: 'MapoFlowerIsland', sans-serif;
}
.bk, .bk a {
    color: #000; !important;
}
.wh, .wh a {
    color: #fff !important;
}
.br, .br a {
    color: #a64208 !important;
}

/*배경색 클래스*/
.nt {
    background-color: #ededed;
}

/*바로가기 스킵 영역*/
#skip {}
#skip a {
    position: absolute;
    left: 0;
    top: -40px;
    width: 100%;
    background-color: #a64208;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    color: #fff;
    z-index: 102;
}
#skip a:focus {
    top: 0;
}

/*헤더 영역*/
#header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 101;
    overflow: hidden;
}
.wh_bg {
    display: none;
}
#header>.wrap {
    position: relative;
    padding: 0;
}
.logo {
    float: left;
    width: 155px;
    height: 100px;
    margin: 0 8px;
    background: url('../images/logo_wh.png') 0 center no-repeat;
    background-size: 100%;
}
.logo a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999em;
}
.depth1>a {
    color: #fff;
}

#stone_gnb { /*PC용 메뉴 숨김*/
    display: none;
}

/*모바일 주메뉴 영역*/
#header .m_gnb_open {
    background-image: url('../images/side_menu_btn_o.png')
}
#header .m_gnb_close {
    display: none;
    background-image: url('../images/side_menu_btn_c.png')
}

#stone_m_gnb {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    padding: 15px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 100;
}

#stone_m_gnb_chk {
    display: none;
}
#stone_m_gnb_chk:checked ~ #stone_m_gnb {
    display: block;
}
#stone_m_gnb_chk:checked ~ .util .open {
    display: none;
}
#stone_m_gnb_chk:checked ~ .util .close {
    display: block;
}

#stone_m_gnb .m_logo {
    width: 195px;
    margin: -5px -7px;
}
#stone_m_gnb .m_logo img {
    padding-top: 8px;
    width: 80%
}  
.m_gnb_wrap {
    margin-top: 5px;
}
.m_depth1 {
    border-bottom: 1px solid rgba(225,225,225,0.9);
    line-height: 3em;
}
.m_depth1:nth-child(1) {
    border: 1px solid rgba(225,225,225,0.9);
    border-width: 1px 0 1px 0;
}
#stone_m_gnb .m_depth1>a { /*메인메뉴*/ 
    position: relative;
    display: block;
    padding-left: 30px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 3.5;
}

#stone_m_gnb .m_depth1>a.on {
    color: #a64208;
}
#stone_m_gnb .m_depth1>a:after {
    position: absolute;
    right: 30px;
    top: 27px;
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #000;
    transform: rotate(135deg);
}
#stone_m_gnb .m_depth1>a.on:after {
    transform: rotate(-45deg);
}

.m_depth2 { /*서브메뉴 숨기기*/
    display: none;
}
#stone_m_gnb .m_depth2 {
    padding: 20px 0;
    padding-left: 40px;
    font-size: 0.9em;
    line-height: 3.2;
    background-color: #f4f4f4;
}
#stone_m_gnb .m_depth2 li a {
    display: block;
}

.util {
    float: right;
    position: relative;
    margin-top: 30px;
    padding-right: 40px;    
    font-weight: bold;
    
}
.util li {
    float: left;
    padding: 3px;
    text-indent: -9999em;
}

.util a, .util label {
    display: block;
    width: 100%;
    height: 100%;
}
.util .open {
    background: url('../images/side_menu_btn_o_wh.png') center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.util .close {
    display: none;
    background: url('../images/side_menu_btn_c.png') center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1000;
}
.util .i_login>a {
    text-indent: 0;
    margin-top: 5px;
    color: #fff;
}
.i_search, .i_sitemap, .i_sidemenu {
    width: 40px;
    height: 40px;
}
.i_search {
    background: url('../images/search_wh.png') center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.i_sitemap, .i_sidemenu {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 101;
}
.i_sitemap {
    display: none;
}
.i_sidemenu {}

/*PC 전체 카테고리(모달) 켜기*/
#sitemap_chk {
    display: none;
}
#sitemap_chk:checked ~ .modal {
    display: block;
}
#sitemap_chk:checked ~ .open {
    display: none;
}
#sitemap_chk:checked ~ .close {
    display: block;
}
.rv_btn {
    display: block;
    width: 160px;
    height: 50px;
    padding: 10px;
    margin: auto;
    margin-top: 55px;
    font-size: 1.2em;
    background-color: #5a230f;
}
.rv_info {
    display: block;
    width: 330px;
    height: 100px;
    margin: auto;
    margin-top: 40px;
    font-size: 1.2em;
    font-weight: bold;
}
.inquiry {
    float: left;
}

/*모달 전체 카테고리 영역*/
.modal {
    display: none;
}



/*푸터 영역*/
#footer {
    padding: 0 0 60px;
    background-color: #190e19;
}
.ft_menu_wrap {
    padding: 10px 0;
    border-bottom: 1px solid #5d585d;
}
.ft_menu_wrap>.wrap {
    position: relative;
}
.ft_menu_wrap>.wrap a{
    color: #f19100;
    font-weight: bold;
}
.ft_menu {
    line-height: 40px;
    font-size: 0.85em;
}
.ft_menu a:after {
    color: #f19100;
    content: ' |';
}
.ft_menu a:last-of-type:after {
    content: '';
}
.ft_sns {
    position: absolute;
    right: 0;
    top: 80px;
    z-index: 100;
}
.ft_sns a {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999em;
    background-image: url('../images/ft_sns.png');
    background-size: 300% 100%;
}
.ft_sns a:nth-of-type(2) {
    background-position: -40px 0;
}
.ft_sns a:nth-of-type(3) {
    background-position: -80px 0;
}
.ft_sns a:hover {
    background-image: url('../images/ft_sns_on.png');
}
.ft_logo {
    width: 50%;
    max-width: 200px;
    margin-top: 20px;
}
.ft_logo_img {
    width: 100%;
}
.ft_info_wrap {}
.ft_info_wrap>.wrap {
    position: relative;
    top: 0;
    left: 0;
    color: #7c7c7c;
    font-weight: bold;
    line-height: 2;
}
.ft_info_wrap>.wrap a {
    color: #7c7c7c;
}
.ft_info {
    padding-top: 20px;
    font-size: 0.85em;
}
.ft_info dt, .ft_info dd {
    float: left;
}
.ft_info dt {
    clear: both;
}
.ft_info dt:after {
    content: ':';
    padding: 0 0.3em;
}
.ft_info dd {}

.copy {}
.copy_2 {
    font-weight: normal;
    color: #f19100;
}
.Inform {
    padding-top: 30px;
    font-size: 0.7em;
}

/*메인 공통 영역*/
#main_contents {}
section {
    padding: 100px 0;
}