@charset "utf-8";

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('woff2/PretendardVariable.html') format('woff2-variations');
}

/* Reset */
*{margin:0;padding:0; box-sizing:border-box;}
html,body{width:100%;}
html{overflow-y:scroll; overflow-x:hidden;}
html {scroll-behavior: smooth;}
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: 'Pretendard Variable', sans-serif; font-size:14px; font-weight:400; letter-spacing:0px; color:#333;}
body{overflow:hidden; 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 {box-sizing:border-box;}
li{list-style:none; box-sizing:border-box;}
input,select,button{vertical-align:middle; font-family: 'Pretendard Variable', sans-serif; font-size:14px; font-weight:400; letter-spacing:0px; outline:none; color:#333;}
textarea {font-family: 'Pretendard Variable', sans-serif;}
input {letter-spacing:0;}
input, select:focus {outline: none;}
*:focus {outline:none; box-shadow: none;}
optgroup {font-weight: bolder;}
img{vertical-align:middle; max-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;}
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;}
.clearfix:after { display:block; clear:both; height:0px; visibility:hidden; content:"."; }
i, em {font-style:normal;}

/*
@media only screen and (max-width:720px) {
	body,h1,h2,h3,h4,input,button {font-family:'Dotum', 'Tahoma', 'sans-serif';}
	input,select,button {font-family:'Dotum', 'Tahoma', 'sans-serif';}
}
*/

::-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%; }

.chkB {display:inline-block;margin:0 8px 0 0;cursor:pointer;vertical-align:middle; padding:0;}
.chkB input {position:absolute; visibility:hidden;position:static\9;visibility:visible\9;}
.chkB input + span {display:inline-block;padding:3px 0px 3px 30px;padding:0\9;background:url(../img/bg_chk_off.svg) no-repeat left 0px; background-size:20px 20px; background:none\9; font-size:14px; color:#999;}
.chkB input:checked + span {background:url(../img/bg_chk_on.svg) no-repeat left 0px; background-size:20px 20px; background:none\9; color:#111;}

.chkN {display:inline-block;margin:0 !important;cursor:pointer;vertical-align:middle; padding:0;}
.chkN input {position:absolute; visibility:hidden;position:static\9;visibility:visible\9;}
.chkN input + span {display:inline-block;padding:3px 11px 3px 0px;padding:0\9;background:url(../img/bg_chk_off.html) no-repeat left 4px; background-size:14px 14px; background:none\9; font-size:14px; color:#333;}
.chkN input:checked + span {background:url(../img/bg_chk_on.html) no-repeat left 4px; background-size:14px 14px; background:none\9; color:#0180b3;}

.radioB {display:inline-block;margin:0;cursor:pointer;vertical-align:middle;}
.radioB input {position:absolute; visibility:hidden;position:static\9;visibility:visible\9;}
.radioB input + span {display:inline-block;padding:3px 0px 3px 20px;padding:0\9;background:url(../img/bg_radio_off.html) no-repeat left 4px; background-size:14px 14px; background:none\9; color:#333;}
.radioB input:checked + span {background:url(../img/bg_radio_on.html) no-repeat left 4px; background-size:14px 14px; background:none\9; color:#0180b3;}

.radioN {display:inline-block;margin:0 !important; cursor:pointer;vertical-align:middle;}
.radioN input {position:absolute; visibility:hidden;position:static\9;visibility:visible\9;}
.radioN input + span {display:inline-block;padding:3px 14px 3px 0px;padding:0\9;background:url(../img/bg_radio_off.html) no-repeat left 4px; background-size:14px 14px; background:none\9; color:#333;}
.radioN input:checked + span {background:url(../img/bg_radio_on.html) no-repeat left 4px; background-size:14px 14px; background:none\9; color:#0180b3;}

* {word-break:break-all;}
button {border:0;}
select {display:inline-block; width:100%; border:1px solid #999; height:32px; line-height:30px; background:#FFF url(../img/ar_sel_s.html) no-repeat 95% 50%; font-size:14px; color:#000; padding:0px 25px 0 8px; -webkit-appearance: none; -moz-appearance:none; appearance: none;}
select::-ms-expand {display: none;}
select.dis {background:#f0f0f0;}

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-scrollbar {width: 8px; height:8px;}
*::-webkit-scrollbar-thumb {background-color: #ff0000; border-radius: 0px;}
*::-webkit-scrollbar-thumb:hover {background:#b30303;}
*::-webkit-scrollbar-track {background-color: #ccc; border-radius: 0px;}

.ui-datepicker-trigger {display:none;}

div,ul {position:relative;}

.switch {position: relative;  display: inline-block; width: 45px;  height: 22px;}
.switch input {opacity: 0; width: 0; height: 0;}

.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #c8c8c8; height:18px; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 22px; width: 22px; left: 0px; bottom:-2px; background-color: #FFF; border:1px solid #849696; box-sizing:border-box; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider {background-color: #117777;}
input:checked + .slider.ty01 {background-color: #1ec8c8;}
input:focus + .slider {/*  box-shadow: 0 0 1px #2196F3; */}
input:checked + .slider:before {-webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px);}

/* Rounded sliders */
.slider.round {border-radius: 22px;}
.slider.round:before {border-radius: 50%;}

/*Filter styles*/
.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(100%); }
.rotate {transform: rotate(180deg);}
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(180deg); }