@charset "utf-8";   

*{margin:0;  padding:0; }
html{font-family:'Pretendard'; font-weight:400; font-size: 16px; color:#000; }

/*Reset*/
h1, h2, h3, h4, h5, h6, h7 {clear:both; font-weight:normal;}
/*article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section { display: block;  }*/
textarea, select, input, td { color:#000;}
table {border-collapse: collapse;  border-spacing:0;  }
th, strong {font-weight: normal}
td {word-break:break-all;  }
img {vertical-align:middle;  border:0}
ol, ul, li {list-style: none;  }
fieldset{border:0;  }
input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"] {height:50px;  padding:0 20px;  overflow:hidden;  border:1px solid #bebebe; font-size: 18px;}
input[type=radio], input[type=checkbox] { vertical-align:middle;  }
textarea {padding: 15px; box-sizing: border-box;  border: 1px solid #ddd;}
button {background: inherit ; border: 0; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
button:hover {opacity:0.8}
em, i, address{font-style:normal;  }
input:focus { outline: none; }

/*Common*/
a {color: inherit; text-decoration:none;  }
header, nav, aside, section, article{display:block; }

select {position: relative; appearance: none; -webkit-appearance: none; font-size: 18px; display: inline-block; padding: 0 40px 0 20px; height: 50px; border: 1px solid #ddd; border-radius: 50px; background-image: url('/images/etc/bbs_select.svg'); background-size: 15px; background-position : calc(100% - 20px) 50%; background-repeat: no-repeat; box-sizing: border-box; font-family:'Pretendard'; min-width: 240px;}
select::-ms-expand { display:none; opacity: 0}

select.no_line {position: relative; appearance: none; -webkit-appearance: none; font-size: 16px; display: inline-block; padding: 0 30px 0 10px; height: 50px; border: 0; border-radius: 0; background: none; background-image: url('/images/etc/bbs_select.svg'); background-size: 15px; background-position : right center; background-repeat: no-repeat; box-sizing: border-box;}
select.full {width: 100%}

input[type='checkbox']{
    width: 30px;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    outline: none;
    box-shadow: none;
    background: url('/images/etc/input_check.svg') no-repeat center center;
    background-size: contain;
}
input[type='checkbox']:checked{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    box-shadow: none;
    background: url('/images/etc/input_check_on.svg') no-repeat center center;
    background-size: contain;
}
.all_check input[type='checkbox'] {background: url('/images/etc/input_check.svg') no-repeat center center; margin-right: 5px}
.all_check input[type='checkbox']:checked {background: url('/images/etc/input_check_on_wh.svg') no-repeat center center;}

input[type='checkbox'].check_full {
    width: 30px;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    outline: none;
    box-shadow: none;
    background: url('/images/etc/input_check_full.svg') no-repeat center center;
    background-size: contain;
}
input[type='checkbox'].check_full:checked{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    box-shadow: none;
    background: url('/images/etc/input_check_on.svg') no-repeat center center;
    background-size: contain;
}

input[type='radio']{
    width: 30px;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    outline: none;
    box-shadow: none;
    background: url('/images/etc/input_radio.svg') no-repeat center center;
    background-size: contain;
}

input[type='radio']:checked{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    box-shadow: none;
    background: url('/images/etc/input_radio_on.svg') no-repeat center center;
    background-size: contain;
}
input[type="text"] {width: 100%; min-width: 240px; box-sizing: border-box; padding:0 20px; height: 50px; border: 1px solid #ddd; border-radius:50px;}
input[type="password"] {width: 100%; min-width: 240px; box-sizing: border-box; padding:0 20px; height: 50px; border: 1px solid #ddd; border-radius:50px;}
input[type="number"] {width: 100%; min-width: 240px; box-sizing: border-box; padding:0 20px; height: 50px; border: 1px solid #ddd; border-radius:50px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="tel"] {width: 100%; min-width: 240px; box-sizing: border-box; padding:0 20px; height: 50px; border: 1px solid #ddd; border-radius:50px;}
input[type="email"] {width: 100%; min-width: 240px; box-sizing: border-box; padding:0 20px; height: 50px; border: 1px solid #ddd; border-radius:50px;}

textarea {width: 100%; box-sizing: border-box; padding: 20px; border: 1px solid #ddd; border-radius:20px; font-size: 18px}



.transition {   
	 -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

/*font*/
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 100;
    src: url('/fonts/NotoSansKR-Thin.eot');
    src: url('/fonts/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'),
    url('/fonts/NotoSansKR-Thin.woff') format('woff'),
    url('/fonts/NotoSansKR-Thin.ttf') format('truetype');
}

/* 24-01-09 LEE */
input[type='text'].error {
    border: 1px solid red;
}
input[type='number'].error {
    border: 1px solid red;
}