/*
@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
/*=================================================================================
* Reset
=================================================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, em, img, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0;}
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
h1,h2,h3,h4,h5  {font-weight:normal; font-size:100%;}
ul,li {list-style: none;}


a {margin:0; padding:0; text-decoration:none; color:inherit;}
img {vertical-align:top; }
*{
    box-sizing: border-box;
    font-family:'Nanum Gothic', 'Montserrat';
}
.term {
	background-color:#ffffff;
	font-size: 3.981vw;
	padding:3px 3px 40px 3px;
}*/

@charset "utf-8";

@import url(reset.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);

html.active, body.active{ overflow: hidden !important; }
.clear::after {
    content: '';
    display: block;
    clear: both;
}
body{ position: relative; font-family: "Noto Sans KR", 'Spoqa Han Sans Neo', 'Spoqa Han Sans JP', sans-serif;  }

/* ================= 헤더 ================= */
header{ width: 100%; overflow: hidden; }
.hTop {padding: 6.8421vw 4.6053vw 0; position: relative;}
.hTop .left {float: left; margin-top: -12px; margin-left: -10px;}
.hTop .left a {
    display: block; 
    width: 40px;
    height: 40px;
    background: url(../images/menu.png) no-repeat center center;
    background-size: 7.2632vw;
    /* width: 5.2632vw; */
}
.hTop .left a img {width: 100%;}
.hTop .left a {}
.hTop .right {float: left;}
.hTop .right h1 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.hTop .right a {display: block; width: 52.6316vw;}
.hTop .right a img {width: 100%;}

/* ================= 헤더 상단 ================= */



/* ================= 페널 ================= */
#panel .panelBg{ width: 100%; height: 2.6315vw; background-color: #eee; }
.panel-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
    background: rgb(67, 67, 67, 77%);
}
.panel-bg.on {
    display: block;
}
#panel{ 
    position: fixed; 
    left: -100%; 
    top: 0; 
    width: 93%; 
    height: 100%; 
    overflow-y: auto; 
    background-color: #fff; 
    z-index: 200; transition: 0.4s; }
#panel.active{ left: 0; }
#panel::-webkit-scrollbar{ display: none; }
#panel .topWrap { background:#D4A046 }
#panel .top{ 
    position: relative; 
    width: 100%; 
    padding: 13.1579vw 2.8947vw 8.5526vw; 
    box-sizing: border-box; 
}
#panel .top > p a{ 
    line-height: 19.7368vw; 
    color: #fff;
    font-size: 4.2105vw; 
    padding: 0 3.9474vw;
    font-weight: 500;
    box-sizing: border-box;
}
#panel .top > p span {
    font-size: 6.3158vw;
    font-weight: 700;
    letter-spacing: 0.2px;
    /*color: #ffd32c;*/
}
#panel .top > a{ 
    position: absolute; 
    top: 19.7368vw; 
    right: 5.9473vw ; 
    width: 5.8158vw; 
    height: 5.8158vw;  
    background-image: url(../images/close_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.panel_price {
    height: 11.5789vw;
    background: linear-gradient(-45deg, #ffca0073, #ffca0073);
    border-radius: 3.2895vw;
    padding: 0 6.5789vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.price-left {
    font-size: 0;
    display: flex;
    align-items: center;
}
.price-right {
    font-size: 0;
    display: flex;
    align-items: center;
}
.price-left img {
    width: 8.1579vw;
}
.price-left span{
    font-size: 4.6053vw;
    font-weight: 500;
    letter-spacing: 1.2px;
    color: #fff;
    display: inline-block;
    margin-left: 2.6316vw;
}
.price-right span {
    font-size: 2.3684vw;
    color: #fff;
    font-weight: 700;
}
.price-right .yellow {
    font-size: 4.2105vw;
    font-weight: 700;
    color: #ffcc02;
    margin-right: 2.8947vw;
}

/* ================= 페널 아이콘 ================= */
#panel .bottom ul{ display: flex; flex-wrap: wrap; }
#panel .bottom ul li{ position: relative; width: 33.33%; height: 27.1053vw; border-right: 0.2631vw solid #949494; border-bottom: 0.2631vw solid #949494; box-sizing: border-box; }
#panel .bottom ul li a{ display: block; width: 100%; text-align: center; font-size: 3.2895vw; color: #0e0e0e; font-weight: 700;}
#panel .bottom ul li img{ display: block; margin: 4.7895vw auto 3.02vw; height: 11.3158vw; }
#panel .bottom ul li:nth-child(2) img{ height: 11.3158vw; margin: 4.7895vw auto 3.02vw;}
#panel .bottom ul li:nth-child(10) img{ height: 9.2105vw; margin: 6.5789vw auto 3.5526vw; }
#panel .bottom ul li:nth-child(11) img{ height: 9.2105vw; margin: 6.5789vw auto 3.5526vw; }


.chat-bot {
    background: #e9edf9;
    height: 17.8947vw;
    margin: 3.0263vw 2.3684vw 3.3421vw;
    border-radius: 1.9737vw;
    box-sizing: border-box;
    position: relative;
    padding-left: 3.2895vw;
    display: flex;
    align-items: center;
}
.chat-bot a {
    display: flex;
    align-items: center;
    font-size: 0;
}
.chat-bot a img {
    width: 14.8684vw;
    margin-right: 2.8947vw;
}
.chat-bot a span {
    color: #333;
    font-size: 3.9474vw;
    font-weight: 700;
}
.chat-bot a span img {
    position: absolute;
    right: 0;
    width: 3.4211vw;
    top: 50%;
    transform: translateY(-50%);
}
.n_content {
	margin-top:23.6842vw
}