@charset "utf-8";

/*************************************************
	웹폰트 지정 :Noto Sans KR
*************************************************/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/*************************************************
	RESET
*************************************************/
body, html {width:100%;margin:0;padding:0;}
html {height:100%;font-size:10px;}
body {min-width:320px;height:100%;line-height:1.333;color:#888;font-size:14px;font-family:"Noto Sans KR","Microsoft Yahei","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;-webkit-text-size-adjust:none;}
div,p,h1,h2,h3,h4,h5,h6,
section, article, aside, footer, figure, figcaption, nav, blockquote,
ul,ol,li,dl,dt,dd,
table,tr,thead,tbody,tfoot,td,th,
a,span,strong,em,i,img,address,time,
form,fieldset,legend,
input,textarea,select,label,button, pre,
iframe {margin:0;padding:0;border:0;word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;}
section, article, aside, footer, figure, figcaption, nav, main {display:block;}
img {border:0;vertical-align:top;}
address, em, cite {font-style:normal;}
time {display:inline-block;}
hr {height:0;-moz-box-sizing:content-box;box-sizing:content-box;}
mark {background:none;}
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}
td, pre {word-break:break-all;}
caption {width:0;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden;}
li {list-style-type:none;}
legend {width:0;height:0;line-height:0;position:absolute;top:0;left:0;border:0;font-size:0;visibility:hidden;overflow:hidden;}
button {margin:0;padding:0;border:none;background:none;cursor:pointer;overflow:visible;}
button,
select {text-transform:none;}
input,
button,
select,
textarea {line-height:1.333;color:#555;font-size:14px;outline:none;}


/*************************************************
	BASE TAG
*************************************************/
input,
select,
textarea {width:100%;line-height:1.42857143;margin:0 auto;border:1px solid #d6dce0;border-radius:3px;background-color:#fff;font-family:"Noto Sans KR","Microsoft Yahei","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;-webkit-appearance:none;appearance:none;}
input,
select {vertical-align:middle;}
input[type=checkbox],
input[type=radio] {width:auto !important;height:auto !important;padding:0;position:relative;top:-1px;vertical-align:middle;}
select {padding:0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {font-family:"Noto Sans KR","Microsoft Yahei","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;-webkit-appearance:button;cursor:pointer;}
button[disabled] {border-color:#dbdfe2;color:#dbdfe2;cursor:default;}
html input[disabled],
select[disabled] {border-color:#999;color:#999;cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
input[readonly],
input[disabled],
textarea[readonly],
textarea[disabled] {background-color:#eee !important;color:#999 !important;}
input[type=tel]:disabled {-webkit-text-fill-color:#999;-webkit-opacity:1;color:#999;}
label {cursor:pointer;}
textarea {padding:10px;height:150px;box-sizing:border-box;resize:vertical;overflow:auto;}
optgroup {font-weight:bold;}
::-webkit-input-placeholder {color:#7bccd5;}
::-moz-placeholder {color:#7bccd5;} /* firefox 19+ */
:-ms-input-placeholder {color:#7bccd5;} /* ie */
input:-moz-placeholder {color:#7bccd5;}
input[disabled]::-webkit-input-placeholder {color:#999;}
input[disabled]::-moz-placeholder {color:#999;} /* firefox 19+ */
input[disabled]:-ms-input-placeholder {color:#999;} /* ie */
input::-ms-clear {display:none;}
select::-ms-expand{border:0;background:transparent;color:transparent;}
a {color:#00bdcd;text-decoration:none;}
.hid {position:absolute !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;text-indent:-999px !important;}
input::-webkit-contacts-auto-fill-button {position:absolute;right:0;visibility:hidden;display:none !important;pointer-events:none;}
input::-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset;}
select::-ms-expand {display:none;}
body.ie9,
.ie9 input,
.ie9 select,
.ie9 textarea {font-family:Malgun Gothic, "맑은고딕", sans-serif;}

/*** desktop ***/
@media (min-width:769px) {
	html{font-size:20px;}
}
/*** mobile ***/
@media (max-width:768px) { 
	html{font-size:10px;}
	img {width:100%;}
}