@charset "utf-8";
/*basic reset*/
html,body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Noto Sans KR', sans-serif;
    overflow-x:hidden;
}
ul {margin-block-start: 0em;margin-block-end: 0em;padding-inline-start: 0px; padding-inline-end: 0px;padding-left:0px;}
li{ list-style:none; }
area:focus{
  border: none;
  outline:none;
  outline-style: none;
  -moz-outline-style:none; 
}
input:focus {
    outline:none;
    outline-style: none;
    -moz-outline-style:none;
}
a,a:hover,a:active,a:visited {text-decoration:none;}

/*table*/
table {border-collapse:collapse;}
.table{display:table;}
.table-row{display:table-row;}
.table-cell{display:table-cell; margin:0px 0px 0px 0px;}
table td.nl {border-left:none;}
table td.nr {border-right:none;}

.flex_between {display:flex;justify-content:space-between;}
.pos_re {position:relative;}

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

.f_pretendard {font-family:'Pretendard',sans-serif;}
.f_gmarket {font-family:'GmarketSansMedium',sans-serif;}
.f_gmarketB {font-family:'GmarketSansBold',sans-serif;}

/*pc-mo 구분 클래스*/
.pc {display:block;}
.tb {display:none;}
.mo {display:none;}
.pc_tb {display:block;}
.tb_mo {display:none;}

/*visual*/
.vis_wrap {
    position:relative;
    overflow:hidden;
}
.vis_wrap~div,.vis_wrap~section {box-sizing:border-box;}
.vis_wrap~div div,.vis_wrap~section div {box-sizing:border-box;}

@media handheld, only screen and (max-width: 1024px) {
    .mw100 {width:100%;} .mw95 {width:95%;} .mw90 {width:90%;} .mw85 {width:85%;} .mw80 {width:80%;} .mw75 {width:75%;} .mw70 {width:70%;} .mw65 {width:65%;} .mw60 {width:60%;} .mw55 {width:55%;} .mw50 {width:50%;} .mw45 {width:45%;} .mw40 {width:40%;} .mw35 {width:35%;} .mw30 {width:30%;} .mw25 {width:25%;} .mw20 {width:20%;} .mw15 {width:15%;} .mw10 {width:10%;}
    
    /*pc-mo 구분 클래스*/
    .pc {display:none;}
    .tb {display:block;}
    .mo {display:none;}
    .pc_tb {display:block;}
    .tb_mo {display:block;}
    
    /*visual*/
    .vis_wrap {
        line-height:0;
    }
}
@media handheld, only screen and (max-width: 500px) {
    /*pc-mo 구분 클래스*/
    .pc {display:none;}
    .tb {display:none;}
    .mo {display:block;}
    .pc_tb {display:none;}
    .tb_mo {display:block;}
}