@charset "UTF-8";
/* @import url('https:/fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */
/* @import url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo.css'); */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap'); */

@font-face {
    font-family: 'GMarketSans';
    src: url('./font/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('./font/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('./font/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}


@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    font-display: swap;
    src: local("Pretendard Black"),
        url(./font/Pretendard-Black.subset.woff2) format("woff2"),
        url(./font/Pretendard-Black.subset.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    font-display: swap;
    src: local("Pretendard ExtraBold"),
        url(./font/Pretendard-ExtraBold.subset.woff2) format("woff2"),
        url(./font/Pretendard-ExtraBold.subset.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    font-display: swap;
    src: local("Pretendard Bold"),
        url(./font/Pretendard-Bold.subset.woff2) format("woff2"),
        url(./font/Pretendard-Bold.subset.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-display: swap;
    src: local("Pretendard SemiBold"),
        url(./font/Pretendard-SemiBold.subset.woff2) format("woff2"),
        url(./font/Pretendard-SemiBold.subset.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-display: swap;
    src: local("Pretendard Medium"),
        url(./font/Pretendard-Medium.subset.woff2) format("woff2"),
        url(./font/Pretendard-Medium.subset.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-display: swap;
    src: local("Pretendard Regular"),
        url(./font/Pretendard-Regular.subset.woff2) format("woff2"),
        url(./font/Pretendard-Regular.subset.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-display: swap;
    src: local("Pretendard Light"),
        url(./font/Pretendard-Light.subset.woff2) format("woff2"),
        url(./font/Pretendard-Light.subset.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    font-display: swap;
    src: local("Pretendard ExtraLight"),
        url(./font/Pretendard-ExtraLight.subset.woff2) format("woff2"),
        url(./font/Pretendard-ExtraLight.subset.woff) format("woff");
}

@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    font-display: swap;
    src: local("Pretendard Thin"),
        url(./font/Pretendard-Thin.subset.woff2) format("woff2"),
        url(./font/Pretendard-Thin.subset.woff) format("woff");
}


/* *{
    font-family: 'GMarketSans';
    list-style: none;
    margin:0;
    padding:0;
    border:0;
    box-sizing:border-box;
     -ms-overflow-style:none;
	 scrollbar-width:none;
}    */

*, *::before, *::after {
    box-sizing: border-box;
    margin:0;
    padding:0;
    border:0;
}

/*--------------------------------------------------------- reset ---------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
}


/** 

이너 pc너비 1280(1180)

기본 컨테이너 여백 
pc - 50px
ta - 40px
mo - 18px 
**/
:root { 
    font-size: 100%;
    --w-inner:1180px; 
    --w-inner-narrow:420px; 
    --pc-padding:0 50px; 
    --ta-padding:0 40px; 
    --mo-padding:0 18px; 
    --pc-header-h:100px; 
    --ta-header-h:90px; 
    --mo-header-h:70px; 
}

body{
    font-family: 'GMarketSans';
    font-size: 1rem; 
    margin:0;
    padding:0;
    width:100%;
    background-color: #FFFFFF;
    /*min-width:1600px;*/
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
}

body.hidden{
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

a{
    color:#000;
    display:block;
    text-decoration:none;
    cursor:pointer;
}


a:hover, a:active{
    text-decoration:none;
}


ol, ul{
	list-style:none;
}


span,
em,
b{
    font-style:normal;
    font-size:inherit;
    letter-spacing:inherit;
}

pre{
    line-height:1.76;
}

table{
    width:100%;
    border-spacing:0;
    border-collapse:collapse;
}
table caption{
    font-size: 0;
    opacity: 0;
    width: 0;
    height: 0;
}

select{
    background: url(/assets/images/cmn/ico-select-arr.svg) no-repeat 50% / 18px;
    background-position-x: calc(100% - 14px);
    padding-left: 10px;
    padding-right: 35px !important;
    background-color: #F4F4F4;
    border: 1px solid #000000;
    border-radius: 10px;
    height: 60px;
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
    background-color: #ffffff;
}

select option{
	font-size:inherit;
}


select::-ms-expand{
    display:none; /* 네이티브 화살표 제거*/
}


select:focus::-ms-value{
	background-color:inherit;
	color:inherit;
}


/* 초기화 */
input:not([type=checkbox],[type=radio],[type=range]),
textarea,
button,
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; 
}


input[type="file"] {
    position: absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

/* 자동완성 */
input:-webkit-autofill,
input:-internal-autofill-selected{
	-webkit-box-shadow:0 0 0 30px #f4f4f4 inset;
	-webkit-text-fill-color:#000000;
}


input::-moz-focus-inner,
button::-moz-focus-inner{
    border:0;
    padding:0;
}



/* readonly & disabled */
input[readonly],
input[disabled],
input[type="checkbox"]:disabled + label::before,
input[type="radio"]:disabled + label::before{
	background-color:#F7F7F7 !important;
	cursor:default;
    color:#232323 !important;
}

input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label{color:#ccc !important;}

input[type="checkbox"]:disabled + label::before,
input[type="radio"]:disabled + label::before{border-color:#a2a2a2 !important;}


::placeholder{
	color:#999999;
    font-size:inherit;
/*     font-weight:400; */
}


button{
	background:none;
    border:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    cursor:pointer;
    vertical-align:middle;
}


address{
    font-style:normal;
}


/* 스크롤 디자인 */
::-webkit-scrollbar{
	width:10px;
	height:10px;
	background-color:#ebebeb;
}


::-webkit-scrollbar-thumb{
	background:#c9c9c9;
}

:focus{
    outline-width: 2px !important;
    outline-style: dotted !important;
    outline-color: #bababa !important;
}
input[type=checkbox]:focus, input[type=radio]:focus {
    outline: none !important;
}
input:focus:not([type=text])+label {
    outline-width: 2px !important;
    outline-style: dotted !important;
    outline-color: #000 !important;
}

/* input:focus{
	outline:none;
	box-shadow:0 0 0 1px #000;
}
	 */


::selection{
	background:#ddd;
}