@charset "UTF-8"; /*--------------------------------------------------------- 리더기전용 ---------------------------*/
.sr-only { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } 
:root{
    /* color */
    --g-blue: #6BA5F4;
    --g-blue2: #366DB6;
    --g-blue3: #334EAC;
    --g-blue-10: rgba(54, 109, 182, 0.1);
    --g-green: #61CFBA;
    --g-green2: #389E8A;
    --g-green-10: rgba(97, 207, 186, 0.1);
    --g-pink: #F87AA7;
    --g-pink2: #B7476F;
    --g-pink3: #E6386D;
    --g-pink-10: rgba(248, 122, 167, 0.1);
    --g-yellow: #FFCF53 ;
    --g-yellow2: #FFBC0E;
    --g-yellow3: #FFA800;
    --g-yellow-10: rgba(255,207,83,0.1);
    --g-black: #000;
    --g-black9: #292929;
    --g-black8: #424242;
    --g-black7: #5B5B5B;
    --g-black6: #757575;
    --g-black5: #888;
    --g-black4: #BABABA;
    --g-black3: #D0D0D0;
    --g-black2: #E4E4E4;
    --g-black1: #F7F7F7;
    --g-black-10: rgba(136, 136, 136, 0.1);
    --g-white: #fff;
    --g-purple: #D1B2D9;
    --g-purple2: #4D4485;
    --g-purple3: #827CAA;
    --g-purple-10: rgba(209,178,217,0.1);
    --g-navy: #363C54;
    --g-navy6: rgba(54, 60, 84, 0.6);
    --g-navy-10: rgba(54, 60, 84, 0.1);
    --g-red: #FF505A;
    --g-red2: #BA3232;
    --g-red3: #FF7878;
    --g-red4: #FFF3F3;

}



/*size{*/
.width-full{width:100%}.width-half{width:50%}.width-third{width:33.3333%}.width-quart{width:25%}.width-fifth{width:20%}.width-10{width:10px;}.width-15{width:15px;}.width-20{width:20px;}.width-25{width:25px;}.width-30{width:30px;}.width-35{width:35px;}.width-40{width:40px;}.width-45{width:45px;}.width-50{width:50px;}.width-55{width:55px;}.width-60{width:60px;}.width-65{width:65px;}.width-70{width:70px;}.width-75{width:75px;}.width-80{width:80px;}.width-85{width:85px;}.width-90{width:90px;}.width-95{width:95px;}.width-100{width:100px;}.width-110{width:110px;}.width-115{width:115px;}.width-120{width:120px;}.width-125{width:125px;}.width-130{width:130px;}.width-135{width:135px;}.width-140{width:140px;}.width-145{width:145px;}.width-150{width:150px;}.width-155{width:155px;}.width-160{width:160px;}.width-165{width:165px;}.width-170{width:170px;}.width-175{width:175px;}.width-180{width:180px;}.width-185{width:185px;}.width-190{width:190px;}.width-195{width:195px;}.width-200{width:200px;}.width-210{width:210px;}.width-215{width:215px;}.width-220{width:220px;}.width-225{width:225px;}.width-230{width:230px;}.width-235{width:235px;}.width-240{width:240px;}.width-245{width:245px;}.width-250{width:250px;}.width-255{width:255px;}.width-260{width:260px;}.width-265{width:265px;}.width-270{width:270px;}.width-275{width:275px;}.width-280{width:280px;}.width-285{width:285px;}.width-290{width:290px;}.width-295{width:295px;}.width-300{width:300px;}.width-310{width:310px;}.width-315{width:315px;}.width-320{width:320px;}.width-325{width:325px;}.width-330{width:330px;}.width-335{width:335px;}.width-340{width:340px;}.width-345{width:345px;}.width-350{width:350px;}.width-355{width:355px;}.width-360{width:360px;}.width-365{width:365px;}.width-370{width:370px;}.width-375{width:375px;}.width-380{width:380px;}.width-385{width:385px;}.width-390{width:390px;}.width-395{width:395px;}.width-400{width:400px;}.width-410{width:410px;}.width-415{width:415px;}.width-420{width:420px;}.width-425{width:425px;}.width-430{width:430px;}.width-435{width:435px;}.width-440{width:440px;}.width-445{width:445px;}.width-450{width:450px;}.width-455{width:455px;}.width-460{width:460px;}.width-465{width:465px;}.width-470{width:470px;}.width-475{width:475px;}.width-480{width:480px;}.width-485{width:485px;}.width-490{width:490px;}.width-495{width:495px;}.width-500{width:500px;}.width-510{width:510px;}.width-515{width:515px;}.width-520{width:520px;}.width-525{width:525px;}.width-530{width:530px;}.width-535{width:535px;}.width-540{width:540px;}.width-545{width:545px;}.width-550{width:550px;}.width-555{width:555px;}.width-560{width:560px;}.width-565{width:565px;}.width-570{width:570px;}.width-575{width:575px;}.width-580{width:580px;}.width-585{width:585px;}.width-590{width:590px;}.width-595{width:595px;}.width-600{width:600px;}.width-610{width:610px;}.width-615{width:615px;}.width-620{width:620px;}.width-625{width:625px;}.width-630{width:630px;}.width-635{width:635px;}.width-640{width:640px;}.width-645{width:645px;}.width-650{width:650px;}.width-655{width:655px;}.width-660{width:660px;}.width-665{width:665px;}.width-670{width:670px;}.width-675{width:675px;}.width-680{width:680px;}.width-685{width:685px;}.width-690{width:690px;}.width-695{width:695px;}.width-700{width:700px;}.width-710{width:710px;}.width-715{width:715px;}.width-720{width:720px;}.width-725{width:725px;}.width-730{width:730px;}.width-735{width:735px;}.width-740{width:740px;}.width-745{width:745px;}.width-750{width:750px;}.width-755{width:755px;}.width-760{width:760px;}.width-765{width:765px;}.width-770{width:770px;}.width-775{width:775px;}.width-780{width:780px;}.width-785{width:785px;}.width-790{width:790px;}.width-795{width:795px;}.width-800{width:800px;}.width-810{width:810px;}.width-815{width:815px;}.width-820{width:820px;}.width-825{width:825px;}.width-830{width:830px;}.width-835{width:835px;}.width-840{width:840px;}.width-845{width:845px;}.width-850{width:850px;}.width-855{width:855px;}.width-860{width:860px;}.width-865{width:865px;}.width-870{width:870px;}.width-875{width:875px;}.width-880{width:880px;}.width-885{width:885px;}.width-890{width:890px;}.width-895{width:895px;}.width-900{width:900px;}.width-910{width:910px;}.width-915{width:915px;}.width-920{width:920px;}.width-925{width:925px;}.width-930{width:930px;}.width-935{width:935px;}.width-940{width:940px;}.width-945{width:945px;}.width-950{width:950px;}.width-955{width:955px;}.width-960{width:960px;}.width-965{width:965px;}.width-970{width:970px;}.width-975{width:975px;}.width-980{width:980px;}.width-985{width:985px;}.width-990{width:990px;}.width-995{width:995px;}.width-1000{width:1000px;}.width-1010{width:1010px;}.width-1015{width:1015px;}.width-1020{width:1020px;}.width-1025{width:1025px;}.width-1030{width:1030px;}.width-1035{width:1035px;}.width-1040{width:1040px;}.width-1045{width:1045px;}.width-1050{width:1050px;}.width-1055{width:1055px;}.width-1060{width:1060px;}.width-1065{width:1065px;}.width-1070{width:1070px;}.width-1075{width:1075px;}.width-1080{width:1080px;}.width-1085{width:1085px;}.width-1090{width:1090px;}.width-1095{width:1095px;}
.height-10{height:10px;}.height-15{height:15px;}.height-20{height:20px;}.height-25{height:25px;}.height-30{height:30px;}.height-35{height:35px;}.height-40{height:40px;}.height-45{height:45px;}.height-50{height:50px;}.height-55{height:55px;}.height-60{height:60px;}.height-65{height:65px;}.height-70{height:70px;}.height-75{height:75px;}.height-80{height:80px;}.height-85{height:85px;}.height-90{height:90px;}.height-95{height:95px;}.height-100{height:100px;}.height-110{height:110px;}.height-115{height:115px;}.height-120{height:120px;}.height-125{height:125px;}.height-130{height:130px;}.height-135{height:135px;}.height-140{height:140px;}.height-145{height:145px;}.height-150{height:150px;}.height-155{height:155px;}.height-160{height:160px;}.height-165{height:165px;}.height-170{height:170px;}.height-175{height:175px;}.height-180{height:180px;}.height-185{height:185px;}.height-190{height:190px;}.height-195{height:195px;}.height-200{height:200px;}.height-210{height:210px;}.height-215{height:215px;}.height-220{height:220px;}.height-225{height:225px;}.height-230{height:230px;}.height-235{height:235px;}.height-240{height:240px;}.height-245{height:245px;}.height-250{height:250px;}.height-255{height:255px;}.height-260{height:260px;}.height-265{height:265px;}.height-270{height:270px;}.height-275{height:275px;}.height-280{height:280px;}.height-285{height:285px;}.height-290{height:290px;}.height-295{height:295px;}.height-300{height:300px;}.height-310{height:310px;}.height-315{height:315px;}.height-320{height:320px;}.height-325{height:325px;}.height-330{height:330px;}.height-335{height:335px;}.height-340{height:340px;}.height-345{height:345px;}.height-350{height:350px;}.height-355{height:355px;}.height-360{height:360px;}.height-365{height:365px;}.height-370{height:370px;}.height-375{height:375px;}.height-380{height:380px;}.height-385{height:385px;}.height-390{height:390px;}.height-395{height:395px;}.height-400{height:400px;}.height-410{height:410px;}.height-415{height:415px;}.height-420{height:420px;}.height-425{height:425px;}.height-430{height:430px;}.height-435{height:435px;}.height-440{height:440px;}.height-445{height:445px;}.height-450{height:450px;}.height-455{height:455px;}.height-460{height:460px;}.height-465{height:465px;}.height-470{height:470px;}.height-475{height:475px;}.height-480{height:480px;}.height-485{height:485px;}.height-490{height:490px;}.height-495{height:495px;}.height-500{height:500px;}.height-510{height:510px;}.height-515{height:515px;}.height-520{height:520px;}.height-525{height:525px;}.height-530{height:530px;}.height-535{height:535px;}.height-540{height:540px;}.height-545{height:545px;}.height-550{height:550px;}.height-555{height:555px;}.height-560{height:560px;}.height-565{height:565px;}.height-570{height:570px;}.height-575{height:575px;}.height-580{height:580px;}.height-585{height:585px;}.height-590{height:590px;}.height-595{height:595px;}.height-600{height:600px;}.height-610{height:610px;}.height-615{height:615px;}.height-620{height:620px;}.height-625{height:625px;}.height-630{height:630px;}.height-635{height:635px;}.height-640{height:640px;}.height-645{height:645px;}.height-650{height:650px;}.height-655{height:655px;}.height-660{height:660px;}.height-665{height:665px;}.height-670{height:670px;}.height-675{height:675px;}.height-680{height:680px;}.height-685{height:685px;}.height-690{height:690px;}.height-695{height:695px;}.height-700{height:700px;}.height-710{height:710px;}.height-715{height:715px;}.height-720{height:720px;}.height-725{height:725px;}.height-730{height:730px;}.height-735{height:735px;}.height-740{height:740px;}.height-745{height:745px;}.height-750{height:750px;}.height-755{height:755px;}.height-760{height:760px;}.height-765{height:765px;}.height-770{height:770px;}.height-775{height:775px;}.height-780{height:780px;}.height-785{height:785px;}.height-790{height:790px;}.height-795{height:795px;}.height-800{height:800px;}.height-810{height:810px;}.height-815{height:815px;}.height-820{height:820px;}.height-825{height:825px;}.height-830{height:830px;}.height-835{height:835px;}.height-840{height:840px;}.height-845{height:845px;}.height-850{height:850px;}.height-855{height:855px;}.height-860{height:860px;}.height-865{height:865px;}.height-870{height:870px;}.height-875{height:875px;}.height-880{height:880px;}.height-885{height:885px;}.height-890{height:890px;}.height-895{height:895px;}.height-900{height:900px;}.height-910{height:910px;}.height-915{height:915px;}.height-920{height:920px;}.height-925{height:925px;}.height-930{height:930px;}.height-935{height:935px;}.height-940{height:940px;}.height-945{height:945px;}.height-950{height:950px;}.height-955{height:955px;}.height-960{height:960px;}.height-965{height:965px;}.height-970{height:970px;}.height-975{height:975px;}.height-980{height:980px;}.height-985{height:985px;}.height-990{height:990px;}.height-995{height:995px;}.height-1000{height:1000px;}.height-1010{height:1010px;}.height-1015{height:1015px;}.height-1020{height:1020px;}.height-1025{height:1025px;}.height-1030{height:1030px;}.height-1035{height:1035px;}.height-1040{height:1040px;}.height-1045{height:1045px;}.height-1050{height:1050px;}.height-1055{height:1055px;}.height-1060{height:1060px;}.height-1065{height:1065px;}.height-1070{height:1070px;}.height-1075{height:1075px;}.height-1080{height:1080px;}.height-1085{height:1085px;}.height-1090{height:1090px;}.height-1095{height:1095px;}
/*}size*/
/*align*/
.text-align-left{text-align: left;}.text-align-center{text-align: center;}.text-align-right{text-align: right;}
/*weight*/
.font-weight-l{font-weight: 300;}.font-weight-r{font-weight: 400;}.font-weight-m{font-weight: 500;}.font-weight-b{font-weight: 700;}.font-weight-eb{font-weight: 900;}
    

/*--------------------------------------------------------- FLEX ---------------------------*/
.flex { display:flex; } 
.flex-c-all { display:flex; align-items:center; justify-content:center; } 
.flex-c-space { display:flex; align-items:center; justify-content:space-between; } 

.flex-h-c { display:flex; align-items:center; } 
.flex-space { display:flex; justify-content:space-between; } 

.flex-txt-c a { display:flex; align-items:center; justify-content:center; }
.flex-column{flex-direction: column;}



/*--------------------------------------------------------- FORM COMMON ---------------------------*/
/*---- 공통 ----*/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],
select,
.txt-box,
.attach__btn { width:100%; border-radius:3px; border:1px solid #e4e4e4; font-size:15px; color:#232323; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],
select { height:50px; padding:0 20px; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    opacity: 1;
}


textarea { display:block; padding:6px 3px 6px 9px; width:100%; min-height:200px; line-height:1.5; font-size:inherit; }
textarea::-webkit-scrollbar { width:6px; height:6px; } 
textarea::-webkit-scrollbar-thumb { background:#a7a7a7; } 


/*---- 분리된 input ----*/
.input-sep { display:flex; align-items:center; } 
.input-sep .input-hyphen { width:28px; height:28px; padding:0 6px; text-align:center; } 

 /* input + button */
 .input-btn { display:flex; align-items:center; } 
 .input-btn input + button { margin-left:8px; } 
 .input-btn input[disabled="disabled"].attach__tit { color:#000 !important; } 


/*---- row ----*/
.input-row:not(:last-child) { margin-bottom:20px; } 
.input-row input:not(:last-child) { margin-bottom:10px; } 


/*---- email ----*/
.input-email input[type="text"].input-email__id { max-width:150px; } 
.input-email input[type="text"].input-email__add,
.input-email input[type="text"].input-email__add + select { max-width:180px; } 
.input-email input[type="text"].input-email__add + select { margin-left:8px; } 


/*---- tel ----*/
.input-sep.input-tel select,
.input-sep.input-tel input { max-width:117px; } 


/*---- select-required::첫번째 옵션 숨기기 ----*/
.select-required > select > option[value=""][disabled] { display:none; } 
.select-required > select:required:invalid { color:#a2a2a2; } 
.select-required > select > option { color:#000; } 


/*---- select:disabled ----*/
select:disabled {background-color: #f7f7f8;color:#888;}




/*---- date ----*/
input[type="date"] { max-width:180px; } 
input[type="datetime-local"] { max-width:260px; } 


/*---- datepick ----*/
.datepick input { max-width:180px; } 


/*---- dateTime ----*/
.date-time input { max-width:260px; } 


/*---- time ----*/
input[type="time"],
.input-time input { max-width:180px; } 


/*---- textbox ----*/
.txt-box { position:relative; padding-bottom:26px; } 
.txt-box__count { position:absolute; bottom:6px; right:9px; font-size:13px; } 


/*---- 파일첨부 ----*/
.attach__btn { position:relative; width:80px; font-size:15px; border:none; } 
.attach__input {position:absolute;top:0;right:0;height: 0 !important;width: 0 !important;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-moz-opacity:0;} 


/*---- 주소 ----*/
.address__post,
.address__detail input:not(:last-child) { margin-bottom:10px; } 
.address__post input { max-width:180px; }


.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;}
.mt110{margin-top: 110px !important;}
.mt120{margin-top: 120px !important;}
.mt130{margin-top: 130px !important;}
.mt140{margin-top: 140px !important;}
.mt150{margin-top: 150px !important;}
.mt160{margin-top: 160px !important;}
.mt170{margin-top: 170px !important;}
.mt180{margin-top: 180px !important;}
.mt190{margin-top: 190px !important;}
.mt200{margin-top: 200px !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;}
.mb110{margin-bottom: 110px !important;}
.mb120{margin-bottom: 120px !important;}
.mb130{margin-bottom: 130px !important;}
.mb140{margin-bottom: 140px !important;}
.mb150{margin-bottom: 150px !important;}
.mb160{margin-bottom: 160px !important;}
.mb170{margin-bottom: 170px !important;}
.mb180{margin-bottom: 180px !important;}
.mb190{margin-bottom: 190px !important;}
.mb200{margin-bottom: 200px !important;}

.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top: 50px !important;}
.pt55{padding-top: 55px !important;}
.pt60{padding-top: 60px !important;}
.pt65{padding-top: 65px !important;}
.pt70{padding-top: 70px !important;}
.pt75{padding-top: 75px !important;}
.pt80{padding-top: 80px !important;}
.pt85{padding-top: 85px !important;}
.pt90{padding-top: 90px !important;}
.pt95{padding-top: 95px !important;}
.pt100{padding-top: 100px !important;}
.pt150{padding-top: 150px !important;}
.pt200{padding-top: 200px !important;}

.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb45{padding-bottom: 45px !important;}
.pb50{padding-bottom: 50px !important;}
.pb55{padding-bottom: 55px !important;}
.pb60{padding-bottom: 60px !important;}
.pb65{padding-bottom: 65px !important;}
.pb70{padding-bottom: 70px !important;}
.pb75{padding-bottom: 75px !important;}
.pb80{padding-bottom: 80px !important;}
.pb85{padding-bottom: 85px !important;}
.pb90{padding-bottom: 90px !important;}
.pb95{padding-bottom: 95px !important;}
.pb100{padding-bottom: 100px !important;}
.pb150{padding-bottom: 150px !important;}
.pb200{padding-bottom: 200px !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;}
.ml150{margin-left: 150px !important;}
.ml200{margin-left: 200px !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;}
.mr150{margin-right: 150px !important;}
.mr200{margin-right: 200px !important;}


.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl40{padding-left: 40px !important;}
.pl45{padding-left: 45px !important;}
.pl50{padding-left: 50px !important;}
.pl55{padding-left: 55px !important;}
.pl60{padding-left: 60px !important;}
.pl65{padding-left: 65px !important;}
.pl70{padding-left: 70px !important;}
.pl75{padding-left: 75px !important;}
.pl80{padding-left: 80px !important;}
.pl85{padding-left: 85px !important;}
.pl90{padding-left: 90px !important;}
.pl95{padding-left: 95px !important;}
.pl100{padding-left: 100px !important;}
.pl150{padding-left: 150px !important;}
.pl200{padding-left: 200px !important;}

.pr5{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}
.pr35{padding-right: 35px !important;}
.pr40{padding-right: 40px !important;}
.pr45{padding-right: 45px !important;}
.pr50{padding-right: 50px !important;}
.pr55{padding-right: 55px !important;}
.pr60{padding-right: 60px !important;}
.pr65{padding-right: 65px !important;}
.pr70{padding-right: 70px !important;}
.pr75{padding-right: 75px !important;}
.pr80{padding-right: 80px !important;}
.pr85{padding-right: 85px !important;}
.pr90{padding-right: 90px !important;}
.pr95{padding-right: 95px !important;}
.pr100{padding-right: 100px !important;}
.pr150{padding-right: 150px !important;}
.pr200{padding-right: 200px !important;}


/*--------------------------------------------------------------------- 체크박스 & 라디오 --------------------------*/
/*-- 공통 --*/
input[type="checkbox"],
input[type="radio"] { display:none; } 

input[type="checkbox"] + label,
input[type="radio"] + label { display:flex; align-items:center; font-size:15px; } 

input[type="checkbox"] + label::before,
input[type="radio"] + label::before { content:''; border:1px solid #000; margin-right:6px; box-sizing:border-box; } 

input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before { content:''; background:url(../../images/cmn/ico_check.svg) no-repeat 50%; } 


/*-- CHECK BOX --*/
input[type="checkbox"] + label { color:#000; } 
input[type="checkbox"] + label::before { width:20px; height:20px; } 
input[type="checkbox"]:checked + label::before { background-size:0.75em; } 

 /* type */
 .checkbox-02 input[type="checkbox"]:checked + label,
 .radio-02 input[type="radio"]:checked + label { position:relative; } 
 .checkbox-02 input[type="checkbox"]:checked + label::before,
 .radio-02 input[type="radio"]:checked + label::before { background:none; } 
 .checkbox-02 input[type="checkbox"]:checked + label::after,
 .radio-02 input[type="radio"]:checked + label::after { content:""; position:absolute; top:50%; transform:translateY(-50%); background:#000; } 

 .checkbox-02 input[type="checkbox"]:checked + label::after { left:3px; width:14px; height:14px; } 
 .checkbox-03 input[type="checkbox"] + label::before { border-radius:4px; } 
 .checkbox-04 input[type="checkbox"] + label::before { border-radius:4px; } 
 .checkbox-04 input[type="checkbox"]:checked + label::before { background-color:#000; background-image:url(../../images/cmn/ico_check_w.svg); } 
 .checkbox-05 input[type="checkbox"] + label { color:#a2a2a2; } 


/*-- RADIO --*/
input[type="radio"] + label { color:#000; } 
input[type="radio"] + label::before { width:20px; height:20px; border-radius:50%; } 
input[type="radio"]:checked + label::before { background-size:0.4375rem; } 

/* type */
.radio-02 input[type="radio"]:checked + label::after { left:4px; width:12px; height:12px; border-radius:50%; } 



/*--------------------------------------------------------------------- BUTTON --------------------------*/
/*-- 개수 --*/
.btn-2ea { display:flex; } 
.btn-2ea .btn { width:50%; } 
.btn-2ea .btn:not(:last-child) { margin-right:10px; } 


/*-- SIZE --*/
.btn { display:inline-block; vertical-align:middle; text-align:center;}
.btn.small {width: auto;min-width: 60px;padding: 0 5px;height:30px;line-height:30px;font-size:14px;} 
.btn.grid-small{width: auto;min-width: 20px;padding: 0 5px;height:30px;line-height:30px;font-size:14px;} 
.btn.medium { width: auto;min-width: 150px; padding: 0 5px;height:50px; line-height:50px; } 
.btn.large { width: auto;min-width: 230px; padding: 0 5px;height:70px; line-height:70px; } 

.btn.small.btn-line { line-height:calc(30px - 1px); } 
.btn.medium.btn-line { line-height:calc(50px - 1px); } 
.btn.large.btn-line { line-height:calc(70px - 1px); }

/*-- COLOR --*/
/* bg */
.btn.black { background:#000; color:#fff; } 
.btn.gray01 { background:#d0d0d0; color:#fff; } 
.btn.gray02 { background:#bababa; color:#fff; } 
.btn.gray03 { background:#888; color:#fff; } 
.btn.gray04 { background:#666; color:#fff; } 
.btn.gray05 { background:#505050; color:#fff; } 
.btn.gray06 { background:#404040; color:#fff; } 
.btn.gray07 { background:#333; color:#fff; } 
.btn.gray08 { background:#232323; color:#fff; } 
.btn.red { background:#C72525; color:#fff; } 
.btn.blue { background:#2713CD; color:#fff; } 
.btn.green { background:#249B56; color:#fff; } 
.btn.yellow { background:#f4ff00; color:#fff; } 


.btn.c-naver { background: #24C730; border: 1px solid #1EAC28; color: #fff !important; } 
.btn.c-kakao { background: #ffe400; border: 1px solid #E2CB2D; color: #3C1E1E !important; } 
.btn.c-google { border: 1px solid #e4e4e4; background: #fff; } 

.btn.unlink{background: #f7f7f7; color: #888 !important;}

/* line */
.btn.blackLine { border:1px solid #000; } 
.btn.blackLine02 { border:1px solid #232323; } 


/*--------------------------------------------------------------------- ICON --------------------------*/
/*-- RESET --*/
.btn.ico { line-height:1; } 


/*-- COMMON --*/
.ico { display:inline-flex; align-items:center; justify-content:center; } 
.ico i { background-repeat:no-repeat; background-size:cover; } 

.ico-center { flex-direction:column; } 
.ico-center i { margin-bottom:3px; } 
.ico-left i { margin-right:5px; } 
.ico-right i { margin-left:5px; } 

.ico-txt { font-size:inherit; color:inherit; letter-spacing:inherit; } 


/*-- IMAGE --*/
.ico__login { width:15px; height:15px; background-image:url(../../images/cmn/ico_hd_login.svg); } 
.ico__calendar { width:15px; height:15px; background-image:url(../../images/cmn/ico_calendar.svg); } 
.ico__coupon { width:15px; height:15px; background-image:url(../../images/cmn/ico_coupon.svg); } 
.ico__heart { width:15px; height:15px; background-image:url(../../images/cmn/ico_heart.svg); } 

.ico__join { width:15px; height:15px; background-image:url(../../images/cmn/ico_hd_join.svg); } 
.ico__trip { width:15px; height:15px; background-image:url(../../images/cmn/ico_hd_trip.svg); } 
.ico__service { width:15px; height:15px; background-image:url(../../images/cmn/ico_hd_service.svg); }
.ico__company { width:15px; height:15px; background-image:url(../../images/cmn/ico_hd_company.svg); } 
.ico__tel { width:32px; height:32px; background-image:url(../../images/cmn/ico_ft_tel.svg); } 
.ico__center { width:15px; height:15px; background-image:url(../../images/cmn/ico_ft_center.svg); } 
.ico__blog { width:48px; height:48px; background-image:url(../../images/cmn/ico_ft_blog.svg); } 
.ico__facebook { width:48px; height:48px; background-image:url(../../images/cmn/ico_ft_facebook.svg); } 
.ico__youtube { width:48px; height:48px; background-image:url(../../images/cmn/ico_ft_youtube.svg); } 

.ico__sch-area { width:27px; height:27px; background-image:url(../../images/cmn/ico_sch_area.svg); } 
.ico__sch-calendar { width:27px; height:27px; background-image:url(../../images/cmn/ico_sch_calendar.svg); } 
.ico__sch-search { width:18px; height:18px; background-image:url(../../images/cmn/ico_sch_w.svg); } 

.ico__kakao { width:40px; height:40px; background-image: url(../../images/cmn/ico_kakao.svg); } 
.ico__naver { width:40px; height:40px; background-image: url(../../images/cmn/ico_naver.svg); } 
.ico__google { width:40px; height:40px; background-image: url(../../images/cmn/ico_google.svg); } 

.ico__unKakao{ width:40px; height:40px; background-image: url(../../images/cmn/ico_unKakao.svg);}
.ico__unNaver{ width:40px; height:40px; background-image: url(../../images/cmn/ico_unNaver.svg);}
.ico__unGoolge{ width:40px; height:40px; background-image: url(../../images/cmn/ico_unGoogle.svg);}

.ico__request{width: 42px; height: 42px; background-image: url(../../images/cmn/ico_request.svg);}
.ico__contact{width: 42px; height: 42px; background-image: url(../../images/cmn/ico_contact.svg);}

.ico__reservation{width: 20px; height: 20px; background-image: url(../../images/cmn/ico_reservation.svg);}
.ico__likeStore{width: 20px; height: 20px; background-image: url(../../images/cmn/ico_like.svg);}

.ico__custom-search{width: 108px; height: 35px; background-image: url(../../images/cmn/ico_customSearch.svg)}

/*--------------------------------------------------------------------- bg --------------------------*/
.bg-gray { background-color: #f7f7f7; } 



/*--------------------------------------------------------------------- 검색바 --------------------------*/
.search select { max-width:fit-content; margin-right:8px; } 
.search button { width:85px; } 
.search button span + i { margin-left:8px; } 

.search-fix { position:relative; } 
.search-fix button { position:absolute; top:0; right:0; min-width:initial; } 



/*--------------------------------------------------------------------- timepicker --------------------------*/
.input-time .ti_tx,
.input-time .mi_tx,
.input-time .mer_tx { width:100%; text-align:center; margin:10px 0; } 

.input-time .time,
.input-time .mins,
.input-time .meridian { width:42px; float:left; margin:0 10px; } 

.input-time .prev,
.input-time .next { cursor:pointer; padding:18px; border:1px solid #ccc; background:url(../../images/cmn/img_time_arr_02.png) no-repeat; border-radius:5px; } 
.input-time .next { background-position:50% 150%; } 
.input-time .prev { background-position:50% -50%; } 

.input-time .prev:hover,
.input-time .next:hover { background-color:#ccc; } 

.input-time .time_pick { position:relative; } 
.input-time .timepicker_wrap { display:none; position:absolute; padding:10px; border-radius:5px; z-index:998; box-shadow:2px 2px 5px 0 rgba(50,50,50,0.35); background:#f6f6f6; border:1px solid #ccc; } 

.input-time .arrow_top { position:absolute; top:-10px; left:20px; background:url(../../images/cmn/img_time_arr.png) no-repeat; width:18px; height:10px; } 
.input-time .timepicki-input { border:1px solid #ccc; border-radius:5px; } 



/*--------------------------------------------------------------------- modal --------------------------*/
.layer-bg { position:fixed; width:100%; height:100%; left:0; background:rgba(0,0,0,0.7); z-index:12; } 

.blocker,
.alert { position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.7); text-align:center; } 
.modal,
.alert__cont { width:100%; max-width:500px; background:#fff; padding:20px 30px; border-radius:8px; box-shadow:0 0 10px #000; } 
.modal-txt { margin-bottom:40px; } 
.modal-txt__tit,
.alert-txt__tit { font-size:18px; font-weight:700; margin-bottom:10px; } 
.modal-txt__cont,
.alert-txt__cont { color:#535353; word-break:keep-all; } 
.modal__btn .btn { width:100%; height:55px; line-height:55px; border-radius:10px; } 


/*-- alert --*/
.alert { display:none; } 
.alert.show { display:flex; } 
.alert__close { float:right; } 
.alert__close > img { width:15px; height:15px; } 
.alert__cont { clear:both; min-height:140px; } 



/*--------------------------------------------------------------------- TABLE --------------------------*/
/* common */
table th,
table td { padding:5px; letter-spacing:-0.64px; } 

.tbl-notice {font-weight:bold; } 
.tbl-current {font-weight:bold; } 


/*--------------------------------------------------------------------- 모바일 --------------------------*/
@media screen and (max-width:768px) { 
     


}