@charset "UTF-8";

#wrap{width: 100%;position: relative;}

.block{display:block !important;}
.hide{display: none !important;}
.error-msg-hide{display: none !important;}

/* text-align */
.tleft{text-align:left !important}
.tcenter{text-align:center !important}
.tright{text-align:right !important}
.tjust{text-align:justify !important}

/* font-size */
.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}

/* font-weight */
.fw300{font-weight:300 !important}
.fw600{font-weight:600 !important}
.fw900{font-weight:900 !important}

/* default */
.fl{float: left!important;}
.fr{float: right!important;}
.inblk{display:inline-block !important}
.vgt{vertical-align:top !important}
.vgm{vertical-align:middle !important}
.ovh{overflow:hidden !important}
.ova{overflow:auto !important}
.ovv{overflow:visible !important}
.blind,legend{display:block !important; position:absolute !important; top:-100000em !important; left:0 !important; overflow:hidden}
:root legend{margin-top:-1px !important; font-size:0 !important; line-height:0 !important}
.ellip{display:block !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; -o-text-overflow:ellipsis !important}

/* background */
.gray-bg{display: flex;flex-direction: column;gap: 48px;background-color: #F7FAF9;border-radius: 8px;padding: 24px;}

/* **************************************** *
 * width
 * **************************************** */
/* width px */
.wid10{width:10px !important}
.wid20{width:20px !important}
.wid30{width:30px !important}
.wid40{width:40px !important}
.wid50{width:50px !important}
.wid60{width:60px !important}
.wid70{width:70px !important}
.wid80{width:80px !important}
.wid90{width:90px !important}
.wid100{width:100px !important}
.wid110{width:110px !important}
.wid120{width:120px !important}
.wid130{width:130px !important}
.wid135{width:135px !important}
.wid140{width:140px !important}
.wid150{width:150px !important}
.wid157{width:157px !important}
.wid160{width:160px !important}
.wid170{width:170px !important}
.wid180{width:180px !important}
.wid190{width:190px !important}
.wid200{width:200px !important}
.wid210{width:210px !important}
.wid222{width:222px !important}
.wid220{width:220px !important}
.wid230{width:230px !important}
.wid240{width:240px !important}
.wid250{width:250px !important}
.wid260{width:260px !important}
.wid265{width:265px !important}
.wid270{width:270px !important}
.wid280{width:280px !important}
.wid290{width:290px !important}
.wid300{width:300px !important}
.wid310{width:300px !important}
.wid320{width:320px !important}
.wid330{width:330px !important}
.wid340{width:340px !important}
.wid350{width:350px !important}
.wid360{width:360px !important}
.wid370{width:370px !important}
.wid375{width:375px !important}
.wid376{width:376px !important}
.wid380{width:380px !important}
.wid390{width:390px !important}
.wid400{width:400px !important}
.wid500{width:500px !important}
.wid550{width:550px !important}
.wid600{width:600px !important}
.wid700{width:700px !important}
.wid800{width:800px !important}
.wid900{width:900px !important}
.wid1000{width:1000px !important}
.wid1100{width:1100px !important}
.wid1200{width:1200px !important}
.wid1300{width:1300px !important}
.wid1400{width:1400px !important}
.wid1500{width:1500px !important}
.wid1600{width:1600px !important}
.wid1700{width:1700px !important}
.wid1800{width:1800px !important}
.wid1900{width:1900px !important}
.wid2000{width:2000px !important}

/* min width px */
.mwid10{min-width:10px !important}
.mwid20{min-width:20px !important}
.mwid30{min-width:30px !important}
.mwid40{min-width:40px !important}
.mwid50{min-width:50px !important}
.mwid60{min-width:60px !important}
.mwid70{min-width:70px !important}
.mwid80{min-width:80px !important}
.mwid90{min-width:90px !important}
.mwid100{min-width:100px !important}
.mwid110{min-width:110px !important}
.mwid120{min-width:120px !important}
.mwid130{min-width:130px !important}
.mwid140{min-width:140px !important}
.mwid150{min-width:150px !important}
.mwid160{min-width:160px !important}
.mwid170{min-width:170px !important}
.mwid180{min-width:180px !important}
.mwid190{min-width:190px !important}
.mwid200{min-width:200px !important}
.mwid210{min-width:210px !important}
.mwid220{min-width:220px !important}
.mwid230{min-width:230px !important}
.mwid240{min-width:240px !important}
.mwid250{min-width:250px !important}
.mwid260{min-width:260px !important}
.mwid270{min-width:270px !important}
.mwid280{min-width:280px !important}
.mwid290{min-width:290px !important}
.mwid300{min-width:300px !important}
.mwid380{min-width:380px !important}

/* max width px */
.mxwid10{max-width:10px !important}
.mxwid20{max-width:20px !important}
.mxwid30{max-width:30px !important}
.mxwid40{max-width:40px !important}
.mxwid50{max-width:50px !important}
.mxwid60{max-width:60px !important}
.mxwid70{max-width:70px !important}
.mxwid80{max-width:80px !important}
.mxwid90{max-width:90px !important}
.mxwid100{max-width:100px !important}
.mxwid110{max-width:110px !important}
.mxwid120{max-width:120px !important}
.mxwid130{max-width:130px !important}
.mxwid140{max-width:140px !important}
.mxwid150{max-width:150px !important}
.mxwid160{max-width:160px !important}
.mxwid170{max-width:170px !important}
.mxwid180{max-width:180px !important}
.mxwid190{max-width:190px !important}
.mxwid200{max-width:200px !important}
.mxwid210{max-width:210px !important}
.mxwid220{max-width:220px !important}
.mxwid230{max-width:230px !important}
.mxwid240{max-width:240px !important}
.mxwid250{max-width:250px !important}
.mxwid260{max-width:260px !important}
.mxwid270{max-width:270px !important}
.mxwid280{max-width:280px !important}
.mxwid290{max-width:290px !important}
.mxwid300{max-width:300px !important}
.mxwid800{max-width:800px !important}

/* width % */
.wid10p{width:10% !important}
.wid15p{width:15% !important}
.wid20p{width:20% !important}
.wid25p{width:25% !important}
.wid30p{width:30% !important}
.wid35p{width:35% !important}
.wid40p{width:40% !important}
.wid45p{width:45% !important}
.wid50p{width:50% !important}
.wid55p{width:55% !important}
.wid60p{width:60% !important}
.wid65p{width:65% !important}
.wid70p{width:70% !important}
.wid75p{width:75% !important}
.wid80p{width:80% !important}
.wid85p{width:85% !important}
.wid90p{width:90% !important}
.wid95p{width:95% !important}
.wid100p{width:100% !important}

/* min width % */
.mwid10p{min-width:10% !important}
.mwid15p{min-width:15% !important}
.mwid20p{min-width:20% !important}
.mwid25p{min-width:25% !important}
.mwid30p{min-width:30% !important}
.mwid35p{min-width:35% !important}
.mwid40p{min-width:40% !important}
.mwid45p{min-width:45% !important}
.mwid50p{min-width:50% !important}
.mwid55p{min-width:55% !important}
.mwid60p{min-width:60% !important}
.mwid65p{min-width:65% !important}
.mwid70p{min-width:70% !important}
.mwid75p{min-width:75% !important}
.mwid80p{min-width:80% !important}
.mwid85p{min-width:85% !important}
.mwid90p{min-width:90% !important}
.mwid95p{min-width:95% !important}
.mwid100p{min-width:100% !important}


/* **************************************** *
 * height
 * **************************************** */
/* height px */
.hei50{height:50px !important}
.hei100{height:100px !important}
.hei150{height:150px !important}
.hei170{height:170px !important}
.hei200{height:200px !important}
.hei250{height:250px !important}
.hei300{height:300px !important}
.hei305{height:305px !important}
.hei350{height:350px !important}
.hei400{height:400px !important}
.hei450{height:450px !important}
.hei500{height:500px !important}
.hei550{height:550px !important}
.hei600{height:600px !important}
.hei650{height:650px !important}
.hei700{height:700px !important}
.hei750{height:750px !important}
.hei800{height:800px !important}
.hei850{height:850px !important}
.hei900{height:900px !important}
.hei950{height:950px !important}
.hei1000{height:1000px !important}

/* height % */
.hei10p{height:10% !important}
.hei15p{height:15% !important}
.hei20p{height:20% !important}
.hei25p{height:25% !important}
.hei30p{height:30% !important}
.hei35p{height:35% !important}
.hei40p{height:40% !important}
.hei45p{height:45% !important}
.hei50p{height:50% !important}
.hei55p{height:55% !important}
.hei60p{height:60% !important}
.hei65p{height:65% !important}
.hei70p{height:70% !important}
.hei75p{height:75% !important}
.hei80p{height:80% !important}
.hei85p{height:85% !important}
.hei90p{height:90% !important}
.hei95p{height:95% !important}
.hei100p{height:100% !important}

/* min height px */
.mhei200{min-height:200px !important}

/* margin */
.mg00{margin:0px !important}
.mg05{margin:5px !important}
.mg10{margin:10px !important}
.mg15{margin:15px !important}
.mg20{margin:20px !important}
.mg25{margin:25px !important}
.mg30{margin:30px !important}
.mg35{margin:35px !important}
.mg40{margin:40px !important}
.mg45{margin:45px !important}
.mg50{margin:50px !important}
.mg55{margin:55px !important}
.mg60{margin:60px !important}
.mg65{margin:65px !important}
.mg70{margin:70px !important}
.mg75{margin:75px !important}
.mg80{margin:80px !important}
.mg85{margin:85px !important}
.mg90{margin:90px !important}
.mg95{margin:95px !important}
.mg100{margin:100px !important}

.mgt00{margin-top:0px !important}
.mgt02{margin-top:2px !important}
.mgt05{margin-top:5px !important}
.mgt08{margin-top:8px !important}
.mgt10{margin-top:10px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}
.mgt35{margin-top:35px !important}
.mgt40{margin-top:40px !important}
.mgt48{margin-top:48px !important}
.mgt50{margin-top:50px !important}
.mgt55{margin-top:55px !important}
.mgt60{margin-top:60px !important}
.mgt65{margin-top:65px !important}
.mgt70{margin-top:70px !important}
.mgt75{margin-top:75px !important}
.mgt80{margin-top:80px !important}
.mgt85{margin-top:85px !important}
.mgt90{margin-top:90px !important}
.mgt95{margin-top:95px !important}
.mgt100 {margin-top:100px !important}

.mgr00{margin-right:0px !important}
.mgr02{margin-right:2px !important}
.mgr05{margin-right:5px !important}
.mgr08{margin-right:8px !important}
.mgr10{margin-right:10px !important}
.mgr15{margin-right:15px !important}
.mgr20{margin-right:20px !important}
.mgr25{margin-right:25px !important}
.mgr30{margin-right:30px !important}
.mgr32{margin-right:32px !important}
.mgr35{margin-right:35px !important}
.mgr40{margin-right:40px !important}
.mgr45{margin-right:45px !important}
.mgr50{margin-right:50px !important}
.mgr55{margin-right:55px !important}
.mgr60{margin-right:60px !important}
.mgr65{margin-right:65px !important}
.mgr70{margin-right:70px !important}
.mgr75{margin-right:75px !important}
.mgr80{margin-right:80px !important}
.mgr85{margin-right:85px !important}
.mgr90{margin-right:90px !important}
.mgr95{margin-right:95px !important}
.mgr100{margin-right:100px !important}

.mgb-auto{margin-bottom:auto !important}
.mgb00{margin-bottom:0px !important}
.mgb05{margin-bottom:5px !important}
.mgb08{margin-bottom:8px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb25{margin-bottom:25px !important}
.mgb30{margin-bottom:30px !important}
.mgb35{margin-bottom:35px !important}
.mgb40{margin-bottom:40px !important}
.mgb45{margin-bottom:45px !important}
.mgb50{margin-bottom:50px !important}
.mgb55{margin-bottom:55px !important}
.mgb60{margin-bottom:60px !important}
.mgb65{margin-bottom:65px !important}
.mgb70{margin-bottom:70px !important}
.mgb75{margin-bottom:75px !important}
.mgb80{margin-bottom:80px !important}
.mgb85{margin-bottom:85px !important}
.mgb90{margin-bottom:90px !important}
.mgb95{margin-bottom:95px !important}
.mgb100{margin-bottom:100px !important}
.mgb-24{margin-bottom: -24px!important;}
.mb8{margin-bottom: 8px;}

.mgl00{margin-left:0px !important}
.mgl02{margin-left:2px !important}
.mgl05{margin-left:5px !important}
.mgl08{margin-left:8px !important}
.mgl10{margin-left:10px !important}
.mgl15{margin-left:15px !important}
.mgl20{margin-left:20px !important}
.mgl25{margin-left:25px !important}
.mgl30{margin-left:30px !important}
.mgl35{margin-left:35px !important}
.mgl40{margin-left:40px !important}
.mgl45{margin-left:45px !important}
.mgl50{margin-left:50px !important}
.mgl55{margin-left:55px !important}
.mgl60{margin-left:60px !important}
.mgl65{margin-left:65px !important}
.mgl70{margin-left:70px !important}
.mgl75{margin-left:75px !important}
.mgl80{margin-left:80px !important}
.mgl85{margin-left:85px !important}
.mgl90{margin-left:90px !important}
.mgl95{margin-left:95px !important}
.mgl100{margin-left:100px !important}

/* padding */
.pd00{padding:0px !important}
.pd05{margin:5px !important}
.pd10{margin:10px !important}
.pd15{margin:15px !important}
.pd20{margin:20px !important}
.pd25{margin:25px !important}
.pd30{margin:30px !important}
.pd35{margin:35px !important}
.pd40{margin:40px !important}
.pd45{margin:45px !important}
.pd50{margin:50px !important}
.pd55{margin:55px !important}
.pd60{margin:60px !important}
.pd65{margin:65px !important}
.pd70{margin:70px !important}
.pd75{margin:75px !important}
.pd80{margin:80px !important}
.pd85{margin:85px !important}
.pd90{margin:90px !important}
.pd95{margin:95px !important}
.pd100{margin:100px !important}

.pdt00{padding-top:0px !important}
.pdt05{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt15{padding-top:15px !important}
.pdt20{padding-top:20px !important}
.pdt25{padding-top:25px !important}
.pdt30{padding-top:30px !important}
.pdt35{padding-top:35px !important}
.pdt40{padding-top:40px !important}
.pdt45{padding-top:45px !important}
.pdt50{padding-top:50px !important}
.pdt55{padding-top:55px !important}
.pdt60{padding-top:60px !important}
.pdt65{padding-top:65px !important}
.pdt70{padding-top:70px !important}
.pdt75{padding-top:75px !important}
.pdt80{padding-top:80px !important}
.pdt85{padding-top:85px !important}
.pdt90{padding-top:90px !important}
.pdt95{padding-top:95px !important}
.pdt100{padding-top:100px !important}

.pdr00 {padding-right:0px !important}
.pdr05 {padding-right:5px !important}
.pdr10 {padding-right:10px !important}
.pdr15 {padding-right:15px !important}
.pdr20 {padding-right:20px !important}
.pdr25 {padding-right:25px !important}
.pdr30 {padding-right:30px !important}
.pdr35 {padding-right:35px !important}
.pdr40 {padding-right:40px !important}
.pdr45 {padding-right:45px !important}
.pdr50 {padding-right:50px !important}
.pdr55 {padding-right:55px !important}
.pdr60 {padding-right:60px !important}
.pdr65 {padding-right:65px !important}
.pdr70 {padding-right:70px !important}
.pdr75 {padding-right:75px !important}
.pdr80 {padding-right:80px !important}
.pdr85 {padding-right:85px !important}
.pdr90 {padding-right:90px !important}
.pdr95 {padding-right:95px !important}
.pdr100 {padding-right:100px !important}

.pdb00{padding-bottom:0px !important}
.pdb05{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb15{padding-bottom:15px !important}
.pdb20{padding-bottom:20px !important}
.pdb25{padding-bottom:25px !important}
.pdb30{padding-bottom:30px !important}
.pdb35{padding-bottom:35px !important}
.pdb40{padding-bottom:40px !important}
.pdb45{padding-bottom:45px !important}
.pdb50{padding-bottom:50px !important}
.pdb55{padding-bottom:55px !important}
.pdb60{padding-bottom:60px !important}
.pdb65{padding-bottom:65px !important}
.pdb70{padding-bottom:70px !important}
.pdb75{padding-bottom:75px !important}
.pdb80{padding-bottom:80px !important}
.pdb85{padding-bottom:85px !important}
.pdb90{padding-bottom:90px !important}
.pdb95{padding-bottom:95px !important}
.pdb100{padding-bottom:100px !important}

.pdl00{padding-left:0px !important}
.pdl05{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl15{padding-left:15px !important}
.pdl20{padding-left:20px !important}
.pdl25{padding-left:25px !important}
.pdl30{padding-left:30px !important}
.pdl35{padding-left:35px !important}
.pdl40{padding-left:40px !important}
.pdl45{padding-left:45px !important}
.pdl50{padding-left:50px !important}
.pdl55{padding-left:55px !important}
.pdl60{padding-left:60px !important}
.pdl65{padding-left:65px !important}
.pdl70{padding-left:70px !important}
.pdl75{padding-left:75px !important}
.pdl80{padding-left:80px !important}
.pdl85{padding-left:85px !important}
.pdl90{padding-left:90px !important}
.pdl95{padding-left:95px !important}
.pdl100{padding-left:100px !important}

/* ---------------------------------공통(common)--------------------------------- */
/* 명령어 모음 */

/* 플렉스 flex */
/* row */
.w100{width: 100%;display: flex;flex-direction: row;gap: 8px;}
.flex-row{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;}
.flex-row-left{display: flex;flex-direction: row;align-items: center;justify-content: left;width: 100%;}
.flex-row-space{display: flex;flex-direction: row;align-items: center;width: 100%;}
.flex-2way{display: flex;flex-direction: row;width: 100%;gap: 24px;align-items: flex-start;}
.flex-bar{display: flex;width: 100%; gap: 8px;}
.flex-gap4{display: flex;flex-direction: row;gap: 4px;}
.flex-row-16{width: 100%;display: flex;align-items: center;gap: 16px;}

/* column */
.flex-col{display: flex;flex-direction: column!important;}
.flex-col-bar{display: flex;flex-direction: column;justify-content: space-between;gap: 2px;}
.column-bar{display: flex;flex-direction: column!important;width: 100%;gap: 8px!important;}
.column-bar > div{margin-bottom: 24px;}
.column-bar-nomg{width: 100%;}
.column-bar-nomg > div{margin-bottom: 0px!important;}
.column-bar > div:last-child{margin-bottom: 0;}
.column-bar-gap{gap: 8px!important;}
.column-bar-gap > div{margin-bottom: 0px!important;}
.column-bar > div:last-child{margin-bottom: 0;}
.column-nogap-bar{gap: 0px!important;}

/* space-between */
.flex-between{display: flex;justify-content: space-between;border-bottom: 1px solid #ccc;padding-bottom: 16px;font-size: 24px;font-weight: 600;}
.flex-space-between{display: flex;justify-content: space-between!important;width: 100%;align-items: center;}
.flex-space-top{display: flex;justify-content: space-between!important;width: 100%;}
.flex-sb-end{display: flex;justify-content: space-between;width: 100%;align-items: flex-end!important;}

/* 기타 명령어 */
.no-mt-box{margin-top: 0px!important;}
.box{width: 872px!important;margin: 0 auto;position: relative;margin-top: 48px;}
.align-center{display: flex;align-items: center!important;}
.align-top{display: flex;align-items: start!important;}
.align-end{display: flex;align-items: end!important;}
.mgt24{margin-top: 24px;}
.dev-contents:has(.box) .box{margin-top: 0;}

/* ck-editor */
.ck-editor{width: 648px!important;}

/* page-top */
.page-top{margin-top: 96px;position: relative;z-index: 11;}
.current-tit{font-size: 28px;font-weight: 600;color: #222;}
.current-location{font-size: 12px;color: #222;font-weight: 600;}
.current-location em{color: #999;font-weight: normal;}
.current-location i{font-size: 16px;color: #222;vertical-align: middle;line-height: 100%;margin: 0 4px;}
.current-location .li-gray-arrow{color: #999!important;}

/* 페이지네이션 (페이지번호)*/
.pagination{width: 100%;text-align: center;padding: 12px 0;display: flex;align-items: center;justify-content: center;}
.pagination > span, .pagination > a{margin-right: 16px;display: inline-block;font-size: 13px;text-align: center;width: 24px;height: 24px;}
.pagination > a{display: flex;align-items: center;justify-content: center;}
.pagination > span:last-child,.pagination > a:last-child {margin-right: 0;}
.pagination > a:first-child{margin-right: 16px;}
.pagination > span.active{line-height: 24px; width: 24px;height: 24px;border-radius: 50%;background-color: #525252;color: #fff;}
.pagination i{vertical-align: middle;font-size: 20px;}
.pagination-line{padding-top: 16px;border-top: 1px solid #525252;margin-top: 24px;}
.pagination-light-line{padding-top: 16px;border-top: 1px solid #eee;margin-top: 24px;}

/* -------------------------form.css의 박스들과 함께 사용하고, help-text는 단독으로도 사용 가능합니다.------------------------ */
/* help-text : 추가적으로 밑에 설명이 나오는 텍스트 */
.help-text em, .help-text p, .help-text{font-weight: 400;font-size: 13px!important;line-height: 13px!important;color: #999;text-align: left!important;}
.help-text-right{text-align: right!important;} 
.error-text{display: flex;font-size: 13px!important;line-height: 13px!important;color: #D50136!important;text-align: left;font-weight: normal!important;}
.error-text p{font-weight: 400!important;font-size: 13px!important;line-height: 13px!important;color: #D50136!important;text-align: left;padding: 0!important;}
.error-text i{font-size: 13px;margin-right: 2px;vertical-align: middle;color: #D50136!important;}
.flex-space-between .help-text{margin-left: auto;}
.help-text ul li{position: relative;padding-left: 10px;font-size: 13px;color: #999;font-weight: normal;text-align: left;line-height: 20px;}
.help-text ul li::after{position: absolute;content: "";width: 3px;height: 3px;background-color: #ccc;border-radius: 50%;top: 8px;left: 0;}

/* help-text 색깔 다른 버전 */
.help-text-red ul li{color: #EB003B!important;font-size: 12px!important;position: relative;margin-left: 15px;}
.help-text-red ul li::after{position: absolute;content: "";width: 3px;height: 3px;background-color: #EB003B;border-radius: 50%;top: 8px;left: -8px;}

/* span 바이트가 500이 넘으면 .help-text에 class-red 추가해주기*/
.help-text.red{color: #EB003B!important;}

/* 플러스 & 마이너스 버튼 */
.minus-btn, .plus-btn{height: 48px;}
.number-box2 .minus-btn, .number-box2 .plus-btn{width: 48px;}
.minus-btn button{width: 48px!important;padding: 0;}
.plus-btn button{width: 100%;display: flex;align-items: center;justify-content: center;}
.min-btn, .pls-btn, .min-orange-btn{position: relative;display: flex;
align-items: center;justify-content: center;}
.min-btn::after{display: none;}
.minus-btn:hover .min-btn::after{background-color: #222;}
.minus-btn i{font-size: 20px;}
.pls-btn::after{display: none;}
.pls-btn::before{display: none;}
.min-orange-btn::after{display: none;}
.min-orange-btn:hover .min-orange-btn::after{background-color: #E3844F;}

/* 약관 동의 */
.check-terms{background-color: #f4f4f4;padding: 24px;display: flex;flex-direction: column;gap: 24px;border-radius: 4px 4px 0 0;}
.check-terms-last{margin-bottom: 32px;background-color: #f4f4f4;padding: 24px;border-radius: 0 0 4px 4px;}
.txt-terms{background-color: #f5f5f5;padding: 24px;font-size: 12px;color: #525252;max-height: 150px;overflow-y: scroll;}
.txt-terms > div{margin-bottom: 24px;}
.txt-terms > div:last-child{margin-bottom: 0px;}

/* belong-btn */
.belong-txt{font-size: 36px;color: #222;line-height: 1;text-align: center;display: block;padding-bottom: 32px;font-weight: 600;}
.belong-div{display: flex; align-items: center; justify-content: center;gap: 24px;}
.belong-div > a{gap: 4px; width: 100%; height: 100%;aspect-ratio: 1; cursor: pointer;border: 2px solid #f5f5f5;border-radius: 8px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.belong-other-div > a{justify-content: flex-start!important; padding-top: 72px;}
.belong-div em{font-size: 17px!important;}
.belong-div .b-icon{width: 54px;height: 54px;margin-bottom: 16px;}
.belong-div .b-txt{font-weight: 600; font-size: 20px;color: #525252;line-height: 150%;}
.belong-div .b-p{color: #999;font-size: 14px;margin-top: -2px;line-height: 150%;}
.belong-div a:hover{position: relative; border: 2px solid #60D1BD!important;box-shadow: 0px 1px 1px rgba(85, 182, 165, 2.5%), 0px 2px 2px rgba(85, 182, 165, 5%),0px 4px 4px rgba(85, 182, 165, 6.75%),0px 8px 8px rgba(85, 182, 165, 8%)}
.belong-div a.active{position: relative; border: 2px solid #60D1BD!important;box-shadow: 0px 1px 1px rgba(85, 182, 165, 2.5%), 0px 2px 2px rgba(85, 182, 165, 5%),0px 4px 4px rgba(85, 182, 165, 6.75%),0px 8px 8px rgba(85, 182, 165, 8%)}
.belong-div a.active::after{z-index: 1000; position: absolute;content: "";width: 22px;height: 22px;background-image: url(../images/company-active.svg);top: -10px;right: -10px}
.my-belong-div{width: 648px!important;margin: 0 auto;}
.register-btn{width: fit-content!important;}

/* total(여러곳에서 사용 중) */
.mych-total{width: 100%;font-size: 12px;border-bottom: 1px solid rgba(204, 204, 204, 1);padding-bottom: 24px;padding-top: 48px;}
.mych-total-12{font-size: 12px;border-bottom: 1px solid rgba(204, 204, 204, 1);}
.mych-total b,.mych-total-noline b{font-size: 18px;display: block;padding-bottom: 20px;font-weight: normal;}
.mych-total em, .mych-total-noline em{font-weight: 600;}
.mych-total-noline{border-bottom: 0px!important;padding-bottom: 0px!important;font-size: 12px;}
.total-ch{width: 100%;font-size: 12px;color: #525252;}
.total-ch em{color: #222;font-weight: 600;margin: 0 2px;}

/* 데이트피커 */
.datepicker{width: 100%;position: relative;z-index: 100;}
.no-img .ui-datepicker-trigger{display: none;}
.datepicker input{ font-weight: 500; padding-left: 16px;width: 100%;min-width: 89px; position: relative;border-radius: 4px;height: 48px; outline: none;border: 1px solid #ccc; font-family: "pps";font-size: 16px;border-radius: 4px;color: #222;}
.datepicker:hover input{color: #222;border: 1px solid #60D1BD; box-shadow: inset 0px 0px 0px 1px #60D1BD;}
.datepicker input:disabled{background-color: #ccc;border: 1px solid #999;}
.datepicker input:valid {color: #222!important;}
.datepicker input.error{border-color: #EB003B!important;outline: none;}
.datepicker-left, .datepicker-right{position: relative;z-index: 100;}
.datepicker-left .ui-datepicker-trigger, .datepicker-right .ui-datepicker-trigger{position: absolute; right: 16px;top: 50%;transform: translateY(-50%);cursor: pointer;width: 25px;height: 25px;}
#ui-datepicker-div{width: 300px;height: auto;border-radius: 8px;border: 0;box-shadow: 0px 1px 1px rgba(0, 0, 0, 2.5%), 0px 2px 2px rgba(0, 0, 0, 5%);padding: 25px;}
.ui-datepicker-calendar th span{font-size: 12px;color: #999;font-weight: lighter;}
.ui-datepicker-header{background-color: transparent!important;border: 0!important;height: 50px;font-size: 22px;}
.ui-datepicker select.ui-datepicker-month{width: auto;text-align: center;}
.ui-datepicker td a{width: 35px!important;height: 35px!important;border: 0!important;display: flex!important;align-items: center;justify-content: center;background-color: transparent!important;border-radius: 50%!important;}
.ui-state-disabled span{width: 35px!important;height: 35px!important;border: 0!important;display: block!important;display: flex!important;align-items: center;justify-content: center;background-color: transparent!important;}
.ui-state-active, .ui-widget-content .ui-state-active{background-color: #60D1BD!important;border-radius: 50%;color: #fff!important;}
.ui-datepicker-next .ui-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E")!important;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.ui-datepicker-prev .ui-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E")!important;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{background-color: transparent;border: 0;cursor: pointer;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background-color: #E9F0FF!important;}
.date-check .datepicker{margin-top: 8px;}
.date-check .datepicker input{padding-left: 16px;font-size: 14px;}
.datePicker3 .ui-datepicker-trigger, .datePicker4 .ui-datepicker-trigger{position: absolute;top: 50%;transform: translateY(-50%); width: 25px;height: 25px;}
.datePicker .ui-datepicker-trigger{position: absolute;top: 50%;right: 16px;transform: translateY(-50%); width: 25px;height: 25px;}

/* 프리뷰 버튼 */
.preview-top{position: relative; width: 100%;height: 40px;background-color: #2768FF;position: fixed;top: 0;z-index: 1000000;display: flex;align-items:center ;justify-content: center;}
.preview-top p{font-size: 24px;line-height: 24px;color: #fff;font-weight: 600;}
.inno-layout:has(.preview-top){position: relative;}
.inno-layout:has(.preview-top)::before{position: absolute;content: "";width: 100%;height: 100%;z-index: 10000000;opacity: 0;}
.inno-layout:has(.preview-top) #inno-header{top: 40px;}
.inno-layout:has(.preview-top) .blind-tit.on{top: 112px;}


/* 노데이터 */
.no-company-data{display: flex; flex-direction: column; align-items: center; gap: 24px;}
.no-company-data div{display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 24px; line-height: 24px; font-weight: 400; color: #222;}
.no-company-data a{width: fit-content; display: flex; align-items: center; justify-content: center;}
.no-data-box{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; gap: 8px;}
.no-data-box img{margin-bottom: 8px;}
.no-data-box b{font-size: 24px; line-height: 24px; font-weight: 500; color: #656565;}
.no-data-box p{font-size: 16px; line-height: 24px; font-weight: normal; color: #222;}
.no-chart-box {display: flex; width: 100%; border: 1px solid #f5f5f5; justify-content: center; align-items: center;}

/* form의 큰 제목 */
.default-p{display: flex;align-items: flex-end;min-width: 224px;}
.black-p{margin-top: 48px;}

/* 좋아요 버튼 & 인증기업목록*/
.heart-btn{cursor: pointer;}
.heart-btn i{font-size: 24px;color: #FF9559;vertical-align: middle;}
.certified-list {display: flex;flex-wrap: wrap;gap: 0px!important;}
.certified-list li{position: relative;z-index: 9;width: 32px!important;flex-grow: unset!important;margin-left: -8px;}
.certified-list li:first-child, .list-126 .certified-list li:nth-of-type(5){margin-left: 0;}
.list-126 .certified-list li:nth-of-type(5), .list-126 .certified-list li:nth-of-type(6),.list-126 .certified-list li:nth-of-type(7){margin-top: -8px;}
.certified-list li img{width: 32px;height: 32px;border: 1.3px solid #f5f5f5;border-radius: 50%;background-color: #fff;}
.certified-list li:hover{position: relative;z-index: 11;}

/* detail-list */
.detail-list{display: flex;flex-direction: column;width: 100%;gap: 32px;flex-wrap: nowrap;}
.detail-list > ul{display: flex;width: 100%;flex-wrap: wrap;gap: 32px;}
.detail-list.nowrap > ul{display: flex;width: 100%;flex-wrap: nowrap;gap: 32px;}
.detail-list > ul > li{width: calc((100% - 32px)/2);display: flex;flex-direction: column;gap: 8px;}
.detail-list > ul > li > p{font-size: 16px;font-weight: 600;color: #222;line-height: 16px;width: 50%;white-space: nowrap;}
.detail-list ul li em:not(.em-box-new em){width: fit-content; font-size: 15px;font-weight: normal;color: #525252;line-height: 22.5px;word-break: break-all;display: flex;flex-direction: row;gap: 8px;align-items: center;}

/* challenge-list form */
/* 챌린지-카드 형태 */
.card2{width: 100%;height: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 24px;}
.card-item{position: relative; width: 312px; height: 406px;padding: 24px;border: 1px solid #f5f5f5;border-radius: 8px;display: flex;flex-direction: column;gap: 24px;box-sizing: border-box;
  box-shadow: 0px 1px 1px rgba(85, 182, 165, 2.5%), 0px 2px 2px rgba(85, 182, 165, 5%),0px 4px 4px rgba(85, 182, 165, 6.75%),0px 8px 8px rgba(85, 182, 165, 8%)}
.card-item .thumbnail-box{aspect-ratio: 2; border-radius: 4px;box-sizing: border-box; width: 100%;min-height: 132px;border: 1px solid #f5f5f5;cursor: pointer;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.card-item .thumbnail-box a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.card-item .thumbnail-box img{max-width: 100%!important;object-fit: cover;display: flex;align-items: center;justify-content: center;}
.card-item .content-box{width: 100%;flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between;gap: 12px;}
.card-item .card-info{display: flex;flex-direction: column;gap: 8px;}
.card-item .card-type{display: flex;gap: 4px;}
.card-date{font-size: 12px;line-height: 100%;font-weight: normal;color: #999;}
.card-item .card-desc{display: flex;flex-direction: column;gap: 4px;}
.card-company b{font-size: 14px;line-height:150%;font-weight: normal;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;   -webkit-box-orient: vertical;-webkit-line-clamp: 1; 
  word-break: break-word;}
.card-item .card-title a{font-size: 16px;line-height: 24px;font-weight: 600;color: #222;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;   -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; word-break: break-word;}
.card-item .card-industry{max-height: 22px;overflow: hidden;}

/* 챌린지-바 형태 */
.bar{display: flex;flex-direction: column;gap: 24px;}
.bar-item{position: relative; display: flex;flex-direction: row;gap: 24px; width: 100%;height: auto;max-height: 182px; padding: 24px 40px;border: 1px solid #f5f5f5;border-radius: 8px;box-shadow: 0px 1px 1px rgba(85, 182, 165, 2.5%), 0px 2px 2px rgba(85, 182, 165, 5%),0px 4px 4px rgba(85, 182, 165, 6.75%),0px 8px 8px rgba(85, 182, 165, 8%);box-sizing: border-box;}
.bar-item .thumbnail-box{min-width: 264px!important;border-radius: 4px;border: 1px solid #f5f5f5;overflow: hidden;aspect-ratio: 2;display: flex;align-items: center;justify-content: center;}
.bar-item .thumbnail-box a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.bar-item .thumbnail-box img{max-width: 264px!important;object-fit: cover;}
.bar-item .content-box{width: 100%;display: flex;flex-direction: column;gap: 12px;}
.bar-item .bar-desc{display: flex;flex-direction: column;justify-content: space-between;gap: 4px;color: #444;}
.bar-industry{max-height: 20px;overflow: hidden;}
.bar-item .bar-title a{font-size: 16px;line-height: 150%; font-weight: 600; color: #222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;    -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.bar-info-box{display: flex;flex-direction: column;gap: 4px;}
.card-tit-box{display: flex;flex-direction: column;gap: 4px;}

/* 산업분류 아이콘 */
.mych-area-chip, .mych-period{display: flex;gap: 4px;font-size: 14px;flex-wrap: wrap;align-items: center;height: 20px;}
.mych-period{justify-content: flex-end;gap: 8px!important;height: 12px;}
.mych-period p{position: relative;margin-right: 5px;font-size: 12px;color: #222;line-height: 12px;}
.mych-period p::after{position: absolute;content: "";width: 1px;height: 12px;background-color: #999;left: -5%;top:48%;transform: translateY(-50%);color: #222;}
.mych-period p:first-child::after{display: none;}
.mych-period p:last-child{margin-right: 0;}
.mych-area-chip p{padding: 0 7px; color: #fff;font-size: 12px;white-space: nowrap;font-weight: normal;height: 20px;display: flex;align-items: center;justify-content: center;gap: 4px;}
.mych-area-chip em{font-weight: 700!important;}
.chip-day{background-color: #FF9559;font-weight: 700!important;}
.chip-day em{font-weight:normal;display: block;}
.chip-zone{background-color: #656565;font-weight: 700!important;}
.chip-event{background-color: #60D1BD;font-weight: 700!important;}
.mych-industry-chip{display: flex;flex-direction: row;gap: 4px;flex-wrap: wrap;box-sizing: border-box;max-height: 22px;overflow: hidden;}
.mych-industry-chip p{font-weight: 300!important;background-color: #fff;padding: 0px 6px!important;font-size: 12px!important;white-space: nowrap;border: 1px solid #ccc!important;color: #999!important;box-sizing: border-box;display: block;}

/* industry checklist */
.selected p{font-size: 15px;color: #222!important;font-weight: normal;text-align: left;line-height: 150%;}
.in-checklist{width: 100%;}
.in-checklist i{color: #525252;font-size: 16px;margin-right: 4px;}
.in-checklist li{background-color: #f5f5f5;border-radius: 4px; box-sizing: border-box; 
  display: flex;align-items: center;justify-content: center; cursor: pointer; float: left;padding: 0px 16px;margin: 8px 8px 0 0 ;box-sizing: border-box;height: 36px;}
.in-checklist li span{font-weight: 500;font-size: 14px;color: #525252;}
.in-checklist-white li{background-color: #fff;border-radius: 4px; box-sizing: border-box; 
  display: flex;align-items: center;justify-content: center; cursor: pointer; float: left;padding: 0px 16px;margin: 8px 8px 0 0 ;
  box-sizing: border-box;height: 36px;}
.in-checklist-white li:first-child{margin-top: 0!important;}
.in-checklist-white li span{font-size: 14px;font-weight: 500;color: #525252;}
.in-checklist-white li.active{background-color: #525252;}
.in-checklist-white li.active i{color: #fff;}
.in-checklist-white li.active span{color: #fff!important;}
.check-list-border{width: 100%;position: relative;}

/* checkgate */
.check-gate{padding: 48px 0px;width: 424px;margin: 0 auto;}
.check-gate ul{width: 100%;display: flex;align-items: top;justify-content: space-between;height: auto;position: relative;}
.check-gate ul::after{position: absolute;content: "";width:100%;height: 1px;background-color: #ccc;
  top: 23px;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
.check-gate ul li{width: 44px; position: relative;z-index: 10;display: flex;position: relative;flex-direction: column;align-items :center;}
.check-circle{box-sizing: border-box; width: 44px;height: 44px;border-radius: 50%;background-color: #fff;border: 1px solid #ccc; 
  display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 600;color: #ccc;}
.check-circle.active{background-color: #60D1BD;color: #fff;border: 1px solid #60D1BD;position: relative;}
.check-circle.active::after{z-index: -1; position: absolute;content: "";width: 72px;height: 72px;background-color: #DAF8F3;
  top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;}
.check-p{padding-top: 24px;color: #999;white-space: nowrap;}
.check-p.active{color: #222;font-weight: 600;}
.check-gate b.checked{background-color: #60D1BD;border: 1px solid #60D1BD;}
.check-gate b.checked i{font-size: 24px;color: #fff;font-weight: normal;}

/* tippy tooltip */
.tippy-tooltip {background-color: #222!important;color: #fff;border-radius: 4px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 2.5%),0px 4px 4px rgba(0, 0, 0, 5%),0px 8px 8px rgba(0, 0, 0, 6.75%),0px 16px 16px rgba(0, 0, 0, 8%)!important;
max-width: none!important;}
.tippy-tooltip[data-placement^=bottom]>.tippy-arrow {border-bottom-color:#222;}
.tippy-content a{white-space: nowrap!important;}
.tippy-content{padding: 12px 16px;white-space: nowrap!important;}

/* ------------------------------이외의 클래스들------------------------------- */
.underline-more{border-bottom: 1px solid #525252;}
.form-box.underline-more{border-color: #ccc;}
.list-50{width: 50%!important;}
.list-80{width: 80px!important;height: 80px;display: flex;align-items: center;justify-content: center;}
.list-126{max-width: 126px!important;}
.line-span{position: relative;display: block;width: 100%;margin-top:24px;height: 14px;}
.line-span::after{position: absolute;content: "";width:100%;height: 1px;background-color: #ccc;z-index: 10;top: 50%;transform: translateY(-50%);}
.line-span .span-white{white-space: nowrap; color: #999; display: inline-block;padding: 0 10px;background-color: #fff;
  position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 11;}

/* ------------------------------반응형 시작------------------------------- */
/* 반응형 네비 추가 */
.inno-mobile-menu{display: none;}
.inno-mobile-menu.on{display: block;}
.inno-mb-bar{display: none; width: 40px;height: 40px;cursor: pointer;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);z-index: 20;}
.inno-mb-bar span:nth-of-type(1){
  display: block;
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #fff;
  top: 11px;
  right: 0%;
  transition: all 0.3s ease;}
  
.inno-mb-bar span:nth-of-type(2)  {            
  display: block;
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #fff;
  top:19px;
  right: 0%;
  transition: all 0.3s ease;
}
.inno-mb-bar span:nth-of-type(3){
  display: block;
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #fff;
  top: 27px;
  right: 0%;
  transition: all 0.3s ease;
}
.inno-mb-bar span.black{background-color: #525252;}
.inno-mb-bar.none span:nth-of-type(1){transform: rotate(45deg);top: 18px;right: 0px;}
.inno-mb-bar.none span:nth-of-type(2){opacity: 0;}
.inno-mb-bar.none span:nth-of-type(3){transform: rotate(-45deg);top: 18px;right: 0px;}
.mb-menu{cursor: pointer; width: 100%;height: 100vh; background-color: black;position: absolute;top: 64px;right: 0;display: flex;flex-direction: column;}
.mb-2way-menu{background-color: #444;}
.mb-2way-menu ul{display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 20px;width: 100%;}
.mb-2way-menu ul li{display: flex;align-items: center;justify-content: center;position: relative;flex-grow: 1;width: auto;}
.mb-2way-menu ul li::after{position: absolute;content: "";width: 1px;height: 100%;background-color: #656565;right: 100%;}
.mb-2way-menu ul li:first-child::after{display: none;}
.mb-2way-menu ul li a{color: #fff;font-size: 20px;line-height: 20px;font-weight: 500;}
.mb-2way-menu ul li a.active{color: #6AEAD3;}
.mb-gnb-menu{width: 100%;background-color: #525252;}
.mb-gnb-menu ul{display: flex;flex-direction: column;}
.mb-gnb-menu ul li a{padding: 0 20px; color: #fff;font-size: 20px;line-height: 20px;font-weight: 500;height: 48px;display: block;display: flex;align-items: center;font-weight: normal;}
.mb-gnb-menu ul li.active a{color: #60D1BD;}
.mb-sub-nav{width: 100%;}
.mb-sub-nav li{background-color: #656565;}
.mb-sub-nav li a::after{position: absolute;content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #ccc;left: 5px;}
.mb-sub-nav li a{color: #ccc!important;font-size: 16px!important;line-height: 16px!important;height: 40px;position: relative;margin-left: 20px;}
.mb-lang-menu ul li a{color: #ccc;}
.mb-lang-menu ul li.active a{color: #FF9559!important;font-weight: 600;}

/* three-terms */
.terms-top{margin-bottom: 48px;padding-bottom: 48px;border-bottom: 1px solid #ccc;}

a img, a div {
  pointer-events: auto;
}

/*인증마크*/
.company-name-wrap { display: inline-flex; align-items: center; gap: 5px;}
.company-name-wrap em { margin: 0;}
.cert-10 {width: 18px; height: auto; vertical-align: -3px;}