@charset "utf-8";
/*@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");*/

/* https://apps.qoo-app.com/ko/app/11241 */
*{margin:0px;padding:0px;box-sizing: border-box;}
*{font-family: 'Poppins','Noto Sans KR',-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;}
html, form, fieldset, img {margin:0;padding:0;border:0px;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;border:0;}
a,a:hover,a:visited{text-decoration: none;direction: inherit;box-sizing: border-box;display:inline-block;}
ul,li{list-style: none;padding:0;margin:0px;}
i{padding-right:5px;vertical-align:center;}

header{display:none;}
hr{border:none;display: block;height:1px;background-color: #eaeaea;}
input::placeholder{ font-size: 0.8em;color:#aaa;}

textarea::-webkit-scrollbar {width: 5px;}
textarea::-webkit-scrollbar-thumb {background-color: #999 ;border-radius: 5px;}
textarea::-webkit-scrollbar-track {background-color: #f5f5f5 ;border-radius: 5px;box-shadow: inset 0px 0px 2px #ccc;}
textarea::-webkit-scrollbar {width: 5px;}
textarea::-webkit-scrollbar-thumb {background-color: #999 ;border-radius: 5px;}
textarea::-webkit-scrollbar-track {background-color: #f5f5f5 ;border-radius: 5px;box-shadow: inset 0px 0px 2px #ccc;}

/* ******** */
/* 전체 */
div#wrapper{position:absolute;width: 100%;z-index:1;}
body:before{background: linear-gradient(0deg, rgba(42, 178, 218, .5) 0, rgba(165, 211, 225, 0) 100%);
content: "";height: 100vh;left: 50%;position: fixed;transform: translateX(-50%) translateY(50%);width: 100%;z-index: -1;}
.backgroundbg{position:absolute;z-index: 0;width: 100%;height: 100%;overflow:hidden;}
.backgroundbgin{background-size: cover;z-index: 0;background-repeat: no-repeat;background-position: center;filter: blur(5px) brightness(40%);width: 110%;height: 110%;margin-top:-5%;margin-left:-5%;}
.copyright{font-size:0.7rem;color:#949494;}


.flex{display:flex;}
.flexV{display:flex;flex-direction:column;}
.conBox{display:flex;}
.conBoxV{display:flex;flex-direction:column;flex-grow: 1;}
.conCard{flex-direction:row;flex-grow: 1;}
.conCardV{flex-direction: column;flex-grow: 1;}
.hide{display:none;}

.box{box-shadow:0px 1px 4px rgba(0,0,0,0.2)}

body{overflow-x:hidden; overflow-y: scroll;}
body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-thumb {background-color: #999 ;border-radius: 5px;}
body::-webkit-scrollbar-track {background-color: #f5f5f5 ;border-radius: 5px;box-shadow: inset 0px 0px 2px #ccc;}

.thinScroll::-webkit-scrollbar {width: 5px;height:5px;}
.thinScroll::-webkit-scrollbar-thumb {background-color: #999 ;border-radius: 5px;}
.thinScroll::-webkit-scrollbar-track {background-color: #f5f5f5 ;border-radius: 5px;box-shadow: inset 0px 0px 2px #ccc;}

.noScrollX{overflow-x:hidden;overflow-y:scroll;}
.noScrollY{overflow-x:scroll;overflow-y:hidden;}

/* option */
.noDrag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.noBorder{border:0px solid #fff !important;}
.noCursor{cursor:default !important;}



/* popup */
div#printLayout{position:fixed;width:80%;margin:2% 10%;height:92vh;background:#fff;border:3px solid #888;z-index:9999;}
div#popDiv{position:absolute;height:auto;z-index:9999;padding:0px;}
div#popDiv .popBg{position:fixed;width:100%;height:100vh;background:rgba(0, 0, 0, 0.7);top:0;left:0;z-index:999;}
div#popDiv .popCon{position:relative;background:white;z-index:9999;border:1px solid #888;border-radius:10px;padding:10px;}
.printShow{display:none;}

/* input */

.jungInputSet{text-align:left;}
.jungInputSet label, .label{display:block;font-size:0.8rem;line-height:0.8rem;margin-bottom:5px;color:#999;font-weight:400;}
.jungInputSet label span, .label span{font-size:0.8rem;margin-left:10px;color:#ff494b;font-weight:300;}
.jungInputSet label b, .label b{color:#ff3061;margin-left:5px;font-weight:500;}
.jungInputSet input, .jungInput{display:block;width:100%;border:1px solid #ddd;padding:10px 12px;font-size:1.0rem;border-radius:3px;}
.jungInputSet input::placeholder, .jungInput::placeholder{color:#ddd;font-weight:300;} 
.jungInput:read-only{background-color:#ccc;cursor: inherit;outline:none;}
.jungTextarea{display:block;width:100%;border:1px solid #ddd;padding:10px 12px;font-size:1.0rem;border-radius:3px;resize: none;}
.jungSelectBox {height: 34px;border: 1px solid #bbb;background: #f5f5f5; font-size: 1rem; font-weight: bold; }

.c-line{text-align:center;position: relative;}
.c-line:before{content: "";position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: #eee;box-sizing: border-box;-webkit-box-sizing: border-box;}
.c-line p{position: relative;background:#fff;font-size:0.7rem;color:#949494;display:inline-block;vertical-align:top;padding:3px 10px;}

/* etc */
.m1{margin:1px !important;}.m2{margin:2px !important;}.m3{margin:3px !important;}.m4{margin:4px !important;}.m5{margin:5px !important;}.m10{margin:10px !important;}.m15{margin:15px !important;}.m20{margin:20px !important;}.m25{margin:25px;}.m30{margin:30px !important;}.m40{margin:40px !important;}.m50{margin:50px !important;}
.ml0{margin-left:0px !important;}.ml1{margin-left:1px !important;}.ml2{margin-left:2px !important;}.ml3{margin-left:3px !important;}.ml4{margin-left:4px !important;}.ml5{margin-left:5px;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml50{margin-left:50px !important;}
.mr0{margin-right:0px !important;}.mr1{margin-right:1px !important;}.mr2{margin-right:2px !important;}.mr3{margin-right:3px !important;}.mr4{margin-right:4px !important;}.mr5{margin-right:5px;}.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr50{margin-right:50px !important;}
.mt0{margin-top:0px !important;}.mt1{margin-top:1px !important;}.mt2{margin-top:2px !important;}.mt3{margin-top:3px !important;}.mt4{margin-top:4px !important;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}
.mb0{margin-bottom:0px !important;}.mb1{margin-bottom:1px !important;}.mb2{margin-bottom:2px !important;}.mb3{margin-bottom:3px !important;}.mb4{margin-bottom:4px !important;}.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:30px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}
.p1{padding:1px !important;}.p2{padding:2px !important;}.p3{padding:3px !important;}.p4{padding:4px !important;}.p5{padding:5px !important;}.p10{padding:10px !important;}.p15{padding:15px !important;}.p20{padding:20px !important;}.p30{padding:30px !important;}.p40{padding:40px !important;}.p15{padding:15px !important;}.p20{padding:20px !important;}.p30{padding:30px !important;}.p40{padding:40px !important;}.p50{padding:50px !important;}
.pl1{padding-left:1px !important;}.pl2{padding-left:2px !important;}.pl3{padding-left:3px !important;}.pl4{padding-left:4px !important;}.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}.pl20{padding-left:20px !important;}.pl30{padding-left:30px !important;}.pl40{padding-left:40px !important;}.pl50{padding-left:50px !important;}
.pr1{padding-right:1px !important;}.pr2{padding-right:2px !important;}.pr3{padding-right:3px !important;}.pr4{padding-right:4px !important;}.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}.pr20{padding-right:20px !important;}.pr30{padding-right:30px !important;}.pr40{padding-right:40px !important;}.pr50{padding-right:50px !important;}
.pt1{padding-top:1px !important;}.pt2{padding-top:2px !important;}.pt3{padding-top:3px !important;}.pt4{padding-top:4px !important;}.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}.pt20{padding-top:20px !important;}.pt30{padding-top:30px !important;}.pt40{padding-top:40px !important;}.pt50{padding-top:50px !important;}
.pb1{padding-bottom:1px !important;}.pb2{padding-bottom:2px !important;}.pb3{padding-bottom:3px !important;}.pb4{padding-bottom:4px !important;}.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}.pb20{padding-bottom:20px !important;}.pb30{padding-bottom:30px !important;}.pb40{padding-bottom:40px !important;}.pb50{padding-bottom:50px !important;}

.noP{padding:0px !important;}
.noM{margin:0px !important;}

.h100{height:100%;}
.vh100{height:100vh !important;}
.vh90{height:90vh !important;}
.vh80{height:80vh !important;}
.vh70{height:70vh !important;}
.vh60{height:60vh !important;}
.vh50{height:50vh !important;}
.vh40{height:40vh !important;}
.vh30{height:30vh !important;}
.vh20{height:20vh !important;}
.vh10{height:10vh !important;}


.mW50{min-width:50px !important;}
.mW100{min-width:100px !important;}
.mW200{min-width:200px !important;}
.mW300{min-width:300px !important;}
.mW400{min-width:400px !important;}
.mW500{min-width:500px !important;}

.mH50{min-height:50px !important;}
.mH100{min-height:100px !important;}
.mH200{min-height:200px !important;}
.mH300{min-height:300px !important;}
.mH400{min-height:400px !important;}
.mH500{min-height:500px !important;}

.c-line{text-align:center;position: relative;}
.c-line:before{content: "";position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: #eee;box-sizing: border-box;-webkit-box-sizing: border-box;}
.c-line p{position: relative;background:#fff;font-size:0.7rem;color:#949494;display:inline-block;vertical-align:top;padding:13px 10px;}


/* 24.3.14 : font style */
.fs07{font-size:0.7rem !important;}.fs08{font-size:0.8rem !important;}.fs09{font-size:0.9rem !important;}.fs10{font-size:1.0rem !important;}
.fs11{font-size:1.1rem !important;}.fs12{font-size:1.2rem !important;}.fs13{font-size:1.3rem !important;}.fs14{font-size:1.4rem !important;}
.fs15{font-size:1.5rem !important;}.fs16{font-size:1.6rem !important;}.fs17{font-size:1.7rem !important;}.fs18{font-size:1.8rem !important;}
.fs19{font-size:1.9rem !important;}.fs20{font-size:2.0rem !important;}.fs30{font-size:3.0rem !important;}.fs40{font-size:4.0rem !important;}

.fw1{font-weight:100 !important;}.fw2{font-weight:200 !important;}.fw3{font-weight:300 !important;}.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}.fw6{font-weight:600 !important;}.fw7{font-weight:700 !important;}.fw8{font-weight:800 !important;}

.lh07{line-height:0.7rem !important;}.lh08{line-height:0.8rem !important;}.lh09{line-height:0.9rem !important;}.lh10{line-height:1.0rem !important;}
.lh11{line-height:1.1rem !important;}.lh12{line-height:1.2rem !important;}.lh13{line-height:1.3rem !important;}.lh14{line-height:1.4rem !important;}
.lh15{line-height:1.5rem !important;}.lh16{line-height:1.6rem !important;}.lh17{line-height:1.7rem !important;}.lh18{line-height:1.8rem !important;}
.lh19{line-height:1.9rem !important;}.lh20{line-height:2.0rem !important;}



/* align-items: center;justify-content: center; */
.hAlign{text-align:center !important;align-items: center;justify-content: center;}
.vAlign{vertical-align:middle !important;align-items: center;justify-content: center;}
.vAlignC{vertical-align:middle !important; align-items: center;} .vAlignT{vertical-align:top !important;align-items: start;} .vAlignB{vertical-align:bottom !important;align-items: flex-end;}
.hAlignL{text-align:left !important;} .hAlignR{text-align:right !important;} .hAlignC{text-align:center !important;justify-content: center;}

.wh100{width: 100vw;height:100vh;}
.w100{width:100%;display:block;}.w90{width:90%;display:block;}.w80{width:80%;display:block;}.w70{width:70%;display:block;}.w60{width:60%;display:block;}
.w50{width:50%;display:block;}.w40{width:40%;display:block;}.w30{width:30%;display:block;}.w20{width:20%;display:block;}.w10{width:10%;display:block;}.w5{width:5%;display:block;}


.radius0{border-radius:0px !important;}.radius5{border-radius:5px;}.radius10{border-radius:10px;}.radius15{border-radius:15px;}.radius20{border-radius:20px;}


/* color */
.blackSkin{background:#000;color:#ffffff;}
.whiteSkin{background:#f2f2f2;}
.graGray{background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 75%);}


.bgPrimary{background:#2ab2da;}
.bgWhite{background:#fff;color:#000;}
.bgBlack{background:#000;color:#fff;}
.bgRed{background:red;color:#fff;}
.bgBlue{background:#2ab2da;color:#fff;}
.bgGray{background:#f0f0f0;color:#aaa;}


.red{color:red;}
.white{color:#fff;}
.gray{color:#aaa;}
.blue{color:#2ab2da;}
.darkgray{color:#dadada;}
.black{color:#000000;}
.tAactive{color:#828282}


.click{cursor: pointer;}
.btn{cursor: pointer;border-radius:3px;line-height:1.4rem;border:0px;}
.btn:hover{ filter:saturate(80%) hue-rotate(10deg); /* 채도를 50% 감소 *//*filter: saturate(50%);*//*filter:hue-rotate(180deg);*/
 transition: all 0.3s ease; /* 모든 변화의 부드러운 전환 */box-shadow: inset 4px 4px 12px rgba(0, 0, 0, 0.2),inset -4px -4px 8px rgba(255, 255, 255, 0.1); /* 들어간 효과 */}

.blueBtn{cursor: pointer;border: none;outline:none;padding: 10px 12px;background-color:#2ab2da;color:#fff;}
.regBtn{cursor: pointer;border: none;outline:none;padding: 10px 12px;background-color:#2ab2da;color:#fff;}
.blackBtn{cursor: pointer;border: none;outline:none;padding: 10px 12px;background-color:#444;color:#fff;}
.transBtn{cursor: pointer;border: none;outline:none;padding: 10px 12px;background-color:transparent;color:#fff;}


.checkbox-x2 {
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    text-align: center;
    margin: 10px 0px 0px 8px;
}


/* */