@charset "UTF-8";

	#main-banner .banner-link>a,
	.tabDepth>a,
	.lastDepth>a,
	.depth3>a,
	.depth3>a>span:before,
	.faq_list>li .q,
	.faq_list>li .q>.bul,

	#mVisual .visualRoll .slider>div,
	#mVisual .vTxtArea .ii,
	#mVisual .slick-dots>li button,
	#mVisual .slick-dots>li button:before,
	#mVisual .vTxt .ii,
	.main-service-swiper .swiper-wrapper .vTxt .ii,

	#mVisual .iconMenu .inConts>a,

	.qm-box>button:before,

	.swiper-pagination-bullet,
	.m-tab>a,
	.store-area>.store-map .thumb .finding-map-link,
	.store-area>.store-map .thumb .finding-map-link:after,
	#quick-right,
	#quick-social,
	.main-tab>a{transition: all .3s ease-out; transform-origin: 50% 50%;}

	.historyArea .history_box>.logo>span,
	.historyArea .history_box>.list:before,
	#mVisual .vTxt .ii{transition: all .5s ease-out; transform-origin: 50% 50%;}

	#mainVisual .vTxt .ii{transition: all .7s ease-out; transform-origin: 50% 50%;}

	#mVisual .visualRoll .slider .photoBox p{transition: all 1s ease-out; transform-origin: 50% 50%;}

	/*#mainVisual .visualRoll .swiper-slide>img{transition: all 2s ease-out; transform-origin: 50% 50%;}*/

/*[s] All Style */
	.f0{font-size:0; line-height:0;}

	.nTable{width:100%; border-top:1px solid #111; font-size:0; line-height:0; overflow: hidden;}
	.nTable>table{width:calc(100% + 1px); border-spacing:0; border-collapse: collapse; table-layout : fixed;}
	.nTable>table th,
	.nTable>table td{padding:1.5rem; background-color: #fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight: 500; font-size:1.8rem; line-height:1.3; color:#111; text-align:center; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}

	.nTable>table th{height:6rem;}
	.nTable>table>thead>tr>th{background-color: #ecf9ef; font-weight: 500;}
	.nTable>table>tbody>tr>th{background-color: #f8f8f8;}
	.nTable>table .point{color: #0a9e1f;}
	.nTable>table td.tar{padding-right:2rem;}

	.nTable.iclei>table th,
	.nTable.iclei>table td{font-weight: 400;}
	.nTable.iclei>table>thead>tr>th{font-weight:600;}
	.nTable.iclei>table td strong{font-weight: 600;}

	h4.bul{margin-bottom:4.5rem; padding-left:2rem; font-weight: 700; font-size:2.4rem; line-height:1; color: #1b1b1b; position: relative;}
	h4.bul:before{content: ""; width: 0.8rem; height: 0.8rem; background-color: var(--point); position:absolute; left: 0; top:0.7rem; border-radius:100%;}
	*+h4.bul{margin-top:6.5rem;}

	h4.txt{margin-bottom:2.5rem; font-weight: bold; font-size:3rem; line-height:1.3; color: #111; position: relative;}
	h4.txt .small{padding-left:2.7rem; font-weight: normal; font-size:1.7rem; color: #555; position: relative; display:inline-block; vertical-align: baseline;}
	h4.txt .small:before{content: ""; width: 1px; height: 1.6rem; margin-top:-0.8rem; background-color: #000; display: inline-block; position:absolute; left: 1.3rem; top:50%;}
	*+h4.txt{margin-top:7rem;}

	h5.txt{margin-bottom:2.5rem; font-weight: bold; font-size:2.5rem; line-height:1.3; color: #111; position: relative;}
	h5.txt .small{padding-left:2.7rem; font-weight: normal; font-size:1.7rem; color: #555; position: relative; display:inline-block; vertical-align: baseline;}
	h5.txt .small:before{content: ""; width: 1px; height: 1.6rem; margin-top:-0.8rem; background-color: #000; display: inline-block; position:absolute; left: 1.3rem; top:50%;}

	*+h5.txt{margin-top:6rem;}

	h5.bul{margin-bottom:2rem; padding:0 0 1rem 1.3rem; border-bottom:1px solid #DBDBDB; font-weight: bold; font-size:2.2rem; line-height:1.3; color: #000; position: relative;}
	h5.bul:before{content: ""; width:1rem; height:1rem; background:url('/images/icon_bul_8x8.svg') no-repeat left center/0.8rem; position:absolute; left: 0; top:1rem;}

	h6.txt{margin:3rem 0 1.5rem; font-weight: bold; font-size:2rem; line-height:1.3; color: #000; position: relative;}

	.nTit{font-size:4rem; line-height:1.3; color: #000;}
	.nTxt{font-size:2rem; line-height:1.4; color: #555;}

	._star>li{padding-left:1.1rem; font-size:1.7rem; line-height:1.3; color: #555; position: relative;}
	._star>li:before{content: "*"; position:absolute; left: 0; top:0;}
	._star>li+li{margin-top:0.5rem;}

	.star_>li{padding-left:2rem; font-size:1.6rem; line-height:1.3; color: #555; position: relative;}
	.star_>li:before{content: "※"; position:absolute; left: 0; top:0;}
	.star_>li+li{margin-top:0.5rem;}

	._starB>li{padding-left:1.5rem; font-size:1.7rem; line-height:1.4; color: #555; position: relative;}
	._starB>li:before{content: "*"; font-weight: 600; color: var(--point); position:absolute; left: 0; top:0;}
	._starB>li>p{margin-bottom:1rem; font-weight: 600; font-size:2rem; line-height:1.3; color: #000;}

	.g-box{margin-top:2rem; padding:2rem; background-color: #f4f6f8; border-radius:0.3rem;}

	.g-box.res{padding:2rem 4rem; font-weight: 500; font-size:2rem; line-height:1.3; color: #111;  text-align: center; border-radius:99rem;}
	.g-box.res>strong{font-weight: 600; font-size:3rem;}

	._caution{padding:0.2rem 0 0.2rem 3.3rem; background:url('/images/icon_caution.png') no-repeat left top/2.7rem; font-size:1.7rem; line-height:1.3; color: #000; position: relative;}
	._caution2{margin-top:4rem; padding:0 0 1rem 3rem; background:url('/images/icon_caution2.png') no-repeat left 0.3rem/2.2rem; font-weight: 600; font-size:1.8rem; line-height:1.3; color: #000; position: relative;}

	ul.jum>li{padding-left:1.2rem; font-size:1.7rem; line-height:1.4; color: #555; position: relative;}
	ul.jum>li+li{margin-top:0.5rem;}
	ul.jum>li:before{content: "·"; position: absolute; left:0; top:0;}
	ul.jum>li.nodot:before{content: "·"; display:none;}

	ul._bul>li{padding-left:1.2rem; font-size:1.7rem; line-height:1.4; color: #555; position: relative;}
	ul._bul>li:before{content: "-"; position:absolute; left: 0; top:0;}

	.issue-box{margin-top:3rem; padding:1.5rem 3rem; border:1px solid #ddd; border-radius:0.3rem;}
	.issue-box>dl{display: flex; flex-flow: row wrap; align-items: start; gap:1.5rem;}
	.issue-box>dl>dt{padding:0.7rem 1.4rem; background-color: var(--point); font-weight: 600; font-size:1.6rem; line-height:1; color: #fff; border-radius:0.3rem; white-space: nowrap; position: relative;}
	.issue-box>dl>dt:before{content: ""; width: 0; height: 0; margin-top:-0.5rem; border-left:0.5rem solid var(--point); border-top:0.5rem solid transparent; border-bottom:0.5rem solid transparent; border-right:0; position:absolute; left: 100%; top:50%;}
	.issue-box>dl>dd{flex:1; padding-top:0.3rem;font-size:1.7rem; line-height:1.5; color: #555;}

	.u{text-decoration:none; display: inline; box-shadow: inset 0 -0.2rem 0 var(--point);}

	.lattice{background-size: 1rem, 3rem, 1rem 1rem, 3rem 3rem; background-image: linear-gradient(90deg, #ededed 1px, transparent 1px), linear-gradient(90deg, #ededed 1px, transparent 1px), linear-gradient(#ededed 1px, transparent 1px), linear-gradient(#ededed 1px, transparent 1px);}

	.wideFrame{height: 0; padding-bottom: 56.25%; /* 16:9 */ position: relative;}
	.wideFrame>video,
	.wideFrame>iframe,
	.wideFrame>#GoogleMap_map{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

	.wideKakao{width: 100%; margin: 0 auto; position: relative;}
	.wideKakao>.root_daum_roughmap{width: 100%; height:46rem;}
	.wideKakao>.root_daum_roughmap .wrap_map{height:100%; position: absolute; left: -1px; right: -1px; top: -1px;}
	.wideKakao .hide {display: none;}

	.scrollTb{display:inline-block; font-size:0; line-height:0; text-align: center;}
	.scroll_info{width:100%; padding:2rem 0; font-size:0; line-height:0; position: relative; display:none;}
	.scroll_info:before{content:"← scroll →"; margin-top:-1rem; font-size:2.2rem; line-height:1; color: #ff0000; display:inline-block; position: absolute; left:44%; top:50%; animation-duration: 1s; animation-iteration-count:infinite; animation-name: scrollMove; animation-timing-function:ease-In-Out;animation-direction:alternate;}
	@keyframes scrollMove {
		from {color: #222; left:42%;}
		to {color: var(--point); left:46%;}
	}

	.following-sticky{width:100%; margin:14rem 0 0; position: sticky; bottom:0; z-index:9; transition: all .3s ease-out;}
	.following-sticky .following-sticky-in{max-width:128rem; margin:0 auto; padding:1.4rem 2rem; background-color: rgba(97,151,223, 0.9); display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap:0 2rem;  border-radius:3rem 3rem 0 0;}
	.following-sticky .icon img{width:4.3rem; display:block;}
	.following-sticky .text{flex:1; max-width:58.5rem; font-weight: bold; font-size:2.4rem; line-height:1.4; color: #fff; display: flex; align-items: center; gap:0 1rem;}
	.following-sticky .text i{min-width:3rem; width:3rem; height:3rem; background-color: #fff; display:none; border-radius:99px; flex-flow: row wrap; align-items: center; justify-content: center;}
	.following-sticky .text img{height:9px; display:block;}
	.following-sticky a{min-width:22.2rem; height:4.4rem; padding:0 2rem; background-color: #fff; font-weight: 600; font-size:1.8rem; line-height:1.3; color: #425772; text-align: center; border-radius:99px; display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}
	.following-sticky a>span{padding:0.3rem 0 0 0.3rem;font-size:1.2rem;opacity:0.5;}
	.following-sticky a>i{padding-left:1rem;}
	.following-sticky a img{height:12px; display:block;}

    #quick-right{position:fixed; right:4rem; bottom:3rem; z-index:10;}
    #quick-right img{width:10rem;}
/*[e] All Style */

/*[s] Intro Style */
	#intro .intro-re .num,
	#intro .intro-re .ii,
	.slick-dots>li button,
	#main-visual .slick-arrow,
	.m-tab>a,
	#main-management .main-management .mml>div>span,
	.b-product-conts .b-product-re .over{transition: all .3s ease-out; transform-origin: 50% 50%;}

	#intro .intro-re:before,
	#intro .intro-re:after,
	#main-visual .vTxtArea .ii{transition: all .5s ease-out; transform-origin: 50% 50%;}

	#intro{width:100vw; height:100vh; display: flex; align-items: center; justify-content: space-between; position: relative;}
	#intro .intro-re{width:50vw; height:100vh; text-align: center; display: flex; flex-flow: column wrap; justify-content: center; overflow:hidden;}/* background-image:url('../../images/bg_intro.jpg'); background-repeat: no-repeat; background-size: cover; */
	#intro .intro-re:before{content: ""; width:100vw; height:100vh; margin-left:-50vw; display: block; position: absolute; left:50%; top:0; background:#fff url('../../img/bg_intro2.jpg') no-repeat center bottom/cover;}
	#intro .intro-re:after{content: ""; width:30rem; height:100%;  position: absolute; top:0; z-index:2; opacity: 0;}
	#intro .intro-re:nth-child(1):before{clip: rect(0, 50vw, 100vh, 0vw);}
	#intro .intro-re:nth-child(1):after{background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%); right:50%;}
	#intro .intro-re:nth-child(2):before{clip: rect(0, 100vw, 100vh, 50vw);}
	#intro .intro-re:nth-child(2):after{background: linear-gradient(to right,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); left:50%;}
	/*#intro .intro-re:before{content: ""; width: 100%; height:100%; background-color:#fff; position:absolute; left: 0; top:0px; opacity: 0;}*/
	#intro .intro-re .ii{margin-top:0; opacity: 0; position: relative; z-index:3;}
	#intro .intro-re .num{font-weight: bold; font-size:8rem; line-height:1; color: rgba(255,255,255,0.5); z-index:3;}
	#intro .intro-re .title{font-size:2.2rem; line-height:1; color: rgba(255,255,255,0.8);}
	#intro .intro-re .title>strong{font-weight: 600;}
	#intro .intro-re .btn{}
	#intro .intro-re .btn>span{padding:0 0.2rem 0 0.7rem; font-weight: 500; font-size:1.7rem; line-height:4rem; color: rgba(255,255,255,0.9); display:inline-block; position: relative;}
	#intro .intro-re .btn>span:before{content: ""; width: 100%; height: 1px; background-color: rgba(255,255,255,0.5); display: inline-block; position:absolute; left: 0; bottom:0;}

	#intro .intro-re:is(:hover, .active):before{filter:grayscale(10%) blur(5px); opacity: 0.95;}
	#intro .intro-re:is(:hover, .active):after{opacity: 0.1;}
	#intro .intro-re:is(:hover, .active) .ii{margin-top:4rem; opacity:1;}
	#intro .intro-re:is(:hover, .active) .num{color: rgba(255,255,255,1);}

	#intro-logo{display:inline-block; position: fixed; left:5rem; top:5rem; z-index:5;}
	#intro-logo img{height:6.6rem;}
	#intro-foot{display: flex; align-items: center; position: fixed; right:8rem; bottom:6rem; z-index:5; gap:1rem;}
	#intro-foot>span{font-size:1.5rem; line-height:1; color: #fff;}
/*[e] Intro Style */

/*[s] Main Popup Style */
	#hd_pop {z-index:101;position:relative;margin:0 auto;height:0}
	#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.hd_pops{width:auto !important; max-width:100%; height:auto !important; background-color:#fff; position:absolute; display:block; border-radius: 1rem; overflow:hidden; box-sizing:border-box; box-shadow:0 0 3rem rgba(0,0,0,0.5);}
	.hd_pops img{width:100%}
	.hd_pops_con{}
	.hd_pops_footer{display: flex; gap: 1rem; justify-content: space-between; padding: 15px 2rem; font-size: 0; line-height: 0; color:#888; text-align:left;position:relative}
	.hd_pops_footer.white{background-color: #fff;}
	.hd_pops_footer.black{background-color: #000;}

	.hd_pops_footer .hd_pops_reject {position: relative; font-size: 14px; line-height: 1; color: #888; padding: 0 0 0 20px;}
	.hd_pops_footer .hd_pops_reject::before{position: absolute; content: ''; width: 14px; height: 14px; top: 0; left: 0; border: 1px solid #888; background-color: #fff; box-sizing:border-box;}
	.hd_pops_footer .hd_pops_reject::after{position: absolute; content: ''; width: 10px; height: 10px; top: 2px; left: 2px; background-image: url("https://chuckhospital.com/img/icon_check.svg"); background-repeat: no-repeat; background-size: contain; background-position: center;}

	.hd_pops_footer .hd_pops_close{width: 14px; height: 14px;/*   background-image: url("https://chuckhospital.com/img/icon_close.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; */}

	/* black */
	.hd_pops_footer.black .hd_pops_reject {color: #fff;}
	.hd_pops_footer.black .hd_pops_reject::before{border: 1px solid #fff;}
	/* .hd_pops_footer.black .hd_pops_reject::after{filter: brightness(0) saturate(100%) invert(100%);} */

	.hd_pops_footer.black .hd_pops_close{filter: brightness(0) saturate(100%) invert(100%);}

	#popLayer{width:100%; height:100%; font-size:0; line-height:0; position:fixed; left:0; top:0; z-index:99; overflow:hidden; overflow-y:auto;}
	#popLayer.disNone{display:none !important;}
	#popLayer #moPopArea{width:100vw; height:100vh; padding:10rem 3rem; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: flex-start; -ms-flex-align:center;}
	#popLayer #moPopArea .moPop{width:100%; max-width:50rem; margin:0; position: relative;}
	#popLayer #moPopArea #moPopRoll{background-color: #fff; border-radius:2rem; overflow:hidden; box-shadow:0 2rem 4rem rgba(0,0,0,0.3);}
	#popLayer .slider{width:100%; border-radius:2rem 2rem 0 0; box-sizing:border-box; overflow:hidden;}
	#popLayer .slider img{width:100%; vertical-align: top;}
	#popLayer .slider .HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;}
	#popLayer .slider .HKeditorContent img{width:auto;}
	#popLayer #moPopRoll.roll .slider{}

	#popLayer .layerPopClose{width:3rem; height:3rem; margin:0; padding:0; font-size:0; line-height:0; position: absolute; right:1.5rem; top:1.5rem; z-index:6; transform:rotate(45deg);}
	#popLayer .layerPopClose:before,
	#popLayer .layerPopClose:after{content: ""; background-color: #222; display: block; position:absolute; left: 50%; top:50%;}
	#popLayer .layerPopClose:before{width: 100%; height: 2px; margin:-1px 0 0 -1.5rem;}
	#popLayer .layerPopClose:after{width: 2px; height: 100%; margin:-1.5rem 0 0 -1px;}

	#popLayer .moPopClose{width:100%; border-radius:0 0 2rem 2rem; display: flex; justify-content: space-between; overflow:hidden;}
	#popLayer .moPopClose>*{flex:1 1 50%; height:6rem; font-size:1.6rem; line-height:1; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
	#popLayer .moPopClose button{background-color: #878896; border:none; color: #dcdeea; position: relative;}
	/*#popLayer .moPopClose button:before{content: "X"; width: 1.8rem; height: 1.8rem; background-color: rgba(255,255,255,0.3); border:1px solid #000; font-family: dotum; font-weight: bold; font-size:1.6rem; line-height:1.6rem; color: #000;display: inline-block; position:absolute; top:0; box-sizing: border-box;}
	#popLayer .moPopClose button.toDay_close{padding-left:2.5rem;}
	#popLayer .moPopClose button.toDay_close:before{left:0;}*/
	#popLayer .moPopClose button.close{padding-right:2.5rem}
	#popLayer .moPopClose button.close:before{right:0;}
	#popLayer .moPopClose a{background-color: #3617cd; color:#fff}

	#popLayer .slick-dots{width:100%; padding:0; text-align: center; position: absolute; left:0; bottom:7rem; z-index:7;}
	#popLayer .slick-dots>li{margin:0 0.7rem; display:inline-block; vertical-align: top;}
	#popLayer .slick-dots>li+li{}
	#popLayer .slick-dots>li button{width:1.4rem; height:1.4rem; padding:0; background-color:#d4d7d9; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:999px; overflow:hidden; transition: all .3s ease-out;}
	#popLayer .slick-dots>li.slick-active button{width:30px; background-color: #333;}

	#popLayer #moPopArea #moPopRoll{opacity: 0; visibility: hidden; transition: opacity 1s ease;}
	#popLayer #moPopArea #moPopRoll.open,
	#popLayer #moPopArea #moPopRoll.slick-initialized{visibility: visible; opacity: 1;}
/*[e] Main Popup Style */

/*[s] Main Style */
	.scroll-box{width:100%; padding-bottom:10px; flex-wrap: nowrap; justify-content: start; overflow-x: auto; overflow-y: hidden;}
	.scroll-box.shadow{width:calc(100% + 5rem);padding:0 0 5rem 5rem; flex-wrap: nowrap; justify-content: start; overflow-x: auto; overflow-y: hidden;}
	.scroll-box.shadow>*{margin-left:-5rem;}
	.scroll-box::-webkit-scrollbar{width: 0.5rem; height:100%;}/* 스크롤바의 너비 */
	.scroll-box::-webkit-scrollbar:horizontal{width:100%; height:0.5rem}
	.scroll-box::-webkit-scrollbar-thumb{height: 10%; background-color:var(--point); border-radius: 1rem;}  /* 스크롤바의 길이 & 색상 */
	.scroll-box::-webkit-scrollbar-track{background-color: rgba(0,0,0,0.1);}/*스크롤바 뒷 배경 색상*/

	.more_btn{display:inline-block; padding-right:1.3rem; font-size:1.5rem; line-height:1.6; color:#555; position:relative;}
	.more_btn::after{content:""; display:block; width:0; height:0; border-left:0.5rem solid #999; border-top:0.5rem solid transparent; border-bottom:0.5rem solid transparent; position:absolute; right:0; top:50%; transform:translateY(-50%);}
 
	.tit_wr{display:flex; align-items:flex-end; gap:1rem}
	.tit_wr .sect_tit{font-size:2.2rem; line-height:3.5rem; color:#000; font-weight:700;}
	.tit_wr .en{font-size:1.5rem; line-height:1.6; font-weight:300; color:#555;}

	.main_sect_top{margin-bottom:1.5rem; display:flex; justify-content:space-between; align-items:flex-end;}
	
	/*  */
		#mainVisual{width:100%; position: relative; z-index:2; overflow:hidden;}
		#mainVisual .visualRoll{white-space: nowrap;}
		#mainVisual .visualRoll .swiper-slide{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}
		#mainVisual .visualRoll .swiper-slide>img{width:100%; max-width:none; height:60rem; object-fit: cover; object-position: center center; transform:scale(1);}

		#mainVisual .vTxtArea{width:100%; height:100%; padding:0 0; text-align: left; position: absolute; left:0; top:0; z-index:5; display: flex; align-items: center; justify-content: center;}
		#mainVisual .vTxt{width:100%; max-width:132rem; margin:0 auto; padding:0 2rem; position: relative;}
		#mainVisual .vTxt .ii{font-size:0; line-height:0; color: #fff; top:50px; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word; white-space: normal;}
		#mainVisual .vTxt .i01{transition-delay: 0.7s;}
		#mainVisual .vTxt .i02{transition-delay: 0.75s;}
		#mainVisual .vTxt .i03{transition-delay: 0.8s;}
		#mainVisual .vTxt .i04{transition-delay: 0.85s;}
		#mainVisual .vTxt .i05{transition-delay: 0.9s;}
		#mainVisual .vTxt .i06{transition-delay: 0.95s;}
		#mainVisual .vTxt .i07{transition-delay: 1s;}

		#mainVisual .vTxt .ii.logo{margin-top:7rem; display: flex; justify-content: center;}
		#mainVisual .vTxt .ii.logo img{height:2.8rem; display:block;}

		#mainVisual .vTxt .ii.cate{font-weight: 500; font-size:3rem; line-height:1; color: rgba(255,255,255,0.8);}
		#mainVisual .vTxt .ii.title{font-size:4rem; line-height:5rem; color:#fff; font-family:var(--jalnan);}
		#mainVisual .vTxt .ii.text{margin-top:3rem; font-weight: 600; font-size:3rem; line-height:1;}
		#mainVisual .vTxt .ii.btn{margin-top:2.4rem;}
		#mainVisual .vTxt .ii.btn a{display:inline-block; padding:0.6rem 1.5rem 0.9rem; min-width:12rem; font-size:1.8rem; line-height:3rem; font-weight:700; color:#fff; text-align:center; background-color:var(--point); border-radius:3rem;}

		#mainVisual .vTxt .top{display: flex; gap:4rem;}
		#mainVisual .vTxt .top>li{width:calc((100% - 12rem) / 4); background-color: rgba(23,42,69,0.5); padding:3rem 4rem 2rem; border-radius:0.5rem 2rem;}
		#mainVisual .vTxt .top>li p{width:11rem; height:3rem; background-color: var(--point2); font-weight: bold; font-size:2rem; line-height:1; color: #fff; text-align: center; border-radius:0.5rem 1rem; display: flex; align-items: center; justify-content: center;}
		#mainVisual .vTxt .top>li div{margin-top:2rem; padding-bottom:8.5rem; font-weight: 500; font-size:2.4rem; line-height:1.3; color: #fff; text-align: left;}
		#mainVisual .vTxt .top>li span{position: absolute; right:2rem; bottom:2rem;}
		#mainVisual .vTxt .top>li img{height:10rem; display:block;}


		#mainVisual .swiper-pagination-progressbar{width:100%; height:0.8rem; background-color:#f8f8f8; position: absolute; left:0; top:auto; bottom:0; border-radius:99px; z-index:6 !important; overflow: hidden;}
		#mainVisual .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{width: 100%; height: 100%; background-color:var(--point2); border-radius:99px; position: absolute; left: 0; top: 0; transform-origin: left top;}

		/*
		#mainVisual .swiper-pagination-area{width:100%; text-align: left; position: absolute; left:0; bottom:15rem; z-index:7;}
		#mainVisual .swiper-pagination{width:100%; max-width:130rem; margin:0 auto; padding:0 3rem; text-align: left; position: relative;}
		*/

		#mainVisual .swiper-pagination{bottom:15rem;}
		.swiper-pagination{z-index:7 !important;}
		.swiper-pagination-bullet{width:16px !important; height:16px !important; margin:0 !important; background-color:#b4b8b7 !important; border-radius:99px !important; display: inline-block; vertical-align: top; cursor: pointer; opacity: 1 !important;}
		.swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:1.4rem !important;}
		.swiper-pagination-bullet.swiper-pagination-bullet-active{width:54px !important; background-color: var(--point2) !important;}

		#mainVisual .swiper-button{width:auto; height:auto; margin:0; color:#fff; cursor: pointer; position:static;}
		#mainVisual .swiper-button-prev{}
		#mainVisual .swiper-button-next{width:4.5rem;}
		#mainVisual .swiper-button-next::after{content:"+"; display:block; font-size:2rem; line-height:1; font-weight:700; color:#fff;}

		
		#mainVisual .swiper-controll{width:100%; max-width:132rem; padding:0 2rem; display: flex; gap:1rem; position: absolute; left:50%; bottom:4rem; z-index:6; transform:translateX(-50%);}
		#mainVisual .controll-box {height:5.4rem; border-radius:5.4rem; background:rgba(0,0,0,0.5);}
		
		#mainVisual .count-box{width:11.5rem; height:5.5rem; display:flex; justify-content:flex-end;}

		#mainVisual .swiper-numbering{font-weight: 300; font-size:2rem; line-height:1.3; color: #fff; text-align: center; border-radius:99px; display: flex; align-items: center; justify-content: center; gap:0.5rem;}
		#mainVisual .swiper-numbering>span{}
		#mainVisual .swiper-numbering>strong{font-weight: 700;}
		#mainVisual .swiper-numbering>i{font-style: normal; font-size:1.3rem; transform:rotate(15deg);}

		#mainVisual .auto-controll{width:5.4rem; display:flex; align-items:center; justify-content:center;}
		#mainVisual .play-btn{font-size:0;width:1.1rem; cursor:pointer;}
        #mainVisual .play-btn::before{content:'';display:block;box-sizing:border-box;}
        #mainVisual .play-btn.play::before{width:0.9rem;height:1.2rem;border-left:0.3rem solid #fff;border-right: 0.3rem solid #fff;margin:0 auto}
        #mainVisual .play-btn.pause::before{margin-left:0.4rem; border-left:0.8rem solid #fff;border-right: 0.6rem solid transparent;border-bottom: 0.6rem solid transparent;border-top: 0.6rem solid transparent;}
		
		#mainVisual .swiper-slide-active .vTxt .ii{top:0px; opacity:1;}
		/*#mainVisual .visualRoll .swiper-slide.swiper-slide-active>img{transform:scale(1.1);}*/

	/* prdt_sect */
		.prdt_sect .sw_contain{position:relative; overflow:hidden; display:block;}
		.prdt_sect .sw_contain .swiper-slide{width:24rem;}
		.prdt_sect .sw_contain .swiper-slide .sct_txt{padding-bottom:0.7rem;}
		.prdt_sect .sw_contain .swiper-slide .sct_lowest_price{color:#999;}

	/* best_prdt */
		.best_prdt{padding-top:7rem;}
		.best_prdt .inConts{display:flex; gap:8rem 2rem; align-items:flex-start;}
		.best_prdt .prdt_area{width:100%;}/* ranking 사용시 width:calc(100% - 26rem) */
		.best_prdt .ranking{display:none; width:24rem; border:1px solid #e6e6e6; border-radius:1rem; overflow:hidden;}
		.best_prdt .ranking .top{padding:0.6rem 2rem 0.7rem; font-size:1.7rem; line-height:3.5rem; font-weight:500; color:#fff; text-align:center; display:flex; align-items:center; gap:0.8rem; background:url("/images/main/ranking_top_bg.png"), var(--point); background-repeat:repeat-x; background-position:center; background-size:contain; border-bottom:1px solid #e6e6e6}
		.best_prdt .ranking .top::before{content:""; display:block; width:2.3rem; height:1.6rem; background:url("/images/main/ranking_ico.png") no-repeat center/contain;}
		.best_prdt .ranking .rank_li{counter-reset:rank_num; max-height:24.5rem; overflow-y:auto;}
		.best_prdt .ranking .rank_li li{padding:0.8rem 1.2rem 0.9rem; font-size:1.6rem; line-height:1.8rem; font-weight:500; display:flex; justify-content:space-between; counter-increment:rank_num;}
		.best_prdt .ranking .rank_li .name{padding-left:3.7rem; color:#555; position:relative;}
		.best_prdt .ranking .rank_li .name::before{content:counter(rank_num); display:block; width:2.4rem; font-size:1.4rem; line-height:1.8rem; font-weight:700; color:#fff; font-weight:700; font-family:var(--play); text-align:center; background-color:#999; border-radius:0.3rem; position:absolute; left:0; top:0;}
		.best_prdt .ranking .rank_li .amount{color:#000}
		.best_prdt .ranking .rank_li li:nth-child(odd){background-color:#f6f6f6;}
		.best_prdt .ranking .rank_li li:nth-child(-n + 3) .name::before{background-color:#ffb400;}

	/* new_prdt */
		.new_prdt{padding-top:7rem;}
        .new_prdt .sct_wr{position:relative; overflow:hidden; display:flex; gap:2rem;}
		.new_prdt .sct_wr .sct_li{width:calc((100% - 8rem)/5);}
		.new_prdt .sct_wr .sct_li .sct_txt{padding-bottom:0.7rem;}
		.new_prdt .sct_wr .sct_li .sct_lowest_price{color:#999;}

	/* join_mb_bann */
		.join_mb_bann{margin-top:7rem;}
		.join_mb_bann dl{padding:5.2rem 8rem 5.7rem; background:url("/images/main/join_mb_bann_bg.jpg") no-repeat bottom right/contain; background-color:#34323b; border-radius:1rem;}
		.join_mb_bann dt{font-size:2.2rem; line-height:3.2rem; font-weight:700; color:#fff;}
		.join_mb_bann dd{margin-top:0.9rem; font-size:1.7rem; line-height:2.5rem; color:#ccc;}
		.join_mb_bann dd a{margin-top:1.5rem; padding:0.6rem 1.5rem 0.9rem; display:inline-block; font-size:1.7rem; line-height:3rem; font-weight:700; color:#fff; background-color:var(--point); border-radius:4.5rem;}
		.join_mb_bann .bann_sw{border-radius:1rem; overflow:hidden;}
		.join_mb_bann .bann_sw a{display:block;}
		.join_mb_bann .bann_sw a img{width:100%;}

	/* interview_sect */
		.interview_sect{margin-top:8rem; padding:5.5rem 0 8rem; background-color:#f6f6f6;}
		.interview_sect .interview_sw{}
		.interview_sect .interview_sw .sw_contain{position:relative; overflow:hidden;}
		.interview_sect .interview_sw .swiper-slide{width:30rem; border-radius:1rem; border:1px solid #e6e6e6; background-color:#fff; overflow:hidden;}
		.interview_sect .interview_sw .thumb{width:calc(100% + 2px); margin:-1px 0 0 -1px; aspect-ratio:3/2; overflow:hidden;}
		.interview_sect .interview_sw .thumb img{width:100%; height:100%; object-fit:cover; transition:all 0.3s ease-out;}
		.interview_sect .interview_sw .area{padding:2.6rem 2rem 3.7rem;}
		.interview_sect .interview_sw .area .title{height:5.6rem; font-size:2rem; line-height:2.8rem; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all !important; overflow:hidden; transition:all 0.3s ease-out;}
		.interview_sect .interview_sw .area .day{margin-top:1.2rem; font-size:1.8rem; line-height:2.8rem; color:#999}
		.interview_sect .interview_sw .swiper-button-next{margin-top:0; width:5rem; height:5rem; border-radius:50%; background-color:var(--point); right:0; z-index:1;}
		.interview_sect .interview_sw .swiper-button-next::after{margin-right:-0.3rem; font-size:1.2rem; color:#fff;}

		.interview_sect .interview_sw .swiper-slide:hover .thumb img{transform:scale(1.03);}
		.interview_sect .interview_sw .swiper-slide:hover .area .title{font-weight:700;}

	/* event_sect */
		.event_sect{padding:7.5rem 0 8rem}
		.event_sect .event_sw{}
		.event_sect .event_sw .sw_contain{padding-bottom:5rem; position:relative; overflow:hidden;}
		.event_sect .event_sw .swiper-slide{width:calc((100% - 80px)/5); height:auto; border-radius:1rem; overflow:hidden; box-shadow:0 2rem 2rem rgba(0,0,0,0.07); background-color:#fff;}
		.event_sect .event_sw .thumb{width:100%; aspect-ratio:1/1; overflow:hidden;}
		.event_sect .event_sw .thumb img{width:100%; height:100%; object-fit:cover; transition:all 0.3s ease-out;}
		.event_sect .event_sw .area{padding:3rem 2rem 3.8rem;}
		.event_sect .event_sw .state{min-width:7.6rem; margin-bottom:1.3rem; padding:0.4rem 0 0.5rem; display:inline-block; font-size:1.6rem; line-height:2.5rem; color:#fff; font-weight:500; color:#fff; text-align:center; background-color:#555; border-radius:4rem;}
		.event_sect .event_sw .state.live{background-color:var(--point);}
		.event_sect .event_sw .title{font-size:1.8rem; line-height:3rem; font-weight:700; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all !important; overflow:hidden;}
		.event_sect .event_sw .date{margin-top:0.5rem; font-size:1.7rem; line-height:3rem; color:#999}
		.event_sect .event_sw .date em{color:#555; display:inline-block; margin-right:0.8rem;}
		.event_sect .event_sw .swiper-pagination{top:auto; bottom:0; height:0.7rem; border-radius:0.7rem;}
		.event_sect .event_sw .swiper-pagination-progressbar{background-color:#e6e6e6; border-radius:0.7rem;}
		.event_sect .event_sw .swiper-pagination-progressbar-fill{height:0.7rem; background-color:#999; border-radius:0.7rem;}

		.event_sect .event_sw .swiper-slide:hover .thumb img{transform:scale(1.03);}
/*[e] Main Style */

/*[s] Sub Style */
		.my-table{width:100%; border-top:1px solid #333; overflow:hidden; position: relative;}
		.my-table table{width:100%; border-spacing:0; border-collapse: separate; table-layout : fixed; position: relative;}
		.my-table table:before{content:""; width:1px; height:100%; background-color: #fff; position: absolute; right:0; top:0;}
		.my-table>table th,
		.my-table>table td{height:7rem; padding:1.4rem 2rem; background-color: #fff; border-bottom:1px solid var(--bor_c); font-size:1.7rem; line-height:1.3; color: #555; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word; position: relative;}

		.my-table>table>thead>tr>th{width:40%; text-align: center;}
		.my-table>table>thead>tr>th:nth-of-type(2){width:60%;}

		.my-table.five>table>thead>tr>th{width:auto !important;}
		.my-table.five>table>thead>tr>th:nth-of-type(2){width:auto !important;}

		.my-table>table :is(thead>tr>th, tr.th>*, td.th){height:7rem; background-color: #f4f6f8; font-weight: 500; color: #000;}
		.my-table>table :is(tr.th>*, td.th){height:5rem;}

		.my-table>table tr.bold>*{font-weight: bold; color: #000 !important;}

		.my-table>table .medium{font-weight: 500; color: #000 !important;}

		.my-table>table tr.disabled>*{color: #999 !important;}

		.my-table>table>tbody>tr>th{color:#000; font-weight:500; background-color: #f4f6f8;}

		.my-table>table :is(tfoot>tr>td, tr.tfoot>th){height:7rem;background-color: var(--table_th); border-top:1px solid #000; font-weight: bold; color: #000 !important;}
		.my-table>table tfoot>tr>td{font-size:2rem;}

		.my-table>table .btns{width:8rem; height:4rem; background-color:#fff; border:1px solid #555; font-weight: 600; font-size:1.4rem; line-height:1; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; background-color:#555;}

		.my-table>table input[type=button],
		.my-table>table input[type=text],
		.my-table>table input[type=password],
		.my-table>table input[type=file],
		.my-table>table input[type=submit],
		.my-table>table select,
		.my-table>table textarea{width:100% !important; height:4rem;}

		.my-table .flex-btn{display: inline-flex; flex-flow: row wrap; align-items: center; justify-content: space-between; gap:1rem; position: relative;}
		.my-table .flex-btn.block{display: flex;}
		.my-table .flex-btn input{flex:1; width:auto;}
		.my-table .flex-btn a.btn{flex:1; height:2.8rem; padding:0 1.4rem; background-color:var(--point); font-weight: 600; font-size:1.4rem; line-height:0.8; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius:0.5rem; cursor: default; gap:0.5rem;}
		.my-table .flex-btn img[src*="icon_calc3"]{width:1.4rem;}
		.my-table .flex-btn a[href].btn{cursor: pointer;}
		.my-table .flex-btn a.btn.del{background-color:#000;}

		.my-table .flex-btn .bubble{position: relative;}
		.my-table .flex-btn .bubble .pop-bubble{padding:0 1rem; background-color: #fff; border:1px solid #999; font-weight: 300; font-size:1.5rem; line-height:3rem; color: #000; position:absolute; left: 50%; bottom:calc(100% + 15px); border-radius:1rem; white-space: nowrap; z-index:2; transform: translateX(-50%); opacity: 0; display:none; animation:bubble-motion .3s cubic-bezier(.25,.46,.45,.94) both 0s}
		.my-table .flex-btn .bubble .pop-bubble:before{content: ""; width: 13px; height: 8px; margin-left:-7px; background: url('/images/bg_bubble.png') no-repeat left top; position:absolute; left: 50%; top:100%; box-sizing: border-box;}

		.my-table .flex-btn .bubble:hover .pop-bubble{display:block;}

		@keyframes bubble-motion{
			0% {bottom:calc(100% + 15px); opacity: 0;}
			100% {bottom:calc(100% + 10px); opacity: 1;}
		}

		.my-table .payment{width:calc(60% - 1px); padding:2rem; background-color: #fff; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; position: absolute; right:0; top:7rem; bottom:0;}
		.my-table .payment>dl{text-align: center;}
		.my-table .payment>dl>dt{font-size:2rem; line-height:1.5; color: #000;}
		.my-table .payment>dl>dd{margin-top:2rem;}
		.my-table .payment>dl>dd a{width:22rem; height:6rem; margin:0; background-color:var(--point); font-weight: 600; font-size:2rem; line-height:1.3; color:#fff; text-align: center; overflow:hidden; display: inline-flex; align-items: center; justify-content: center; gap: 1rem; border-radius:99px; cursor: pointer; position: relative;}
		.my-table .payment>dl>dd a img{width:2.2rem;}

		.my-table .arr-l{position: absolute; left:15px; top:50px;}
		.my-table .arr-r{position: absolute; right:15px; top:50px;}
		.my-table .arr-c{margin-left:-12px; position: absolute; left:50%; bottom:-28px;}

		.my-table.active td.tar{display:table-cell;}
		.my-table.active .payment{display:none;}

		.my-table.tac>table th,
		.my-table.tac>table td{padding-left:0; padding-right:0;text-align: center;}
		.my-table.tac>table td.tar{padding-left:2rem; padding-right:2rem;}

		.my-table>table .btn-payment{min-width:10rem; padding:0.8rem; background-color: #fff; border:1px solid #ccc; font-weight: 500; font-size:1.6rem; line-height:1; color: #999; display: inline-flex; align-items: center; justify-content: center; gap:0 0.5rem; border-radius:0.3rem;}
		.my-table>table .btn-payment img{width:2rem; filter: brightness(0) saturate(100%) invert(60%) sepia(23%) saturate(1115%) hue-rotate(176deg) brightness(92%) contrast(89%);}

		.my-table>table td.in-table{padding:0; border-bottom:none;}
		.my-table>table td.in-table .in-table-re>*{background-color: #f8f8f8; position: static;}
		.my-table>table td.in-table .in-table-re>.medium{padding-left:3.5rem;}
	/* introduction */
		.introduction h4{font-size:3rem; line-height:4rem; font-weight:700; color:#000;}
		.introduction .info_sect{padding-bottom:10rem;}
		.introduction .info_sect .sect_top{text-align:center;}
		.introduction .info_sect .sect_top p{margin-top:0.8rem; font-size:1.8rem; line-height:2.8rem; color:#000;}
		.introduction .info_sect .sect_top .pg_visual{margin-top:3.3rem; width:100%; border-radius:1rem; overflow:hidden;}
		.introduction .info_sect .cont_li{margin-top:10rem;}
		.introduction .info_sect .cont_li li{display:flex; align-items:center; gap:9rem 4rem; justify-content:space-between; flex-wrap:wrap;}
		.introduction .info_sect .cont_li li > *{max-width:60rem; flex:1;}
		.introduction .info_sect .cont_li li:nth-child(odd){flex-direction:row-reverse;}
		.introduction .info_sect .cont_li li:nth-child(even){text-align:right;}
		.introduction .info_sect .cont_li li+li{margin-top:10rem;}
		.introduction .info_sect .cont_li li figure{width:100%; border-radius:1rem; overflow:hidden;}
		.introduction .info_sect .cont_li li figure img{width:100%;}
		.introduction .info_sect .cont_li li dl{width:100%;}
		.introduction .info_sect .cont_li li dt{font-size:3rem; line-height:4rem; color:#000;}
		.introduction .info_sect .cont_li li dd{margin-top:0.8rem; font-size:1.8rem; line-height:2.8rem; color:#555;}
		
		.introduction .usage{padding:10rem 0; text-align:center; background-color:#f6f6f6;}
		.introduction .usage .scroll_box{overflow-x:auto;}
		.introduction .usage .step_li{min-width:123rem; margin-top:2.5rem; display:flex; justify-content:center; gap:7rem; flex-wrap:wrap;}
		.introduction .usage .step_li li{flex:1; max-width:38rem; padding:4rem 3rem 5rem; border:1px solid #e6e6e6; border-radius:1rem; background-color:#fff; position:relative;}
		.introduction .usage .step_li li::before{content:""; display:block; width:7rem; height:100%; position:absolute; right:100%; top:0; background:url("/images/sub/usage_step_arrow.png") no-repeat center/3.8rem;}
		.introduction .usage .step_li li .step_num{font-size:1.7rem; line-height:2.8rem; font-weight:500; color:#555;}
		.introduction .usage .step_li li dl{margin-top:4.4rem;}
		.introduction .usage .step_li li dl::before{content:""; margin:0 auto 2.5rem; display:block; width:14rem; height:14rem; border-radius:50%; background-color:#f6f6f6; background-repeat:no-repeat; background-position:center; background-size:contain;}
		.introduction .usage .step_li li dt{font-size:2rem; line-height:2.8rem; font-weight:700; color:#000;}
		.introduction .usage .step_li li dd{margin-top:1rem; font-size:1.7rem; line-height:2.6rem; color:#555;}
		.introduction .usage .step_li li:nth-child(1){border-color:var(--point); box-shadow:0 2rem 2rem rgba(0,0,0,0.07);}
		.introduction .usage .step_li li:nth-child(1)::before{display:none;}
		.introduction .usage .step_li li:nth-child(1) dl::before{background-image:url("/images/sub/usage_step_01_ico.png");}
		.introduction .usage .step_li li:nth-child(2) dl::before{background-image:url("/images/sub/usage_step_02_ico.png");}
		.introduction .usage .step_li li:nth-child(3) dl::before{background-image:url("/images/sub/usage_step_03_ico.png");}

        .introduction .howto_sw{margin-top:2.5rem; overflow:hidden;}
        .introduction .howto_sw .swiper-slide{padding:5rem 2rem 4.8rem; margin-right:2.8rem; width:calc((100% - 8.4rem)/4); text-align:center; background-color:#fff; border-radius:1rem; transition:all 0.3s ease-out;}
        .introduction .howto_sw .swiper-slide .num{display:block; font-size:1.8rem; line-height:1; color:#555; font-family:var(--play);}
        .introduction .howto_sw .swiper-slide .ico{margin:4.8rem auto 0; width:8rem;}
        .introduction .howto_sw .swiper-slide .ico img{transition:all 0.3s ease-out;}
        .introduction .howto_sw .swiper-slide dl{margin-top:3.9rem;}
        .introduction .howto_sw .swiper-slide dt{font-size:2.2rem; line-height:3.2rem; color:#000; font-weight:500; transition:all 0.3s ease-out;}
        .introduction .howto_sw .swiper-slide dd{margin-top:0.5rem; font-size:2rem; line-height:2.8rem; color:#555; transition:all 0.3s ease-out;}
        .introduction .howto_sw .swiper-slide:is(:hover, .swiper-slide-active){background-color:var(--point);}
        .introduction .howto_sw .swiper-slide:is(:hover, .swiper-slide-active) .num,
        .introduction .howto_sw .swiper-slide:is(:hover, .swiper-slide-active) dt,
        .introduction .howto_sw .swiper-slide:is(:hover, .swiper-slide-active) dd{color:#fff}
        .introduction .howto_sw .swiper-slide:is(:hover, .swiper-slide-active) .ico img{filter:brightness(0) invert(1);}
	
	/* consult-top */
		.consult-top{text-align:center;}
		.consult-top p{margin-top:1rem; font-size:1.7rem; line-height:2.6rem; color:#000;}

	/* special_pr */
		.special_pr ul li{display:flex; gap:8rem; flex-wrap:wrap; align-items:flex-start;}
		.special_pr ul li+li{margin-top:3rem; padding-top:3rem; border-top:1px solid #e6e6e6;}
		.special_pr ul li > figure{flex:1; border-radius:1rem; overflow:hidden;}
		.special_pr ul li > figure img{width:100%;}
		.special_pr .cont_wr{width:50%; display:flex; flex-direction:column; justify-content:space-between;}
		.special_pr .cont_box .badge{display:block; margin-bottom:0.6rem; padding:0.7rem 1rem 0.9rem; width:fit-content; font-size:1.4rem; line-height:1; font-weight:500; color:#fff; border-radius:3rem; background-color:var(--point);;}
		.special_pr .cont_box h4{font-size:2.5rem; line-height:4rem; font-weight:700; color:#000;}
		.special_pr .cont_box .out {margin-top:2.4rem; padding:2.6rem 0; font-size:1.8rem; line-height:3rem; color:#000; border-top:1px solid #e6e6e6}
		.special_pr .cont_wr .board_btn{margin-top:0;}


	/* store */
		.store-area{margin-bottom:4rem; display: flex; align-items: center; justify-content: space-between;}
		.store-area>*{width:50%;}
		.store-area>.store-map{padding:0 3rem; text-align: center; order:1;}
		.store-area>.store-map .thumb{display:inline-block; position: relative;}
		.store-area>.store-map .thumb .finding-map-link{width:76px; height:28px; background-color: #999; font-family:"pretendard"; font-weight: 600; font-size:14px; line-height:1; color: #fff; position: absolute; left:50%; top:50%; display: flex; align-items: center; justify-content: center; border-radius:99px;}
		.store-area>.store-map .thumb .finding-map-link:after{content: ""; width: 48px; height: 49px; margin-left:-24px; background: url('../../images/sub/img_map_pin.png') no-repeat center top / cover; position:absolute; left: 50%; bottom:calc(100% + 9px); opacity: 0; display:none;}
		.store-area>.store-map .thumb .finding-map-link[data-val="10"]{margin:-55.4% 0 0 -16.2%;} /* 서울 */
		.store-area>.store-map .thumb .finding-map-link[data-val="1"]{margin:-48.6% 0 0 -45.9%;} /* 인천 */
		.store-area>.store-map .thumb .finding-map-link[data-val="2"]{margin:-62.7% 0 0 18.3%;} /* 강원 */
		.store-area>.store-map .thumb .finding-map-link[data-val="9"]{margin:-39.7% 0 0 -8.6%;} /* 경기 */
		.store-area>.store-map .thumb .finding-map-link[data-val="7"]{margin:22.9% 0 0 3.8%;} /* 경남 */
		.store-area>.store-map .thumb .finding-map-link[data-val="4"]{margin:-15.7% 0 0 20.4%;} /* 경북 */
		.store-area>.store-map .thumb .finding-map-link[data-val="6"]{margin:41.7% 0 0 -26.2%;} /* 전남 */
		.store-area>.store-map .thumb .finding-map-link[data-val="5"]{margin:7.5% 0 0 -30.5%;} /* 전북 */
		.store-area>.store-map .thumb .finding-map-link[data-val="8"]{margin:64.7% 0 0 -49.7%;} /* 제주 */
		.store-area>.store-map .thumb .finding-map-link[data-val="3"]{margin:-19.2% 0 0 -34.3%;} /* 충남 */
		.store-area>.store-map .thumb .finding-map-link[data-val="11"]{margin:-26.9% 0 0 -3.2%;} /* 충북 */

		.store-area>.store-map .thumb .finding-map-link[data-val="16"]{margin:36.1% 0 0 26.8%;} /* 부산 */
		.store-area>.store-map .thumb .finding-map-link[data-val="13"]{margin:5.1% 0 0 22.8%;} /* 대구 */
		.store-area>.store-map .thumb .finding-map-link[data-val="14"]{margin:27.1% 0 0 -42.2%;} /* 광주 */
		.store-area>.store-map .thumb .finding-map-link[data-val="12"]{margin:-11.9% 0 0 -9.2%;} /* 대전 */
		.store-area>.store-map .thumb .finding-map-link[data-val="15"]{margin:22.1% 0 0 36.8%;} /* 울산 */


		.store-area>.store-map .thumb .finding-map-link:is(:hover, .active){background-color: var(--point); z-index:2;}
		.store-area>.store-map .thumb .finding-map-link.active:after{height: 58px; opacity: 1;}

		.store-area>.store-inj{padding-right:3rem; order:2;}
		.store-area>.store-inj>dl{}
		.store-area>.store-inj>dl>dt{font-weight: bold; font-size:3.2rem; line-height:1; color:var(--point);}
		.store-area>.store-inj>dl>dd{margin-top:2rem; font-family:"pretendard"; font-weight: 500; font-size:2.1rem; line-height:1.2; color: #254737;}
		.store-area .store-inj-box{height:20.5rem; margin-top:2.5rem; padding:0 3rem; background-color: #f8fbfa; display: flex; align-items: center; justify-content: center; gap:2rem; border-radius:1rem;}
		.store-area .store-inj-box img{width:14rem; min-width:14rem;}
		.store-area .store-inj-box>dl{}
		.store-area .store-inj-box>dl>dt{font-family:"pretendard"; font-weight: bold; font-size:2.3rem; line-height:1; color:#1b1b1b;}
		.store-area .store-inj-box>dl>dd{margin-top:1rem; font-family:"pretendard"; font-weight: 500; font-size:1.8rem; line-height:1.4; color: #254737;}
		.store-area .store-inj-btn{margin-top:2.5rem; display: flex; justify-content: flex-end;}
		.store-area .store-inj-btn>a{font-weight: 700; font-size:1.6rem; line-height:1.2; color: #333; display: flex; align-items: center; gap:0.5rem;}
		.store-area .store-inj-btn>a img{height:0.8rem;}


		.store-table{width:100%; border-top:2px solid #666; overflow: hidden;}
		.store-table>table{width:100%; border-spacing:0;}
		.store-table>table th,
		.store-table>table td{height:7rem; padding:1.5rem 2rem; background-color: #fff; border-bottom:1px solid #ddd; font-size:1.6rem; line-height:1.6; color:#666; text-align:center; border-collapse:collapse; empty-cells:show; word-break:break-all;}

		.store-table>table th{background-color: #fdfdfe;}
		.store-table>table>thead>tr>th{font-weight: 700; font-size:1.7rem; color: #111;}
		.store-table>table .tit{font-weight: 700; color: #111;}
		.store-table>table .btn{width:9rem; height:3.7rem; margin:0 auto; background-color: #808080; border:1px solid #707070; font-weight: 700; font-size:1.5rem; line-height:1.2; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:0.5rem;}

		.store-online-top{height:32rem; background: url('../../images/sub/bg_store.jpg') no-repeat center center / cover; display: flex; align-items: center; justify-content: center;}
		.store-online-top>dl{width:100%; padding-left:10%;color: #fff;}
		.store-online-top>dl>dt{font-size:3.4rem; line-height:5.2rem;}
		.store-online-top>dl>dd{margin-top:3rem; font-size:2.2rem; line-height:1;}

		.store-online-btm{margin-top:5.5rem;}
		.store-online-btm .text{font-size:2.1rem; line-height:3.8rem; color: #333;}
		.store-online-btm .text>strong{font-weight: 700; color: var(--point);}

	/* history */
		.history-area{font-size:0; line-height:0; position: relative;}
		.history-area:before{content: ""; width: 0.6rem; margin-left:-0.3rem; background-color: rgba(221,221,221,0.8); display: inline-block; position:absolute; left: 50%; top:1.5rem; bottom:0;}
		.history-area #his_progress{content: ""; width: 0.6rem; margin-left:-0.3rem; background-color:var(--point); display: inline-block; position:absolute; left: 50%; top:1.5rem; border-radius: 0 0 9px 9px;}

		.history-area>li{text-align: right; display: flex; justify-content: space-between; position: relative; z-index:2;}
		.history-area>li+li{margin-top:10rem;}
		.history-area .history-in{width:50%; padding:0 4rem; text-align: left; display:inline-block; vertical-align: top; position: relative; cursor: default; order:2;}
		.history-area .history-in[href]{cursor: pointer !important;}
		.history-area .history-in:before{content: ""; width: 2.4rem; height:2.4rem; background-color:var(--btn_c); border:4px solid #fff; display: inline-block; position:absolute; left: -1.2rem; top:1rem; border-radius:999px; box-sizing: border-box;}
		.history-area .history-in>strong{font-weight: 600; font-size:3.6rem; line-height:1; color: #111; display:block;}
		.history-area .txt_wrap{margin-top:3rem; }
		.history-area .txt_wrap>p{padding:0 0 0 1.2rem; font-size:1.7rem; line-height:1.5; color: #666; position: relative;}
		.history-area .txt_wrap>p:before{content: "ㆍ"; position:absolute; left: -0.3rem; top:0px;}

		.history-area .txt_wrap>p+p{margin-top:1rem;}
		/*.history-area .txt_wrap>ul>li:before{content: "-"; position:absolute; left: 0; top:0px;}*/

		.history-area>li .thumb{width:50%; margin-top:0; padding:0 4rem; position: relative; order:1;}
		.history-area>li .thumb img{width:calc(100% - 8rem); height:calc(100%); object-fit:cover; object-position: center center; position: absolute; left:4rem; right:4rem; top:0; bottom:0;}

		.history-area>li:nth-child(even){text-align: left;}
		.history-area>li:nth-child(even) .history-in{text-align: right; order:1;}
		.history-area>li:nth-child(even) .history-in:before{left:auto; right: -1.2rem;}
		.history-area>li:nth-child(even) .thumb{order:2;}

		.history-area>li:nth-child(even) .txt_wrap>p{padding:0 1.2rem 0 0;}
		.history-area>li:nth-child(even) .txt_wrap>p:before{left:auto; right: -0.3rem;}

	/* etc */
		.etc_clause{width:90%; margin:0 auto;  font-size:0; line-height:0; text-align: center; box-sizing:border-box; position: relative; overflow: visible;}
		.etc_clause:before,
		.etc_clause:after{content:"";position:absolute;top:2%;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px; border-radius:100px / 10px;}
		.etc_clause:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}

		.etc_clause .etc_clause_in{padding:60px 80px 80px; background-color: #fdfdfd; border:1px solid #cecece; border-radius:10px; position: relative; z-index:2;}
		.etc_clause .logo{margin:0;}
		.etc_clause .logo img{}
		.etc_clause .txt{padding:50px 0 30px; font-weight: 600; font-size:24px; line-height:1; color: #000;}
		.etc_clause .txt>span{font-weight: 600; color: #000;}

		.etc_clause .scroll{font-weight:300; font-size:16px; line-height:1.8; color: #626262; text-align: left;}

		.etc_select{width:90%; margin:0 auto 2rem; text-align: right;}
		.etc_select select.base{width:auto;}

	/* search */
		.search-area{}
		.search-area .search-result{font-weight: bold; font-size:2.6rem; line-height:1.2; color: #111; text-align: center;}
		.search-area .search-result>strong{color: #cc0000;}

		.search-area .search-re{margin-top:5rem; border-top:2px solid #111;}
		.search-area .search-re+.search-re{margin-top:10rem;}

		.search-area .search-re .search-re-tit{padding:3rem 0 0 3rem; display: flex; align-items: center; gap:1rem;}
		.search-area .search-re .search-re-tit strong{font-weight: 600; font-size:3rem; line-height:1; color: #111;}
		.search-area .search-re .search-re-tit span{height:3rem; padding:0 1.5rem; background-color:var(--point); font-weight: 600; font-size:1.8rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:99px;}

		.search-area .search-re-list{}
		.search-area .search-re-list>li{border-bottom:1px solid #ddd;}

		.search-area .search-link{padding:2.5rem 3rem; display:block;}
		.search-area .search-link .tit{font-weight: bold; font-size:2.2rem; line-height:1.3; color: #000;}
		.search-area .search-link .tit>strong{color: #cc0000;}
		.search-area .search-link .txt{margin-top:1rem; font-weight: 500; font-size:1.6rem; line-height:1.4; color: var(--point);}

		.search-area .search-re .search-more{margin-top:6rem; display: flex; justify-content: center;}
		.search-area .search-re .search-more>a{height:4.1rem; padding:0 2.7rem; border:1px solid #666; font-weight: bold; font-size:1.8rem; line-height:1; color: #555; display: flex; align-items: center; justify-content: center; border-radius:0.5rem;}

		.search-area .result-group{margin-top:5rem; border-top:2px solid #111;}
		.search-area .result-group dl{border-bottom:1px solid #ddd; display: flex; align-items: center;}
		.search-area .result-group dl dt{width:15rem; height:15rem; margin-right:2rem; border:1px solid #ddd; overflow:hidden;  position:relative;}
		.search-area .result-group dl dt img{max-width:100%;position:absolute;width:auto; height:auto;margin:auto;top:0; bottom:0; left:0; right:0;}

		.search-area .result-group dl dd{width:calc(100% - 17rem);}
		.search-area .result-group dl dd div {}
		.search-area .result-group dl dd div.title{display: flex; align-items: center; gap:0 1rem;}
		.search-area .result-group dl dd div.title a{font-weight: bold; font-size:2.2rem; line-height:1.3; color: #000;}
		.search-area .result-group dl dd div.title a>h2 {}
		.search-area .result-group dl dd div.title a[target="_blank"]{height:3rem; padding:0 1.5rem; background-color:var(--point); font-weight: 400; font-size:1.6rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:99px;}
		.search-area .result-group dl dd div.cont{max-height: 4.8rem; margin-top:1rem; font-weight: 400; font-size:1.8rem; line-height:2.4rem; color: #999; display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
		/*
		.search-area .result-group dl dd div.cont{ max-height: 72px; display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;}
		.search-area .result-group dl dd div.date {color:#999;}
		*/
		.search-area .result-group dl dd div.navi, .result-group dl dd div.navi a {margin-top:1.5rem; font-weight: 500; font-size:1.6rem; line-height:1.4; color: var(--point);}

		.result-group .more {text-align:right;}
		.result-group .more a {font-size:13px; color:#7d7d7d; text-decoration:underline;}
/*[e] Sub Style */

/*[s] Plugin Style */
	.fancybox__slide{padding:40px 6rem !important;}

	.layer-base.fancybox__content>.carousel__button.is-close{width:3.6rem; height:3.6rem; background-color: #404040; top:0rem !important; right:0rem; border-radius:0 1rem 0 1rem; overflow: hidden;}
	.layer-base.fancybox__content>.carousel__button.is-close svg{width:60%; height:60%; stroke-width:2; filter:none; color: #fff;}

	.layer-base.fancybox__content>.carousel__button.is-back{width:3.6rem; height:3.6rem; position: absolute; left:0; top:0; display:none;}
	.layer-base.fancybox__content>.carousel__button.is-back img{display:block;}

	.layer-base{padding:0 !important; background-color: transparent !important; font-size:0; line-height:0; display:none;}
	.layer-base .layer-in{}

	#success-detail-lay{width:100%; max-width:120rem;}
	#success-detail-lay .layer-in{padding:4rem; background-color: #fff; border-radius:1rem; overflow: hidden;}
	#success-detail-lay .scroll{height:74rem; background-color: #fff; overflow-x: hidden; overflow: auto; position: relative;}
	#success-detail-lay .find-expert-const{display:block;}

	#success-detail-lay .find-expert-view{display: block;}
	#success-detail-lay .find-expert-view .success-detail-view{width:100%;}
	#success-detail-lay .find-expert-view .success-detail-view h3{font-size:2.4rem; line-height:1.4; color:#000;}
	#success-detail-lay .find-expert-view .success-detail-view h5{font-size:1.8rem; line-height:1.4; color:#333;}
	#success-detail-lay .find-expert-view .success-detail-view p{font-size:1.6rem; line-height:1.6; color:#666;}
	#success-detail-lay .find-expert-view .success-detail-view .txt{font-size:1.7rem; line-height:1.8; color:#444;}


	.add-form-lay{width:100%; max-width:128rem;}
	.add-form-lay .layer-in{padding:4rem 3rem 3rem; background-color: #fff; border-radius:1rem; overflow: hidden;}
	.add-form-lay .layer-in>.title{padding-bottom:3rem; font-weight: bold; font-size:3.5rem; line-height:1.3; color: var(--point3); text-align: center;}

	.add-form-lay .layer-in .text{font-size:1.7rem; line-height:1.45; color: #666;}

	.two-table{display: flex; flex-flow: row wrap; justify-content: space-between;}
	.two-table>*{width:calc((100% - 2rem) / 2);}

	#email-no-lay{max-width:84rem;}

	#priPop-lay{max-width:102.4rem;}
	.lay-etc .layer-in{padding:0; background-color: transparent;}
	.lay-etc .layer-in>.title{display:none;}

	.lay-alert{width:100%; max-width:50rem;}
	.lay-alert .layer-in{padding:4rem 3rem 4rem; background-color: #fff; border-radius:1rem; overflow: hidden;}
	.lay-alert .layer-in .logos{display: flex; align-items:center; justify-content: center;}
	.lay-alert .layer-in .logos img{height:6rem;}

	.lay-alert .layer-in .text{margin-top:2rem; font-size:1.8rem; line-height:3rem; color: #000;}

	#simple-lay{}
	#simple-lay .phone-form{position: relative;}
	#simple-lay .phone-form:before{content: ""; width: 0.4rem; height: 24.2rem; background:url('/images/main/bg_simple_form_left.png') no-repeat center center/cover; position:absolute; left: -2.4rem; top:11.8rem;}
	#simple-lay .phone-form:after{content: ""; width: 0.4rem; height: 11rem; background:url('/images/main/bg_simple_form_right.png') no-repeat center center/cover; position:absolute; right:-2.4rem; top:25rem;}
/*[e] Plugin Style */

@media only screen and (max-width : 1760px){
	/*[s] Main Style */
	/*[e] Main Style */

	/*[s] Sub Style */
	/*[e] Sub Style */
}
@media only screen and (max-width : 1460px){
	/*[s] Main Style */
	/*[e] Main Style */

	/*[s] Layer Style */
	/*[e] Layer Style */
}
@media only screen and (max-width : 1320px){
	.two-table{}
	.two-table>*{width:100%;}
	.two-table>*+*{margin-top:3rem;}

	.my-sect .scroll_info.w1280{display:block;}
	.my-sect .scrollTb.w1280{width:100%; padding-bottom:2rem; display:block; overflow:hidden !important; overflow-x:scroll !important;}
	.my-sect .scrollTb.w1280 img{max-width:none;}
	.my-sect .scrollTb.w1280>*{width:1220px !important;}
}
@media only screen and (max-width : 1280px){
	.scroll_info.w1280{display:block;}
	.scrollTb.w1280{width:100%; padding-bottom:2rem; display:block; overflow:hidden !important; overflow-x:scroll !important;}
	.scrollTb.w1280 img{max-width:none;}
	.scrollTb.w1280>*{width:1240px !important;}

	.my-sect .scroll_info.w910{display:block;}
	.my-sect .scrollTb.w910{width:100%; padding-bottom:2rem; display:block; overflow:hidden !important; overflow-x:scroll !important;}
	.my-sect .scrollTb.w910 img{max-width:none;}
	.my-sect .scrollTb.w910>*{width:910px !important;}


	/*[s] Main Style */
		/*#mainVisual .vTxt .top-scroll{width:100%; flex-wrap: nowrap; justify-content: start; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none;}
		#mainVisual .vTxt .top-scroll::-webkit-scrollbar{display: none;}*/
		#mainVisual .vTxt .top{min-width:128rem; gap:3rem;}
		#mainVisual .vTxt .top>li{width:calc((100% - 9rem) / 4);}

    /* new_prdt */
        .new_prdt .sct_wr .sct_li{width:calc((100% - 6rem)/4);}

    /* event_sect */
        .event_sect .event_sw .swiper-slide{width: calc((100% - 60px) / 4);}

	/*[e] Main Style */

	/*[s] Sub Style */
		.circle-line>.circle-line_re:before{width:30%; left:calc(100% - 2.5rem);}

		.flexLayout .text{width:55%;}

		.tooltip{position: static;}
		.tooltip .tooltip-area{right:auto !important; left:50% !important; transform: translateX(-50%) !important;}
		*.static{position: static !important;}

	/*[e] Sub Style */

	/*[s] Layer Style */
	/*[e] Layer Style */
}
@media only screen and (max-width : 1024px){
	/*[s] All Style */
		.wideKakao>.root_daum_roughmap{height:auto; padding-bottom: 56.25%;}

		.scroll_info{display:block;}
		.scrollTb{width:100%; padding-bottom:2rem; display:block; overflow:hidden !important; overflow-x:scroll !important;}
		.scrollTb img{max-width:none;}
		.scrollTb:not(.w1280)>*{width:924px !important;}
	/*[e] All Style */

	/*[s] Main Style */
        /* best_prdt */
            .best_prdt .prdt_area{width:100%;}
            .best_prdt .ranking{display:none;}

        /* new_prdt */
            .new_prdt .sct_wr .sct_li{width:calc((100% - 4rem)/3);}

        /* event_sect */
            .event_sect .event_sw .swiper-slide{width:calc((100% - 40px)/3);}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* introduction */
			/* .introduction .usage .step_li li{flex:none; width:100%; max-width:none;}
			.introduction .usage .step_li li::before{height:7rem; margin-right:-3.5rem; transform:rotate(90deg); right:50%; top:auto; bottom:100%;} */
            .introduction .howto_sw{width:calc(100% + 4rem); margin-left:-2rem;}
            .introduction .howto_sw .swiper-slide{width:40rem; margin-right:0; position:relative;}
            .introduction .howto_sw .swiper-slide::before{content:""; display:block; width:6rem; height:100%; background:url("/images/sub/usage_step_arrow.png") no-repeat center/3.8rem; position:absolute; right:100%; top:0; z-index:0;}
            .introduction .howto_sw .swiper-slide:nth-child(1)::before{display:none;}


		/* special_pr */
			.special_pr .cont_wr{width:100%;}


		/* store */
			.store-area{display: block;}
			.store-area>*{width:100%;}
			.store-area>.store-inj{padding:0 0 7rem 0 ;}

			.store-table{}
			.store-table>table{}
			.store-table>table,
			.store-table>table tbody,
			.store-table>table tr,
			.store-table>table td,
			.store-table>table th{height:auto; padding:0; background-color: #fff; border:none; display:block;}
			.store-table>table>thead{display:none;}

			.store-table>table tr{padding:3rem 0; border-bottom:1px solid #ddd;}

			.store-table>table th,
			.store-table>table td{margin-bottom:1rem; text-align: left; position: relative; display: flex; align-items: center; justify-content: flex-start;}
			.store-table>table .bo_tit{justify-content: flex-start;}
			.store-table>table th:before,
			.store-table>table td:before{width:14rem; min-width:14rem; content: attr(data-title); padding-right:2rem; font-weight: 700; color: #222; text-align: justify;}
			.store-table>table th:after,
			.store-table>table td:after{content:""; width:1px; height:1.6rem; background-color: #ccc; font-size:0; position: absolute; left:11.5rem; top:50%; transform: translateY(-50%);}

			.store-table>table .btn{margin:0;}

		/* search */
			.search-area .result-group dl dd div.title a[target="_blank"]{display:none;}
	/*[e] Sub Style */

	/*[s] Plugin Style */
		.fancybox__slide{padding:40px 3rem 8px !important;}

		#success-detail-lay .find-expert-view .success-detail-view h3{font-size:2.2rem;}
		#success-detail-lay .find-expert-view .success-detail-view h5{font-size:1.7rem;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 840px){
	/*[s] All Style */
		.nTable>table th,
		.nTable>table td{font-size:2.2rem;}

		.nTable>table th{height:7rem;}

		h4.txt{font-size:3.4rem;}
		h4.txt .small{width:100%; padding-left:0; font-size:2.4rem;}
		h4.txt .small:before{display:none;}

		h5.txt{font-size:2.8rem;}
		h5.txt .small{font-size:2.2rem;}
		h5.txt .small:before{left: 1.2rem;}

		h5.bul{padding-left:2rem; font-size:2.8rem;}
		h5.bul:before{width:2rem; height:2rem; background-size:1.2rem; top:0.6rem;}

		h6.txt{font-size:2.6rem;}

		.nTxt{font-size:2.4rem; line-height:3.4rem;}

		._star>li{padding-left:1.5rem; font-size:2.4rem;}

		.star_>li{padding-left:2.4rem; font-size:2.4rem;}

		._starB>li{padding-left:1.8rem; font-size:2.4rem;}
		._starB>li>p{font-size:2.6rem;}

		ul.jum>li{padding-left:1.4rem; font-size:2.4rem;}

		ul._bul>li{padding-left:1.4rem; font-size:2.4rem;}

		._caution{padding:0 0 0 3.6rem; font-size:2.4rem; background-position: left 0.2rem;}
		._caution2{padding:0 0 1rem 3.2rem; font-size:2.4rem; background-position: left 0.4rem;}

		.issue-box{padding:2rem;}
		.issue-box>dl{gap:2rem;}
		.issue-box>dl>dt{padding:1rem 1.7rem 1rem; font-size:1.8rem;}
		.issue-box>dl>dt:before{margin-top:-0.8rem; border-left-width:0.8rem; border-top-width:0.8rem; border-bottom-width:0.8rem;}
		.issue-box>dl>dd{padding-top:0.5rem; font-size:2.2rem;}

		.btn-green>a{font-size:2.2rem;}
		.btn-green>a.small{width:20rem; height:6.5rem;}

		.following-sticky{}
		.following-sticky .following-sticky-in{padding:3rem 2rem; align-items: start; gap:3rem 1.5rem;}
		.following-sticky .icon{padding-top:0.3rem;}
		.following-sticky .icon img{width:3.3rem;}
		.following-sticky .text{flex:auto; font-size:2.4rem;}
		.following-sticky .text i{display:inline-flex;}
		.following-sticky:not(.new) a{width:100%; height:100%; background-color: transparent; font-size:0; line-height:0; color: transparent; border-radius:0; position: absolute; left:0; top:0;}
		.following-sticky:not(.new) a>span{display:none;}
		.following-sticky:not(.new) a>i{display:none;}

		.following-sticky.new .icon,
		.following-sticky.new .text{display:none !important;}
		.following-sticky.new a{height:6.4rem; padding:0 3rem; font-size:2.4rem;}
	/*[e] All Style */

	/*[s] Main Popup Style */
		.pop_con{left:2rem !important; right:2rem !important;}
		.hd_pops_con{}

		#popLayer{}
		#popLayer #moPopArea{}
		#popLayer #moPopArea .moPop{max-width:90%;}
		#popLayer #moPopArea #moPopRoll{}
		#popLayer .slider{}
		#popLayer .slider img{}
		/*
		#popLayer .slider#HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;}
		#popLayer .slider#HKeditorContent img{width:auto;}

		#popLayer #moPopRoll.roll .slider{}
		*/

		#popLayer .layerPopClose{width:4rem; height:4rem; right:2rem; top:2rem;}
		#popLayer .layerPopClose:before{margin:-1px 0 0 -2rem;}
		#popLayer .layerPopClose:after{margin:-2rem 0 0 -1px;}

		#popLayer .moPopClose{}
		#popLayer .moPopClose>*{height:8rem; font-size:2rem;}
		/*
		#popLayer .moPopClose button{font-size:1.8rem; line-height:2.4rem;}
		#popLayer .moPopClose button:before{width: 2.4rem; height: 2.4rem; font-size:1.8rem; line-height:2.6rem;}
		#popLayer .moPopClose button.toDay_close{padding-left:3.2rem;}
		#popLayer .moPopClose button.close{padding-right:3.2rem}
		*/

		#popLayer .slick-dots{bottom:10rem;}
		#popLayer .slick-dots>li{}
		#popLayer .slick-dots>li+li{}
		#popLayer .slick-dots>li button{width:1.8rem; height:1.8rem;}
		#popLayer .slick-dots>li.slick-active button{}

		.more_btn{padding-right:1.7rem; font-size:2.2rem;}
		.more_btn::after{border-left-width:0.7rem; border-top-width:0.7rem; border-bottom-width:0.7rem;}

		.main_sect_top{margin-bottom:3rem;}
		.tit_wr .sect_tit{font-size:3.5rem; line-height:4.5rem;}
		.tit_wr .en{font-size:2.4rem; line-height:3.4rem;}
	/*[e] Main Popup Style */

	/*[s] Main Style */
		a.m-btn{width:27rem; height:8rem; font-size:2.5rem;}

		.m-title{text-align: left !important;}
		.m-title>dt{font-size:3rem;}

		.swiper-pagination-bullet{width:2.2rem !important; height:2.2rem !important;}
		.swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:2rem !important;}
		.swiper-pagination-bullet.swiper-pagination-bullet-active{width:7.6rem !important;}

		#mainVisual .visualRoll .swiper-slide>img{height:66rem;}

		#mainVisual .vTxtArea{text-align:center;}
		#mainVisual .vTxt .ii{}

		#mainVisual .vTxt .ii.logo{}
		#mainVisual .vTxt .ii.logo img{height:4.7rem;}

		#mainVisual .vTxt .ii.cate{font-size:3.4rem;}
		#mainVisual .vTxt .ii.title{font-size:4rem; line-height:5rem;}
		#mainVisual .vTxt .ii.btn{margin-top:3.5rem;}
		#mainVisual .vTxt .ii.btn a{padding:1.1rem 0 1.4rem; min-width:16rem; font-size:2.4rem; line-height:3.4rem;}

		#mainVisual .swiper-controll{justify-content:center;}
		#mainVisual .swiper-controll::before{content:""; display:block; width:7.7rem;}
		#mainVisual .swiper-numbering{font-size:2.4rem;}
		#mainVisual .controll-box{height:7.7rem;}
		#mainVisual .count-box{width:14.8rem;}
		#mainVisual .swiper-button-next{width:6.7rem;}
		#mainVisual .auto-controll{width:7.7rem;}

		#mainVisual .swiper-pagination{bottom:10rem;}

		/* prdt_sect */
			.prdt_sect .sw_contain .swiper-slide{width:40rem;}

		/* best_prdt */
			.best_prdt .inConts{flex-wrap:wrap;}
			.best_prdt .prdt_area{width:100%;}
			.best_prdt .ranking{width:100%;}

			.best_prdt .ranking .top{padding:3rem 4rem 3.1rem; font-size:3.5rem; font-weight:700;}
			.best_prdt .ranking .top::before{width:5.7rem; height:4rem; margin-right:1.8rem;}
			.best_prdt .ranking .rank_li{max-height:none;}
			.best_prdt .ranking .rank_li li{padding:2.3rem 4rem; font-size:3rem; line-height:3.2rem;}
			.best_prdt .ranking .rank_li .name{padding-left:7rem; font-weight:500;}
			.best_prdt .ranking .rank_li .name::before{width:4rem; font-size:2.2rem; line-height:3.2rem; border-radius:0.5rem;}

        /* new_prdt */
            .new_prdt .sct_wr .sct_li{width:calc(50% - 1rem);}

		/* join_mb_bann */
			.join_mb_bann .inConts{padding:0}
			.join_mb_bann dl{padding:7rem 3rem 23rem; text-align:center; background-image:url("/images/main/join_mb_bann_bg_mo.jpg"); border-radius:0;}
			.join_mb_bann dt{font-size:4rem; line-height:5rem;}
			.join_mb_bann dd{margin-top:1.7rem; font-size:2.4rem; line-height:3.4rem;}
			.join_mb_bann dd a{margin-top:2.5rem; padding:0.8rem 1.6rem 1.2rem; font-size:2.4rem; line-height:4rem;}

            .join_mb_bann .bann_sw a{aspect-ratio:64/37;}
            .join_mb_bann .bann_sw a img{width:100%; height:100%; object-fit:cover;}

		/* interview_sect */
			.interview_sect{margin-top:0;}
			.interview_sect .main_sect_top{padding:0 2rem}
			.interview_sect .inConts{padding:0}
			.interview_sect .interview_sw .sw_contain{padding-left:2rem;}
			.interview_sect .interview_sw .swiper-slide{width:40rem;}
			.interview_sect .interview_sw .area{padding:5rem 3rem 7.5rem}
			.interview_sect .interview_sw .area .title{height:6.8rem; font-size:2.4rem; line-height:3.4rem;}
			.interview_sect .interview_sw .area .day{margin-top:1.6rem; font-size:2.2rem; line-height:1;}
			.interview_sect .interview_sw .swiper-button-next{width:8rem; height:8rem; right:2rem;}
			.interview_sect .interview_sw .swiper-button-next::after{font-size:2rem;}

		/* event_sect */
			.event_sect .inConts{padding:0;}
			.event_sect .main_sect_top{padding:0 2rem}
			.event_sect .event_sw .sw_contain{padding-left:2rem;}
			.event_sect .event_sw .swiper-slide{width:40rem;}
			.event_sect .event_sw .area{padding:3rem 2rem 5rem;}
			.event_sect .event_sw .title{font-size:2.4rem; line-height:3.4rem;}
			.event_sect .event_sw .date{margin-top:0.8rem; font-size:2.2rem; line-height:3.2rem;}
			.event_sect .event_sw .swiper-pagination{width:calc(100% - 4rem); left:2rem; overflow:hidden;}
			.event_sect .event_sw .swiper-pagination-progressbar{height:1rem;}
			.event_sect .event_sw .swiper-pagination-progressbar-fill{height:1rem;}

	/*[e] Main Style */

	/*[s] Sub Style */
		/* introduction */
			.introduction h4{font-size:3.5rem; line-height:4rem;}
			.introduction .info_sect .sect_top p{margin-top:1.5rem; font-size:2.4rem; line-height:3.4rem;}
			.introduction .info_sect .sect_top .pg_visual{margin-top:3.5rem; width:calc(100% + 4rem); height:30rem; margin-left:-2rem; border-radius:0;}
			.introduction .info_sect .sect_top .pg_visual img{width:100%; height:100%; object-fit:cover;}
			.introduction .info_sect .cont_li li{flex-direction:column-reverse;}
			.introduction .info_sect .cont_li li+li{margin-top:9rem;}
			.introduction .info_sect .cont_li li > *{max-width:none; flex:none;}
			.introduction .info_sect .cont_li li:nth-child(odd){flex-direction:column-reverse;}
			.introduction .info_sect .cont_li li dd{margin-top:1.2rem; font-size:2.4rem; line-height:3.4rem;}
			.introduction .usage .step_li li .step_num{font-size:2.2rem;}
			.introduction .usage .step_li li dl::before{margin-bottom:3.6rem;}
			.introduction .usage .step_li li dt{font-size:2.4rem; line-height:3.2rem;}
			.introduction .usage .step_li li dd{font-size:2.2rem; line-height:3.2rem;}

		/* consult-top */
			.consult-top p{font-size:2.2rem;}

		/* special_pr */
			.special_pr .cont_box .badge{padding:0.6rem 0.8rem 0.8rem; font-size:2rem;}
			.special_pr .cont_box h4{font-size:3.5rem; line-height:4.5rem;}
			.special_pr .cont_box p{font-size:2.2rem; line-height:3.2rem;}
			.special_pr .cont_wr .board_btn{margin-top:4rem;}
			
		/* store */
			.store-area>.store-inj{}
			.store-area>.store-inj>dl{}
			.store-area>.store-inj>dl>dt{}
			.store-area>.store-inj>dl>dd{font-size:2.3rem;}
			.store-area .store-inj-box{height:23.5rem;}
			.store-area .store-inj-box img{width:14rem; min-width:14rem;}
			.store-area .store-inj-box>dl{}
			.store-area .store-inj-box>dl>dt{font-size:2.4rem; }
			.store-area .store-inj-box>dl>dd{font-size:2.2rem;}
			.store-area .store-inj-btn{}
			.store-area .store-inj-btn>a{font-size:2rem;}

			.store-table{}
			.store-table>table{}
			.store-table>table th,
			.store-table>table td{font-size:2rem; line-height:1.5;}

			.store-table>table th{}
			.store-table>table th:before,
			.store-table>table td:before{font-size:2.2rem;}
			.store-table>table .btn{width:12rem; height:4rem; margin:0; font-size:1.8rem;}

		/* history */
			.history-area{}
			.history-area:before{margin-left:0; left: 0%;}
			.history-area #his_progress{margin-left:0; left: 0%;}

			.history-area>li{text-align: left !important; display: block;}
			.history-area .history-in{width:100%; padding-right:0; text-align: left !important;}
			.history-area .history-in:before{width: 3rem; height:3rem; left: -1.2rem; top:0.5rem;}
			.history-area .history-in>strong{font-size:3.2rem;}
			.history-area .txt_wrap{}
			.history-area .txt_wrap>p{padding:0 0 0 1.5rem; font-size:2.2rem;}
			.history-area .txt_wrap>p:before{content: "ㆍ"; position:absolute; left: -0.3rem; top:0px;}
			.history-area .txt_wrap>p+p{margin-top:1rem;}

			.history-area>li .thumb{width:100%; margin-top:3rem; padding-right:0; position: relative;}
			.history-area>li .thumb img{width:100%; height:auto; position: static; }

			.history-area>li:nth-child(even) .history-in:before{left:-1.2rem; right:auto;}
			.history-area>li:nth-child(even) .txt_wrap>p{padding:0 0 0 1.5rem;}
			.history-area>li:nth-child(even) .txt_wrap>p:before{left: -0.3rem; right:auto;}

		/* etc */
			.etc_clause{width:100%; margin:0 auto;}
			.etc_clause .etc_clause_in{padding:5rem 3rem; border-radius:1rem;}
			.etc_clause .logo{margin:0;}
			.etc_clause .txt{padding:2rem 0 6rem; font-size:2.2rem;}

			.etc_clause .scroll{font-size:2rem;}

			.etc_select{width:100%;}
			.etc_select select.base{width:22rem;}

		/* search */
			.search-area{}
			.search-area .search-re .search-re-tit span{height:4rem; padding:0 2rem; font-size:2rem;}

			.search-area .search-re .search-re-list .search-link .tit{font-size:2.4rem;}
			.search-area .search-re .search-re-list .search-link .txt{font-size:2rem;}
			.search-area .search-re .search-more>a{height:5.1rem; padding:0 3.7rem; font-weight: 600; font-size:2rem;}


			.search-area .result-group{}
			.search-area .result-group dl{}
			.search-area .result-group dl dt{display:none;}

			.search-area .result-group dl dd{width:100%;}
			.search-area .result-group dl dd div {}
			.search-area .result-group dl dd div.title{}
			.search-area .result-group dl dd div.title a{font-size:2.4rem;}
			.search-area .result-group dl dd div.title a>h2 {}

			.search-area .result-group dl dd div.cont{max-height: 5.6rem; margin-top:1rem; font-weight: 400; font-size:2rem; line-height:2.8rem;}

			.search-area .result-group dl dd div.navi, .result-group dl dd div.navi a{font-size:2rem;}
	/*[e] Sub Style */

	.layer-base.fancybox__content>.carousel__button.is-close,
	.layer-base.fancybox__content>.carousel__button.is-back{width:4.5rem; height:4.5rem;}

	#success-detail-lay .scroll{height:100rem;}
	#success-detail-lay .find-expert-view .success-detail-view h3{font-size:3rem;}
	#success-detail-lay .find-expert-view .success-detail-view h5{font-size:2.6rem;}
	#success-detail-lay .find-expert-view .success-detail-view p{font-size:2.2rem;}
	#success-detail-lay .find-expert-view .success-detail-view .txt{font-size:2.4rem;}

	.add-form-lay .layer-in .text{font-size:2.2rem;}

	.lay-alert{max-width:90%;}
	.lay-alert .layer-in .logos img{height:8rem;}
	.lay-alert .layer-in .text{font-size:2.4rem; line-height:3.6rem;}
}
@media only screen and (max-width : 640px){
}
@media only screen and (max-width : 480px){

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


/*
transform: scale(1.1) 부분을
transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요

display: flex; flex-flow: row wrap; align-items: center; justify-content: center;
display: flex; flex-flow: column wrap; align-items: center; justify-content: center;

flex-flow: column wrap;
align-content: center;

justify-content: space-between;
justify-content: space-around;

flex-wrap: wrap;

transform:rotate(180deg);
transform: translateY(-50%);
transform: scale(1)
filter:grayscale(100%); -webkit-filter:grayscale(100%);
backdrop-filter: blur(50px);

transition: all .5s linear;
transition: all .5s ease-out;
transition-delay: .8s;

:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all; //두줄 감추기
active
border-radius:2px;
width:calc(100% / 6);
box-shadow:0 0 1rem rgba(0,0,0,0.2);
*/