@charset "utf-8";
body,label,input,button,select,textarea{font-family:Apple SD Gothic Neo,'Noto Sans KR', 'NanumSquare',Dotum,돋움,sans-serif;}
html{overflow-y:scroll;background:#fff;}
html,h1,h2,h3,h4,h5,h6,form,fieldset,img{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{font-size:1em;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
#hd ul,nav ul,#ft ul{margin:0;padding:0;list-style:none}
legend{position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label,input,button,select,img{vertical-align:middle;}
input,button{margin:0;padding:0;font-size:1em}
button{border:0;cursor:pointer;background:transparent;}
input[type=text],input[type=password],input[type=submit],input[type=image],button{-webkit-appearance:none}
textarea,select{font-size:1em;}
textarea{-webkit-appearance:none;-webkit-overflow-scrolling:touch;width:100%;}
select{margin:0}
p{margin:0;padding:0;word-break:break-all}
hr{width:100%;height:1px;background-color:rgba(0,0,0,0.12);border:none;}
pre{overflow-x:scroll;font-size:1.1em}
ul,li{margin:0;padding:0;list-style:none;}
table,tr,th,td{border-collapse:collapse;border-spacing:0;}
body{/*-webkit-user-select:none;*/-webkit-tap-highlight-color:rgba(0,0,0,0)}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;/*피봇시 글자커짐 방지 */-webkit-overflow-scrolling:touch;}
a:link,a:visited{text-decoration:none}
a:focus, textarea:focus, select:focus, input:focus, button:focus{outline:0;}
a:hover,a:focus,a:active{text-decoration:none}
a{color:#3f4148;color:inherit;}

/* common */
i{font-style:normal;}
b, .bold{font-weight:bold;}
.normal{font-weight:normal;}
.clear{clear:both;display:block;}
.none{display:none !important;}
.hidden{visibility:hidden !important;}
.noborder{border:none !important;}
.tcenter{text-align:center !important;} .tleft{text-align:left !important;} .tright{text-align:right !important;} .fcenter{margin:0 auto;} .fleft{float:left !important;} .fright{float:right !important;}
.divCenter{display:flex;align-items:center;justify-content:center;}
.fixed{position:fixed;}

.help-block{color:#8e9197;line-height:1.3em;display:inline-block;}
.help-block a{color:#8da2a8;text-decoration:underline !important;}
.help-block a:hover{color:#6d8288;}
p.help-block{display:block;}
div.help-block{display:block;}

/* fontColor */
.color-yellow{color:#fff600 !important;}
.color-red{color:#f24141 !important;}
.color-blue{color:#4972f8 !important;}
.color-black{color:#252525 !important;}
.color-gray{color:#727272 !important;}
.color-green{color:#5dcc8e !important;}
.color-pointColor{color:#ff3333 !important;}


/*──────────────── flex ────────────────*/
.flex{display:flex !important;align-items:flex-start;}
.inline-flex{display:inline-flex !important;}
.flex.column, .inline-flex.column{flex-direction:column !important;}
.flex-top{align-items:flex-start !important;}
.flex-middle{align-items:center !important;}
.flex-bottom{align-items:flex-end !important;}
.flex-left{justify-content:flex-start !important;}
.flex-center{justify-content:center !important;}
.flex-right{justify-content:flex-end !important;}
.flex-stretch{align-items:stretch !important;}
.flex-wrap{display:flex;align-items:center;flex-wrap:wrap;}
.flex1{flex:1;}
.flex > .left{margin-right:auto;}.flex > .right{margin-left:auto;}
.item-top{align-self:start}.item-middle{align-self:center;}.item-bottom{align-self:end}.item-stretch{align-self:stretch}.item-left{margin-right:auto;}.item-right{margin-left:auto;}
.flexCenter{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.flex.column > div{width:100%;}
.flex{gap:10px;}
.gap0{gap:0 !important;}.gap1{gap:1px !important;}.gap2{gap:2px !important;}.gap3{gap:3px !important;}.gap4{gap:4px !important;}.gap5{gap:5px !important;}
.gap6{gap:6px !important;}.gap7{gap:7px !important;}.gap8{gap:8px !important;}.gap9{gap:9px !important;}.gap10{gap:10px !important;}
.gap15{gap:15px !important;}.gap20{gap:20px !important;}.gap25{gap:25px !important;}.gap30{gap:30px !important;}.gap35{gap:35px !important;}
.gap40{gap:40px !important;}.gap45{gap:45px !important;}.gap50{gap:50px !important;}.gap55{gap:55px !important;}.gap60{gap:60px !important;}
.gap65{gap:65px !important;}.gap70{gap:70px !important;}.gap75{gap:75px !important;}.gap80{gap:80px !important;}.gap85{gap:85px !important;}
.gap90{gap:90px !important;}.gap95{gap:95px !important;}.gap100{gap:100px !important;}
.flex.line{align-items:stretch;gap:45px;}
.flex.line > *:not(:first-child){padding-left:45px;border-left:1px solid rgba(0,0,0,0.1);}
.flex.line.gap5 > *:not(:first-child){padding-left:5px;}.flex.line.gap10 > *:not(:first-child){padding-left:10px;}.flex.line.gap15 > *:not(:first-child){padding-left:15px;}.flex.line.gap20 > *:not(:first-child){padding-left:20px;}
.flex.line.gap25 > *:not(:first-child){padding-left:25px;}.flex.line.gap30 > *:not(:first-child){padding-left:30px;}.flex.line.gap35 > *:not(:first-child){padding-left:35px;}.flex.line.gap40 > *:not(:first-child){padding-left:40px;}
.flex.line.gap45 > *:not(:first-child){padding-left:45px;}.flex.line.gap50 > *:not(:first-child){padding-left:50px;}.flex.line.gap55 > *:not(:first-child){padding-left:55px;}.flex.line.gap60 > *:not(:first-child){padding-left:60px;}
.flex.line.gap65 > *:not(:first-child){padding-left:65px;}.flex.line.gap70 > *:not(:first-child){padding-left:70px;}.flex.line.gap75 > *:not(:first-child){padding-left:75px;}.flex.line.gap80 > *:not(:first-child){padding-left:80px;}
.flex.line.gap85 > *:not(:first-child){padding-left:85px;}.flex.line.gap90 > *:not(:first-child){padding-left:90px;}.flex.line.gap95 > *:not(:first-child){padding-left:95px;}.flex.line.gap100 > *:not(:first-child){padding-left:100px;}
.flex.line.gap110 > *:not(:first-child){padding-left:110px;}.flex.line.gap120 > *:not(:first-child){padding-left:120px;}.flex.line.gap130 > *:not(:first-child){padding-left:130px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .flex:after{display:block;visibility:hidden;clear:both;content:""}
    .flex > .right{float:right}
}


/*──────────────── Margin ────────────────*/
.mt5{margin-top:5px !important;} .mt10{margin-top:10px !important;} .mt15{margin-top:15px !important;} .mt20{margin-top:20px !important;} .mt25{margin-top:25px !important;} .mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;} .mt40{margin-top:40px !important;} .mt45{margin-top:45px !important;} .mt50{margin-top:50px !important;} .mt55{margin-top:55px !important;} .mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;} .mt70{margin-top:70px !important;} .mt75{margin-top:75px !important;} .mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;} .mt90{margin-top:90px !important;} .mt95{margin-top:95px !important;} .mt100{margin-top:100px !important;}
.mr5{margin-right:5px !important;} .mr10{margin-right:10px !important;} .mr15{margin-right:15px !important;} .mr20{margin-right:20px !important;} .mr25{margin-right:25px !important;} .mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;} .mr40{margin-right:40px !important;} .mr45{margin-right:45px !important;} .mr50{margin-right:50px !important;} .mr55{margin-right:55px !important;} .mr60{margin-right:60px !important;}
.mr65{margin-right:65px !important;} .mr70{margin-right:70px !important;} .mr75{margin-right:75px !important;} .mr80{margin-right:80px !important;} .mr85{margin-right:85px !important;}
.mr90{margin-right:90px !important;} .mr95{margin-right:95px !important;} .mr100{margin-right:100px !important;}
.ml5{margin-left:5px !important;} .ml10{margin-left:10px !important;} .ml15{margin-left:15px !important;} .ml20{margin-left:20px !important;} .ml25{margin-left:25px !important;} .ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;} .ml40{margin-left:40px !important;} .ml45{margin-left:45px !important;} .ml50{margin-left:50px !important;} .ml55{margin-left:55px !important;} .ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;} .ml70{margin-left:70px !important;} .ml75{margin-left:75px !important;} .ml80{margin-left:80px !important;} .ml85{margin-left:85px !important;}
.ml90{margin-left:90px !important;} .ml95{margin-left:95px !important;} .ml100{margin-left:100px !important;}
.mb5{margin-bottom:5px !important;} .mb10{margin-bottom:10px !important;} .mb15{margin-bottom:15px !important;} .mb20{margin-bottom:20px !important;} .mb25{margin-bottom:25px !important;} .mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;} .mb40{margin-bottom:40px !important;} .mb45{margin-bottom:45px !important;} .mb50{margin-bottom:50px !important;} .mb55{margin-bottom:55px !important;} .mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;} .mb70{margin-bottom:70px !important;} .mb75{margin-bottom:75px !important;} .mb80{margin-bottom:80px !important;} .mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;} .mb95{margin-bottom:95px !important;} .mb100{margin-bottom:100px !important;}


/*──────────────── span :Width ────────────────*/
[class*="span"], [class^="span"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:relative;vertical-align:middle;max-width:100% !important;}
.span{width:100%;}
.span1em{width:1em;}.span2em{width:2em;}.span3em{width:3em;}.span4em{width:4em;}.span5em{width:5em;}.span6em{width:6em;}.span7em{width:7em;}.span8em{width:8em;}.span9em{width:9em;}.spanauto{width:auto !important;}
.span10{width:10px;} .span20{width:20px;} .span30{width:30px;} .span40{width:40px;} .span50{width:50px;} .span60{width:60px;} .span70{width:70px;} .span80{width:80px;} .span90{width:90px;}
.span100{width:100px;} .span110{width:110px;} .span120{width:120px;} .span130{width:130px;} .span140{width:140px;} .span150{width:150px;} .span160{width:160px;} .span170{width:170px;} .span180{width:180px;} .span190{width:190px;}
.span200{width:200px;} .span210{width:210px;} .span220{width:220px;} .span230{width:230px;} .span240{width:240px;} .span250{width:250px;} .span260{width:260px;} .span270{width:270px;} .span280{width:280px;} .span290{width:290px;}
.span300{width:300px;} .span310{width:310px;} .span320{width:320px;} .span330{width:330px;} .span340{width:340px;} .span350{width:350px;} .span360{width:360px;} .span370{width:370px;} .span380{width:380px;} .span390{width:390px;}
.span400{width:400px;} .span410{width:410px;} .span420{width:420px;} .span430{width:430px;} .span440{width:440px;} .span450{width:450px;} .span460{width:460px;} .span470{width:470px;} .span480{width:480px;} .span490{width:490px;}
.span500{width:500px;} .span510{width:510px;} .span520{width:520px;} .span530{width:530px;} .span540{width:540px;} .span550{width:550px;} .span560{width:560px;} .span570{width:570px;} .span580{width:580px;} .span590{width:590px;}
.span600{width:600px;} .span610{width:610px;} .span620{width:620px;} .span630{width:630px;} .span640{width:640px;} .span650{width:650px;} .span660{width:660px;} .span670{width:670px;} .span680{width:680px;} .span690{width:690px;}
.span700{width:700px;} .span710{width:710px;} .span720{width:720px;} .span730{width:730px;} .span740{width:740px;} .span750{width:750px;} .span760{width:760px;} .span770{width:770px;} .span780{width:780px;} .span790{width:790px;}
.span800{width:800px;} .span810{width:810px;} .span820{width:820px;} .span830{width:830px;} .span840{width:840px;} .span850{width:850px;} .span860{width:860px;} .span870{width:870px;} .span880{width:880px;} .span890{width:890px;}
.span900{width:900px;} .span910{width:910px;} .span920{width:920px;} .span930{width:930px;} .span940{width:940px;} .span950{width:950px;} .span960{width:960px;} .span970{width:970px;} .span980{width:980px;} .span990{width:990px;}
.span5{width:5px;} .span15{width:15px;} .span25{width:25px;} .span35{width:35px;} .span45{width:45px;} .span55{width:55px;} .span65{width:65px;} .span75{width:75px;} .span85{width:85px;} .span95{width:95px;}
.span105{width:105px;} .span115{width:115px;} .span125{width:125px;} .span135{width:135px;} .span145{width:145px;} .span155{width:155px;} .span165{width:165px;} .span175{width:175px;} .span185{width:185px;} .span195{width:195px;}
.span205{width:205px;} .span215{width:215px;} .span225{width:225px;} .span235{width:235px;} .span245{width:245px;} .span255{width:255px;} .span265{width:265px;} .span275{width:275px;} .span285{width:285px;} .span295{width:295px;}
.span305{width:305px;} .span315{width:315px;} .span325{width:325px;} .span335{width:335px;} .span345{width:345px;} .span355{width:355px;} .span365{width:365px;} .span375{width:375px;} .span385{width:385px;} .span395{width:395px;}
.span405{width:405px;} .span415{width:415px;} .span425{width:425px;} .span435{width:435px;} .span445{width:445px;} .span455{width:455px;} .span465{width:465px;} .span475{width:475px;} .span485{width:485px;} .span495{width:495px;}
.span505{width:505px;} .span515{width:515px;} .span525{width:525px;} .span535{width:535px;} .span545{width:545px;} .span555{width:555px;} .span565{width:565px;} .span575{width:575px;} .span585{width:585px;} .span595{width:595px;}
.span605{width:605px;} .span615{width:615px;} .span625{width:625px;} .span635{width:635px;} .span645{width:645px;} .span655{width:655px;} .span665{width:665px;} .span675{width:675px;} .span685{width:685px;} .span695{width:695px;}
.span705{width:705px;} .span715{width:715px;} .span725{width:725px;} .span735{width:735px;} .span745{width:745px;} .span755{width:755px;} .span765{width:765px;} .span775{width:775px;} .span785{width:785px;} .span795{width:795px;}
.span805{width:805px;} .span815{width:815px;} .span825{width:825px;} .span835{width:835px;} .span845{width:845px;} .span855{width:855px;} .span865{width:865px;} .span875{width:875px;} .span885{width:885px;} .span895{width:895px;}
.span905{width:905px;} .span915{width:915px;} .span925{width:925px;} .span935{width:935px;} .span945{width:945px;} .span955{width:955px;} .span965{width:965px;} .span975{width:975px;} .span985{width:985px;} .span995{width:995px;}

/*──────────────── font-size ────────────────*/
.fs11{font-size:11px !important;}.fs12{font-size:12px !important;}.fs13{font-size:13px !important;}.fs14{font-size:14px !important;}.fs15{font-size:15px !important;}.fs16{font-size:16px !important;}.fs17{font-size:17px !important;}.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}.fs20{font-size:20px !important;}.fs21{font-size:21px !important;}.fs22{font-size:22px !important;}.fs23{font-size:23px !important;}.fs24{font-size:24px !important;}.fs25{font-size:25px !important;}
.fs26{font-size:26px !important;}.fs27{font-size:27px !important;}.fs28{font-size:28px !important;}.fs29{font-size:29px !important;}.fs30{font-size:30px !important;}.fs31{font-size:31px !important;}.fs32{font-size:32px !important;}
.fs33{font-size:33px !important;}.fs34{font-size:34px !important;}.fs35{font-size:35px !important;}.fs36{font-size:36px !important;}.fs37{font-size:37px !important;}.fs38{font-size:38px !important;}.fs39{font-size:39px !important;}
.fs40{font-size:40px !important;}.fs41{font-size:41px !important;}.fs42{font-size:42px !important;}.fs43{font-size:43px !important;}.fs44{font-size:44px !important;}.fs45{font-size:45px !important;}.fs46{font-size:46px !important;}
.fs47{font-size:47px !important;}.fs48{font-size:48px !important;}.fs49{font-size:49px !important;}.fs50{font-size:50px !important;}.fs51{font-size:51px !important;}.fs52{font-size:52px !important;}.fs53{font-size:53px !important;}
.fs54{font-size:54px !important;}.fs55{font-size:55px !important;}.fs56{font-size:56px !important;}.fs57{font-size:57px !important;}.fs58{font-size:58px !important;}.fs59{font-size:59px !important;}.fs60{font-size:60px !important;}
.fs70{font-size:70px !important;}.fs80{font-size:80px !important;}.fs90{font-size:90px !important;}.fs100{font-size:100px !important;}.fs110{font-size:110px !important;}

/*──────────────── padding-lr ────────────────*/
.padding0{padding:0 !important;}.padding-lr0{padding-left:0 !important;padding-right:0 !important;}
.padding-lr5{padding-left:5px !important;padding-right:5px !important;}.padding-lr10{padding-left:10px !important;padding-right:10px !important;}.padding-lr15{padding-left:15px !important;padding-right:15px !important;}
.padding-lr20{padding-left:20px !important;padding-right:20px !important;}.padding-lr25{padding-left:25px !important;padding-right:25px !important;}.padding-lr30{padding-left:30px !important;padding-right:30px !important;}
.padding-lr35{padding-left:35px !important;padding-right:35px !important;}.padding-lr40{padding-left:40px !important;padding-right:40px !important;}.padding-lr45{padding-left:45px !important;padding-right:45px !important;}
.padding-lr50{padding-left:50px !important;padding-right:50px !important;}.padding-lr55{padding-left:55px !important;padding-right:55px !important;}.padding-lr60{padding-left:60px !important;padding-right:60px !important;}
.padding-lr65{padding-left:65px !important;padding-right:65px !important;}




/*____________________________ FORM ____________________________*/


/* btn */
.btn{position:relative;color:#fff;text-align:center;background:#c0c5ca;display:inline-flex;align-items:center;justify-content:center;
    -moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;transition:all .1s ease-in-out;cursor:pointer;}
.btn:hover{background:#9fa8b0;}
.btn[class*='span']{display:inline-flex;}
/* size */
.btn, input:not([type="checkbox"]):not([type="radio"]):not(.search), select{padding-left:15px;padding-right:15px;height:52px;font-size:17px;font-weight:400;border-radius:4px;}
.btn.mini, input:not([type="checkbox"]):not([type="radio"]).mini, .mini select{height:32px;font-size:15px;padding:0 10px;line-height:1em;}
.btn.small, input:not([type="checkbox"]):not([type="radio"]).small, .small select{height:48px;font-size:16px;padding:0 15px;border-width:2px;}
.btn.large, input:not([type="checkbox"]):not([type="radio"]).large, .large select{padding-left:15px;padding-right:15px;height:60px;border-width:2px;border-radius:4px;}

.btn.line{background:transparent;color:#383838;border:2px solid rgba(53,57,69,0.3);}
.btn.reverse{background:transparent;color:#383838;border:2px solid rgba(53,57,69,0.9);} .btn.reverse:hover{color:#fff;background:rgba(53,57,69,1);border-color:rgba(53,57,69,1);}
.btn.light{background:rgba(255,255,255,0.8);color:#383838;} .btn.light:hover{background:#fff;color:#0d0d0d;}
.btn.light-reverse{background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.85);} .btn.light-reverse:hover{background:#fff;color:rgba(0,0,0,0.9);border:2px solid #fff;}
.btn.black{background:rgba(0,0,0,0.85);color:#fff;} .btn.black:hover{background:#000;}
.btn.gray{background:rgba(53,57,69,0.3);color:#fff;} .btn.gray:hover{background:rgba(53,57,69,0.6);}
.btn.red{background:#ff4e4e;color:#fff;} .btn.red:hover{background:#e63232;}
.btn.blue{background:#4972f8;color:#fff;} .btn.blue:hover{background:#3660e9;}
.btn.blue-light{background:#62c8d8;color:#fff;} .btn.blue-light:hover{background:#4abcce;color:#fff;}
.btn.green{background:#1bc8a6;color:#fff;} .btn.green:hover{background:#0cb191;}
.btn.orange{background:#ff9921;color:#fff;} .btn.orange:hover{background:#eb740b;}
.btn.yellow{background:#ffdf31;color:#303030;} .btn.yellow:hover{background:#f7d100;}
.btn.blue-line{background:transparent;border:2px solid #4972f8;color:#4972f8;font-weight:600;} .btn.blue-line:hover{background:#4972f8;color:#fff;}


.btn.arrow:after{content:'\e931';font-family:'intaefont';font-size:12px;position:absolute;right:15px;color:rgba(0,0,0,0.5);}


.btn.pink{background:#f77b55;color:#fff;}

.btn-round{display:inline-flex;align-items:center;justify-content:center;color:rgba(0,0,0,0.7);border:1px solid rgba(0,0,0,0.6);height:50px;padding:0 15px;border-radius:50px;}


/*____________________________ tag ____________________________*/
.tag{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-size:1em;padding:0.1em 0.6em 0 0.6em;height:1.8em;border-radius:3px;background:rgba(53,57,69,0.8);color:#fff;}
.tag.mainColor{background:var(--mainColor);color:#fff;}
.tag.red{background:#ff5e52}
.tag.green{background:#1bc8a6}
.tag.gray{background:#bcbec6}
.tag.orange{background:#ff9130}
.tag.large{font-size:1.2em;height:2.2em;font-weight:600;padding:0 0.8em;font-family:'GongGothicLight',sans-serif;}
.tag.dealing{background:var(--mainColor);}




input{vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input:not([type="checkbox"]):not([type="radio"]), select{
    display:inline-block;
    vertical-align:middle;
    *overflow:visible;
    padding-top:2px;
    color:#151515;
    border:1px solid rgba(0,0,0,0.25);
    background-color:#fff;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    appearance:none;
    position:relative;
    z-index:3;
}
input:-moz-placeholder, textarea:-moz-placeholder {color:#bfbfbf;font-weight:400;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#bfbfbf;font-weight:400;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#bfbfbf;font-weight:400;}
input::-moz-focus-inner, button::-moz-focus-inner{border:0;padding:0;}

input.datepicker{/*font-family:'GongGothicMedium';*/font-family:'GongGothicLight';}
input.datepicker:-moz-placeholder{font-family:Apple SD Gothic Neo,'NanumSquare',Dotum,돋움,sans-serif}
input.datepicker:-ms-input-placeholder{font-family:Apple SD Gothic Neo,'NanumSquare',Dotum,돋움,sans-serif}
input.datepicker::-webkit-input-placeholder{font-family:Apple SD Gothic Neo,'NanumSquare',Dotum,돋움,sans-serif}
input.datepicker::-moz-focus-inner{}

.input-label input:not([type="checkbox"]):not([type="radio"]){width:100%;}

.mySelect{text-decoration:none;display:flex;align-items:center;position:relative;color:#818283;}
.mySelect.spanauto{display:inline-flex;}
.mySelect:after{content:'\59';font-family:'kojipsa';position:absolute;right:0;top:0;z-index:6;width:40px;height:100%;font-size:12px;color:#9e9e9e;text-align:center;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;}
.mySelect select{color:inherit;width:100%;padding-right:40px !important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
.mySelect select::-ms-expand{display:none;}
select option{background-color:#fff;color:#000;}
.mySelect span{display:inline-flex;align-items:center;justify-content:center;width:100px;height:60px;background:#a9a9a9;color:#fff;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.mySelect span + select{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;flex:1;}
.mySelect.focus span{background:rgba(0,0,0,0.5);box-shadow:0px 5px 0px rgba(0,0,0,0.07);}
.mySelect.filled span{background:var(--mainColor);}

input:not([type="checkbox"]):not([type="radio"]):not(:read-only):not(.search):focus, select:focus{border-color:rgba(0,0,0,0.5);box-shadow:0px 5px 0px rgba(0,0,0,0.07);}
input:not([type="checkbox"]):not([type="radio"]):not(:read-only):not(.search).filled, .mySelect.filled select{border-color:var(--mainColor);color:var(--mainColor);}
.mySelect.focus:after{color:rgba(0,0,0,0.6);}
.mySelect.filled:after{color:var(--mainColor);}
input:not([type="checkbox"]):not([type="radio"]):focus, .mySelect.focus{z-index:5;}

.myform{display:inline-flex;align-items:center;position:relative;z-index:1;}
.myform .label{position:absolute;top:50%;left:20px;margin-top:-0.75em;z-index:10;display:inline-block;color:#bfbfbf;transition:all 0.2s cubic-bezier(0.5,0,0,1.25);}
.myform .label.small{font-size:0.8em;margin-top:-1.9em;color:#9a9a9a;}
.myform input:not([type="checkbox"]):not([type="radio"]){width:100%;height:3.8em;padding-top:1.1em;padding-left:18px;border-radius:6px;border-width:1.5px;border-radius:6px;}
.myform input:not([type="checkbox"]):not([type="radio"]):not(:read-only).filled, .myform input:not([type="checkbox"]):not([type="radio"]).filled:focus{border-color:var(--maincolor)}
.myform input:not([type="checkbox"]):not([type="radio"]) + .btnSubmit{position:absolute;top:0;right:0;min-width:64px;width:auto;height:100%;margin:0;padding:0 15px;z-index:10;font-weight:600;font-size:0.95em;color:#c5c5c5;
    border:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;}
.myform input:not([type="checkbox"]):not([type="radio"]).filled + .btnSubmit{color:#ff4e4e;}



.mySearch{position:relative;display:block;font-size:1em !important;}
.mySearch input.search{background:rgba(0,0,0,0.08);border:0;font-size:1.1em;height:2.4em;padding-left:2.4em;border-radius:4px;}
.mySearch .icon-search:before{content:'\53' !important;font-family:'kojipsa' !important;font-size:1em;color:rgba(0,0,0,0.5);font-weight:normal;position:absolute;top:0;left:0;z-index:3;width:2.8em;height:100%;display:flex;align-items:center;justify-content:center;}


.ul-postCode .myform input:not([type="checkbox"]):not([type="radio"]):not(:read-only).filled,
.ul-postCode .myform input:not([type="checkbox"]):not([type="radio"]).filled:focus{border-color:rgba(0,0,0,0.8);}
.ul-postCode .myform input:not([type="checkbox"]):not([type="radio"]).filled{color:rgba(0,0,0,0.8);}
.ul-postCode .myform input:not([type="checkbox"]):not([type="radio"]) + .btnSubmit.mainColor{color:var(--mainColor);}


textarea{font-size:16px;font-weight:400;border-radius:4px;padding:15px;border:1.5px solid rgba(0,0,0,0.25);}
textarea.bg-gray{border:0;background:rgba(71,78,103,0.05);}