* {margin:0; padding:0; }
html, body { min-width:300px; margin:0; padding:0; font-family: 'SpoqaHanSansNeo-Regular', 'sans-serif';}
ol, ul {list-style: none; margin:0; padding:0;}
a { text-decoration:none; }

p, span, div, a, h1, h2, h3, h4, h5, h6 {word-break: keep-all;}


/* 폰트 */
@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Thin';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'paybooc-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paybooc-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paybooc-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 폰트 */

.wrap {width:100%;}
.wrap_top_line {margin-top:95px;}


/* header */
.m_menu {display: none;}

.top_slide_pc {display: block;}
.top_slide_m {display: none !important;}

.top_slide_area {width:100%; height:80px;}

@media (max-width:600px){
    .top_slide_pc {display: none !important;}
    .top_slide_m {display: block !important;}

    .top_slide_area {height:68px;}
}
@media (max-width:450px){
    .top_slide_area {height:auto; width:100%;}
}

header {width:100%; height:95px; background-color:#fff; z-index:50;border-bottom: 1px solid #e8e8e8; align-items: center; justify-content: center;}

.top_ilne_fixed {top:0; position:fixed; }

.header {width:100%; height:100%; display: flex; align-items: center; justify-content: center;}

.header > figure {position: absolute; left:80px;}

.pc_menu {height:100%; display: flex; }
.pc_menu > li {display: flex; flex-flow:wrap; justify-content: center; align-items: center;}
.pc_menu > li > div {margin-left:90px; }
.pc_menu > li > div:nth-of-type(1) {margin-left: 0;}
.pc_menu > li > div > a {font-size: 16px; letter-spacing: -1px; color:#000; font-weight: 500;}

.m_menu_list {width:100%; height:100vh; position: absolute; background-color: rgba(0,0,0,0.8); top:calc(-100vh - 80px); left:0; transition: all 0.9s; z-index: 9999;}
.m_menu_list > li {height:100%; display: flex; flex-flow: column; justify-content: center; align-items: center;}
.m_menu_list > li > div > a > p {font-size: 30px; font-weight: bold; color:#fff; letter-spacing: -1px; margin-bottom: 45px; text-align: center;}
.m_menu_list > li > div:last-child > a {margin-bottom: 0;}

.close_m_menu {display: none;}
.dis_none {display: none;}
.dis_block {display: block;}

.m_menu_list.drop_down {top:0;}

@media (max-width:1600px) {
    .pc_menu {margin-left: 111px;}
    .pc_menu > li > div {margin-left: 50px;}
}
@media (max-width:1200px) {
    .header > figure {left:50px;}

    .pc_menu {margin-left: 111px;}
    .pc_menu > li > div {margin-left: 35px;}
}
@media (max-width:1100px) {
    .pc_menu {display: none;}

    .m_menu {display: flex; cursor: pointer; z-index: 99999;}
    .header {max-width:90%; margin:auto; justify-content: space-between;}
    .header > figure {position:unset;}
}
@media (max-width:700px) {
    .m_menu_list > li > div > a > p {font-size: 22px; margin-bottom: 40px;}
}
@media (max-width:450px) {
    header {height:85px;}
    .m_menu_list > li > div > a > p {font-size: 18px; margin-bottom:20px;}
}


.brand_area{
    position: fixed;
    bottom: 113px;
    right: 12px;
    z-index: 101;
    background-color: rgba(255,255,255,0.95);
    width: 400px;
    border-radius: 10px;
    overflow: hidden;
}
.brand_area .tit{
    text-align: center;
    padding: 13px 0;
    position: relative;
}
.brand_area .tit .close_btn{
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translateY(-50%);
    cursor: pointer;
}
.brand_area ul li{
    height: 93px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}
.brand_area ul li img{
    display: block;
    margin: 0 auto 4px;
}
.brand_area ul li img:nth-of-type(2){
    display: none;
}
.brand_area ul li p{
    color: #141414;
    font-size: 14px;
}
.brand_area ul li:hover{
    background-color: #e50012;
}
.brand_area ul li:hover p{
    color: #fff;
}
.brand_area ul li:hover img:nth-of-type(1){
    display: none;
}
.brand_area ul li:hover img:nth-of-type(2){
    display: block;
}

@media (max-width:450px){
    .brand_area{
        width: 90%;
        right: 50%;
        transform: translateX(50%);
    }
}


.new_floating_menu{
    position: fixed;
    bottom: 10px;
    right: 12px;
    width: 189px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 101;
}
.new_floating_menu li{
    width: 46%;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 8px;
}
.new_floating_menu li:nth-of-type(1){
    opacity: 0;
}
.new_floating_menu li img{
    display: block;
    width: 100%;
    cursor: pointer;
}
.new_floating_menu li img:nth-of-type(2){
    display: none;
}
.new_floating_menu li:nth-of-type(1){
    margin-bottom: 15px;
}
.new_floating_menu li:nth-of-type(2){
    margin-bottom: 15px;
}

@media (max-width:450px){
    .new_floating_menu{
        bottom: 25px;
        right: 22px;
        width: 87px;
    }
    .new_floating_menu li:nth-of-type(1),
    .new_floating_menu li:nth-of-type(2){
        margin-bottom: 8px;
    }
    .new_floating_menu li:nth-of-type(4){
        box-shadow: none;
    }
    .new_floating_menu li img:nth-of-type(1){
        display: none;
    }
    .new_floating_menu li img:nth-of-type(2){
        display: block;
        border-radius: 4px;
    }
}