@charset "utf-8";
/* 
Reset & Set Stylesheet
v1.0.1
First Updated: 2016-08-01
Last Updated: 2019-12-21
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, 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:"Noto Sans KR";
font-weight: 400;
/* word-break:keep-all !important; -ms-word-break:keep-all; -webkit-text-size-adjust:none; */
word-break: break-word;
line-height: 1;
letter-spacing: -0.5px;
font-size: 16px;
outline:none;
}
img {-webkit-touch-callout:none !important}
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;
padding: 0;
}

.safari input {line-height: 1 !important;}
.safari input::-webkit-input-placeholder {line-height: 1.5 !important;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

/*html, body {height:100%;}*/
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; color: #000; border: 1px solid #888;}
select:invalid {color: #888;}

body {line-height:1; word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none}
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}
strong {font-weight: bold !important;}
textarea {overflow:auto} /* IE 8/9/10/11 기본적 세로 스크롤 막대를 제거 */
input, select, textarea, button, optgroup {font-size:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0; border:0;outline:0 /* 겁근성 사용시 해제 */}
button {cursor:pointer;}
em, address{font-style:normal;}

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

/* Form Type (html5 & 모바일 적용) */
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, legend, .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 *****/
/* @media only screen and (min-width:1024px){
	
	html {scrollbar-arrow-color: #f5f5f5;
        scrollbar-Track-Color: #f5f5f5; 
        scrollbar-base-color: #f5f5f5;
        scrollbar-Face-Color: #ccc;
        scrollbar-3dLight-Color: #f5f5f5;         
        scrollbar-DarkShadow-Color: #f5f5f5;
        scrollbar-Highlight-Color: #ccc;
        scrollbar-Shadow-Color: #f5f5f5
	}
	::-webkit-scrollbar {
	width: 5px;
	}
	::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #f5f5f5; 
	border-radius: 3px;
	}
	::-webkit-scrollbar-thumb {
	background: #ccc; 
	border-radius: 3px;
	}
} */

/* 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 !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}
.vbl {vertical-align: baseline !important;}

/* 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;}
.dn {display:none !important;}

/* board */
.bd0 {border:0 !important;}
.bdt0 {border-top:0 !important;}
.bdl0 {border-left:0 !important;}
.bdr0 {border-right:0 !important;}
.bdb0 {border-bottom:0 !important;}

/* etc */
.csp {cursor:pointer;}
.tdu {text-decoration: underline;}
.ellipsis { display: block; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; overflow: hidden; } /* 말줄임 */
.ellipsis1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; } /* 1행 말줄임   */
.ellipsis2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; } /* 2행 말줄임   */

/* margin */
.mc {margin:0 auto !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !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;}
.mr0 {margin-right:0px !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;}
.mb5 {margin-bottom:5px !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 */
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}