@charset "UTF-8"; /*--------------------------------------------------------- 리더기전용 ---------------------------*/
.sr-only { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }

:root{
 /* color */
 --color-white: rgba(255, 255, 255, 1);
 --color-100: rgba(247, 247, 247, 1);
 --color-200: rgba(228, 228, 228, 1);
 --color-300: rgba(208, 208, 208, 1);
 --color-400: rgba(186, 186, 186, 1);
 --color-500: rgba(136, 136, 136, 1);
 --color-600: rgba(117, 117, 117, 1);
 --color-700: rgba(91, 91, 91, 1);
 --color-800: rgba(66, 66, 66, 1);
 --color-900: rgba(41, 41, 41, 1);
 --color-black: rgba(0, 0, 0, 1);
 --main-green: rgba(80, 184, 72, 1);
 --main--blue: rgba(1, 91, 171, 1);
 --sub-yellow-10: rgba(255, 251, 230, 1);
 --sub-yellow-50: rgba(255, 241, 197, 1);
 --sub-yellow-100: rgba(255, 227, 137, 1);
 --sub-yellow-150: rgba(255, 211, 70, 1);
 --sub-yellow-200: rgba(243, 171, 18, 1);
 --sub-yellow-300: rgba(143, 111, 5, 1);
 --sub-red-10: rgba(255, 242, 242, 1);
 --sub-red-50: rgba(254, 215, 205, 1);
 --sub-red-100: rgba(255, 179, 169, 1);
 --sub-red-150: rgba(243, 138, 124, 1);
 --sub-red-200: rgba(175, 69, 55, 1);
 --sub-mint-10: rgba(239, 253, 248, 1);
 --sub-mint-50: rgba(198, 243, 233, 1);
 --sub-mint-100: rgba(134, 233, 211, 1);
 --sub-mint-150: rgba(94, 208, 183, 1);
 --sub-mint-200: rgba(12, 141, 112, 1);
 --sub-green-10: rgba(237, 255, 235, 1);
 --sub-green-50: rgba(198, 240, 193, 1);
 --sub-green-100: rgba(159, 244, 143, 1);
 --sub-green-150: rgba(107, 218, 86, 1);
 --sub-green-200: rgba(33, 140, 13, 1);
 --sub-purple-10: rgba(243, 235, 255, 1);
 --sub-purple-50: rgba(215, 211, 255, 1);
 --sub-purple-100: rgba(184, 175, 255, 1);
 --sub-purple-150: rgba(148, 140, 233, 1);
 --sub-purple-200: rgba(96, 93, 129, 1);
 --sub-blue-10: rgba(246, 252, 255, 1);
 --sub-blue-50: rgba(163, 217, 255, 1);
 --sub-blue-100: rgba(108, 194, 255, 1);
 --sub-blue-150: rgba(73, 176, 250, 1);
 --sub-blue-200: rgba(54, 93, 122, 1);

 /* Effect styles */
 --default--shadow:  0px 0px 20px rgba(0, 0, 0, 0.1);


 /* */
 round-10: 10px;
 round-20: 20px;
}

.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;}

/*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-s-space{display: flex; align-items: flex-start; justify-content: space-between;}
.flex-e-space{display: flex; align-items: flex-end; justify-content: space-between;}
.flex-row{flex-direction: row;}
.flex-col{flex-direction: column;}
.flex-row-reverse{flex-direction: row-reverse}
.flex-col-reverse{flex-direction: column-reverse}
.flex-wrap{flex-wrap: wrap}
.flex-wrap-reverse{flex-wrap: wrap-reverse;}
.flex-nowrap{flex-wrap: nowrap}
.flex-1{flex: 1;}
.flex-auto{flex: auto;}
.flex-none{flex: none;}


/* gap */
.gap-5{gap: 5px}
.gap-10{gap: 10px;}
.gap-15{gap: 15px;}
.gap-20{gap: 20px;}
.gap-25{gap: 25px;}
.gap-30{gap: 30px;}
.gap-35{gap: 35px;}
.gap-40{gap: 40px;}
.gap-45{gap: 45px;}
.gap-50{gap: 50px;}


/* font size */
.text-xs{font-size: 0.75rem;}
.text-sm{font-size: 0.875rem;}
.text-base{font-size: 1rem;}
.text-lg{font-size: 1.125rem;}
.text-xl{font-size: 1.25rem;}
.text-2xl{font-size: 1.5rem;}
.text-3xl{font-size: 1.875rem;}


/* text align */
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}

/* text overflow */
.text-over{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-over2{text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.text-over3{text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}



/*--------------------------------------------------------- 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:var(--color-800); }

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"],
input + button,
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:14px 20px; width:100%; min-height:112px; line-height:1.5; font-size:inherit; border: 1px solid #e4e4e4; border-radius: 10px;}
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; }


/*--------------------------------------------------------------------- 검색바 --------------------------*/
.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;
}


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

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

input[type="checkbox"] + label::before,
input[type="radio"] + label::before { content:''; border:1px solid var(--color-200); margin-right:10px; box-sizing:border-box; }

input[type="checkbox"] + label::after,
input[type="radio"] + label::after { content:''; box-sizing:border-box; }
/*-- CHECK BOX --*/

.checkbox-cir:checked + label::before,
.checkbox-cir:checked + label::after {
 content: "";
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 background: #D0D0D0;
}

.checkbox-cir input[type=checkbox] + label::before,
.checkbox-cir input[type=checkbox] + label::after {
 border-radius: 100%;
 border: 0;
 background: #d0d0d0;
 background-image: url(../../images/ico/ico_check_w.svg);
 background-repeat: no-repeat;
 background-position: 50%;
 width: 28px;
 height: 28px;
 background-size: 14px 11px;
}

.checkbox-cir a,
.checkbox-cir input[type=checkbox] + label {
 font-size: 14px;
}

.checkbox-basic input[type=checkbox]:checked + label::before {
 border: 0;
 background-image: url("../../images/cmn/ico-check.svg");
 background-repeat: no-repeat;
 background-position: 50%;
 background-size: 15px 12px;
 background-color: var(--sub-blue-150);
}

.checkbox-basic input[type=checkbox] + label::before {
 border-radius: 5px;
 background: #fff;
 border: 1px solid var(--color-200);
 width: 22px;
 height: 22px;
 background-size: 28px 28px;
 margin-right: 10px;
}

.checkbox-basic a,
.checkbox-basic input[type=checkbox] + label {
 font-size: 14px;
}

/*--------------------------------------------------------------------- radio --------------------------*/
.radio-cir input[type=radio] + label::before,
.radio-cir input[type=radio] + label::after {
 border-radius: 100%;
 border: 0;
 background: #d0d0d0;
 background-image: url(../../images/ico/ico_check_w.svg);
 background-repeat: no-repeat;
 background-position: 50%;
 width: 28px;
 height: 28px;
 background-size: 14px 11px;
}

.radio-cir a,
.radio-cir input[type=radio] + label {
 font-size: 14px;
}

.radio-basic input[type=radio] + label::before,
.radio-basic input[type=radio] + label::after {
 border-radius: 100%;
 border: 0;
 background-image: url(../../images/ico/ico_check_list.svg);
 background-repeat: no-repeat;
 background-position: top;
 width: 28px;
 height: 28px;
 background-size: 28px 112px;
 margin-right: 12px;
}

.radio-basic a,
.radio-basic input[type=radio] + label {
 font-size: 14px;
}

.radio-cir02 input[type=radio] + label::before{background-repeat: no-repeat;background-position: 50%;width: 20px;height: 20px;border-radius: 40px;border: 1px solid var(--color-200);}
.radio-cir02 a,
.radio-cir02 input[type=radio] + label {font-size: 18px;font-weight: 500; line-height: 20px;}
.radio-cir02 input[type=radio]:checked + label::after {width: 12px;height: 12px;border-radius: 40px;position: absolute;top: 4px;left: 4px;background: var(--color-900);}


/* checkbox , radio select */
.check-select input[type="radio"] {display: none;}
.check-select input[type="radio"] + label  {width: 72px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 10px;background: var(--color-200);cursor: pointer;color: var(--color-600);font-size: 18px;font-weight: 500;}
.check-select input[type="radio"]:checked + label {background: var(--sub-blue-150);color: #000; font-weight: 600;}
.check-select + .check-select{margin-left: 10px;}
.check-select input[type="checkbox"] + label::before,
.check-select input[type="radio"] + label::before{display: none;}



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


/*-- SIZE --*/
.btn { display:flex; align-items: center; justify-content: center;}
.btn.xs{width: auto;min-width: 56px;padding: 0 5px;height:28px;line-height:28px;font-size:14px; font-weight: 600}
.btn.small {width: auto;min-width: 72px;padding: 0 5px;height:50px;line-height:50px; font-size:18px; font-weight: 500; border-radius: 10px;}
.btn.medium { width: auto;min-width: 154px; padding: 0 5px;height:50px; line-height:50px; font-size:18px; font-weight: 600;}
.btn.large { width: auto; height:70px; line-height:70px; font-size: 22px; font-weight: 600;}
.btn.large { width: auto; height:70px; line-height:70px; font-size: 22px; font-weight: 600;}

.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); }

.btn:disabled{border-radius: 10px; background: var(--color-200); color: var(--color-600); cursor: default;}
.btn.basicBtn{border-radius: 10px;}
.btn.basicBtn02{border-radius: 5px;border: 1px solid var(--color-300);background: var(--color-100); color: var(--color-700);}
.btn.confirmBtn{width: 100%; height: 70px; border-radius: 15px;}



/*-- 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:#1791FF; 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)}

.ico__tel{width: 22px; height: 22px; background-image: url("../../images/ico/ico-tel.svg")}
.ico-counsel{width: 36px; height: 36px; background-image: url("../../images/ico/ico-counsel.svg")}
.ico-calculator{width: 32px; height: 32px; background-image: url("../../images/ico/ico-calculator.svg")}
.ico-link-arr{width: 9px; height: 14px; background-image: url("../../images/ico/ico-link-arr.svg")}
.ico-call{width: 26px;height: 26px;background-image: url("/assets/images/ico/ico-call.svg");}
.ico-place{width: 18px;height: 18px;background-image: url("/assets/images/ico/ico-place.svg");}
.ico-fax{width: 18px;height: 18px;background-image: url("/assets/images/ico/ico-fax.svg");}
.ico-search_w{width: 34px; height: 34px; background-image: url("/assets/images/ico/ico-search_w.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;}
.modal-txt { margin-bottom:40px; }
.modal-txt__tit,
.alert-txt__tit { font-size:18px; font-weight:700; }
.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; }
.modal.modal-common, .modal.modal-common .alert__cont {width: 100%;max-width: 676px;background: #fff;padding: 30px;border-radius: 20px;position: relative;box-shadow: none;}
.title-bar {display: flex;justify-content: space-between;padding-bottom: 10px;}
.modal.modal-common .modal-top .main-tit {font-size: 26px;}
.modal-top .main-tit span {font-weight: 400;}
.modal__close.btn {width: 50px;height: 50px;background: no-repeat 50% / cover;background-image: url(../../images/cmn/modal-close.svg);position: absolute;top: 15px;right: 14px;}
.modal__btn {}
.modal.modal-common .modal__btn .btn {width: 100%;height: 76px;line-height: 76px;font-size: 26px;font-weight: 700;}
.modal.modal-common .modal-cont {padding: 20px 0;overflow-y: auto;text-align: left;height: min(calc(100vh - 250px), 860px);margin-right: -10px;padding-right: 10px;}
.modal.modal-common.modal-join .join_cnt_wr { height: 100%; }
.modal.modal-common.modal-join .join_box_cnt { border: 0; height: 100%; }
.modal.modal-common.modal-join .join_box_cnt .join_box_wr { padding: 0; height: 100%; max-height: 100%; }
.modal.modal-common.modal-join .contents {margin-top: 0;}
.modal.modal-common.modal-join .contents pre, .modal.modal-common.modal-join .contents pre * {font-size: 14px;}
.contents pre {font-size: 18px;white-space: pre-wrap;color: #232323;line-height: 1.6; text-align: left;}


/*-- 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; }
.swiper-container{margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
body.overflow {overflow: hidden;}
/*--------------------------------------------------------------------- 모바일 --------------------------*/
@media screen and (max-width:768px) {
 .modal.modal-common, .modal.modal-common .alert__cont{padding: 30px 20px; width: 90%}
 .modal.modal-common .modal-top .main-tit{font-size: 22px;}
 .ico-counsel {width: 30px;height: 30px;}
 .ico-calculator {width: 25px;height: 25px;}
 .radio-cir02 a,
 .radio-cir02 input[type=radio] + label{font-size: 16px;}

}