@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, section, figure, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 { margin: 0; border: 0; padding: 0; }
/*body { font: 400 15px 'Noto Sans Korean','NanumGothicWeb','Nanum Gothic','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif; letter-spacing: -1px; color: #000; line-height: 1.6; word-break: keep-all; word-wrap: break-word; }*/
body { -webkit-text-size-adjust: none; background: #fff; line-height: 1.5; color: #111; font-size: 15px; font-family: 'Roboto','Droid Sans','Malgun Gothic','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; word-break: break-all; }
ol, ul { list-style: none; }
button { overflow: visible; border: 0 none; background-color: transparent; cursor: pointer; }
button:focus { outline: 0; }
button::-moz-focus-inner { padding: 0; border: 0; }
.hidden, legend, caption { width: 0; height: 0; line-height: 0; font-size: 0px; float: left; position: absolute; visibility: hidden; overflow: hidden; display: none; }
p { }
strong { font-weight: bold; }
address { font-style: normal; }

html,body { width: 100%; }
*, :after, :before {
    box-sizing: border-box;           /*W3C*/
	-o-box-sizing: border-box;        /*오페라*/
	-ms-box-sizing: border-box;       /*익스플로러*/
	-moz-box-sizing: border-box;      /*파이어 폭스*/
	-webkit-box-sizing: border-box;   /*사파리 & 크롬*/
}

/***** link *****/
a:link { text-decoration: none; color: #666; }
a:visited { text-decoration: none; color: #666; }
a:hover { color: #666; text-decoration: none; }
a:active { color: #666; text-decoration: none; }
a:focus { color: #666; text-decoration: none; }


/***** form *****/
input[type="text"] { height: 28px; padding: 0 5px; line-height: 22px; border: 1px solid #dbdbdb; vertical-align: middle; color: #464646; } 
input[type="password"] { height: 28px; padding: 0 5px; line-height: 22px; border: 1px solid #dbdbdb; vertical-align: middle; color: #464646; } 
input[type="submit"] {}
textarea { color: #464646; border: 1px solid #dbdbdb; padding: 5px; }
input[type="file"] { cursor: pointer; }
select { color: #464646; border: 1px solid #dbdbdb; cursor: pointer; }

input[type="text"],input[type="tel"],input[type="password"], textarea { outline: none;
	-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;
}
 
input[type="text"]:focus,input[type="tel"]:focus,input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #18afd8 !important;
	-webkit-box-shadow:  0 0 5px #9ed4ff;
	-moz-box-shadow:  0 0 5px #9ed4ff;
	box-shadow: 0 0 5px #9ed4ff;
}

input[type="checkbox"] { display: none; -webkit-appearance: checkbox; }
input[type="checkbox"] + label { vertical-align: middle; cursor: pointer; background: url(../images/ico_checkbox.png) left top no-repeat; width: 20px; height: 20px; display: inline-block; padding: 0 8px 0 0; }
input[type="checkbox"]:checked + label { background: url(../images/ico_checkbox_on.png) left top no-repeat; }


.placeholdersjs { color: #aaa !important; }

/***** heading *****/
h2,h3,h4,h5,h6 { font-size: 27px; font-weight: bold; color: #111; }
h4 { font-size: 15px; line-height: 24px; }
h5 { font-size: 13px; }
h6 { font-size: 13px; }



::selection { color: #fff; background: rgba(0,140,207,0.9); }