@charset "utf-8";/* 
Reset & Set Stylesheet
v1.0.1
First Updated: 2016-08-01
Last Updated: 2016-08-05
Author: OBS
*/

/***** 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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;word-break:normal;letter-spacing:-0.1rem; } 
sup {margin:0;padding:0;border:0;font-size:100%;font:inherit;word-break:normal; } 

html { font-size:62.5%; height:100%; }

body {width:100%; height:100%;font-family:'Noto Sans KR';/* font-family: "NanumSquareRound"; */ /* font-family: "NanumSquare"; */color:#1C1C1C; } 
body *{box-sizing:border-box;}

/* :focus{border:2px solid red;} */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } 
body { line-height:1.5; word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none; height:100%; } 
ol, ul, dl, li, menu { list-style:none; padding:0; margin:0; } 
blockquote, q { quotes:none; } 
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none } 
table { border-collapse:collapse; border-spacing:0; } 
/* textarea { overflow:auto; outline:none; }  */
/* input, select, textarea, button, optgroup { font-size:100%; vertical-align:middle; color:#444444; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0; }  */
/* em, address { font-style:normal; }  */
button { border:none 0; cursor:pointer; } 
select option { font-size:1.4rem; } 
.disabled { background: #eeeeee; border:0!important; } 
select:disabled,
input:disabled { background: #eeeeee; color:#777777; } 
input:read-only { background: #eeeeee; } 
/* Hyper Link */
a, a:link, a:active, a:hover, a:visited { text-decoration:none; color:#1c1c1c;} 
/* a { position:relative; } 
a::after { position:absolute; content:""; width:100%; height:0.5px; background-color:#5a5a5a; left:0; bottom:-0.5px; } */


/* Form Type (html5 & 모바일 적용) */
input[type='tel'],
input[type='number'],
input[type='email'],
input[type='text'],
input[type='password'],
input[type='submit'],
input[type='search'],
input[type='submit'],
input[type='reset'],
input[type='file'] { -webkit-appearance:none;} 
input[type='checkbox'] { -webkit-appearance:checkbox } 
input[type='radio'] { -webkit-appearance:radio } 
input[type='number'] { -webkit-appearance:none } 
input[type='search']::-webkit-search-cancel-button { -webkit-appearance:none } 
input { color:#1c1c1c!important; } 

/* textarea { resize:none; padding:0; border:1px solid #dcdcdc; }  */

/* input[type=number]::-webkit-inner-spin-button, */
/* input[type=number]::-webkit-outer-spin-button */
 /* { */
 /* -webkit-appearance: none; margin: 0; }  */

/* input[type=number]{-moz-appearance: textfield; }  */

input[type="text"],
input[type="password"],
input[type="number"],
select{ height:4.0rem; border:1px solid #dcdcdc; font-size:1.4rem; box-sizing:border-box; }

/* placeholder font*/
/* ::-webkit-input-placeholder { font-family:"NanumGothic" }  */
/* :-moz-placeholder { font-family:"NanumGothic" }  */
/* ::-moz-placeholder { font-family:"NanumGothic" }  */
/* :-ms-input-placeholder { font-family:"NanumGothic" }  */

input:disabled { background:#f5f5f5; } 
input{outline:0;}

/*/셀렉트박스/*/
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display:none; } 
select {
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background:#fff url("../../img/select-arrow-log.png") no-repeat 50%;
    background-position: calc(100% - 0.5rem); /* 화살표 모양의 이미지 */
} 


/* a:link { color: red; text-decoration: none; } 
a:visited { color: black; text-decoration: none; } */

/* blind */
.blind { overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:-1; width:1px; height:0px; font-size:0; line-height:0; white-space:nowrap; text-indent: -9000px; } 
caption, legend { overflow:hidden; height:0px; font-size:0; line-height:0; white-space:nowrap; text-indent: -9000px; } 



/* .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }  */

/* .btn_file_plus { display:inline-block; font-size:1.4rem; color:#303030; font-weight:900; width: 50px; height: 4.0rem; font-weight: bold; background: #888888; border: 1px solid #888888; color: #fff; font-size: 1.5rem;display:inline-block;line-height:4.0rem;text-align:center;box-sizing:border-box;margin-left:1.0rem; }  */



@media screen and (max-width: 1280px) {html { font-size:50%; } }


@media screen and (max-width: 780px) {/* html { font-size:45%; } */}



/***************************************************
포커스
***************************************************/
/* *:focus{outline:2px dotted #303030!important; outline-offset: -0.2rem;} */

input{background:#ffffff;}