@charset "utf-8";
@import url(/theme/daybeau01/resources/css/view/common/reset.css);
@import url(/theme/daybeau01/resources/css/view/common/typography.css);
@import url(/theme/daybeau01/resources/css/view/common/common.css);
@import url(/theme/daybeau01/resources/css/view/common/layout/layout.css);
@import url(/theme/daybeau01/resources/css/view/common/layout/layerpop.css);
@import url(/theme/daybeau01/resources/css/view/common/layout/detail.css);
@import url(/theme/daybeau01/resources/css/view/common/good/good.css);
@import url(/theme/daybeau01/resources/css/view/common/add/add.css);


:root {
	/* media query Break Point */
	
	--mobileBP: 680px;
	--laptop: 1024px;
	--desktop: 1400px;

	--clientWidth: 100vw;

	 /* color theme */
	--primary:	#333333;		/*basiccolor*/
	--emphasis: #8c1217;		/*포인트color*/
	--emphasis2: #df6d55;		/*포인트color*/
	--bgWhite: #ffffff;
	--bgGoodList: #fafafa;
	--bgItemInfo: #f8f8f8;
	--bgColor01: #333333;		/*footer bg*/
	--font01: #ffffff;
	--gray01: #333333;
	--gray02: #666666;
	--gray03: #999999;
 	--gray04: #cccccc;
 	--gray05: #dddddd;
}

html {
  min-width: 320px;
  height:100%;
  font-size: 62.5% !important; /*font0-sizd 10px 계산*/
}

body {
	width: 100%;
	height: 100%;
	font-family:"Pretendard","Tenor Sans",sans-serif; -webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important; 
	letter-spacing: 0;
}

.pcbr{display:block !important;}
.ptbr{display:none !important;}
.tbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:none !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}

/* width 680px까지 지원 */
@media screen and (max-width: 767px) {
  
	.pcbr{display:none !important;}
	.ptbr{display:none !important;}
	.tbr{display:none !important;}
	.tmbr{display:block !important;}
	.mbr{display:block !important;}
	.pc_view{display:none !important;}
	.pt_view{display:none !important;}
	.tm_view{display:block !important;}
	.t_view{display:none !important;} 
	.m_view{display:block !important;}
  
	
	/* 680px ~ 320px 구간만 적용 */
	@media screen and (min-width: 320px) {

		
		

	}



}

/* width 1024px까지 지원 */
@media screen and (max-width: 1279px) {

	.pcbr{display:none !important;}
	.ptbr{display:block !important;}
	.tbr{display:block !important;}
	.tmbr{display:block !important;}
	.mbr{display:none !important;}
	.pc_view{display:none !important;}
	.pt_view{display:none !important;}
	.tm_view{display:block !important;}
	.t_view{display:block !important;} 
	.m_view{display:none !important;}

	/* 681px ~ 1024px 구간만 적용 */
	@media screen and (min-width: 768px) {
		.event_wrap{
			width:100%;
			max-width:681px;
			margin:0 auto;
		}
	}

}

.scroll {
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10px;
}

/*메인팝업*/
#bgBlack{
	position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:block;z-index:15000;
}

#bgBlack2{
	position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:block;z-index:15000;
}

.mobile_all {
    display: none;
}

.hidden {display:none !important;}
.hidden3 {display:none !important;}

span.point{ color:var(--emphasis2);}

.cursor-pointer{cursor:pointer;}

.text-nowrap{text-wrap: nowrap;}

.h-full{height:100%;}

.flex{display: flex;}
.flex-row { flex-direction: row }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap }
.items-start { align-items: flex-start }
.items-end { align-items: flex-end }
.items-center { align-items: center }
.items-baseline { align-items: baseline }
.justify-start { justify-content: flex-start }
.justify-end { justify-content: flex-end }
.justify-center { justify-content: center }
.justify-between { justify-content: space-between }
.justify-around { justify-content: space-around }

.overflow-auto { overflow: auto }
.overflow-hidden { overflow: hidden }
.overflow-y-auto { overflow-y: auto }

.w1300_basic{
	width:100%;
	max-width:1300px;
	margin:0 auto;
}

.w1280{
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

.w1200{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.w1000{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

.w980{
	width:100%;
	max-width:980px;
	margin:0 auto;
}

.w-\[100px\] {
    width: 100px
}

.w-\[100vw\] {
    width: 100vw
}

.w-\[120px\] {
    width: 120px
}

.w-\[125px\] {
    width: 125px
}

.w-\[12px\] {
    width: 12px
}

.w-\[130px\] {
    width: 130px
}

.w-\[131px\] {
    width: 131px
}

.w-\[140px\] {
    width: 140px
}

.w-\[150px\] {
    width: 150px !important;
}

.w-\[160px\] {
    width: 160px
}

.w-\[179px\] {
    width: 179px
}

.w-\[180px\] {
    width: 180px
}

.w-\[18px\] {
    width: 18px
}

.w-\[1px\] {
    width: 1px
}

.w-\[20px\] {
    width: 20px
}

.w-\[210px\] {
    width: 210px
}

.w-\[220px\] {
    width: 220px
}

.w-\[222px\] {
    width: 222px
}

.w-\[223px\] {
    width: 223px
}

.w-\[233px\] {
    width: 233px
}

.w-\[240px\] {
    width: 240px
}

.w-\[24px\] {
    width: 24px
}

.w-\[255px\] {
    width: 255px
}

.w-\[263px\] {
    width: 263px
}

.w-\[284px\] {
    width: 284px
}

.w-\[295px\] {
    width: 295px
}

.w-\[350px\] {
    width: 350px
}

.w-\[40px\] {
    width: 40px
}

.w-\[474px\] {
    width: 474px
}

.w-\[50px\] {
    width: 50px
}

.w-\[528px\] {
    width: 528px
}

.w-\[52px\] {
    width: 52px
}

.w-\[600px\] {
    width: 600px
}

.w-\[60px\] {
    width: 60px
}

.w-\[64px\] {
    width: 64px
}

.w-\[68px\] {
    width: 68px
}

.w-\[80px\] {
    width: 80px
}

.w-\[91px\] {
    width: 91px
}

.w-\[96px\] {
    width: 96px
}

.w-\[fit\] {
    width: fit
}

.w-full {
    width: 100%
}

.w-dvw {
    width: 100dvw
}

.h-\[100px\] {
    height: 100px
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[12px\] {
    height: 12px
}

.h-\[14px\] {
    height: 14px
}

.h-\[150px\] {
    height: 150px
}

.h-\[160px\] {
    height: 160px
}

.h-\[16px\] {
    height: 16px
}

.h-\[176px\] {
    height: 176px
}

.h-\[180px\] {
    height: 180px
}

.h-\[188px\] {
    height: 188px
}

.h-\[18px\] {
    height: 18px
}

.h-\[1px\] {
    height: 1px
}

.h-\[200px\] {
    height: 200px
}

.h-\[20px\] {
    height: 20px
}

.h-\[210px\] {
    height: 210px
}

.h-\[24px\] {
    height: 24px
}

.h-\[25px\] {
    height: 25px
}

.h-\[260px\] {
    height: 260px
}

.h-\[28px\] {
    height: 28px
}

.h-\[270px\] {
    height: 270px
}

.h-\[280px\] {
    height: 280px
}


.h-\[295px\] {
    height: 295px
}

.h-\[2px\] {
    height: 2px
}

.h-\[30px\] {
    height: 30px
}

.h-\[31px\] {
    height: 31px
}

.h-\[320px\] {
    height: 320px
}

.h-\[32px\] {
    height: 32px
}

.h-\[394px\] {
    height: 394px
}

.h-\[39px\] {
    height: 39px
}

.h-\[40px\] {
    height: 40px
}

.h-\[40vh\] {
    height: 40vh
}

.h-\[42px\] {
    height: 42px
}

.h-\[440px\] {
    height: 440px
}

.h-\[44px\] {
    height: 44px
}

.h-\[456px\] {
    height: 456px
}

.h-\[46px\] {
    height: 46px
}

.h-\[48px\] {
    height: 48px
}

.h-\[490px\] {
    height: 490px
}

.h-\[50dvh\] {
    height: 50dvh
}

.h-\[50px\] {
    height: 50px
}

.h-\[50vh\] {
    height: 50vh
}

.h-\[52px\] {
    height: 52px
}

.h-\[54px\] {
    height: 54px
}

.h-\[56px\] {
    height: 56px
}

.h-\[60px\] {
    height: 60px
}

.h-\[616px\] {
    height: 616px
}

.h-\[62px\] {
    height: 62px
}

.h-\[63px\] {
    height: 63px
}

.h-\[64px\] {
    height: 64px
}

.h-\[71px\] {
    height: 71px
}

.h-\[74px\] {
    height: 74px
}

.h-\[84px\] {
    height: 84px
}

.h-\[8px\] {
    height: 8px
}

.h-\[92\%\] {
    height: 92%
}

.h-auto {
    height: auto
}

.h-dvh {
    height: 100dvh
}

.h-fit {
    height: fit-content
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}


.gap-0 { gap: 0 }
.gap-1 { gap: .25rem }
.gap-2 { gap: .5rem }
.gap-3 { gap: .75rem }
.gap-4 { gap: 1rem }
.gap-5 { gap: 1.25rem }
.gap-6 { gap: 1.5rem }

.gap-\[1px\] { gap: 1px }
.gap-\[2px\] { gap: 2px }
.gap-\[3px\] { gap: 3px }
.gap-\[4px\] { gap: 4px }
.gap-\[5px\] { gap: 5px }
.gap-\[6px\] { gap: 6px }
.gap-\[7px\] { gap: 7px }
.gap-\[8px\] { gap: 8px }
.gap-\[9px\] { gap: 9px }
.gap-\[10px\] { gap: 10px }
.gap-\[11px\] { gap: 11px }
.gap-\[12px\] { gap: 12px }
.gap-\[13px\] { gap: 13px }
.gap-\[14px\] { gap: 14px }
.gap-\[15px\] { gap: 15px }
.gap-\[16px\] { gap: 16px }
.gap-\[17px\] { gap: 17px }
.gap-\[18px\] { gap: 18px }
.gap-\[19px\] { gap: 19px }
.gap-\[20px\] { gap: 20px }
.gap-\[21px\] { gap: 21px }
.gap-\[22px\] { gap: 22px }
.gap-\[23px\] { gap: 23px }
.gap-\[24px\] { gap: 24px }
.gap-\[25px\] { gap: 25px }
.gap-\[30px\] { gap: 30px }
.gap-\[35px\] { gap: 35px }
.gap-\[40px\] { gap: 40px }
.gap-\[45px\] { gap: 45px }
.gap-\[50px\] { gap: 50px }
.gap-\[55px\] { gap: 55px }
.gap-\[60px\] { gap: 60px }
.gap-\[70px\] { gap: 70px }
.gap-\[80px\] { gap: 80px }
.gap-\[90px\] { gap: 90px }
.gap-\[95px\] { gap: 95px }
.gap-\[100px\] { gap: 100px }

.break-all { word-break: break-all }
.break-keep { word-break: keep-all }

.rounded { border-radius: .25rem }
.rounded-2xl { border-radius: 1rem }
.rounded-\[100px\] { border-radius: 100px }
.rounded-\[10px\] { border-radius: 10px }
.rounded-\[12px\] { border-radius: 12px }
.rounded-\[16px\] { border-radius: 16px }
.rounded-\[18px\] { border-radius: 18px }
.rounded-\[20px\] { border-radius: 20px }
.rounded-\[28px\] { border-radius: 28px }
.rounded-\[2px\] { border-radius: 2px }
.rounded-\[30px\] { border-radius: 30px }
.rounded-\[3px\] { border-radius: 3px }
.rounded-\[46px\] { border-radius: 46px }
.rounded-\[4px\] { border-radius: 4px }
.rounded-\[5px\] { border-radius: 5px }
.rounded-\[6px\] { border-radius: 6px }
.rounded-\[8px\] { border-radius: 8px }
.rounded-full { border-radius: 9999px }

/* margin */
.m-\[10px\]{margin:10px}
.m-\[12px\]{margin:12px}
.m-\[14px\]{margin:14px}
.m-\[16px\]{margin:16px}
.m-\[18px\]{margin:18px}
.m-\[20px\]{margin:20px}
.m-\[22px\]{margin:22px}
.m-\[24px\]{margin:24px}
.m-\[26px\]{margin:26px}
.m-\[28px\]{margin:28px}
.m-\[30px\]{margin:30px}

.mx-\[10px\]{margin-left:10px;margin-right:10px}
.mx-\[12px\]{margin-left:12px;margin-right:12px}
.mx-\[14px\]{margin-left:14px;margin-right:14px}
.mx-\[16px\]{margin-left:16px;margin-right:16px}
.mx-\[18px\]{margin-left:18px;margin-right:18px}
.mx-\[20px\]{margin-left:20px;margin-right:20px}
.mx-\[22px\]{margin-left:22px;margin-right:22px}
.mx-\[24px\]{margin-left:24px;margin-right:24px}
.mx-\[26px\]{margin-left:26px;margin-right:26px}
.mx-\[28px\]{margin-left:28px;margin-right:28px}
.mx-\[30px\]{margin-left:30px;margin-right:30px}

.mt-\[10px\]{margin-top:10px}
.mt-\[112px\]{margin-top:112px}
.mt-\[14px\]{margin-top:14px}
.mt-\[16px\]{margin-top:16px}
.mt-\[204px\]{margin-top:204px}
.mt-\[20px\]{margin-top:20px}
.mt-\[22px\]{margin-top:22px}
.mt-\[24px\]{margin-top:24px}
.mt-\[30px\]{margin-top:30px}
.mt-\[34px\]{margin-top:34px}
.mt-\[39px\]{margin-top:39px}
.mt-\[60px\]{margin-top:60px}
.mt-\[63px\]{margin-top:63px}
.mt-\[64px\]{margin-top:64px}
.mt-\[83px\]{margin-top:83px}
.mt-\[90px\]{margin-top:90px}
.mt-\[93px\]{margin-top:93px}
.mt-\[94px\]{margin-top:94px}
.mt-\[95px\]{margin-top:95px}
.mt-\[96px\]{margin-top:96px}
.mt-\[97px\]{margin-top:97px}
.mt-\[98px\]{margin-top:98px}
.mt-\[99px\]{margin-top:99px}
.mt-\[100px\]{margin-top:100px}

.mb-\[10px\]{margin-bottom:10px}
.mb-\[112px\]{margin-bottom:112px}
.mb-\[14px\]{margin-bottom:14px}
.mb-\[16px\]{margin-bottom:16px}
.mb-\[204px\]{margin-bottom:204px}
.mb-\[20px\]{margin-bottom:20px}
.mb-\[22px\]{margin-bottom:22px}
.mb-\[24px\]{margin-bottom:24px}
.mb-\[30px\]{margin-bottom:30px}
.mb-\[34px\]{margin-bottom:34px}
.mb-\[39px\]{margin-bottom:39px}
.mb-\[40px\]{margin-bottom:40px}
.mb-\[50px\]{margin-bottom:50px}
.mb-\[60px\]{margin-bottom:60px}
.mb-\[63px\]{margin-bottom:63px}
.mb-\[64px\]{margin-bottom:64px}
.mb-\[83px\]{margin-bottom:83px}
.mb-\[90px\]{margin-bottom:90px}
.mb-\[93px\]{margin-bottom:93px}
.mb-\[94px\]{margin-bottom:94px}
.mb-\[95px\]{margin-bottom:95px}
.mb-\[96px\]{margin-bottom:96px}
.mb-\[97px\]{margin-bottom:97px}
.mb-\[98px\]{margin-bottom:98px}
.mb-\[99px\]{margin-bottom:99px}
.mb-\[100px\]{margin-bottom:100px}


/* padding */
.p-\[10px\]{padding:10px}
.p-\[12px\]{padding:12px}
.p-\[14px\]{padding:14px}
.p-\[16px\]{padding:16px}
.p-\[18px\]{padding:18px}
.p-\[20px\]{padding:20px}
.p-\[22px\]{padding:22px}
.p-\[24px\]{padding:24px}
.p-\[26px\]{padding:26px}
.p-\[28px\]{padding:28px}
.p-\[30px\]{padding:30px}

.px-\[10px\]{padding-left:10px;padding-right:10px}
.px-\[12px\]{padding-left:12px;padding-right:12px}
.px-\[14px\]{padding-left:14px;padding-right:14px}
.px-\[15px\]{padding-left:15px;padding-right:15px}
.px-\[16px\]{padding-left:16px;padding-right:16px}
.px-\[18px\]{padding-left:18px;padding-right:18px}
.px-\[20px\]{padding-left:20px;padding-right:20px}
.px-\[22px\]{padding-left:22px;padding-right:22px}
.px-\[24px\]{padding-left:24px;padding-right:24px}
.px-\[26px\]{padding-left:26px;padding-right:26px}
.px-\[28px\]{padding-left:28px;padding-right:28px}
.px-\[30px\]{padding-left:30px;padding-right:30px}

.pt-\[10px\]{padding-top:10px}
.pt-\[112px\]{padding-top:112px}
.pt-\[14px\]{padding-top:14px}
.pt-\[16px\]{padding-top:16px}
.pt-\[204px\]{padding-top:204px}
.pt-\[20px\]{padding-top:20px}
.pt-\[22px\]{padding-top:22px}
.pt-\[24px\]{padding-top:24px}
.pt-\[30px\]{padding-top:30px}
.pt-\[34px\]{padding-top:34px}
.pt-\[39px\]{padding-top:39px}
.pt-\[50px\]{padding-top:50px}
.pt-\[60px\]{padding-top:60px}
.pt-\[63px\]{padding-top:63px}
.pt-\[64px\]{padding-top:64px}
.pt-\[83px\]{padding-top:83px}
.pt-\[90px\]{padding-top:90px}
.pt-\[93px\]{padding-top:93px}
.pt-\[94px\]{padding-top:94px}
.pt-\[95px\]{padding-top:95px}
.pt-\[96px\]{padding-top:96px}
.pt-\[97px\]{padding-top:97px}
.pt-\[98px\]{padding-top:98px}
.pt-\[99px\]{padding-top:99px}
.pt-\[100px\]{padding-top:100px}

.pb-\[10px\]{padding-bottom:10px}
.pb-\[14px\]{padding-bottom:14px}
.pb-\[15px\]{padding-bottom:15px}
.pb-\[16px\]{padding-bottom:16px}
.pb-\[20px\]{padding-bottom:20px}
.pb-\[22px\]{padding-bottom:22px}
.pb-\[24px\]{padding-bottom:24px}
.pb-\[30px\]{padding-bottom:30px}
.pb-\[34px\]{padding-bottom:34px}
.pb-\[39px\]{padding-bottom:39px}
.pb-\[60px\]{padding-bottom:60px}
.pb-\[63px\]{padding-bottom:63px}
.pb-\[64px\]{padding-bottom:64px}
.pb-\[83px\]{padding-bottom:83px}
.pb-\[90px\]{padding-bottom:90px}
.pb-\[93px\]{padding-bottom:93px}
.pb-\[94px\]{padding-bottom:94px}
.pb-\[95px\]{padding-bottom:95px}
.pb-\[96px\]{padding-bottom:96px}
.pb-\[97px\]{padding-bottom:97px}
.pb-\[98px\]{padding-bottom:98px}
.pb-\[99px\]{padding-bottom:99px}
.pb-\[100px\]{padding-bottom:100px}


/* 왼쪽 */
.padL00 {padding-left:0px !important;}
.padL01 {padding-left:1px !important;}
.padL02 {padding-left:2px !important;}
.padL03 {padding-left:3px !important;}
.padL04 {padding-left:4px !important;}
.padL05 {padding-left:5px !important;}
.padL06 {padding-left:6px !important;}
.padL07 {padding-left:7px !important;}
.padL08 {padding-left:8px !important;}
.padL09 {padding-left:9px !important;}
.padL10 {padding-left:10px !important;}
.padL15 {padding-left:15px !important;}
.padL20 {padding-left:20px !important;}
.padL25 {padding-left:25px !important;}
.padL30 {padding-left:30px !important;}
.padL35 {padding-left:35px !important;}
.padL40 {padding-left:40px !important;}
.padL45 {padding-left:45px !important;}
.padL50 {padding-left:50px !important;}
.padL55 {padding-left:55px !important;}
.padL60 {padding-left:60px !important;}

/* 오른쪽 */
.padR00 {padding-right:0px !important;}
.padR01 {padding-right:1px !important;}
.padR02 {padding-right:2px !important;}
.padR03 {padding-right:3px !important;}
.padR04 {padding-right:4px !important;}
.padR05 {padding-right:5px !important;}
.padR06 {padding-right:6px !important;}
.padR07 {padding-right:7px !important;}
.padR08 {padding-right:8px !important;}
.padR09 {padding-right:9px !important;}
.padR10 {padding-right:10px !important;}
.padR15 {padding-right:15px !important;}
.padR20 {padding-right:20px !important;}
.padR25 {padding-right:25px !important;}
.padR30 {padding-right:30px !important;}
.padR35 {padding-right:35px !important;}
.padR40 {padding-right:40px !important;}
.padR45 {padding-right:45px !important;}
.padR50 {padding-right:50px !important;}
.padR55 {padding-right:55px !important;}
.padR60 {padding-right:60px !important;}

/* 위 */
.padT00 {padding-top:0px !important;}
.padT01 {padding-top:1px !important;}
.padT02 {padding-top:2px !important;}
.padT03 {padding-top:3px !important;}
.padT04 {padding-top:4px !important;}
.padT05 {padding-top:5px !important;}
.padT06 {padding-top:6px !important;}
.padT07 {padding-top:7px !important ;}
.padT08 {padding-top:8px !important;}
.padT09 {padding-top:9px !important;}
.padT10 {padding-top:10px !important;}
.padT15 {padding-top:15px !important;}
.padT20 {padding-top:20px !important;}
.padT25 {padding-top:25px !important;}
.padT30 {padding-top:30px !important;}
.padT35 {padding-top:35px !important;}
.padT40 {padding-top:40px !important;}
.padT45 {padding-top:45px !important;}
.padT50 {padding-top:50px !important;}
.padT55 {padding-top:55px !important;}
.padT60 {padding-top:60px !important;}
.padT70 {padding-top:70px !important;}
.padT80 {padding-top:80px !important;}
.padT90 {padding-top:90px !important;}
.padT100 {padding-top:100px !important;}
.padT150 {padding-top:150px !important;}

/* 아래 */
.padB00 {padding-bottom:0px !important;}
.padB01 {padding-bottom:1px !important;}
.padB02 {padding-bottom:2px !important;}
.padB03 {padding-bottom:3px !important;}
.padB04 {padding-bottom:4px !important;}
.padB05 {padding-bottom:5px !important;}
.padB06 {padding-bottom:6px !important;}
.padB07 {padding-bottom:7px !important;}
.padB08 {padding-bottom:8px !important;}
.padB09 {padding-bottom:9px !important;}
.padB10 {padding-bottom:10px !important;}
.padB15 {padding-bottom:15px !important;}
.padB20 {padding-bottom:20px !important;}
.padB25 {padding-bottom:25px !important;}
.padB30 {padding-bottom:30px !important;}
.padB35 {padding-bottom:35px !important;}
.padB40 {padding-bottom:40px !important;}
.padB45 {padding-bottom:45px !important;}
.padB50 {padding-bottom:50px !important;}
.padB55 {padding-bottom:55px !important;}
.padB60 {padding-bottom:60px !important;}
.padB70 {padding-bottom:70px !important;}
.padB80 {padding-bottom:80px !important;}
.padB90 {padding-bottom:90px !important;}
.padB100 {padding-bottom:100px !important;}
.padB150 {padding-bottom:150px !important;}

/* 전체 */
.pad00 {padding:0px !important;}
.pad01 {padding:1px !important;}
.pad02 {padding:2px !important;}
.pad03 {padding:3px !important;}
.pad04 {padding:4px !important;}
.pad05 {padding:5px !important;}
.pad10 {padding:10px !important;}
.pad15 {padding:15px !important;}
.pad20 {padding:20px !important;}
.pad25 {padding:25px !important;}
.pad30 {padding:30px !important;}
.pad35 {padding:35px !important;}
.pad40 {padding:40px !important;}
.pad45 {padding:45px !important;}
.pad50 {padding:50px !important;}
.pad55 {padding:55px !important;}
.pad60 {padding:60px !important;}

/* margin */
/* 왼쪽 */
.marL00 {margin-left:0px !important;}
.marL01 {margin-left:1px !important;}
.marL02 {margin-left:2px !important;}
.marL03 {margin-left:3px !important;}
.marL04 {margin-left:4px !important;}
.marL05 {margin-left:5px !important;}
.marL06 {margin-left:6px !important;}
.marL07 {margin-left:7px !important;}
.marL08 {margin-left:8px !important;}
.marL09 {margin-left:9px !important;}
.marL10 {margin-left:10px !important;}
.marL15 {margin-left:15px !important;}
.marL20 {margin-left:20px !important;}
.marL25 {margin-left:25px !important;}
.marL30 {margin-left:30px !important;}
.marL35 {margin-left:35px !important;}
.marL40 {margin-left:40px !important;}
.marL45 {margin-left:45px !important;}
.marL50 {margin-left:50px !important;}
.marL55 {margin-left:55px !important;}
.marL60 {margin-left:60px !important;}


/* 오른쪽 */
.marR00 {margin-right:0px !important;}
.marR01 {margin-right:1px !important;}
.marR02 {margin-right:2px !important;}
.marR03 {margin-right:3px !important;}
.marR04 {margin-right:4px !important;}
.marR05 {margin-right:5px !important;}
.marR06 {margin-right:6px !important;}
.marR07 {margin-right:7px !important;}
.marR08 {margin-right:8px !important;}
.marR09 {margin-right:9px !important;}
.marR10 {margin-right:10px !important;}
.marR13 {margin-right:13px !important;}
.marR15 {margin-right:15px !important;}
.marR20 {margin-right:20px !important;}
.marR25 {margin-right:25px !important;}
.marR30 {margin-right:30px !important;}
.marR35 {margin-right:35px !important;}
.marR40 {margin-right:40px !important;}
.marR45 {margin-right:45px !important;}
.marR50 {margin-right:50px !important;}
.marR55 {margin-right:55px !important;}
.marR60 {margin-right:60px !important;}

/* 위 */
.marT00 {margin-top:0px !important;}
.marT01 {margin-top:1px !important;}
.marT02 {margin-top:2px !important;}
.marT03 {margin-top:3px !important;}
.marT04 {margin-top:4px !important;}
.marT05 {margin-top:5px !important;}
.marT06 {margin-top:6px !important;}
.marT07 {margin-top:7px !important;}
.marT08 {margin-top:8px !important;}
.marT09 {margin-top:9px !important;}
.marT10 {margin-top:10px !important;}
.marT15 {margin-top:15px !important;}
.marT20 {margin-top:20px !important;}
.marT25 {margin-top:25px !important;}
.marT30 {margin-top:30px !important;}
.marT35 {margin-top:35px !important;}
.marT40 {margin-top:40px !important;}
.marT45 {margin-top:45px !important;}
.marT50 {margin-top:50px !important;}
.marT55 {margin-top:55px !important;}
.marT60 {margin-top:60px !important;}
.marT70 {margin-top:70px !important;}
.marT80 {margin-top:80px !important;}
.marT90 {margin-top:90px !important;}
.marT100 {margin-top:100px !important;}

/* 아래 */
.marB00 {margin-bottom:0px !important;}
.marB01 {margin-bottom:1px !important;}
.marB02 {margin-bottom:2px !important;}
.marB03 {margin-bottom:3px !important;}
.marB04 {margin-bottom:4px !important;}
.marB05 {margin-bottom:5px !important;}
.marB06 {margin-bottom:6px !important;}
.marB07 {margin-bottom:7px !important;}
.marB08 {margin-bottom:8px !important;}
.marB09 {margin-bottom:9px !important;}
.marB10 {margin-bottom:10px !important;}
.marB15 {margin-bottom:15px !important;}
.marB20 {margin-bottom:20px !important;}
.marB25 {margin-bottom:25px !important;}
.marB30 {margin-bottom:30px !important;}
.marB35 {margin-bottom:35px !important;}
.marB40 {margin-bottom:40px !important;}
.marB45 {margin-bottom:45px !important;}
.marB50 {margin-bottom:50px !important;}
.marB55 {margin-bottom:55px !important;}
.marB60 {margin-bottom:60px !important;}
.marB70 {margin-bottom:70px !important;}
.marB75 {margin-bottom:75px !important;}
.marB80 {margin-bottom:80px !important;}
.marB85 {margin-bottom:85px !important;}
.marB90 {margin-bottom:90px !important;}
.marB95 {margin-bottom:95px !important;}
.marB100 {margin-bottom:100px !important;}

/* 전체 */
.mar00 {margin:0px !important;}
.mar01 {margin:1px !important;}
.mar02 {margin:2px !important;}
.mar03 {margin:3px !important;}
.mar04 {margin:4px !important;}
.mar05 {margin:5px !important;}
.mar06 {margin:6px !important;}
.mar07 {margin:7px !important;}
.mar08 {margin:8px !important;}
.mar09 {margin:9px !important;}
.mar10 {margin:10px !important;}
.mar15 {margin:15px !important;}
.mar20 {margin:20px !important;}
.mar25 {margin:25px !important;}
.mar30 {margin:30px !important;}
.mar35 {margin:35px !important;}
.mar40 {margin:40px !important;}
.mar45 {margin:45px !important;}
.mar50 {margin:50px !important;}
.mar55 {margin:55px !important;}
.mar60 {margin:60px !important;}

/* Width % */
.w1p  {width:1% !important;}
.w2p  {width:2% !important;}
.w3p  {width:3% !important;}
.w4p  {width:4% !important;}
.w5p  {width:5% !important;}
.w6p  {width:6% !important;}
.w7p  {width:7% !important;}
.w8p  {width:8% !important;}
.w9p  {width:9% !important;}
.w10p {width:10% !important;}
.w11p {width:11% !important;}
.w12p {width:12% !important;}
.w13p {width:13% !important;}
.w14p {width:14% !important;}
.w15p {width:15% !important;}
.w16p {width:16% !important;}
.w17p {width:17% !important;}
.w18p {width:18% !important;}
.w19p {width:19% !important;}
.w20p {width:20% !important;}
.w21p {width:21% !important;}
.w22p {width:22% !important;}
.w23p {width:23% !important;}
.w24p {width:24% !important;}
.w25p {width:25% !important;}
.w26p {width:26% !important;}
.w27p {width:27% !important;}
.w28p {width:28% !important;}
.w29p {width:29% !important;}
.w30p {width:30% !important;}
.w31p {width:31% !important;}
.w32p {width:32% !important;}
.w33p {width:33% !important;}
.w34p {width:34% !important;}
.w35p {width:35% !important;}
.w36p {width:36% !important;}
.w37p {width:37% !important;}
.w38p {width:38% !important;}
.w39p {width:39% !important;}
.w40p {width:40% !important;}
.w41p {width:41% !important;}
.w42p {width:42% !important;}
.w43p {width:43% !important;}
.w44p {width:44% !important;}
.w45p {width:45% !important;}
.w46p {width:46% !important;}
.w47p {width:47% !important;}
.w48p {width:48% !important;}
.w49p {width:49% !important;}
.w50p {width:50% !important;}
.w51p {width:51% !important;}
.w52p {width:52% !important;}
.w53p {width:53% !important;}
.w54p {width:54% !important;}
.w55p {width:55% !important;}
.w56p {width:56% !important;}
.w57p {width:57% !important;}
.w58p {width:58% !important;}
.w59p {width:59% !important;}
.w60p {width:60% !important;}
.w61p {width:61% !important;}
.w62p {width:62% !important;}
.w63p {width:63% !important;}
.w64p {width:64% !important;}
.w65p {width:65% !important;}
.w66p {width:66% !important;}
.w67p {width:68% !important;}
.w68p {width:68% !important;}
.w69p {width:69% !important;}
.w70p {width:70% !important;}
.w71p {width:71% !important;}
.w72p {width:72% !important;}
.w73p {width:73% !important;}
.w74p {width:74% !important;}
.w75p {width:75% !important;}
.w76p {width:76% !important;}
.w77p {width:77% !important;}
.w78p {width:78% !important;}
.w79p {width:79% !important;}
.w80p {width:80% !important;}
.w81p {width:81% !important;}
.w82p {width:82% !important;}
.w83p {width:83% !important;}
.w84p {width:84% !important;}
.w85p {width:85% !important;}
.w86p {width:86% !important;}
.w87p {width:87% !important;}
.w88p {width:88% !important;}
.w89p {width:89% !important;}
.w90p {width:90% !important;}
.w91p {width:91% !important;}
.w92p {width:92% !important;}
.w93p {width:93% !important;}
.w94p {width:94% !important;}
.w95p {width:95% !important;}
.w96p {width:96% !important;}
.w97p {width:97% !important;}
.w98p {width:98% !important;}
.w99p {width:99% !important;}
.w100p {width:100% !important;}

.hr_line { width:100%; height:1px; background-color: var(--gray01);}
.hr_line2 { width:100%; height:1px; background-color: var(--emphasis);}
.hr_line3 { width:100%; height:1px; background-color: var(--gray05);}

/*배경색*/
.bg-no-repeat { background-repeat: no-repeat; }
.bg-center { background-position: 50%; }
.bg-cover { background-size: cover; }

.mobile_btn{cursor:pointer;}

/*border*/


.border-grey-e6 {
    --tw-border-opacity: 1;
	border:1px solid rgb(230 230 230 / var(--tw-border-opacity));
}

[role=button], button {
    cursor: pointer;
}

#wrap {
  width: 100%;
  flex: 1;
}

#wrap.fixed {
    position: fixed;
    width: 100%;
    overflow: hidden;
}

.container {
  width: 100%;
  margin: 0 auto;
  /*padding: 15.0rem 0;*/
}

.t1{
	font-size:2.0rem;
	font-weight:500;
	color:#363636;
}

/* 모바일 메뉴 */
.layerDim {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index:10000;
}


body .gnb_allmenu_wrap { position:fixed; top:0; bottom:0; left:-100%; width:100%; overflow:hidden; overflow-y:auto; padding:0 0 20px; background:#fff; transition:all 0.4s ease-in-out; box-sizing:border-box; z-index:20000; }
body .gnb_allmenu_wrap.on { left:0%; }
body .gnb_allmenu_wrap .nav-box { }
body .gnb_allmenu { position:static; width:100%; border:0; }
body .gnb_allmenu_box { height:auto; padding:0; box-sizing:border-box; }
.btn_all_menu_close { top:0; left:auto; right:-50px; }
.layerDim { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:900; }
.gnb_allmenu_box ul { margin:0; }

/* 상단 top */
.gnb_allmenu_wrap .gnb_allmenu_top_wrap { 
	margin:0 0px; 
	padding:0px 10px; 
	background-color:var(--emphasis2);
	height:80px;
	display:flex;
	align-items:center;
	justify-content: space-between;
}

.gnb_allmenu_wrap .gnb_allmenu_top_wrap .gnb_allmenu_logo{
	width:120px;
}

.gnb_allmenu_wrap .gnb_allmenu_top_wrap .gnb_allmenu_logo img{
	width:100%;
}

.gnb_allmenu_wrap .gnb_allmenu_top_wrap .gnb_allmenu_close_btn{
	width:25px;
	height:25px;
	cursor:pointer;
}

.gnb_allmenu_wrap .gnb_allmenu_top_wrap .gnb_allmenu_close_btn img{ width:100%; }

/* 검색 */
.gnb_allmenu_wrap .navSearchBox{
    position: relative;
    padding-left: 56px;
    border-top: 1px solid #e5e9eb;
	border-bottom: 1px solid #e5e9eb;
}

.gnb_allmenu_wrap .navSearchBox .btn_search {
    position: absolute;
    left: 0;
    top: 0;
    width: 64px;
    height: 64px;
    font-size: 0;
    color: transparent;
    background: url(../image/icon/ico_search.svg) no-repeat center center / 24px;
}

.gnb_allmenu_wrap .navSearchBox .searchText{
	height:64px;
}

.gnb_allmenu_wrap .navSearchBox .txt_search {
    padding: 21px 20px 21px 10px;
    line-height: 22px;
    color: #90a0a6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size:1.6rem;
}

.gnb_allmenu_wrap .surgery_wrap{
	padding:15px 0;
}

.gnb_allmenu_wrap .surgery_wrap .surgery_btn1{
	width:175px;
	height:35px;
	line-height:35px;
	text-align:Center;
	color:var(--font01);
	background-color:var(--emphasis2);
	font-size:1.6rem;
	border-radius:9999px;
}

.gnb_allmenu_wrap .surgery_wrap .surgery_btn2{
	width:175px;
	height:35px;
	line-height:35px;
	text-align:Center;
	color:var(--primary);
	font-size:1.6rem;
	border-radius:9999px;
	outline : solid 1px rgb(0 0 0 / 1.0);
}

/*모바일 메뉴*/
.gnb_allmenu_wrap .depth_title{
	position:relative;
	padding:20px 0;
	display:flex;
	align-items:Center;
	justify-content: space-between;
}



.gnb_allmenu_wrap .depth_title .menu_title{
	position:relative;
	font-family: "Tenor Sans", sans-serif;
	font-size:2.2rem;
	font-weight:400;
	padding-left:15px;
}

.gnb_allmenu_wrap .depth_title .menu_title:before{
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	content:'';
	width:5px;
	height:5px;
	background-color:var(--emphasis2);
	border-radius: 9999px
}

.gnb_allmenu_wrap .sub_menu_wrap{

	position: relative;
	width:100%;
	margin:0px 0 15px;
	display:flex;

}

.gnb_allmenu_wrap .sub_menu_wrap .category_menu{
	position:relative;
}

.gnb_allmenu_wrap .sub_menu_wrap .category_menu .sub_menu2{
	width:100%;
}

.gnb_allmenu_wrap .sub_menu_wrap .category_menu .sub_menu2 li{
	position:relative;
	padding-left:15px;
	line-height:2.0;
	font-size:2.0rem;
	font-weight:500;
	color:var(--gray03);
	cursor:pointer;
}

.gnb_allmenu_wrap .sub_menu_wrap .category_menu .sub_menu2 li.on{
	color:var(--primary);
}

.gnb_allmenu_wrap .sub_menu_wrap .category_menu .sub_menu2 li.on:before{
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	content:'';
	width:2px;
	height:10px;
	background-color:var(--emphasis2);
}

.gnb_allmenu_wrap .sub_menu_wrap .category_sub_menu{
	position:relative;
	margin-left:20px;
	min-height:150px;
	border-left:1px solid #ccc;
	padding:10px;
}

.gnb_allmenu_wrap .sub_menu_wrap .category_sub_menu .tab{
	position:relative;
}

.gnb_allmenu_wrap .sub_menu_wrap .category_sub_menu .tab.on{
	display:block !important;
}

.gnb_allmenu_wrap .sub_menu_wrap .category_sub_menu .tab .menuTxt{
	font-size:1.6rem;
	color:var(--primary);
	line-height:2.0;
}


.gnb_allmenu_wrap .depth2{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:Center;
}

.gnb_allmenu_wrap .depth2 li{
	width:calc(48.0000%);
	text-align:left;
	font-size:1.6rem;
	padding-left:15px;
	line-height:2.0;
}

.gnb_allmenu_wrap .depth2 li a{
	display:block;
	width:100%;
}

/*모바일검색*/
.global_title_wrap{
	position: relative;
    margin: 40px 0 15px;
}

.global_title_wrap .h3_tit {
    font-size: 19px;
    font-weight: 700;
    line-height: 28px;
}

.searchOpen .global_search_wrap {
    transform: translateX(0);
    -ms-transform: translateX(0);
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.searchClose .global_search_wrap {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.global_search_wrap {
	transform: translateX(105%);
    position: fixed;
    left:0;
	top: 0;
    z-index: 25000;
    width: 100%;
    background: #fff;
}

.global_search_wrap.result {
    transform: translateX(0);
}

.global_search_wrap.result .h_container {
    border-bottom: 0;
}

.global_search_wrap .h_container {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    padding: 0 10px;
    border-bottom: 2px solid #1b2529;
    transition: background .2s ease;
}

.global_search_wrap .h_container .search_close_btn {
    margin-right:5px;
}

.global_search_wrap .h_container .search_close_btn img {
    
}


.global_search_wrap .logo a {
    width: 87px;
    height: 20px;
}

.global_search_wrap .head_link {
    overflow: hidden;
}

.global_search_wrap.result .head_link {
    overflow: visible;
}

.global_search_wrap .page_back {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 18px;
    background-image: url('../image/icon/page_back_b.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 17px 16px;
}

.global_search_wrap .page_back, .global_search_wrap .close_search {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-image: url('../image/icon/page_back_b.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 17px 16px;
}

.global_search_wrap .global_search_enter {
    flex: 0 0 auto;
	width: 20px;
    height: 20px;
	margin-left:auto;
    background: url('../image/icon/grobal_search_b.png') no-repeat 0 0/100%;
}

.global_search_wrap .inp_text {
    width: 78%;
}

.global_search_wrap .inp_text .input_text {
    padding: 0 20px;
    height: 54px;
    line-height: 54px;
    background: #f2f4f5;
    border-radius: 4px;
	width:100%;
	border: 0;
    outline: none;
	font-size:1.8rem;
	
}

.global_search_wrap .inp_text .input_text {
    padding: 0;
    background-color: transparent;
}

.global_search_wrap .inp_text .input_text:focus {
    padding: 0;
    background: #fff;
    border: none;
}

.global_search_wrap .recent_search_wrap, .global_search_wrap .popular_search_wrap {
    padding: 0 18px 45px;
    border-bottom: 1px solid #f2f4f5;
}

.global_search_wrap .search_close_btn {
    flex: 0 0 auto;
    width: 18px !important;
}

.global_search_wrap .search_close_btn img{
	width:100%;
}

.global_search_wrap .global_title_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 23px;
}

.global_search_wrap .global_title_wrap .title_text {
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
}

.global_search_wrap .search_info_area {
    overflow-y: auto;
    height: calc(100vh - 51px);
}

.global_search_wrap .recent_search_wrap .search_his_del {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #bec8cc;
}

.global_search_wrap .recent_search_wrap .search_his_del::before {
    display: block;
    width: 15px;
    height: 15px;
    margin: 2px 6px 0 0;
    background: url('../image/icon/ico_del1.png') no-repeat;
    background-size: contain;
    content: "";
}

.global_search_wrap .recent_search_wrap .recent_search_list {
    overflow: hidden;
    margin-bottom: -15px;
}

.global_search_wrap .recent_search_wrap .recent_search_list a {
    font-size: 15px;
    color: #90a0a6;
}

.global_search_wrap .recent_search_wrap .recent_search_list::after {
    display: table;
    content: "";
    clear: both;
}

.global_search_wrap .recent_search_wrap .recent_search_list li {
    float: left;
    display: flex;
    align-items: center;
    margin: 0 18px 15px 0;
}

.global_search_wrap .recent_search_wrap .recent_search_list li:last-child {
    margin-right: 0;
}

.global_search_wrap .recent_search_wrap .recent_search_list li .search_close_btn {
    margin-left: 9px;
}

.global_search_wrap .recent_search_wrap .no_search_list {
    font-size: 15px;
    color: #90a0a6;
}

.global_search_wrap .popular_search_wrap {
    border: 0;
    padding-bottom: 0;
}

.global_search_wrap .popular_search_wrap .popular_search_list {
    margin-bottom: 160px;
}

.global_search_wrap .popular_search_wrap .popular_search_list li a {
    display: flex;
    align-items: center;
    margin-bottom: 27px;
    font-size: 1.8rem;
	font-weight:500;
    line-height: 1;
}

.global_search_wrap .popular_search_wrap .popular_search_list li:last-child a {
    margin-bottom: 0;
}

.global_search_wrap .popular_search_wrap .popular_search_list li .num_text {
    width: 40px;
    margin-right: 24px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
}

.global_search_wrap .popular_search_wrap .popular_search_list li .popular_icon_area {
    display: flex;
    justify-content: center;
    width: 30px;
    margin-left: auto;
}

.global_search_wrap .popular_search_wrap .popular_search_list li .popular_icon {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
}

.global_search_wrap .popular_search_wrap .popular_search_list li .popular_icon.up_icon {
    width: 9px;
    height: 6px;
    background-image: url('../image/icon/arr_up2.png');
}

.global_search_wrap .popular_search_wrap .popular_search_list li .popular_icon.down_icon {
    width: 9px;
    height: 6px;
    background-image: url('../image/icon/arr_down3.png');
}

.global_search_wrap .popular_search_wrap .popular_search_list li .popular_icon.mid_icon {
    width: 9px;
    height: 2px;
    background-image: url('../image/icon/ico_midline.png');
}

.global_search_wrap .popular_search_wrap .popular_search_list li .popular_icon.new_icon {
    width: 30px;
    height: 11px;
    background-image: url('../image/icon/ico_new1.png');
}

.global_search_wrap .search_write_area {
    overflow-y: auto;
    display: none;
    height: calc(100vh - 51px);
    padding: 30px 37px 140px;
    font-size: 16px;
    line-height: 1;
}

.global_search_wrap .search_write_area li {
    margin-bottom: 24px;
}

.global_search_wrap .search_write_area li:last-child {
    margin-bottom: 0;
}

.global_search_wrap .search_write_area li .search_color {
    color: #00a8e3;
}

.global_search_wrap .global_search_slide {
    position: absolute;
    left: 58px;
    top: 2px;
    width: calc(80% - 40px);
    height: 54px;
    padding: 0 10px;
}

.global_search_wrap .swiper-slide .search_txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 54px;
}
/* //통합검색 검색전 */

/* pc 검색*/
.pcSearchOpen .new_global_search_wrap{

	display: block;

}

.new_global_search_wrap{
	overflow-y: auto;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(27, 37, 41, 0.4);
}

.new_global_search_wrap .global_search_bg {
    position: relative;
    width: 100%;
    padding: 52px 0 0;
    background: #fff;
}

.new_global_search_wrap .close_search_wrap {
    display: flex;
    justify-items: center;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: -72px;
    transform: translateX(-50%);
    width: 70px;
    height: 72px;
}

.new_global_search_wrap .close_search_wrap .pc_close_search {
    display: block;
    width: 70px;
    height: 72px;
    margin: auto;
    cursor: pointer;
    background: url('../image/icon/ico_search_close.png') no-repeat 0 0/100% 100%;
}

.pcSearchOpen .new_global_search_wrap {
    display: block;
}

.pcSearchClose .new_global_search_wrap {
    display: none;
}

.new_global_search_wrap .global_search_area {
    width: 600px;
    margin: auto;
}

.new_global_search_wrap.result {
    transform: translateX(0);
}

.new_global_search_wrap .h_container {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 42px;
    margin: 0 auto;
    padding: 0 20px 0 24px;
    border: 2px solid #1b2529;
    transition: background .2s ease;
    border-radius: 21px;
}

.new_global_search_wrap .h_container .search_close_btn {
    display: none;
}

.new_global_search_wrap .logo a {
    width: 87px;
    height: 20px;
}

.new_global_search_wrap .head_link {
    overflow: hidden;
}

.new_global_search_wrap.result .head_link {
    overflow: visible;
}

.new_global_search_wrap .page_back {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 18px;
    background-image: url('../image/icon/page_back_b.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 17px 16px;
}

.new_global_search_wrap .global_search_enter {
    width: 24px;
    height: 27px;
    margin-left: auto;
    background: url('../image/icon/grobal_search_b.png') no-repeat 0 0/100%;
}

.new_global_search_wrap .inp_text {
    width: 488px;
}

.new_global_search_wrap .inp_text .input_text {
    padding: 0;
    height: 38px;
    font-size: 14px;
    line-height: 1;
    background-color: transparent;
}

.new_global_search_wrap .inp_text .input_text:focus {
    padding: 0;
    background: #fff;
    border: none;
}

.new_global_search_wrap .search_info_area {
    display: flex;
    justify-content: space-between;
    padding: 0 24px 60px;
}

.new_global_search_wrap .recent_search_wrap, .new_global_search_wrap .popular_search_wrap {
    position: relative;
    width: 252px;
    padding: 0;
}

.new_global_search_wrap .recent_search_wrap {
    padding-bottom: 32px;
}

.new_global_search_wrap .search_close_btn {
    width: 18px;
    height: 18px;
    margin-left: 12px;
}

.new_global_search_wrap .title_wrap {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 15px;
}

.new_global_search_wrap .title_wrap .title_text {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.new_global_search_wrap .recent_search_wrap .search_his_del {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #bec8cc;
    cursor: pointer;
}

.new_global_search_wrap .recent_search_wrap .search_his_del::before {
    display: block;
    width: 15px;
    height: 15px;
    margin: 2px 6px 0 0;
    background: url(../image/icon/ico_del1.png) no-repeat;
    background-size: contain;
    content: "";
}

.new_global_search_wrap .recent_search_wrap .recent_search_list {
    overflow: hidden;
    margin-bottom: -15px;
}

.new_global_search_wrap .recent_search_wrap .recent_search_list a {
    display:flex;
	width:100%;
	font-size: 15px;
    color: #90a0a6;
	
}

.new_global_search_wrap .recent_search_wrap .recent_search_list::after {
    display: table;
    content: "";
    clear: both;
}

.new_global_search_wrap .recent_search_wrap .recent_search_list li {
    display: flex;
    align-items: center;
    margin: 0 18px 25px 0;
}

.new_global_search_wrap .recent_search_wrap .recent_search_list li:last-child {
    margin-right: 0;
}

.new_global_search_wrap .recent_search_wrap .recent_search_list li .search_close_btn {
    margin-left: 9px;
}

.new_global_search_wrap .recent_search_wrap .no_search_list {
    margin-top:30px;
	font-size: 15px;
    color: #90a0a6;
}

.new_global_search_wrap .popular_search_wrap {
    border: 0;
}

.new_global_search_wrap .popular_search_wrap .popular_search_list li a {
    display: flex;
    align-items: center;
    height: 18px;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1;
}

.new_global_search_wrap .popular_search_wrap .popular_search_list li:last-child a {
    margin-bottom: 0;
}

.new_global_search_wrap .popular_search_wrap .popular_search_list li .num_text {
    width: 20px;
    margin-right: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

.new_global_search_wrap .popular_search_wrap .popular_search_list li .popular_icon_area {
    display: flex;
    justify-content: center;
    width: 30px;
    margin-left: auto;
}

.new_global_search_wrap .popular_search_wrap .popular_search_list li .popular_icon {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
}

.new_global_search_wrap .popular_search_wrap .popular_search_list li .popular_icon.up_icon {
    width: 9px;
    height: 6px;
    background-image: url(../image/icon/arr_up2.png);
}

.new_global_search_wrap .popular_search_wrap .popular_search_list li .popular_icon.down_icon {
    width: 9px;
    height: 6px;
    background-image: url(../image/icon/arr_down3.png);
}

.new_global_search_wrap .popular_search_wrap .popular_search_list li .popular_icon.mid_icon {
    width: 9px;
    height: 2px;
    background-image: url(../image/icon/ico_midline.png);
}

.new_global_search_wrap .popular_search_wrap .popular_search_list li .popular_icon.new_icon {
    width: 30px;
    height: 11px;
    background-image: url(../image/icon/ico_new1.png);
}

.new_global_search_wrap .search_write_area {
    display: none;
    height: 59vh;
    padding: 42px 24px;
    font-size: 16px;
    line-height: 1;
}

.new_global_search_wrap .search_write_area ul {
    overflow-y: auto;
    height: 100%;
}

.new_global_search_wrap .search_write_area li {
    padding: 12px 0;
}

.new_global_search_wrap .search_write_area li:last-child {
    margin-bottom: 0;
}

.new_global_search_wrap .search_write_area li .search_color {
    color: #00a8e3;
}

.new_global_search_wrap .global_search_slide {
    position: absolute;
    left: 24px;
    top: 0;
    width: calc(80% - 40px);
    height: 38px;
}

.new_global_search_wrap .swiper-slide .search_txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 38px;
}

/*pc 검색*/

/* 외국 */
.global-modal-wrap{
	display: block;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 302;
}

.global-modal-wrap.on{
	display: block;
}

.global-modal-wrap .modal-inner{
	padding: 2rem 1rem;
	background-color: #fff;
	width: 1160px;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 1rem;
}
.global-modal-wrap .modal-inner .content h3{
	padding-bottom: 1.5rem;
	font-weight: 700;
	font-size: 1.5rem;
	color: #222;
}
.global-modal-wrap .modal-inner .content .none{
	display: none;
}
.global-modal-wrap .modal-inner .branch-wrap,
.global-modal-wrap .modal-inner .brand-wrap{
	padding: 2rem;
}
.global-modal-wrap .modal-inner .content h3 .color{
	color: var(--primary);
}
.global-modal-wrap .modal-inner .link-list{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.global-modal-wrap .modal-inner .link-list > li{
	width: 19%;
	padding: 1.5rem;
	margin-right: 1%;
	margin-bottom: 0.7rem;
	border: 1px solid rgba(204, 204, 204, 0.7);
	border-radius: 0.5rem;
	position: relative;
}
.global-modal-wrap .modal-inner .link-list > li::before,
.global-modal-wrap .modal-inner .link-list > li::after{
	content: '';
	position: absolute;
	top: 25px;
	right: 11px;
	width: 11px;
	height: 2px;
	background-color: #D7D7D7;
}
.global-modal-wrap .modal-inner .link-list > li::before{
	transform: rotate(45deg);
}
.global-modal-wrap .modal-inner .link-list > li::after{
	top: 32px;
	transform: rotate(-45deg);
}
.global-modal-wrap .modal-inner .link-list > li a{
	display: flex;
	align-items: center;
	font-size: 1.4rem;
}
.global-modal-wrap .modal-inner .link-list > li a .icon{
	width: 40px;
	margin-right: 0.5rem;
}
.global-modal-wrap .modal-inner .link-list > li a img{
	width: 100%;
	display: block;
}
.global-modal-wrap .modal-inner .close-btn{
	position: absolute;
	top: 1.2rem;
	right: 1.2rem;
	background-color: transparent;
}


/* 팝업 */
.popupWrap{
	position: relative;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content: center;
	border:1px solid #fff;
}

.popupWrap .innerSection{
	position: relative;
	width:100%:
	height:100%;
	max-width:1000px;
}

.popupWrap .innerSection .swiper-pagination{
	bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%;
}

@media screen and (max-width: 1024px)
	.popupWrap .innerSection{
		width:100%:
	}
}


.popupWrap .innerSection .info-img{
	width:100%;
	height:100%;
	overflow:hidden;
}

.popupWrap .innerSection .info-img img{
	width:100%;
}


.popupWrap .innerSection .select_wrap{
	width:100%;
	max-width:1000px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.popupWrap .innerSection .select_wrap .select_wrap_btn {
	min-height: 70px;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	text-align: center;
	color: #000;
	font-weight: 400;
	padding: 10px 5px;
	margin: 5px 2px;
	background-color:#fff;
	font-size:14px;
	letter-spacing:-1.0px;
	word-break:keep-all;
	line-height:1.5;
}

.popupWrap .innerSection .select_wrap .select_wrap_btn.active {
	background-color: var(--emphasis2);
	box-shadow: inset -3px -3px 3px var(--emphasis2);
	font-size:14px;
	letter-spacing:-1.0px;
	
}

.popupWrap .innerSection .select_wrap .select_wrap_btn.active {
	color: #fff;
	font-weight: 400;
}

.close_wrap{
	width:100%;
	height:50px;
	display:flex;
	align-items: center;
	justify-content: space-between;
}

.close_wrap .btn_wrap_btn{
	padding: 10px 5px;
	flex: 1;
	color:#fff;
	font-size:1.6rem;
}

@media screen and (max-width: 1920px) {
	
	
}

@media screen and (max-width: 1400px) {
	
	
	
	.popupWrap .innerSection {
		width: 100%;
	}
	.popupWrap .swiper .swiper-pagination {
		padding-top: 0;
	}
	.popupWrap .select_wrap a {
		font-size: 16px;
	}

	.popupWrap .innerSection .info-img img{
		width:100%;
	}
}

@media screen and (max-width: 1280px) {
	

	.popupWrap .innerSection {
		width: 80%;
	}
	.popupWrap .swiper .swiper-pagination {
		padding-top: 0;
	}
	.popupWrap .select_wrap a {
		font-size: 16px;
	}
}


@media screen and (max-width: 1024px) {
	.popupWrap .innerSection {
		width: 70%;
	}
	.popupWrap .swiper .swiper-pagination {
		padding-top: 0;
	}
	.popupWrap .select_wrap a {
		font-size: 16px;
	}

	.popup_thumb_pc{display:none !important;}

	.popup_thumb_mobile{display:block !important;}

}

@media screen and (max-width: 640px) {
	.popupWrap .innerSection .select_wrap {
		display: none;
	}

	.side_left_util{
		display:none;
	}

}

@media screen and (max-width: 475px) {
	.popupWrap .innerSection {
		width: 70%;
	}

	.side_left_util{
		display:none;
	}
}

@media screen and (max-width: 320px) {
	.popupWrap .innerSection {
		width: 70%;
	}

	.side_left_util{
		display:none;
	}
}


@media not all and (min-width:1280px) {
	.max-xl\:grid {
		display:grid
	}
	.max-xl\:hidden {
		display:none
	}
	.max-xl\:grid-cols-2 {
		grid-template-columns:repeat(2,minmax(0,1fr))
	}
}

@media (min-width: 1024px) {
    .lg\:sticky {
		position:sticky
	}
	.lg\:-right-1\/2 {
		right:-50%
	}
	.lg\:bottom-\[60px\] {
		bottom:60px
	}
	.lg\:bottom-auto {
		bottom:auto
	}
	.lg\:left-1\/2 {
		left:50%
	}
	.lg\:left-auto {
		left:auto
	}
	.lg\:right-0 {
		right:0
	}
	.lg\:right-\[120px\] {
		right:120px
	}
	.lg\:top-0 {
		top:0
	}
	.lg\:top-1\/2 {
		top:50%
	}
	.lg\:top-\[42px\] {
		top:42px
	}
	.lg\:top-\[84px\] {
		top:84px
	}
	.lg\:top-auto {
		top:auto
	}
	.lg\:z-\[9999\] {
		z-index:9999
	}
	.lg\:mx-0 {
		margin-left:0;
		margin-right:0
	}
	.lg\:mx-auto {
		margin-left:auto;
		margin-right:auto
	}
	.lg\:my-\[60px\] {
		margin-top:60px;
		margin-bottom:60px
	}
	.lg\:my-\[90px\] {
		margin-top:90px;
		margin-bottom:90px
	}
	.lg\:\!mt-\[60px\] {
		margin-top:60px!important
	}
	.lg\:mb-0 {
		margin-bottom:0
	}
	.lg\:mb-1 {
		margin-bottom:.25rem
	}
	.lg\:mb-4 {
		margin-bottom:1rem
	}
	.lg\:mb-6 {
		margin-bottom:1.5rem
	}
	.lg\:mb-\[-30px\] {
		margin-bottom:-30px
	}
	.lg\:mb-\[10px\] {
		margin-bottom:10px
	}
	.lg\:mb-\[120px\] {
		margin-bottom:120px
	}
	.lg\:mb-\[30px\] {
		margin-bottom:30px
	}
	.lg\:mb-\[37px\] {
		margin-bottom:37px
	}
	.lg\:mb-\[60px\] {
		margin-bottom:60px
	}
	.lg\:mb-\[6px\] {
		margin-bottom:6px
	}
	.lg\:mb-\[8px\] {
		margin-bottom:8px
	}
	.lg\:mb-\[90px\] {
		margin-bottom:90px
	}
	.lg\:ml-\[10px\] {
		margin-left:10px
	}
	.lg\:mt-0 {
		margin-top:0
	}
	.lg\:mt-\[10px\] {
		margin-top:10px
	}
	.lg\:mt-\[120px\] {
		margin-top:120px
	}
	.lg\:mt-\[14px\] {
		margin-top:14px
	}
	.lg\:mt-\[16px\] {
		margin-top:16px
	}
	.lg\:mt-\[172px\] {
		margin-top:172px
	}
	.lg\:mt-\[26px\] {
		margin-top:26px
	}
	.lg\:mt-\[30px\] {
		margin-top:30px
	}
	.lg\:mt-\[60px\] {
		margin-top:60px
	}
	.lg\:mt-\[90px\] {
		margin-top:90px
	}
	.lg\:block {
		display:block
	}
	.lg\:inline-block {
		display:inline-block
	}
	.lg\:flex {
		display:flex
	}
	.lg\:grid {
		display:grid
	}
	.lg\:hidden {
		display:none
	}
	.lg\:\!h-\[320px\] {
		height:320px!important
	}
	.lg\:h-11 {
		height:2.75rem
	}
	.lg\:h-5 {
		height:1.25rem
	}
	.lg\:h-8 {
		height:2rem
	}
	.lg\:h-\[110px\] {
		height:110px
	}
	.lg\:h-\[15px\] {
		height:15px
	}
	.lg\:h-\[16px\] {
		height:16px
	}
	.lg\:h-\[20px\] {
		height:20px
	}
	.lg\:h-\[240px\] {
		height:240px
	}
	.lg\:h-\[24px\] {
		height:24px
	}
	.lg\:h-\[300px\] {
		height:300px
	}
	.lg\:h-\[319px\] {
		height:319px
	}
	.lg\:h-\[320px\] {
		height:320px
	}
	.lg\:h-\[33px\] {
		height:33px
	}
	.lg\:h-\[400px\] {
		height:400px
	}
	.lg\:h-\[440px\] {
		height:440px
	}
	.lg\:h-\[44px\] {
		height:44px
	}
	.lg\:h-\[456px\] {
		height:456px
	}
	.lg\:h-\[480px\] {
		height:480px
	}
	.lg\:h-\[50vh\] {
		height:50vh
	}
	.lg\:h-\[52px\] {
		height:52px
	}
	.lg\:h-\[540px\] {
		height:540px
	}
	.lg\:h-\[57px\] {
		height:57px
	}
	.lg\:h-\[62px\] {
		height:62px
	}
	.lg\:h-\[680px\] {
		height:680px
	}
	.lg\:h-\[70dvh\] {
		height:70dvh
	}
	.lg\:h-\[960px\] {
		height:960px
	}
	.lg\:h-auto {
		height:auto
	}
	.lg\:min-h-\[60dvh\] {
		min-height:60dvh
	}
	.lg\:\!w-\[315px\] {
		width:315px!important
	}
	.lg\:w-11 {
		width:2.75rem
	}
	.lg\:w-6 {
		width:1.5rem
	}
	.lg\:w-\[103px\] {
		width:103px
	}
	.lg\:w-\[109px\] {
		width:109px
	}
	.lg\:w-\[150px\] {
		width:150px
	}
	.lg\:w-\[160px\] {
		width:160px
	}
	.lg\:w-\[16px\] {
		width:16px
	}
	.lg\:w-\[22px\] {
		width:22px
	}
	.lg\:w-\[240px\] {
		width:240px
	}
	.lg\:w-\[24px\] {
		width:24px
	}
	.lg\:w-\[28px\] {
		width:28px
	}
	.lg\:w-\[297px\] {
		width:297px
	}
	.lg\:w-\[315px\] {
		width:315px
	}
	.lg\:w-\[364px\] {
		width:364px
	}
	.lg\:w-\[530px\] {
		width:530px
	}
	.lg\:w-\[560px\] {
		width:560px
	}
	.lg\:w-\[625px\] {
		width:625px
	}
	.lg\:w-\[72px\] {
		width:72px
	}
	.lg\:w-\[764px\] {
		width:764px
	}
	.lg\:w-fit {
		width:fit-content
	}
	.lg\:w-full {
		width:100%
	}
	.lg\:min-w-\[474px\] {
		min-width:474px
	}
	.lg\:max-w-\[1100px\] {
		max-width:1100px
	}
	.lg\:max-w-\[1280px\] {
		max-width:1280px
	}
	.lg\:max-w-\[474px\] {
		max-width:474px
	}
	.lg\:max-w-full {
		max-width:100%
	}
	.lg\:flex-grow-0 {
		flex-grow:0
	}
	.lg\:-translate-x-1\/2 {
		--tw-translate-x:-50%
	}
	.lg\:-translate-x-1\/2,.lg\:-translate-y-1\/2 {
		transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}
	.lg\:-translate-y-1\/2 {
		--tw-translate-y:-50%
	}
	.lg\:scale-\[0\.9\] {
		--tw-scale-x:0.9;
		--tw-scale-y:0.9;
		transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}
	.lg\:grid-cols-2 {
		grid-template-columns:repeat(2,minmax(0,1fr))
	}
	.lg\:grid-cols-3 {
		grid-template-columns:repeat(3,minmax(0,1fr))
	}
	.lg\:grid-cols-4 {
		grid-template-columns:repeat(4,minmax(0,1fr))
	}
	.lg\:grid-cols-6 {
		grid-template-columns:repeat(6,minmax(0,1fr))
	}
	.lg\:flex-row {
		flex-direction:row
	}
	.lg\:flex-col {
		flex-direction:column
	}
	.lg\:flex-col-reverse {
		flex-direction:column-reverse
	}
	.lg\:flex-wrap {
		flex-wrap:wrap
	}
	.lg\:items-start {
		align-items:flex-start
	}
	.lg\:items-end {
		align-items:flex-end
	}
	.lg\:items-center {
		align-items:center
	}
	.lg\:justify-start {
		justify-content:flex-start
	}
	.lg\:justify-center {
		justify-content:center
	}
	.lg\:justify-between {
		justify-content:space-between
	}
	.lg\:gap-0 {
		gap:0
	}
	.lg\:gap-2 {
		gap:.5rem
	}
	.lg\:gap-3 {
		gap:.75rem
	}
	.lg\:gap-4 {
		gap:1rem
	}
	.lg\:gap-5 {
		gap:1.25rem
	}
	.lg\:gap-8 {
		gap:2rem
	}
	.lg\:gap-\[10px\] {
		gap:10px
	}
	.lg\:gap-\[120px\] {
		gap:120px
	}
	.lg\:gap-\[12px\] {
		gap:12px
	}
	.lg\:gap-\[14px\] {
		gap:14px
	}
	.lg\:gap-\[15px\] {
		gap:15px
	}
	.lg\:gap-\[16px\] {
		gap:16px
	}
	.lg\:gap-\[20px\] {
		gap:20px
	}
	.lg\:gap-\[30px\] {
		gap:30px
	}
	.lg\:gap-\[34px\] {
		gap:34px
	}
	.lg\:gap-\[40px\] {
		gap:40px
	}
	.lg\:gap-\[4px\] {
		gap:4px
	}
	.lg\:gap-\[60px\] {
		gap:60px
	}
	.lg\:gap-\[90px\] {
		gap:90px
	}
	.lg\:gap-x-5 {
		column-gap:1.25rem
	}
	.lg\:gap-x-\[21px\] {
		column-gap:21px
	}
	.lg\:gap-x-\[30px\] {
		column-gap:30px
	}
	.lg\:gap-y-4 {
		row-gap:1rem
	}
	.lg\:gap-y-5 {
		row-gap:1.25rem
	}
	.lg\:gap-y-\[120px\] {
		row-gap:120px
	}
	.lg\:gap-y-\[30px\] {
		row-gap:30px
	}
	.lg\:gap-y-\[42px\] {
		row-gap:42px
	}
	.lg\:gap-y-\[60px\] {
		row-gap:60px
	}
	.lg\:gap-y-\[90px\] {
		row-gap:90px
	}
	.lg\:space-y-5>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse:0;
		margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))
	}
	.lg\:space-y-\[30px\]>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse:0;
		margin-top:calc(30px * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom:calc(30px * var(--tw-space-y-reverse))
	}
	.lg\:overflow-y-auto {
		overflow-y:auto
	}
	.lg\:whitespace-normal {
		white-space:normal
	}
	.lg\:whitespace-nowrap {
		white-space:nowrap
	}
	.lg\:whitespace-pre-line {
		white-space:pre-line
	}
	.lg\:rounded-2xl {
		border-radius:1rem
	}
	.lg\:rounded-\[1\.125rem\] {
		border-radius:1.125rem
	}
	.lg\:rounded-\[12px\] {
		border-radius:12px
	}
	.lg\:rounded-\[18px\] {
		border-radius:18px
	}
	.lg\:rounded-\[20px\] {
		border-radius:20px
	}
	.lg\:rounded-lg {
		border-radius:.5rem
	}
	.lg\:rounded-xl {
		border-radius:.75rem
	}
	.lg\:border-r {
		border-right-width:1px
	}
	.lg\:border-t {
		border-top-width:1px
	}
	.lg\:border-grey-e3 {
		--tw-border-opacity:1;
		border-color:rgb(227 227 227/var(--tw-border-opacity))
	}
	.lg\:border-grey-f3 {
		--tw-border-opacity:1;
		border-color:rgb(243 243 243/var(--tw-border-opacity))
	}
	.lg\:bg-\[\#fbfbfb\] {
		--tw-bg-opacity:1;
		background-color:rgb(251 251 251/var(--tw-bg-opacity))
	}
	.lg\:bg-black\/0 {
		background-color:transparent
	}
	.lg\:bg-grey-fb {
		--tw-bg-opacity:1;
		background-color:rgb(251 251 251/var(--tw-bg-opacity))
	}
	.lg\:bg-white {
		--tw-bg-opacity:1;
		background-color:rgb(255 255 255/var(--tw-bg-opacity))
	}
	.lg\:bg-\[url\(\'\/lg-event-hero\.png\'\)\] {
		background-image:url(/lg-event-hero.png)
	}
	.lg\:bg-\[url\(\'\/notice-lg\.png\'\)\] {
		background-image:url(/notice-lg.png)
	}
	.lg\:bg-\[url\(\'\/pricing-lg\.png\'\)\] {
		background-image:url(/pricing-lg.png)
	}
	.lg\:p-0 {
		padding:0
	}
	.lg\:p-\[26px\] {
		padding:26px
	}

	.lg\:p-\[25px\] {
		padding:25px
	}

	.lg\:p-\[30px\] {
		padding:30px
	}
	.lg\:p-\[40px\] {
		padding:40px
	}
	.lg\:px-0 {
		padding-left:0;
		padding-right:0
	}
	.lg\:px-2\.5 {
		padding-left:.625rem;
		padding-right:.625rem
	}
	.lg\:px-5 {
		padding-left:1.25rem;
		padding-right:1.25rem
	}
	.lg\:px-\[12px\] {
		padding-left:12px;
		padding-right:12px
	}
	.lg\:px-\[16px\] {
		padding-left:16px;
		padding-right:16px
	}
	.lg\:px-\[20px\] {
		padding-left:20px;
		padding-right:20px
	}
	.lg\:px-\[26px\] {
		padding-left:26px;
		padding-right:26px
	}
	.lg\:px-\[40px\] {
		padding-left:40px;
		padding-right:40px
	}
	.lg\:px-\[90px\] {
		padding-left:90px;
		padding-right:90px
	}
	.lg\:py-1\.5 {
		padding-top:.375rem;
		padding-bottom:.375rem
	}
	.lg\:py-\[0px\] {
		padding-top:0;
		padding-bottom:0
	}
	.lg\:py-\[120px\] {
		padding-top:120px;
		padding-bottom:120px
	}
	.lg\:py-\[16px\] {
		padding-top:16px;
		padding-bottom:16px
	}
	.lg\:py-\[26px\] {
		padding-top:26px;
		padding-bottom:26px
	}
	.lg\:py-\[30px\] {
		padding-top:30px;
		padding-bottom:30px
	}
	.lg\:py-\[4\.5px\] {
		padding-top:4.5px;
		padding-bottom:4.5px
	}
	.lg\:py-\[60px\] {
		padding-top:60px;
		padding-bottom:60px
	}
	.lg\:py-\[8px\] {
		padding-top:8px;
		padding-bottom:8px
	}
	.lg\:py-\[90px\] {
		padding-top:90px;
		padding-bottom:90px
	}
	.lg\:pb-0 {
		padding-bottom:0
	}
	.lg\:pb-2 {
		padding-bottom:.5rem
	}
	.lg\:pb-4 {
		padding-bottom:1rem
	}
	.lg\:pb-\[108px\] {
		padding-bottom:108px
	}
	.lg\:pb-\[10px\] {
		padding-bottom:10px
	}
	.lg\:pb-\[120px\] {
		padding-bottom:120px
	}
	.lg\:pb-\[17px\] {
		padding-bottom:17px
	}
	.lg\:pb-\[30px\] {
		padding-bottom:30px
	}
	.lg\:pb-\[8px\] {
		padding-bottom:8px
	}
	.lg\:pb-\[90px\] {
		padding-bottom:90px
	}
	.lg\:pr-6 {
		padding-right:1.5rem
	}
	.lg\:pt-0 {
		padding-top:0
	}
	.lg\:pt-5 {
		padding-top:1.25rem
	}
	.lg\:pt-\[110px\] {
		padding-top:110px
	}
	.lg\:pt-\[120px\] {
		padding-top:120px
	}
	.lg\:pt-\[123px\] {
		padding-top:123px
	}
	.lg\:pt-\[174px\] {
		padding-top:174px
	}
	.lg\:pt-\[175px\] {
		padding-top:175px
	}
	.lg\:pt-\[200px\] {
		padding-top:200px
	}
	.lg\:pt-\[20px\] {
		padding-top:20px
	}
	.lg\:pt-\[304px\] {
		padding-top:304px
	}
	.lg\:pt-\[30px\] {
		padding-top:30px
	}
	.lg\:pt-\[360px\] {
		padding-top:360px
	}
	.lg\:pt-\[60px\] {
		padding-top:60px
	}
	.lg\:pt-\[83px\] {
		padding-top:83px
	}
	.lg\:pt-\[84px\] {
		padding-top:84px
	}
	.lg\:pt-\[90px\] {
		padding-top:90px
	}
	.lg\:pt-\[93px\] {
		padding-top:93px
	}
	.lg\:text-center {
		text-align:center
	}
	.lg\:text-start {
		text-align:start
	}
	.lg\:text-2xl {
		font-size:1.5rem;
		line-height:2rem
	}
	.lg\:text-4xl {
		font-size:2.25rem;
		line-height:2.5rem
	}
	.lg\:text-\[1\.125rem\] {
		font-size:1.125rem
	}
	.lg\:text-\[1\.25rem\] {
		font-size:1.25rem
	}
	.lg\:text-\[1\.375rem\] {
		font-size:1.375rem
	}
	.lg\:text-\[1\.5rem\] {
		font-size:1.5rem
	}
	.lg\:text-\[1\.75rem\] {
		font-size:1.75rem
	}
	.lg\:text-\[16px\] {
		font-size:16px
	}
	.lg\:text-\[18px\] {
		font-size:18px
	}
	.lg\:text-\[1rem\] {
		font-size:1rem
	}
	.lg\:text-\[2\.5rem\] {
		font-size:2.5rem
	}
	.lg\:text-\[2\.75rem\] {
		font-size:2.75rem
	}
	.lg\:text-\[20px\] {
		font-size:20px
	}
	.lg\:text-\[24px\] {
		font-size:24px
	}
	.lg\:text-\[26px\] {
		font-size:26px
	}
	.lg\:text-\[2rem\] {
		font-size:2rem
	}
	.lg\:text-\[3\.125rem\] {
		font-size:3.125rem
	}
	.lg\:text-\[3\.5rem\] {
		font-size:3.5rem
	}
	.lg\:text-\[32px\] {
		font-size:32px
	}
	.lg\:text-\[36px\] {
		font-size:36px
	}
	.lg\:text-\[3rem\] {
		font-size:3rem
	}
	.lg\:text-base {
		font-size:1rem;
		line-height:1.5rem
	}
	.lg\:text-lg {
		font-size:1.125rem;
		line-height:1.75rem
	}
	.lg\:text-sm {
		font-size:.875rem;
		line-height:1.25rem
	}
	.lg\:text-xl {
		font-size:1.25rem;
		line-height:1.75rem
	}
	.lg\:font-bold {
		font-weight:700
	}
	.lg\:font-medium {
		font-weight:500
	}
	.lg\:font-normal {
		font-weight:400
	}
	.lg\:leading-\[20px\] {
		line-height:20px
	}
	.lg\:text-grey-3e {
		--tw-text-opacity:1;
		color:rgb(62 62 62/var(--tw-text-opacity))
	}
	.lg\:text-grey-9f {
		--tw-text-opacity:1;
		color:rgb(159 159 159/var(--tw-text-opacity))
	}
	.lg\:shadow-modal {
		--tw-shadow:0 2px 10px 0 hsla(0,0%,74%,.5);
		--tw-shadow-colored:0 2px 10px 0 var(--tw-shadow-color);
		box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
	}
	.lg\:custom-scrollbar::-webkit-scrollbar {
		width:6px
	}
	.lg\:custom-scrollbar::-webkit-scrollbar-track {
		background:transparent
	}
	.lg\:custom-scrollbar::-webkit-scrollbar-thumb {
		background-color:#e3e3e3;
		border-radius:3px
	}
	.lg\:custom-scrollbar {
		scrollbar-width:thin;
		scrollbar-color:#e3e3e3 transparent
	}
	.lg\:hover\:bg-black:hover {
		--tw-bg-opacity:1;
		background-color:rgb(0 0 0/var(--tw-bg-opacity))
	}
	.lg\:hover\:text-white:hover {
		--tw-text-opacity:1;
		color:rgb(255 255 255/var(--tw-text-opacity))
	}

	.lg\:h-\[480px\] {
        height: 480px !important;
    }
	.lg\:pt-\[200px\] {
        padding-top: 200px !important;
    }

	.lg\:pt-\[170px\] {
        padding-top: 170px !important;
    }

}

@media (min-width:1280px) {
	.xl\:right-\[26px\] {
		right:26px
	}
	.xl\:top-6 {
		top:1.5rem
	}
	.xl\:top-\[84px\] {
		top:84px
	}
	.xl\:mt-\[60px\] {
		margin-top:60px
	}
	.xl\:box-content {
		box-sizing:content-box
	}
	.xl\:block {
		display:block
	}
	.xl\:inline-block {
		display:inline-block
	}
	.xl\:flex {
		display:flex
	}
	.xl\:hidden {
		display:none
	}
	.xl\:max-w-\[1280px\] {
		max-width:1280px
	}
	.xl\:scale-100 {
		--tw-scale-x:1;
		--tw-scale-y:1;
		transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}
	.xl\:gap-\[30px\] {
		gap:30px
	}
	.xl\:space-x-\[30px\]>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse:0;
		margin-right:calc(30px * var(--tw-space-x-reverse));
		margin-left:calc(30px * calc(1 - var(--tw-space-x-reverse)))
	}
	.xl\:border-b {
		border-bottom-width:1px
	}
	.xl\:border-grey-e3 {
		--tw-border-opacity:1;
		border-color:rgb(227 227 227/var(--tw-border-opacity))
	}
	.xl\:bg-grey-f3 {
		--tw-bg-opacity:1;
		background-color:rgb(243 243 243/var(--tw-bg-opacity))
	}
	.xl\:bg-white {
		--tw-bg-opacity:1;
		background-color:rgb(255 255 255/var(--tw-bg-opacity))
	}
	.xl\:py-6 {
		padding-top:1.5rem;
		padding-bottom:1.5rem
	}
	.xl\:pb-10 {
		padding-bottom:2.5rem
	}
	.xl\:pl-\[26px\] {
		padding-left:26px
	}
	.xl\:pl-\[320px\] {
		padding-left:320px
	}
	.xl\:pr-\[256px\] {
		padding-right:256px
	}
	.xl\:pr-\[76px\] {
		padding-right:76px
	}
}
@media (min-width:1536px) {
	.\32xl\:gap-\[100px\] {
		gap:100px
	}
	.\32xl\:gap-\[120px\] {
		gap:120px
	}
	.\32xl\:gap-\[40px\] {
		gap:40px
	}
	.\32xl\:gap-\[50px\] {
		gap:50px
	}
	.\32xl\:gap-\[64px\] {
		gap:64px
	}
	.\32xl\:gap-\[70px\] {
		gap:70px
	}
	.\32xl\:gap-\[80px\] {
		gap:80px
	}
}


/*quick_mew*/
#toolbar2{display:none;} /*리뉴얼 툴바*/

.flex-col2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.quick_new {
    display: block;
    position: fixed;
    top:15%;
	right: 0;
    width: 130px;
    transition: right, 0.5s;
    z-index: 2000;
	background-color: rgba(255, 255, 255, 0.85);
    border-top-left-radius: 20px;
    box-shadow: 2px 4px 10px 2px rgba(0, 0, 0, 0.1);
}

.quick_new ul {flex: 1; justify-content: space-around; }
.quick_new ul li {width: 100%; flex: 1; position: relative; padding-bottom:5px;  padding-top:10px; text-align:Center; }
/*.quick_new ul li:last-child{
	border-bottom: 0px solid #ccc;
}*/

.quick_new ul li .quick_wrap{
	width:calc(100% - 60px);
	margin:0 auto;
	padding-bottom:5px;
	border-bottom:1px solid #e5e5e5;
}


.quick_new ul li a {display: flex; flex-wrap:wrap; align-items: center; justify-content: center; flex-direction: column; }
.quick_new ul li a img {margin-bottom:0px; width:30px;}
.quick_new ul li a span {font-size:1.2rem; font-weight: 700; color:#383838; margin-top:5px; margin-bottom:5px; display:inline-block;}
.quick_new ul li.point{
	background-color:var(--emphasis2);
}
.quick_new ul li.black{
	background-color:#383838;
}

.quick_new ul li.point a {display: flex; flex-wrap:wrap; align-items: center; justify-content: center; flex-direction: row;  }

.quick_new ul li.black a span.tit,
.quick_new ul li.point a span.tit
{
	width:100%;
	text-align:left;
}

.quick_new ul li.point a .tit {font-size:1.4rem; font-weight: 700; color:#fff; margin-top:15px; margin-bottom:15px; text-align:left !important; }
.quick_new ul li.black a .tit {font-size:1.4rem; font-weight: 700; color:#fff; margin-top:5px; margin-bottom:5px; text-align:left !important;}

.quick_new ul li.point > div.title{
	display:flex;
	flex-wrap:wrap; 
	align-items: center;
	font-size:1.4rem; font-weight: 700; color:#fff; margin-top:5px; margin-bottom:5px; text-align:left !important;
}


@media screen and (min-width:768px) and (max-width:1279px) {
	
	.quick_new{display:none;}

	


}
@media screen and (max-width: 767px) {
	
	.quick_new{display:none;}

	#toolbar2 {
		position: fixed;
		z-index: 2000;
		left: 0;
		bottom: -1px;
		width: 100%;
		height: 70px;
		padding: 0px 0px 0px;

		display: flex;
		justify-content: center;
		align-items: center;
		background: #fff;
	}

	#toolbar2 .tool_menu{
		position:relative;
		width:100%;
		display:flex;
		flex-wrap:wrap;
		align-items: center;
		justify-content: center;
	}

	#toolbar2 .tool_menu li{
		width:calc(25.000% - 0px);
	}

	#toolbar2 .tMenu a {
		display: block;
		max-width:100px;
		min-width: 28px;
		padding-top: 35px;
		text-align: center;
		font-size: 1.2rem;
		line-height: 14px;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 28px;
	}

	#toolbar2 .tMenu.t1 a {background-image: url("../image/common/m_kakao.svg");}
	#toolbar2 .tMenu.t2 a {background-image: url("../image/common/m_naver.svg");}
	#toolbar2 .tMenu.t3 a {background-image: url("../image/common/book_quickmenu_icon.svg");}
	#toolbar2 .tMenu.t4 a {background-image: url("../image/common/tel_quickmenu_icon.svg");}

}