@charset 'utf-8';
@import url('webfont.css');
/* 초기화 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
header, footer, nav, section, article, aside {
    display: block;
}
body {
    background-color: #fff;
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.6;
}
body.hidden {
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
li {
    list-style: none;
}
h2 {
    margin-bottom: 0.25em;
    font-size: 2.4em;
    text-align: center;
}
ol, ul {
    list-style-type: none;
}
p {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}
img {
    border: 0;
    vertical-align: top;
}
a {
    color: #636363;
    text-decoration: none;
}
a:hover {
    
}
input, select, textarea {
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    font-size: 16px;
    color: #000;
}
table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    /* border: 1px solid #ddd; */
}

/* 공용클래스 */
.wrap {
    width: 96%;
    max-width: 1506px;
    margin: auto;
}
.wrap1 {
    width: 96%;
    max-width: 1200px;
    margin: auto;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
} 
.sound_only {
    position: absolute;
    left: -9999em;
    top: -9999em;
}
.parent {
    position: relative;
}
.table {
    display: table;
}
.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.bdl0 {
    border-left-width: 0;
}
.bdr0 {
    border-right-width: 0;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.75;
}

/* 글자 관련 속성 */
.wh, .wh:hover, .wh a {
    color: #fff !important;
}
.bk, .bk:hover, .bk a {
    color: #000 !important;
}
.gr, .gr:hover, .gr a {
    color: #666 !important;
}
.libre {
    font-family: 'Libre Baskerville', serif;
}
.nt_serif {
    font-family: 'Noto Serif KR', serif;
}
.cambo {
    font-family: 'Cambo', serif;
}
.nn_gothic {
    font-family: 'NanumBarunGothic', sans-serif;
}
/* 스킵 영역 */
#skip {}
#skip a {
    display: block;
    position: fixed;
    left: 0;
    top: -100px;
    width: 100%;
    line-height: 48px;
    background-color: #bd213e;
    color: #fff;
    text-align: center;
    transition: top 0.2s;
    z-index: 9999;
}
#skip a:focus {
    top: 0;
}

/* 헤더 영역 */
#hy_hd {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    background-color: #fff;
}
#hy_hd.bg_change {
    position: fixed;
    background-color: #fff;
}
.hd_top {
    position: relative;
}
.hy_logo {
    width: 371px;
    height: 75px;
    margin: auto;
    background: url('../images/logo.gif') center center no-repeat;
    background-size: contain;
}
.hy_logo a {
    display: block;
    height: 100%;
}
#hy_gnb, .util_menu {
    display: none;
}


#m_chk {display: none;}
.m_chk_label {position: absolute; left: 20px; top: 15px; z-index: 10; display: block; width: 40px; height: 40px;}
.m_chk_label:before, .m_chk_label:after {
    position: absolute;
    left: 4px;
    content: '';
    display: block;
    width: 32px;
    height: 2px;
    background-color: #bd213e;
    transition: 0.3s;
}
.m_chk_label:before {top: 12px;}
.m_chk_label:after {top: 26px;}

/* 모바일용 사이드 메뉴 */
.hy_m_wrap {position: fixed; left: calc(-100% + 70px); top: 0;  width: calc(100% - 70px); height: 100%; padding-top: 80px; background-color: #fff; transition: left 0.3s;}
.hy_m_util_menu {display: block; position: absolute; right: 0; top: 25px;}
.hy_m_util_menu li {float:left; font-size: 0.7em; padding: 10px 1px;}
.hy_m_util_menu li:after {content: '｜';}
.hy_m_util_menu li:last-child:after  {display: none;}
#hy_m_gnb {padding: 0 0 0 20px;}
#hy_m_gnb a {display: block;}
#hy_m_gnb .on a {background-color: #901b30; color: #fff;} 
#hy_m_gnb .depth1 {border-left: 8px solid #6f1121;}
#hy_m_gnb .depth1:after {content: ''; display: block; height: 1px; background-color: #e0e0e0;}
#hy_m_gnb .depth1:last-child:after {display: none;}
#hy_m_gnb .depth1 > a {position: relative; padding-left: 0.8em; line-height: 60px; font-size: 1.2em;}
#hy_m_gnb .depth1 > a:before, #hy_m_gnb .depth1 > a:after {
    position: absolute;
    right: 20px;
    top: 29px;
    content: '';
    display: block;
    width: 12px;
    height: 2px;
    background-color: #6f1121;
    transition: 0.3s;
}
#hy_m_gnb .depth1 > a:before {transform: rotate(90deg);}
#hy_m_gnb .depth1.on > a:before, #hy_m_gnb .depth1.on > a:after {background-color: #fff; transform: none;}
#hy_m_gnb .depth2 {display: none; padding: 20px 0 50px 30px; line-height: 2; background-color: #901b30; color: #fff;}
#hy_m_gnb .depth2 a {color: #fff;}
#hy_m_gnb .depth2 a:before {content: '-'; margin-right: 5px;}


/* 사이드메뉴 작동 구현 */
#m_chk:checked ~ .m_modal {display: block;}
#m_chk:checked ~ .m_chk_label:before, #m_chk:checked ~ .m_chk_label:after {top: 19px; background-color: #666;}
#m_chk:checked ~ .m_chk_label:before {transform: rotate(45deg);}
#m_chk:checked ~ .m_chk_label:after {transform: rotate(-45deg);}
#m_chk:checked ~ .hy_m_wrap {left: 0;}
/* 메인 영역 */
.main_reserve_sec {
    padding: 20px 0;
}
#reserve_form {
    text-align: center;
}
#reserve_form > div {
    padding: 0.5em 0;
}
#reserve_form label {
    display: block;
    text-align: center;
    font-size: 0.9em;
}
#reserve_form input[type=text] {
    width: 90%;
    border: 0;
    font-size: 1.4em;
    text-align: center;
}
.rs_chk, .rs_dash {
    float: left;
}
.rs_chk {
    width: 45%;
    float: left;
}
.rs_dash {
    width: 10%;
    color: #717171;
    font-size: 2.2em;
}
.rs_btn {
    width: 100%;
    border: 0px;
    padding: 0.6em;
    background-color: #a72032;
    cursor: pointer;
} 
.main_more {
    display: block;
    margin: auto;
    width: 80px;
    padding-top: 80px;
    text-align: center;
    border-bottom: 1px solid #666;
}  



/* 푸터 영역 */
#hy_ft {
    padding-bottom: 50px;
    background-color: #303030;
    text-align: center;
}
#hy_ft .wrap {
    position: relative;
    width: 100%;
}
.ft_logo {
    padding: 20px 0;
    background-color: #464646;
}
.ft_menu {
    padding: 4% 5%;
    border-bottom: 1px solid #464646;
    font-size: 0.8em;
    line-height: 2;
    /* max-width: 400px; */
}
.ft_menu a {
    display: inline-block;
    color: #fff;
    line-height: 1;
}
.ft_menu > .ft_menu_df {
    color: #fafadb;
}
.ft_menu a:before {
    float: right;
    content: '';
    display: block;
    width: 1px;
    height: 13px;
    margin: 0 6px;
    background-color: #464646;
}
.ft_menu a:last-child:before {
    width: 0;
}
.ft_sns {
    margin: 1em 0;
}
.ft_sns a{
    padding: 0 0.3em;
    font-size: 1.2em;
    color: #fff;
}
.ft_info_wrap {
    font-size: 0.7em;
}
.ft_info_wrap span {
    display: block;
}
.ft_info1 {
    color: #fff;
}

.ft_info2 {
    padding-top: 1em;
    color: #8b8b8b;
}
.ft_copyright {
    padding-top: 2em;
    color: #8b8b8b;
    font-size: 0.6em;
}
.gototop {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 50px;
    width: 40px;
    line-height: 40px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    background-color: #f00;
    font-size: 1.2em;
}
.gototop:hover {
    color: #fff;
}