@charset "utf-8";

/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
html {height:100%;}
body {height:100%;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none; }
a:active {text-decoration:none;}
img{border:0px; max-width:100%;}
img, a, label, span{vertical-align:middle;}
li{list-style: none;}
table{border-collapse:collapse;width:100%;}
address,caption,cite,code,dfn,em,var,h1,h2,h3,h4,h5,h6 {font-style:normal;font-weight:normal;}
caption,legend,caption *,legend *{position:absolute; left:-10000px; line-height:0; font-size:0;}
fieldset{border:solid 0px black;padding:0;}
button{border:none; background:none; cursor:pointer; outline:none;}

body,a,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel], [type=submit],select,h1, h2, h3, h4, h5, h6, pre,textarea, button{
font-family:"Pretendard","MalgunGothic","맑은 고딕","돋움","tahoma","sans-serif"; line-height:1.4; color:#333; font-weight:400; letter-spacing:-0.2px;}

html,body{font-size:16px;}
@media screen and (max-width: 1200px) {html,body{font-size:15px;}}
@media screen and (max-width: 960px) {html,body{font-size:14px;}}
@media screen and (max-width: 768px) {html,body{font-size:13px;}}

[type=text], [type=password],[type=email], [type=number], [type=tel]{padding-left:10px; box-sizing:border-box; vertical-align:middle; border:solid 1px #ddd; background-color:#fff; height:40px; line-height:38px; outline:none;}
[type=checkbox], [type=radio]{vertical-align:middle;margin:6px 4px 4px 4px;}
select{height:40px; line-height:38px; border:1px solid #ddd; box-sizing:border-box; outline:none;}

[type=file]{padding:0; height:auto; }
textarea{padding:15px; width:100%; border:1px solid #ddd; box-sizing:border-box; resize:none; box-sizing:border-box; outline:none;}
button:focus,
textarea:focus,
select:focus,
input:focus{outline:none;}

input[type=tel],
input[type=password],
input[type=email],
input[type=search],
input[type=text] {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=text]::placeholder{color:#bbb;}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

/* Select box 스타일 초기화 */
select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   /* background: url(../img/common/select_arrow.svg) no-repeat right 10px center #fff !important; */
   background-size:16px !important;
   padding:0 30px 0 10px !important;
}

::-webkit-scrollbar {
   width: 10px;
}

::-webkit-scrollbar-thumb {
   background-color: #222;
   border-radius: 10px;
   background-clip: padding-box;
   border: 2px solid transparent;
}

::-webkit-scrollbar-track {
   background-color: #eee;
   border-radius: 10px;
   box-shadow: inset 0px 0px 5px white;
}

/* Quentin */
@font-face {
   font-family: 'Quentin';
   src: url('font/Quentin.ttf.woff') format('woff'),
      url('font/Quentin.ttf.svg#Quentin') format('svg'),
      url('font/Quentin.ttf.eot'),
      url('font/Quentin.ttf.eot?#iefix') format('embedded-opentype');
   font-weight: normal;
   font-style: normal;
}

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

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

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

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

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

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

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

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

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

/*float 해제*/
* html .clfx { height: 1%; overflow: visible;} /* IE6 float 해제*/
*+html .clfx{ min-height: 1%;} /* IE7 float 해제 */
.clfx:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.clfix{clear: both; content: "."; display: block; height: 0;}

.hid{display:none;}

/* flex */
.d-flex{display:flex;}
.align-center{align-items: center;}
.ju-center{justify-content: center;}
.ml-auto{margin-left:auto;}

/*margin*/
.mr_0{margin-right:0px !important;}
.mr_4{margin-right:4px !important;}
.mr_5{margin-right:5px !important;}
.mr_8{margin-right:8px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_60{margin-right:60px !important;}

.ml_0{margin-left:0px !important;}
.ml_5{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}

.mb_0{margin-bottom:0 !important;}
.mb_5{margin-bottom:5px !important;}
.mb_8{margin-bottom:8px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_120{margin-bottom:120px !important;}
.mb_148{margin-bottom:148px !important;}
@media screen and (max-width: 768px) {
.mb_148{margin-bottom:80px !important;}
.mb_90{margin-bottom:40px !important;}
.mb_70{margin-bottom:30px !important;}
.mb_60{margin-bottom:30px !important;}
.mb_120{margin-bottom:60px !important;}
}

@media screen and (max-width: 768px) {
.mb_10M{margin-bottom:10px !important;}
.mb_20M{margin-bottom:20px !important;}
}

.mt_0{margin-top:0 !important;}
.mt_5{margin-top:5px !important;}
.mt_8{margin-top:8px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_50{margin-top:50px !important;}
.mt_70{margin-top:70px !important;}
.mt_80{margin-top:80px !important;}
.mt_145{margin-top:145px !important;}
@media screen and (max-width: 768px) {
.mt_80{margin-top:40px !important;}
.mt_145{margin-top:70px !important;}
}

@media screen and (max-width: 768px) {
.mt_30M{margin-top:30px !important;}
}

/*padding*/
.pb_0{padding-bottom:0px !important;}
.pb_5{padding-bottom:5px !important;}
.pb_20{padding-bottom:20px !important;}
.pb_25{padding-bottom:25px !important;}

.pt_0{padding-top:0px !important;}
.pt_8{padding-top:8px !important;}
.pt_10{padding-top:10px !important;}
.pt_15{padding-top:15px !important;}
.pt_20{padding-top:20px !important;}
.pt_30{padding-top:30px !important;}
.pt_35{padding-top:35px !important;}
.pt_40{padding-top:40px !important;}
.pt_50{padding-top:50px !important;}

.pl_25{padding-left:25px !important;}
.pl_10{padding-left:10px !important;}
.pl_20{padding-left:20px !important;}
.pl_30{padding-left:30px !important;}

/*text-align*/
.txt_r{text-align:right !important;}
.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}

.bd_r img{border-radius:2em;}

/*background*/
.back_no{background:none !important;}

/*border*/
.bd_l{border-left:none !important;}
.bd_r{border-right:none !important;}

/*ir*/
.ir{overflow:hidden;line-height:0 !important;font-size:0 !important;position:relative;text-indent:-10000px;/*display:inline-block;*/}
.ir *{position:absolute;left:-10000px;top:-10000px;margin:0;padding:0;}

/*float*/
.f-l{float:left;}
.f-r{float:right;}