@charset "UTF-8";

	.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,

	#mVisual .iconMenu .inConts>a,

	.swiper-button,
	.swiper-pagination-bullet,
	.m-tab>a,
	#quick-right>a,
	.store-area>.store-map .thumb .finding-map-link,
	.store-area>.store-map .thumb .finding-map-link:after,
	/*#quick-right,*/
	#quick-social,
	#main-program .program-list>li>a,
	#mainStrengths .swiper-wrapper .swiper-slide .strengths-text>.btns>button,
	.mainEsg-list>li:hover figure,
	.mainEsg-list>li:hover figure img,
	.tab-three>a,
	.tab-three>a:before,
	.tab-three>a:after,
	.ir-notice .icon,
	.talent-top>li{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 */
	.wideFrame{height: 60rem; position: relative;}
	.wideFrame :where(video, iframe, .g-box){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:56rem;}
	.wideKakao>.root_daum_roughmap .wrap_map{height:100%; position: absolute; left: -1px; right: -1px; top: -1px;}
	.wideKakao .hide{display: none;}

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

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

	.bul-check>li{padding-left:4rem; font-size:2.4rem; line-height:4rem; color: #000; position: relative;}
	.bul-check>li:before{content: ""; width:3rem; height:3.1rem; background:url('/images/bul_30.png') no-repeat left center/3rem; position:absolute; left: 0; top:0.4rem;}
	.bul-check>li+li{margin-top:0.5rem;}

	.bul-check2>li{padding-left:2.3rem; font-size:2rem; line-height:3rem; color: #000; position: relative;}
	.bul-check2>li:before{content: ""; width:1.5rem; height:1rem; background:url('/images/bul_15.png') no-repeat left center/cover; position:absolute; left: 0; top:1rem;}
	.bul-check2>li+li{margin-top:0.8rem;}

	.bul-check2.blue>li:before{filter: brightness(0) saturate(100%) invert(18%) sepia(17%) saturate(7219%) hue-rotate(181deg) brightness(94%) contrast(101%);}

	.check-list{display: flex; flex-flow: row wrap; gap:1rem;}
	.check-list>li{background-color: #fff; border:1px solid #e6e6e6; font-weight: 500; font-size:2.2rem; line-height:3rem; color: #000; position: relative; display: flex; align-items: center; border-radius:1rem; overflow: hidden;}
	.check-list>li:before{content: ""; width:3.9rem; height:100%; background: var(--point) url('/images/bul_16_white.png') no-repeat center center/1.6rem;}
	.check-list>li>div{padding:1.3rem;}
	.check-list.two>li{flex:1 1 calc((100% - 1rem) / 2);}

	.num-box{margin-top:1rem; counter-reset:item;}
	.num-box>li{padding:3rem 0 3rem 4rem; font-weight: 600; font-size:2rem; line-height:1.3; color: #000; position: relative;}
	.num-box>li .small{font-weight: 400; color: #555; display:inline-block;}
	.num-box>li br+.small{margin-top:0.3rem;}
	.num-box>li:before{counter-increment: item; content: counter(item); width:3rem; height:2.5rem; background-color: #848d96; font-weight: bold; font-size:1.7rem; line-height:1; color: #fff; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; position: absolute; left:0; top:3rem; border-radius:0.3rem; overflow: hidden;}
	.num-box>li+li{border-top:1px solid #e6e6e6;}

	.num-box.title>li{padding:0 0 0 4rem; font-size:2.5rem; line-height:1;}
	.num-box.title>li:before{background-color: var(--point2); top:0;}
	.num-box.title>li+li{margin-top:7.5rem; border-top:none;}

	.flex{display: flex !important; gap:0 0.5rem;}
	.flex :where(i, em, b){font-weight: normal; font-style: normal;}
	.flex>*{flex:1;}
	.flex .hold{flex:0 1 auto;}

	.flex.in{display: inline-flex !important;}

	.box-num{padding:4rem 0; background-color: #fff; counter-reset:item; border-radius:1rem; display: flex; align-items: start;}
	.box-num>li{flex:1 1 33.333%;padding:0 4rem; font-weight: 500; font-size:2.2rem; line-height:3.2rem; color: #000; position: relative; display: flex; align-items: start; justify-content: center; gap:1rem;}
	.box-num>li:before{counter-increment: item; content: counter(item); width:3rem; min-width:3rem; height:2.5rem; margin-top:0.3rem; background-color: var(--point2); font-weight: bold; font-size:1.7rem; line-height:1; color: #fff; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; border-radius:0.3rem; overflow: hidden;}
	.box-num>li+li{border-left:1px solid #e6e6e6;}

	.box-num.gray{background-color: #f4f6f8;}

	.caution{padding:2.5rem 1.2rem; background-color: #daf1ff; font-size:2.2rem; line-height:1.3; color: var(--point2); display: flex; flex-flow: row wrap; align-items: center; border-radius:1rem; overflow: hidden;}
	.caution>dt{width:20.4rem; height:3rem; border-right:1px solid #9abdd2; font-weight: 600; display: flex; align-items: start; justify-content: center; gap:0.8rem;}
	.caution>dt figure{}
	.caution>dt figure img{position: relative; top:-0.4rem;}
	.caution>dd{flex:1; padding-left:4rem;}

	.layout-PT{display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; gap:3rem 7rem;}
	.layout-PT .layout-PT_photo{width:calc(50% - 3.5rem);}
	.layout-PT .layout-PT_photo img{width:100%; max-width:none; height:100%; object-fit: cover;}
	.layout-PT .layout-PT_conts{flex:1; font-size:2.4rem; line-height:3.4rem; color: #000;}

	.layout-PT.reverse .layout-PT_photo{order:2;}
	.layout-PT.reverse .layout-PT_conts{order:1;}

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

	.obul>li{padding-left:1.1rem; font-size:2rem; line-height:3rem; color: #555; position: relative;}
	.obul>li:before{content: "·"; position:absolute; left: 0; top:0;}

	.sticky-table{width:100%; font-size:0; line-height:0;}
		.sticky-table>table{width:100%; border-spacing:0; border-collapse: collapse; table-layout : fixed;}
		.sticky-table>table th,
		.sticky-table>table td{padding:1.6rem; background-color: #fff; border-bottom:1px solid #ddd; font-size:2rem; line-height:1.45; color:#666; text-align:center; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}
		.sticky-table>table tr.line>*+*,
		.sticky-table>table tr>*+td{border-left:1px solid #ddd;}

		.sticky-table>table>thead>tr>th{background-color: #848d96; font-weight: 600; color: #fff; position:sticky; top:0;}
		.sticky-table>table>thead>tr>th .small{font-weight: normal; font-size:0.9em; color: #848d96;}
		.sticky-table>table>thead>tr>th:first-child{left:0; z-index:2;}
		.sticky-table>table>thead>tr>th.bg01{background-color: var(--point);}
		.sticky-table>table>thead>tr>th.bg02{background-color: var(--point2);}

		.sticky-table>table>thead>tr>th.bg0{background-color: #f4f6f8;}
		.sticky-table th.bf{background-color: #fff;}

		.sticky-table>table>tbody>tr>th{background-color:#f4f6f8; font-weight: 500; color: #111; position:sticky; left:0; z-index:1;}

		.sticky-table p.state{width:8rem; height:4.2rem; margin:0 auto; background-color: var(--point2); border:1px solid var(--point2); font-weight: 500; font-size:1.8rem; line-height:1; color: #fff; border-radius:99px; display: flex; align-items: center; justify-content: center;}
		.sticky-table p.state.no{background-color: #fff; color: var(--point2);}
		.sticky-table p.state.off{background-color: #f4f6f8; border-color: #f4f6f8; color: #848d96;}

		.sticky-table.black>table th,
		.sticky-table.black>table td{color:#000;}

	.tab-three{width:100%; margin-bottom:5rem; font-size:0; line-height:0; text-align: center; overflow:hidden; display: flex; justify-content: center; gap:0 1rem;}
		.tab-three>a{min-width:19rem; height:6rem; padding:0 2.5rem; background-color:#eee; font-weight: 500; font-size:2.2rem; line-height:1.3; color: #999; border-radius:1rem; display: flex; align-items: center; justify-content: center;}

		.tab-three>a:is(:hover, .active){background-color: var(--point); color: #fff;}

		.tab-three-conts{padding:0 !important; display:none;}

		.tab-three.partners{margin-bottom:0; justify-content: start; gap:0 5rem;}
			.tab-three.partners>a{min-width:auto; height:7rem; padding:0; background-color: transparent; font-size:3rem; color: #555; border-radius:0; display: flex; align-items: start; position: relative;}
			.tab-three.partners>a:before{content: ""; width: 0; height: 0.4rem; background-color: #000; position:absolute; left: 50%; bottom:0px; transform: translateX(-50%); opacity: 0;}

			.tab-three.partners>a:is(:hover, .active){background-color: transparent; font-weight: bold; color: #000;}
			.tab-three.partners>a:is(:hover, .active):before{width: 5rem; opacity:1;}

		.tab-three.partners.ir{justify-content: center; gap:0 4.5rem;}
			.tab-three.partners.ir>a{height:4rem; font-size:2rem; color: #999; position: relative;}
			.tab-three.partners.ir>a:before{height: 0.3rem;}

			.tab-three.partners.ir>a:after{content: attr(data-text); position: absolute; left: 50%; top:0; font-weight: bold; color: #000; opacity: 0; pointer-events: none; white-space: nowrap; transform: translateX(-50%);}

			.tab-three.partners.ir>a:is(:hover, .active){font-weight: 500; color: transparent;}
			.tab-three.partners.ir>a:is(:hover, .active):before{width: 3rem; opacity:1;}
			.tab-three.partners.ir>a:is(:hover, .active):after{opacity: 1;}

/*[e] All 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;}
	.hd_pops_footer .hd_pops_reject::after{position: absolute; content: ''; width: 10px; height: 10px; top: 2px; left: 2px; background-image: url('/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('/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 */
	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);}

	.mGroup{width:100%; margin-bottom:3rem; text-align: center; position: relative;}
	.mGroup>p{font-weight: bold; font-size:2.5rem; line-height:1.5; color: var(--point);}
	.mGroup>h2{font-weight: 800; font-size:5.5rem; line-height:1.3; color: #000;}
	.mGroup>p+h2{margin-top:1rem;}
	.mGroup>div{font-size:2rem; line-height:1.4; color: #666;}
	.mGroup>h2+div{margin-top:2rem;}

	#mainVisual{width:100%; position: relative; overflow:hidden;}
		#mainVisual .visualRoll{display: flex; flex-flow: row nowrap;}
		#mainVisual .visualRoll .swiper-slide{min-width:100%; width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; 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:96rem; object-fit: cover; object-position: center center; transform:scale(1.1);}

		#mainVisual .vTxtArea{width:100%; height:100%; max-width:132rem; margin-left:-66rem; padding:0 2rem; text-align: center; position: absolute; left:50%; top:0; z-index:2; display: flex; align-items: center; justify-content: center;}
		#mainVisual .vTxt{}
		#mainVisual .vTxt .ii{line-height:1.3; color: #fff; top:50px; text-align: center; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word; white-space: normal;}
		#mainVisual .vTxt .i01{transition-delay: 1.3s;}
		#mainVisual .vTxt .i02{transition-delay: 1.35s;}
		#mainVisual .vTxt .i03{transition-delay: 1.4s;}
		#mainVisual .vTxt .i04{transition-delay: 1.45s;}
		#mainVisual .vTxt .i05{transition-delay: 1.5s;}
		#mainVisual .vTxt .i06{transition-delay: 1.55s;}
		#mainVisual .vTxt .i07{transition-delay: 1.6s;}

		#mainVisual .vTxt .ii.cate{font-weight: bold; font-size:2.5rem; line-height:1;}
		#mainVisual .vTxt .ii.title{margin-top:2rem; font-weight: 800; font-size:6rem; line-height:1;}
		#mainVisual .vTxt .ii.text{margin-top:2rem; font-weight: 500; font-size:2.5rem;}
		#mainVisual .vTxt .ii.btn{margin-top:3rem; display: flex; align-items: center; justify-content: center;}
		#mainVisual .vTxt .ii.btn>a{width:20rem; height:5rem; background-color: var(--point); font-size:1.8rem; color: #fff; border-radius:99px; display: flex; align-items: center; justify-content: center}

		#mainVisual .swiper-option{width:100%; max-width:178rem; margin-left:-89rem; padding:0 3rem; text-align: left; position: absolute; left:50%; bottom:12.234%; z-index:5; display:none !important;}
		#mainVisual .swiper-option-in{width:6rem; display: flex; align-items: center; justify-content: space-between;}
		#mainVisual .swiper-option-in img{height:1.2rem;}

		#mainVisual .swiper-button{cursor: pointer;  z-index:7; opacity: 0.6;}
		#mainVisual .swiper-button-prev{left:0;}
		#mainVisual .swiper-button-prev img{transform:rotate(180deg);}
		#mainVisual .swiper-button-next{right:0;}
		#mainVisual .swiper-button:hover{opacity:1;}

		#mainVisual .swiper-pagination{width:100%; max-width:132rem; margin-left:-66rem; padding:0 2rem; text-align: center; position: absolute; left:50%; top:auto; bottom:25rem; z-index:7;}
		#mainVisual .swiper-pagination-bullet{width:17px; height:17px; margin:0 7px; border:1px solid #fff; border-radius:99px; display: inline-block; vertical-align: top; cursor: pointer;}
		#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active{width:54px; background-color:#fff; opacity: 1;}

		#mainVisual .swiper-number{width:100%; max-width:156rem; margin-left:-78rem; padding:0 3rem; font-size:3.2rem; line-height:1; color: #fff; text-align: right; position: absolute; left:50%; bottom:6rem; z-index:6;}
		#mainVisual .swiper-number .n{top:-1.5rem; position: relative;}
		#mainVisual .swiper-number .l{top:-0.3rem; position: relative;}
		#mainVisual .swiper-number .t{}

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

		.scroll-motion{width:6rem; margin-left:-3rem; text-align: center; position: absolute; left: 50%; bottom: 0; z-index: 7; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; gap:1rem; animation-duration: 1.2s; animation-iteration-count:infinite; animation-name: scroll-down; animation-direction:alternate;}
		.scroll-motion>dt{font-weight: 600; font-size:1.6rem; line-height:1; color: #fff;}
		.scroll-motion>dd{width:1px; height:13rem; background-color: #fff; }
		@keyframes scroll-down {
			from {bottom:0;}
			to {bottom: -3rem;}
		}

	#mainProduct{padding:15rem 0;}
		#mainProduct .mainProduct-swiper{width:100%; position: relative;}
		#mainProduct .mainProduct-swiper .swiper-wrapper{width: 100%; height: 100%; display: flex; box-sizing: content-box;}
		#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide{flex-shrink: 0; width:30.2rem; margin-right:2.4rem; position: relative; overflow:hidden; display:inline-block; vertical-align: top; border-radius:1rem; cursor: default; box-shadow:1rem 1rem 1rem rgba(7,9,7,0.1);}
		#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide:before{content: ""; width: 100%; height: 100%;position: absolute; left:0; bottom:0;
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,02283f+100&0+0,1+100 */
			background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
		#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide:last-child {margin-right:0;}
		#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide .thumb{overflow: hidden;}
		#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide .thumb>img{width:100%; height:100%; object-fit: cover; display:block;}

		#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide .text-box{padding:5.5rem 3rem 0; color: #fff; position: absolute; left:0; top:0; bottom:0;}
		#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide .cate{padding-bottom:1.6rem; font-size:1.8rem; line-height:1; position: relative;}
		#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide .cate:before{content: ""; width: 2.2rem; height: 2px; background-color: #fff; display: inline-block; position:absolute; left: 0; bottom:0px;}
		#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide .title{margin-top:7rem; font-weight: bold; font-size:2.5rem; line-height:1;}
		#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide .text{margin-top:1.5rem; font-size:1.8rem; line-height:2.6rem; opacity: 0.8;}

		#mainProduct .swiper-pagination-progressbar{width:100%; height:3px; margin-top:30px; background-color:rgba(0,0,0,0.3); position: relative; left:0; top:0; border-radius:99px; overflow: hidden;}
		#mainProduct .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{width: 100%; height: 100%; background-color:var(--point); border-radius:99px; position: absolute; left: 0; top: 0; transform-origin: left top;}

	#mainBox{display: flex;}
		#mainBox>a{flex:1; position: relative;}
		#mainBox .thumb{height:48rem; overflow: hidden;}
		#mainBox .thumb>img{width:100%; height:100%; object-fit: cover; display:block;}

		#mainBox .text-box{width:100%; padding:0 3rem; color: #fff; text-align: center; position: absolute; left:0; top:0; bottom:0; z-index:2; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; gap:1.5rem 0;}
		#mainBox .cate{font-size:1.8rem; line-height:1; color: var(--point); position: relative;}
		#mainBox .title{font-weight: 800; font-size:3.5rem; line-height:1;}
		#mainBox .text{font-size:2rem; line-height:2.8rem;}
		#mainBox .btn{margin-top:1rem; display: flex; align-items: center; justify-content: center;}
		#mainBox .btn>em{width:12rem; height:5rem; border:1px solid #fff; font-style: normal; font-size:1.8rem; line-height:1; color: #fff; border-radius:99px; display: flex; align-items: center; justify-content: center}

	:root{
		--container: 132rem; /* .inConts의 max-width */
		--gutter: 2rem;      /* .inConts 좌우 패딩 있으면 여기에 넣기 (예: 2rem) */
	}
	#mainPhilosophy{padding:22rem 0; background: url('/images/main/bg_mainPhilosophy.jpg') no-repeat center center / cover;}
		#mainPhilosophy>.inConts{display: flex; align-items: center; gap:3rem 8rem; overflow: visible;}
		#mainPhilosophy>.inConts:before{content: "OUR PHILOSOPHY"; font-weight: 800; font-size:17rem; line-height:0.8; color: transparent; white-space: nowrap; position:absolute; left: 0; top:-3rem; -webkit-text-stroke: 1px #fff; opacity: 0.15;}
		#mainPhilosophy .title-area{width:36rem; min-width:36rem;}
		#mainPhilosophy .title-area>dl{color: #fff;}
		#mainPhilosophy .title-area>dl>dt{font-weight: bold; font-size:5.5rem; line-height:1;}
		#mainPhilosophy .title-area>dl>dd{margin-top:2rem; font-size:2rem; line-height:2.8rem;}
		#mainPhilosophy .title-area .btns{margin-top:4rem; display: flex; gap:1rem;}

		#mainPhilosophy .right{width: calc(100% - 44rem)}
		#mainPhilosophy .mainPhilosophy-swiper{width: calc(100% + max(0px, calc(((100vw - var(--sbw, 0px)) - var(--container)) / 2) + var(--gutter))); position: relative; overflow: hidden; /*right:calc(-1 * (((100vw - 20px) - 132rem) / 2));*/}
		#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper{width: 100%; height: 100%; display: flex; box-sizing: content-box;}
		#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide{flex-shrink: 0; width:40rem; margin-right:4rem; position: relative; overflow:hidden; display:inline-block; vertical-align: top; border-radius:1rem; cursor: default;}
		#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide:last-child {margin-right:0;}
		#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide .thumb{aspect-ratio:400/250; overflow: hidden;}
		#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide .thumb>img{width:100%; height:100%; object-fit: cover; display:block;}
		#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide .text-box{min-height:25rem; padding:3rem 3.5rem; background-color: #09314b; line-height:1; color: #fff;}
		#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide .cate{font-weight: bold; font-size:1.8rem;}
		#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide .title{margin-top:2.5rem; font-weight: bold; font-size:3rem;}
		#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide .text{margin-top:1.5rem; font-weight: 500; font-size:2rem; line-height:1.4;}

		#mainPhilosophy .swiper-pagination-progressbar{width:100%; height:3px; margin-top:30px; background-color:rgba(255,255,255,0.3); position: relative; left:0; top:0; border-radius:99px; overflow: hidden;}
		#mainPhilosophy .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{width: 100%; height: 100%; background-color:var(--point); border-radius:99px; position: absolute; left: 0; top: 0; transform-origin: left top;}

		#mainPhilosophy .swiper-button.swiper-button{width:7rem; cursor: pointer;}
		#mainPhilosophy .swiper-button.swiper-button-disabled{opacity: 0.3; cursor: default;}

	#mainEsg{background-color:#f4f6f8;}
		#mainEsg>.inConts{padding:22rem 2rem; background: url('/images/main/bg_mainEsg.png') no-repeat center center;}
		.mainEsg-list{margin-top:6rem; display: flex; flex-flow: row wrap; align-items: start; justify-content: space-around; gap:5rem 0rem;}
		.mainEsg-list>li{text-align: center;}
		.mainEsg-list figure{width:17rem; height:17rem; background-color: #fff; box-shadow:0 1rem 1rem rgba(7,9,7,0.1); border-radius:999px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center;}
		.mainEsg-list img[src*="icon_mainEsg01"]{width:7rem;}
		.mainEsg-list img[src*="icon_mainEsg02"]{width:7.3rem;}
		.mainEsg-list img[src*="icon_mainEsg03"]{width:4.9rem;}
		.mainEsg-list img[src*="icon_mainEsg04"]{width:5.8rem;}
		.mainEsg-list img[src*="icon_mainEsg05"]{width:6rem;}
		.mainEsg-list dl{margin-top:3rem;}
		.mainEsg-list dl>dt{font-weight: 600; font-size:2.5rem; line-height:1; color: #000;}
		.mainEsg-list dl>dd{margin-top:1rem; font-size:1.8rem; line-height:1.3; color: #999;}

		html.sub .mainEsg-list figure{background-color: #f4f6f8;}
		html.sub .mainEsg-list dl>dd{color: #555;}

		html:not(.sub) .mainEsg-list>li:hover figure{background-color: var(--point);}
		html:not(.sub) .mainEsg-list>li:hover figure img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

	#mainNews{padding:15rem 0; background:#fff url('/images/main/bg_mainNews.jpg') no-repeat left top / 46%;}
		#mainNews img[src*="icon_mainNews01"]{width:3.8rem;}
		#mainNews img[src*="icon_mainNews02"]{width:2.3rem;}
		#mainNews .mGroup{text-align: left;}

		#mainNews .main-news-swiper{width:100%; margin-top:4.5rem; position: relative;}
		#mainNews .main-news-swiper .swiper-wrapper{width: 100%; height: 100%; display: flex; box-sizing: content-box;}
		#mainNews .main-news-swiper .swiper-wrapper .swiper-slide{flex-shrink: 0; width:30.2rem; height:34rem; margin-right:2.4rem; padding:4rem 2rem; background-color: #f4f6f8; position: relative; border-radius:1rem; overflow:hidden; display:inline-block; vertical-align: top;}
		#mainNews .main-news-swiper .swiper-wrapper .swiper-slide:last-child{margin-right:0;}
		#mainNews .main-news-swiper .swiper-wrapper .swiper-slide .cate{padding:0.2rem 1.5rem 0; height:3.4rem; background-color: var(--point); font-weight: 600; font-size:1.8rem; line-height:0.8; color: #fff; display: inline-flex; align-items: center; justify-content: center; border-radius:99px;}
		#mainNews .main-news-swiper .swiper-wrapper .swiper-slide .title{margin-top:2rem; font-weight: 600; font-size:2.2rem; line-height:1.1; color: #000; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
		#mainNews .main-news-swiper .swiper-wrapper .swiper-slide .text{height:11rem; margin-top:2.5rem; padding-top:2.5rem; border-top:1px solid #e6e6e6; font-size:1.8rem; line-height:2.8rem; color: #555; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
		#mainNews .main-news-swiper .swiper-wrapper .swiper-slide .data{margin-top:2rem; font-size:1.8rem; line-height:2.8rem; color: #999;}

		#mainNews .more{width:15rem; height:5rem; background-color: #fff; border:1px solid #555; font-weight: 500; font-size:2rem; line-height:1; color: #555; position: absolute; right:0; bottom:0; display: inline-flex; align-items: center; justify-content: center; gap:0 0.3rem; border-radius:999px;}

		#mainNews .mainNews-two{margin-top:2.4rem; display: flex; flex-flow: row wrap; justify-content: space-between; gap:2.4rem;}
		#mainNews .mainNews-two>dl{width:calc((100% - 2.4rem) / 2); background-color: #f4f6f8; display: flex; align-items: center; border-radius:1rem; overflow: hidden;}
		#mainNews .mainNews-two>dl>dt{width:16rem; height:8.5rem; background-color: #0d5888; display: flex; align-items: center; justify-content: center; gap:0 0.8rem;}
		#mainNews .mainNews-two>dl>dt>strong{font-weight: 600; font-size:2.2rem; line-height:1; color: #fff;}
		#mainNews .mainNews-two>dl+dl>dt{background-color: #09314b;}

		#mainNews .mainNews-two>dl>dd{flex:1;}
		#mainNews .mainNews-two>dl>dd a{padding:2.4rem 2rem; font-size:1.8rem; line-height:2.8rem; color: #999; display: flex; align-items: center; justify-content: space-between; gap:0 1.5rem;}
		#mainNews .mainNews-two>dl>dd a>strong{flex:1; font-weight: 600; font-size:2rem; color: #000; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
		#mainNews .mainNews-two>dl>dd a>span{white-space: nowrap;}

	#mainBanner{padding:11rem 0; background:url('/images/main/bg_mainBanner.jpg') no-repeat center center / cover;}
		#mainBanner>.inConts{display: flex; flex-flow: column nowrap; align-items: center; gap:3rem 0;}
		#mainBanner dl{font-weight: bold; font-size:3.5rem; line-height:4.5rem; color: #fff; text-align: center;}
		#mainBanner dl>dd{margin-top:1rem; font-weight: 500; font-size:2rem; line-height:3rem;}
		#mainBanner .more{width:21rem; height:5rem; border:1px solid #fff; font-weight: 500; font-size:2rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; gap:0 0.3rem; border-radius:999px;}
		#mainBanner .more>span{}
/*[e] Main Style */

/*[s] Sub Style */
	.sGroup{width:100%; margin-bottom:4rem; font-size:2rem; line-height:1; color:#fff; text-align: center; position: relative;}
	.sGroup>p{}
	.sGroup>h2{font-weight: bold; font-size:4rem;}
	.sGroup>p+h2{margin-top:1.5rem;}
	.sGroup>div{line-height:3rem;}
	.sGroup>h2+div{margin-top:2rem;}
	.sGroup>h2+p{margin-top:1rem;}

	.sGroup.line:before{content: ""; width: 1px; height: 10rem; margin-left:-0.5px; background-color: #d0d1d3; display: inline-block; position:absolute; left: 50%; top:-12rem;}

	.sGroup.black{color:#000;}
	.sGroup.black p[data-font="Play"]{color: #555;}

	.sub-title{text-align: center;}
		.sub-title p{font-weight: 800; font-size:5rem; line-height:6rem; color: #000;}
		.sub-title p[data-font="Play"]{font-weight: bold; font-size:4rem; line-height:1;}
		.sub-title div{margin-top:1rem; font-size:2rem; line-height:3rem; color: #555;}

	.sub-visual{height:46rem; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; border-radius:1rem;}
		.sub-visual>dl{color: #fff; text-align: center;}
		.sub-visual>dl>dt{font-weight: 600; font-size:3rem; line-height:4rem;}
		.sub-visual>dl>dt>p{margin-bottom:1rem; font-weight: 800; font-size:5rem; line-height:1;}
		.sub-visual>dl>dd{margin-top:2rem; font-weight: 500; font-size:2rem; line-height:3rem;}

		.sub-visual.vision{background-image:url('/images/sub/bg_vision.jpg')}

	.ceo-area{display: flex; flex-flow: row wrap; align-items: start; justify-content: space-between;}
		.ceo-area>figure{width:47%; text-align: center; border-radius:1rem; overflow: hidden;}
		.ceo-area>.text-area{width:calc(100% - 47%); padding-left:7rem;}
		.ceo-area>.text-area .title{font-weight: bold; font-size:3rem; line-height:4rem; color: #000;}
		.ceo-area>.text-area .text{margin-top:2.5rem; font-size:2rem; line-height:3rem; color: #555;}
		.ceo-area>.text-area .text>p+p{margin-top:1rem;}
		.ceo-area>.text-area .name{margin-top:3.5rem; font-weight: bold; font-size:2.2rem; line-height:1; color: #000;}
		.ceo-area>.text-area .name>span{padding:0 1.5rem 0 0.5rem;}

	.overview-area{}
		.overview-area>figure{border-radius:1rem; overflow: hidden;}
		.overview-area>figure img{width:100%; max-width:none; height:46rem; object-fit: cover; object-position: left center;}
		.overview-area .title{margin-top:7rem; font-weight: 600; font-size:3rem; line-height:1.3; color: #000;}
		.overview-area .info{margin-top:1rem; display: flex; flex-flow: row wrap; justify-content: space-between; gap:0 6rem;}
		.overview-area .info>dl{width:calc((100% - 6rem) / 2); padding:2.5rem 0; font-weight: 500; font-size:2rem; line-height:3rem; color: #000; display: flex; flex-flow: row wrap; align-items: start;}
		.overview-area .info>dl>dt{width:10rem; color: #555;}
		.overview-area .info>dl>dd{flex:1;}
		.overview-area .info>dl:nth-child(n+3){border-top:1px solid #e6e6e6;}

		.overview-area .info>dl.w160>dt{width:16rem;}

		.overview-area.partners .title{margin-top:11rem; display: flex; align-items: center; gap:0 0.7rem;}
		.overview-area.partners .title img[src*="icon_juso"]{width:2.2rem;}

	.history-visual{height:28rem; background:url('/images/sub/img_history.jpg') no-repeat center center/cover; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; border-radius:1rem;}
		.history-visual>dl{color: #fff; text-align: center;}
		.history-visual>dl>dt{font-weight: bold; font-size:5rem; line-height:1;}
		.history-visual>dl>dd{margin-top:1.5rem; font-weight: 500; font-size:2rem; line-height:1.4;}

		.history-title{margin:9rem 0 10rem; text-align: center;}
		.history-title>dt{}
		.history-title>dt img{height:5.5rem;}
		.history-title>dd{margin-top:2rem; font-weight: 500; font-size:2.4rem; line-height:1.3; color: #444;}

		.history-area{margin-top:8rem; 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 0 0 12rem; 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: bold; font-size:4.2rem; line-height:1; color: var(--point); display:block;}
		.history-area .txt_wrap{margin-top:3rem; display: flex; justify-content: flex-start;}
		.history-area .txt_wrap p{font-size:2rem; line-height:3rem; color: #666; text-align: left; position: relative; display: flex; gap:0 0.7rem;}
		.history-area .txt_wrap p>strong{font-weight: 500; color: #333;}
		.history-area .txt_wrap p>strong:before,
		.history-area .txt_wrap p>strong:after{content: "·"; padding-right:0.7rem; display:inline-block;}
		.history-area .txt_wrap p>strong:after{padding:0 0 0 0.7rem;}
		.history-area .txt_wrap p>strong:before{display:none;}
		.history-area .txt_wrap p+p{margin-top:0.5rem;}

		.history-area .txt_wrap>p+p{margin-top:1rem;}

		.history-area>li .thumb{width:50%; margin-top:0; padding:0 12rem 0 0; position: relative; order:1;}
		.history-area>li .thumb img{width:100%; max-height:35rem; object-fit:cover; object-position: center center;}

		.history-area>li:nth-child(even){text-align: left;}
		.history-area>li:nth-child(even) .history-in{padding:0 12rem 0 0; 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{padding:0 0 0 12rem; order:2;}
		.history-area>li:nth-child(even) .thumb img{left:12rem; right:0;}
		.history-area>li:nth-child(even) .txt_wrap{justify-content: flex-end;}
		.history-area>li:nth-child(even) .txt_wrap p{justify-content: flex-end; text-align: right;}
		.history-area>li:nth-child(even) .txt_wrap p>strong{order:2;}
		.history-area>li:nth-child(even) .txt_wrap p>strong:after{display:none;}
		.history-area>li:nth-child(even) .txt_wrap p>strong:before{display:inline-block;}

	.bigSwiper{width:100%; position: relative; overflow:hidden;}
		.bigSwiper .swiper-wrapper{display: flex; flex-flow: row nowrap;}
		.bigSwiper .swiper-wrapper .swiper-slide{min-width:100%; width:100%; font-size:0; line-height:0; position: relative; overflow:hidden; display:flex; vertical-align: top;}
		.bigSwiper .swiper-wrapper .swiper-slide figure{aspect-ratio:1280/720;}
		.bigSwiper .swiper-wrapper .swiper-slide img{width:100%; height:100%; max-width:none; object-fit: cover;}

		.bigSwiper .tour-text{width:100%; display: flex; flex-flow: row wrap; position: absolute; left:0; bottom:0; z-index:7;}
		.bigSwiper .tour-text>dt{width:25rem; background-color: var(--point); font-weight: bold; font-size:3rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; position: relative;}
		.bigSwiper .tour-text>dt:before{content: ""; width: 0; height: 0; margin-top:-1rem; border:0 solid transparent; border-left:1rem solid var(--point); border-top-width:1rem; border-bottom-width:1rem; display: inline-block; position:absolute; right: -1rem; top:50%;}
		.bigSwiper .tour-text>dd{flex:1; min-height:10rem; padding:2rem 5rem; background-color: rgba(0,0,0,0.3); font-weight: 500; font-size:2.2rem; line-height:3.2rem; color: #fff; display: flex; align-items: center;}

		.bigSwiper .swiper-button{margin-top:-2.5rem; cursor: pointer; position: absolute; top:50%; z-index:7;}
		.bigSwiper .swiper-button-prev{left:2rem;}
		.bigSwiper .swiper-button-next{right:2rem;}

		.bigSwiper .swiper-pagination{width:100%; text-align: center; position: absolute; left:0; top:auto; bottom:14rem; z-index:7;}
		.bigSwiper .swiper-pagination-bullet{width:16px; height:16px; margin:0 0.7rem; background-color:#fff; border-radius:99px; display: inline-block; vertical-align: top; cursor: pointer; opacity: 0.5;}
		.bigSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width:55px; background-color: var(--point); opacity: 1;}

		.bigSwiper .swiper-pagination.thumb{bottom:5rem; font-size:0; line-height:0;}
		.bigSwiper .swiper-pagination.thumb .swiper-pagination-bullet{width:10rem; height:6.8rem; margin:0; background-color: transparent; border-radius:0; display: inline-block; vertical-align: top; cursor: pointer; opacity:1; position: relative;}
		.bigSwiper .swiper-pagination.thumb .swiper-pagination-bullet:before{content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); display: inline-block; position:absolute; left: 0; top:0px;}
		.bigSwiper .swiper-pagination.thumb .swiper-pagination-bullet img{width:100%; max-width:none; height:100%; object-fit: cover; display:block;}
		.bigSwiper .swiper-pagination.thumb .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:transparent; border:1px solid #fff;}

		.bigSwiper.partners .swiper-button-prev{left:11rem;}
		.bigSwiper.partners .swiper-button-next{right:11rem;}

		.full-area .bigSwiper{max-width:1920px; margin:0 auto;}

	.smallSwiper{width:100%; margin-top:2rem; position: relative; overflow:hidden;}
		.smallSwiper .swiper-wrapper{width: 100%; height: 100%; display: flex; box-sizing: content-box;}
		.smallSwiper .swiper-wrapper .swiper-slide{flex-shrink: 0; width:36.6rem; margin-right:2rem; font-size:0; line-height:0; position: relative; overflow:hidden; display:flex; vertical-align: top;}
		.smallSwiper .swiper-wrapper .swiper-slide:before{content: ""; width: 100%; height: 100%; background-color:var(--point);  display: inline-block; position:absolute; left: 0; top:0px; opacity: 0.6;}
		.smallSwiper .swiper-wrapper .swiper-slide:last-child {margin-right:0;}
		.smallSwiper .swiper-wrapper .swiper-slide figure{aspect-ratio:366/206;}
		.smallSwiper .swiper-wrapper .swiper-slide img{width:100%; height:100%; max-width:none; object-fit: cover;}

		.smallSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:before{opacity: 0;}

	.location-info{margin-top:6rem; display: flex; flex-flow: row wrap; align-items: center; position: relative;}
		.location-info>dt{width:29.5rem; display: flex; flex-flow: column nowrap; justify-content: center;}
		.location-info>dt>strong{font-weight: bold; font-size:4rem; line-height:5rem; color: #000;}
		.location-info>dt>span{font-size:2.2rem; line-height:3.2rem; color: #555;}

		.location-info>dd{flex:1; font-size:2.5rem; line-height:3.5rem; display: flex; flex-flow: column nowrap; justify-content: center;}
		.location-info>dd>strong{font-weight: 600; color: #000;}
		.location-info>dd>p{margin-top:0.5rem; color: #555;}

		.location-info a.goMap{width:22rem; height:6rem; border:1px solid #555; font-weight: 500; font-size:2rem; line-height:1; color: #555; border-radius:99px; display: flex; align-items: center; justify-content: center; gap:0 0.5rem; position: absolute; right:0; top:0;}

	.product{}
		.product-top{display: flex; flex-flow: row wrap;}
		.product-top figure{width:50%;}
		.product-top figure img{width:100%; height:100%; max-width:none; object-fit: cover;}
		.product-top .text-box{width:50%; padding:3rem; background-color: #fff; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;}
		.product-top .text-box>*{width:100%; max-width:50rem;}
		.product-top .text-box .title{font-weight: 600; font-size:3rem; line-height:1; color: #000;}
		.product-top .text-box .obul{margin-top:3.5rem; padding-top:3rem; border-top:1px solid #e6e6e6;}

		.product-layout{padding:12rem 0; display: flex; flex-flow: column nowrap; gap:12rem 0;}
		.product-layout>li{display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;}
		.product-layout figure{width:46%; border-radius:1rem; overflow: hidden; box-shadow:0 1rem 1rem rgba(0,0,0,0.1);}
		.product-layout .text-box{width:46%; display: flex; flex-flow: column nowrap;}
		.product-layout .text-box .title{font-weight: 600; font-size:3.5rem; line-height:1.4; color: #000;}
		.product-layout .text-box .title>p{font-weight: normal; font-size:2rem; color: #999;}
		.product-layout .text-box .text{margin-top:2.5rem; padding-top:3rem; border-top:1px solid #e6e6e6; font-size:2rem; line-height:3rem; color: #555;}

		.product-layout>li:nth-child(even) figure{order:2;}
		.product-layout>li:nth-child(even) .text-box{order:1;}

		.product-img{display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; gap:8rem 0;}
		.product-img>li{width:47%;}
		.product-img figure{border-radius:1rem; overflow: hidden;}

	.partners{}
		.partners-top{padding:8rem 3rem 7.5rem 35rem; background-color: #f4f6f8; position: relative;}
		.partners-top .title{width:28rem; height:28rem; padding:7rem 0 0 3rem; background:url('/images/sub/bg_partners_title.jpg') no-repeat center center/cover; display: flex; flex-flow: column nowrap; position: absolute; left:0; bottom:-6rem;}
		.partners-top .title>dt{font-weight: bold; font-size:2.2rem; line-height:1; color: #fff;}
		.partners-top .title>dd{margin-top:2.5rem; font-weight: 500; font-size:4rem; line-height:5rem; color: #fff;}

		.partners-top .text{}
		.partners-top .text>dt{font-weight: bold; font-size:4rem; line-height:1; color: #000;}
		.partners-top .text>dd{margin-top:2rem; font-size:1.8rem; line-height:2.8rem; color: #555;}

	.ir-notice{border-top:2px solid #000;}
		.ir-notice img[src*="/images/icon_reply"]{width:2rem;}
		.ir-notice img[src*="/images/icon_down"]{width:1.3rem;}

		.ir-notice>li{border-bottom:1px solid #ddd;}
		.ir-notice :where(.ir-notice_top, .ir-notice_btm){font-size:1.8rem; line-height:1.5; color: #555; display: flex; align-items: center; justify-content: space-between;}
		.ir-notice .num,
		.ir-notice .icon,
		.ir-notice .ir-notice_btm:before,
		.ir-notice .ir-notice_btm:after{content: ""; width:10rem; height:100%; display: flex; align-items: center; justify-content: center;}

		.ir-notice .subject,
		.ir-notice .ir-notice_btm>a{flex:1; min-height:8rem; padding: 0 5rem; border-left:1px solid #ddd; border-right:1px solid #ddd; display: flex; align-items: center; gap:0 1rem;}

		.ir-notice .icon{font-size:1.5em; position: relative;}

		.ir-notice .ir-notice_btm{background-color:#f4f6f8; border-top:1px solid #ddd; font-weight: 500; color: #000; display:none; animation:display-block .3s cubic-bezier(.25,.46,.45,.94) both 0s; opacity: 0;}
		.ir-notice .ir-notice_btm .down{width:9rem; height:3rem; background-color:var(--point); font-weight: 300; font-size:1.4rem; line-height:1; color: #fff; display: flex; align-items: center; justify-content: center; gap:0.6rem; border-radius:0.3rem;}

		.ir-notice>li.active .icon{color: var(--point); transform:rotate(-180deg);}
		.ir-notice>li.active .ir-notice_btm{display: flex;}

		@keyframes display-block{
			0% {opacity: 0;}
			100% {opacity: 1;}
		}

	.talent-top{border-top:1px solid rgba(255,255,255,0.15); border-left:1px solid rgba(255,255,255,0.15); display: flex; flex-flow: row wrap;}
		.talent-top>li{width:calc(100% / 4); padding:4.5rem 2rem; border-bottom:1px solid rgba(255,255,255,0.15); border-right:1px solid rgba(255,255,255,0.15); text-align: center; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;}
		.talent-top>li figure{width:100%; height:14rem; display: flex; align-items: center; justify-content: center;}
		.talent-top>li img[src*="/images/sub/icon_talent01_01"]{width:7rem;}
		.talent-top>li img[src*="/images/sub/icon_talent01_02"]{width:7.1rem;}
		.talent-top>li img[src*="/images/sub/icon_talent01_03"]{width:8rem;}
		.talent-top>li img[src*="/images/sub/icon_talent01_04"]{width:5.5rem;}
		.talent-top>li dl{color: #fff;}
		.talent-top>li dl>dt{font-weight: 600; font-size:2.5rem; line-height:1;}
		.talent-top>li dl>dt>p{margin-top:1rem; font-weight: 400; font-size:2rem; opacity: 0.3;}
		.talent-top>li dl>dd{margin-top:2rem; font-size:2rem; line-height:3rem;}

		.talent-top>li:hover{background-color:var(--point)}

		.talent-Benefits{border-top:2px solid #000; display: flex; flex-flow: row wrap;}
			.talent-Benefits>li{width:calc(100% / 2); padding:3rem 0; border-bottom:1px solid #e6e6e6; display: flex; flex-flow: row wrap; align-items: center;}
			.talent-Benefits>li:nth-child(2n){border-left:1px solid #e6e6e6;}
			.talent-Benefits>li:nth-child(4n + 3),
			.talent-Benefits>li:nth-child(4n + 4){background-color: #f4f6f8;}

			.talent-Benefits>li figure{width:15.5rem; display: flex; align-items: center; justify-content: center;}
			.talent-Benefits>li img[src*="/images/sub/icon_talent02_01"]{width:5.7rem;}
			.talent-Benefits>li img[src*="/images/sub/icon_talent02_02"]{width:6.1rem;}
			.talent-Benefits>li img[src*="/images/sub/icon_talent02_03"]{width:6rem;}
			.talent-Benefits>li img[src*="/images/sub/icon_talent02_04"]{width:5.4rem;}
			.talent-Benefits>li img[src*="/images/sub/icon_talent02_05"]{width:6.5rem;}
			.talent-Benefits>li img[src*="/images/sub/icon_talent02_06"]{width:6rem;}

			.talent-Benefits>li dl{flex:1; padding-right:3rem;}
			.talent-Benefits>li dl>dt{font-weight: 600; font-size:2.2rem; line-height:3.2rem; color: #000;}
			.talent-Benefits>li dl>dd{margin-top:0.5rem; font-size:2rem; line-height:3rem; color: #555;}

		.talent-Culture{display: flex; flex-flow: row wrap; gap:2.8rem;}
			.talent-Culture>li{width:calc((100% - 8.4rem) / 4); display: flex; flex-flow: column nowrap; border-radius:1rem; overflow: hidden;}

			.talent-Culture>li figure{display: flex; align-items: center; justify-content: center;}
			.talent-Culture>li figure img{width:100%; max-width:none; display:block;}

			.talent-Culture>li dl{min-height:17rem; padding:2.5rem 2rem; background-color: #fff;}
			.talent-Culture>li dl>dt{font-weight: 600; font-size:2.2rem; line-height:3.2rem; color: #000;}
			.talent-Culture>li dl>dd{margin-top:0.5rem; font-size:2rem; line-height:3rem; color: #555;}

	/* 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 !important;}
		.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:0 7rem 0 7rem;}
		.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:0 7rem 0 7rem; position: relative; z-index:2;}
		.etc_clause .logo{margin:0;}
		.etc_clause .logo img{}
		.etc_clause .txt{padding:30px 0 55px; font-weight: 300; font-size:2rem; line-height:1; color: #666;}
		.etc_clause .txt>span{font-weight: 500; color: #000;}

		.clause-style{}
		.clause-style .logo img{height:6rem;}
		.clause-style .scroll{max-height:30rem; font-size:1.8rem; line-height:1.45; color: #666; overflow: hidden; overflow-y: auto;}
		.clause-style .scroll{text-align: left;}
		.clause-style .scroll>p{margin:4rem 0 1rem;}
		.clause-style .scroll>p:first-child{margin-top:0rem;}
		.clause-style .scroll>p>strong{font-weight: 700; font-size:1.2em; color: #000; display:inline-block;}
		.clause-style .scroll *+p>strong{}

		.clause-style .scroll ol{margin-top:1rem;}
		.clause-style .scroll ol>li{padding-left:2rem; text-indent: -2rem;}
		.clause-style .scroll ol>li>ol{margin-top:0rem;}
		.clause-style .scroll ol ul,
		.clause-style .scroll ol ol{margin:0.3rem 0 1rem;}

		.clause-style .scroll ul>li{padding-left:1.2rem; text-indent: -1.2rem;}

		.clause-style .scroll .kr>li{padding-left:2.2rem; text-indent: -2.2rem;}
		.clause-style .scroll .kr>li>strong{font-weight: 600; color:#333;}
		.clause-style .scroll .kr.mt>li+li{margin-top:2rem;}

		.clause-style .scroll .num>li{padding-left:1.8rem; text-indent: -1.8rem;}


		.etc_select{width:90%; margin:0 auto 2rem; text-align: right;}
		.etc_select select.base{width:auto;}
/*[e] Sub Style */

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

	.layer-base.fancybox__content>.carousel__button.is-close{width:4rem; height:4rem; background-color: var(--point2); top:0rem !important; right:0rem; border-radius:0 1rem 0 1rem; overflow: hidden;}
	.layer-base.fancybox__content>.carousel__button.is-close svg{width:50%; height:50%; 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{}
	.layer-base h2{padding-bottom:2rem; border-bottom:2px solid #555; font-weight: bold; font-size:3.5rem; line-height:1.3; color: #000;}
	.layer-base h2>strong{font-weight: bold;}
	.layer-base *+h2{margin-top:7.5rem;}

	.layer-base .etc_clause{width:100%;}
	.layer-base .etc_clause .etc_clause_in {border-radius: 1rem;}

	#priPop-lay{max-width:102.4rem;}

	.lay-doctor{width:100%; max-width:128rem;}
		.lay-doctor .layer-in{padding:0; background-color: #fff; border-radius:1rem; overflow: hidden;}
		.lay-doctor .lay-doctor-top{padding:7rem 6rem 0; background-color: #f4f6f8; border-radius:1rem; overflow: hidden; display: flex; flex-flow: row wrap; justify-content: space-between; gap:0 5%;}
		.lay-doctor .lay-doctor-top>figure{width:42%; max-width:42rem; display: flex; align-items:end; justify-content: center;}
		.lay-doctor .lay-doctor-top .info-conts{width:53%; padding-bottom:7rem;}
		.lay-doctor .lay-doctor-top .info-conts .name{display: flex; flex-flow: row wrap; align-items: end; gap:1rem 2rem;}
		.lay-doctor .lay-doctor-top .info-conts .name>dt{font-weight: 800; font-size:5rem; line-height:6rem; color: #000;}
		.lay-doctor .lay-doctor-top .info-conts .name>dd{font-weight: 600; font-size:2.2rem; line-height:3.2rem; color: #222;}

		.lay-doctor .lay-doctor-top .info-conts .department{margin-top:3.5rem; padding-top:5rem; border-top:2px solid #000; display: flex; flex-flow: column nowrap; gap:1.5rem;}
		.lay-doctor .lay-doctor-top .info-conts .department>dt{font-weight: bold; font-size:2.5rem; line-height:3.5rem; color: var(--point2);}
		.lay-doctor .lay-doctor-top .info-conts .department>dd{display: flex; flex-flow: row wrap; gap:1rem;}
		.lay-doctor .lay-doctor-top .info-conts .department>dd>p{height:4.2rem; padding:0 2rem; background-color: #e6ecf0; font-weight: 500; font-size:1.8rem; line-height:1; color: var(--point2); white-space: nowrap; display: flex; align-items: center; justify-content: center; border-radius:99px;}

		.reservation-btn{display: flex; flex-flow: row wrap; gap:1rem;}
		.reservation-btn>a{min-width:18rem; height:5.5rem; padding:0 3rem; background-color: var(--point2); font-weight: 500; font-size:1.8rem; line-height:1; color: #fff; white-space: nowrap; display: flex; align-items: center; gap:1rem; border-radius:1rem;}
		.reservation-btn>a figure img{width:2.2rem;}
		.reservation-btn>a.naver{background-color: #00c13a;}

		.reservation-btn.end{justify-content: end;}

		.lay-doctor .lay-doctor-top .info-conts .reservation-btn{margin-top:6rem;}

		.lay-doctor .lay-doctor-conts{padding:7.5rem 6rem;}
/*[e] Plugin Style */


@media only screen and (max-width : 1320px){
	#mainVisual .vTxtArea,
	#mainVisual .swiper-pagination{margin-left:0; left:0;}
}
@media only screen and (max-width : 1280px){
	/*[s] Main Style */
	/*[e] Main Style */

	/*[s] Sub Style */
		.overview-area .info{gap:0 3rem;}
		.overview-area .info>dl{width:calc((100% - 3rem) / 2);}
	/*[e] Sub Style */

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

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

		.layout-PT{}
		.layout-PT .layout-PT_photo{width:100%;}
		.layout-PT .layout-PT_conts{flex:auto; width:100%;}

		.layout-PT.reverse .layout-PT_photo{order:1;}
		.layout-PT.reverse .layout-PT_conts{order:2;}

		.sticky-table:not(.document){padding-bottom:2rem; overflow-x:auto; -webkit-overflow-scrolling:touch; touch-action: pan-x;}
			.sticky-table:not(.document)>table{min-width:1024px;}
	/*[e] All Style */

	/*[s] Main Popup Style */
		.hd_pops{position: absolute; left:2rem !important; top:2rem !important;}
		.hd_pops_con{width:auto !important;}
	/*[e] Main Popup Style */

	/*[s] Main Style */
		#mainBox{flex-wrap: wrap;}
			#mainBox>a{flex:100%;}

		#mainPhilosophy .title-area{width:100%; min-width:auto;}
			#mainPhilosophy .title-area .btns{justify-content: end;}

			#mainPhilosophy>.inConts{flex-wrap: wrap;}
			#mainPhilosophy .right,
			#mainPhilosophy .mainPhilosophy-swiper{width:100%;}

		.mainEsg-list{justify-content: center;}
			.mainEsg-list>li{width:calc(100% / 3);}

		#mainNews .mainNews-two>dl{width:100%;}
	/*[e] Main Style */

	/*[s] Sub Style */
		.ceo-area{}
			.ceo-area>figure{width:100%;}
			.ceo-area>figure img{width:100%; max-width:none; height:36rem; object-fit: cover; object-position: center center;}
			.ceo-area>.text-area{width:100%; margin-top:4.5rem; padding-left:0;}

		.overview-area{}
			.overview-area .info>dl{width:100%;}
			.overview-area .info>dl:nth-child(n+2){border-top:1px solid #e6e6e6;}

			.overview-area.partners .info>dl>dt{width:16rem;}

		.bigSwiper .swiper-button{display:none;}
			.bigSwiper .tour-text{position: static;}

		.location-info{}
			.location-info>dt{width:100%;}
			.location-info>dd{flex:100%; margin-top:3rem;}

		.product{}
			.product-top{width:64rem; margin:0 auto;}
			.product-top figure{width:100%;}
			.product-top figure img{height:100%;}
			.product-top .text-box{width:100%; padding:5rem;}
			.product-top .text-box>*{max-width:none;}

			.product-layout{}
			.product-layout>li{gap:0 4rem;}
			.product-layout figure{width:calc(50% - 2rem);}
			.product-layout .text-box{width:calc(50% - 2rem);}

			.product-img{gap:4rem;}
			.product-img>li{width:calc(50% - 2rem);}

		.talent-top{}
			.talent-top>li{width:calc(100% / 2);}

			.talent-Culture>li{width:calc((100% - 2.8rem) / 2);}
	/*[e] Sub Style */

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

		#find-expert-lay .list{gap:4rem 2rem;}
		#find-expert-lay .list>li{width:calc((100% - 4rem) / 3);}

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

		/*.lay-doctor .lay-doctor-top>figure{width:30rem; height:30rem; margin:0 auto; padding-top:5rem; border-radius:999px; overflow: hidden; align-items:start; box-shadow:1rem 1rem 2rem rgba(0,0,0,0.2);}*/
		.lay-doctor .lay-doctor-top>figure{width:100%; max-width:none; justify-content: end; margin-bottom: -9.5rem;}
		.lay-doctor .lay-doctor-top>figure img{width:25rem;}
		.lay-doctor .lay-doctor-top .info-conts{width:100%; padding-bottom:7rem;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 840px){
	/*[s] All Style */
		.wideFrame{height: 0; padding-bottom: 56.25%;}

		.nTxt-area{font-size:2.4rem; line-height:3.6rem;}
		.nTxt-area .title{font-size:2.8rem; line-height:4rem;}

		h4{font-size:3.2rem;}

		._star>li{padding-left:1.7rem;}
		ul.bul->li{padding-left:1.7rem; font-size:2.4rem; line-height:3.4rem;}

		.nTable>table th,
		.nTable>table td{font-size:2.2rem;}

		.nTable.rnd>table th,
		.nTable.rnd>table td{font-size:2.4rem;}
		.nTable.rnd>table td{padding:2rem 3rem;}

		.depth-three{gap:1rem;}
		.depth-three>a{max-width:none; height:8rem; font-size:2.4rem;}
		.depth-three.four{flex-wrap: wrap; }
		.depth-three.four>a{width:calc((100% - 1rem) / 2); max-width:none; height:8rem; font-size:2.4rem;}

		.bul-check>li:before{top:0.2rem;}

		.bul-check2>li{padding-left:2.7rem;}
		.bul-check2>li:before{width:1.8rem; height:1.3rem;}
		.bul-check2>li+li{margin-top:1rem;}

		.check-list.two>li{flex:1 1 100%;}

		.num-box{margin-top:1rem; counter-reset:item;}
		.location-layout>.right>li>p,
		.num-box>li,
		.num-box.title>li{padding-left:5rem;}
		.num-box>li:before,
		.location-layout>.right>li>p:before,
		.box-num>li:before{width:4rem; min-width:4rem; height:3.1rem; font-size:2.2rem; top:3.1rem;}
		.box-num>li:before{margin-top:0.2rem;}

		.num-box.title>li:before{top:0.2rem;}

		.caution{padding:3rem 2rem; justify-content: center; text-align: center;}
		.caution>dt{width:20.4rem; height:auto; border-right:none;}
		.caution>dt figure img{width:2.8rem;}
		.caution>dd{flex:auto; width:100%; padding:1rem 0 0 0rem;}

		.sticky-table:not(.document)>table{min-width:840px;}
			.sticky-table>table th,
			.sticky-table>table td{padding:2rem 1.5rem; font-size:2.6rem; line-height:3.6rem;}

			.sticky-table p.state{width:10rem; height:4.5rem; font-size:2.2rem;}

		.sticky-table.document>table{}
		.sticky-table.document>table tr>*:nth-of-type(1){width:35rem;}

		.tab-three>a{min-width:19rem; height:6.5rem; font-size:2.6rem;}

		.tab-three.partners>a{height:7.5rem;}

		.tab-three.partners.ir{gap:0 2.5rem;}
		.tab-three.partners.ir>a{height:5rem; font-size:2.6rem;}

		.obul>li{padding-left:1.4rem; font-size:2.6rem; line-height:3.6rem;}
	/*[e] All Style */

	/*[s] Main Popup Style */
		.hd_pops{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{}
	/*[e] Main Popup Style */

	/*[s] Main Style */
		.mGroup{}
		.mGroup>p{font-size:3rem;}
		.mGroup>h2{}
		.mGroup>p+h2{margin-top:1.5rem;}
		.mGroup>div{font-size:2.6rem; line-height:3.6rem;}
		.mGroup>h2+div{margin-top:1rem;}

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

			#mainVisual .vTxtArea,
			#mainVisual .vTxt .ii{}

			#mainVisual .vTxt .ii.cate{font-size:3rem;}
			#mainVisual .vTxt .ii.title{margin-top:2rem; font-size:5rem;}
			#mainVisual .vTxt .ii.text{margin-top:2.5rem; font-size:2.6rem;}
			#mainVisual .vTxt .ii.btn{margin-top:4rem; justify-content: start;}
			#mainVisual .vTxt .ii.btn>a{width:24rem; height:7rem; font-size:2.4rem;}

			#mainVisual .swiper-pagination{bottom:7rem; z-index:7;}
			#mainVisual .swiper-pagination-bullet{width:2rem; height:2rem; margin:0 1rem;}
			#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active{width:6.8rem;}

			.scroll-motion{display:none;}

		#mainProduct{padding:15rem 0;}
			#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide{width:44rem;}

			#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide .text-box{padding:8rem 4.5rem 0;}
			#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide .cate{font-size:2.4rem;}
			#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide .cate:before{width: 3rem;}
			#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide .title{font-size:3rem;}
			#mainProduct .mainProduct-swiper .swiper-wrapper .swiper-slide .text{font-size:2.6rem; line-height:3.6rem;}

		#mainBox{}
			#mainBox>a{}
			#mainBox .thumb{height:56rem;}
			#mainBox .cate{font-size:2.4rem;}
			#mainBox .title{font-size:4rem;}
			#mainBox .text{font-size:2.6rem; line-height:3.6rem;}
			#mainBox .btn{margin-top:1rem; display: flex; align-items: center; justify-content: center;}
			#mainBox .btn>em{width:16rem; height:6.5rem; font-size:2.4rem;}

		#mainPhilosophy{padding:15rem 0;}
			#mainPhilosophy>.inConts{padding-top:12rem;}
			#mainPhilosophy>.inConts:before{font-size:10rem; top:0;}
			#mainPhilosophy .title-area>dl>dd{margin-top:1rem; font-size:2.6rem; line-height:3.6rem;}

			#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide{width:44rem;}
			#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide .text-box{min-height:28rem; padding:3.5rem;}
			#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide .cate{font-size:2.4rem;}
			#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide .title{margin-top:2.5rem; font-size:3.5rem;}
			#mainPhilosophy .mainPhilosophy-swiper .swiper-wrapper .swiper-slide .text{margin-top:1.5rem; font-size:2.6rem; line-height:3.6rem;}

		#mainEsg>.inConts{padding:15rem 2rem; background-position: center 8rem; background-size: 200%;}
			.mainEsg-list{justify-content: start; }
			.mainEsg-list>li{width:calc(100% / 2);}
			.mainEsg-list figure{width:20rem; height:20rem;}

			.mainEsg-list dl{margin-top:3rem;}
			.mainEsg-list dl>dt{font-size:3rem;}
			.mainEsg-list dl>dd{font-size:2.4rem; line-height:3rem;}

		#mainNews{background-size: 100%;}
			#mainNews .mGroup{text-align: center;}

			#mainNews .main-news-swiper{width:100%; margin-top:4.5rem; position: relative;}
			#mainNews .main-news-swiper .swiper-wrapper{width: 100%; height: 100%; display: flex; box-sizing: content-box;}
			#mainNews .main-news-swiper .swiper-wrapper .swiper-slide{width:44rem; height:38.5rem;}
			#mainNews .main-news-swiper .swiper-wrapper .swiper-slide:last-child{margin-right:0;}
			#mainNews .main-news-swiper .swiper-wrapper .swiper-slide .cate{padding:0.2rem 1.5rem 0; height:3.6rem; font-size:2rem;}
			#mainNews .main-news-swiper .swiper-wrapper .swiper-slide .title{font-size:2.6rem;}
			#mainNews .main-news-swiper .swiper-wrapper .swiper-slide .text{height:14.3rem; margin-top:3rem; padding-top:3rem; font-size:2.6rem; line-height:3.6rem;}
			#mainNews .main-news-swiper .swiper-wrapper .swiper-slide .data{margin-top:2rem; font-size:2.4rem; line-height:3.4rem;}

			#mainNews .more{width:16rem; height:6.5rem; margin-top:3rem; font-size:2.4rem; position: static; }

			#mainNews .mainNews-two>dl{}
			#mainNews .mainNews-two>dl>dt{height:12rem;}
			#mainNews .mainNews-two>dl>dt figure{display:none;}
			#mainNews .mainNews-two>dl>dt>strong{font-weight: bold; font-size:2.8rem;}

			#mainNews .mainNews-two>dl>dd{flex:1;}
			#mainNews .mainNews-two>dl>dd a{padding:2.4rem 2rem; font-size:2.4rem; line-height:3.4rem; flex-wrap: wrap; gap:0.5rem 1.5rem;}
			#mainNews .mainNews-two>dl>dd a>strong{flex:100%; font-weight: 600; font-size:2.6rem;}
			#mainNews .mainNews-two>dl>dd a>span{}

		#mainBanner{background-position: 10% center;}
			#mainBanner>.inConts{display: flex; flex-flow: column nowrap; align-items: center; gap:3rem 0;}
			#mainBanner dl{}
			#mainBanner dl>dd{font-size:2.6rem; line-height:3.6rem;}
			#mainBanner .more{width:26rem; height:6.5rem; font-size:2.4rem;}
			#mainBanner .more>span{}
	/*[e] Main Style */

	/*[s] Sub Style */
		.sGroup{font-size:2.6rem;}
		.sGroup>div{line-height:3.6rem;}

		.sub-title{}
			.sub-title p{font-size:4.5rem; line-height:5.5rem;}
			.sub-title p[data-font="Play"]{font-size:3.5rem; line-height:1;}
			.sub-title div{margin-top:1rem; font-size:2.6rem; line-height:3.6rem;}

		.sub-visual{height:40rem;}
			.sub-visual>dl>dt{font-weight: 600; font-size:3rem; line-height:4rem;}
			.sub-visual>dl>dt>p{font-size:4.5rem;}
			.sub-visual>dl>dd{font-size:2.4rem; line-height:3.4rem;}

		.ceo-area{}
			.ceo-area>.text-area .title{font-size:3.5rem; line-height:4.5rem;}
			.ceo-area>.text-area .text{font-size:2.4rem; line-height:3.4rem;}
			.ceo-area>.text-area .text>p+p{margin-top:2rem;}
			.ceo-area>.text-area .name{margin-top:4.5rem; font-size:3rem;}
			.ceo-area>.text-area .name>span{padding:0 2rem 0 1rem;}

		.overview-area{}
			.overview-area>figure img{height:30rem;}
			.overview-area .title{font-size:3.5rem;}
			.overview-area .info>dl{font-size:2.6rem; line-height:3.6rem;}
			.overview-area .info>dl>dt{width:12rem;}

			.overview-area .info>dl.w160>dt{width:18rem;}

			.overview-area.partners .info>dl>dt{width:18rem;}

		.history-visual>img{height:36rem; object-fit: cover;}
			.history-visual>dl>dd{font-size:2.6rem; line-height:3.6rem;}
			.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:0 0 0 4rem !important; 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:4rem;}
			.history-area .txt_wrap{justify-content: flex-start !important; }
			.history-area>li .txt_wrap p{padding:0 0 0 0; font-size:2.6rem; justify-content: flex-start !important; text-align: left !important;}
			.history-area>li .txt_wrap p>strong:after{display:inline-block;}
			.history-area>li .txt_wrap p>strong:before{display:none;}
			.history-area>li .txt_wrap p+p{margin-top:1rem;}

			.history-area>li .thumb{width:100%; margin-top:3rem; padding:0 0 0 4rem !important; 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{justify-content: flex-start;}
			.history-area>li:nth-child(even) .txt_wrap p>strong{order:0;}
			.history-area>li:nth-child(even) .txt_wrap p>strong:after{display:inline-block;}
			.history-area>li:nth-child(even) .txt_wrap p>strong:before{display:none;}

		.bigSwiper{}
			.bigSwiper .swiper-pagination-bullet{width:2.4rem; height:2.4rem;}
			.bigSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width:7rem;}
			.bigSwiper .tour-text{}
			.bigSwiper .tour-text>dt{width:15rem; font-size:2.6rem;}
			.bigSwiper .tour-text>dd{padding:1rem 2rem 1rem 3rem; font-size:2.6rem; line-height:3.6rem;}

			.bigSwiper .swiper-pagination.thumb{bottom:3.5rem; font-size:0; line-height:0;}
			.bigSwiper .swiper-pagination.thumb .swiper-pagination-bullet{width:2rem; height:2rem; margin:0 0.5rem; background-color:#fff; border-radius:99px; display: inline-block; vertical-align: top; cursor: pointer; opacity: 0.5;}
			.bigSwiper .swiper-pagination.thumb .swiper-pagination-bullet:before,
			.bigSwiper .swiper-pagination.thumb .swiper-pagination-bullet img{display:none;}
			.bigSwiper .swiper-pagination.thumb .swiper-pagination-bullet.swiper-pagination-bullet-active{width:6rem; background-color: var(--point); opacity: 1;}

		.location-info{}
			.location-info>dt{}
			.location-info>dt>strong{}
			.location-info>dt>span{font-size:2.4rem; line-height:3.4rem;}

			.location-info>dd{font-size:2.6rem; line-height:3.6rem;}

			.location-info a.goMap{width:24rem; height:7rem; font-size:2.4rem;}

		.product{}
			.product-layout .text-box .title>p{font-size:2.6rem;}
			.product-layout .text-box .text{font-size:2.6rem; line-height:3.6rem;}

		.partners{}
			.partners-top{padding:5rem 3rem;}
			.partners-top .title{display:none;}
			.partners-top .text>dd{font-size:2.6rem; line-height:3.6rem;}

		.ir-notice{}
			.ir-notice img[src*="/images/icon_reply"]{width:2.4rem;}
			.ir-notice img[src*="/images/icon_down"]{width:1.6rem;}


			.ir-notice .num,
			.ir-notice .icon,
			.ir-notice .ir-notice_btm:before,
			.ir-notice .ir-notice_btm:after{width:8rem;}

			.ir-notice .icon,
			.ir-notice .ir-notice_btm:after{display:none;}

			.ir-notice :where(.ir-notice_top, .ir-notice_btm){font-size:2.4rem; line-height:3.4rem;}

			.ir-notice .subject,
			.ir-notice .ir-notice_btm>a{min-height:9rem; padding: 0 2rem; border-right:none;}

			.ir-notice .ir-notice_btm .down{width:3.5rem; height:3.5rem; font-size:0;}
			.ir-notice .ir-notice_btm .down>span{display:none;}

		.talent-top{}
			.talent-top>li dl>dt{font-size:3rem;}
			.talent-top>li dl>dt>p{font-size:2.6rem;}
			.talent-top>li dl>dd{font-size:2.6rem; line-height:3.6rem;}

			.talent-Benefits{}
				.talent-Benefits>li{width:100%;}
				.talent-Benefits>li:nth-child(2n){border-left:none;}
				.talent-Benefits>li:nth-child(4n + 3),
				.talent-Benefits>li:nth-child(4n + 4){background-color: #fff;}

				.talent-Benefits>li:nth-child(even){background-color: #f4f6f8;}

				.talent-Benefits>li dl>dt{font-size:2.8rem; line-height:3.8rem;}
				.talent-Benefits>li dl>dd{font-size:2.6rem; line-height:3.6rem;}

			.talent-Culture{}
				.talent-Culture>li dl{min-height:23rem; padding:3rem 2rem 5rem;}
				.talent-Culture>li dl>dt{font-size:2.8rem; line-height:3.8rem;}
				.talent-Culture>li dl>dd{font-size:2.6rem; line-height:3.6rem;}

		/* 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.6rem;}

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

			.clause-style .scroll{font-size:2.2rem;}
			.clause-style .scroll ol>li{padding-left:2.3rem; text-indent: -2.3rem;}
			.clause-style .scroll .kr>li{padding-left:2.7rem; text-indent: -2.7rem;}
			.clause-style .scroll ul>li{padding-left:1.4rem; text-indent: -1.4rem;}

			.etc_select{width:100%;}
			.etc_select select.base{width:22rem;}
	/*[e] Sub Style */

	/*[s] Plugin Style */
		.layer-base.fancybox__content>.carousel__button.is-close,
		.layer-base.fancybox__content>.carousel__button.is-back{width:5rem; height:5rem;}

		#find-expert-lay .scroll{height:100rem;}

		#find-expert-lay .text-box{font-size:3rem; line-height:4.4rem;}

		#find-expert-lay .list{gap:4rem 3rem;}
		#find-expert-lay .list>li{width:calc((100% - 3rem) / 2);}

		#find-expert-lay .list>li .cate{font-size:2.2rem;}
		#find-expert-lay .list>li .name{font-size:2.6rem;}

		#find-expert-lay .find-expert-view .photo-box{width:100%; max-width:none; display: flex; gap:3rem;}
		#find-expert-lay .find-expert-view .photo-box>dt{max-width:50%;}
		#find-expert-lay .find-expert-view .photo-box>dd{margin-top:0; font-size:2.4rem; flex-flow: column wrap; justify-content: center;}
		#find-expert-lay .find-expert-view .photo-box>dd>strong{width:100%; margin-top:1rem;}

		#find-expert-lay .find-expert-view .history-info{width:100%; height:54.77rem; margin-top:5rem;}
		#find-expert-lay .find-expert-view .history-info *+h5.bul{margin-top:4rem;}
		#find-expert-lay .find-expert-view .history-info .txt{font-size:2.4rem;}

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

		.lay-doctor .lay-doctor-top{padding:5rem 3rem 0;}
		.lay-doctor .lay-doctor-top>figure{margin-bottom:-14.3rem;}
		.lay-doctor .lay-doctor-top>figure img{width:20rem;}
		.lay-doctor .lay-doctor-top .info-conts .name>dt{width:100%;}
		.lay-doctor .lay-doctor-top .info-conts .department>dd>p{height:5rem; font-size:2.2rem;}

		.reservation-btn>a{min-width:auto; height:6rem; font-size:2.2rem;}

		.lay-doctor .lay-doctor-conts{padding:7.5rem 3rem;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 640px){
	.sticky-table:not(.document)>table{min-width:640px;}

	.product{}
		.product-top{width:100%;}
		.product-top .text-box{width:100%; padding:4rem 3rem;}

		.product-layout{}
		.product-layout>li{gap:5rem 4rem;}
		.product-layout figure,
		.product-layout .text-box{width:100%;}
		.product-layout>li:nth-child(even) figure{order:1;}
		.product-layout>li:nth-child(even) .text-box{order:2;}

		.product-img{gap:4rem;}
		.product-img>li{width:100%;}

		.talent-Culture>li{width:100%; display: flex; flex-flow: column nowrap; border-radius:1rem; overflow: hidden;}
		.talent-Culture>li dl{min-height:auto;}
}
@media only screen and (max-width : 480px){
	.sticky-table.document{padding-bottom:2rem; overflow-x:auto; -webkit-overflow-scrolling:touch; touch-action: pan-x;}
	.sticky-table.document>table{min-width:540px;}

	#find-expert-lay .find-expert-view .history-info{height:53.884rem;}

	.lay-alert{max-width:100%;}
}
@media only screen and (max-width : 400px){
	#find-expert-lay .find-expert-view .history-info{height:61.27rem;}
}

/*
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:blur(3px);
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:1rem;
width:calc(100% / 6);
box-shadow:0 0 1rem rgba(0,0,0,0.2);
*/