@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

*{-webkit-text-size-adjust:none;}

html,body{margin:0;padding:0; -webkit-font-smoothing:antialiased;}
html, body, input, textarea, select, table, button{font-family:'nanumsquare', 'Nanum Gothic', sans-serif;font-size:16px; letter-spacing:-0.02em; color:#1c1c1c;font-weight:400; word-wrap:normal; word-break:keep-all;}

img{margin:0;padding:0;border:none;vertical-align:top;}

a{color: #1c1c1c;text-decoration: none;}
a:hover{text-decoration:none;}

ul{list-style:none;margin:0;padding:0;}
ol{margin:0 0 0 -20px;}
dl,dt,dd{margin:0;padding:0;}

table{border-spacing:0;border-collapse:collapse;table-layout:fixed;}
table caption{width:0;height:0;overflow:hidden;}
table,th,td{margin:0;padding:0;border:none;}

form, fieldset, legend{margin:0;padding:0;border:0;}
fieldset legend{width:0;height:0;overflow:hidden;}

input{vertical-align:middle;box-sizing:border-box; outline:none;}

input[type="radio"],
input[type="checkbox"]{width:18px;height:18px;border:none;padding:0;margin:0;background:none;}
input[type="text"]{border:1px solid #c5c5c5;height:40px;line-height:38px; text-indent:10px; border-radius:6px;}
input[type="password"]{border:1px solid #c5c5c5;height:40px;line-height:38px; text-indent:10px; border-radius:6px;}
input[type="file"]{height:40px; border-radius:6px;}
input[type="submit"]{cursor:pointer;border:none; border-radius:6px;}
input[type="button"]{cursor:pointer;border:none; border-radius:6px;}

select{vertical-align:middle;border:1px solid #cecece;height:40px;box-sizing:border-box;appearance: none; border-radius:6px; -webkit-appearance:none;background:#fff url(../img/common/select_arr.png) right center no-repeat;padding:0 30px 0 10px;cursor:pointer; outline:none;}
select::-ms-expand {display: none;}

textarea{border:1px solid #c5c5c5;padding:20px;vertical-align:middle;box-sizing:border-box; resize: none; outline:none; border-radius:6px;}

textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder {color:#8c8b8b !important; letter-spacing:0;}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {color:#8c8b8b !important; letter-spacing:0;}
textarea.white::placeholder,
input[type="text"].white::placeholder,
input[type="password"].white::placeholder {color:#fff !important;}

input[type=text]::-ms-clear{display: none;}
input[type=password]::-ms-reveal{display: none;}

button{margin:0;padding:0;border:none;background:none;cursor:pointer; appearance: none; -webkit-appearance:none; border-radius:6px;}

h1,h2,h3,h4,h5,h6{clear:both;margin:0;padding:0;font-weight:500;font-size:1em;}

em{font-style:normal; font-weight:normal;}
small{font-style:normal;}
p{margin:0px;padding:0px;}
strong{font-weight:600;}
b{font-weight:600;}

iframe{margin:0;padding:0;border:none;}

hr{display:none;}

/* hidden */
.hide{position:absolute;left:-9999em;height:0;overflow:hidden;}

/* display */
.inline{display:inline;}
.block{display:block;}
.clear:after{clear:both;display:block;content:'';}

/* align */
.aleft{text-align:left !important;}
.acenter{text-align:center !important;}
.aright{text-align:right !important;}
.vtop{vertical-align:top;}
.vmiddle{vertical-align:middle;}
.vbottom{vertical-align:bottom;}

.ready{text-align:center;}

/* margin , padding */
.margin-tb{margin:15px 0;}
.margin-t{margin-top:15px;}
.margin-t30{margin-top:30px;}
.margin-b{margin-bottom:15px;}

/* font style */
.bold{font-weight:600;}

.txt-orange{color:#d84108;}
.txt-blue{color:#d84108;}
.txt-green{color:#d84108;}
.underline{text-decoration:underline;}

/* width */
.w10px{width:10px;} .w20px{width:20px;} .w30px{width:30px;} .w40px{width:40px;} .w50px{width:50px;} .w60px{width:60px;} .w70px{width:70px;} .w80px{width:80px;} .w90px{width:90px;} .w100px{width:100px;}
.w110px{width:110px;} .w120px{width:120px;} .w130px{width:130px;} .w140px{width:140px;} .w150px{width:150px;} .w160px{width:160px;} .w170px{width:170px;} .w180px{width:180px;} .w190px{width:190px;} .w200px{width:200px;}
.w210px{width:210px;} .w220px{width:220px;} .w230px{width:230px;} .w240px{width:240px;} .w250px{width:250px;} .w260px{width:260px;} .w270px{width:270px;} .w280px{width:280px;} .w290px{width:290px;} .w300px{width:300px;}
.w310px{width:310px;} .w320px{width:320px;} .w330px{width:330px;} .w340px{width:340px;} .w350px{width:350px;} .w360px{width:360px;} .w370px{width:370px;} .w380px{width:380px;} .w390px{width:390px;} .w400px{width:400px;}
.w410px{width:410px;} .w420px{width:420px;} .w430px{width:430px;} .w440px{width:440px;} .w450px{width:450px;} .w460px{width:460px;} .w470px{width:470px;} .w480px{width:480px;} .w490px{width:490px;} .w500px{width:500px;}

.w1{width:1%} .w2{width:2%} .w3{width:3%} .w4{width:4%} .w5{width:5%} .w6{width:6%} .w7{width:7%} .w8{width:8%} .w9{width:9%} .w10{width:10%}
.w11{width:11%} .w12{width:12%} .w13{width:13%} .w14{width:14%} .w15{width:15%} .w16{width:16%} .w17{width:17%} .w18{width:18%} .w19{width:19%} .w20{width:20%}
.w21{width:21%} .w22{width:22%} .w23{width:23%} .w24{width:24%} .w25{width:25%} .w26{width:26%} .w27{width:27%} .w28{width:28%} .w29{width:29%} .w30{width:30%}
.w31{width:31%} .w32{width:32%} .w33{width:33%} .w34{width:34%} .w35{width:35%} .w36{width:36%} .w37{width:37%} .w38{width:38%} .w39{width:39%} .w40{width:40%}
.w41{width:41%} .w42{width:42%} .w43{width:43%} .w44{width:44%} .w45{width:45%} .w46{width:46%} .w47{width:47%} .w48{width:48%} .w49{width:49%} .w50{width:50%}
.w51{width:51%} .w52{width:52%} .w53{width:53%} .w54{width:54%} .w55{width:55%} .w56{width:56%} .w57{width:57%} .w58{width:58%} .w59{width:59%} .w60{width:60%}
.w61{width:61%} .w62{width:62%} .w63{width:63%} .w64{width:64%} .w65{width:65%} .w66{width:66%} .w67{width:67%} .w68{width:68%} .w69{width:69%} .w70{width:70%}
.w71{width:71%} .w72{width:72%} .w73{width:73%} .w74{width:74%} .w75{width:75%} .w76{width:76%} .w77{width:77%} .w78{width:78%} .w79{width:79%} .w80{width:80%}
.w81{width:81%} .w82{width:82%} .w83{width:83%} .w84{width:84%} .w85{width:85%} .w86{width:86%} .w87{width:87%} .w88{width:88%} .w89{width:89%} .w90{width:90%}
.w91{width:91%} .w92{width:92%} .w93{width:93%} .w94{width:94%} .w95{width:95%} .w96{width:96%} .w97{width:97%} .w98{width:98%} .w99{width:99%} .w100{width:100%}

.h10{height:10px}.h20{height:20px}.h20{height:30px}.h30{height:40px}.h40{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}
.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}
.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}
.h300{height:300px}.h310{height:310px}.h320{height:320px}.h330{height:330px}.h340{height:340px}.h350{height:350px}.h360{height:360px}.h370{height:370px}.h380{height:380px}.h390{height:390px}
.h400{height:400px}.h410{height:410px}.h420{height:420px}.h430{height:430px}.h440{height:440px}.h450{height:450px}.h460{height:460px}.h470{height:470px}.h480{height:480px}.h490{height:490px}
.h500{height:500px}.h510{height:510px}.h520{height:520px}.h530{height:530px}.h540{height:540px}.h550{height:550px}.h560{height:560px}.h570{height:570px}.h580{height:580px}.h590{height:590px}
.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}
.h700{height:700px}

@media all and (max-width:599px){
.m-w100{width:100%;}
.m-w90{width:90%;}
.m-w80{width:80%;}
.m-w70{width:70%;}
.m-w60{width:60%;}
.m-w50{width:50%;}
.m-w40{width:40%;}
.m-w30{width:30%;}
.m-w20{width:20%;}
.m-w10{width:10%;}

html, body, input, textarea, select, table, button{font-size:15px;}
}

/* 스크롤바 */
::-webkit-scrollbar {-webkit-appearance: none;}
::-webkit-scrollbar:vertical {width: 8px;}
::-webkit-scrollbar:horizontal {height: 10px;}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5);border-radius: 10px;border: 1px solid #ddd;}
::-webkit-scrollbar-track {border-radius: 10px; background-color: #ddd;}

/* Datepicker */
input.useDatepicker{width:140px;background:#fff url(../img/common/bg_inputDate.png) no-repeat right 5px center;}
input.useMonthpicker{width:90px;background:#fff url(../img/common/bg_inputDate.png) no-repeat right 5px center;}
#ui-datepicker-div{display:none;width:220px;background:#fff;border:1px #ccc solid;z-index:102 !important; box-shadow:2px 4px 10px rgba(0,0,0,0.1); margin-top:1px;}
.ui-datepicker{position:relative;padding:5px;}
.ui-datepicker table{width:100%;font-size:12px; margin-top:10px;}
.ui-datepicker table thead th{height:25px;color:#777;line-height:24px;text-align:center; font-size:14px;}
.ui-datepicker table tbody td{width:14.2857%;text-align:center;height:30px; font-size:14px;}
.ui-datepicker table tbody td a{display:block;height:30px;color:#4b4b4b;line-height:30px;text-align:center; border-radius:15px;}
.ui-datepicker table tbody td span{color:#aaa;}
.ui-datepicker table tbody td.date-holiday a{color:#eb3c3c;}
.ui-datepicker tr td:first-child *{color:#eb3c3c;}
.ui-datepicker tr td:last-child *{color:#4084d2;}
.ui-datepicker th{padding:0;}
.ui-datepicker td a.ui-state-active{color:#fff; background:#4b4b4b !important;}
.ui-datepicker td a.ui-state-highlight{color:#4b4b4b;background:#dfdfdf;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:0;}
.ui-datepicker .ui-datepicker-title{margin:0;height:30px;line-height:30px;font-size:14px;font-weight:normal;color:#242424;letter-spacing:-1px;text-align:center; position:relative;}
.ui-datepicker .ui-datepicker-title select{height:30px;padding:3px 25px 3px 3px;width:auto; appearance: inherit; -webkit-appearance:inherit; vertical-align:top; background-position:right -5px center; background-size:22px auto; font-size:14px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;top:0;width:30px;height:30px;line-height:28px;border-radius:2px;text-indent:-9999em;cursor:pointer; box-sizing:border-box; cursor:pointer; z-index:10;}
.ui-datepicker .ui-datepicker-prev{left:0; background:url(../img/common/btn_calendarPrev.png) no-repeat center center;}
.ui-datepicker .ui-datepicker-next{right:0; background:url(../img/common/btn_calendarNext.png) no-repeat center center;}
#ui-monthpicker-div.ui-datepicker{display:none;width:200px;background:#fff;border:1px #ccc solid;z-index:10 !important;box-sizing:border-box;}
#ui-monthpicker-div.ui-datepicker td{height:30px; font-size:14px;}
#ui-monthpicker-div.ui-datepicker td a{cursor:pointer;}
#ui-monthpicker-div.ui-datepicker td a.ui-state-active{background:#4b4b4b;color:#fff;}
#ui-monthpicker-div.ui-datepicker tr td:first-child *{color:#4b4b4b;}
#ui-monthpicker-div.ui-datepicker tr td:last-child *{color:#4b4b4b;}
#ui-monthpicker-div.ui-datepicker .ui-datepicker-header{margin-bottom:8px;}
#ui-monthpicker-div.ui-datepicker .ui-datepicker-title select::-ms-expand{display:none;}
#ui-monthpicker-div.ui-datepicker .ui-datepicker-title .ui-datepicker-year{min-width:75px;padding:0 0 0 10px;}


/* Modal */
.modalWrap{position:absolute;top:150px;left:50%;margin-left:-350px;width:700px;background:#fff;opacity:0;z-index:-1;transition-duration:0.5s;}
.modalWrap.active{top:180px;opacity:1;z-index:99;}
.modalWrap.small{margin-left:-250px;width:500px;}
.modalWrap.wide{margin-left:-450px;width:900px;}
.modalWrap.window{position:relative;top:inherit;left:inherit;margin-left:0;padding-top:46px;width:auto;opacity:1;z-index:99;}
.modalWrap.window .modalTitle{position:fixed;top:0;left:0;right:0;}
.modalWrap .modalTitle{position:relative;padding:0 65px 0 20px;height:46px;background:#484c51;}
.modalWrap .modalTitle h2{display:block;font-size:16px;font-weight:bold;color:#fff;line-height:46px;}
.modalWrap .modalTitle .btn_modalClose{display:block;position:absolute;top:0;right:0;width:46px;height:46px;text-indent:-9999em;background:url(../../images/injeinc/btn_modalClose.png) no-repeat center center;}
.modalWrap .modalContent{padding:20px;}
.modalWrap .modalContent .btnArea{margin:0;}
.modalWrap .modalContent .btnArea + *{margin-top:20px;}

/* swiper */
:root {
    --swiper-navigation-size: 44px;
}
.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px,0,0);
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}


 /* font ********************************************************** */
@font-face {
    font-family: 'nanumsquare';
	font-weight:300;
    src: url('font/nanumsquarel-webfont.woff2') format('woff2'),
         url('font/nanumsquarel-webfont.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'nanumsquare';
	font-weight:400;
    src: url('font/nanumsquarer-webfont.woff2') format('woff2'),
         url('font/nanumsquarer-webfont.woff') format('woff');
    font-style: normal;
}
 @font-face {
    font-family: 'nanumsquare';
	font-weight:600;
    src: url('font/nanumsquareb-webfont.woff2') format('woff2'),
         url('font/nanumsquareb-webfont.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'nanumsquare';
	font-weight:900;
    src: url('font/nanumsquareeb-webfont.woff2') format('woff2'),
         url('font/nanumsquareeb-webfont.woff') format('woff');
    font-style: normal;
}

@media all and (max-width:599px){
html, body, input, textarea, select, table, button{font-size:15px;}
}