@charset "utf-8";

html { font-size:62.5%; }

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
ul, li , dl, dt, dd, p, section, input, select,
header, bottom, :after, :before, * { margin:0; padding:0; border:0; box-sizing:border-box; } /* vertical-align: baseline; outline: 0; ie 외 브라우저 포커싱 사라지는 문제로 제거 */

ul, ol { list-style:none; padding:0; margin:0; }

em, i { font-style:normal; }
a { text-decoration:none; display:inline-block; }

* html { height:1px; }

h1, .h1 {  line-height:1.2; }
h2, .h2 { font-size:3.6rem; line-height:1.2; }
h3, .h3 { font-size:3rem; line-height:1.2; margin-bottom: 1.5rem }
h4, .h4 { font-size:2.4rem; line-height:1.2; }
h5, .h5 { font-size:2rem; line-height:1.2; }
h6, .h6 { font-size:1.8rem; line-height:1.2; }

@media (max-width:768px){
	h2, .h2 { font-size:3.2rem; }
	h3, .h3 { font-size:2.4rem; }
	h4, .h4 { font-size:2rem; }
	h5, .h5 { font-size:1.9rem; }
	h6, .h6 { font-size:1.8rem; }
}


.h1, .h2, .h3, .h4, .h5, .h6 { font-weight:700; }

/*p, span, div { line-height:1.5; }*/

body { font-size:1.7rem; font-family:'pgov', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color:#1E2124; letter-spacing:-0.5px; line-height:1.5;  }

input, select, option, textarea, button { font-size:1.6rem;  font-family:'pgov', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; padding:0; vertical-align:middle; margin:0; }


label, .media { cursor: pointer; margin: 0; }
input:disabled ~ label { cursor: inherit; }

.skip { display:none; }

.skiplabel,
.labelskip,
.sr-only { position:absolute; left:-1000px; top:0; width:0; height:0; font-size:0; line-height:0; }

.clear{ display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }


hr, caption, legend { display:none; }

address, cite { font-style:normal;}

fieldset, img, abbr, acronym { border:0 none; margin:0; padding:0; }
table {	border-collapse:separate; border-spacing:0;	border:0 none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

img { vertical-align:top; border:none; }

button, 
input[type=submit] { cursor:pointer; }

table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }



a { display:inline-block; color:inherit; text-decoration:none; }
input:focus,
button:focus,
a:focus { outline:.2rem solid; }

.underline { text-decoration:underline; text-underline-offset:.3rem; }

.clear { display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }







a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}


input[type="date"],input[type="number"],input[type="text"],input[type="password"] {
    -webkit-appearance: none;
}

input[type="datetime-local"], input[type="date"], input[type="number"], input[type="text"], input[type="password"], input[type="file"], select {
    height: 48px;
    line-height:48px;
    padding: 0 0 0 6px;
    border: 1px solid #ddd !important;
    vertical-align: middle;
    box-sizing: border-box;
    background: #fff;
	border-radius:5px;
}

input, textarea {
    -webkit-ime-mode: active;
    -moz-ime-mode: active;
    -ms-ime-mode: active;
    ime-mode: active;
}

textarea {
    padding: 10px;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    box-sizing: border-box;
	min-height:250px;
}



@media (max-width:768px){
	input[type="date"],input[type="number"],input[type="text"],input[type="password"],select { margin:5px 0; }
}

@media (max-width:480px){
	input[type="text"] { width:100%; }
}


input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}


input[type="checkbox"] {
    width: 1em;
    height: 1em;
}

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

/* Chrome의 증가/감소 버튼의 커서 모양을 수정. * `input` 요소의 특정 `font-size` 값에 대해 감소 버튼의 커서 모양이 `default`에서 `text`로 변한다. */
input[type="search"]:-webkit-search-cancel-button, input[type="search"]:-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type="submit"].btn-lg {
    font-size: 16px;
}




/*드래그시 컬러*/
::-moz-selection {background:#E0F2F1; color:#00796B;}
::selection {background: #E0F2F1; color:#00796B;}






input[type="text"][readonly],
input[type="text"]:disabled,
input:disabled,
input[readonly] { background:#D0D4D7; border-color:#8A949E; color:#8A949E; }