@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

@font-face {
	font-family: 'NanumSquareL';
	src: url('/css/font/NanumSquareL.eot'); /* IE9 Compat Modes */
    src: url('/css/font/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/css/font/NanumSquareL.woff') format('woff'), /* Modern Browsers */
        url('/css/font/NanumSquareL.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('/css/font/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg'); /* Legacy iOS */       
    font-style:   normal;
    font-weight:  300;
}

@font-face {
	font-family: 'NanumSquareR';
	src: url('/css/font/NanumSquareR.eot'); /* IE9 Compat Modes */
    src: url('/css/font/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/css/font/NanumSquareR.woff') format('woff'), /* Modern Browsers */
        url('/css/font/NanumSquareR.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('/css/font/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg'); /* Legacy iOS */
        
    font-style:   normal;
    font-weight:  400;
}

@font-face {
	font-family: 'NanumSquareB';
	src: url('/css/font/NanumSquareB.eot'); /* IE9 Compat Modes */
    src: url('/css/font/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/css/font/NanumSquareB.woff') format('woff'), /* Modern Browsers */
        url('/css/font/NanumSquareB.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('/css/font/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg'); /* Legacy iOS */
        
    font-style:   normal;
    font-weight:  700;
}

@font-face {
	font-family: 'NanumSquareEB';
	src: url('/css/font/NanumSquareEB.eot'); /* IE9 Compat Modes */
    src: url('/css/font/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/css/font/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
        url('/css/font/NanumSquareEB.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('/css/font/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */
        
    font-style:   normal;
    font-weight:  900;
}

::-webkit-input-placeholder { /* WebKit browsers */ color: #adadbe;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #adadbe; opacity: 1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #adadbe; opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #adadbe;}

html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;font-family:'NanumSquareR', "Lato", sans-serif;-webkit-font-smoothing: antialiased;}
html, body {height:100%; font-size:14px; line-height:1.5em; color:#666;}
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%;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    min-height: 100vh;
    min-height: -webkit-fill-available;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
    border-spacing: 0;
}
th, td {word-wrap:break-word;word-break:break-all;display: table-cell;border-collapse:collapse;}

*, ::before, ::after {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

input, select {color:#777;font-family:'NanumSquareR', "Lato",sans-serif;vertical-align:middle;font-weight:300;}
input{line-height: normal;border:0;}
input[type="password"] {font-family: "Lato", sans-serif !important;}
input[type="text"], input[type="password"] {border:1px solid #c5c5c5; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-border-radius:0;-moz-border-radius:0px;-ms-border-radius:0px;border-radius:0px;-webkit-appearance:none;line-height:36px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;transition: all 0.2s ease-in-out 0.2s;outline: none;text-indent:10px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="text"]:focus-visible, input[type="password"]:focus-visible {
    border: 1px solid #ed1c24;-webkit-box-shadow: 0px 0px 7px rgb(237 28 36 / 20%);-moz-box-shadow: 0px 0px 7px rgb(237 28 36 / 20%);box-shadow: 0px 0px 7px rgb(237 28 36 / 20%);
}
input[type="button"]{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-border-radius:0;-moz-border-radius:0px;-ms-border-radius:0px;border-radius:0px;-webkit-appearance:none;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; vertical-align:middle; margin-right:4px; width:18px; height:18px; cursor:pointer;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
textarea {overflow: auto;color:#333333;-webkit-appearance: none;border-radius:0px 0px;font-family:'NanumSquareR', "Lato",sans-serif;border:1px solid #c5c5c5;background-color: #f8f8f8;padding:10px;width:100%;}
input[type="checkbox"], input[type="radio"] {display:none;}
input[type="checkbox"] + label, input[type="radio"] + label {position:relative;cursor: pointer;padding-left:24px;white-space: nowrap;}
input[type="checkbox"] + label::before {content: "";background-color:#fff;display: block;position: absolute;top: 50%;left: 0;margin-top: -9px;width: 18px;height: 18px;border:1px solid #d1d1d1;}
input[type="checkbox"]:checked + label::before {background:#ed1c24 url(/image/common/icon_check.png) 50% 50% no-repeat;border:0;}
input[type="radio"] + label::before {content:"";display:block;position: absolute;width:16px;height:16px;border:1px solid #c1c1c1;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;top: 50%;left: 0;margin-top: -8px;} 
input[type="radio"]:checked + label::before {border:5px solid #ed1c24;}

select {
    border:1px solid #c5c5c5; min-width:100px; box-sizing:border-box; border-radius:0;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;padding-right: 25px;cursor: pointer;
    background:#fff url(/image/common/icon_select.png) calc(100% - 10px) 50% no-repeat;line-height: 38px;padding-left: 10px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}
select::-ms-expand {display:none;}
select:focus {outline:none;}
button, html input, label {cursor: pointer;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}
button[disabled], html input[disabled]{cursor: default;}
button {border:0;}
button, label {vertical-align:middle;}

h2, h3, h4, h5, h6 {font-weight:800;}
img {height:auto;font-size:0;line-height:0;}
img, object, embed {max-width: 100%;}
a {color: #333;text-decoration: none;}
a:hover {color:#ed1c24;text-decoration:none;}
em, address {font-style: normal;}
option {padding-right: 6px;}

hr{-moz-box-sizing: content-box; box-sizing: content-box; height: 0;padding-bottom:30px;border:none;margin:0;}

.InputFileWrap .input_file_text, .input_file_text, .input_file_div {vertical-align:middle;}
.InputFileWrap .input_file_text {width:calc(100% - 135px);}
.input_file_text, .input_file_div {display:inline-block;zoom:1;}
.input_file_div button {min-width:130px;line-height: 40px;padding:0;}
.input_file_div {position: relative;overflow: hidden;line-height: 36px;}
.input_file_hidden {font-size: 18px;position: absolute;right: 0;top: 0;filter: Alpha(opacity=0);opacity: 0;-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;cursor: pointer;height: 100%;width: 100%;}


/* 모바일 ------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 640px){
    input[type="text"], input[type="password"] {line-height: 34px;}
    .InputFileWrap .input_file_text {line-height: 36px;}
    select {line-height: 36px;}
}

@media screen and (max-width: 480px){
    input[type="checkbox"] + label, input[type="radio"] + label {font-size:12px;}
    input[type="checkbox"] + label::before {width: 16px;height: 16px;}
}

@media screen and (max-width: 320px){
    input[type="text"], input[type="password"], select {font-size:12px;}
    input[type="text"], input[type="password"] {line-height: 32px;}
    select {line-height: 34px;}
}