@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,
	.store-area>.store-map .thumb .finding-map-link,
	.store-area>.store-map .thumb .finding-map-link:after,
	#quick-right,
	#quick-social{transition: all .3s ease-out; transform-origin: 50% 50%;}


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

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

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

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

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

	.depth-three{width:100%; margin-bottom:7rem; border-bottom:1px solid #abaeb0; font-size:0; line-height:0; text-align: center; overflow:hidden; display: flex; justify-content: center; }
	.depth-three>a{width:21rem; height:5.4rem; margin: 0 0 -1px -1px; background-color: #cecece; border:1px solid #abaeb0; font-weight:700; font-size:1.7rem; line-height:1.2; color: #fff; display: flex; align-items: center; justify-content: center; transition: all .3s ease-out; position: relative;}

	.depth-three>a:is(:hover, .active){background-color:var(--point); border-color:var(--point); z-index:2;}

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

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

	.wideKakao{width: 100%; margin: 0 auto; position: relative;}
	.wideKakao>.root_daum_roughmap{width: 100%; height:46rem;}
	.wideKakao>.root_daum_roughmap .wrap_map{height:100%; position: absolute; left: -1px; right: -1px; top: -1px;}
	.wideKakao .hide {display: none;}
/*[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; border:1px solid #333; position:absolute; display:block; overflow:hidden; box-sizing:border-box;}
	.hd_pops img{width:100%}
	.hd_pops_con{}
	.hd_pops_footer{padding:0; background-color:#333; font-size:1.4rem; color:#fff; text-align:left;position:relative}
	.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
	.hd_pops_footer button{padding:1rem; border:0; color:#fff}
	.hd_pops_footer .hd_pops_reject{text-align:left}
	.hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0}

	#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 .thumb{overflow:hidden;}
	a .thumb img{transition: all .7s ease-out; transform-origin: 50% 50%;}
	a:hover .thumb img{transform: scale(1.1);}

	#quick-right{display: inline-flex; flex-flow: column wrap; justify-content: center; position: fixed; right:1.5rem; bottom:12vh; z-index:7;}
	#quick-right>a{width:6.4rem; display:block; filter: drop-shadow(0 0 1rem rgba(0,0,0,0.15));}

	#quick-social{display: inline-flex; flex-flow: column wrap; justify-content: center; gap:1.8rem; position: fixed; left:1.5rem; bottom:6rem; z-index:7;}
	#quick-social>a{width:4.5rem; display:block; filter: drop-shadow(0 0 1rem rgba(0,0,0,0.15));}

	.mScrolls{width:100%; font-size:0; line-height:0; text-align: center; position: fixed; left:0; bottom:40px; z-index:8; display:none;
		animation-duration: .7s; animation-iteration-count:infinite; animation-name: scrollDown; animation-timing-function:ease-in-out; animation-direction:alternate;
	}
	@keyframes scrollDown {
		from {bottom:50px; opacity:1;}
		to {bottom:30px; opacity:0.5}
	}

	.m-title{margin-bottom:6rem; padding-top:8.5rem; line-height:1; text-align: center; position: relative;}
	.m-title:before{content: ""; width: 1px; height: 4.5rem; margin-left:-0.5px; background-color: #959796; position:absolute; left:50%; top:0px;}
	.m-title .cate{font-weight: 600; font-size:2rem; color: var(--point);}
	.m-title .tit{font-size:4rem; color: #1b1b1b;}
	.m-title .txt{margin-top:2rem; font-weight: 700; font-size:2rem; line-height:2.8rem; color: #555;}
	.m-title * + .tit{margin-top:2rem;}

	.m-title.b5{margin-bottom:5rem;}
	.m-title.b8{margin-bottom:8rem;}

	.m-tab{width:100%; margin:-0.5rem 0 2rem; display: flex; align-items: center; justify-content: flex-end;}
	.m-tab>a{height:4.6rem; padding:0 2.5rem; background-color: transparent; font-weight: 600; font-size:1.8rem; line-height:1; color: #999; text-align: center; display: inline-flex; align-items: center; justify-content: center; gap:0.8rem; white-space: nowrap; border-radius:99rem;}
	.m-tab>p{height:1.5rem;}
	.m-tab>a:is(:hover, .active){background-color: #f04f00; color: #fff; box-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,0.2);}

	.btn-more{margin-top:5rem; font-weight: 500; font-size:2.2rem; line-height:3.2rem; color:#333; display: flex; align-items: center; gap:0.8rem;}
	.btn-more img{height:0.9rem;}

	.pt-layout{display: flex; align-items: center; justify-content: space-between;}
	.pt-layout>*{width:48.5714%;}
	.pt-layout>.thumb{max-width:68rem; margin:0 auto; border-radius:1rem; box-shadow:2rem 2rem 3rem rgba(0,0,0,0.2);}
	.pt-layout>.text{padding-left:8rem; position: relative;}
	.pt-layout>.text .icon{position: absolute; left:0; top:0;}
	.pt-layout>.text .cate{font-weight: bold; font-size:2.4rem; line-height:1; color: #f04f00}
	.pt-layout>.text .tit{font-weight: bold; font-size:4rem; line-height:1.2; color:#1b1b1b; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.pt-layout>.text *+.tit{margin-top:3rem;}
	.pt-layout>.text .txt{margin-top:2rem; font-size:2.2rem; line-height:3.2rem; color:#333;}
	.pt-layout>.text .txt.three{max-height:9.6rem; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

	.pt-layout.right>.thumb{order:2;}
	.pt-layout.right>.text{padding-left:12rem; order:1;}


    .img_scale{overflow:hidden;}
    .img_scale img{vertical-align:top;transition: all 0.8s ease-out;}

    @media (hover: hover) and (pointer: fine) {
        .img_scale:hover img{transform:scale(1.05);transition: all 0.6s ease-in;}
    }

    /* visual */
	#main-visual,
	#main-visual .main-slider,
	#main-visual .main-slider .slick-slide,
	#main-visual .main-slider .slide-media,
	#main-visual .main-slider .mobile_in{height:96rem !important;}

	#main-visual .main-slider .mobile_in{width: 242vw; position: relative; left:50%; transform: translateX(-50%);}
	#main-visual .main-slider .mobile_in video,
	#main-visual .main-slider .mobile_in iframe{width:100% !important; height:110% !important; position: absolute; left:0 !important; top:0 !important; transform: translate(0%, 0%);}

	#main-visual{width:100%; margin-bottom: 5rem; background:#36465d url('/theme/prix/img/loading.gif') no-repeat center center; background-size: contain; font-size:0; line-height:0; position: relative; overflow:hidden;}
	#main-visual .main-slider{width: 100%; background-color:#36465d; position: relative; opacity: 0; visibility: hidden; transition:all 3s ease;}
	#main-visual .main-slider.slick-initialized{opacity: 1; visibility: visible;}

	#main-visual .main-slider .slick-slide{position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
	#main-visual .main-slider .slick-slide:before{content: ''; width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: .3; z-index: 1;}
	#main-visual .main-slider video {width: auto; height: auto; min-width: 100%; min-height: 100%; display: block; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%);}
	#main-visual .main-slider iframe {position: relative; pointer-events: none;}
	#main-visual .main-slider figure {height: 100%; margin:0; position: relative;}
	#main-visual .main-slider .slide-image {height: 100%; background-size: cover; background-position: center; opacity: 0; transition:all .8s ease;}
	#main-visual .main-slider .slide-image{opacity: 1;}

	#main-visual .main-slider .image-entity {width: 100%; opacity: 0; visibility: hidden;}
	#main-visual .main-slider .loading {width: 100%; position: absolute; left: 0; top: 44%;}
	#main-visual .main-slider .slide-media {background-repeat: no-repeat; background-position: center center; background-size: cover; animation:slideOut .4s cubic-bezier(0.4, 0.29, 0.01, 1);}
	#main-visual .main-slider .caption{position: absolute; left: 5%; top: 44%; text-align: center; padding: 20px; border: 3px solid; color: #fff; margin: 0; font-size: 40px; font-weight: bold; letter-spacing: .02em; opacity: 0; z-index: 1; transition:all .3s ease; transform:translateY(100px); -webkit-backface-visibility: hidden; backface-visibility: hidden;}

	#main-visual .main-slider .slick-active{z-index: 1;}
	#main-visual .main-slider .slick-active .slide-media{animation:slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);}
	#main-visual .main-slider .slick-active .caption{opacity: 1; transform:translateY(0); transition:all .7s cubic-bezier(0.32, 0.34, 0, 1.62) .6s;}

	#main-visual .slick-arrow{width:47px; height:90px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; border:none; font-size:0; line-height:0; position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer;}
	#main-visual .slick-prev{background-image: url("/images/main/btn_slick_prev.png"); left:100px;}
	#main-visual .slick-next{background-image: url("/images/main/btn_slick_next.png"); right:100px;}
	#main-visual .slick-arrow:hover{opacity:1;}

	#main-visual .controll{width:260px; padding-top:0; margin-left:-130px; position: absolute; left: 50%; bottom: 5rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
	#main-visual .controll .dot{display:inline-block; vertical-align: middle;}
	#main-visual .controll .auto{display:inline-block; vertical-align: middle;}
	#main-visual .controll .auto{padding-left:10px;}
	#main-visual .controll .auto button{width:27px; height:27px; background:transparent url("/images/btn_slick_pause.png") no-repeat left top; border:none;}
	#main-visual .controll .auto button.off{background-image:url("/images/btn_slick_play.png");}

	#main-visual .slick-dots{display:flex; flex-wrap: nowrap; justify-content: flex-start;}
	#main-visual .slick-dots>li{width:auto !important; padding:0 !important; display:inline-block; vertical-align: top;}
	#main-visual .slick-dots>li+li{margin-left:0;}

	#main-visual .dot_Line,
	#main-visual .dot_Line>dt,
	#main-visual .dot_Line>dd .line{transition: all .3s ease-out; transform-origin: 50% 50%;}
	#main-visual .dot_Line>dd .line>span{}
	#main-visual .vTxt.first .dot_Line>dd .line>span{}

	#main-visual .dot_Line{padding-right:10px; box-sizing: border-box; position: relative;}
	#main-visual .dot_Line>dt{font-weight: 500; font-size:15px; line-height:1; color: rgba(255,255,255,0.3); white-space: nowrap;}
	#main-visual .dot_Line>dd{position: absolute; left:27px; right:10px; top:50%;}
	#main-visual .dot_Line>dd .line{width:100%; height:2px; background-color: rgba(255,255,255,0.3); display:inline-block; vertical-align: middle; position: relative; overflow:hidden;}
	#main-visual .dot_Line>dd .line>span{width:100%; height:2px; background-color: rgba(255,255,255,1); display:inline-block; position: absolute; left:-100%; top:0;}

	#main-visual .slick-dots>li.slick-active .dot_Line{padding-right:120px;}
	#main-visual .slick-dots>li.slick-active .dot_Line>dt{color: rgba(255,255,255,1);}
	#main-visual .slick-dots>li.slick-active .dot_Line>dd .line{width:100%;}
	#main-visual .slick-dots>li.slick-active .dot_Line>dd .line>span{}

	@keyframes slideIn {
		from {
			filter:blur(15px);
		} to {
			filter:blur(0);
		}
	}
	@keyframes slideOut {
		from {
			filter:blur(0);
		} to {
			filter:blur(15px);
		}
	}

	/* visual */
	#mVisual{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden;}
	#mVisual .visualRoll{white-space: nowrap;}
	#mVisual .visualRoll .slider{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;}
	#mVisual .visualRoll .slider img{width:100%; max-width:none; height:96rem; object-fit: cover;}

	#mVisual .slick-arrow{width:35px; height:63px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; border:none; font-size:0; line-height:0; position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer; opacity:1;}
	#mVisual .slick-prev{background-image: url("/images/main/btn_slick_prev.png"); left:4.25%;}
	#mVisual .slick-next{background-image: url("/images/main/btn_slick_next.png"); right:4.25%;}
	#mVisual .slick-arrow:hover{opacity:1;}

	#mVisual .vTxtArea{width:100%; height:96rem; max-width:1560px; padding:0 3rem; text-align: left; position: absolute; left:50%; top:0; transform: translateX(-50%); z-index:5; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start;}
	#mVisual .vTxtArea .vTxt_in{width:100%; padding:9rem 0 34rem; position: relative;}
	#mVisual .vTxt{width:100%; position: absolute; left:0; top:-999px;}
	#mVisual .vTxt .ii{color: #fff; top:50px; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word;}
	#mVisual .vTxt .i01{-webkit-transition-delay: .4s; transition-delay: .4s;}
	#mVisual .vTxt .i02{-webkit-transition-delay: .45s; transition-delay: .45s;}
	#mVisual .vTxt .i03{-webkit-transition-delay: .5s; transition-delay: .5s;}
	#mVisual .vTxt .i04{-webkit-transition-delay: .55s; transition-delay: .55s;}
	#mVisual .vTxt .i05{-webkit-transition-delay: .6s; transition-delay: .6s;}
	#mVisual .vTxt .i06{-webkit-transition-delay: .65s; transition-delay: .65s;}
	#mVisual .vTxt .i07{-webkit-transition-delay: .7s; transition-delay: .7s;}

	#mVisual .vTxt .ii.tit{font-weight:900; font-size:1.8rem; line-height:1;}
	#mVisual .vTxt .ii.title{margin-top:2rem; font-weight: bold; font-size:5.5rem; line-height:6rem;}
	#mVisual .vTxt .ii.txt{margin-top:3rem; font-weight: 500; font-size:2.2rem; line-height:1.4;}

	#mVisual .vTxt .ii.controll{margin-top:5rem;}

	#mVisual .slick-dots{width:100%;}
	#mVisual .slick-dots>li{display:inline-block; vertical-align: top;}
	#mVisual .slick-dots>li+li{margin-left:1rem;}
	#mVisual .slick-dots>li button{width:1.1rem !important; height:1.1rem; margin:0; padding:0; background-color:#c7c8c6; border:none; font-size:0; line-height:0; cursor: pointer; border-radius:99px;}
	#mVisual .slick-dots>li.slick-active button{width:4.1rem !important; background-color:#0a60dd;}

	#mVisual .vTxt.active{position: static; top:0px;}
	#mVisual .vTxt.active .ii{top:0px; opacity:1;}

	/* visual */
	#mainVisual{width:100%; position: relative; overflow:hidden;}
	#mainVisual .visualRoll{white-space: nowrap;}
	#mainVisual .visualRoll .swiper-slide{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.2);}

	#mainVisual .vTxtArea{width:max-content;text-align:center; position: absolute; left:50%; top:50%; z-index:5;transform:translate(-50%, -50%);}
	#mainVisual .vTxt{}
	#mainVisual .vTxt .ii{line-height:1;top:5rem; color: #fff; 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.4rem; position: relative;}
	#mainVisual .vTxt .ii.cate:before{content: ""; width: 4rem; height:0.3rem; background-color: #fff; position:absolute; left: 0; top:3.6rem;}
	/*#mainVisual .vTxt .ii.title{margin-top:5rem; font-weight: bold; font-size:6rem; line-height:7rem;}*/
	#mainVisual .vTxt .ii.title{font-size:7.4rem;font-weight:700;line-height:1.4;font-family:var(--fm_play);}
	#mainVisual .vTxt .ii.text{font-size:2.4rem;line-height:1.4;margin-top: 1.5rem;font-weight:400;opacity:0;}
	#mainVisual .btn{font-size:1.9rem;font-weight:400;margin-top:6rem;}
	#mainVisual .btn a{color:#fff;padding-bottom:1.5rem;border-bottom:1px solid #55ab4c;opacity:0.75;}
	#mainVisual .btn a::after{content:'';display:inline-block;width:3.8rem;height:0.9rem;background:url("/images/main/vBtn_arrow.png") no-repeat center;background-size:contain;margin-left:1.7rem;}

	#mainVisual .swiper-button{font-family:'SUIT Variable'; font-weight: 100; font-size: 1.2rem; line-height:1; color: rgba(255,255,255,0.8); position: static; left:auto; top:auto; margin-top:0; display: inline-block; cursor: pointer;width:auto;height:auto;}
	/* #mainVisual .swiper-button-prev{margin-left:-784px;} */
	#mainVisual .swiper-button-next{}
	#mainVisual .swiper-button-next::after{font-size: 1.5rem;}
	#mainVisual .swiper-button:hover{color: rgba(255,255,255,1);}

	#mainVisual .swiper-pagination{text-align: center; position: absolute;bottom:7rem; z-index:5;}
	#mainVisual .swiper-pagination-bullet{width:1.7rem; height:1.7rem; display: inline-block; cursor: pointer; background-color:transparent;border:2px solid rgba(221,221,221,0.9);border-radius:50%;margin: 0 0.8rem;}
	#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#55ab4c;opacity:1;border:none}

	#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 .swiper-slide-active .vTxt .ii.text{opacity:0.85;}
	#mainVisual .visualRoll .swiper-slide.swiper-slide-active>img{transform:scale(1);}

    #mainVisual .swiper_btns_box{width:100%;max-width:131rem;padding-left:3rem;position:absolute;left:50%;bottom:30%;z-index:10;display:flex;align-items:center;gap:0 3rem;transform:translateX(-50%);}
    #mainVisual .swiper_btns_box .play_btn{font-size:0;width:1.1rem;}
    #mainVisual .swiper_btns_box .play_btn::before{content:'';display:block;box-sizing:border-box;}
    #mainVisual .swiper_btns_box .play_btn.play::before{width:0.8rem;height:1.5rem;border-left:2px solid #ddd;border-right: 2px solid #ddd;margin:0 auto}
    #mainVisual .swiper_btns_box .play_btn.pause::before{border-left:1.1rem solid #ddd;border-right: 0.8rem solid transparent;border-bottom: 0.8rem solid transparent;border-top: 0.8rem solid transparent;}

    #mainVisual .scroll_d{font-size:1.6rem;color:#fff;opacity:0.7;transform:rotate(-90deg);position:absolute;left:5%;bottom:5.5rem;z-index:5;}
    #mainVisual .scroll_d p{padding-left:5rem;position:relative;line-height:1;padding-left: 5rem;font-family:var(--fm_play);}
    #mainVisual .scroll_d p::before{content:'';display:inline-block;width:3.9rem;height:1px;background-color:#fff;position:absolute;left:0;top:50%;}



    /* idx_cmpn */
    .idx_cmpn{background-color:#fbfbfb;padding-top:15rem;}
    .idx_cmpn h2{text-align:center;}
    .idx_cmpn img{vertical-align:top;}
    .idx_cmpn .idx_cmpn_list{display:flex;margin-top:9rem;transform:translateY(6rem);}
    .idx_cmpn .idx_cmpn_list li{flex: 1;height:35rem;border: 1px solid #eff2ef;position:relative;overflow:hidden;}
    .idx_cmpn .idx_cmpn_list li+li{border-left:none}
    .idx_cmpn .idx_cmpn_list li a{height:35rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;transition: all ease-in-out;}
    .idx_cmpn .idx_cmpn_list li a::after{content: ''; display: inline-block;width:4.1rem;height:0rem;margin-top:3.5rem;opacity:0.7;background:url("/images/main/idx_cmpn_arrow.png") no-repeat center;background-size:contain;transition: all ease-in-out 0.2s;}
    .idx_cmpn .idx_cmpn_list li img{max-width:fit-content;}
    .idx_cmpn .idx_cmpn_list span{display:inline-block;font-size:1.8rem;margin-top: 2.3rem;font-weight:700;color:#55ab4c;font-family:var(--fm_play);}
    .idx_cmpn .idx_cmpn_list em{display:inline-block;;font-size:2.4rem;font-weight:500;color:#333}

    @media (hover: hover) and (pointer: fine) {
        .idx_cmpn .idx_cmpn_list li:hover{z-index:1;box-shadow:1rem 1rem 3rem rgba(85,171,76,0.4);border:none;}
        .idx_cmpn .idx_cmpn_list li:hover a{background: linear-gradient(to right top, #1f465e -40%, #4da443 80%);}
        .idx_cmpn .idx_cmpn_list li:hover a::after{height:1.1rem;}
        .idx_cmpn .idx_cmpn_list li:hover img{filter: brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);}
        .idx_cmpn .idx_cmpn_list li:hover span{color:#fff}
        .idx_cmpn .idx_cmpn_list li:hover em{color:#fff}
    }

    /* idx_recycle */
    .idx_recycle{padding:26rem 0 23rem;background:url("/images/main/idx_recycle_bg.jpg")no-repeat center;background-size:cover;text-align:center;}
    .idx_recycle h2{font-size:6.2rem;font-family:var(--fm_play);font-weight:600;line-height:1.2;background:linear-gradient(10deg, #347359 42%, #33a626 48%);background-clip:text;-webkit-background-clip: text;color: transparent;}
    .idx_recycle p{font-size:2rem;line-height:3.2rem;color:#fff;opacity:0.8;margin-top:4rem;}
    .idx_recycle p br.mo{display:none}
    .idx_recycle .view_btn{margin-top:5rem;}
    .idx_recycle .view_btn a{display:inline-block;font-size:1.8rem;color:#fff;padding-bottom:1.5rem;border-bottom:1px solid #55ab4c;box-sizing:border-box;opacity:0.75;}
    .idx_recycle .view_btn a span{opacity:0.75;}
    .idx_recycle .view_btn a::after{content:'';display:inline-block;width:3.8rem;height:0.9rem;margin-left:1.2rem;background:url("/images/main/idx_recycle_arrow.png") no-repeat center;background-size:contain;}

    /* idx_esg */
    .idx_esg{padding:16rem 0 15.5rem;background-color:#fbfbfb;overflow:hidden;}
    .idx_esg article{padding-left:3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
    .idx_esg .idx_esg_cont{max-width:32rem;position:relative;z-index:2;}
    .idx_esg .idx_esg_cont::before{content: "";position: absolute;height: 300%;width: 200%;right: 0;top: 50%;z-index: -1;transform: translateY(-50%);background-color: #fbfbfb;}
    .idx_esg .idx_esg_cont h2{font-size:7rem;font-weight:700;color:#1b1b1b;line-height:1;font-family:var(--fm_play);}
    .idx_esg .idx_esg_cont p{font-size:2rem;line-height:3.2rem;color:#333333;margin-top:3rem;}
    .idx_esg .idx_esg_cont p br.mo{display:none}
    .idx_esg .idx_esg_cont .view_btn{margin-top: 7rem;}
    .idx_esg .idx_esg_cont .view_btn a{display:inline-block;font-size:1.8rem;color:#666666;padding-bottom:1.5rem;border-bottom:1px solid #55ab4c;box-sizing:border-box}
    .idx_esg .idx_esg_cont .view_btn a::after{content:"";display:inline-block;width:3.8rem;height:0.9rem;margin-left:1.2rem;background:url("/images/main/idx_esg_arrow.png") no-repeat center;background-size:contain;}

    .idx_esg .swiper_conain{width:calc(100% - 36rem);}
    .idx_esg .swiper{overflow:visible;}
    .idx_esg .swiper-slide .img_scale{display:inline-block;}
    .idx_esg .swiper-slide .idx_esg_menu{display:inline-block;width:100%;font-size:2.7rem;color:#333;font-weight:600;margin-top:3rem;line-height:1;}
    .idx_esg .swiper-slide .idx_esg_menu em{display:inline-block;width:100%;font-size:1.8rem;color:#999;font-family:var(--fm_play);font-weight:400;margin-top:1rem;;}
    .idx_esg .swiper_nav_box{margin:10rem 0 0;padding:0;max-width:140rem;}
    .idx_esg .swiper_nav_box .swiper-wrapper{display:none}
    .idx_esg .swiper_nav{width:100%;position:relative;display:flex;align-items:center;}
    .idx_esg .swiper_nav .swiper-pagination{position:static;max-width:119rem;height:0.6rem;border-radius:0.3rem;margin-right:10rem;}
    .idx_esg .swiper_nav .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{border-radius:0.3rem;background-color:#55ab4c}
    /* .idx_esg .swiper_nav .swiper_btn{display:flex;justify-content:space-between;} */
    .idx_esg .swiper_nav .swiper-button-next,
    .idx_esg .swiper_nav .swiper-button-prev{position: static;margin:0;width:auto;height:auto;}
    .idx_esg .swiper_nav .swiper-button-prev{margin-right:5.5rem;}
    .idx_esg .swiper_nav .swiper-button-next::after{font-size:0;width:2.4rem;height:1.9rem;background:url("/images/main/esg_swiperNext.png") no-repeat center;background-size:contain;}
    .idx_esg .swiper_nav .swiper-button-prev::after{font-size:0;width:2.4rem;height:1.9rem;background:url("/images/main/esg_swiperPrev.png") no-repeat center;background-size:contain;}

    /* idx_public */
    .idx_public{padding:15rem 0;background:url("/images/main/idx_public_bg.jpg") no-repeat center;background-size:cover;}
    .idx_public article{}
    .idx_public h2{font-size:4.8rem;font-weight:700;line-height:1;color:#fff;text-align:center;}
    .idx_public .idx_public_box{margin-top:6.5rem;}
    .idx_public .idx_public_list{display:flex;justify-content:space-between;gap:4rem}
    .idx_public .idx_public_list li{flex:1;}
    .idx_public .idx_public_list li .img_scale{overflow:hidden;background-color:rgba(0,0,0,0.3);aspect-ratio: 680/290;}
    .idx_public .idx_public_list li .img_scale img{width:100%;height:100%;}
    .idx_public .idx_public_list li .img_scale img.noIMG{display:none}
    .idx_public .idx_public_list dl{margin-top:4.5rem;color:#fff;text-align:center;}
    .idx_public .idx_public_list .idx_public_tit{width:100%;font-size:2.4rem;font-weight:500;line-height:1; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all;}
    .idx_public .idx_public_list .idx_public_cont{width:100%;margin-top:1.5rem;;font-size:1.8rem;font-weight:300;line-height:2.4rem;opacity:0.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all;}
    .idx_public .idx_public_list .idx_public_data{margin-top:2rem;font-size:1.7rem;font-weight:300;line-height:1;opacity:0.7;}
    .idx_public .more_btn{position:absolute;right:3rem;top:6rem;}
    .idx_public .more_btn a{font-size:1.9rem;font-weight:500;color: #fff;line-height:1;vertical-align:top;}
    .idx_public .more_btn a::after{content:"+";display:inline-block;margin-left:1.2rem;font-size:3rem;font-weight:200;line-height:2.3rem;vertical-align:bottom;}

/*[e] Main Style */

/*[s] Sub Style */
    .mo_img{display:none;}

    body[data-pgcode="0201"] #pageTop>h3,
    body[data-pgcode="0401"] #pageTop>h3,
    body[data-pgcode="0403"] #pageTop>h3{font-family:var(--fm_play);}

	.page-title{margin-bottom:5rem; font-weight: 400; font-size:2.6rem; line-height:4rem; color: #555; text-align: center;}
	.page-title .point{color:#1d6229;}
	.page-title em{font-weight:600;}

	.year-tab{width:100%; margin: 0 auto 7rem; font-size:0; line-height:0; text-align: center; display:block; position: relative;}
	.year-tab:before{content: ""; width: 100%; height: 1px; background-color: #abaeb0; position:absolute; left: 0; top:5.1rem;}
	/*.year-tab:after{content: ""; width: 100%; height: 1px; background-color: #abaeb0; position:absolute; left: 0; bottom:5.1rem;}*/
	.year-tab .name{width:100%; height:8rem; padding:0 5rem 0 2rem; border:2px solid var(--point); font-weight: 700; font-size:2.4rem; line-height:1; color: #333; text-align: left; position: relative; display: none; align-items: center;}
	.year-tab .name:after,
	.year-tab .name:before{content: ""; width:1.4rem; height:1px; margin:0 0 0 0; background-color: var(--point); display: block; position:absolute; top:50%; transition: all .3s ease-out;}
	.year-tab .name:after{right:2rem; transform:rotate(45deg);}
	.year-tab .name:before{right:1rem; transform:rotate(-45deg);}

	.year-tab ul.year-list{width:81.7187%; margin:0 auto; display: flex; flex-flow: row wrap; position: relative;}
	.year-tab ul.year-list>li{flex:0 1 calc(20% + 1px);  position: relative;}
	.year-tab ul.year-list>li a{width:100%; height:5.2rem; padding:0 2rem; background-color: #cecece; border:1px solid #abaeb0; font-weight:700; font-size:1.7rem; line-height:1.2; color: #fff; display: flex; align-items: center; justify-content: center; white-space: nowrap; transition: all .3s ease-out;}
	.year-tab ul.year-list>li{margin-left:-1px;}
	.year-tab ul.year-list>li:nth-child(n+6):nth-child(-n+12){margin-top:-1px;}

	.year-tab ul.year-list>li:is(:hover, .active){z-index:2;}
	.year-tab ul.year-list>li:is(:hover, .active) a{background-color:var(--point); border-color:var(--point);}

	.year-tab ul.year-list.four{width:100%; max-width:114rem;}
	.year-tab ul.year-list.full{width:100%;}
	.year-tab ul.year-list:is(.four, .full){flex-wrap: nowrap; justify-content: center;}
	.year-tab ul.year-list:is(.four, .full)>li{flex:0 1 25%;}
	.year-tab ul.year-list.full>li a{font-weight:normal; font-size:1.6rem; white-space: wrap;}
	.year-tab ul.year-list.two>li a{height:6.2rem;}

	.year-tab-conts{}

	.month-tab{width:26rem; margin:0 auto 7rem; background-color: #fff; border:1px solid #aaa; display:block; position: relative; cursor: pointer; border-radius:99px;}
	.month-tab>p{height:5.4rem; padding:0 5rem 0 3rem; border:none; font-size:1.8rem; line-height:1; color:#333; text-align: left; display: flex; align-items: center; position: relative;}
	.month-tab>p:before{content: "↓"; font-weight: 500; font-size:1.4rem; position: absolute; right:1.9rem; top:50%; transform: translateY(-50%); transition: all .3s ease-out;}
	.month-tab>p>strong{font-weight: 700; color: var(--point);}

	.month-tab .month-tab-in{max-height:30rem; background-color: #fff; text-align: left; position: absolute; left:-1px; right:-1px; top:100%; overflow:hidden; overflow-y:auto; display:none; border:1px solid #aaa; border-radius:2.7rem;}
	.month-tab .month-tab-in>a{padding:0.5rem 0 0.5rem 3rem; color: #666; font-size:1.6rem; line-height:1.55; display:block;}
	.month-tab .month-tab-in>a:nth-child(1){padding-top:1.5rem;}
	.month-tab .month-tab-in>a:last-child{padding-bottom:1.5rem;}
	.month-tab .month-tab-in>a>strong{font-weight: 700; color: var(--point);}
	.month-tab .month-tab-in>a+a{}
	.month-tab .month-tab-in>a:hover{background-color: #f4f4f4;}

	.month-tab.open>p:before{transform:rotate(180deg) translateY(50%);}


	ul.lawArea{margin-top:7.5rem;}
	ul.lawArea *{font-family:'pretendard' !important;}
	ul.lawArea>li{margin-top:7rem; padding-left:2rem; position: relative;}
	ul.lawArea>li:before{content: ""; width: 0.8rem; height: 0.8rem; background-color: var(--point); position:absolute; left: 0; top:0.7rem; border-radius:100%;}
	ul.lawArea>li>strong{font-weight: bold; font-size:2.4rem; line-height:1; color: #1b1b1b; display:block;}
	ul.lawArea>li>strong>span{font-weight: 400;}
	ul.lawArea>li>.thumb{margin-top:5rem; text-align: center;}

	ul.lawArea .lawBox-gray{width:calc(100% + 2rem); margin:3rem 0 0 -2rem; padding:3.5rem 5.5rem; background-color: #f7f7f7; border-radius:1rem;}
	ul.lawArea .lawBox-gray .po{color: var(--point) !important;}
	ul.lawArea .lawBox-gray .title{font-weight: 600; font-size:1.8rem; line-height:3rem; color: #333;}
	ul.lawArea .lawBox-gray .text{margin-top:1rem; font-size:1.6rem; line-height:2.6rem; color: #666;}
	ul.lawArea .lawBox-gray .text>strong{font-weight: 600; color: #333;}

	ul.lawArea .lawBox-gray .text.flex{display: flex; align-items: center; gap:1.5rem;}

	ul.lawArea .c-num .lawBox-gray{width:calc(100% + 4rem); margin:2rem 0 0 -4rem;}

	.lawSources{margin-top:4rem; font-family:'pretendard'; font-size:1.7rem; line-height:1.2; color: #999;}
	.lawSources>strong{font-weight: 500; color: #1b1b1b;}

	ol.l-num{counter-reset:item; margin-top:1rem;}
	ol.l-num>li{padding-left:1.5rem; font-size:1.7rem; line-height:3rem; color: #555; position: relative;}
	ol.l-num>li:before{counter-increment: item; content: counter(item)"."; position: absolute; left: 0; top: 0;}

	ol.c-num>li{margin-top:3rem; padding-left:2rem; font-weight: 500; font-size:1.9rem; line-height:1.4; color: #1b1b1b; position: relative;}
	ol.c-num>li:before{content: ""; position: absolute; left:0; top:0;}
	ol.c-num>li:nth-child(1):before{content: "①";}
	ol.c-num>li:nth-child(2):before{content: "②";}
	ol.c-num>li:nth-child(3):before{content: "③";}
	ol.c-num>li:nth-child(4):before{content: "④";}
	ol.c-num>li:nth-child(5):before{content: "⑤";}
	ol.c-num>li:nth-child(6):before{content: "⑥";}
	ol.c-num>li:nth-child(7):before{content: "⑦";}
	ol.c-num>li:nth-child(8):before{content: "⑧";}
	ol.c-num>li:nth-child(9):before{content: "⑨";}
	ol.c-num>li:nth-child(10):before{content: "⑩";}
	ol.c-num>li:nth-child(11):before{content: "⑪";}
	ol.c-num>li:nth-child(12):before{content: "⑫";}

	/* greeting */
    #container.greeting{position:relative;max-width:178rem;}
	.greeting-area{}
	.greeting-area .thumb{display:flex;justify-content:center;align-items:center;height:38rem;background:url("/images/sub/img_greeting_bg.jpg") no-repeat center;background-size:cover;}
	.greeting-area .thumb img{}
	.greeting-area .greeting_ceo{position:absolute;bottom:0;right:-4rem;max-width: 63.9rem;width:30.9%;}/* width:35.9%; */
	.greeting-area .text{padding-top:5.3rem;}
	.greeting-area .text .txt{font-size:2.2rem; line-height:3.2rem; color: #333;text-align:center;}
	.greeting-area .text .txt br.mo{display:none;}
	.greeting-area .text .txt+.txt{margin-top:2rem;}
	.greeting-area .text .sign{margin-top:5rem; font-size:2.2rem;font-weight:500; line-height:3.2rem; color: #333;text-align:center;}
	.greeting-area .text .sign em{display:inline-block;margin-left:1.5rem;font-size:3.2rem;font-weight:600;}

	/* management */
	#container.management{text-align:center;padding-bottom:0;}
	.management{text-align:center;padding-bottom:0;}
	.management br.mo{display:none}
    .management article{max-width:172rem;margin:0 auto;}
    .management h4{font-size:5.2rem;font-weight:600;font-family:var(--fm_play);line-height:1;background:linear-gradient(to right, #347359 47%, #33a626 55%);-webkit-background-clip:text;color:transparent}

    .management .vision{padding-bottom:2rem;}
    .management .vision .page-title{font-size:2.2rem;line-height:2.8rem;margin-top:2.5rem;}
    .management .vision article::after{content:"";display:block;width:100%;height:44rem;margin-top:7rem;;background:url("/images/sub/vision_bg.jpg") no-repeat center;background-size:cover;}

    .management .culture{padding:14rem 0 15.5rem;}
    .management .culture ul{display:flex;justify-content:center;margin-top:8.5rem;}
    .management .culture ul li{display:flex;flex-direction:column;align-items:center;gap:3.5rem 0;max-width:34rem;width:100%;font-size:2rem;line-height:2.8rem;color:#186345;position:relative}
    .management .culture ul li::before{content:"";display:inline-block;width:12rem;height:12rem;border-radius:1rem;box-shadow:0.5rem 0.5rem 1.5rem rgba(23,84,60,0.09);background-position:center;background-repeat:no-repeat;background-size:contain;}
    .management .culture ul li:nth-child(1)::before{background-image:url("/images/sub/culture_icon01.png");}
    .management .culture ul li:nth-child(2)::before{background-image:url("/images/sub/culture_icon02.png");}
    .management .culture ul li:nth-child(3)::before{background-image:url("/images/sub/culture_icon03.png");}
    .management .culture ul li+li{padding-left:2.9rem;max-width: 36.9rem;}
    .management .culture ul li+li::after{content:"";display:inline-block;width:2.9rem;height:2.9rem;background:url("/images/sub/culture_icon_plus.png") no-repeat center;background-size:contain;position:absolute;left:0;top:4.5rem;}

    .management .c_values{padding:16rem 0;background-color:#f3f8f6;}
    .management .cVal_cont{margin-top:8.5rem;display:flex;justify-content:center;gap:7rem}
    .management .cVal_cont dl{display:flex;flex-direction:column;align-items:center;justify-content:center;width:28.6rem;height:28.6rem;background-color:#fff;border:1px solid #96bcad;border-radius:50%;box-shadow:0.2rem 0.2rem 1rem rgba(0,0,0,0.03);}
    .management .cVal_cont dt{font-size:2.7rem;color:#54a139;line-height:1;}
    .management .cVal_cont dt span{display:inline-block;width:100%;margin-top:1rem;font-size:1.9rem;color:#96aca4;font-family:var(--fm_play);}
    .management .cVal_cont dd{font-size:1.8rem;line-height:2.8rem;font-weight:500;margin-top:1.5rem;}
    .management .cVal_cont .autonomy_box{background:linear-gradient(to right top, #1f465e 0%, #4da443 100%);border-color:#268896;box-shadow: 0.5rem 0.5rem 1rem rgba(85, 171, 76, 0.15);}
    .management .cVal_cont .autonomy_box dt{color:#fff}
    .management .cVal_cont .autonomy_box dt span{color:#fff;opacity:0.75;}
    .management .cVal_cont .autonomy_box dd{color:#fff;opacity:0.8;}

    /* location */
	.location .page-title{font-size:2.4rem;line-height:3.2rem;}

	.loca_area{max-width:140rem;margin:0 auto 0;display: flex;}
	.loca_area li{width:50%;}
	.loca_area li h4{font-size:2.2rem;font-weight:600;color:#fff;line-height:6rem;text-align:center;}
	.loca_area .loca_info{padding:5rem 6rem 6rem;border:1px solid #e5e5e5;border-top:none}
	.loca_area li+li .loca_info{border-left:none;}
	.loca_area .loca_info img{max-width:fit-content;width:100%;}
	.loca_area .loca_info dl{margin-top:4rem;padding-left:2.5rem;position:relative;}
	.loca_area .loca_info dl::before{content:'';display:inline-block;width:1.6rem;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;left:0;top:0;}
	.loca_area .loca_info dt{font-size:2.1rem;line-height:1;color:#333;font-weight:600;}
	.loca_area .loca_info dd{font-size:1.9rem;line-height:2.5rem;margin-top:1.5rem;}

	.loca_area .pohang h4{background:linear-gradient(to top right, #1f465e 0%, #4da443 100%);}
	.loca_area .seoul h4{background: linear-gradient(to top right, #1f465e 0%, #4da443 100%);}
	.loca_area .addr::before{height:1.9rem;background-image:url("/images/sub/loca_addr_icon.png");}
	.loca_area .tel::before{height:2rem;background-image: url("/images/sub/loca_tel_icon.png");}
	.loca_area .tel span{font-weight:500;color:#333}

    /* recyling */
    .recyling{text-align:center;}
    .recyling .img_cont02{padding:5rem 0}

	/* esg common */
	.cont_tit{padding-left:1.5rem;font-size:2.4rem;font-weight:700;color:#1b1b1b;position:relative;}
	.cont_tit::before{content:"";display:inline-block;width:0.7rem;height:0.7rem;background-color:#4da144;position:absolute;left:0;top:1.5rem}
	.syst_code{font-weight:700;color:#26966a;}

    /* continue */
    .continue{}
    .continue section{text-align:center;}
    .continue article{padding:0 3rem}
    .continue .symbol_box{display:flex;justify-content:center;align-items:center;flex-direction:column;width:30rem;height:30rem;margin:0 auto;color:#fff;border-radius:50%;background-size: cover;background-image:url("/images/sub/symbol_box_bg.png");background-repeat:no-repeat;background-position:center;box-shadow:inset 0 0 10rem rgba(0,0,0,0.4), 0.5rem 0.5rem 3rem rgba(0, 65, 36, 0.2);}
    .continue .symbol_box::before{content:'';display:inline-block;margin-bottom:1.9rem;;background-position:center;background-repeat:no-repeat;background-size:contain;}
    .continue .symbol_box span{display:inline-block;width:100%;font-size:1.7rem;line-height:1;opacity:0.9;font-family:var(--fm_play);}
    .continue .symbol_box em{display:inline-block;width:100%;margin-top:1rem;font-size:2.4rem;font-weight:600;}
    .continue .dropcap_txt{display:inline-block;font-size:2.3rem;line-height:2.4rem;font-family:var(--fm_play);vertical-align:bottom;text-align:left;position:relative;}
    .continue .dropcap_txt span{font-size:8rem;font-weight:600;position:absolute;left:0;bottom:0}
    .continue .sect_cont{font-size:2.5rem;line-height:3.6rem;color:#333;font-weight:500;margin-top:3.4rem;}
    .continue .sect_cont br.mo{display:none;}

    .environment{padding-bottom:11rem;}
    .environment .symbol_box{background-color:#004c77;}
    .environment .symbol_box::before{width:8rem;height:7.2rem;background-image:url("/images/sub/continue_icon01.png");}
    .environment .dropcap_txt{color:#5e7e8c;width:31rem;margin-top:4rem;padding-left:5.3rem;}
    .environment .dropcap_txt span{color: #00415d;line-height:6.4rem;}

    .social{padding:12rem 0;background:url("/images/sub/social_bg.jpg") no-repeat center;background-size:cover;}
    .social .symbol_box{background-color:#23956f;}
    .social .symbol_box::before{width:7.1rem;height:7.2rem;background-image:url("/images/sub/continue_icon02.png");}
    .social .dropcap_txt{color:#fff;padding-left:6.3rem;margin-top:7rem;}
    .social .dropcap_txt span{line-height:6.2rem;}
    .social .sect_cont{color:#fff}

    .governance{padding-top:12rem;}
    .governance .symbol_box{background-color:#44ba5e;box-shadow:inset 0 0 10rem rgba(0,0,0,0.1), 0.5rem 0.5rem 3rem rgba(0, 65, 36, 0.2)}
    .governance .symbol_box::before{width:7.2rem;height:7.6rem;background-image:url("/images/sub/continue_icon03.png");}
    .governance .dropcap_txt{display:flex;justify-content:center;gap:3.5rem;color:#3e9d52;margin-top:7rem;}
    .governance .dropcap_txt li{position:relative;}
    .governance .dropcap_txt li span{line-height:6.4rem;}
    .governance .dropcap_txt li:nth-child(1){padding-left:7.3rem;}
    .governance .dropcap_txt li:nth-child(2){padding-left:5.8rem;}

    /* ethic */
    .ethic br.mo{display:none;}
    .ethic article+article{margin-top:6rem;}
    .ethic .rule_info{padding:4rem 5rem;background-color:#f0f1f4;margin-top:3rem;}
    .ethic .rule_info p{max-width:110rem;font-size:1.9rem;color:#333;line-height:3.3rem;}

    .ethic .attach{text-align:right;font-size:1.8rem;}
    .ethic .rule_box{padding:5rem;border:1px solid #e1e1e1}
    .ethic .rule_box dl{counter-reset:number 0;}
    .ethic .rule_box dl+dl{margin-top:3.5rem;}
    .ethic .rule_box dt{font-size:1.9rem;font-weight:500;color:#1b1b1b;margin-bottom:0.5rem;}
    .ethic .rule_box dd{font-size:1.8rem;line-height:3.1rem;}
    .ethic .rule_box dd a{color:#1b1b1b;font-weight:600;}
    .ethic .rule_box dd:not(.not_number){padding-left:1.8rem;counter-increment:number;position:relative;}
    .ethic .rule_box dd:not(.not_number)::before{content:counter(number)".";position:absolute;left:0;top:0;}
    .ethic .rule_box .dash p{padding-left:1.2rem;position:relative;}
    .ethic .rule_box .dash p::before{content:"-";position:absolute;left:0;top:0;}

	/* quality */
	.quality br.mo{display:none}
	.quality h4{font-size:3.8rem;text-align:center;font-family:var(--fm_play);font-weight:600;background:linear-gradient(to right, #1f465e 47%, #33a626 55%);-webkit-background-clip:text;color:transparent}

	.quality_mngmt{padding-bottom:7.5rem;}
	.quality_mngmt .box_list{display:flex;justify-content:center;flex-wrap:wrap;gap:4rem;margin-top:5rem;padding-bottom:5rem;}
	.quality_mngmt .box_list::after{content:"";display:block;width:100%;height:11.2rem;margin-top:1rem;;background:url("/images/sub/quality_arrow_icon.png") no-repeat center;background-size:contain;}
	.quality_mngmt .box_list dl{width:100%;max-width:68rem;padding:4rem;border:1px solid #d4dfd0;background-color:#f4f8f3;}
	.quality_mngmt .box_list dt{padding:1.5rem 3rem;margin-bottom:3.5rem;;font-size:2.1rem;line-height:3rem;color:#fff;font-weight:600;text-align:center;background:linear-gradient(30deg, #347359 30%, #4da443 60%);box-shadow:0.5rem 0.5rem 1.5rem rgba(85, 171, 76, 0.15);}
	.quality_mngmt .box_list dd{font-size:1.9rem;line-height:2.8rem;margin-top:1rem;padding-left:2rem;position: relative;}
	.quality_mngmt .box_list dd::before{content:"·";display:inline-block;position:absolute;left:1.3rem;top:0;}

	.quality .tb_cont{}
	.quality .tb_cont>p{margin-bottom:5rem;font-size:2.8rem;line-height:4.2rem;color:#333;text-align:center;}
	.quality .tb_cont>p span{font-weight:600;}
	.quality .tb_cont dl{display:table;width:100%;}
	.quality .tb_cont dl:nth-of-type(1){border-top: 0.2rem solid #333;}
	.quality .tb_cont dl+dl{border-top:1px solid #ccc}
	.quality .tb_cont dl:nth-of-type(3){border-bottom: 1px solid #666;}
	.quality .tb_cont dt{display:table-cell;width:28rem;font-size:2.2rem;font-weight:700;color:#1b1b1b;text-align:center;line-height:1;vertical-align:middle;background-color:#f8f8f8;}
	.quality .tb_cont dd{display:table-cell;;padding:3.5rem 8rem;font-size:2.2rem;line-height:3.2rem;color:#444;}
	.quality .tb_cont dd > ol{list-style:decimal-leading-zero;padding-left:3.6rem}
	.quality .tb_cont dd > ol>li{padding-left: 0.5rem;}
	.quality .tb_cont dd > ol>li::marker{font-weight:600;color:#26966a;}
	.quality .tb_cont dd .icon_box{display:inline-block;margin-right:1.9rem;vertical-align:middle;}
	.quality .tb_cont dd .txt_box{display:inline-block;}

	.quality_confide{}
	.quality_confide h4{font-size:3.6rem;}
	.quality_confide .sect_intro{margin:2rem 0 5.3rem;;font-size:2.2rem;line-height:3rem;text-align:center;}
	.quality_confide .img_cont{text-align:center;margin-top:3.5rem;}
	.quality_confide .img_cont img{width:100%;max-width:fit-content;}

	.quality_confide .step_list{display:flex;justify-content:space-between;gap:1.9rem;margin-top:10.5rem;}
	.quality_confide .step_list dl{flex:1;padding:2.8rem 2rem 3.4rem;border:1px solid #ddd;border-radius:0.2rem;}
	.quality_confide .step_list dt{font-size:1.9rem;line-height:4.2rem;font-weight:600;color:#fff;text-align:center;background:linear-gradient(30deg, #347359 30%, #4da443 60%);border-radius:0.2rem;}
	.quality_confide .step_list dt span{font-weight:300;}
	.quality_confide .step_list dd{padding:2.5rem 2rem 0}
	.quality_confide .step_list dd>ol{padding-left:1.5rem;list-style:decimal;}
	.quality_confide .step_list dd>ol>li{font-size:1.8rem;line-height:2.9rem;}

	/* health */
	.health{}
	.hsnem{text-align:center;}
	.hsnem h4{margin-bottom: 4rem;font-size:3.8rem;line-height:4.2rem;font-weight:600;text-align:center;font-family:var(--fm_play);background:linear-gradient(to right, #1f465e 47%, #33a626 55%);-webkit-background-clip:text;color:transparent}
	.hsnem article>img{}
	.hsnem .cont_box{text-align:left;margin-top:5.5rem;}
	.hsnem .cont_box+.cont_box{margin-top:5.3rem;}
	.hsnem .cont_box em{display:inline-block;font-size:2.6rem;margin-bottom:1.5rem;}
	.hsnem .cont_box ol{list-style:decimal;padding-left:3.2rem;}
	.hsnem .cont_box ol>li{font-size:2rem;line-height:3.2rem;}
	.hsnem .syst_list{display:flex;gap:9rem;padding-left:1.7rem;}
	.hsnem .syst_list .syst_box{}
	.hsnem .syst_list .syst_box p{font-size:2.2rem;margin-bottom: 1.5rem;}
	.hsnem .syst_list .syst_box .syst_code{display:inline-block;padding-right:0.5rem;}
	.hsnem .syst_list .syst_box img{}

    /* careers */
    .careers{}
    .careers .page-title span{font-weight:500;color:#1b1b1b}
    .careers .careers_info{padding-bottom:6rem;border-bottom:1px solid #ddd;}
    .careers .process{}
    .careers .process h4{}
    .careers .proc_step{}
    .careers .proc_step em{display:inline-block;width:100%;margin-bottom:4rem;text-align:center;font-size:4.2rem;font-weight:600;font-style: italic;font-family:var(--fm_play);background:linear-gradient(to right, #1f465e 47%, #33a626 55%);-webkit-background-clip:text;color:transparent}
    .careers .proc_step ol{display:flex;justify-content:space-between;text-align:center;counter-reset:step_list}
    .careers .proc_step ol>li{display:flex;align-items:center;justify-content:center;flex-direction:column;width:17.4rem;height:15.4rem;padding:0 0.7rem 0 0.5rem;font-size:2.1rem;line-height:2.4rem;font-weight:500;color:#375437;background:url("/images/sub/proc_step_bg.png") no-repeat center;background-size:contain;counter-increment: step_list;position:relative;}
    .careers .proc_step ol>li+li::after{content:"";width:4.4rem;height:1px;background-color:#cfd3d0;position:absolute;left:-3.9rem;top:50%;z-index:-1;;margin-top:-0.3rem;}
    .careers .proc_step ol>li::before{content: "0"counter(step_list);color:#c1c3c1;font-weight:700;display:inline-block;margin-bottom:0.5rem;}
    .careers .proc_step ol>li:last-child{color:#fff;background:url("/images/sub/proc_step_color_bg.png") no-repeat center right;background-size: contain;}
    .careers .proc_step ol>li:last-child::before{color:#fff;}
    .careers .proc_step ol>li span{display:inline-block;width:100%;font-weight:400;font-size:1.8rem;}

    .careers .eligible{margin:8rem 0 3.8rem;}
    .careers .dash{margin-top:1.5rem;}
    .careers .dash li{padding-left:1.2rem;position:relative;font-size:1.9rem;line-height:3rem;}
    .careers .dash li::before{content:"-";position:absolute;left:0;top:0;}

    .careers .down_apply{display:inline-block;width:25rem;padding:1.8rem 0;margin-top:5.5rem;font-size:1.8rem;font-weight:500;color:#333;text-align:center;line-height:1;border:1px solid #ccc;background-color:#f7f7f7;}
    .careers .down_apply::after{content:'';display:inline-block;width:1.8rem;height:1.8rem;margin-left:0.5rem;;background:url("/images/sub/down_apply_icon.png") no-repeat center;background-size:contain;}

    .careers .careers_board{margin-top:7rem;}
    .careers .careers_board h4{font-size:4rem;font-weight:700;color:#000;text-align:center;}
    .careers .careers_board .board_top{margin-top:2rem;;display:flex;justify-content:space-between;flex-direction: row-reverse;align-items:flex-end;}
    .careers .careers_board .board_search{width:auto;margin-bottom:1.5rem;}
    .careers .careers_board .board_search input[type=text]{width:24rem;}
    .careers .careers_board .board_search input[type=submit]{font-size:0;line-height:0;min-width:5rem;background-image:url("/images/search_icon_careers.png");background-repeat:no-repeat;background-position:center;background-size:2rem;}

    /* talent */
    #container.full.talent{padding-left:3rem;padding-right:3rem;}
    .talent article{max-width:172rem;margin:0 auto;padding:10rem 3rem;display:flex;justify-content:center;gap:6%;background:url("/images/sub/talent_bg.jpg")no-repeat center;background-size:cover;}
    .talent article dl{width:32.7rem;height:32.7rem;border-radius:50%;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:1.5rem 1.5rem 2.5rem rgba(0,0,0,0.15);}
    .talent article dl:nth-child(1){background:linear-gradient(to top right, rgba(31,70,94,0.98) 0%, rgba(77,164,67,0.98) 100%);}
    .talent article dl:nth-child(2){background:linear-gradient(to top right, rgba(60,166,181,0.98) 0%, rgba(27,195,181,0.98) 100%);}
    .talent article dl:nth-child(3){background:linear-gradient(to top right, rgba(119,206,105,0.98) 0%, rgba(30,209,154,0.98) 100%);}
    .talent article dt{font-size:3.1rem;font-weight:600;font-family:var(--fm_play);line-height:1;}
    .talent article dd{line-height:2.2rem;margin-top:1.4rem;}

    /* careers_syst */
    .careers_syst{}
    .careers_syst article>h4{font-size:3.8rem;font-weight:800;text-align:center;background:linear-gradient(to right, #1f465e 47%, #33a626 55%);-webkit-background-clip:text;color:transparent}
    .careers_syst .cont_intro{text-align:center;font-size:2.2rem;line-height:3.6rem;}
    .careers_syst .assign{margin-top:5rem;}
    .careers_syst .assign+.assign{margin-top:5.5rem;}
    .careers_syst .cont_tit{display:inline-block;width:100%;margin-bottom:2.5rem;}
    .careers_syst .cont_tit span{font-weight:400;font-size:2.2rem;}
    .careers_syst .assign ul{background-color: #f8f8f8;padding:8.5rem 0;display:flex;justify-content:center;gap:0 13rem;}
    .careers_syst .assign ul>li{color:#fff;font-size:2.6rem;width:20rem;height:17.4rem;filter: drop-shadow(1rem 1rem 2.5rem rgba(21,77,64,0.15));display:flex;align-items:center;justify-content:center;}
    .careers_syst .assign ul>li+li{position:relative;}
    .careers_syst .assign ul>li+li::before{content:'';width:13rem;height:5.8rem;display:inline-block;background:url("/images/sub/assign_arrow.png") no-repeat center;background-size:contain;position:absolute;left:-13rem;}
    .careers_syst .assign:nth-of-type(1) ul>li{background:url("/images/sub/assign01_bg.png") no-repeat center;background-size:contain;}
    .careers_syst .assign:nth-of-type(2) ul>li{background:url("/images/sub/assign02_bg.png") no-repeat center;background-size:contain;}

    .welfare{margin-top:7rem;}
    .welfare h4{margin-bottom:3rem;}
    .welfare dl{display:table;width:100%;border-top:1px solid #ddd;}
    .welfare dl:nth-of-type(1){border-top:2px solid #333;}
    .welfare dl:last-child{border-bottom:1px solid #ddd;}
    .welfare dt{display:table-cell;padding:0 3rem 0 6rem;width:30rem;font-size:2.3rem;font-weight:700;color:#000;background-color:#f3f4f5;vertical-align:middle;}
    .welfare dt span{display:inline-block;width:100%;margin-top:0.5rem;;font-size: 1.8rem;color:#9b9b9b;font-family:var(--fm_play);font-weight:400;line-height:1;}
    .welfare dd{display:table-cell;padding:3rem 0 3rem 8rem}
    .welfare dd p{padding-left:0.9rem;font-size:1.9rem;position: relative;}
    .welfare dd p+p{margin-top:0.8rem;}
    .welfare dd p::before{content:"·";display:inline-block;position:absolute;left:0;}
    .welfare dd p span{display:inline-block;width:100%;font-weight:600;color:#333;}



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

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


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

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


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

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

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

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

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

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

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

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

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

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

	/* etc */
		.etc_clause{width:90%; margin:0 auto;  font-size:0; line-height:0; text-align: center; box-sizing:border-box; position: relative; overflow: visible;}
		.etc_clause:before,
		.etc_clause:after{content:"";position:absolute;top:2%;bottom:0;left:10px;right:10px;-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: #cc0000;}

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

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

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

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

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

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

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

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

/*[s] Plugin Style */
	.layer-base.fancybox__content>.carousel__button.is-close{width:3.3rem; height:3.3rem; top:2.2rem !important; right:3rem; display:none !important;}
	.layer-base.fancybox__content>.carousel__button.is-close svg{width:100%; height:100%; stroke-width:1.5; filter:none; color: #666;}

	.layer-base{padding:0 !important; background-color: transparent !important; font-size:0; line-height:0; display:none;}
	.layer-base .layer-in{}
	/*
		.lay-table{width:100%; font-size:0; line-height:0;}
		.lay-table>table{width:100%; border-spacing:0; table-layout : fixed;}
		.lay-table>table th,
		.lay-table>table td{height:7rem; padding:1.5rem 0; background-color: #fff; border-top:1px solid #ebebeb; font-size:1.6rem; line-height:1.5; 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;}

		.lay-table>table th{}
		.lay-table>table>thead>tr>th{}
		.lay-table>table>tbody>tr>th{font-weight: 500; color: #222;}

		.lay-table>table .tel{padding-left:4rem; display:inline-block;}
		.lay-table>table .tel>strong{font-weight: 500; color: #ffde25;}

		.lay-table>table .btns{width:20rem; height:5rem; background-color: #fff; font-weight: 500; font-size:1.6rem; line-height:5rem; color: #222; text-align: center; display:inline-block; vertical-align: top; border-radius:0.5rem; box-shadow:0 0 2rem rgba(0,0,0,0.1);}
		.lay-table>table .btns>span{font-weight:bold; font-size:1.6rem;}
		.lay-table>table .btns+.btns{margin-left:1rem;}
		.lay-table>table .btns.kakao{background-color: #ffe618;}

		#layer-time,
		#layer-juso{width:100%; max-width:160rem;}
		.layer-base .title{padding-top:2.3rem; font-weight: bold; font-size:3rem; line-height:1; color: #222; position: relative;}
		.layer-base .title:before{content: ""; width: 4rem; height: 0.5rem; background-color: #222; font-size:0; line-height:0; display: inline-block; position:absolute; left: 0; top:0px;}
		.lay-time-area{margin-top:3rem; display: flex; justify-content: space-between;}
		.lay-time-area .lay-map{width:50%; border-radius:1rem; overflow:hidden; position: relative;}
		.lay-time-area .lay-map>img{width:100%; max-width:none;}
		.lay-time-area .lay-map .root_daum_roughmap{width:1400px; height:700px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
		.lay-time-area .lay-map .wrap_map,
		.lay-time-area .lay-map .map{width:100%; height:100%;}
		.lay-time-area .lay-table{width:45.7142%;}

		#layer-schdule{width:100%; max-width:84rem;}
		#layer-schdule .layer-in{padding:8rem 4rem 5rem;}
		#layer-schdule .layer-schdule-area{}
		#layer-schdule .layer-schdule-text{margin-top:4rem; font-size:1.6rem; line-height:1.4; color: #666;}
		#layer-schdule .layer-schdule-text>dt{font-weight: 500; font-size:1.8rem; color: #222; }
		#layer-schdule .layer-schdule-text>dd{margin-top:1rem;}
	*/
	#insight-summary{width:100%; max-width:120rem; text-align: center;}
	#insight-summary .layer-in{padding:9rem 12rem; background-color: #fff; border-radius:1rem;}
	#insight-summary .character{}
	#insight-summary .character img{width:10rem;}
	#insight-summary .insight-summary-title{}
	#insight-summary .insight-summary-title>dt{font-weight: 600; font-size:3rem; line-height:1.2; color: var(--point);}
	#insight-summary .insight-summary-title>dd{font-size:2.6rem; line-height:3.4rem; color: #666;}

	.insight-summary-title{width:100%; margin-bottom:6rem; padding:4rem 3rem; background-color: #f0f0f0;}
	.insight-summary-title .cate{font-size:1.6rem; line-height:1.2; color: #666;}
	.insight-summary-title .title{margin-top:1rem; font-weight: 600; font-size:2.4rem; line-height:1.2; color: var(--point); display: block; overflow: hidden;}
	.insight-summary-title .day{margin-top:2rem; font-size:1.4rem; line-height:1.2; color: #999;}

	.insight-summary-list{width:100%; text-align: left;}
	.insight-summary-list>li+li{margin-top:5.5rem;}
	.insight-summary-list .cate{font-size:1.6rem; line-height:1.2; color: #666;}
	.insight-summary-list .title{margin-top:1.5rem; font-weight: 600; font-size:2rem; line-height:1.2; color: var(--point); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.insight-summary-list .text{margin-top:1rem; font-size:1.6rem; line-height:2.6rem; color: #666; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.insight-summary-list .view{margin-top:1.5rem; font-size:1.4rem; line-height:1.2; color: #999; text-decoration: underline; text-underline-position:under; display:inline-block;}

	#insight-summary .insight-summary-list{margin-top:4rem;}

	/* Layer Style */
		/*.layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}*/

		.layerCell{display:none;}

		.layerArea{width:0px; height:0px; background-color: rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; z-index:99; overflow:hidden; overflow-y:auto; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}
		.layerArea.one,
		.layerArea.two{width:100%; height:100%; left:0%; top:0%;}
		.layerArea.two .layerBgIn{width:100%; height:100%; left:0%; top:0%;}
		.layerArea .closeLy{width:1.7rem; height:1.7rem; display:inline-block; position: absolute; right:0; top:0;}
		.layerArea .closeLy:before,
		.layerArea .closeLy:after{content: ""; background-color: #080808; position: absolute; left:50%; top:50%;}
		.layerArea .closeLy:before{width: 100%; height: 2px; transform:translate(-50%, -50%) rotate(45deg);}
		.layerArea .closeLy:after{width: 2px; height: 100%; transform:translate(-50%, -50%) rotate(45deg);}
		.layerArea .closeLy.type02{width:2.3rem; height:2.3rem; right:3rem; top:3rem;}
		.layerArea .closeLy.type02:before,
		.layerArea .closeLy.type02:after{background-color: #676767;}

		.layerArea .layerIn{width:100%; height:100%; display: table; position:relative;}
		.layerArea .layerIn .layerCell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;}
		.layerArea .layerIn .layerBox{margin:0 auto; background-color: #fff; font-size:0; line-height:0; display:none; position: relative; box-sizing: border-box; z-index:99; border-radius:1rem;}
		/*
		.layerArea .layerIn .layerBox>.tit_lay{padding:25px 25px 15px;}
		.layerArea .layerIn .layerBox>.tit_lay>strong{font-size:16px; line-height:1; color:#00a9cc;}
		*/
		.layerArea .layerIn .layerBox .contLy{position: relative;}

		.downlay{width:100%; padding:10rem 0; border-radius:0 !important;}
		.downlay .closeLy{top:-5rem;}
		.downlay>.contLy{width:64.5rem; margin:0 auto; text-align: center;}
		.downlay .title{padding-bottom:5rem; font-weight: bold; font-size:3rem; line-height:1; color: #000;}
		.downlay .title>strong{color: #23abaf;}
		.downlay .utllBox{width:47.6rem; margin:0 auto; display:table; table-layout: fixed;}
		.downlay .utllBox>*{width:50%; display:table-cell; vertical-align: top; box-sizing: border-box;}
		.downlay .utllBox .tit{font-size:1.5rem; line-height:1; color: #666;}
		.downlay .utllBox .txt{margin-top:2.5rem; font-size:1.2rem; line-height:1; color: #888;}
		.downlay .utllBox .icon{height:15rem; margin-top:3rem; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center;}
		.downlay .utllBox .icon>p+p{margin-top:2rem;}
		.downlay .utllBox>.qr{border-left:1px solid #dadada;}
		.downlay .utllBox>.store img{width:16.8rem;}
		.downlay .utllBox>.qr img{width:15rem;}

		.formLay{width:62rem; padding:7rem 5rem 6rem; border-radius:1rem;}
		.formLay input[type=text]{width:100%; height:5.4rem; padding:0; background-color:#fff; border-bottom:2px solid #e8e8e8; font-size:1.8rem; line-height:5.2rem; color:#666; box-sizing: border-box; vertical-align:middle; display:inline-block;}
		.formLay .title{padding-bottom:3.5rem; border-bottom:1px solid #333; font-weight: 500; font-size:2.6rem; line-height:1; color: #1b1b1b;}
		.formLay .textBox{width:62rem; margin:-1px 0 0 -5rem; padding:4rem 0; background-color: #f6f7fa; border-top:1px solid #ececec; border-bottom:1px solid #ececec; font-size:1.9rem; line-height:1; color: #1b1b1b; letter-spacing: -0.08em; text-align: center; position: relative; z-index:2;}
		.formLay .textBox>span{color: #149699;}
		.formLay .launchingForm{margin-top:1rem;}
		.formLay .launchingForm>li{padding-top:4rem;}
		.formLay .launchingForm>li>dl{}
		.formLay .launchingForm>li>dl>dt{font-weight: 500; font-size:1.9rem; line-height:1; color: #1b1b1b;}
		.formLay .launchingForm>li>dl>dd{height:6.4rem; padding-top:1rem; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; box-sizing: border-box;}
		.formLay .launchingForm>li>dl>dd.two{flex-wrap: nowrap; justify-content: space-between; white-space: nowrap;}
		.formLay .launchingForm>li>dl .checkIn{}

		.formLay .launchingForm>li.two{display: flex; justify-content: space-between;}
		.formLay .launchingForm>li.two>dl{width:48%;}
		.formLay .launchingForm>li .clauseView{font-size:1.7rem; line-height:1; color: #989898;display:inline-block;}
		.formLay .launchingForm>li .clauseView>span{border-bottom:1px solid #999; padding:0.2rem 0 0.3rem; display:inline-block;}
		.formLay .btnArea{margin-top:6rem;}

		.privacylay{width:62rem; padding:7rem 5rem;}
		.privacylay .title{padding-bottom:3.5rem; font-weight: 500; font-size:2.8rem; line-height:1; color: #000; text-align: center;}
		.privacylay .clauseArea .scroll{padding:3.5rem 3.9rem; background-color: #f8f9fb; border:1px solid #eee; font-weight: 300; font-size:1.7rem; line-height:2.6rem; color: #666;}

	/* Img Over Bg Style */
		#photo{width:960px;margin:0 auto; position:relative; overflow:hidden;}
		#photo>li{width:150px; height:150px; margin:5px; float:left; display:inline; overflow:hidden; }
		#photo>li>a{width:100%; height:100%; position: relative; display:block; overflow:hidden;}
		#photo>li>a>img{width:100%; height:100%; display:block; border-radius:5px;}
		#photo>li>a>.bg_l{width:100%; height:100%; background-color:red; position: absolute; left:0; top:0; display:none; opacity:0.3; border-radius:5px;}

	/* Notice One Line Style */
		.mNoticeList{width:100%; height:60px; margin-top:25px; overflow:hidden; position: relative;}
		.mNoticeList>ul{width:100%; position: absolute; left:0; top:-60px;}
		.mNoticeList>ul>li{height:60px; position: relative;}
		.mNoticeList>ul>li>a{padding-left:73px; display:block; position: relative;}
		.mNoticeList .day{width:41px; padding-right:15px; border-right:1px solid #d5d1cc; font-weight: 600; font-size:12px; line-height:1; color: #b99764; text-align: center; position: absolute; left:0; top:0;}
		.mNoticeList .day>strong{font-weight: 700; font-size:32px; line-height:1; display:block;}
		.mNoticeList dl.list{font-size:16px; line-height:20px; color: #876e49; word-break:keep-all; word-wrap:break-word;}
		.mNoticeList dl.list>dt{padding-bottom:6px; font-weight: 600; font-size:12px; line-height:1; color: #b99764;}
/*[e] Plugin Style */

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

	/*[s] Sub Style */
        /* greeting */
        .greeting .page-title{margin-bottom:13rem;}
        .greeting-area .thumb{position:relative;height:58rem;padding:5rem;justify-content: flex-end;align-items: flex-start;}
        .greeting-area .greeting_ceo{right:50%;max-width:43rem;width:60%;transform:translateX(50%);}
	/*[e] Sub Style */
}
@media only screen and (max-width : 1340px){
	/*[s] Main Style */
	/*[e] Main Style */

	/*[s] Layer Style */
	/*[e] Layer Style */
}
@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 */
	/*[e] Main Style */

	/*[s] Sub Style */

	/* quality */
	.quality_confide .step_list{flex-wrap:wrap;}
	.quality_confide .step_list dl{width:48%;flex: auto;}

    /* talent */
    .talent article{flex-direction:column;align-items:center;gap:4rem;}

	/*[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 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 */
		#quick-social{display:none;}

		.m-tab{margin:6rem 0 5rem; flex-wrap: wrap; justify-content: center;}
		.m-tab>a{color: #fff;}
		.m-tab>a{color: #fff;}

		.pt-layout{display: block;}
		.pt-layout>*{width:100%;}
		.pt-layout>.text{margin-top:5rem; padding-left:0;}
		.pt-layout>.text .icon{margin-bottom:2rem; text-align: right; position: static;}

		.pt-layout.right>.text{padding-left:0;}

		/* visual */
			#mVisual .visualRoll .slider img{}
			#mVisual .slick-arrow{display:none !important;}
			#mVisual .slick-dots{display:block !important;}

		/* visual */
			#mainVisual{}
			#mainVisual .vTxtArea{}

	/*[e] Main Style */

	/*[s] Sub Style */
		.year-tab:before{display:none;}
		.year-tab ul.year-list{width:100%;}

        /* management */
        .management .culture ul li br{display:none;}

        /* careers */
        .careers .proc_step ol>li{font-size:2rem;}

		/* 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;}
		#insight-summary .layer-in{padding:9rem 6rem;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 840px){
	/*[s] All Style */
	/*[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 */
		#quick-right{bottom:10rem; z-index:7;}

		.m-tab>a{height:5rem; padding:0 3rem; font-size:2.2rem;}

		/* visual */
			#main-visual,
			#main-visual .main-slider,
			#main-visual .main-slider .slick-slide,
			#main-visual .main-slider .slide-media,
			#main-visual .main-slider .mobile_in{height:70vh !important;}

			#main-visual .main-slider .mobile_in{width: 242vw;}
			#main-visual .main-slider .mobile_in video,
			#main-visual .main-slider .mobile_in iframe{height:100% !important;}

		/* visual */
			#mVisual .visualRoll .slider img{height:115rem;}

			#mVisual .vTxtArea{height:115rem; align-items: flex-start;}
			#mVisual .vTxtArea .vTxt_in{padding:24.5rem 0 0;}

			#mVisual .vTxt .ii.tit{font-size:2.2rem;}
			#mVisual .vTxt .ii.title{font-size:5.5rem; line-height:6.5rem;}
			#mVisual .vTxt .ii.txt{font-size:2.6rem; line-height:1.3;}

			#mVisual .vTxt .ii.controll{margin-top:11rem;}

			#mVisual .slick-dots>li+li{margin-left:1.5rem;}
			#mVisual .slick-dots>li button{width:1.6rem !important; height:1.6rem;}
			#mVisual .slick-dots>li.slick-active button{width:6.1rem !important;}

		/* visual */
			#mainVisual{}
			#mainVisual .visualRoll .swiper-slide>img{height:93.6rem;}
			#mainVisual .vTxtArea{width:100%;}

			#mainVisual .vTxt .ii.title{font-size:5.2rem;line-height:1.1;}
            #mainVisual .vTxt .ii.text{font-size:2.2rem;line-height:3rem;}
			#mainVisual .vTxt .ii.btn{margin-top:6rem;}
			#mainVisual .vTxt .ii.btn>a{font-size:2rem;}

            #mainVisual .scroll_d{display:none;}

            /* idx_cmpn */
            .idx_cmpn .idx_cmpn_list{flex-direction:column;align-items:center;transform:translateY(8rem);}
            .idx_cmpn .idx_cmpn_list li{max-width:46.7rem;width:100%;}
            .idx_cmpn .idx_cmpn_list li+li{border-left:1px solid #eff2ef;border-top:none;}
            .idx_cmpn .idx_cmpn_list li a::after{height:1.1rem;background:url("/images/main/idx_cmpn_arrow_mo.png") no-repeat center;background-size:contain;}

            /* idx_recycle */
            .idx_recycle p br{display:none;}
            .idx_recycle p br.mo{display:block;}

            /* idx_esg */
            .idx_esg{padding:12rem 0;}
            .idx_esg article{}
            .idx_esg .idx_esg_cont{max-width:none;width:100%;padding-right:3rem;;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;}
            .idx_esg .idx_esg_cont::before{display:none}
            .idx_esg .idx_esg_cont h2{font-size:5.2rem;width:100%;}
            .idx_esg .idx_esg_cont p{font-size:2.2rem;}
            .idx_esg .idx_esg_cont p br.mo{display:block}
            .idx_esg .idx_esg_cont .view_btn{margin-top:0;}

            .idx_esg .swiper_conain{width:100%;}
            .idx_esg .swiper{margin-top: 5rem;width:100%;overflow: hidden;}
            .idx_esg .swiper_nav_box{display:none;}

            /* idx_public */
            .idx_public article{padding-right:0;}
            .idx_public .idx_public_box{margin-top:6rem;}
            .idx_public .idx_public_list{justify-content:normal;gap:inherit}
            .idx_public .idx_public_list li{flex: none;}
            .idx_public .idx_public_list li .img_scale{height:49rem;}
            .idx_public .idx_public_list dl{text-align:left;max-width:67.6rem;}
            .idx_public .idx_public_list .idx_public_cont{font-size:2rem;line-height:2.8rem;}
            .idx_public .idx_public_list .idx_public_data{font-size:2rem;}
            .idx_public .more_btn{top: 0}
            .idx_public .more_btn a{font-size:0;line-height: 1;top: -6rem}
            .idx_public .more_btn a:after{font-size:6rem;line-height:3rem;vertical-align:text-bottom;}

	/*[e] Main Style */

	/*[s] Sub Style */
		.year-tab{}
		.year-tab .name{font-size:2.2rem; display: flex;}

		.year-tab ul.year-list{width:100%; margin:0; background-color: #fff; border:1px solid #abaeb0; display: none; position: absolute; left:0; top:calc(100% - 1px); z-index:3;}
		.year-tab ul.year-list>li{margin:0 !important; display:block;}
		.year-tab ul.year-list>li+li{border-top:1px solid #abaeb0;}
		.year-tab ul.year-list>li a{height:7rem; background-color: #fff; border:none; font-size:2rem; color: #666; text-align: left; white-space: normal; border-radius:0; justify-content: flex-start;}
		.year-tab ul.year-list>li a>span{}

		.year-tab.open .name:after{transform:rotate(-45deg);}
		.year-tab.open .name:before{transform:rotate(45deg);}

		.year-tab ul.year-list>li:is(:hover, .active) a{background-color:rgba(57,190,133, 0.1); border-color:#abaeb0; color: var(--point);}

		.month-tab{width:34rem;}
		.month-tab>p{height:7.4rem; font-size:2.2rem;}
		.month-tab>p:before{font-size:2.2rem; right:2.9rem;}

		.month-tab .month-tab-in{max-height:50rem; border-radius:3.7rem;}
		.month-tab .month-tab-in>a{padding:1rem 0 1rem 3rem; font-size:2rem; line-height:1.45;}
		.month-tab .month-tab-in>a:nth-child(1){padding-top:2.5rem;}
		.month-tab .month-tab-in>a:last-child{padding-bottom:2.5rem;}

		ul.lawArea{}

		ul.lawArea .lawBox-gray{padding:2.5rem 3.5rem;}
		ul.lawArea .lawBox-gray .title{font-size:2.4rem; line-height:3.4rem;}
		ul.lawArea .lawBox-gray .text{font-size:2rem; line-height:3rem;}

		ul.lawArea .lawBox-gray .text.flex{margin-top:2rem; display:block;}
		ul.lawArea .lawBox-gray .text.flex>strong{display:block;}
		ul.lawArea .lawBox-gray .text.flex>img{}

		ul.lawArea .c-num .lawBox-gray{width:calc(100% + 4.5rem); margin:3rem 0 0 -4.5rem;}

		.lawSources{font-size:2rem;}

		ol.l-num{}
		ol.l-num>li{padding-left:2rem; font-size:2rem;}

		ol.c-num>li{padding-left:2.5rem; font-size:2.2rem;}

		/* greeting */
			.greeting .page-title{display:none;}
			.greeting-area .thumb{margin-top:13rem;}
			.greeting-area .greetin_logo{width:20%;max-width:fit-content;}
			.greeting-area .text{padding-top:7rem;}
			.greeting-area .text .txt{font-size:2.2rem; line-height:3.2rem;}

        /* management */
        .management br.mo{display: block}
        .management section{padding:0 3rem}
        .management .culture ul{flex-direction:column;align-items:center;}
        .management .culture ul li br{display:block;}
        .management .culture ul li+li{max-width:34rem;padding-left:0;padding-top:4.9rem;}
        .management .culture ul li+li::after{width:100%;top:1rem;left:0;}

        .management .cVal_cont{flex-direction:column;align-items:center;gap:5rem;}
        .management .cVal_cont dl{width:33rem;height:33rem;}
        .management .cVal_cont dt span{font-size:2.1rem;}
        .management .cVal_cont dd{font-size:2.2rem;}

        /* location */
        .loca_area{flex-direction:column;align-items:center;gap:3rem;}
        .loca_area li{width:100%;max-width:100rem;}
        .loca_area li+li .loca_info{border-left:1px solid #e5e5e5;}
        .loca_area .loca_info dt{font-size:2.2rem;}
        .loca_area .loca_info dd{font-size:2.2rem;line-height:2.7rem;}

        /* recyling */
        .recyling .img_cont02 img{width:15%;}

        /* continue */
        .continue .sect_cont br{display:none;}
        .continue .sect_cont br.mo{display:block;}

		/* ethic */
		.ethic br.mo{display:block;}
		.ethic .rule_box{padding:3rem}
		.ethic .rule_box dt{font-size:2.2rem;}
		.ethic .rule_box dd{font-size:2.1rem;}

		/* quality */
		.quality br.mo{display:block;}
		.quality .tb_cont dl{display:block;border:1px solid #ccc}
		.quality .tb_cont dl:nth-of-type(1){border-top:1px solid #ccc}
		.quality .tb_cont dl:nth-of-type(3){border-bottom:1px solid #ccc}
		.quality .tb_cont dl+dl{margin-top:3rem;}
		.quality .tb_cont dt{display:block;width:100%;padding:2.6rem}
		.quality .tb_cont dd{display:block;padding:3.5rem 3rem}
		.quality .tb_cont dd .icon_box{width:12rem;}

		.quality_confide .step_list dl{width:100%;}

		/* health */
		.hsnem .syst_list{flex-direction:column;gap:3rem;}
		.hsnem .syst_list .syst_box img{width:12rem;}

        /* careers */
        .careers .page-title br{display:none;}
        .careers .proc_step ol{flex-direction:column;align-items:center;gap:3rem;}
        .careers .proc_step ol>li{font-size:2.1rem;}
        .careers .proc_step ol>li+li{}
        .careers .proc_step ol>li+li::after{width:1px;height:4.4rem;top:-3.6rem;left:50%;}
        .careers .careers_board .board_top{flex-direction:column;}
        .careers .careers_board .board_search{width:100%;margin-bottom:2.5rem;}
        .careers .careers_board .board_search input[type=text]{width:calc(100% - 8rem);}
        .careers .careers_board .board_search input[type=submit]{min-width: 8rem}
        .careers .careers_board .board_top .board-total{align-self:flex-start;}

        /* careers_syst */
        .careers_syst .assign ul{padding:8.5rem 3rem}
        .welfare dl{display:block;border: 1px solid #ddd}
        .welfare dl+dl{margin-top:4rem;}
        .welfare dl:nth-of-type(1){border:1px solid #ddd}
        .welfare dt{display:block;width:100%;text-align:center;padding:1.5rem 3rem}
        .welfare dt span{font-size:2rem;}
        .welfare dd{display:block;padding:3rem}
		/* purpose */
			.purpose-area{}
			.purpose-top{padding:5rem 3rem; display: block;}
			.purpose-top .logo{padding:0; text-align: center;}
			.purpose-top .logo img{width:17.6rem;}
			.purpose-top dl{width:100%; padding:3rem 0 0 0; border-left:none; text-align: center;}
			.purpose-top dl>dt{font-size:2.4rem;}
			.purpose-top dl>dd{margin-top:1rem; font-size:2rem;}

			.purpose-top div{width:100%; padding:3rem 0 0 0; border-left:none;}
			.purpose-top div>p{font-size:2.2rem; line-height:3.2rem;}

			.purpose-list{gap:3rem;}
			.purpose-list .purpose-re{width:calc((100% - 3rem) / 2);}
			.purpose-list .purpose-in{padding:3rem 2rem 4rem;}
			.purpose-list .purpose-in .title{width:19rem; height:5rem; font-size:2rem;}
			.purpose-list .purpose-in .icon{height:12rem;}
			.purpose-list .purpose-in .num>span{width: 4.8rem; height: 4.8rem; font-size:2rem;}
			.purpose-list .purpose-in .text{margin-top:2rem; font-size:1.8rem; line-height:2.6rem;}

		/* grandcomm */
			.grandcomm-area{}
			.grandcomm-re{font-size:2rem; line-height:1.6;}
			.grandcomm-re>dl.title>dt{}
			.grandcomm-re>dl.title>dd{font-size:2rem;}

			.grandcomm-re>p>strong{font-size:2.1rem;}
			.grandcomm-re>p.tit>strong{font-size:2.4rem;}
			.grandcomm-re>div{font-size:1.8rem; line-height:2.6rem;}
			.grandcomm-re>div>strong{font-size:2rem; line-height:4rem;}

			.grandcomm-re>table{}
			.grandcomm-re>table th,
			.grandcomm-re>table td{font-size:1.8rem;}

			.grandcomm-re>table th{font-size:2rem;}


            /* careers_syst */
		/* store */
			.store-area>.store-inj{}
			.store-area>.store-inj>dl{}
			.store-area>.store-inj>dl>dt{}
			.store-area>.store-inj>dl>dd{font-size:2.3rem;}
			.store-area .store-inj-box{height:23.5rem;}
			.store-area .store-inj-box img{width:14rem; min-width:14rem;}
			.store-area .store-inj-box>dl{}
			.store-area .store-inj-box>dl>dt{font-size:2.4rem; }
			.store-area .store-inj-box>dl>dd{font-size:2.2rem;}
			.store-area .store-inj-btn{}
			.store-area .store-inj-btn>a{font-size:2rem;}

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

	/*[s] Plugin Style */
	/*[e] Plugin Style */
}
@media only screen and (max-width : 640px){
    .pc_img{display:none}
    .mo_img{display:inline-block}
}
@media only screen and (max-width : 440px) {
    /* greeting */
    .greeting-area .text .txt br{display:none}
    .greeting-area .text .txt br.mo{display:block}
}

@media only screen and (max-width : 340px){
    /* idx_recycle */
    .idx_recycle p br.mo{display:none;}
}

/*
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; flex-flow: column wrap; justify-content: center;
display: flex; flex-flow: row wrap; justify-content: center;

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

가운데 정렬
justify-content: center;

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

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

​

* 수직으로 적용
align-items

컨테이너의 꼭대기로 정렬
justify-content: flex-start
​
컨테이너의 바닥으로 정렬
flex-end

가운데로 정렬
center

컨테이너의 시작 위치에 정렬
baseline​

컨테이너에 맞도록 늘린다.
stretch


.list_ol_01 {counter-reset:item; margin-bottom:10px;}
.list_ol_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:26px;}
.list_ol_01 > li:last-child {margin-bottom: 0;}
.list_ol_01 > li:before {counter-increment: item; content: counter(item); width: 18px; height: 18px; display: inline-block; background: #fff; border:1px solid #636363; color: #636363; border-radius: 50%; text-align: center; line-height:18px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight:400;}

-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:scale(100%);
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: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
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; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/