@charset "utf-8";
/* 
Reset & Set Stylesheet
v1.0.1
First Updated: 2016-02-14
Last Updated: 2018-04-06
Author: OBS 
*/
/***** RESET *****/
html,body {height: 100%;}
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, 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:inherit; 
vertical-align:middle;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", AppleGothic, verdana, sans-serif, helvetica;
font-weight: 400;
/* word-break:keep-all !important; -ms-word-break:keep-all; -webkit-text-size-adjust:none; */
word-break: keep-all;
}
button,a,input {
outline:none;
/* iOS 터치하이라이트 비활성화 */
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
/* 안드로이드 터치 하이라이트 비활성화 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-appearance:none;
background: none;
border: none;
}
/* 크롬 숫자input 화살표 가리기 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

/*html, body {height:100%;}*/
::placeholder {color: #d4d4d4;}

body {line-height:1; word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none; font-size:18px;}

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} /* IE 8/9/10/11 기본적 세로 스크롤 막대를 제거 */

input, select, textarea, button, optgroup {font-size:100%; vertical-align:middle; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0; padding: 0;}

em, address{font-style:normal;}

/* img{vertical-align:top; max-width: 100%;} */

/* Hyper Link */
a, a:link, a:visited, a:active, a:hover{text-decoration:none}

/* Form Type (html5 & 모바일 적용) */
legend { font-size: 0; color: transparent; }
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:none; border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0}
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}

/* blind */
caption, .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}

/* 이미지 막기 */
body img {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}





/***** SET *****/
/* elip */
.elips {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/* float */
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.aftClear:after {content:""; display:block; height:0; overflow:hidden; clear:both;}

/* vertical align */
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

/* text align */
.tl {text-align:left !important;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}

/* display */
.db {display:block !important;}
.dib {display:inline-block !important;}
.hide {display:none !important;}

/* etc */
.csp {cursor:pointer;}
.poss {position:static !important;}
.posr {position:relative !important;}
.posa {position:absolute !important;}
/* margin */
.mc {margin:0 auto;}
.mt0 {margin-top:0 !important;}
.mt2 {margin-top:2px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

/* padding */
.p0 {padding:0 !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pb0 {padding-bottom:0px !important;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}

.pt10b10 {padding-top:10px !important; padding-bottom:10px !important;}

/* width */
.w100p {width: 100% !important;}