@charset "utf-8";

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;500;700&display=swap'); /*'Noto Sans KR', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;800&display=swap'); /*'Montserrat', sans-serif;*/

/*'Noto Sans KR', sans-serif;*/
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
} 
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}


/*'Gmarket Sans'*/
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@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;
}
@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;
}


/* FONT CLASS */
.f_mont{font-family:'Montserrat', sans-serif !important;}
.f_gsL{font-family:'GmarketSansLight' !important; font-weight:lighter !important;}
.f_gsM{font-family:'GmarketSansMedium' !important; font-weight:normal !important;}
.f_gsB{font-family:'GmarketSansBold' !important; font-weight:bold !important;}


/* RESET */
*{margin:0; padding:0; font-family:'Noto Sans KR', sans-serif; -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html, body{font-size:14px; font-weight:300; line-height:1.3em; letter-spacing:-0.02em; width:100%; height:100%; min-width:360px; margin:0 auto; position:relative;overflow-y:auto;}
html{-webkit-touch-callout:none; /*-webkit-user-select:none;*/ -webkit-tap-highlight-color:rgba(0,0,0,0);} /*mobile*/
html{-ms-overflow-style:none; scrollbar-width:none;}
/*html::-webkit-scrollbar{display:none;}*/

a{text-decoration:none; outline:none; color:#000;}
fieldset, img{border:0;}
i, em, address{font-style:normal; font-weight:normal;}
ul, li, dl{list-style:none}
label{}
table{table-layout:fixed; border-collapse:collapse;}

.cf{} 
.cf:after{clear:both; content:''; display:block}

.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}


/* FORM STYLE */
textarea, input, select{-webkit-border-radius:0px; vertical-align:middle; outline:none; font-size:1rem; font-weight:300; line-height:18px; background-color:#fff; border-radius:3px;}
textarea{resize:none; padding:10px; border:1px solid #c3c3c3;}
textarea[contenteditable]{-webkit-appearance:none}
input[type="text"], input[type="tel"], input[type="password"], input[type="email"]{border:1px solid #c3c3c3; padding:7px 10px; -webkit-appearance:none;}
input[type="checkbox"], input[type="radio"]{width:12px; height:12px; cursor:pointer;}
input[type="button"], input[type="submit"], button{tap-highlight-color:transparent; border:0; outline:0; cursor:pointer; font-weight:300; background-color:transparent;}
select{border:1px solid #c3c3c3; padding:7px 30px 7px 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(../img/common/aw_select.svg) no-repeat right center #fff; background-size:18px;}
select::-ms-expand{display:none;}


/* TEXT STYLE */
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ellipsis_2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;  line-height: 1.4em; height: 2.8em;}
.ellipsis_3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;  line-height: 1.3em; height: 3.9em;}
.ellipsis_5{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; word-wrap:break-word;  line-height: 1.3em; height: 6.1em;}

.txt_center{text-align:center !important;}
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}

.f_blue{color:#007cd0 !important;}
.f_cobalt{color:#2f4591 !important;}
.f_wgray{color:#9d9d9d !important;}
.f_dgray{color:#606060 !important;}
.f_org{color:#ff7200 !important;}
.f_red{color:#e03231 !important;}
.f_dred{color:#7a1212 !important;}
.f_gold{color:#f9cf90 !important;}
.f_dpink {color: #dd298e !important;}
.f_yellow{color:#fff000 !important;}
.f_violet{color:#943690 !important;}



/* BUTTON STYLE */
.btn2{box-sizing:border-box; padding:8px; display:inline-block; border-radius:6px; font-size:1em; line-height:18px;}
.btn2:hover{opacity:0.8; transition-duration:0.3s;}

.btn2.xsmall{font-size:13px; padding:3px 5px; font-weight:300;}
.btn2.small{min-width:60px; padding:8px 15px; font-size:1.071em; font-weight:400;}
.btn2.medium{padding:12px 50px; font-weight:300;}
.btn2.full{padding:12px; width:100%; font-weight:300; text-align:center;}

.btn2.ic_btn{display:flex; justify-content:center; align-items:center;}
.btn2.ic_btn img{margin-right:8px;}

.btn2.blue{background-color:#1f69e3; color:#fff;}
.btn2.dblue{background-color:#02659e; color:#fff;}
.btn2.red{background-color:#d64043; color:#fff;}
.btn2.green{background-color:#007e91; color:#fff; border:1px solid #006574;}
.btn2.grey{background-color:#c9c9c9; color:#666;}
.btn2.dgrey{background-color:#303030; color:#fff;}
.btn2.black{background-color:#000; color:#fff;}
.btn2.orange{background-color:#ff840b; color:#fff;}
.btn2.yellow{background-color:#ffc000; color:#fff;}
.btn2.pink{background-color:#db2db8; color:#fff;}
.btn2.brown_g{background-color:#4f2c1d; color:#e8c79d;}
.btn2.w_line{background-color:none; border:1px solid #fff; color:#fff;}
.btn2.g_line{background-color:none; border:1px solid #e5e5e5; color:#666;}
.btn2.dg_line{background-color:none; border:1px solid #666; color:#666;}
.btn2.bk_line{background-color:none; border:1px solid #000; color:#000;}



/* PADDING */
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}


/* MARGIN */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}