@charset "utf-8";

*{-webkit-text-size-adjust:none;word-break:break-all;}
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;appearance:none;-moz-appearance:none;resize:none;/* outline:0; 제거 */}

html,body{position:relative;width:100%;height:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);}
body,object,iframe,
h1,h2,h3,h4,h5,h6,div,span,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,figure,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
form,fieldset,legend,a,textarea,input,select,option,button,label,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;/* outline:0; 제거 */background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;
}

/*input[type=checkbox] {*/
/*	-webkit-appearance:auto;appearance:auto;-moz-appearance:auto;*/
/*}*/

/* =====  Media ===== */
audio:not([controls]){display:none;height:0;}

/* =====  Link ===== */
a:link{text-decoration:none;}
/* a:focus{outline:thin dotted;} */
a:active,a:hover{outline:0;text-decoration:none;}
a:visited{text-decoration:none;}

/* =====  Typography ===== */
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:inherit;}
b{font-weight:bold;}
strong{/*font-weight:normal;*/vertical-align:middle;}
hr{display:none;box-sizing:content-box;height:0;}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal;}
abbr, acronym, img, button{border:0;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
sub, sup{line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
/*span,em{vertical-align:top;}*/

/* List */
ul, ol, li{list-style:none;}

/* =====  Figures ===== */
figure{margin:0;}

/* =====  Forms ===== */
button{cursor:pointer;}
button, input, select, textarea{border:0 none; outline:0 none; /*background-color:#fff;}
/* button, select{text-transform:none;} */
textarea{vertical-align:top;border:solid 1px #ccc;}

/* =====  Table ===== */
table{border-collapse:collapse;empty-cells:show;border-spacing:0;table-layout:fixed;}
table caption, fieldset legend{display:none;}

/*==========================================================================
 - summary :common
==========================================================================*/
abbr[title]{border-bottom:1px dotted;}

/* Align */
.ta-r, .right{text-align:right !important;}
.ta-l, .left{text-align:left !important;}
.ta-c, .center{text-align:center !important;}
.va-t{vertical-align:top !important;}
.va-m{vertical-align:middle !important;}
.va-b{vertical-align:bottom !important;}
.fl-l{display:inline-block;float:left !important;vertical-align:middle;}
.fl-r{display:inline-block;float:right !important;vertical-align:middle;}
.over-h{overflow:hidden;width:100%;}
.clear{clear:both !important;}
.clear-l{clear:left !important;}
.clear-r{clear:right !important;}
.pos-a{position:absolute !important;}
.pos-r{position:relative !important;}

/* display style */
.block{display:block;}
.inline{display:inline !important;}
.in-block {display: inline-block !important;}

/* Font */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}

/* hidden */
.blind{visibility:hidden;font-size:0;text-indent:-20000px;}
.none{display:none !important;}

/* Text overflow with ellipsis (줄임말) */
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:140%;}
.ellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:140%;} 
.no-ellipsis {text-overflow:initial !important;overflow:visible !important;white-space:initial !important;}

/* 영역을 벗어나는 텍스트 줄 바꿈 처리(예:긴 URL) */
.break{word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;}

/* webkit box */
.hbox{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;}
.vbox{display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;}
.hbox > *, .vbox > *{display:block}

.ss{-webkit-box-pack:start;-webkit-box-align:start;-moz-box-pack:start;-moz-box-align:start;box-pack:start;box-align:start;}		/*1/4 */
.es{-webkit-box-pack:end;-webkit-box-align:start;-moz-box-pack:end;-moz-box-align:start;box-pack:end;box-align:start;}			/*2/4  */
.sc{-webkit-box-pack:start;-webkit-box-align:center;-moz-box-pack:start;-moz-box-align:center;box-pack:start;box-align:center;} 			/*3/4 */
.se{-webkit-box-pack:start;-webkit-box-align:end;-moz-box-pack:start;-moz-box-align:end;box-pack:start;box-align:end;}		/*1/4 */
.ee{-webkit-box-pack:end;-webkit-box-align:end;-moz-box-pack:end;-moz-box-align:end;box-pack:end;box-align:end;}			/*4/4 */
.cc{-webkit-box-pack:center;-webkit-box-align:center;-moz-box-pack:center;-moz-box-align:center;box-pack:center;box-align:center;}		/*중앙  */
.js{-webkit-box-pack:justify;-webkit-box-align:start;-moz-box-pack:justify;-moz-box-align:start;box-pack:justify;box-align:start;}
.jc{-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;}
.je{-webkit-box-pack:justify;-webkit-box-align:end;-moz-box-pack:justify;-moz-box-align:end;box-pack:justify;box-align:end;} 

/* flex */
.flex>*{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}
.flex0{-webkit-box-flex:0 !important;}
.flex{-webkit-box-flex:1 !important;}
.flex2{-webkit-box-flex:2 !important;}
.flex3{-webkit-box-flex:3 !important;}
.flex4{-webkit-box-flex:4 !important;}
.flex5{-webkit-box-flex:5 !important;}
.flex6{-webkit-box-flex:6 !important;}

.w100p, .full{width:100% !important;}
.h100p{height:100% !important;}

::-webkit-input-placeholder{color:#9b9b9b;}

/* search, number 초기화 */ 
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{-webkit-appearance: none}

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none;}