@charset "euc-kr";

/* WEBFONT */
@import url('https://img.carvillage.co.kr/WebFont/NotoSansKR/NotoSansKR.css'); /* 본고딕 */
@import url('https://img.carvillage.co.kr/WebFont/S-CoreDream/s-coredream.css'); /* 에스코어드림 */
@import url('https://img.carvillage.co.kr/WebFont/GmarketSans/GmarketSans.css'); /* 지마켓산스 */
@import url('https://img.carvillage.co.kr/WebFont/Montserrat/Montserrat.css');

/* 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,article,aside,canvas,details,embed,figure,figcaption,footer,header, hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video, input {margin:0; padding:0; border:0;}
div, span, p, ul, li, dl, dt, dd, ol, a, input[type="text"], input[type="password"], input[type="file"], input[type="tel"], input[type="number"], button, textarea, h1, h2, h3, h4, h5, h6 {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight:400; letter-spacing:-1px;}
a, a:visited {margin:0; padding:0; font-size:100%;text-decoration:none;color:#000}
a:hover {text-decoration:none;}
body{line-height:1;-webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
fieldset, img, abbr, acronym {border:0 none;}
ol, ul { list-style:none; }

caption {visibility:hidden; font-size:0px; width:0px; height:0px; line-height:0;border:0;margin: 0;padding: 0;border:0;}
address {font-weight:normal; font-style:normal;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }
hr { display:none; }
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
input, select {vertical-align:middle;}
textarea {overflow: auto; vertical-align:top;}
img {vertical-align:top; border: 0 none; -ms-interpolation-mode: bicubic;}
mark {background-color:#ff9;color:#000; font-style:italic; font-weight:bold;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block }
audio,canvas, video {display: inline-block;}
nav ul {list-style:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0 none;padding: 0;margin:0;}
button {padding: 0;margin: 0;border:none;background:none;outline:none;cursor:pointer;overflow:visible;vertical-align:middle;}
button[disabled], input[disabled] {cursor: default;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input:focus, button:focus, img:focus, a:focus {outline:none}
table {border-spacing: 0;}
table, tr, td {padding:0;margin:0}
body,input,textarea,select,button,table,pre {font-size:15px; font-family: 'Noto Sans KR', Malgun Gothic,'돋움',Dotum,Helvetica,sans-serif; color:#777; border:0; line-height:18px;}

/* COMMON */
textarea[disabled],
input[disabled],
select[disabled] {background: #ddd;}


/* MARGIN */
.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt105 {margin-top:105px !important;}

.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml-5 {margin-left:-5px !important;}
.ml-10 {margin-left:-10px !important;}
.ml-15 {margin-left:-15px !important;}


/* PADDING */
.p0 {padding:0 !important;}
.p100 {padding:100px !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb70 {padding-bottom:70px !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}

/* WIDTH */

/* HEIGHT */
.hAuto{height:auto; overflow:hidden;}
.h170{height:170px !important;}
.h190{height:190px !important;}


/* BG */
.bg_none {background:none !important;}
.bg_white {background:#fff;}
.bg_blue {background:#007bc2;}
.bg_green {background:#05ae6c;}

/* 이미지 흑백처리 */
.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* IE 6-9 */
  filter: gray;
  filter: grayscale(100%);
  filter: url(desaturate.svg#greyscale);

  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
}

/* 탭 */
.tabCon {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
/* BORDER */
.bd_none {border:none !important;}
.bdr_none {border-right:none !important;}

/* LINE-HEIGHT */
.lh22{line-height:22px;}
.lh30{line-height:30px;}

/* FONT-COLOR*/
.fc_black {color:#000 !important}
.fc_white {color:#fff !important}
.fc_red {color:#ed1b23 !important;}
.fc_gray{color:#444 !important;}
.fc_darkgray{color:#222 !important;}
.fc_lightgray{color:#9e9e9e !important;}
.fc_skyblue{color:#019dd8 !important;}
.fc_orange{color:#ff4800 !important;}

/* FONT-SIZE */
.fs_12 {font-size:12px !important;}
.fs_13 {font-size:13px !important;}
.fs_14 {font-size:14px !important;}
.fs_15 {font-size:15px !important;}
.fs_16 {font-size:15px !important;}
.fs_18 {font-size:18px !important;}
.fs_20 {font-size:20px !important;}
.fs_25 {font-size:25px !important;}

/* FONT-STYLE */
.f_bold{font-weight:600 !important;}
.f_noBold{font-weight:300 !important;}

.bdtn {border-top:none !important;}
.brn {border-right:none !important;}
.bbn {border-bottom:none !important;}
.bln {border-left:none !important;}
.bgn {background:none !important;}

/* ALIGN */
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}

/* FLOAT */
.f_r {float:right;}
.f_l {float:left;}

.clear {clear:both;}
.hidden, .hide{display:none !important;}
.visible {visibility: visible !important;}
.sr-only {position:absolute; overflow:hidden; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}