@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,
	.overview-swiper .swiper-button,
	.overview-floor-btn button{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%;}

	.overview-swiper .swiper-wrapper .swiper-slide a:before,
	#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%;  font-size:0; line-height:0; overflow: hidden;}
	.nTable>table{width:100%; border-spacing:1px; background-color: var(--bor_c);  table-layout : fixed; border-radius:1rem 1rem 0 0; overflow: hidden;}
	.nTable>table th,
	.nTable>table td{padding:2rem 2.5rem; background-color: #fff; font-weight: 500; font-size:2rem; line-height:1.3; color:#666; text-align:left; 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>tbody>tr>th.tl,
	.nTable>table>tbody>tr>th.tc,
	.nTable>table>tbody>tr>th.tb,
	.nTable>table>thead>tr>th{padding:2rem 1rem; background-color: #f0f6ff; font-size:2.2rem; color: #222; text-align: center;}
	.nTable>table>tbody>tr>th.lt,
	.nTable>table>thead>tr>th:first-child{border-radius:1rem 0 0 0;}
	.nTable>table>thead>tr>th:last-child{border-radius:0 1rem 0 0;}
	.nTable>table>tbody>tr>th.lb{border-radius:0 0 0 1rem;}
	.nTable>table>thead>tr>td{padding:2rem 1rem; background-color: #F7F7F7; font-size:2rem; color: #111; text-align: center;}

	.nTable>table td.tal{padding:2rem 2.5rem !important;}

	.nTable>table>tbody>tr>th{background-color: #f8f8f8;}

	.nTable.t-body>table{border-radius:1rem 0 0 1rem;}

	.nTable .w100{width:10rem}
	.nTable .w120{width:12rem}
	.nTable .w210{width:21rem}
	.nTable .w220{width:22rem}
	.nTable .w310{width:31rem}
	.nTable .w400{width:40rem}

	.nTable.s>table th,
	.nTable.s>table td.tac{padding:2rem 1rem;}

	.nTable.tac>table th,
	.nTable.tac>table td{padding:2rem 1rem; text-align:center;}

	.nTable.c111>table td{color: #111;}
	.nTable>table td .bul-j>li{font-size:2rem;}

	/*
	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:4rem; line-height:1.3; color: #111; position: relative;}
	*+h4.txt{margin-top:8rem;}

	.nTxt{font-size:2rem; line-height:3rem; color: #666;}
	h4.txt + .nTxt{margin-top:-1rem;}
	*/
	h4{font-weight: bold; font-size:3.2rem; line-height:1.3; color: #222;}
	h4.line{margin-bottom:5rem; padding-bottom:3rem; border-bottom:1px solid var(--bor_c); font-weight: 500; font-size:3.2rem; line-height:1.3; color: #111;}

	h4.big{font-weight: 700; font-size:5rem; text-align: center;}

	h5.icon{margin-top:10rem; padding-bottom:2.5rem; display: flex; align-items: center; gap:0.5rem; position: relative;}
	h5.icon>strong{font-weight: bold; font-size:3.2rem; line-height:1.3; color: var(--point2);}
	h5.icon img[src*="icon_guide01"]{width:3.2rem;}

	h5.icon.taj .right{position: absolute; right:0;}

	#h3-group + h5.icon{margin-top:0;}
	h4 + h5.icon{margin-top:6rem;}

	h6{margin-bottom:1.5rem; font-weight: 500; font-size:2.6rem; line-height:1.3; color: #333;}
	h6>strong{font-weight: 600; font-size:2.8rem; line-height:1.3; color: #111;}
	*+h6{margin-top:3rem;}

	.nTxt{font-weight: 500; font-size:2.2rem; line-height:1.3; color: #222;}
	.nTxt.f16{font-size:1.6rem; color: #666;}

	[flex]{display: flex; flex-flow: row wrap; align-items: center;}
	[flex][no]{flex-wrap: nowrap;}
	[flex][c]{justify-content: center;}
	[flex][e]{justify-content: end;}

	._star{padding-left:1.7rem; font-weight: 500; font-size:2.2rem; line-height:1.3; color: #666; position: relative;}
	._star:before{content: "*"; position:absolute; left: 0; top:0;}

	.star_{padding-left:1.7rem; font-weight: 500; font-size:1.6rem; line-height:1.5; color: #222; position: relative;}
	.star_:before{content: "※"; position:absolute; left: 0; top:0;}

	.num-c{counter-reset:item;}
	.num-c>li{padding-left:2.3rem; position: relative;}
	.num-c>li:before{counter-increment: item; content: counter(item); width:1.4em; height:1.4em; padding-right:0.1em; border:1px solid #666; font-size:0.7em; line-height:1; letter-spacing:-0.1em !important; display: flex; align-items: center; justify-content: center; position: absolute; left:0; top: 0.5em; border-radius:99px; box-sizing:border-box;}

	.num-c.in{display: flex; flex-flow: row wrap; gap:0 1rem;}

	.bul-j{}
	.bul-j>li{padding-left:1rem; font-weight: 500; font-size:2.2rem; line-height:1.3; color: #666; position: relative;}
	.bul-j>li:before{content: "·"; position: absolute; left:0; top: 0;}
	.bul-j>li+li{margin-top:1rem;}

	.bul-j.s>li{font-size:2rem;}

	.lattice{border:1px solid #B2B2B2; 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; overflow: hidden; border-radius:2rem;}
	.wideKakao>.root_daum_roughmap{width: 100%; height:44rem;}
	.wideKakao>.root_daum_roughmap .wrap_map{height:100%; position: absolute; left: -1px; right: -1px; top: -1px;}
	.wideKakao .hide{display: none;}

	.br20{border-radius:2rem;}
	.br20 img{display:block;}

	.btn-green{margin-top:8.5rem; display: flex; align-items: center; justify-content: center; gap:2rem;}
	.btn-green>a{width:23.4rem; height:6.5rem; background: url('../../images/main/btn_bg_green.svg') no-repeat center center / contain; font-weight: bold; font-size:1.8rem; line-height:1.3; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius:99px; overflow: hidden;}
	.btn-green>a img{position: absolute; right:4rem;}

	.btn-green>a.blue{background-image: url('../../images/main/btn_bg_blue.svg')}
	.btn-green>a.off{background:#999 none;}
	.btn-green>a.small{width:16rem; height:6rem;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33d05d+0,09a04d+100 */
		background: linear-gradient(to bottom,  rgba(51,208,93,1) 0%,rgba(9,160,77,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	.preparing-area{height:15rem; background-color: #8C8C8C; font-weight: 600; font-size:2.6rem; line-height:1.3; color: #fff; border-radius:2rem; display: flex; align-items: center; justify-content: center;}
/*[e] All Style */

/*[s] Main Style */
	a:not(.no) .thumb{overflow:hidden;}
	a:not(.no) .thumb img{transition: all .7s ease-out; transform-origin: 50% 50%;}
	a:not(.no):hover .thumb img{transform: scale(1.1);}

	.main-title{padding-bottom:2rem; font-weight: 600; font-size:4.2rem; line-height:1.3; color: #222; text-align: center;}

	.main-tab{padding-bottom:5rem; display: flex; justify-content: center; gap:1.2rem;}
	.main-tab>a{padding:2.5rem 3.2rem 2.4rem; font-weight: 500; font-size:2.4rem; line-height:1.3; color: #222; text-align: center; display: flex; align-items: center; justify-content: center; border-radius:99px;}
	.main-tab>a:is(:hover, .active){background-color: var(--point2); color: #fff;}

	#mainVisual{width:100%; max-width:176rem; margin:0 auto; padding:0 2rem; position: relative; 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; border-radius:3rem;}
	#mainVisual .visualRoll .swiper-slide>img{width:100%; max-width:none; height:56rem; object-fit: cover; object-position: center center; transform:scale(1);}

	#mainVisual .vTxtArea{width:100%; height:100%; padding:0 6rem; text-align: left; position: absolute; left:0; top:0; z-index:5; display: flex; align-items: center; justify-content: center;}
	#mainVisual .vTxt{width:100%; position: relative;}
	#mainVisual .vTxt .ii{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.title{font-weight: 600; font-size:6rem; line-height:1.3; color: #222;}
	#mainVisual .vTxt .ii.text{margin-top:1rem; font-weight: 500; font-size:2.4rem; line-height:1.5; color: #444;}
	#mainVisual .vTxt .ii.btn{margin-top:4rem;}
	#mainVisual .vTxt .ii.btn>a{width:17rem; height:6rem; background-color: var(--point); font-weight: 600; font-size:1.8rem; line-height:1.3; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;border-radius:999px;}
	/*
	#mainVisual .swiper-pagination{width:100%; text-align: center; position: absolute; left:0; bottom:4rem; z-index:7;}
	#mainVisual .swiper-pagination-bullet{width:13px; height:13px; margin:0 5px; background-color:#fff; border-radius:99px; display: inline-block; vertical-align: top; cursor: pointer; opacity: 0.6;}
	#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active{width:47px; background-color: #9dcb3b; opacity: 1;}
	*/

	#mainVisual .swiper-controll{display: flex; justify-content: end; gap:1rem; position: absolute; right:4rem; bottom:4rem; z-index:6;}

	#mainVisual .swiper-numbering{width:11.5rem; height:5.5rem; background-color: #fff; font-weight: 300; font-size:2rem; line-height:1.3; color: #333; 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: 600;}
	#mainVisual .swiper-numbering>i{font-style: normal; font-size:1.3rem; transform:rotate(15deg);}

	#mainVisual .swiper-button{width:5.5rem; height:5.5rem; background: url('/images/main/btn_pre.svg') no-repeat center center / cover; cursor: pointer;}
	#mainVisual .swiper-button-prev{}
	#mainVisual .swiper-button-next{background-image: url('/images/main/btn_next.svg')}
	#mainVisual .swiper-button-prev:hover{background-image: url('/images/main/btn_prev_on.svg')}
	#mainVisual .swiper-button-next:hover{background-image: url('/images/main/btn_next_on.svg')}

	#mainVisual .swiper-slide-active .vTxt .ii{top:0px; opacity:1;}
	#mainVisual .visualRoll .swiper-slide.swiper-slide-active>img{transform:scale(1.1);}

	.main-bg{background: url('/images/main/bg_main.png') no-repeat center center;}

	.main-middle{margin-top:10rem; padding:8.5rem 0 0;}
	.main-middle .inConts{display: flex; flex-flow: row wrap; justify-content: space-between; gap:18.5rem 3.7791%;}
	.main-middle .main-middle-re{width:calc((100% - 7.5582%) / 3); padding:3rem 3.5rem 3.5rem; background-color: #fff; border-radius:2.5rem; box-shadow: 0px 0.2rem 1.5rem 0px rgba(102, 102, 102, 0.15); position: relative;}
	.main-middle .main-middle-re>.title{font-weight: bold; font-size:4.2rem; line-height:1.3; color: #222; position: absolute; left:0; top:-8.5rem;}

	.main-middle .main-search-area{}
	.main-middle .main-search-area>p{font-weight: 500; font-size:2.6rem; line-height:1.3; color: #222; text-align: center;}
	.main-middle .main-search-area .search-form{margin-top:3.5rem; padding-bottom:1rem; border-bottom:1px solid #d9d9d9; display: flex; align-items: center;}
	.main-middle .main-search-area .search-form input[type="text"]{flex:1; height:5rem; padding:0; border:none; font-weight: 500; font-size:1.8rem; line-height:1; color: #888;}
	.main-middle .main-search-area .search-form input[type="submit"]{width:5rem; height:5rem; padding:0; background: url('/images/main/btn_search.png') no-repeat center center / cover;  border:none; border-radius:999px; box-shadow: 0px 0.2rem 1rem 0px rgba(102, 102, 102, 0.15);}

	.main-middle .main-quick{margin-top:3rem; display: flex; flex-flow: row wrap; gap:1rem;}
	.main-middle .main-quick>a{width:calc((100% - 1rem) / 2); height:21.2rem; background-color: rgba(143,195,31,0.05); display: flex; flex-flow: column wrap; align-content: center; justify-content: center; border-radius:2rem;}
	.main-middle .main-quick>a img{height:8.4rem; display:block;}
	.main-middle .main-quick>a .title{margin-top:2.9rem; font-weight: bold; font-size:2.2rem; line-height:1.3; color: #222; text-align: center;}

	.main-middle .main-middle-re.calendar{background-color: #F5FCFF; padding:3rem 3rem 2.6rem;}
	.calendar-area{}
	.calendar-area .calendar-option{margin-bottom:0; display: flex; align-items: center; justify-content: center;}
	.calendar-area .calendar-option button{display: flex; align-items: center; justify-content: center;}

	.calendar-area .calendar-option .calendar-day{height:2.6rem; display: flex; align-items: anchor-center; justify-content: space-between;}
	.calendar-area .calendar-option .calendar-day button img{width:2rem; display:block;}
	.calendar-area .calendar-option .calendar-day .prev img{}
	.calendar-area .calendar-option .calendar-day strong{width:13rem; font-weight: 600; font-size:2.8rem; line-height:1.3; color:#222; text-align: center;}

	.calendar-area .day-of-week,
	.calendar-area .date-grid{max-width: 100%; font-weight: 500; font-size:2.2rem; line-height:1.3; color:#333; text-align: center; display: grid; grid-template-columns: repeat(7, 1fr); grid-auto-rows: minmax(6.2rem, auto); gap:0.5rem;}
	.calendar-area .day-of-week{font-weight: 600; font-size:1.8rem;}
	.calendar-area .day-of-week>*,
	.calendar-area .date-grid>*{width:100%; margin:0 auto; padding:0; border-radius:1rem; overflow: hidden; display: flex; align-items: center; justify-content: center;}
	.calendar-area .date-grid>*{font-weight: 500; font-size:2.2rem; line-height:1.3; color:#333; text-align: center;}
	.calendar-area .day-of-week>p:first-child{color:var(--red);}
	.calendar-area .day-of-week>p:last-child{color:var(--blue);}
	.calendar-area .date-grid{}
	.calendar-area .date-grid button{color: #999; pointer-events: none;}
	.calendar-area .date-grid button.today{background-color: #fff; box-shadow: 0px 0.2rem 1rem 0px rgba(102, 102, 102, 0.15);}
	.calendar-area .date-grid button.active{pointer-events: auto; border:2px solid var(--point); color: var(--point);}
	.calendar-area .date-grid button.selected{background-color: var(--point); color: #fff;}

	.calendar-view{margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid #D9D9D9;}
	.calendar-view>p{font-weight: 600; font-size:2.2rem; line-height:1.3; color:#222;}
	.calendar-view>ul{height:10rem; margin-top:1.5rem; padding-bottom:1px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-gutter: stable; box-sizing: border-box;}
	.calendar-view>ul>li{padding-left:0.9rem; font-weight: 500; font-size:2rem; line-height:1.3; color:#666; position: relative;}
	.calendar-view>ul>li:before{content: "·"; position:absolute; left: 0; top:0px;}
	.calendar-view>ul>li+li{margin-top:1rem;}

	.main-middle .main-middle-re.restaurant{padding:3rem 3rem 4rem;}
	.main-middle .main-middle-re.restaurant .img{height:32rem; padding-bottom:3rem; border-bottom:1px solid #D9D9D9; display: flex; align-items: center; justify-content: center;}
	.main-middle .main-middle-re.restaurant .img img{height:21.3rem; display:block;}

	.main-middle .today-menu{margin-top:3rem;}
	.main-middle .today-menu .today-title{font-weight: 600; font-size:2.8rem; line-height:1.3; color: #222; text-align: center;}

	.main-middle .today-swiper{width:100%; margin-top:2rem; position: relative; overflow:hidden;}
	.main-middle .today-swiper .today-wrapper{width: 100%; height: 100%; display: flex; box-sizing: content-box;}
	.main-middle .today-swiper .today-wrapper .swiper-slide{flex-shrink: 0; width:100%; height: 10.7rem; font-weight: 500; font-size:2.2rem; line-height:1.3; color: #666; text-align: center; display: block; position: relative;}

	.main-middle .today-swiper-area .swiper-controll{margin-top:1.5rem; display: flex; align-items: center; justify-content: center; gap:1rem; z-index:6;}

	.main-middle .today-swiper-area .swiper-day{padding-top:0.2rem; font-weight: 600; font-size:2rem; line-height:1.3; color: #002462;}

	.main-middle .today-swiper-area .swiper-button{width:2rem; height:2rem; background: url('/images/main/prev-day.svg') no-repeat center center / cover; cursor: pointer;}
	.main-middle .today-swiper-area .swiper-button-prev{}
	.main-middle .today-swiper-area .swiper-button-next{background-image: url('/images/main/next-day.svg')}
	.main-middle .today-swiper-area .swiper-button-disabled{pointer-events: none; opacity: 0.3;}
	.main-middle .today-swiper-area .txt{font-weight: 300; font-size:1.9rem; line-height:1.3; color: #333; text-align: center;}

	.main-board{margin-top:10rem;}
	.main-board .main-notice{width:63.8021vw; background-color:var(--point); padding:4.4rem 5.9rem 4.5rem clamp(3rem, 10rem, 5.2083vw); border-radius:2.5rem 2.5rem 2.5rem 10rem; position: relative; display: flex; flex-flow: row wrap;}
	.main-board .main-notice>.title{width:20.6rem;}
	.main-board .main-notice>.title>strong{padding-bottom:5.5rem; font-weight: 600; font-size:4.2rem; line-height:1.3; color: #fff; display:block;}
	.main-board .main-notice>.title img{height:5rem; display:block; filter: drop-shadow(0px 0.2rem 1rem rgba(102, 102, 102, 0.15));}

	.main-board .main-notice>.list{width:calc(100% - 20.6rem); border-top:1px solid #fff;}
	.main-board .main-notice>.list>li{border-bottom:1px dashed #f3f3f3;}
	.main-board .main-notice>.list>li>a{padding:2.1rem 0 1.9rem; font-weight: 500; font-size:2.2rem; line-height:1.3; color: #fff; position: relative; display: flex; align-items: center; justify-content: space-between; gap: 0 2rem;}
	.main-board .main-notice>.list>li>a strong{font-weight: 500; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.main-board .main-notice>.list>li>a .day{font-size:1.8rem; color: #f3f3f3;}

	.main-board>.inConts{padding:0; display: flex; justify-content: end;}
	.main-board>.inConts .main-sns{width:57.4rem; height:36rem; position: relative; margin-top:-36rem;}
	.main-board>.inConts .main-sns>*{height:20rem; position: absolute; border-radius:2.5rem; box-shadow: 0px 0.2rem 1.5rem 0px rgba(102, 102, 102, 0.15);}
	.main-board>.inConts .main-sns .top{width:40.5rem; padding:3.5rem 7.5rem 3.5rem 3.5rem; background:#002462 url('/images/main/bg_sns.png') no-repeat right bottom / 9.8rem auto; font-weight: 600; font-size:3rem; line-height:1.6; color: #fff; left:0; top:0; z-index:2;}
	.main-board>.inConts .main-sns .btm{width:43rem; padding-top:8.5rem; background-color: #fff; right:0; bottom:0; display: flex; align-items: start; justify-content: center; gap:2rem;}
	.main-board>.inConts .main-sns .btm img{height:7rem; display:block;}

	.main-photo{padding:12rem 0 10rem;}
	.main-photo .main-photo-conts{display:none; position: relative;}

	.main-photo-controll{height:5.5rem; display: flex; align-items: center; justify-content: end; gap:1rem; position: absolute; right:0; top:-7.5rem; z-index:6;}
	.main-photo-controll .swiper-button{width:5.5rem; height:5.5rem; background: url('/images/main/btn_pre.svg') no-repeat center center / cover; cursor: pointer; filter: drop-shadow(0px 0.2rem 1rem rgba(102, 102, 102, 0.15));}
	.main-photo-controll .swiper-button-prev{}
	.main-photo-controll .swiper-button-next{background-image: url('/images/main/btn_next.svg')}
	.main-photo-controll .swiper-button-prev:hover{background-image: url('/images/main/btn_prev_on.svg')}
	.main-photo-controll .swiper-button-next:hover{background-image: url('/images/main/btn_next_on.svg')}

	.main-photo-swiper{width:100%; margin-top:2.5rem; overflow: hidden;}
	.main-photo-swiper .swiper-wrapper{width: 100%; height: 100%; display: flex; box-sizing: content-box;}
	.main-photo-swiper .swiper-wrapper .swiper-slide{flex-shrink: 0;  width:41rem; min-height:41rem; margin-right:2.7rem; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}
	.main-photo-swiper .swiper-wrapper .swiper-slide .thumb{aspect-ratio:410/300; border-radius:1rem; overflow: hidden;}
	.main-photo-swiper .swiper-wrapper .swiper-slide .thumb>img{width:100%; height:100%; object-fit: cover; display:block;}
	.main-photo-swiper .swiper-wrapper .swiper-slide .title{padding:2rem 0; font-weight: 500; font-size:2.2rem; line-height:1.5; color: #444; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

	.main-service{padding:9rem 0 0; background-color: rgba(0, 36, 98, 0.03);}
	.main-service .main-service-conts{display:none; position: relative;}

	.main-service-controll{display: flex; align-items: center; justify-content: end; gap:1rem; position: absolute; right:0; top:-7.5rem; z-index:6;}
	.main-service-controll .swiper-button{width:5.5rem; height:5.5rem; background: url('/images/main/btn_pre.svg') no-repeat center center / cover; cursor: pointer; filter: drop-shadow(0px 0.2rem 1rem rgba(102, 102, 102, 0.15));}
	.main-service-controll .swiper-button-prev{}
	.main-service-controll .swiper-button-next{background-image: url('/images/main/btn_next.svg')}
	.main-service-controll .swiper-button-prev:hover{background-image: url('/images/main/btn_prev_on.svg')}
	.main-service-controll .swiper-button-next:hover{background-image: url('/images/main/btn_next_on.svg')}

	.main-service-swiper{width:100%; padding-bottom:17rem; overflow: hidden;}
	.main-service-swiper .swiper-wrapper{width: 100%; height: 100%; display: flex; box-sizing: content-box;}
	.main-service-swiper .swiper-wrapper .swiper-slide{flex-shrink: 0;  width:100%; font-size:0; line-height:0; position: relative; display:inline-block; vertical-align: top;}
	.main-service-swiper .swiper-wrapper .swiper-slide>img{width:100%; max-width:none; height:55rem; object-fit: cover; object-position: left center; transform:scale(1); border-radius:2rem; overflow:hidden;}

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

	.main-service-swiper .swiper-wrapper .vTxt .ii.title{font-weight: 600; font-size:3.6rem; line-height:1.3;}
	.main-service-swiper .swiper-wrapper .vTxt .ii.text{margin-top:1.5rem; font-weight: 500; font-size:2.2rem; line-height:1.5;}
	.main-service-swiper .swiper-wrapper .vTxt .ii.btn{margin-top:5rem;}
	.main-service-swiper .swiper-wrapper .vTxt .ii.btn>a{width:17rem; height:6rem; background-color: var(--point); font-weight: 600; font-size:1.8rem; line-height:1.3; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;border-radius:999px;}

	.main-service-swiper .swiper-wrapper .card-service{padding:4rem 4rem 4.7rem; box-shadow: 0px 0.5rem 1rem 0px rgba(102, 102, 102, 0.45); border-radius: 2rem; position: absolute; right:13rem; top:3rem; opacity: 0; overflow: hidden; transition: all .3s ease-out; transition-delay: 0;
		background: linear-gradient(147deg, rgba(0, 94, 255, 0.40) 2.18%, rgba(0, 60, 163, 0.00) 49.38%, rgba(0, 60, 163, 0.40) 96.58%), #002462;
	}
	.main-service-swiper .swiper-wrapper .card-service .thumb{aspect-ratio:360/276; object-fit: cover; border-radius: 2rem; overflow: hidden;}
	.main-service-swiper .swiper-wrapper .card-service .thumb>img{width:100%; height:100%; object-fit: cover; display:block;}
	.main-service-swiper .swiper-wrapper .card-service .text{margin-top:3rem; font-weight: 300; font-size:2.8rem; line-height:1.3; color: #fff; text-align: center;}
	.main-service-swiper .swiper-wrapper .card-service .text>strong{font-weight: 700;}
	.main-service-swiper .swiper-wrapper .card-service .btn{margin-top:3rem; display: flex; justify-content: center;}
	.main-service-swiper .swiper-wrapper .card-service .btn>a{width:16rem; height:5.5rem; padding-top:0.2rem; background-color: #fff; font-weight: 600; font-size:1.6rem; line-height:1.3; color: var(--point2); text-align: center; display: flex; align-items: center; justify-content: center;border-radius:999px;}

	.main-service-swiper .swiper-wrapper .card-service.n2{box-shadow: 0px 5px 10px 0px rgba(102, 102, 102, 0.45);
		background: linear-gradient(147deg, rgba(202, 237, 129, 0.80) 2.18%, rgba(202, 237, 129, 0.00) 49.38%, rgba(202, 237, 129, 0.80) 96.58%), #8FC31F;
	}

	.main-service-swiper .swiper-wrapper .swiper-slide-active .card-service{top:8rem; opacity: 1; transition-delay:1s;}
	.main-service-swiper .swiper-wrapper .swiper-slide-active .vTxt .ii{top:0px; opacity:1;}
/*[e] Main Style */

/*[s] Sub Style */
	/* guide */
		.guide-gray{padding:4rem; background-color: #fbfbfb; font-weight: 500; font-size:2.2rem; line-height:1.3; color: #222; border-radius:2rem;}
		.guide-gray dl{display: flex; flex-flow: row wrap;}
		.guide-gray dl+dl{margin-top:2rem;}
		.guide-gray dl>dt{width:12.3rem; color: #222;}
		.guide-gray dl>dd{flex:1;}
		.guide-gray p._star{margin-top:1rem;}

		.guide-gray.two{display: flex; flex-flow: row wrap; justify-content: space-between; gap:2rem;}
		.guide-gray.two>dl{width:calc((100% - 2rem) / 2); margin-top:0 !important;}

		.guide-gray dl.step>dt{width:100%; font-size:2.6rem;}
		.guide-gray dl.step ol{width:100%; display: flex; flex-flow: row wrap; justify-content: center; gap:3rem 6rem;}
		.guide-gray dl.step *+ol{margin-top:2.5rem;}
		.guide-gray dl.step ol>li{width:calc((100% - 12rem) / 3); min-height:18.5rem; padding:0 3.5rem 6.7rem; background-color: #fff; border:1px solid var(--bor_c); position: relative; border-radius:2rem;}
		.guide-gray dl.step ol>li .num{width:6.6rem; height:4.4rem; margin-top:-1px; padding-bottom:1.2rem; background: url('../../images/guide/bg_guide.png') no-repeat center center / cover; font-weight: bold; font-size:1.6rem; line-height:1.3; color: #fff; position: relative; display: flex; align-items: center; justify-content: center;}
		.guide-gray dl.step ol>li .title{margin-top:1.5rem; font-weight: 500; font-size:2.4rem; line-height:1.3; color: #333;}
		.guide-gray dl.step ol>li .title a{color: var(--point2); text-decoration: underline; text-underline-position:under;}
		.guide-gray dl.step ol>li .text{margin-top:1rem; font-weight: 500; font-size:1.6rem; line-height:1.3; color: #666;}
		.guide-gray dl.step ol>li .icon{position: absolute; right:1.9rem; bottom:1.4rem;}
		.guide-gray dl.step ol>li .icon img[src*="icon_guide02"]{width:5.5rem;}

		.guide-gray dl.step ol>li:after{content: ""; width: 2.9rem; height: 2.9rem; margin-top:-1.5rem; background: url('../../images/guide/arr_guide.png') no-repeat center center / cover; position:absolute; right: -4.7rem; top:50%; display:none;}

		.guide-gray dl.step ol>li:nth-of-type(1):after,
		.guide-gray dl.step ol>li:nth-of-type(2):after,
		.guide-gray dl.step ol:not(.four)>li:nth-of-type(4):after,
		.guide-gray dl.step ol:not(.five)>li:nth-of-type(5):after{display:block;}

		.guide-gray dl.step ol.four{gap:3rem 4.7rem;}
		.guide-gray dl.step ol.four>li{width:calc((100% - 14.1rem) / 4);}
		.guide-gray dl.step ol.four>li:after{right:-3.8rem;}
		.guide-gray dl.step ol.four>li:nth-of-type(3):after{display:block;}

		.guide-gray dl.step ol.nine>li:nth-of-type(7):after,
		.guide-gray dl.step ol.nine>li:nth-of-type(8):after{display:block;}


		.guide-gray dl.step ol.out>li{margin-bottom:12rem; position: relative;}
		.guide-gray dl.step ol.out>li .bul-j{position: absolute; left:3.5rem; right:3.5rem; top:calc(100% + 1.5rem);}
		.guide-gray dl.step ol.out>li .bul-j>li{font-size:0.9em;}

		.guide-gray dl.step ol.out.mb7>li{margin-bottom:7rem; position: relative;}

		.guide-gray dl.step .photo-box{width:100%; display: flex; flex-flow: row wrap; justify-content: center; gap:5rem 2rem;}
		.guide-gray dl.step .photo-box>dl{width:calc((100% - 2rem) / 2); margin:0 !important; display:block;}
		.guide-gray dl.step .photo-box>dl>dt{width:100%;}
		.guide-gray dl.step .photo-box>dl>dd{margin-top:1.5rem; font-size:0.9em;}


		.calendar-sub{margin-top:2.5rem;}
		.calendar-sub .calendar-option{margin-bottom:3rem; display: flex; align-items: center; justify-content: center;}
		.calendar-sub .calendar-option button{display: flex; align-items: center; justify-content: center;}
		.calendar-sub .calendar-option button img{width:5.5rem; filter: drop-shadow(0px 0.4rem 0.6rem rgba(0, 0, 0, 0.15));}
		.calendar-sub .calendar-option strong{width:30rem; font-weight: bold; font-size:3rem; line-height:1.3; color:var(--point2); text-align: center;}

		.calendar-sub .day-of-week,
		.calendar-sub .date-grid{max-width: 100%; font-weight: 500; font-size:2rem; line-height:1.3; color:#222; text-align: center; display: grid; grid-template-columns: repeat(7, 1fr);}

		.calendar-sub .day-of-week{border-top:2px solid var(--point);}
		.calendar-sub .day-of-week>p{height:7.2rem; padding:2.3rem 0; background-color: rgba(143, 195, 31, 0.05); border-bottom: 1px solid var(--bor_c);}
		.calendar-sub .day-of-week>p+p{border-left: 1px solid var(--bor_c);}

		.calendar-sub .day-of-week>p:first-child,
		.calendar-sub .date-grid div:nth-child(7n+1){color:var(--red) !important;}
		.calendar-sub .day-of-week>p:last-child,
		.calendar-sub .date-grid div:nth-child(7n){color:var(--blue) !important;}

		.calendar-sub .date-grid{}
		.calendar-sub .date-grid div{border-bottom:1px solid var(--bor_c); font-size:1.8rem; color: #222; display: flex; flex-flow: column nowrap; justify-content: start; position: relative;}
		.calendar-sub .date-grid div+div{border-left:1px solid var(--bor_c);}

		.calendar-sub .date-grid div:nth-child(7n+1){border-left:none;}
		/*
		.calendar-sub .date-grid div:nth-child(7n)>dl,
		.calendar-sub .date-grid div:nth-child(7n+1)>dl{display:none;}
		*/

		.calendar-sub .date-grid span{padding:1.5rem 1.5rem 0.5rem; text-align: left; display:block;}
		.calendar-sub .date-grid dl{font-size:1.6rem;}
		.calendar-sub .date-grid dl>dt{line-height:1.5; color: #444;}
		.calendar-sub .date-grid dl>dd{margin-top:1.5rem; padding:1.5rem 0; border-top:1px dashed var(--bor_c); color: #222;}

		.calendar-sub .date-grid.event div{min-height:22rem; padding:0 1rem;}
		.calendar-sub .date-grid.event div[data-leng]:after{content: attr(data-leng); width:5rem; height:5rem; background-color: var(--point2); font-size:1.8rem; line-height:1; color: #fff; text-align: center; display: none; align-items: center; justify-content: center; border-radius:99rem; position: absolute; left:50%; top:50%; transform: translate(-50%, -30%);}
		.calendar-sub .date-grid.event p{padding:0.6rem 1rem; background-color: var(--point2); font-size:1.5rem; line-height:2.3rem; color: #fff; text-align: left; border-radius:1rem; }
		.calendar-sub .date-grid.event p+p{margin-top:0.5rem;}
		.calendar-sub .date-grid.event p>span{max-width:100%; padding:0; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all !important;}

		.calendar-sub .date-grid div.today{background-color: #f0f6ff;}
		.calendar-sub .date-grid.event div.selected p,
		.calendar-sub .date-grid.event div.selected[data-leng]:after{background-color: var(--point);}
		/*
		.calendar-sub .date-grid button.active{pointer-events: auto; color: #333;}
		.calendar-sub .date-grid button.selected{background-color: var(--p_color); font-weight: bold; color: #fff;}
		*/

		.restaurant-gray{margin-top:2.5rem; padding:4rem; background-color: #fbfbfb; font-weight: 400; font-size:2rem; line-height:1.7; color: #666; border-radius:2rem;}
		.restaurant-gray p{margin-bottom:2rem; font-weight: 500; line-height:1.3; color: #222;}

	/* introduction */
		.greeting-area{display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; gap:7rem 3rem;}
		.greeting-area .photo{width:41.791%; max-width:56rem; border-radius:2rem; overflow: hidden;}
		.greeting-area .photo img{display:block;}
		.greeting-area .text-area{width:53.7313%; max-width:72rem;}
		.greeting-area .text-area .tit{font-size:4.6rem; line-height:1; color: var(--point);}
		.greeting-area .text-area .title{font-size:6.6rem; line-height:1; color: var(--point2);}
		.greeting-area .text-area .text{font-weight: 300; font-size:1.8rem; line-height:1.6; color: #333;}
		.greeting-area .text-area .name{font-weight: 500; font-size:1.8rem; line-height:1.3; color: #222;}

		.value-area{}
		.value-area .mission{background-color: #8fc320; border-radius:999px; display: flex; flex-flow: row wrap; }
		.value-area .mission>dt{width:21rem; height:21rem; padding:2.5rem; background-color: #deedbc; aspect-ratio:1/1; border-radius:999px; box-shadow: 0px 0.1rem 0.5rem rgba(102, 102, 102, 0.15);}
		.value-area .mission>dt>p{width:100%; height:100%; font-weight: bold; font-size:3rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:999px;
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#90c320+0,74a62d+100 */
			background: linear-gradient(135deg,  rgba(144,195,32,1) 0%,rgba(116,166,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
		.value-area .mission>dd{width:calc(100% - 21rem); font-weight: 500; font-size:3rem; line-height:1.3; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;}

		.value-area .vision{margin-top:6rem; display: flex; flex-flow: row wrap; gap:3rem;}
		.value-area .vision + .vision{margin-top:9.5rem;}
		.value-area .vision .vision-tit{width:12rem; height:12rem; border:0.3rem solid var(--point); font-weight: bold; font-size:2rem; line-height:1.1; color: #333; display: flex; align-items: center; justify-content: center; border-radius:999px;}
		.value-area .vision ol{width:calc(100% - 24rem); display: flex; flex-flow: row wrap; justify-content: space-between; gap:3rem 2.5rem;}
		.value-area .vision ol>li{width:calc((100% - 5rem) / 3); padding:2rem; background-color: #F9FCF3; display: flex; flex-flow: row wrap; align-items: center; gap:0 3rem; border-radius:2rem;}
		.value-area .vision ol>li .num{width:9rem; height:9rem; background-color: #fff; font-weight: 900; font-size:2.8rem; line-height:1.3; color: var(--point); display: flex; align-items: center; justify-content: center; border-radius:999px; box-shadow:inset 0.4rem 0.4rem 1.2rem 0px rgba(102, 102, 102, 0.09);}
		.value-area .vision ol>li .txt{flex:1; font-weight: 400; font-size:1.8rem; line-height:1.3; color: #333;}

		.value-area .vision ul{width:calc(100% - 24rem); display: flex; flex-flow: row wrap; justify-content: space-between; gap:1.5rem;}
		.value-area .vision ul>li{width:calc((100% - 4.5rem) / 4); padding:5rem 2rem 2rem; background-color: #fff; border:1px solid var(--bor_c); display: flex; flex-flow: column nowrap; gap:3.5rem 0; border-radius:2rem;}
		.value-area .vision ul>li .icon{width:100%; display: flex; justify-content: center;}
		.value-area .vision ul>li .icon img{height:9.5rem; display:block;}
		.value-area .vision ul>li .txt{flex:1; font-weight: 400; font-size:1.8rem; line-height:1.3; color: #333; text-align: center;}

		.talent-top{width:100%; background-color: #f7f7f7; padding:5rem 4rem 4rem; border-radius:3rem;}
		.talent-top .talent-title{width:100%; background-color: #fff; padding:3rem; font-weight: 500; font-size:3rem; line-height:1.3; color: #111; text-align: center; border-radius:2rem; box-shadow: 0px 0.3rem 0.5rem 0px rgba(119, 119, 119, 0.15);}
		.talent-top .arr{padding:4rem 0 3rem; display: flex; justify-content: center;}
		.talent-top .arr img{width:3.7rem; display:block;}

		.talent-top .graphics{display: flex; flex-flow: row wrap; align-items: center; }
		.talent-top .graphics>dt{width:25rem; height:25rem; background: #FFF; border: 1px solid var(--point); font-weight: 500; font-size:2.6rem; line-height:1.2; color: #111; text-align: center; border-radius:999px; box-shadow: 0px 0.2rem 1.2rem 0px rgba(102, 102, 102, 0.15); display: flex; align-items: center; justify-content: center;}
		.talent-top .graphics>dd{flex:1; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; }
		.talent-top .graphics>dd>div{flex:1; min-width:3rem; display: flex; align-items: center;}
		.talent-top .graphics>dd>div:before{content: ""; width: 100%; height: 0; border-bottom:0.2rem dashed var(--point); font-size:0; display: block;}
		.talent-top .graphics>dd ul{max-width:calc(100% - 3rem); display: flex; flex-flow: row wrap;}
		.talent-top .graphics>dd li{width:20rem; height:20rem; padding:2rem; background: #F3FFD8; font-weight: 600; font-size:2.2rem; line-height:1.3; color: #111; text-align: center; border-radius:999px; box-shadow: 0px 0.2rem 1.2rem 0px rgba(102, 102, 102, 0.15); display: flex; align-items: center; justify-content: center; mix-blend-mode: multiply;}
		.talent-top .graphics>dd li+li{margin-left:-3rem;}
		.talent-top .graphics>dd li:nth-of-type(2){background: #D4F984;}
		.talent-top .graphics>dd li:nth-of-type(3){background: #CFF47E;}
		.talent-top .graphics>dd li:nth-of-type(4){background: #ACDB45;}
		.talent-top .graphics>dd li:nth-of-type(5){background: var(--point);}

		.talent-btm{}
		.talent-btm>dl{display: flex; flex-flow: row wrap; justify-content: space-between; gap:0 4.4776%;}
		.talent-btm>dl+dl{margin-top:1rem;}
		.talent-btm>dl>dt{width:20rem; min-height:9rem; background-color: var(--point); font-weight: 600; font-size:2.6rem; line-height:1.2; color: #fff; text-align: center; border-radius:2rem; display: flex; align-items: center; justify-content: center;}
		.talent-btm>dl>dd{width:calc(100% - 20rem - 4.4776%); font-weight: 500; font-size:2.2rem; line-height:1.3; color: #333; text-align: center; display: grid; grid-template-columns: repeat(5, 1fr); gap:2rem;}
		.talent-btm>dl>dd p{min-height:9rem; padding:3rem 2rem; background-color: #F9FCF3; border-radius:1.5rem; display: flex; align-items: center; justify-content: center;}

		.talent-btm + .talent-btm{margin-top:6rem;}
		.talent-btm + .talent-btm>dl>dd{position: relative;}
		.talent-btm + .talent-btm>dl:first-child>dd:before{content: ""; width: 100%; height: 0; border-top:0.2rem dashed var(--bor_c); font-size:0; display: block; position: absolute; left:0; top:-3rem;}
		.talent-btm + .talent-btm>dl>dd p{min-height:18rem; padding:3.5rem 2rem; border:1px solid var(--bor_c); background-color: #fff; border-radius:1.5rem;}

		.esg-area{}
		.esg-area .esg-top{width:100%; background-color: #F9FCF3; padding:6.5rem 4rem; font-weight: 500; font-size:3.2rem; line-height:1.7; color: #222; text-align: center; border-radius:2rem; overflow: hidden; }
		.esg-area .esg-top>p{text-decoration:none; display: inline; box-shadow: inset 0 -2.3rem 0 #E9F5BD;}
		.esg-area .esg-top strong{font-weight: bold; color: var(--point2);}

		.esg-area .esg-btm{display: flex; flex-flow: row wrap; gap:4rem;}
		.esg-area .esg-btm>li{width:calc((100% - 8rem) / 3); padding:2.5rem 2.5rem 4.5rem; background-color: #FAFCF7; text-align: center; border-radius: 1.5rem; box-shadow: 0px 0.2rem 1rem 0px rgba(102, 102, 102, 0.15);}
		.esg-area .esg-btm>li>p{display: flex; justify-content: center;}
		.esg-area .esg-btm>li>dl{margin-top:5rem;}
		.esg-area .esg-btm>li>dl>dt{font-weight: 500; font-size:2.6rem; line-height:1.3; color: #111;}
		.esg-area .esg-btm>li>dl>dd{font-weight: 600; font-size:1.6rem; line-height:1.3; color: #666;}
		.esg-area .esg-btm>li>div{margin-top:2.5rem; font-weight: 300; font-size:2rem; line-height:1.5; color: #333;}

		.overview-gray{padding:4rem; background-color: #fbfbfb; font-weight: 400; font-size:2.2rem; line-height:1.3; color: #444; border-radius:2rem;}
		.overview-gray>h5{font-weight: bold; font-size:3rem; line-height:1.3; color:#111;}
		.overview-gray>div{margin-top:3rem; display: flex; flex-flow: row wrap; justify-content: space-between; gap:2rem;}
		.overview-gray>div>dl{width:calc((100% - 2rem) / 2); display: flex; flex-flow: row wrap;}
		.overview-gray>div>dl>dt{width:12.3rem; font-weight: bold; color: #111;}
		.overview-gray>div>dl>dd{flex:1;}

		.overview-gray.facility{}
		.overview-gray.facility ol{display: flex; flex-flow: row wrap; gap:2rem 4rem;}
		.overview-gray.facility ol>li{width:calc((100% - 4rem) / 2); display: flex;}
		.overview-gray.facility ol>li>dl{width:100%; background-color: #fff; display: flex; border-radius:2rem;}
		.overview-gray.facility ol>li>dl>dt{width:10rem; background-color: var(--point); font-weight: 600; color: #fff; border-radius:2rem 0 0 2rem; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: center;}
		.overview-gray.facility ol>li>dl>dt>span{width:100%; font-weight: 300; font-size:1.6rem; text-align: center;}
		.overview-gray.facility ol>li>dl>dd{flex:1; min-height:12rem; padding:3.4rem 2rem; border:1px solid var(--bor_c); border-left:none; font-weight: 400; font-size:2rem; color: #666; border-radius:0 2rem 2rem 0; display: flex; align-items: center;}

		.overview-floor-btn{display: flex; flex-flow: row wrap; gap:1.5rem;}
		.overview-floor-btn button{width:calc((100% - 7.5rem) / 6); padding:2.2rem 2rem; border:1px solid var(--bor_c); font-weight: 600; font-size:2.2rem; line-height:1.3; color: #111; display: flex; align-items: center; justify-content: center; border-radius:1rem;}
		.overview-floor-btn button:is(:hover, .active){background-color: var(--point); border-color:var(--point); color: #fff;}

		.overview-swiper{width:100%; margin-top:3rem; position: relative; overflow: hidden;}
		.overview-swiper .swiper-wrapper{white-space: nowrap;}
		.overview-swiper .swiper-wrapper .swiper-slide{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top; border-radius:1.5rem;}
		.overview-swiper .swiper-wrapper .swiper-slide>a>img{width:100%; max-width:none; height:50rem; object-fit: cover; object-position: center center; display:block;}
		.overview-swiper .swiper-wrapper .swiper-slide a:before{content: attr(data-caption); width: 100%; padding:2rem 0; background-color: rgba(0,0,0,0.5); font-weight: 500; font-size:2.4rem; line-height:1.3; color: #fff; text-align: center; display: inline-block; position:absolute; left: 0; bottom:-100%; transition-delay: .1s;}
		.overview-swiper .swiper-wrapper .swiper-slide.swiper-slide-active a:before{bottom:0%;}

		.overview-swiper .swiper-button{width:5.5rem; height:5.5rem; margin-top:-5rem; background: url('/images/main/btn_pre.svg') no-repeat center center / cover; cursor: pointer; position: absolute; top:50%;}
		.overview-swiper .swiper-button-prev{left:5rem;}
		.overview-swiper .swiper-button-next{background-image: url('/images/main/btn_next.svg'); right:5rem;}
		.overview-swiper .swiper-button-prev:hover{background-image: url('/images/main/btn_prev_on.svg')}
		.overview-swiper .swiper-button-next:hover{background-image: url('/images/main/btn_next_on.svg')}

		.location-area{width:100%; display: flex; flex-flow: row wrap; gap:4rem 4rem;}
		.location-area .location-re{width:calc((100% - 4rem) / 2);}
		.location-area .location-re .icon img{width:7rem; display:block;}
		.location-area .location-re .title{margin-top:2.5rem; font-weight: 500; font-size:2rem; line-height:1.3; color: #222;}
		.location-area .location-re .title>span{font-weight: 400; font-size:1.8rem; color: #666;}
		.location-area .location-re .text .c_point2{padding-bottom:0.5rem; display:block;}
		.location-area .location-re .text,
		.location-area .location-re ._star{margin-top:1rem; font-weight: 400; font-size:1.8rem; line-height:1.3; color: #222;}
		.location-area .location-re ._star{color: var(--point2);}
		.location-area .location-re .subway{margin-top:1rem; font-weight: 700; font-size:1.4rem; line-height:1.3; color: #fff; text-align: center; display: flex; flex-flow: row wrap; gap:0.5rem;}
		.location-area .location-re .subway>span{min-height:3rem; padding:0.6rem 1.6rem; background-color: var(--point2); display: flex; align-items: center; justify-content: center; border-radius:99px;}
		.location-area .location-re .subway>span.line1{width:3rem; padding:0;}
		.location-area .location-re .subway>span.line2{background-color: #73C0BA;}
		.location-area .location-re .subway>span.line3{background-color: #009A4D;}
		.location-area .location-re .subway>span.line4{background-color: #FFC300;}

		.corp-gray{padding:4rem; background-color: #fbfbfb; font-weight: 400; font-size:2.2rem; line-height:1.3; color: #444; border-radius:2rem;}
		.corp-gray>.top-tit{margin-bottom:3rem; font-weight: 600; font-size:3rem; line-height:1.3; color: #111;}
		.corp-gray>.top-btn{margin-top:5rem;}
		.corp-gray>.top-btn>a{min-width:25rem; min-height:6rem; padding:1.8rem 3.3rem; background-color: var(--point2); font-weight: 600; font-size:1.8rem; color: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius:99px;}
		.corp-gray .lattice{display: flex; flex-flow: row wrap; align-items: center; justify-content: space-around;}
		.corp-gray .lattice>p{width:60%; padding:2.6rem 3rem; display: flex; align-items: center; justify-content: center;}
		.corp-gray .lattice>p+p{width:40%;}
		.corp-gray .lattice>p+p img{width:19.2rem;}

		.corp-mission{margin-top:7.5rem; display: flex; flex-flow: row wrap; justify-content: space-between; gap:10.5rem 4rem;}
		.corp-mission .corp-mission-re{width:calc((100% - 4rem) / 2); padding:10.5rem 2rem 4rem; background: #fff; border: 1px solid var(--point); gap:4rem; border-radius: 2rem; box-shadow: 0px 0.2rem 1rem 0px rgba(102, 102, 102, 0.15); position: relative;}
		.corp-mission .corp-mission-re>dt{width:14rem; height:14rem; margin-left:-7rem; font-weight: bold; font-size:3rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; border-radius:999px; box-shadow: 0px 0.2rem 1rem 0px rgba(102, 102, 102, 0.15); position: absolute; left:50%; top:-7rem;
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#90c320+0,74a62d+100 */
			background: linear-gradient(135deg,  rgba(144,195,32,1) 0%,rgba(116,166,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
		.corp-mission .corp-mission-re>dd{font-weight: 400; font-size:2.2rem; line-height:1.3; color: #444; text-align: center;}

		.corp-core{display: flex; flex-flow: row wrap; gap:1.5rem;}
		.corp-core>dl{width:calc((100% - 7.5rem) / 6); padding:5rem 2rem 3.5rem; background-color: #f9fcf3; display: flex; flex-flow: column nowrap; justify-content: center; align-content: center; gap:2.5rem 0; border-radius:1.5rem;}
		.corp-core>dl img{height:7rem; display:block;}
		.corp-core>dl>dt{display: flex; justify-content: center;}
		.corp-core>dl>dd{font-weight: 500; font-size:2.2rem; line-height:1.3; color: #333; text-align: center;}

	/* support */
		.inq-box{width:100%; margin-top:3rem; display: flex; flex-flow: row wrap;}
		.inq-box>dt{width:15rem; min-height:9rem; background-color: #FBFBFB; border:1px solid var(--bor_c); font-weight: 600; font-size:3.2rem; line-height:1.3; color: var(--point2); text-align: center; display: flex; align-items: center; justify-content: center; border-radius:2rem; position: relative;}
		.inq-box>dd{flex:1; margin-left:-4rem; padding-left:6rem; border:1px solid var(--bor_c); font-weight: 500; font-size:2.4rem; line-height:1.3; color:#666; display: flex; align-items: center; gap:1rem; border-radius:2rem;}
		.inq-box>dd img{width:2.7rem; display:block;}

		.don-info-list{width:100%; margin-top:2.5rem; display: flex; flex-flow: row wrap; gap:1.5rem;}
		.don-info-list>li{width:calc((100% -  6rem) / 5); padding:3.5rem 2rem 3rem; background-color: #F0F6FF; text-align: center; border-radius:2rem;}
		.don-info-list>li .icon{display: flex; justify-content: center; border-radius:99rem;}
		.don-info-list>li .icon img{width:12rem; display: block; filter: drop-shadow(0px 0.6rem 0.5rem rgba(102, 102, 102, 0.10));}
		.don-info-list>li .title{margin-top:2.5rem; font-weight: 500; font-size:2rem; line-height:1.3; color: #222;}
		.don-info-list>li .text{margin-top:1rem; font-weight: 500; font-size:1.5rem; line-height:1.3; color: #666;}


	/* 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.5rem; margin-left:-0.25rem; background-color: #ddd; 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{display: flex; justify-content: end; position: relative; z-index:2;}
		.history-area>li+li{margin-top:14rem;}
		.history-area .history-in{width:50%; padding:0 2rem 0 4rem; text-align: left; position: relative;}
		.history-area .history-in:before{content: ""; width: 2rem; height:2rem; background-color:var(--point); display: inline-block; position:absolute; left: -1rem; top:1rem; border-radius:999px; box-sizing: border-box;}
		.history-area .history-in>p{margin-bottom:1.5rem; font-weight: 700; font-size:3.2rem; line-height:1.3; color: #222;}

		.history-area .history-in>dl{width:100%; margin-top:1rem; padding-left:1rem; font-weight: 300; font-size:2rem; line-height:1.3; color: #666; display: flex; position: relative;}
		.history-area .history-in>dl:before{content: "·"; position:absolute; left: 0; top:0.2rem;}
		.history-area .history-in>dl>dt{width:8.5rem;}
		.history-area .history-in>dl>dd{flex:1;}


		.history-area>li:nth-child(even){justify-content: start; }
		.history-area>li:nth-child(even) .history-in{padding:0 4rem 0 2rem; text-align: right; order:1;}
		.history-area>li:nth-child(even) .history-in:before{left:auto; right: -1rem;}

		.history-area>li:nth-child(even) .history-in>dl{padding:0 1rem 0 0;}
		.history-area>li:nth-child(even) .history-in>dl:before{left:auto; right:0;}
		.history-area>li:nth-child(even) .history-in>dl>dt{order:2;}
		.history-area>li:nth-child(even) .history-in>dl>dd{order:1;}

	/* 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;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8);-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:15px 0 55px; font-weight: 300; font-size:18px; line-height:1; color: #636363;}
		.etc_clause .txt>span{font-weight: 400; color: #1b1b1b;}

		.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: var(--point);}

		.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 */
	.layer-base.fancybox__content>.carousel__button.is-close{width:3.7rem; height:3.7rem; top:6.4rem !important; right:6.4rem;}
	.layer-base.fancybox__content>.carousel__button.is-close svg{width:100%; height:100%; stroke-width:2; filter:none; color: var(--point2);}

	.layer-base{padding:0 !important; background-color: transparent !important; font-size:0; line-height:0; display:none;}
	.layer-base .layer-in{padding:4rem 4rem 10rem; background-color: #fff; border-radius:2rem; overflow: hidden; position: relative;}
	.layer-base .layer-top{padding:5rem 0 7rem;}
	.layer-base .layer-top h2{font-weight: 700; font-size:5rem; line-height:1.3; color: #222; text-align: center;}

	#vol-apply-lay{width:100%; max-width:150rem; }
/*[e] Plugin Style */

@media only screen and (max-width : 1760px){
	/*[s] Main Style */
		.main-board{padding:0 2rem;}
		.main-board .main-notice{width:calc(100% - 62.2rem); padding:4.4rem 5rem 4.5rem 5rem;}
		.main-board .main-notice>.list{width:calc(100% - 20.6rem); border-top:1px solid #fff;}
	/*[e] Main Style */

	/*[s] Sub Style */
	/*[e] Sub Style */
}
@media only screen and (max-width : 1640px){
	.talent-top .graphics{}
	.talent-top .graphics>dt{margin:0 auto;}
	.talent-top .graphics>dd{flex:auto; width:100%;}
	.talent-top .graphics>dd>div{flex:auto; width:100%; min-width:auto; justify-content: center;}
	.talent-top .graphics>dd>div:before{width:0; height: 5rem; border-bottom:none; border-left:0.2rem dashed var(--point);}
	.talent-top .graphics>dd ul{max-width:100%; margin:0 auto;}
}
@media only screen and (max-width : 1480px){
	/*[s] Main Style */
		.main-board .main-notice{width:calc(100% - 52.2rem); }
		.main-board>.inConts .main-sns{width:47.4rem; height:36rem; position: relative; margin-top:-36rem;}

		.main-service-swiper .swiper-wrapper .vTxtArea{padding-left:5rem;}
		.main-service-swiper .swiper-wrapper .card-service{right:5rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		.value-area .vision ol,
		.value-area .vision ul{width:100%;}

		.talent-btm>dl{gap:0 2rem;}
		.talent-btm>dl>dd{width:calc(100% - 22rem); grid-template-columns: repeat(3, 1fr); gap:1rem;}
	/*[e] Sub Style */

	/*[s] Layer Style */
	/*[e] Layer Style */
}
@media only screen and (max-width : 1340px){
	.talent-top .graphics>dd ul{max-width:60rem; justify-content: center;}
	.talent-top .graphics>dd li:nth-of-type(4){margin-left:0; margin-top:-3rem;}
	.talent-top .graphics>dd li:nth-of-type(5){margin-top:-3rem;}

	.esg-area .esg-top br{display:none;}
}
@media only screen and (max-width : 1280px){
	.scroll_info{display:block;}
	.scrollTb{width:100%; padding-bottom:2rem; display:block; overflow:hidden; overflow-x:scroll;}
	.scrollTb>*{width:1200px !important;}

	/*[s] Main Style */
		.main-middle .inConts{gap:18.5rem 2rem;}
		.main-middle .main-middle-re{width:calc((100% - 3rem) / 2);}
		.main-middle .main-middle-re:not(.calendar, .restaurant){width:100%;}

		.main-board .main-notice{width:100%; box-shadow: 0px 0.2rem 1.5rem 0px rgba(102, 102, 102, 0.15);}
		.main-board>.inConts .main-sns{width:100%; height:auto; position: relative; margin-top:3rem;}
		.main-board>.inConts .main-sns .top{width:100%; position: static;}
		.main-board>.inConts .main-sns .btm{width:100%; padding-top:10rem; background-color: transparent; box-shadow:none;}

		.main-service-swiper{padding-bottom:42rem;}
		.main-service-swiper .swiper-wrapper .swiper-slide>img{height:61.1rem;}
		.main-service-swiper .swiper-wrapper .vTxtArea{padding-top:7rem; align-items: start;}
		.main-service-swiper .swiper-wrapper .card-service{top:28rem;}
		.main-service-swiper .swiper-wrapper .swiper-slide-active .card-service{top:33rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		.guide-gray dl.step ol{justify-content: start;}
		.guide-gray dl.step ol>li{width:calc((100% - 6rem) / 2);}
		.guide-gray dl.step ol>li:nth-of-type(1):after,
		.guide-gray dl.step ol>li:nth-of-type(2):after,
		.guide-gray dl.step ol>li:nth-of-type(3):after,
		.guide-gray dl.step ol>li:nth-of-type(4):after,
		.guide-gray dl.step ol>li:nth-of-type(5):after,
		.guide-gray dl.step ol>li:nth-of-type(6):after,
		.guide-gray dl.step ol>li:nth-of-type(7):after,
		.guide-gray dl.step ol>li:nth-of-type(8):after,
		.guide-gray dl.step ol>li:nth-of-type(9):after{display:none !important;}


		.guide-gray dl.step ol>li:nth-of-type(1):after,
		.guide-gray dl.step ol:not(.three)>li:nth-of-type(3):after,
		.guide-gray dl.step ol:not(.three, .five)>li:nth-of-type(5):after,
		.guide-gray dl.step ol.nine>li:nth-of-type(7):after{display:block !important;}


		.guide-gray dl.step ol.four{gap:3rem 6rem;}
		.guide-gray dl.step ol.four>li{width:calc((100% - 6rem) / 2);}
		.guide-gray dl.step ol.four>li:after{right:-4.7rem;}

		.guide-gray dl.step ol.out>li:not(.mb){margin-bottom:0;}


		.guide-gray.two{}
		.guide-gray.two>dl{width:100%;}

	/* introduction */
		.greeting-area .photo{width:70%; }
		.greeting-area .text-area{width:100%; max-width:none;}

		.value-area .mission{margin-top:16.5rem; border-radius:3rem;}
		.value-area .mission>dt{left:3rem; top:-10.5rem; position: relative;}
		.value-area .mission>dd{width:100%; margin-top:-8.5rem; padding:0 10rem 5.25rem;}

		.value-area .vision ol>li{width:calc((100% - 2.5rem) / 2);}
		.value-area .vision ul>li{width:calc((100% - 1.5rem) / 2);}

		.esg-area .esg-btm{gap:2rem;}
		.esg-area .esg-btm>li{width:calc((100% - 2rem) / 2);}

		.corp-gray .lattice{}
		.corp-gray .lattice>p{width:100%; padding:7rem 3rem;}
		.corp-gray .lattice>p+p{width:100%; padding-top:0;}

		.corp-core>dl{width:calc((100% - 3rem) / 3);}

		.don-info-list>li{width:calc((100% -  3rem) / 3);}
	/*[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%;}
	/*[e] All Style */

	/*[s] Main Style */
		.main-service-swiper .swiper-wrapper .vTxtArea{padding-left:2.5rem;}
		.main-service-swiper .swiper-wrapper .card-service{right:2rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* 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:48px 3rem 8px !important;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 840px){
	/*[s] All Style */
		.nTable>table th,
		.nTable>table td{padding:2rem; font-size:2.2rem;}

		.nTable>table th{}
		.nTable>table td .bul-j>li{font-size:2.2rem;}

		.nTable .w220{width:19rem}
		.nTable .w310{width:27rem}

		.nTable.s>table th,
		.nTable.s>table td.tac{padding:2rem 1rem;}

		.nTable.tac>table th,
		.nTable.tac>table td{padding:2rem 1rem;}

		html[lang="en"] .nTable>table th,
		html[lang="en"] .nTable>table td{padding:1rem; font-size:2rem;}

		.nTxt{font-size:2.6rem; line-height:1.3;}
		.nTxt.f16{font-size:2rem;}

		h5.icon.taj .right{font-size:2.4rem;}

		._star{padding-left:2rem; font-size:2.6rem;}

		.star_{padding-left:2.2rem; font-size:2.2rem;}

		.num-c>li{padding-left:3.5rem;}
		.num-c>li:before{width:1.6em; height:1.6em; padding-right:0.2em;}

		.num-c.in{display: flex; flex-flow: row wrap; gap:0 1rem;}

		.bul-j{}
		.bul-j>li{padding-left:1.3rem;}
		.bul-j.s>li{font-size:2.2rem;}


		.btn-green>a{font-size:2.2rem;}
		.btn-green>a.small{width:20rem; height:6.5rem;}
	/*[e] All Style */

	/*[s] Main Style */
		.main-title{font-size:4rem; text-align: left;}

		.main-tab{justify-content: start; gap:1.2rem;}
		.main-tab>a{padding:2.1rem 2.5rem 2rem; font-size:2.2rem;}

		#mainVisual .vTxtArea{padding:0 2rem 6rem; align-items: end;}
		#mainVisual .vTxt .ii.title{font-size:5rem;}
		#mainVisual .swiper-controll{margin-top:1.5rem; padding-bottom:1rem; justify-content: center; position: static;}
		#mainVisual .swiper-controll>.swiper-numbering{box-shadow: 0px 0.4rem 0.6rem 0px rgba(0, 0, 0, 0.15);}
		#mainVisual .swiper-controll>.swiper-button{filter: drop-shadow(0px 0.4rem 0.6rem rgba(0, 0, 0, 0.15));}

		.main-middle{margin-top:7rem; padding:8.2rem 0 0;}
		.main-middle .inConts{gap:15.2rem 0;}
		.main-middle .main-middle-re{width:100%; padding:3.5rem; border-radius:3rem;}
		.main-middle .main-middle-re>.title{font-size:4rem; top:-8.2rem;}

		.main-middle .main-search-area{}
		.main-middle .main-search-area>p{font-size:3rem;}
		.main-middle .main-search-area .search-form{margin-top:4rem;}
		.main-middle .main-search-area .search-form input[type="text"]{height:5.8rem; font-size:2.2rem;}
		.main-middle .main-search-area .search-form input[type="button"]{width:5.8rem; height:5.8rem;}

		.main-middle .main-quick{margin-top:3.5rem; gap:2rem;}
		.main-middle .main-quick>a{width:calc((100% - 2rem) / 2); height:24.4rem;}
		.main-middle .main-quick>a img{height:9.8rem;}
		.main-middle .main-quick>a .title{margin-top:3rem; font-size:2.6rem;}

		.main-middle .main-middle-re.calendar{padding:3.5rem 3.5rem 3rem;}
		.calendar-area{}
		.calendar-area .calendar-option{margin-bottom:0; display: flex; align-items: center; justify-content: center;}
		.calendar-area .calendar-option button{padding:0; display: flex; align-items: center; justify-content: center;}

		.calendar-area .calendar-option .calendar-day{height:4.4rem;}
		.calendar-area .calendar-option .calendar-day button img{width:3rem;}
		.calendar-area .calendar-option .calendar-day .prev img{}
		.calendar-area .calendar-option .calendar-day strong{width:16rem; padding-top:0.3rem; font-size:3.4rem; display:inline-block;}

		.calendar-area .day-of-week,
		.calendar-area .date-grid{font-size:2.6rem; grid-auto-rows: minmax(7.7rem, auto); gap:0.5rem;}
		.calendar-area .day-of-week{font-size:2.2rem;}
		.calendar-area .date-grid>*{font-size:2.6rem;}

		.calendar-view{margin-top:2rem; padding-top:2rem;}
		.calendar-view>p{font-size:2.6rem;}
		.calendar-view>ul{height:11.3rem; margin-top:2rem;}
		.calendar-view>ul>li{padding-left:1.2rem; font-size:2.4rem;}

		.main-middle .main-middle-re.restaurant{padding:3.5rem 3.5rem 3rem;}
		.main-middle .main-middle-re.restaurant .img{}
		.main-middle .main-middle-re.restaurant .img img{height:25.5rem; display:block;}

		.main-middle .today-menu{margin-top:3.5rem;}
		.main-middle .today-menu .today-title{font-size:3.4rem;}

		.main-middle .today-swiper{}
		.main-middle .today-swiper .today-wrapper{}
		.main-middle .today-swiper .today-wrapper .swiper-slide{height: 11rem; font-size:2.6rem;}

		.main-middle .today-swiper-area .swiper-controll{margin-top:2rem;}

		.main-middle .today-swiper-area .swiper-day{padding-top:0.2rem; font-size:2.6rem;}

		.main-middle .today-swiper-area .swiper-button{width:3rem; height:3rem;}
		.main-middle .today-swiper-area .txt{font-size:2.4rem;}

		.main-board{margin-top:7rem;}
		.main-board .main-notice{padding:3.5rem 3.5rem 5.5rem;}
		.main-board .main-notice>.title{width:100%; padding-bottom:3rem; position: relative;}
		.main-board .main-notice>.title>strong{padding-bottom:0; font-size:4rem;}
		.main-board .main-notice>.title>a{position: absolute; right:0; top:0;}

		.main-board .main-notice>.list{width:100%;}

		.main-board>.inConts{padding:0; display: flex; justify-content: end;}
		.main-board>.inConts .main-sns{}
		.main-board>.inConts .main-sns .top{height:25rem;}
		.main-board>.inConts .main-sns .btm{padding-top: 7rem;}
		.main-board>.inConts .main-sns .btm img{height:9rem;}

		.main-service{padding-top:7rem;}
		.main-service-swiper{padding-bottom:47.8125vw;}
		.main-service-swiper .swiper-wrapper{}
		.main-service-swiper .swiper-wrapper .swiper-slide{}

		.main-service-swiper .swiper-wrapper .vTxt .ii.title{font-size:3.2rem;}
		.main-service-swiper .swiper-wrapper .vTxt .ii.text{margin-top:1rem; font-size:2rem;}
		.main-service-swiper .swiper-wrapper .vTxt .ii.btn{margin-top:3rem;}
		.main-service-swiper .swiper-wrapper .vTxt .ii.btn>a{}

		.main-service-swiper .swiper-wrapper .card-service{max-width:56.25vw; padding:3.2rem 3.2rem 2.5rem; top:32.2rem;}
		.main-service-swiper .swiper-wrapper .card-service .thumb{aspect-ratio:295/225;}
		.main-service-swiper .swiper-wrapper .card-service .text{margin-top:2.5rem; font-size:2.2rem;}
		.main-service-swiper .swiper-wrapper .card-service .btn{margin-top:2.5rem;}
		.main-service-swiper .swiper-wrapper .card-service .btn>a{font-size:1.8rem;}

		.main-service-swiper .swiper-wrapper .swiper-slide-active .card-service{top:37.2rem;}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* guide */
			.guide-gray{padding:3rem 2.5rem; font-size:2.6rem;}
			.guide-gray dl.step ol{gap:3rem 5.5rem;}
			.guide-gray dl.step ol>li{min-height:20rem; padding:0 2.5rem 10rem;}
			.guide-gray dl.step ol>li .num{width:7.5rem; height:5.7rem; font-size:1.8rem;}
			.guide-gray dl.step ol>li .title{margin-top:1rem;}
			.guide-gray dl.step ol>li .text{font-size:1.8rem;}

			.guide-gray dl.step ol.out>li .bul-j{left:2.5rem; right:2.5rem;}

			.guide-gray dl.step .photo-box>dl{width:100%;}

			.calendar-sub .date-grid.event div{min-height:14rem; padding:0 1rem;}
			.calendar-sub .date-grid.event div[data-leng]:after{display: flex;}
			.calendar-sub .date-grid.event div>p{display:none;}

			.restaurant-gray{padding:3rem 2.5rem; font-size:2.6rem;}

		/* introduction */
			.greeting-area .text-area .text,
			.greeting-area .text-area .name{font-size:2.4rem;}

			.value-area .vision .vision-tit{width:100%; font-size:2.6rem; border-radius:2rem;}
			.value-area .vision .vision-tit br{display:none;}

			.value-area .vision ol>li{width:100%; padding:3rem;}
			.value-area .vision ol>li .txt{font-size:2.4rem;}
			.value-area .vision ol>li .txt br{display:none;}

			.value-area .vision ul>li{padding-bottom:3rem;}
			.value-area .vision ul>li .txt{font-size:2.4rem;}
			.value-area .vision ul>li .txt br{display:none;}

			.talent-top{padding:5rem 2rem 4rem; border-radius:3rem;}
			.talent-top .graphics>dd li{width:18rem; height:18rem; padding:1rem; font-size:2.4rem;}

			.talent-btm{}
			.talent-btm>dl{gap:2rem;}
			.talent-btm>dl+dl{margin-top:2rem;}
			.talent-btm>dl>dt{width:100%;}
			.talent-btm>dl>dt br{display:none;}
			.talent-btm>dl>dd{width:100%; font-size:2.4rem; grid-template-columns: repeat(2, 1fr); gap:2rem;}
			.talent-btm>dl>dd p{min-height:9rem; padding:3rem 2rem; background-color: #F9FCF3; border-radius:1.5rem; display: flex; align-items: center; justify-content: center;}

			.talent-btm + .talent-btm{margin-top:4rem; padding-top:4rem; border-top:0.2rem dashed var(--bor_c);}
			.talent-btm + .talent-btm>dl:first-child>dd:before{display:none;}

			.esg-area .esg-btm>li>dl>dd{font-size:2rem;}
			.esg-area .esg-btm>li>div{font-size:2.4rem;}

			.overview-gray{padding:3rem 2.5rem; font-size:2.6rem;}
			.overview-gray>div>dl{width:100%;}
			.overview-gray>div>dl>dt{width:13rem;}

			.overview-gray.facility ol>li{width:100%;}
			.overview-gray.facility ol>li>dl>dt{width:12rem;}
			.overview-gray.facility ol>li>dl>dt>span{font-size:2rem;}
			.overview-gray.facility ol>li>dl>dd{font-size:2.4rem;}

			.location-area{}
			.location-area .location-re{width:100%;}
			.location-area .location-re .title{font-size:2.6rem;}
			.location-area .location-re .title>span{font-size:2rem;}
			.location-area .location-re .text,
			.location-area .location-re ._star{font-size:2.2rem;}
			.location-area .location-re .subway{font-size:1.8rem; gap:1rem;}
			.location-area .location-re .subway>span{min-height:4rem;}
			.location-area .location-re .subway>span.line1{width:4rem;}

			.corp-gray{padding:3rem 2.5rem; font-size:2.4rem;}
			.corp-gray>.top-btn>a{font-size:2rem;}

			.corp-mission .corp-mission-re{width:100%;}
			.corp-mission .corp-mission-re>dd{font-size:2.4rem;}

			.corp-core>dl{width:calc((100% - 1.5rem) / 2);}
			.corp-core>dl>dd{font-size:2.6rem;}

		/* support */
			.inq-box>dd{font-size:2.6rem;}
			.inq-box>dd img{width:3rem;}

			.don-info-list>li{width:calc((100% -  1.5rem) / 2); padding:5rem 2rem;}
			.don-info-list>li .title{font-size:2.6rem;}
			.don-info-list>li .text{font-size:2rem;}
			.don-info-list>li .text br{display:none;}

		/* 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:1rem; left: 0%;}
			.history-area #his_progress{margin-left:1rem; left: 0%;}

			.history-area>li{justify-content: start;}
			.history-area .history-in{width:100%; padding:0 2rem 0 5rem !important; text-align: left !important;}
			.history-area .history-in:before{width:2.6rem; height:2.6rem; right:auto !important; left:0 !important;}
			.history-area .history-in>strong{font-size:3.2rem;}

			.history-area .history-in>dl{padding:0 0 0 1.5rem !important; font-size:2.6rem;}
			.history-area .history-in>dl:before{right:auto !important; left: 0 !important;}
			.history-area .history-in>dl>dt{width:8.5rem; order:1 !important;}
			.history-area .history-in>dl>dd{flex:1; order:2 !important;}

		/* 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 */
}
@media only screen and (max-width : 640px){
}

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

display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; -ms-flex-align:center;
display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center;
display: flex; align-items: center; justify-content: center;
display: flex; align-items: center; justify-content: space-between;

display: flex; flex-flow: column wrap; justify-content: space-between;
display: flex; flex-flow: column wrap; justify-content: center;
display: flex; flex-flow: row wrap; justify-content: center;
display: flex; flex-flow: row wrap; justify-content: space-between;

display: flex; justify-content: space-between; // 양쪽 끝 정렬

맨 앞에 정렬
justify-content: flex-start;
​
맨 끝에 정렬
justify-content: flex-end;

가운데 정렬
justify-content: center;

서로 같은 간격으로 박스들이 조정됨.
justify-content: space-between;​

컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨.
justify-content: space-around;


-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%); -webkit-filter:grayscale(100%);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; 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
:first-child
:nth-child(1)
:nth-of-type(1)
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
width:calc(100% / 6);
box-shadow:0 0 1rem rgba(0,0,0,0.2);
*/