@charset "utf-8";


*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);box-sizing:border-box;}
html,body{width:100%;height:100%;-webkit-font-smoothing:antialiased;font-size:16px;color:#222;}
body,p,h1,h2,h2,h3,h4,h6,ul,ol,li,div,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;font-family:"NanumSquare";font-size:16px;font-weight:400;}
ul,ol,li{display:block;list-style:none;}
fieldset, button,img, input[type='submit']{border:0px none;}
button,input[type='submit']{background:none;cursor:pointer;}
img,input,button,label,select{vertical-align:middle;}
b{font-weight:700;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#222;}
a:hover{text-decoration:none;}
table{border-spacing:0;table-layout:fixed;width:100%;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block;}
legend,caption,.soundonly{ position:absolute; overflow:hidden; clip:rect(0,0,0,0); border:0; width:1px; height:1px; padding:0; margin:-1px; text-indent:-10000px;}
input::-webkit-input-placeholder { color:#a0a0a0; }
textarea::-webkit-input-placeholder { color:#a0a0a0;}
select::-ms-expand { display:none; }

input.useDatepicker{width:120px;background:#fff url(/images/n24/vt/icon_inputDate.gif) no-repeat 95% center;}
.ui-datepicker .ui-datepicker-prev{background:url(/images/n24/vt/btn_calendarPrev.png) no-repeat center center;}
.ui-datepicker .ui-datepicker-next{background:url(/images/n24/vt/btn_calendarNext.png) no-repeat center center;}

/* ==============================================================================================================
= 폼 아이템별 기본스타일 지정
============================================================================================================== */
input[type='text'],input[type='password'],input[type='number'],select{height:32px;max-width:100%;padding:0 5px;border:1px #ddd solid;box-sizing:border-box;}
select.useStyle{padding-right:20px;background:#fff url(/images/injeinc/bg_selectBox.png) no-repeat right center;-webkit-appearance:none;}
textarea{padding:5px;border:1px #ddd solid;box-sizing:border-box;resize:vertical;}
*:disabled{color:#777 !important;background:#eee !important;}
input[type='checkbox'],input[type='radio']{margin-right:5px;}


/* ==============================================================================================================
= Paging 기본스타일 지정
============================================================================================================== */
.paging{min-height:27px;font-size:0;text-align:center;}
.paging > a{display:inline-block;margin:0 2px;padding:0 3px;min-width:27px;height:27px;line-height:25px;font-size:13px;text-align:center;color:#888888;border:1px solid #d9d9d9;box-sizing:border-box;}
.paging > a.active{background-color:#143046 ;border:1px solid #143046 ;color:#fff;}
.paging > a.first{background:url(/images/injeinc/btn_pageFirst.png) no-repeat center center;text-indent:-9999px;}
.paging > a.prev{background:url(/images/injeinc/btn_pagePrev.png) no-repeat center center;text-indent:-9999px;}
.paging > a.next{background:url(/images/injeinc/btn_pageNext.png) no-repeat center center;text-indent:-9999px;}
.paging > a.last{background:url(/images/injeinc/btn_pageLast.png) no-repeat center center;text-indent:-9999px;}
.paging > select{margin-left:5px;height:27px;line-height:27px;font-size:13px;color:#888888;vertical-align:top;border:1px solid #d9d9d9}


/* ==============================================================================================================
= Datepicker를 사용중인 입력박스, 달력형태 스타일 지정
= 사용방법 : 입력박스에 useDatepicker / useMonthpicker 클래스를 추가하여 사용함
============================================================================================================== */
input.useDatepicker{background:#fff url(/images/injeinc/bg_inputDate.png) no-repeat 95% center;}
input.useMonthpicker{background:#fff url(/images/injeinc/bg_inputDate.png) no-repeat 95% center;}
#ui-datepicker-div{display:none;width:180px;background:#fff;border:1px #ccc solid;z-index:102 !important;}
.ui-datepicker{position:relative;padding:5px;}
.ui-datepicker table{width:100%;font-size:12px;}
.ui-datepicker table thead th{height:24px;color:#777;line-height:24px;text-align:center;}
.ui-datepicker table tbody td{width:14.2857%;text-align:center;height:22px;}
.ui-datepicker table tbody td a{display:block;height:22px;color:#4b4b4b;line-height:22px;text-align:center;}
.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;}
.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;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;top:5px;width:20px;height:20px;line-height:26px;border-radius:2px;border:1px solid #d9d9d9;text-indent:-9999em;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev{left:0;background:url(/images/injeinc/btn_calendarPrev.png) no-repeat center center;}
.ui-datepicker .ui-datepicker-next{right:0;background:url(/images/injeinc/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:28px;}
#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;}


/* ==============================================================================================================
= 너비, 높이 사이즈를 공통으로 사용하기 위한 클래스 부여
============================================================================================================== */
.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}.w2000{width:2000px !important;}
.w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w90{width:95px}
.w5p{width:5%}.w8p{width:8%}.w10p{width:10%}.w12p{width:12%}.w15p{width:15%}.w18p{width:18%}.w20p{width:20%}.w25p{width:25%}.w30p{width:30%}.w35p{width:35%}.w40p{width:40%}.w45p{width:45%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50% !important;}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.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}

/* btn */
.btn_l{display:inline-block; padding:0 30px;height:50px;border-radius:4px;line-height:48px;font-size:18px;}
.btn_l.on{background:#3e35aa;border:1px solid #3e35aa;color:#fff;}


/* ==============================================================================================================
= Overlay 효과 배경 기본스타일 지정
============================================================================================================== */
#overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:100;}
#overlay.active{display:block;}


/* 팝업 */
.mainPop{display:none;position:fixed;top:-1000px;z-index:999;max-width:90%;}
.mainPop .title{padding:0 20px;background:#393939;border-top-left-radius:15px;border-top-right-radius:15px;}
.mainPop .title b{display:block;line-height:50px;color:#fff;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mainPop .popImg img,
.mainPop .popImg iframe{display:block;max-width:100% !important;}
.mainPop .popImg.aTag-f a{position: absolute;top: 3px;left: 3px;width: calc(100% - 6px);height: calc(100% - 6px);}

.popImg {position:relative;  overflow:hidden;}
.popImg object,
.popImg embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.mainPop .closeDay{padding:0 15px;background:#393939;border-bottom-left-radius:15px;border-bottom-right-radius:15px;color:#fff;font-weight:500;line-height:36px;}
.mainPop .closeDay .inputSet input{margin-top:-3px;width:16px;height:16px;}
.mainPop .closeDay .btnClose{display:block;position:absolute;right:15px;bottom:11px;width:15px;height:15px;background:url(/images/n21/main/icon_mainPop_close.png) no-repeat;text-indent:-9999em;}
.mainPop .closeDay .btnCloseDay + label {font-size:13px;vertical-align:baseline;}


/* 팝업내링크 */
.pop-links{}
.pop-links ul{display:flex;width:100%;flex-wrap:wrap;}
.pop-links ul li{width:50%;text-align:center;}
.pop-links ul li a{display:block;height:50px; color:#000; border-right:1px solid #ddd; border-top:1px solid #ddd; font-size:12px;font-weight:700; letter-spacing:-1px; display:flex;width:100%; justify-content:center;align-items:center;transition:all 0.2s; line-height:1.25em;}
.pop-links .link1{background-color:#e9e7e5;}
.pop-links .link2{background-color: #fff;}
.pop-links .link3{background-color:#e9e7e5;}
.pop-links .link4{background-color:#fff;}


/*메인팝업 유튜브 스트리밍용 */
/* .mainPop{width:1000px;} */
.popImg {position:relative;  overflow:hidden;}
.popImg .video_wrap{position:relative;}
.popImg iframe{aspect-ratio: 16 / 9; height: auto;}

caption,
legend,
.soundOnly,
.soundonly,
.blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: circle(0%);
    margin: -1px;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 0;
    white-space: nowrap;
}