@charset "utf-8";
/* 공통 */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@font-face{
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
src:url(../fonts/NotoSansKR-Thin.eot);
src:url(../fonts/NotoSansKR-Thin.eot) format('embedded-opentype'),
  url(../fonts/NotoSansKR-Thin.woff) format('woff'),
  url(../fonts/NotoSansKR-Thin.otf) format('.otf');
}
@font-face{
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 200;
src:url(../fonts/NotoSansKR-Light.eot);
src:url(../fonts/NotoSansKR-Light.eot) format('embedded-opentype'),
  url(../fonts/NotoSansKR-Light.woff) format('woff'),
  url(../fonts/NotoSansKR-Light.otf) format('.otf');
}
@font-face{
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
src:url(../fonts/NotoSansKR-DemiLight.eot);
src:url(../fonts/NotoSansKR-DemiLight.eot) format('embedded-opentype'),
  url(../fonts/NotoSansKR-DemiLight.woff) format('woff'),
  url(../fonts/NotoSansKR-DemiLight.otf) format('.otf');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
src:url(../fonts/NotoSansKR-Regular.eot);
src:url(../fonts/NotoSansKR-Regular.eot) format('embedded-opentype'),
 url(../fonts/NotoSansKR-Regular.woff) format('woff'),
 url(../fonts/NotoSansKR-Regular.otf) format('.otf');

}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
src:url(../fonts/NotoSansKR-Medium.eot);
src:url(../fonts/NotoSansKR-Medium.eot) format('embedded-opentype'),
   url(../fonts/NotoSansKR-Medium.woff) format('woff'),
   url(../fonts/NotoSansKR-Medium.otf) format('.otf');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
src:url(../fonts/NotoSansKR-Bold.eot);
src:url(../fonts/NotoSansKR-Bold.eot) format('embedded-opentype'),
   url(../fonts/NotoSansKR-Bold.woff) format('woff'),
   url(../fonts/NotoSansKR-Bold.otf) format('.otf');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
src:url(../fonts/NotoSansKR-Black.eot);
src:url(../fonts/NotoSansKR-Black.eot) format('embedded-opentype'),
   url(../fonts/NotoSansKR-Black.woff) format('woff'),
   url(../fonts/NotoSansKR-Black.otf) format('.otf');
}

@font-face {
  font-family: 'NotoSerifKR';
  font-weight: 200;
  font-style: normal;
  src: url('../fonts/NotoSerifCJKkr-ExtraLight.woff2');
  src: url(../fonts/NotoSerifCJKkr-ExtraLight.woff) format('woff'),
   url(../fonts/NotoSerifCJKkr-ExtraLight.otf) format('.otf');
}
@font-face {
  font-family: 'NotoSerifKR';
  font-weight: 300;
  font-style: normal;
  src: url('../fonts/NotoSerifCJKkr-Light.woff2');
  src: url(../fonts/NotoSerifCJKkr-Light.woff) format('woff'),
   url(../fonts/NotoSerifCJKkr-Light.otf) format('.otf');
}
@font-face {
  font-family: 'NotoSerifKR';
  font-weight:normal;
  font-style: normal;
  src: url('../fonts/NotoSerifCJKkr-Regular.woff2');
  src: url(../fonts/NotoSerifCJKkr-Regular.woff) format('woff'),
   url(../fonts/NotoSerifCJKkr-Regular.otf) format('.otf');
}
@font-face {
  font-family: 'NotoSerifKR';
  font-weight:500;
  font-style: normal;
  src: url('../fonts/NotoSerifCJKkr-Medium.woff2');
  src: url(../fonts/NotoSerifCJKkr-Medium.woff) format('woff'),
   url(../fonts/NotoSerifCJKkr-Medium.otf) format('.otf');
}
@font-face {
  font-family: 'NotoSerifKR';
  font-weight:600;
  font-style: normal;
  src: url('../fonts/NotoSerifCJKkr-SemiBold.woff2');
  src: url(../fonts/NotoSerifCJKkr-SemiBold.woff) format('woff'),
   url(../fonts/NotoSerifCJKkr-SemiBold.otf) format('.otf');
}
@font-face {
  font-family: 'NotoSerifKR';
  font-weight:700;
  font-style: normal;
  src: url('../fonts/NotoSerifCJKkr-Bold.woff2');
  src: url(../fonts/NotoSerifCJKkr-Bold.woff) format('woff'),
   url(../fonts/NotoSerifCJKkr-Bold.otf) format('.otf');
}
@font-face {
  font-family: 'NotoSerifKR';
  font-weight:900;
  font-style: normal;
  src: url('../fonts/NotoSerifCJKkr-Black.woff2');
  src: url(../fonts/NotoSerifCJKkr-Black.woff) format('woff'),
   url(../fonts/NotoSerifCJKkr-Black.otf) format('.otf');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
 /*src:url(/fonts/Roboto-Regular.eot);*/
 src:/*url(../fonts/Roboto-Regular.eot) format('embedded-opentype'),*/
     url(../fonts/Roboto-Regular.woff) format('woff'),
	 url(../fonts/Roboto-Regular.woff2) format('woff'),
     url(../fonts/Roboto-Regular.otf) format('.otf');
}
@font-face {
    font-family: 'NanumSquareR';
    font-style: normal;
    font-weight: 400;
 src:url(/fonts/NanumSquareR.eot);
 src:url(../fonts/NanumSquareR.eot) format('embedded-opentype'),*/
     url(../fonts/NanumSquareR.woff) format('woff'),
	 url(../fonts/NanumSquareR.woff2) format('woff'),
     /*url(../fonts/NanumSquareR.otf) format('.otf');*/
}

@font-face {
    font-family: 'Hans';
    font-style: normal;
    font-weight: 900;
	text-decoration:underline;
 src:url(../fonts/SpoqaHanSansNeo-Bold.eot);
 src:url(../fonts/SpoqaHanSansNeo-Bold.eot) format('embedded-opentype'),
     url(../fonts/SpoqaHanSansNeo-Bold.woff) format('woff'),
     url(../fonts/SpoqaHanSansNeo-Bold.otf) format('.otf');
}
html{
  color:#000;
   -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
   -moz-text-size-adjust: none; /*Firefox*/
   -ms-text-size-adjust: none;  /*Ie*/
   -o-text-size-adjust: none; /*old versions of Opera*/
}
*{box-sizing: border-box;font-family:'Noto Sans KR', Sans-serif,"Malgun Gothic" ,"맑은 고딕" , Roboto, Arial;}
/*a,body,dd,div,dl,dt,h1,h2,h3,h4,h5,input,li,ol,p,html,ul,button,textarea*/html, textarea, input{font-weight:400;letter-spacing:-0.025em;line-height:1.5;font-size:14px;word-break:keep-all;}
a,body,dd,div,dl,dt,h1,h2,h3,h4,h5,html,li,ol,p,ul{padding:0;margin:0;}
li,ol,ul{list-style:none}
a,img{border:none}
img{max-width:100%}
a+a,img,input+a,input+button{vertical-align:middle}
a{text-decoration:none;display:inline-block; color:#000;}
a:hover{text-decoration: none;}
input[type=number],input[type=password],input[type=tel],input[type=text],input[type=date],select,textarea{border:1px solid#e6e5e4 ;padding:15px;box-sizing:border-box; color:#000;font-size:14px;background:#fff;vertical-align:middle; border-radius: 5px; height: 43px; line-height: 43px; letter-spacing: -0.05em;}
input{appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
}

input[type=chekbox],input[type=radio]{padding-right:8px; display: none;}
input+input,
input+input+label,
select+input+label,
button+input+label,
select+select,
select+input,
input+select{margin-left: 5px;}
.chk{display: none;}
label{margin-right:5px}
label:last-child{margin-right:0}
label+input[type=checkbox]+label,
label+input[type=radio]+label{margin-left: 10px;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
h1,h2,h3,h4,h5,h6{font-weight:400}i{font-style:normal}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}

table{border-collapse:collapse;width:100%;border-spacing:0}
th{text-align:center}
td{text-align:left}
table>caption{position:absolute;text-indent:-9999px}
button{border:0;background-color:transparent;cursor:pointer}
button:disabled{cursor:not-allowed}
button,input,textarea{-webkit-appearance:none}
select,
textarea,
input[type=text]{width:100%;}
textarea{min-height: 45px; text-align: left;}
input[type=tel]{width:40px; min-width:40px; margin-right: 4px;}
input[type=number]{-moz-appearance:textfield;}
/*input:disabled{background-color:rgba(255,255,255,0);cursor:not-allowed}*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#cccccc;opacity:1; font-size:16px;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#cccccc;opacity:1; font-size:16px;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#cccccc;opacity:1; font-size:16px;}
input::placeholder,textarea::placeholder{color:#cccccc;opacity:1; font-size:16px;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cccccc;opacity:1; font-size:16px;}
select:disabled, 
input[readonly],
textarea[readonly]{/*background: rgba(0,0,0,.03); color:rgba(0,0,0,.8); border-color:rgba(0,0,0,.07); */opacity: 1; cursor:url("../../img/common/icon_cursor.png"),auto;}
input[readonly]:focus,
textarea[readonly]:focus{outline: none;}
input:focus{outline: none}
input:disabled::-webkit-input-placeholder,
input[readonly]::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder,
textarea[readonly]::-webkit-input-placeholder{color:rgba(0,0,0,.2);opacity:1}
input:disabled:-ms-input-placeholder,
input[readonly]:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder{color:rgba(0,0,0,.2);opacity:1}
input:disabled::-ms-input-placeholder,
input[readonly]::-ms-input-placeholder,
textarea:disabled::-ms-input-placeholder,
textarea[readonly]::-ms-input-placeholder{color:rgba(0,0,0,.2);opacity:1}
input:disabled::placeholder,
input[readonly]::placeholder,
textarea:disabled::placeholder,
textarea[readonly]::placeholder{color:rgba(0,0,0,.2);opacity:1}
input:disabled:-ms-input-placeholder,
input[readonly]:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder{color:rgba(0,0,0,.2);opacity:1}
input::-ms-clear,
input::-ms-reveal,
textarea::-ms-clear,
textarea::-ms-reveal{display:none}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button{-webkit-appearance:none}
textarea{line-height:1.5}
textarea{resize: none;}
img{border:0;vertical-align:middle}
hr{display: none;}
input+button,
textarea+button{margin-left: 3px;}
button { border:none; appearance: none; background-color:transparent; } 

select{height: 44px; width:auto; line-height: inherit; padding-inline:5px; padding-block: 0; font-size:14px;}
/*select{
-webkit-appearance: none;
-moz-appearance: none; 
appearance: none;
background: url('../img/common/select_arrow.png') no-repeat #fff; background-position: calc(100% - 10px) center;}
select::-ms-expand{ 
display:none; /* 화살표 없애기 for IE10, 11
}*/

/*스크롤*/
/*.scroll { scrollbar-track-color:transparent; scrollbar-face-color:#d6dfde; } 
.scroll::-webkit-scrollbar { opacity: 0; width:10px; } 
.scroll::-webkit-scrollbar-thumb { background-color: #d6dfde;
  border-radius: 10px;
  background-clip: padding-box;
  border: 3px solid transparent;
} 
.scroll::-webkit-scrollbar-track { background-color:transparent;
  border-radius: 10px;
} */
.scroll { scrollbar-track-color:#e5ebea; scrollbar-face-color:var(--point); } 
.scroll::-webkit-scrollbar { opacity: 1; width:12px; } 
.scroll::-webkit-scrollbar-thumb {background-color: var(--point); border-radius: 10px; background-clip: padding-box; border: 3px solid transparent; 
} 
.scroll::-webkit-scrollbar-track { background-color:transparent;
  border-radius: 10px;
}
.scroll_lock { overflow-y: hidden; } 
.scroll_lock2{overflow-y:hidden ;}/*팝업이 중첩일 경우를 위해*/