@charset "utf-8";

/* 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-size:100%;word-break:keep-all;box-sizing:border-box;outline:0 none;line-height:1.5;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:inherit;}
html,body {height:100%;}
html {width:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}
body {-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ol,ul {list-style:none;}
em,i,address {font-style:normal;}
img {max-width:100%;border:0; outline:none;}
video {min-width:100%;max-width:100%;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;empty-cells:show;text-align:center;word-wrap:break-word;}
caption {overflow:hidden; width:0px; height:0px; font-size:0px; line-height:0px;}
legend {font-size:0;}
input,textarea,select,button,label {display:inline-block;vertical-align:top;outline:0 none;}
button {overflow:hidden; padding:0; margin:0; border:none; background:transparent;}
label {cursor:pointer;}
iframe, object, video, embed {position:relative; top:0; left:0; max-width:100%;}

/* link */
a,a:hover {text-decoration:none;}
a,button,input {-webkit-tap-highlight-color:rgba(255,255,255,0);}
a, a:hover, a:active, a:focus, button, input, [role="button"], [tabindex="0"], a[tabindex] {outline:0 solid transparent;}
*:hover {
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

/* 숨기기 */
hr, .hide {position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;}

/* font */
body, html, a, button, table, input, select, textarea {font-family:'gmarket Sans KR', sans-serif;color:#444;font-size:14px;letter-spacing:-.025em;}
body, html {}


/* form */
input {width:100%;border: 1px solid #d1d1d1;color: #000;}
input::-webkit-input-placeholder {color:#888;}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="price"],
input[type="search"],
input[type="email"],
input[type="time"],
input[type="month"],
input[type="date"],
input[type="url"],
input[type="image"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"],
input[type="price"],
{-webkit-appearance:none;-moz-appearance:none;-webkit-border-radius:0;border-radius:0;box-sizing:border-box;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;


}
input[type="button"],
input[type="submit"],
input[type="reset"],
button {padding:0;line-height:normal !important;}
input[type="button"] {width:auto;background-color:transparent;}
input[type="file"] {width:100%;height:100%;opacity:0;}
select {width:100%;outline: none;
/* -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
			border-radius:0;
			border:1px solid #e2e2e2;
			background: url('../../images/web/cont/select_ic.png') 95% 50% no-repeat;
			background-size:12px; */
}
select[multiple] {overflow:auto;}
button {border:0;background:transparent;cursor:pointer;}
button[disabled] {cursor:default;}

input[type="hidden"],
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}

textarea {border:1px solid #e2e2e2;background:#fff;color:#333;padding:10px;border-radius:3px;font-size:13px;}
textarea::-webkit-input-placeholder {color:#888;}

input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 8px #ccc;
-moz-box-shadow:  0 0 8px #ccc;
box-shadow: 0 0 8px rgba(0 0 0 / 30%);
border: 1px solid #000 !important;
}

input[readonly='readonly']:focus,
input[readonly]:focus {border:1px solid #D9D9D9 !important;box-shadow:none !important;}
