@charset "utf-8";

/*font*/
@font-face {
    font-family: 'scdream'; 
    font-style: normal; 
    font-weight: 400; 
    src:local(※), url(../font/SCDreamRegular.woff2) format('woff2'),
    url(../font/SCDreamRegular.woff) format('woff'),
    url(../font/SCDreamRegular.otf) format('opentype');
}
@font-face {
    font-family: 'scdream'; 
    font-style: normal; 
    font-weight: 600; 
    src:local(※), url(../font/SCDreamMedium.woff2) format('woff2'),
    url(../font/SCDreamMedium.woff) format('woff'),
    url(../font/SCDreamMedium.otf) format('opentype');
}
@font-face {
    font-family: 'scdream'; 
    font-style: normal; 
    font-weight: 700; 
    src:local(※), url(../font/SCDreamBold.woff2) format('woff2'),
    url(../font/SCDreamBold.woff) format('woff'),
    url(../font/SCDreamBold.otf) format('opentype');
}


/*Reset*/
*, *:after, *:before{margin:0; padding:0; box-sizing: border-box; word-break:keep-all;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, address, strong, i, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, figure, figcaption, footer, header, 
section, summary, time, mark, audio, video
 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, main, nav, section, samp, cite {display: block;}
h1, h2, h3, h4, h5, h6{clear:both; font-weight:normal;}
ul, ol {list-style: none;}
table {width:100%; border-collapse: collapse; border-spacing: 0; table-layout:fixed;}
a{color: inherit; text-decoration: none; cursor:pointer;}
em, i{font-style:normal;}
input::-ms-clear, input::-ms-reveal {display: none; width : 0; height: 0;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration 
{ display: none; }
input, select, textarea{-webkit-border-radius: 0; border:0; font-family:inherit; outline:0; font-size: inherit; }
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
textarea{resize: none; white-space: pre-line;}

/* input */
input:not(.textbox-text), textarea, select{font-size:1.6rem; vertical-align: middle; color:#181818; background: #fff; border:1px solid rgba(0,0,0,0.3); border-radius: 5px; transition-duration: .2s;}
input.textbox-text{font-size:1.6rem; vertical-align: middle; color:#181818; background: #fff; border:1px solid rgba(0,0,0,0.3); border-radius: 5px; transition-duration: .2s;}
input, select{height:40px; padding:3px 15px 0 15px;}
textarea{min-height: 150px; width:100%; padding:15px;}
input:focus:not(.textbox-text), textarea:focus{border-color: #0D45FF;}
input:read-only:not(.textbox-text){color: #666; border-color: transparent; background: rgba(0,0,0,0.07);}
input[type="password"]:focus:not(.textbox-text), input[type="password"]:valid, input[type="password"]::placeholder{font-family: 'scdream', sans-serif;}
*::placeholder{color:#666;}

/* select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} */

/* button */
button{border:0; outline:0; font-family: 'scdream', sans-serif; background:none; cursor: pointer; font-size: 100%; color:#181818;}

/* img */
img {vertical-align:middle; border:0}

html{position:relative; width:100%; height:100%; font-size:10px;}

body{position:relative; font-family: 'scdream', sans-serif; height:100%; font-weight:400; font-size:1.6rem; color:#181818;}

/* hidden */
legend, .hidden{visibility:hidden; position:absolute; left:-9999em; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999em}

/* scroll */
/* 스크롤바 설정*/
::-webkit-scrollbar{width: 13px; height: 13px;}  
/* 스크롤바 막대 설정*/
::-webkit-scrollbar-thumb{background-color: #c2c2c2; border-radius: 13px; background-clip: padding-box; border:3px solid transparent;}
/* 스크롤바 뒷 배경 설정*/
::-webkit-scrollbar-track{background-color: #F2F3F7; border:1px solid rgba(0,0,0,0.07); border-radius: 0;}
/* 스크롤바 버튼 설정*/
::-webkit-scrollbar-button{display: block; width:0; height:0;}
 /* 스크롤바 우측 하단의 코너 설정 */
::-webkit-scrollbar-corner{background-color: #F2F3F7;}