@charset "utf-8";


/* 레이아웃 - 공통 */
body {overflow-x:hidden;}
.main-wrap p, .main-wrap a {transition:all 0.5s ease-in-out; word-break:keep-all}
.hidden {display:none !important;}
.upper {text-transform:uppercase !important;}

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */

#header {width:100%; height:90px; margin:0 auto; position:absolute; z-index:11; top:0; left:0; background:rgba(0, 0, 0, 0.60); transition:all 0.5s ease-in-out;}

#header .bg_w{background:rgba(255, 255, 255, 1);}

/* 로고 */
.header-in-wrap {width:98%; height:90px; margin:0 auto; max-width:1740px; transition:all 0.5s ease-in-out; position:relative; z-index:1; }
.header-in-wrap h1.logo {position:absolute; width:208px; left:0; top:50%; margin-top:-20.5px; height:41px; line-height:0; z-index:10;}
.header-in-wrap h1.logo a {display:block; overflow:hidden; width:100%;  }
.header-in-wrap h1.logo a img {width:100%; } 

/* 상단버튼 - 고객문의 */
.t-btn-inquiry { position:absolute; transition:all 0s ease-in-out; right:90px; width:137px; height:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; color:#fff;} 
.t-btn-inquiry span {font-family:'Play'; font-size:1.4rem; font-weight:600 }

#header .bg_w .t-btn-inquiry {color:#004ea2;} 



/* 상단버튼 - 메뉴펼침버튼 */
.t-btn-menu {display:none;}

/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {position:absolute; cursor:pointer; right:0; top:50%; margin-top:-22.5px; width:45px; height:45px; line-height:0; text-align:center; box-sizing:border-box; display:flex; justify-content:center; align-items:center; align-content:center; flex-wrap:wrap;}
.t-btn-sitemap .bar { position: relative; display: block; width: 5px; height: 5px; margin:1.5px; background: #fff; transition:all 0.5s ease-in-out; }
.t-btn-sitemap.sm-btn-on .bar {
	opacity: 0;
	margin: 0;
}
.t-btn-sitemap.sm-btn-on .bar:nth-of-type(1) {
	opacity: 1;
	width: 32px;
	height:3px;
	margin:0;
	-webkit-transform: translateX(2.3px) translateY(4.5px) rotate(-45deg);
	-ms-transform: translateX(2.3px) translateY(4.5px) rotate(-45deg);
	transform: translateX(2.3px) translateY(4.5px) rotate(-45deg);
}
.t-btn-sitemap.sm-btn-on .bar:nth-of-type(10) {
	opacity: 1;
	width: 32px;
	height:3px;
	margin:0;
	-webkit-transform: translateX(-2.3px) translateY(-4.5px) rotate(45deg);
	-ms-transform: translateX(-2.3px) translateY(-4.5px) rotate(45deg);
	transform: translateX(-2.3px) translateY(-4.5px) rotate(45deg);
}

/* 상단버튼 - 메뉴펼침버튼 */
.t-btn-menu {display:none;}

/* 상단메뉴 */
.top-menu-wrap {display:none;}


#header .bg_w .t-btn-sitemap .bar { background: #000; }


/* 전체 드롭다운 */
.gnb-menu-wrap {position:absolute; display:block; width:100%; max-width:100%; overflow:visible; background:none; left:0; top:0px; height:0; z-index:98; }
.gnb-menu-wrap > div {}
.gnb-bg {display:none;}
.gnb-menu-wrap .gnb-menu-area {height:0; overflow:visible;}
.gnb-menu-wrap .gnb-menu-area > .height-finder {width:100%; height:0; top:90px; transition:all 0.1s ease-in-out; position:relative;}
.gnb-menu-wrap .gnb-menu-area:hover > .height-finder {height:240px; background:rgba(0, 0, 0, 0.36); border-top:1px solid #000; border-bottom:1px solid #000;}
.gnb-menu-wrap .gnb-menu-area > .height-finder.sm-btn-on {height:240px; background:rgba(0, 0, 0, 0.36); border-top:1px solid #000; border-bottom:1px solid #000;}
.gnb-menu-area { }
.gnb-menu-area .gnb-menu-top {display:none;}
.gnb-menu-area .gnb-menu-top .close_btn {display:none;}
.gnb-menu-area .gnb-depth-1 {position:absolute; width:calc(96% - 520px); max-width:840px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; left:50%; margin-left:-550px; z-index:9998; overflow:visible; display:flex; }
.gnb-menu-area .gnb-depth-1 > li  {flex:fit-content; text-align:center; position:relative; z-index:9997}
.gnb-menu-area .gnb-depth-1 > li.gnb-depth-2 { margin-top:0; }
.gnb-menu-area .gnb-depth-1 > li > a {display:block; width:100%; height:90px; line-height:90px; font-size:2.0rem; color:#fff;}
.gnb-menu-area .gnb-depth-1 > li:hover > a {color:#54c3f1;}
.gnb-menu-area .gnb-depth-2  {height:0; overflow:hidden; position:absolute; z-index:9999; width:100%;  padding:10px 0 0 0; margin:0;  left:0; top:90px; }
.gnb-menu-area .gnb-depth-2 > li {width:100%; padding: 0 5px; clear:both; position:relative; margin:0 auto; height:auto;  box-sizing:border-box; word-break:keep-all; color:#fff;}
.gnb-menu-area .gnb-depth-2 > li:first-child {border-top:none;margin-top:0; }
.gnb-menu-area .gnb-depth-2 > li > a {
	background:none;  font-weight:normal;
	padding:0; display:block; height:auto; font-size:1.6rem; padding: 10px 0;background:none; letter-spacing:-0.5px }
.gnb-menu-area:hover .isDepth2 ul, 
.gnb-menu-area:focus .isDepth2:focus ul,
.gnb-menu-area .isDepth2 ul.sm-btn-on { height:auto; } 
.gnb-menu-area .isDepth2:hover ul li a:hover {background:#54c3f1;}
.gnb-menu-area .isDepth2 ul li a.on {background:#54c3f1; }

#header .bg_w .gnb-menu-area .gnb-depth-1 > li > a {color:#000;}
#header .bg_w .gnb-menu-area .gnb-depth-1 > li:hover > a {color:#54c3f1;}


#header.fixNav { position:fixed; z-index:9999; height:80px; background:rgba(0, 0, 0, 0.7);  border-bottom:0px solid #dadada;}
#header.fixNav .header-in-wrap {height:80px;}
#header.fixNav .header-in-wrap h1.logo {}
#header.fixNav .header-in-wrap h1.logo img { filter:invert(0%) sepia(200%) saturate(200%) hue-rotate(205deg) brightness(300%) contrast(300%);}
#header.fixNav .gnb-menu-wrap {border-bottom:0px solid #dadada;}
#header.fixNav .gnb-menu-wrap .gnb-menu-area > .height-finder {top:80px;}
#header.fixNav .gnb-menu-area .gnb-depth-1 > li > a {height:80px; line-height:80px;  color:#fff;}
#header.fixNav .gnb-menu-area .gnb-depth-2 {top:80px}

#header.fixNav .bg_w{background:rgba(255, 255, 255, 0.9); }
#header.fixNav .bg_w .gnb-menu-area .gnb-depth-1 > li > a {color:#000;}


/* 퀵 */
#quick { display:block; position:fixed; z-index:999999; width:100px; right:0; border-radius:300px; background:#fff; margin:0; height:605px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); transition-duration:.3s; overflow:hidden}
#quick .tit {text-align:center; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; height:68px; background:#2861ff;  }
#quick .tit span { font-size:1.7rem; line-height:4.5rem; color:#fff; }
#quick .icon_wrap {overflow: hidden; width:100%; height:480px; }
#quick .icon_wrap li {width:90%; height:120px; box-sizing:border-box; margin:0 auto;}
#quick .icon_wrap li a {width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; height:120px;}
#quick .icon_wrap li a span {color:#5b5b5b; font-size:1.5rem; display:block; line-height:1.6rem; margin-top:8px; text-align:center; word-break:keep-all;}
#quick .btn_top {text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; height:10px; padding-top:10px}


/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
#fullpage {overflow:hidden;}
.page {width:100%; margin:0 auto; overflow:hidden; position:relative; }
.container {width:92%; position:relative; margin:0 auto; overflow:hidden; z-index:2; max-width:1600px; padding:120px 0}
.page-etit {font-family:'Play'; font-size:6.0rem; line-height:6.0rem; font-weight:600;}
.page-setit {font-family:'Play'; font-size:5.0rem; line-height:6.0rem; font-weight:600;}
.page-tit {font-size:4.4rem; line-height:6.8rem; letter-spacing:-1px; margin-top:35px; font-family: 'Pretendard-Bold'; }
.page-stit {font-size:2.0rem;  line-height:3.0rem; letter-spacing:-1px; opacity:0.7; margin-top:25px;}
.page-btn {display:inline-flex; justify-content:center; align-items:center; flex-wrap:wrap; height:27px; position:relative;}
.page-btn span {letter-spacing:-0.5px; ; margin-right:14px; position:relative; z-index:2}
.page-btn span.eng {font-family:'Play'; font-size:1.4rem; height:1.6rem; line-height:1.5rem; font-weight:600; color:#e60012;}
.page-btn span.kor { font-size:1.9rem; font-family: 'Pretendard-Medium'; color:#fff}
.page-btn img { position:relative; z-index:2;}


.point1 {color:#96f312; }
.point2 {color:#2861ff; }
.point-bg1 {background:#96f312;}
.point-bg2 {background:#2861ff;}

.prev-arrow { cursor:pointer; width:12px; height:21px; transform:rotate(180deg); }
.prev-arrow .page-arrow {fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;}
.next-arrow { cursor:pointer; width:12px; height:21px; }
.next-arrow .page-arrow {fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;}

/*/// 메인 - 컨텐츠 공통 - end ///*/


/* ---- section #1 ---- */
.page1 {z-index:2; background:#f1e3ca; height:950px; } 
.page1 .container {width:100%; max-width:100%; padding:0}

/* 메인 롤링 */
#m-slider-wrap {width:100%; margin:0 auto; height:950px; overflow:hidden; }
#m-slider-wrap .m-slider-container {position:relative; z-index:10}
#m-slider-wrap .swiper-wrapper {width:100%; margin:0 auto; height:950px; }
#m-slider-wrap .swiper-slide {width:100%; height:950px; overflow:hidden; position:relative;}
#m-slider-wrap .m-slider-01 {background:#d6f1ee url('../images/m_slider_01.jpg') no-repeat center center; background-size:cover;}
#m-slider-wrap .m-slider-02 {background:#d6f1ee url('../images/m_slider_02.jpg') no-repeat center center; background-size:cover;}
#m-slider-wrap .m-slider-03 {background:#d6f1ee url('../images/m_slider_03.jpg') no-repeat center top; background-size:cover;}
#m-slider-wrap .m-slider-04 {background:#d6f1ee url('../images/m_slider_04.jpg') no-repeat center center; background-size:cover;}
#m-slider-wrap .m-slider-05 {background:#d6f1ee url('../images/m_slider_05.jpg') no-repeat center center; background-size:cover;}
#m-slider-wrap .m-slider-06 {background:#fff url('../images/m_slider_06.jpg') no-repeat center center; background-size:cover;}
#m-slider-wrap .m-slider-07 {background:#fff url('../images/m_slider_07.jpg') no-repeat center center; background-size:cover;}
#m-slider-wrap .swiper-slide .tit-wrap {position:relative; z-index:3; width:85%; height:950px; margin:0 auto; max-width:1600px;  display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
#m-slider-wrap .swiper-slide .tit-wrap p { width:100%; color:#fff; /*text-shadow: 0px 0px 3px #000, 0 0 0.05em #000, 0 0 0.05em #000;*/}
#m-slider-wrap .swiper-slide .tit-wrap .etit {}
#m-slider-wrap .swiper-slide .tit-wrap .etit span {font-family:'Play'; font-size:6.0rem; font-weight:600; line-height:7rem; display:block;  /*text-shadow: 0px 0px 1px #000, 0 0 0.02em #000, 0 0 0.01em #000; */}
#m-slider-wrap .swiper-slide .tit-wrap .con { font-size:1.9rem; line-height:2.2rem; word-break:keep-all; margin-top:50px; margin-bottom:70px; font-family: 'Pretendard-SemiBold';}
#m-slider-wrap .swiper-slide .tit-wrap.tit_b p { width:100%; color:#000 }

.m-slider-control {position:relative; width:92%; max-width:1600px; margin:0 auto; top:-120px; z-index:50; overflow:visible; height:21px; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; justify-content : flex-end;} 
.m-slider-control .m-slider-pagination {position:relative; margin:0 40px; height:18px; display:inline-flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.m-slider-control .swiper-pagination-bullet {width:18px; height:18px; background:none; opacity:0.5; border-radius:4.5px; margin-left:18px; transition:all 0.5s ease-in-out; z-index:2; color:#fff; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative;}
.m-slider-control .swiper-pagination-bullet:first-child {margin-left:0}
.m-slider-control .swiper-pagination-bullet p {font-family:'Play'; font-size:1.6rem; font-weight:600; }
.m-slider-control .swiper-pagination-bullet::after {content:''; position:absolute; right:0; height:2px; width:0; z-index:1; background:#ffffff; transition:all 0.5s ease-in-out;}
.m-slider-control .swiper-pagination-bullet-active {opacity:1; width:70px; }
.m-slider-control .swiper-pagination-bullet-active::after {width:35px; }


/* ---- section #2 ---- */
.page2 {}
.page2 .container {overflow:visible;}

.business-control {position:absolute; z-index:3; right:180px; top:90px; width:200px; height:200px;  border-radius:50%; display:flex; justify-content:center; align-content:center; flex-wrap:wrap; }
.circle-txt {position:absolute; z-index:3; left:10px; bottom:10px; width:180px; height:180px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-content:center; flex-wrap:wrap; animation: spinitem 15s linear infinite; transform-origin: 50% 50%;}
.circle-txt svg {height:170px; overflow:visible}
.circle-txt svg text {font-size:0.7rem; }
.circle-txt svg text textPath {fill:#e60012; font-family:'Play'; font-weight:500; text-transform:uppercase; letter-spacing:1.25px}
@keyframes spinitem {
	100% {
    	transform: rotate(360deg);
    }
}
.business-next {font-size:1.7rem; color:#e60012; position:relative; z-index:4; cursor:pointer; margin-left:17px}
.business-prev {font-size:1.7rem; color:#e60012; position:relative; z-index:4; cursor:pointer;}

.m-business-container {position:relative; z-index:2; margin-top:-40px; width:2380px; overflow:hidden;}
.m-business-container .swiper-slide {width:100%; box-sizing:border-box; overflow:hidden; margin-top:140px}
.m-business-container .swiper-slide-active {margin-top:0}
.m-business-container .swiper-slide a {display:block; overflow:hidden;  }
.m-business-container .swiper-slide a .thm {position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; flex-wrap:wrap; line-height:0; width:100%; overflow:hidden; background:#444; border-radius:35px}
.m-business-container .swiper-slide a .thm img {width:100%; opacity:1; transition:all 0.5s ease-in-out;}
.m-business-container .swiper-slide a:hover .thm img {opacity:0.8}
.m-business-container .swiper-slide a .thm .tit-wrap {width:100%; box-sizing:border-box; display:flex; justify-content:flex-end; align-items:flex-start; flex-direction:column; flex-wrap:wrap; position:absolute; z-index:2; height:100%; padding:50px; }
.m-business-container .swiper-slide a .thm .tit-wrap p {word-break:keep-all;}
.m-business-container .swiper-slide a .thm .tit-wrap .eng {font-size:2.0rem; color:#fff; font-family:'Play'; font-size:5.0rem; line-height:6.0rem; font-weight:600; max-width:340px; letter-spacing:-1px;}

.m-business-container .swiper-slide a .con-wrap {height:0; overflow:hidden; width:92%;color:#000000;  letter-spacing:-1px; }
.m-business-container .swiper-slide-active a .con-wrap { height: auto; margin:30px auto 0 auto;  }
.m-business-container .swiper-slide-active a .con-wrap .tit {font-size:2.9rem; height:3.2rem; line-height:3.2rem;  font-family: 'Pretendard-Bold'; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.m-business-container .swiper-slide-active a .con-wrap .con {font-size:1.8rem; line-height:2.8rem; margin-top:15px;}


/* ---- section #3 ---- */
.page3 {}
.page3 .container {width:100%; max-width:100%; padding:0;}

.m-tile-wrap {display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; width:100%;}
.m-tile-in {display:flex; justify-content:flex-end; align-items:stretch; flex-wrap:wrap; width:50%;overflow:hidden;}
.m-tile { width:50%; height:50%; box-sizing:border-box; position:relative; }
.m-tile.tile-1 {width:100%; height:100%; color:#fff;}
.m-tile.tile-2 {width:100%; height:50%; color:#fff;}
.m-tile.tile-3 {background:#fff; box-sizing:border-box; padding:70px;}
.m-tile.tile-4 {background:#024b9b; box-sizing:border-box; padding:70px;  color:#fff;}

.m-tile.tile-1 .tit-wrap {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; width:100%; height:auto; box-sizing:border-box; padding:120px 120px 0 120px; position:absolute; left:0; top:0; width:100%;  z-index:2} 

.m-object-container {position:relative; z-index:1;}
.m-object-container .swiper-slide {width:100%; box-sizing:border-box; overflow:hidden; position:relative; }
.m-object-container .swiper-slide .tit-in-wrap {position:absolute; width:100%; height:300px; left:0; bottom:0; z-index:2; padding:0 120px; }
.m-object-container .swiper-slide .tit-in-wrap .etit {font-family:'Play'; font-size:1.6rem; font-weight:600;}
.m-object-container .swiper-slide .tit-in-wrap .tit {font-family: 'Pretendard-SemiBold'; font-size:3.5rem; margin-top:10px}
.m-object-container .swiper-slide .thm-wrap {line-height:0; position:relative; z-index:1}
.object-nav {position:absolute; right:120px; bottom:230px; height:50px; width:110px; z-index:3; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.object-nav .object-prev, .object-nav .object-next {width:48px; height:48px; border-radius:50%; border:1px solid rgba(255, 255, 255, 0.4); display:flex; justify-content:center; align-items:center; flex-direction:column; flex-wrap:wrap; }
.object-control {position:absolute; left:0; bottom:0; height:112px; width:100%; z-index:3;}
.object-control .m-object-pagination {box-sizing:border-box; padding:0 60px; width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; position:relative;}
.object-control .m-object-pagination::before {content:''; position:absolute; left:0; top:4px; width:100%; height:1px; background:rgba(255, 255, 255, 0.2); display:block;}
.object-control .m-object-pagination .swiper-pagination-bullet  {flex:1; width:auto; height: auto; border-radius:0; position:relative; background:none; text-align:center;}
.object-control .m-object-pagination .swiper-pagination-bullet-active {background:none;}
.object-control .m-object-pagination .swiper-pagination-bullet p {font-size:1.4rem; font-family:'Play'; font-weight:500; padding-top:23px}
.object-control .m-object-pagination .swiper-pagination-bullet-active::before {content:''; position:absolute; left:50%; margin-left:-4.5px; border-radius:50%; top:0; width:9px; height:9px; background:#fff; display:block;}
.object-control .m-object-pagination .swiper-pagination-bullet-active p {font-weight:600;}
.object-control .m-object-pagination .swiper-pagination-bullet::after {content:''; position:absolute; right:50%; top:4px; width:1000px; height:1px; background:rgba(255, 255, 255, 0); display:block;}
.object-control .m-object-pagination .swiper-pagination-bullet-active::after {background:#fff; }

.m-tile.tile-2 a { line-height:0;}
.m-tile.tile-2 a .tit-wrap {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; width:100%; height:100%; box-sizing:border-box; padding:120px 80px; position:absolute; left:0; top:0; width:100%; height:100%;}
.m-tile.tile-2 a .thm-wrap {line-height:0; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; flex-wrap:wrap; }
.m-tile.tile-2 a .thm-wrap img {height:100%;}

.m-link-wrap {width:100%; margin-top:40px}
.m-link-wrap .m-link {width:100%; border-bottom:1px solid #e5e5e5; height:54px; box-sizing:border-box; padding:0 2%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.m-link-wrap .m-link .icon {width:28px}
.m-link-wrap .m-link .icon img {}
.m-link-wrap .m-link .tit {width:calc(100% - 100px);  height:2.0rem; line-height:2.0rem; font-size:1.8rem; color:#737373; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; text-overflow: ellipsis;} 
.m-link-wrap .m-link .arrow {width:25px;}
.m-link-wrap .m-link .arrow img {width:25px; }

.m-tile.tile-4 .tit-wrap {display:flex;  justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%;} 
.m-tile.tile-4 .tit-wrap a {font-size:3.2rem; font-family: 'Pretendard-ExtraLight'; height:16px; line-height:8px;}

.recent-list {width:100%; margin-top:40px}
.recent-list li {width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.1); height:54px; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; position:relative;}
.recent-list li::before {content:''; position:absolute; left:0; border-radius:50%; top:50%; margin-top:-2.5px; width:5px; height:5px; background:#fff; display:block;}
.recent-list li a {width:100%; box-sizing:border-box; padding:0 3% 0 13px; height:2.0rem; line-height:2.0rem; font-size:1.8rem; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; text-overflow: ellipsis;}


/* ---- section #4 ---- */
.page4 { background:url('../images/page4_bg.jpg') no-repeat center center; background-size:cover;}
.page4::after {content:'KORYU PLANT CO., LTD.'; text-transform:uppercase !important; font-family: "Oswald", sans-serif; font-weight:800; width:100%; height:0; overflow:visible; top:-180px; position:relative; color:rgba(255, 255, 255, 0.1); text-align:center; font-size:8vw; display:block; z-index:1;}

.page4 .container {}

.page4-etit {font-size:1.6rem; line-height:1.6rem; color:#e60012;}
.page4-tit {color:#fff;}

.esg-item-wrap {width:92%; display: flex; justify-content: space-between; align-items: center; margin:0 auto; margin:60px auto}
.esg-item-wrap > .esg-item {  background:rgba(0, 0, 0, 0.2); width: 28%; text-align: center; border-radius:50%; margin: 0 -1.2%; position:relative; border:1px solid rgba(255, 255, 255, 0.3); }
.esg-item-wrap > .esg-item::after {content:''; display:block; width:100%; padding-bottom:100%; }
.esg-item-wrap > .esg-item p {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff;}
.esg-item-wrap > .esg-item p span { font-size:3.2rem; line-height:4.2rem;  font-family:'Play'; font-weight:600; }


/* ---- section #5 ---- */
.page5 {background:url('../images/page5_bg.png') no-repeat right top; }
.page5 .container {max-width:1860px;}
.page5 .page-tit-wrap {text-align:center;}

.m-archive-container {width:100%; margin:0 auto; position:relative; z-index:1; overflow:hidden; margin-top:40px;}
.m-archive-container .swiper-wrapper {width:100%; margin:0 auto; }
.m-archive-container .swiper-slide {overflow:hidden; position:relative; box-sizing:border-box; padding:20px;}
.m-archive-container .swiper-slide-active {background:#081b45;}
.m-archive-container .swiper-slide .thm-wrap {width:100%; line-height:0;}
.m-archive-container .swiper-slide .thm-wrap img {max-width:100%;}
.m-archive-container .swiper-slide .tit-wrap {width:100%; letter-spacing:-0.5px; box-sizing:border-box; padding:25px 20px;}
.m-archive-container .swiper-slide-active .tit-wrap {color:#fff;}
.m-archive-container .swiper-slide .tit-wrap .tit { font-family: 'Pretendard-SemiBold'; font-size:1.9rem; height:2.4rem; line-height:2.4rem; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.m-archive-container .swiper-slide .tit-wrap .info {margin-top:12px}
.m-archive-container .swiper-slide .tit-wrap .info li:first-child {margin-top:0}
.m-archive-container .swiper-slide .tit-wrap .info li span {width:calc(100% - 90px); display:inline; font-size:1.6rem; line-height:3rem; opacity:0.7;  }
.m-archive-container .swiper-slide .tit-wrap .info li span:first-child {width:90px;}

.m-archive-container .swiper-slide .tit-wrap .btn {width:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:40px; height:16px; }
.m-archive-container .swiper-slide .tit-wrap .btn span { margin-right:20px; font-family:'Play'; font-size:1.5rem; font-weight:600; height:16px;}
.m-archive-container .swiper-slide .tit-wrap .btn img {width:25px; filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(205deg) brightness(120%) contrast(100%); }

.archive-control {width:92%; max-width:1600px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin:0 auto; margin-top:80px}
.archive-control .archive-pagination {width:calc(100% - 180px); height:2px; position:relative; }
.archive-control .archive-pagination.swiper-pagination-progressbar { background:#e5e5e5; margin-left:40px; }
.archive-control .archive-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#024b9b; }
.archive-control .control-in {width:140px; height:18px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.archive-control .control-in div.archive-next {background:url('../images/archive_next.png') no-repeat center center;  vertical-align:top; display:inline-block; width:35px; height:18px; background-size:contain; }
.archive-control .control-in div.archive-prev {background:url('../images/archive_prev.png') no-repeat center center; vertical-align:top;  display:inline-block;  width:35px; height:18px; background-size:contain;}
.archive-control .control-in div.archive-autoplay {background:url('../images/archive_stop.png') no-repeat center center; vertical-align:top;  display:inline-block;  width:35px; height:18px; background-size:contain;}
.archive-control .control-in div.archive-autoplay.pause {background:url('../images/archive_start.png') no-repeat center center;   }


/* ---- section #6 ---- */
.page6 {background:url('../images/page6_bg.jpg') no-repeat center center; background-size:cover;}
.page6 .container {}
.page6 .page-tit-wrap {position:relative;}
.page6 .page-tit-wrap .page6-btn {position:absolute; right:0; bottom:0;}

.m-banner-wrap {}
.m-banner-container {background:#dddddd; padding:1px; box-sizing:border-box; margin-top:65px}
.m-banner-container .swiper-slide {background:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; flex-wrap:wrap; height:129px;}
.m-banner-container .swiper-slide img {max-width:100%;}

.banner-control {display:none;}


/* ---- section #7 ---- */
.page7 {background:url('../images/page7_bg.jpg') no-repeat center center; background-size:cover;}
.page7 .container {}
.page7 .page-tit-wrap {color:#fff; text-align:center;}
.page7 .page-tit-wrap .page7-btn {margin-top:120px}



/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */

/* ---- footer ---- */
.footer { overflow:visible}
.footer .container {width:100%; max-width: 100%; overflow:visible; padding:0}

#footer {width:100%; background:url('../images/copy_bg.jpg') no-repeat center center; background-size:cover; }
.footer-in-wrap {width:100%; }
.footer-in-wrap .footer-in { width:92%;  max-width:1600px; padding:30px 0; margin:0 auto; border-top:1px solid rgba(255, 255, 255, 0.1);}
.footer-in-wrap .footer-in:first-child {background:none; padding:70px 0; border-top:0}


.copy-tit {font-weight:700; font-size:1.8rem; font-family: 'Play', sans-serif; color:#fff; margin-bottom:25px;}

.copy-right-wrap { overflow:hidden; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; }

.copy-right {}
.copy-logo {width:198px;}
.copy-logo img {max-width:100%; filter:invert(0%) sepia(200%) saturate(200%) hue-rotate(205deg) brightness(300%) contrast(300%);}

.c-sns-wrap {width:100%; box-sizing:border-box; overflow:hidden; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;  margin-top:35px;}
.c-sns-wrap a {margin-left:23px;}
.c-sns-wrap a:first-child {margin-left:0}

.copy-add-wrap {width:calc(100% - 720px);}
address {width: 100%; display:block; overflow:hidden; color:#fff; line-height:28px; word-break:keep-all;  margin-top:30px; opacity:0.7}
address p { }
address p.cr {margin-top:40px;}
address span {display:inline-block; padding-right:24px;  font-size:1.4rem; font-family:'GmarketSansMedium';  }
address span i { font-style:normal;  color:#8d8d8d; font-family:'GmarketSansMedium';}

.copy-link-wrap { width:240px;}
.c-link {display:block; height:4.9rem; line-height:4.9rem; width:100%; border-bottom:1px solid #646464; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; box-sizing:border-box; padding-right:15px; }
.c-link:first-child {}
.c-link span {color:#ffffff; font-size:1.6rem; font-family: 'Play', sans-serif; font-weight:600;}

.cr-wrap  {overflow:hidden; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.cr { color:#ffffff80; font-size:1.4rem;  font-family:'GmarketSansMedium';}

.copy-menu {width:auto; overflow:hidden; box-sizing:border-box;}
.copy-menu li {float:left; padding:0 13px; height:22px; line-height:22px; box-sizing:border-box; position:relative;}
.copy-menu li:first-child {padding-left:0;}
.copy-menu li a { color:#ffffff80; font-size:1.4rem; font-family:'GmarketSansMedium'; }


/*------------------------------------------------------------------------------------------------------------*/





/* 작은 PC용 CSS */
@media all and (max-width:1599px){

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
#header {height:90px;}
.header-in-wrap h1.logo {width:170px; margin-top:-16.5px; height:33px; }

/* 상단버튼 - 고객문의 */
.t-btn-inquiry { right:30px; width:70px;} 
.t-btn-inquiry span {display:none}

/* 전체 드롭다운 */
.gnb-menu-area .gnb-depth-1 {width:calc(96% - 280px); margin-left:0; left:190px}
.gnb-menu-area .gnb-depth-1 > li > a {height:90px; line-height:90px; font-size:1.8rem; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.gnb-menu-area .gnb-depth-1 > li > a span {line-height:23px;}
.gnb-menu-area .gnb-depth-2 {margin-top:0}
.gnb-menu-area .gnb-depth-2 > li > a {font-size:1.5rem; padding:8px 0 }

#quick { width:90px; right:0;}

/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
.container {padding:90px 0}
.page-etit {font-size:4.4rem; line-height:4.8rem;}
.page-setit {font-size:4.0rem; line-height:4.5rem;}
.page-tit {font-size:3.2rem; line-height:4.2rem; margin-top:20px; }
.page-stit {font-size:1.6rem;  line-height:2.8rem; margin-top:15px;}
.page-btn span.kor { font-size:1.8rem; }

/*/// 메인 - 컨텐츠 공통 - end ///*/

/* ---- section #1 ---- */
.page1 { height:700px; } 

/* 메인 롤링 */
#m-slider-wrap { height:700px}
#m-slider-wrap .swiper-wrapper { height:700px; }
#m-slider-wrap .swiper-slide { height:700px; }
#m-slider-wrap .swiper-slide .tit-wrap { width:92%; height:700px;}
#m-slider-wrap .swiper-slide .tit-wrap .etit {}
#m-slider-wrap .swiper-slide .tit-wrap .etit span {font-size:4.8rem; line-height:5.6rem; }
#m-slider-wrap .swiper-slide .tit-wrap .con { font-size:1.6rem; line-height:2.0rem; margin-top:40px; margin-bottom:60px}


/* ---- section #2 ---- */
.business-control {right:80px; top:60px; width:180px; height:180px; }
.circle-txt { left:10px; bottom:10px; width:160px; height:160px; }
.circle-txt svg {height:150px;}
.circle-txt svg text {font-size:0.68rem; }

.business-next {font-size:1.6rem; margin-left:15px}
.business-prev {font-size:1.6rem;}

.m-business-container {margin-top:-40px; width:1600px;}
.m-business-container .swiper-slide {margin-top:80px}
.m-business-container .swiper-slide-active {margin-top:0}
.m-business-container .swiper-slide a .thm { border-radius:25px}
.m-business-container .swiper-slide a .thm .tit-wrap { padding:35px; }
.m-business-container .swiper-slide a .thm .tit-wrap .eng { font-size:4.0rem; line-height:5.0rem;}

.m-business-container .swiper-slide-active a .con-wrap { margin:20px auto 0 auto;  }
.m-business-container .swiper-slide-active a .con-wrap .tit {font-size:2.4rem; height:2.8rem; line-height:2.8rem;}
.m-business-container .swiper-slide-active a .con-wrap .con {font-size:1.6rem; line-height:2.4rem; margin-top:10px;}


/* ---- section #3 ---- */
.m-tile.tile-3 {padding:40px;}
.m-tile.tile-4 {padding:40px;}

.m-tile.tile-1 .tit-wrap {padding:40px 40px 0 40px; } 

.m-object-container {position:relative; z-index:1; }
.m-object-container .swiper-slide { }
.m-object-container .swiper-slide .thm-wrap {}
.m-object-container .swiper-slide .thm-wrap img {height:750px}
.m-object-container .swiper-slide .tit-in-wrap { height:280px; padding:0 40px; }
.m-object-container .swiper-slide .tit-in-wrap .etit {font-size:1.5rem; }
.m-object-container .swiper-slide .tit-in-wrap .tit { font-size:3.0rem; margin-top:10px}
.object-nav {right:40px; height:42px; width:100px; }
.object-nav .object-prev, .object-nav .object-next {width:40px; height:40px;  }
.object-control .m-object-pagination { padding:0 10px;}

.m-tile.tile-2 a .tit-wrap {padding:40px; }
.m-tile.tile-2 a .thm-wrap {height:375px; }

.m-link-wrap {margin-top:30px}
.m-link-wrap .m-link {height:50px;}
.m-link-wrap .m-link .icon {width:24px}
.m-link-wrap .m-link .icon img {max-width:100%;}
.m-link-wrap .m-link .tit {width:calc(100% - 80px); font-size:1.6rem; } 
.m-link-wrap .m-link .arrow {width:22px;}
.m-link-wrap .m-link .arrow img {width:22px; }

.recent-list {margin-top:30px}
.recent-list li {height:50px;}
.recent-list li a {padding:0 3% 0 13px; height:1.8rem; line-height:1.8rem; font-size:1.6rem; }


/* ---- section #4 ---- */
.page4::after {top:-100px; }
.page4-etit {font-size:1.5rem; line-height:1.5rem;}

.esg-item-wrap {margin:50px auto}
.esg-item-wrap > .esg-item { width:32%; }
.esg-item-wrap > .esg-item p span { font-size:2.8rem; line-height:3.2rem;}


/* ---- section #5 ---- */
.m-archive-container {max-width:960px; margin:0 auto; margin-top:30px;}
.m-archive-container .swiper-slide {padding:15px;}
.m-archive-container .swiper-slide .tit-wrap {padding:20px 15px;}
.m-archive-container .swiper-slide .tit-wrap .tit { font-size:1.7rem; height:2.2rem; line-height:2.2rem;}
.m-archive-container .swiper-slide .tit-wrap .info li span {width:calc(100% - 80px); font-size:1.5rem; line-height:2.4rem; }
.m-archive-container .swiper-slide .tit-wrap .info li span:first-child {width:80px;}

.m-archive-container .swiper-slide .tit-wrap .btn {margin-top:30px; height:15px; }
.m-archive-container .swiper-slide .tit-wrap .btn span { margin-right:15px; font-size:1.4rem; height:15px;}
.m-archive-container .swiper-slide .tit-wrap .btn img {width:22px; }

.archive-control {margin-top:60px}
.archive-control .archive-pagination {width:calc(100% - 160px); }
.archive-control .archive-pagination.swiper-pagination-progressbar { margin-left:30px; }
.archive-control .control-in {width:120px; height:14px;}
.archive-control .control-in div.archive-next {width:27px; height:14px;}
.archive-control .control-in div.archive-prev {width:27px; height:14px;}
.archive-control .control-in div.archive-autoplay { width:27px; height:14px;}


/* ---- section #6 ---- */
.m-banner-wrap {}
.m-banner-container { margin-top:50px}
.m-banner-container .swiper-slide {height:110px;}


/* ---- section #7 ---- */
.page7 .page-tit-wrap .page7-btn {margin-top:100px}


/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */
.footer-in-wrap .footer-in { padding:25px 0;}
.footer-in-wrap .footer-in:first-child { padding:60px 0;}

.copy-tit {font-size:1.7rem; margin-bottom:20px;}

.copy-right {width:150px;}
.copy-logo {width:150px;}

.c-sns-wrap { margin-top:30px;}
.c-sns-wrap a {margin-left:12px;}

.copy-add-wrap {width:calc(100% - 460px);}
address { line-height:24px; }
address span { font-size:1.3rem;}

.copy-link-wrap { width:200px;}
.c-link { height:4.5rem; line-height:4.5rem; }
.c-link span {font-size:1.5rem; }

}



/* 태블릿 CSS */
@media all and (max-width:1023px){

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
#header {height:70px;}
.header-in-wrap {width:96%; height:70px;}
.header-in-wrap h1.logo {}


/* 상단버튼 - 고객문의 */
.t-btn-inquiry { right:50px; width:30px;} 
.t-btn-inquiry span {display:none}

/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {display:none;}

/* 상단버튼 - 메뉴펼침버튼 */
.t-btn-menu {display:block; position:absolute; cursor:pointer; right:10px; top:50%; margin-top:-8.5px; width:25px; height:17px; line-height:0; text-align:center; }
.t-btn-menu  a {display:block; }
.t-btn-menu .bar { position: relative; display: block; width:25px; height: 3px; margin: 4px 0; background: #fff; transition:all 0.5s ease-in-out; }
.t-btn-menu .bar:nth-of-type(1) {margin:0 0 4px 0;}
.t-btn-menu .bar:nth-of-type(2) {margin:0;}
.t-btn-menu .bar:nth-of-type(3) {margin: 4px 0 0 0;}

/* 상단버튼 - 검색 
#t-btn-srch { right:95px; }
*/

/* 메뉴 - GNB */ 
/* 전체 드롭다운 */
.gnb-menu-wrap {width:80%; max-width:480px; height:100%; left:auto; position:fixed; top:0; right:0; z-index:99999; display:none;}
.gnb-menu-wrap > div {height:100%; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.gnb-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.68; z-index:4900; display:none;}

.gnb-menu-wrap .gnb-menu-area {display:block;width:100%; position:absolute; top:0; height:100%; overflow-y:scroll; z-index:9999999;  background:#194e9c;}
.gnb-menu-wrap .gnb-menu-area > .height-finder { top:auto; }
.gnb-menu-wrap .gnb-menu-area:hover > .height-finder {height:auto; background:none; border-top:0; border-bottom:0}

.gnb-menu-area .gnb-menu-top {display:block;width:80%; margin:20px auto; position:relative; overflow:hidden;}
.gnb-menu-area .gnb-menu-top .t-close-btn {display:block; text-align:right; overflow:hidden;  padding:25px 0;}

.gnb-menu-area .gnb-depth-1 {position:relative; left:0; margin-left:0; width:80%; margin: 0 auto; margin-bottom:80px; display:block;}
.gnb-menu-area .gnb-depth-1 > li { width:100%;  text-align:left;}
.isDepth2	 { margin-top:40px; }
.isDepth2:first-child {margin-top:0; }
.gnb-menu-area .gnb-depth-1 > li.long {width:100%}
.gnb-menu-area .gnb-depth-1 > li > a {display:block; line-height:24px; height:24px; color:#fff; font-size:1.8rem; text-align:left; font-family: 'Pretendard-Bold'; }
.main-wrap .gnb-menu-area .gnb-depth-1 > li > a {color:#fff; }
.gnb-menu-area .gnb-depth-1 > li:hover > a {color:#fff; }
.gnb-menu-area .gnb-depth-2 {height:auto; position:relative; top:auto; width:100%; margin-left:0; left:auto; padding-top:5px}
.gnb-menu-area .gnb-depth-2 > li {background:none; padding:0}
.gnb-menu-area .gnb-depth-2 > li > a {color:#fff; font-size: 1.4rem; padding:5px 0}
.gnb-menu-area .isDepth2:hover ul li a:hover {background:none}
.gnb-menu-area .isDepth2 ul li a.on {background:none}


#header.fixNav { position:fixed; z-index:9999; height:70px; border-bottom:0px solid #dadada;}
#header.fixNav .header-in-wrap {height:70px}
#header.fixNav .header-in-wrap h1.logo {display:block}
#header.fixNav .t-btn-menu {}
#header.fixNav .gnb-menu-area .gnb-depth-1 > li > a { line-height:24px; height:24px; color:#fff;}
#header.fixNav .gnb-menu-area .gnb-depth-2 {top:auto}


/* 퀵 */
#quick { position:fixed; width:100%; bottom:0; height:70px;  top:auto; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); border-radius:0;  box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.3);}
#quick .icon_wrap { height:70px; display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap;}
#quick .icon_wrap li {flex:auto; height:70px; width:auto; }
#quick .icon_wrap li a {height:70px; }
#quick .icon_wrap li a img { width:28px; }
#quick .icon_wrap li a span {font-size:1.2rem; line-height:1.4rem; margin-top:7px; }
#quick .tit, #quick .btn_top {display:none;}

/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
.container {padding:70px 0}
.page-etit {font-size:4.0rem; line-height:4.4rem;}
.page-setit {font-size:3.2rem; line-height:3.6rem;}
.page-tit {font-size:2.4rem; line-height:3.2rem; margin-top:20px; }
.page-stit {font-size:1.5rem; line-height:2.4rem; margin-top:10px;}
.page-btn span.kor { font-size:1.6rem; }
/*/// 메인 - 컨텐츠 공통 - end ///*/


/* ---- section #1 ---- */
.page1 { height:500px; } 

/* 메인 롤링 */
#m-slider-wrap { height:500px}
#m-slider-wrap .swiper-wrapper { height:500px; }
#m-slider-wrap .swiper-slide { height:500px; }
#m-slider-wrap .swiper-slide .tit-wrap { height:500px;}
#m-slider-wrap .swiper-slide .tit-wrap .etit span {font-size:3.6rem; line-height:4.2rem; }
#m-slider-wrap .swiper-slide .tit-wrap .con { font-size:1.5rem; line-height:1.8rem; margin-top:30px; margin-bottom:50px}

.m-slider-control {top:-80px;height:18px; } 
.m-slider-control .m-slider-pagination {margin:0 30px; height:16px;}
.m-slider-control .swiper-pagination-bullet {width:16px; height:16px;border-radius:4.5px; margin-left:15px;}
.m-slider-control .swiper-pagination-bullet p {font-size:1.4rem; }
.m-slider-control .swiper-pagination-bullet-active {width:50px; }
.m-slider-control .swiper-pagination-bullet-active::after {width:20px; }


/* ---- section #2 ---- */
.business-control {right:60px; top:40px; width:160px; height:160px; }
.circle-txt { left:10px; bottom:10px; width:140px; height:140px; }
.circle-txt svg {height:130px;}
.circle-txt svg text {font-size:0.65rem; }

.business-next {font-size:1.5rem; margin-left:13px}
.business-prev {font-size:1.5rem;}

.m-business-container {margin-top:30px; width:1024px;}
.m-business-container .swiper-slide {margin-top:60px}
.m-business-container .swiper-slide-active {margin-top:0}
.m-business-container .swiper-slide a .thm { border-radius:20px}
.m-business-container .swiper-slide a .thm .tit-wrap { padding:30px; }
.m-business-container .swiper-slide a .thm .tit-wrap .eng { font-size:3.0rem; line-height:4.0rem;}

.m-business-container .swiper-slide-active a .con-wrap { margin:20px auto 0 auto; width: 96%; }
.m-business-container .swiper-slide-active a .con-wrap .tit {font-size:2.2rem; height:2.4rem; line-height:2.4rem;}
.m-business-container .swiper-slide-active a .con-wrap .con {font-size:1.5rem; line-height:2.2rem;}


/* ---- section #3 ---- */
.m-tile-in {width:100%;}
.m-tile {height:auto;}
.m-tile.tile-2 {height:auto;}
.m-tile.tile-3 {padding:30px;}
.m-tile.tile-4 {padding:30px;}

.m-tile.tile-1 .tit-wrap {padding:30px 30px 0 30px; } 

.m-object-container .swiper-slide .thm-wrap {height:420px; display:flex; justify-content:center; align-items:center; flex-direction:column; flex-wrap:wrap;}
.m-object-container .swiper-slide .thm-wrap img {height:auto}
.m-object-container .swiper-slide .tit-in-wrap { height:240px; padding:0 30px; }
.m-object-container .swiper-slide .tit-in-wrap .etit {font-size:1.4rem; }
.m-object-container .swiper-slide .tit-in-wrap .tit { font-size:2.4rem; margin-top:10px}
.object-nav {right:40px; height:42px; width:100px;bottom:180px;  }
.object-nav .object-prev, .object-nav .object-next {width:40px; height:40px;  }
.object-control .m-object-pagination { padding:0 10px;}

.m-tile.tile-2 a .tit-wrap {padding:30px; }
.m-tile.tile-2 a .thm-wrap {height:320px; line-height:0}
.m-tile.tile-2 a .thm-wrap img {height:auto;}
.m-link-wrap {margin-top:20px}
.m-link-wrap .m-link {height:45px;}
.m-link-wrap .m-link .tit {height:1.6rem; line-height:1.6rem; font-size:1.5rem; } 

.recent-list {margin-top:20px}
.recent-list li {height:45px;}
.recent-list li a {height:1.6rem; line-height:1.6rem; font-size:1.5rem; }


/* ---- section #4 ---- */
.page4::after {top:-75px; }
.page4-etit {font-size:1.4rem; line-height:1.4rem;}

.esg-item-wrap {margin:40px auto}
.esg-item-wrap > .esg-item p span { font-size:2.4rem; line-height:2.8rem;}


/* ---- section #5 ---- */
.m-archive-container { margin-top:20px;}
.m-archive-container .swiper-slide {padding:10px;}
.m-archive-container .swiper-slide .tit-wrap {padding:15px 10px;}
.m-archive-container .swiper-slide .tit-wrap .tit { font-size:1.6rem; height:2.0rem; line-height:2.0rem;}
.m-archive-container .swiper-slide .tit-wrap .info {margin-top:10px}
.m-archive-container .swiper-slide .tit-wrap .info li span {width:calc(100% - 70px); font-size:1.4rem; line-height:2.2rem; }
.m-archive-container .swiper-slide .tit-wrap .info li span:first-child {width:70px;}
.m-archive-container .swiper-slide .tit-wrap .btn {margin-top:25px;}
.m-archive-container .swiper-slide .tit-wrap .btn span { font-size:1.3rem;}
.m-archive-container .swiper-slide .tit-wrap .btn img {width:20px; }

.archive-control {width:100%; margin-top:50px}
.archive-control .archive-pagination {width:calc(100% - 140px); }
.archive-control .archive-pagination.swiper-pagination-progressbar { margin-left:25px; }
.archive-control .control-in {width:110px; height:13px;}
.archive-control .control-in div.archive-next {width:25px; height:13px;}
.archive-control .control-in div.archive-prev {width:25px; height:13px;}
.archive-control .control-in div.archive-autoplay { width:25px; height:13px;}


/* ---- section #6 ---- */
.m-banner-wrap {}
.m-banner-container { margin-top:40px}
.m-banner-container .swiper-slide {height:100px;}

.banner-control {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; height:50px; max-width:110px; margin:0 auto; margin-top:40px;}
.banner-control .banner-prev, .banner-control .banner-next {width:48px; height:48px; border-radius:50%; border:1px solid rgba(0, 0, 0, 0.4); display:flex; justify-content:center; align-items:center; flex-direction:column; flex-wrap:wrap; }
.banner-control .prev-arrow {width:12px; margin-right:3px}
.banner-control .next-arrow {width:12px; margin-left:3px}
.banner-control .page-arrow {fill:#737373; stroke: #737373;}


/* ---- section #7 ---- */
.page7 .page-tit-wrap .page7-btn {margin-top:80px}


/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */

.footer-in-wrap .footer-in { padding:20px 0;}
.footer-in-wrap .footer-in:first-child { padding:40px 0;}

.copy-tit {width:100%;font-size:1.6rem; margin-bottom:10px;}

.copy-right {width:100%;}
.copy-logo {width:150px; margin:0 auto;}

.c-sns-wrap { margin:0 auto; margin-top:20px; justify-content: center;}
.c-sns-wrap a {margin-left:12px;}

.copy-add-wrap {width:100%; margin:30px 0}
address { line-height:24px; margin-top:0;}
address span { font-size:1.3rem;}

.copy-link-wrap { width:100%; max-width:480px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.c-link { height:4.2rem; line-height:4.2rem; width:48%; }
.c-link span {font-size:1.4rem; }

.copy-menu li a {font-size:1.3rem; }
.cr {width:100%; font-size: 1.3rem; margin-top:10px}

}






/* 모바일 CSS */
@media all and (max-width:767px){

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
#header {height:60px;}
.header-in-wrap {height:60px;}

/* 상단버튼 - 고객문의 */
.t-btn-inquiry { width:26px;} 
.t-btn-inquiry img {max-width:100%}

#header.fixNav { height:55px;}
#header.fixNav .header-in-wrap {height:55px}
#header.fixNav .t-btn-call {height:55px;}
#header.fixNav .t-btn-map {height:55px;}

/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
.container {padding:50px 0}
.page-etit {font-size:3.0rem; line-height:3.2rem;}
.page-setit {font-size:2.6rem; line-height:3.0rem;}
.page-tit {font-size:2.2rem; line-height:2.8rem; margin-top:15px; }
.page-tit  br {display:none;}
.page-stit {display:none;}
.page-btn span.kor { font-size:1.6rem; }
/*/// 메인 - 컨텐츠 공통 - end ///*/

.prev-arrow { width:8px; height:14px;}
.next-arrow { width:8px; height:14px; }

/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */


/* ---- section #1 ---- */
.page1 { height:400px; } 

/* 메인 롤링 */
#m-slider-wrap { height:400px}
#m-slider-wrap .swiper-wrapper { height:400px; }
#m-slider-wrap .swiper-slide { height:400px; }
#m-slider-wrap .swiper-slide .tit-wrap { height:400px;}
#m-slider-wrap .swiper-slide .tit-wrap .etit span {font-size:2.6rem; line-height:3.4rem; }
#m-slider-wrap .swiper-slide .tit-wrap .con { display:none;}


/* ---- section #2 ---- */
.business-control {right:4%; top:20px; width:120px; height:120px; }
.circle-txt { width:100px; height:100px; }
.circle-txt svg {height:90px;}
.circle-txt svg text {font-size:0.68rem; }

.business-next {font-size:1.4rem; margin-left:10px}
.business-prev {font-size:1.4rem;}

.m-business-container {margin-top:20px; width:100%;}
.m-business-container .swiper-slide {margin-top:0}
.m-business-container .swiper-slide a .thm { border-radius:20px}
.m-business-container .swiper-slide a .thm .tit-wrap { padding:20px; }
.m-business-container .swiper-slide a .thm .tit-wrap .eng { font-size:2.6rem; line-height:3.2rem;}

.m-business-container .swiper-slide-active a .con-wrap { margin:20px auto 0 auto; width:100%; height: auto;}
.m-business-container .swiper-slide-active a .con-wrap .tit {font-size:2.0rem; height:2.2rem; line-height:2.2rem;}
.m-business-container .swiper-slide-active a .con-wrap .con {font-size:1.4rem; line-height:2.0rem;}


/* ---- section #3 ---- */
.m-tile {width:100%;}

.m-object-container .swiper-slide .thm-wrap {height:300px; }
.m-object-container .swiper-slide .tit-in-wrap {height:180px;}
.m-object-container .swiper-slide .tit-in-wrap .etit {font-size:1.4rem; }
.m-object-container .swiper-slide .tit-in-wrap .tit { font-size:2.4rem; margin-top:10px}
.object-nav {right:30px; height:32px; width:70px; bottom:130px;  }
.object-nav .object-prev, .object-nav .object-next {width:30px; height:30px;  }

.object-control {height:80px}
.object-control .m-object-pagination { padding:0 5px;}
.object-control .m-object-pagination .swiper-pagination-bullet {flex:fit-content;}
.object-control .m-object-pagination .swiper-pagination-bullet p {font-size:1.3rem; font-weight: 500}

.m-tile.tile-2 a .thm-wrap {height:180px;}
.m-tile.tile-2 a .thm-wrap img {height:450px}

.m-link-wrap {margin-top:15px}
.m-link-wrap .m-link {height:40px;}
.m-link-wrap .m-link .tit { font-size:1.4rem; } 

.recent-list {margin-top:15px}
.recent-list li {height:40px;}
.recent-list li a {font-size:1.4rem; }


/* ---- section #4 ---- */
.page4::after {top:-45px; }
.page4 .page-tit-wrap {text-align:center;}
.page4-etit {font-size:1.3rem; line-height:1.3rem;}

.esg-item-wrap {margin:30px auto; display:block; max-width:180px;}
.esg-item-wrap > .esg-item {width:100%; margin:10px 0}
.esg-item-wrap > .esg-item p span { font-size:2.2rem; line-height:2.4rem;}


/* ---- section #5 ---- */
.archive-control {margin-top:40px}
.archive-control .archive-pagination {width:calc(100% - 105px); }
.archive-control .archive-pagination.swiper-pagination-progressbar { margin-left:25px; }
.archive-control .control-in {width:80px; height:10px;}
.archive-control .control-in div.archive-next {width:19px; height:10px;}
.archive-control .control-in div.archive-prev {width:19px; height:10px;}
.archive-control .control-in div.archive-autoplay { width:19px; height:10px;}


/* ---- section #6 ---- */
.m-banner-wrap {}
.m-banner-container { margin-top:30px}
.m-banner-container .swiper-slide {height:90px;}

.banner-control {height:40px; max-width:90px; margin-top:30px;}
.banner-control .banner-prev, .banner-control .banner-next {width:40px; height:40px;  }
.banner-control .prev-arrow {width:8px; margin-right:3px}
.banner-control .next-arrow {width:8px; margin-left:3px}


/* ---- section #7 ---- */
.page7 .page-tit-wrap .page7-btn {margin-top:40px}




/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */

.footer-in-wrap .footer-in { padding:15px 0;}
.footer-in-wrap .footer-in:first-child { padding:30px 0;}

.copy-tit {font-size:1.5rem; margin-bottom:7px;}

address span { width:100%; font-size:1.3rem;}

.copy-menu li {padding:0 8px;}
.copy-menu li a {font-size:1.2rem; }
.cr {font-size: 1.2rem; }

}