@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&family=Song+Myung&display=swap');

/* Reset */
*{margin:0;padding:0;}
html,body{width:100%;}
html{}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}

body,h1,h2,h3,h4,input,button{font-family: "Play", sans-serif; font-size:14px; font-weight:400; letter-spacing:0px; color:#333;}
body{height:100%; background:#FFF; word-break:keep-all; padding:0; margin:0; position:relative;}
body.noScroll {position:fixed; width:100%; height:100%; left:0; top:0; overflow:hidden;}
img,fieldset,iframe{border:0 none}
div {display:block; box-sizing:border-box;}
li{list-style:none; box-sizing:border-box;}
input,select,button{vertical-align:middle; font-family: "Play", sans-serif; font-size:14px; font-weight:400; letter-spacing:0px; outline:none; color:#333; box-sizing:border-box;}
textarea {font-family: "Play", sans-serif; box-sizing:border-box;}
input {letter-spacing:0;}
input, select:focus {outline: none;}
*:focus {outline:none; box-shadow: none;}
optgroup {font-weight: bolder;}
img{vertical-align:middle; width:100%;}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0; background:none; cursor:pointer;}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;}
button *{position:relative}
legend,hr{visibility:hidden;width:0;height:0;font-size:0;line-height:0}
caption{display:none; overflow:hidden;}
table{border-collapse:collapse;table-layout:fixed; border-collapse:collapse;border-spacing:0;}
table caption{display:none;}

select {display:inline-block; width:100%; border:1px solid #ccc; height:32px; line-height:30px; background:#FFF url(../img/ar_select.png) no-repeat 96% 50%; background-size:auto 7px; font-size:14px; color:#000; padding:0px 30px 0 8px; -webkit-appearance: none; -moz-appearance:none; appearance: none;}
select::-ms-expand {display: none;}
select.dis {background:#f0f0f0;}
input[type="text"], input[type="number"],input[type="password"] {display:inline-block; width:100%; border:1px solid #ccc; height:32px; line-height:30px; background:#FFF; border-radius:4px; padding:0 8px;  font-size:14px; color:#000;}
input.date {background:url(../img/ico_month.png) no-repeat 96% 50%;}
textarea {display:inline-block; width:100%; border:1px solid #999; height:80px; line-height:1.3; background:transparent; padding:8px; font-size:14px; color:#000;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
}

input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed , .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.comnChk {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.comnChk input {display:flex; justify-content:flex-start; align-items:center; gap:0px; cursor:pointer;}
.comnChk input:before {content:''; width:22px; height:22px; background:url(../img/bg_chk_off.svg) no-repeat 50% 50%; background-size:100%;}
.comnChk input:checked:before {content:''; background:url(../img/bg_chk_on.svg) no-repeat 50% 50%; background-size:100%;}

.comnRadio {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.comnRadio input {display:flex; justify-content:flex-start; align-items:center; gap:0px; cursor:pointer;}
.comnRadio input:before {content:''; width:22px; height:22px; background:url(../img/bg_radio_off.svg) no-repeat 50% 50%; background-size:100%;}
.comnRadio input:checked:before {content:''; background:url(../img/bg_radio_on.svg) no-repeat 50% 50%; background-size:100%;}