/* reset */
@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
*{font-family:'Pretendard' !important;box-sizing: border-box;}
html{scroll-behavior: smooth;}
html, body{height:100%;width: 100%; margin: 0; padding: 0; border: 0;position: relative;} 
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;vertical-align: middle;zoom:1;font-size:15px;font-weight: normal;color: #131313;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main{display:block}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
ul, ol, li{ list-style:none;}
em,address{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;}
table{border:0;width:100%;}
table th{word-wrap:break-word;}
table td{word-wrap:break-word;}
img{border:0;max-width:100%;}
img, fieldset{border:none;}
caption{text-align:left;}
b{font-weight: bold;}
select,input{vertical-align: middle;color: #666666;background-color: #fff;padding: 5px 5px;text-align: center;border: none;}
textarea{font-size:12px; color:#666;resize:none;}
input[type="radio"]{vertical-align:middle;}
button{display:block;outline:none;border:0;background:none;cursor: pointer;}
a:link,a:active,a:visited,a:hover{cursor: pointer;}
a:link{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
a{color: #222222;}
hr,caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.hide{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
:focus,:active,:hover{outline: 0;}
::before,::after{box-sizing:border-box; vertical-align: top;}
button{margin:0;padding:0;border:none;background:none;outline:none;cursor:pointer;display:inline-block;}

/* 폰트설정 및 문자 숨기기 */
.font_eng{font-family:'Roboto', sans-serif;}
.setting_select_box select::-ms-expand{display: none;}
.txthidden{position:absolute !important;  width:1px; height:1px; overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}   

/* 모바일에서만 보이고 숨기기 */
.web_view{display: block !important;}
.mobile_view{display: none !important;}


select::-ms-expand{display: none;}
input::-webkit-input-placeholder {font-weight: 500;color: #666666;}
input:-ms-input-placeholder {font-weight: 500;color: #666666;}
input::placeholder{font-weight: 500;color: #666666;}
textarea::-webkit-input-placeholder {font-weight: 500;color: #666666;}
textarea:-ms-input-placeholder {font-weight: 500;color: #666666;}
textarea::placeholder{font-weight: 500;color: #666666;}

/* 체크박스 */
.checkbox_area{position: relative;display: block;height: 16px;}
.checkbox_area input[type="checkbox"]{position: absolute;top: 0;left: 0;padding: 0; width: 12px;height: 12px;cursor: pointer;border: 0;border-radius: 0;background: 0 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;}
.checkbox_area label{position: absolute;top: 0;left: 0;height: 16px;padding-left: 26px;font-size: 16px;line-height: 14px;cursor: pointer;color: #666666;background-color: #f4f4f4;}
.checkbox_area label::before{content: '';position: absolute;top: 0;left: 0;width: 16px;height: 16px;background-image: url(../img/check.png);background-repeat: no-repeat;background-size: cover}
.checkbox_area input:checked+label::before{background-image: url(../img/check_on.png);}

/* 라디오박스 */
.radio_area>span{margin-right: 10px;}
.radio_area input[type="radio"]{display: none;}
.radio_area label{font-size: 16px;color: #c9c9c9;font-weight: 500;cursor: pointer;} 
.radio_area label span{width: 16px;height: 16px;border: 1px solid #c9c9c9;border-radius: 100%;display: inline-block;background-color: white;position: relative;margin-right: 1px;top: -2px;}
.radio_area input:checked+label{color: black;}
.radio_area input:checked+label span{border: 1px solid black;}
.radio_area input:checked+label span::before{content: "";background-color: black;width: 8px;height: 8px;display: block;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;border-radius: 100%;}