@charset "utf-8";
/* 레이아웃 - 공통 */
body {}
.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;}
.pc-only {}
.mobile-only {display:none}

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

#header {width:100%; margin:0 auto; position:absolute; z-index:11; top:0; left:0; background:rgba(0, 0, 0, 0); transition:all 0.1s ease-in-out; }
.sm-btn-on #header {background:rgba(255, 255, 255, 1);}
.main-wrap #header.waiting {pointer-events: none;}
/* 로고 */
.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;  line-height:0; z-index:10;  top:50%; transform:translateY(-50%); }
.header-in-wrap h1.logo a {display:block; overflow:visible; width:100%; max-width:954px; transition:all 1s;  transition-delay:1s;}
.header-in-wrap h1.logo a img {width:100%; filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(77deg) brightness(104%) contrast(101%);  } 
#header:has(+ div):hover .header-in-wrap h1.logo a img {filter: invert(12%) sepia(83%) saturate(1810%) hue-rotate(222deg) brightness(96%) contrast(99%); }

.main-wrap .header-in-wrap h1.logo {width:100%; height:calc(50vh + 79px); top:0; transform:none; transition:all 2s; transition-delay:1s; display:flex; justify-content:flex-end; flex-direction:column; align-items:center; flex-wrap:wrap; overflow:visible; }
.main-wrap .header-in-wrap h1.logo a img {filter: invert(12%) sepia(83%) saturate(1810%) hue-rotate(222deg) brightness(96%) contrast(99%); }

.header-in-wrap h1.logo.opened {height:41px; width:208px; top:50%; transform:translateY(-50%); }
.header-in-wrap h1.logo.opened a {max-width:208px;}
.header-in-wrap h1.logo.opened a img {filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(77deg) brightness(104%) contrast(101%); transition:all 0s; transition-delay:2s}
.header-in-wrap h1.logo a img.on { transition-delay:0s !important; filter: invert(12%) sepia(83%) saturate(1810%) hue-rotate(222deg) brightness(96%) contrast(99%); }
.header-in-wrap h1.logo a img.off { transition-delay:0s !important;}

/* 상단버튼 - 링크 */
.t-btn-language {position:absolute; cursor:pointer; right:70px; top:50%; transform:translateY(-50%); width:140px;  line-height:0; text-align:center; display:flex; justify-content:center; align-items:stretch; }
.t-btn-language a {flex:auto; font-size:1.3rem; color:#ffffff; position:relative; line-height:1.4rem; padding:0 12px; font-family: 'Play'; font-weight:bold; display:flex; justify-content:center; flex-direction:column; align-items:center; flex-wrap:wrap; }
.t-btn-language a:last-child {color:#ffffff80}
.t-btn-language a:first-child::before {content:''; display:block;  position:absolute; z-index:2; width:1px; height:12px; border-radius:50%; background:#ffffff; overflow:visible; margin:-6px 0 0 0; top:50%; right:0}
#header:has(+ div):hover .t-btn-language a { color:#000; }
#header:has(+ div):hover .t-btn-language a:last-child { color:#00000080; }
#header:has(+ div):hover .t-btn-language a:first-child::before {background:#000000; }

/* 상단버튼 - 검색 */
.t-btn-srch {}
.t-btn-srch a { display:block; width:66px; text-align:center; height:66px; z-index:100; position:absolute; top:50%; right:0; transform:translateY(-50%); line-height:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.3 30.3'%3E%3Cg%3E%3Cpath stroke='%23ffffff' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M25.6,13.3C25.6,6.5,20.1,1,13.3,1C6.5,1,1,6.5,1,13.3s5.5,12.3,12.3,12.3C20.1,25.6,25.6,20.1,25.6,13.3z'/%3E%3Cline stroke='%23ffffff' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='29.3' y1='29.3' x2='22' y2='22'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center; background-size:20px; border-radius:50%;}
.t-srch-wrap {display:none; position:absolute; height:50px; right:0; width:100%; max-width:330px; z-index:99; top:90px; overflow:hidden; }
.t-srch-wrap li {width:50px; height:50px; overflow:hidden; background:#0649cb; border-radius:50%; display:inline-flex; justify-content:center; align-items:center; flex-wrap:wrap; vertical-align:middle;}
.t-srch-wrap li:first-child {width:calc(100% - 70px); background:none; border-radius:0; display:inline-block; border-radius:8px; border:2px solid #0649cb; box-sizing:border-box; margin-right:10px;}
.t-srch-wrap li input {vertical-align:middle; display:inline-block; width:20px; height:20px; background:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.3 30.3'%3E%3Cg%3E%3Cpath stroke='%23FFFFFF' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M25.6,13.3C25.6,6.5,20.1,1,13.3,1C6.5,1,1,6.5,1,13.3s5.5,12.3,12.3,12.3C20.1,25.6,25.6,20.1,25.6,13.3z'/%3E%3Cline stroke='%23FFFFFF' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='29.3' y1='29.3' x2='22' y2='22'/%3E%3C/g%3E%3C/svg%3E"); border:0px; padding-inline: 0; padding-block:0}
.t-srch-wrap li:first-child input {width:100%; box-sizing:border-box; background:none; height:48px; line-height:46px; padding:0 4%; text-align:left; font-size:1.6rem; background-image:none; background:#fff}
#header:has(+ div):hover .t-btn-srch a {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.3 30.3'%3E%3Cg%3E%3Cpath stroke='%23000000' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M25.6,13.3C25.6,6.5,20.1,1,13.3,1C6.5,1,1,6.5,1,13.3s5.5,12.3,12.3,12.3C20.1,25.6,25.6,20.1,25.6,13.3z'/%3E%3Cline stroke='%23000000' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='29.3' y1='29.3' x2='22' y2='22'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center; background-size:20px; }

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

/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {position:absolute; cursor:pointer; right:0; top:0; width:36px; height:100%; line-height:0; text-align:center; z-index:99; display:none;}
.t-btn-sitemap a {width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column}
.t-btn-sitemap .bar { position: relative; display: block; width:27px; height: 2px; margin: 3px 0; background: #fff; transition:all 0.5s ease-in-out;}
.t-btn-sitemap .bar:nth-of-type(1) { animation: dribble-right 1s linear alternate infinite; }
.t-btn-sitemap .bar:nth-of-type(2) {width:36px}
.t-btn-sitemap .bar:nth-of-type(3) { animation: dribble-left 0.7s linear alternate infinite; }
@keyframes dribble-right {
	100% {
    	margin-right:9px;
    }
}
@keyframes dribble-left {
	100% {
    	margin-left:9px;
    }
}
.sm-btn-on .t-btn-sitemap .bar {
	opacity: 0;
	margin: 0;
	background: #fff !important;
}
.sm-btn-on .t-btn-sitemap .bar:nth-of-type(1) {
	opacity: 1;
	width: 32px;
	height:1px;
	margin:0;
	animation: unset;
	-webkit-transform:  translateX(0.5px) translateY(1px) rotate(-45deg);
	-ms-transform:  translateX(0.5px) translateY(1px) rotate(-45deg);
	transform: translateX(0.5px) translateY(1px) rotate(-45deg);
}
.sm-btn-on .t-btn-sitemap .bar:nth-of-type(3) {
	opacity: 1;
	width: 32px;
	height:1px;
	margin:0;
	animation: unset;
	-webkit-transform: translateX(-0.5px) translateY(-1px) rotate(45deg);
	-ms-transform:  translateX(-0.5px) translateY(-1px) rotate(45deg);
	transform: translateX(-0.5px) translateY(-1px) rotate(45deg);
}
#header:has(+ div):hover .t-btn-sitemap .bar { background: #000}

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

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

/* 전체 드롭다운 */
.gnb-menu-wrap {width:100%; overflow:visible;  position:absolute; display:block; background:none; top:0;}
.gnb-menu-wrap > div {width:100%; overflow:hidden; border:none;  }
.gnb-bg {display:none;}
.gnb-menu-wrap .gnb-menu-area {width:calc(100% - 430px); max-width:1100px; position:static; margin:0 auto; overflow:visible; background:none;  transition:all 0.5s ease-in-out; }
.gnb-menu-wrap .gnb-menu-area > .height-finder {width:100%; height:0; left:0; position:absolute; z-index:98}
.gnb-menu-wrap .gnb-menu-area:hover > .height-finder {height:300px; background:rgba(255, 255, 255, 1); border-top:1px solid #dadada; }
.gnb-menu-wrap .gnb-menu-area:hover > .height-finder::before {content:''; position:absolute; left:0;  display:block; width:100%; height:1px; background:rgba(255, 255, 255, 0.4);}

#header:has(+ div):hover {background:rgba(255, 255, 255, 1);}

.gnb-menu-area .gnb-menu-top {display:none;}
.gnb-menu-area .gnb-menu-top .t-close-btn {display:none;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 { width:100%; margin:0 auto; z-index:9998; overflow:visible; display:flex}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li  {flex:fit-content; z-index:9997}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {display:block; width:100%; color:#fff; text-align:center; height:90px; line-height:90px; background:none; padding:0; font-size:2.0rem; display:flex; justify-content:center; flex-direction:column; align-items:center; flex-wrap:wrap; font-family: 'Pretendard-SemiBold';  text-transform : uppercase}
#header:has(+ div):hover .gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {color:#000}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:hover > a {color:#1354bf;}
#header:has(+ div):hover .gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:hover > a {color:#1354bf}

.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a > span {line-height:2.4rem; word-break:keep-all; font-family:inherit;  font-family:inherit;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > .gnb-depth-2-wrap  {height:0;  overflow:hidden; position:absolute; z-index:9999; width:2100px; padding:0; margin:0;  left:50%; margin-left:-1050px; display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; }
.gnb-depth-2-wrap {color:#fff;}
#header:has(+ div):hover .gnb-depth-2-wrap {color:#000;}
.gnb-depth-2-wrap .gnb-depth-2-tit {display:flex; justify-content:flex-start; flex-direction:column; align-items:flex-start; flex-wrap:wrap;  padding:40px 40px 40px 220px; box-sizing:border-box; width:550px; text-align:left;  text-transform : uppercase}
.gnb-depth-2-wrap .gnb-depth-2-tit .tit { font-size:3.2rem; font-family: 'Pretendard-SemiBold';}
.gnb-depth-2-wrap .gnb-depth-2-tit .stit { font-size:1.8rem; line-height:3.2rem; word-break:break-word; margin-top:15px; color:rgba(0, 0, 0, 0.4);}
.gnb-depth-2-wrap .gnb-depth-2 {width:950px; padding:40px; height:300px; box-sizing:border-box; border-left:1px solid #dadada; border-right:1px solid #dadada; position:relative;}
.gnb-depth-2-wrap .gnb-depth-2::before {content:''; display:block; position:absolute; width:350px; height:240px; right:40px; top:31px;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(1) .gnb-depth-2-wrap .gnb-depth-2::before {background:url('../images/gnb_menu_bg_1.jpg') no-repeat center center; background-size:cover; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(5) .gnb-depth-2-wrap .gnb-depth-2::before {background:url('../images/gnb_menu_bg_3.jpg') no-repeat center center; background-size:cover; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(6) .gnb-depth-2-wrap .gnb-depth-2::before {background:url('../images/gnb_menu_bg_4.jpg') no-repeat center center; background-size:cover; }
/* .gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(7) .gnb-depth-2-wrap .gnb-depth-2::before {background:url('../images/gnb_menu_bg_5.jpg') no-repeat center center; background-size:cover; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(8) .gnb-depth-2-wrap .gnb-depth-2::before {background:url('../images/gnb_menu_bg_6.jpg') no-repeat center center; background-size:cover; } */
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(7) .gnb-depth-2-wrap .gnb-depth-2::before {background:url('../images/gnb_menu_bg_7.jpg') no-repeat center center; background-size:cover; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(8) .gnb-depth-2-wrap .gnb-depth-2::before {background:url('../images/gnb_menu_bg_8.jpg') no-repeat center center; background-size:cover; }

.gnb-depth-2-wrap .gnb-depth-2.row-direction {display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:15px}
.gnb-depth-2-wrap .gnb-depth-2 > li {width:100%; padding:0px;  position:relative; margin:0 auto; height:auto;  overflow:visible}
.gnb-depth-2-wrap .gnb-depth-2.row-direction li {width:auto; flex:1}
.gnb-depth-2-wrap .gnb-depth-2 > li:first-child {border-top:none;margin-top:0; }
.gnb-depth-2-wrap .gnb-depth-2 > li > a {	padding:0; height:auto;  line-height:2.0rem; font-size:1.8rem; height:36px; line-height:36px; background:none !important; opacity:0.8  }
.gnb-menu-wrap .isDepth2:hover .gnb-depth-2-wrap, .gnb-menu-wrap .isDepth2:focus .gnb-depth-2-wrap { height:300px !important; } 
.gnb-menu-wrap .isDepth2 .gnb-depth-2-wrap .gnb-depth-2 > li:hover > a {color:#1354bf;}
.gnb-menu-wrap .isDepth2 .gnb-depth-2-wrap .gnb-depth-2 > li > a:hover {color:#1354bf;}
.gnb-menu-wrap #gnb .isDepth2 .gnb-depth-2-wrap .gnb-depth-2 > li > a.on {color:#1354bf;}

.gnb-depth-3 { display:block;  box-sizing:border-box; margin:10px 0 20px 0; }
.gnb-depth-3 > li {margin-top:8px; word-break:keep-all;border-top:none; padding-left:12px; position:relative;  text-align:left; font-size:1.5rem}
.gnb-depth-3 > li:first-child {margin-top:0}
.gnb-depth-3 > li::before {
  content:'- ';
  display:inline-block;
  position:absolute; 
  left:0;
}
.gnb-depth-3 > li > a:hover {color:#1354bf;}



#header.fixNav { position:fixed; z-index:9999; height:80px; border-bottom:0px solid #dadada; background:rgba(0, 0, 0, 0.7)}
#header.fixNav .header-in-wrap {height:80px;}
#header.fixNav .gnb-menu-wrap .gnb-menu-area:hover > .height-finder { }
#header.fixNav .gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {  height:80px; line-height:80px; }


/* 퀵 */
#quick { display:block; position:fixed; z-index:15; width:120px; right:0; margin:0; height:500px; top:75%; -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 .icon-wrap {overflow: hidden; width:100%; height:480px;  display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; position:relative;}
#quick .icon-wrap li {width:90px; height:90px; background:rgba(0, 0, 0, 0.7); border-radius:50%; margin:0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center; }
#quick .icon-wrap li:hover {background:rgba(40, 47, 103, 0.8);}
#quick .icon-wrap li:first-child {border-top:0}
#quick .icon-wrap li a {width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; ;}
#quick .icon-wrap li a div {width:46px; height:46px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
#quick .icon-wrap li a div img {height:35px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(95deg) brightness(109%) contrast(102%);}
#quick .icon-wrap li a p {color:#fff; font-size:1.2rem; display:block; line-height:1.6rem; margin-top:3px; text-align:center;  word-break:keep-all; }


/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
#fullpage {overflow:hidden; }
.section {width:100%; margin:0 auto; overflow:hidden; position:relative; }
.container {width:92%; max-width:1700px; overflow:visible; position:relative; margin:0 auto; z-index:2; padding:120px 0}
.section-content {width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative; z-index:2;}
.page-tit-wrap {width:92%; max-width:1500px; margin:0 auto; position:relative; z-index:1; letter-spacing:-0.5px; color:#fff;}
.page-btit { font-size:9rem; line-height:10rem; font-family: 'Pretendard-Bold'; margin-bottom:50px}
.page-btit span {font-family:inherit; font-weight:bold; }
.page-tit {font-size:6rem; line-height:6.8rem; font-family: 'Pretendard-Bold'; font-weight:bold; }
.page-stit {font-size:3rem; line-height:3.6rem; font-family: 'Pretendard-SemiBold'; margin-bottom:25px}
.page-con {font-size:1.8rem; line-height:2.6rem; font-family: 'Pretendard-Medium';}

.point-1 {color:#7c511d;}
.point-2 {color:#97c629;}

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

/* ---- section #1 ---- */
.page1 {z-index:10; width:100%;  overflow:hidden; position:relative;} 
.page1 .container { padding:0; width:100%; max-width:100%;}
.page1 .section-content {overflow:hidden; box-sizing:border-box;  transition:all 3s; transition-delay:1s; position:relative;}
.page1 .video-wrap .tit-wrap {position:absolute; top:0; z-index:3; width:100%; height:70%; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.page1 .video-wrap .tit-wrap p {color:#fff; letter-spacing:-1px;}
.page1 .video-wrap .tit-wrap .stit {font-size:3.0rem; font-family: 'Play'; font-weight:bold; max-width:540px}
.page1 .video-wrap .tit-wrap .tit {font-size:7.0rem; line-height:8.4rem; font-family: "Play", sans-serif;  font-weight:bold; width:92%;  margin:0 auto; text-align:left; letter-spacing: -2px;}
.page1 .video-wrap .tit-wrap .btit {font-size:11.0rem; height:11.0rem; line-height:11.0rem; font-family: "Play", sans-serif; margin-top:50px; font-weight: 700;}
.page1 .video-wrap {position:relative; z-index:2; line-height:0;  width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.page1 .video-wrap .cover {position:absolute; width:100%; height:100%; left:0; top:0; z-index:4; background:rgba(0, 0, 0, 0.6);  display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; text-align:center;} 
.page1 .video-wrap .cover p {font-size:3rem; line-height:3.6rem; font-family: 'Pretendard-SemiBold'; margin-bottom:25px}
.page1 .video-wrap .cover .btn-wrap {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; max-width:640px; gap:30px;}
.page1 .video-wrap .cover .btn-wrap .btn { cursor:pointer; flex:1; box-sizing:border-box; border:2px solid #fff; height:60px; text-align:center; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; font-size:1.8rem; line-height:2.6rem; font-family: 'Pretendard-Medium'; }
.page1 .video-wrap .cover .btn-wrap .btn:hover {background:#010e1e; border:2px solid #010e1e; }

.page1 .video-wrap video {width:100%; position:relative; z-index:1; display:none;}
#video1 {display:block;}

.video-progress {position:relative;  height:0; overflow:visible; top:-16vw; width:92%; max-width:1740px; margin:0 auto; z-index:3; display:flex; justify-content:flex-start; align-items:center; gap:8px; line-height:0;} 
.video-progress .bar {width:100px; height:3px; background:none;  border-radius:0;  transition:all 0.5s ease-in-out; z-index:2; position:relative; box-sizing:border-box; background:rgba(255, 255, 255, 0.4); opacity:1; cursor:pointer;}
.video-progress .bar span {position:absolute; left:0; top:0; height:3px; width:0; z-index:1; background:#ffffff; transition:all 0.5s ease-in-out;}

.m-slider-scroll {position:relative; overflow:visible;  height:0; top:-250px; width:92%; max-width:1740px; margin:0 auto; z-index:3; display:flex; justify-content:center; align-items:flex-end; flex-direction:column; overflow:visible; line-height:0;} 
.m-slider-scroll a {display:block; position:relative; width:250px;  overflow:visible; height:15px; transform:rotate(90deg); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;  flex-shrink:0}
.m-slider-scroll a span.tit {color:#fff; font-size:1.0rem; font-family:'Montserrat'; font-weight:600; height:15px; line-height:15px; width:140px; opacity:0.6; letter-spacing:5px;}
.m-slider-scroll a span.bar {width:calc(100% - 150px); height:7px; position:relative;}
.m-slider-scroll a span.bar::before {content:''; display:block; position:absolute; left:0; top:0; width:20px; height:7px; background:#ffffff40; transition:all 0.5s ease-in-out; border-radius:4px;}
.m-slider-scroll a:hover span.bar::before {width:98%; background:#ffffff80; }


/* 메인 롤링 */
.m-slider-wrap {width:37.5%; max-width:525px; height:490px; position:relative; overflow:visible;}
.m-slider-container {overflow:visible;}
.m-slider-container .swiper-wrapper {}
.m-slider-container .swiper-slide {width:100%; height:490px; overflow:visible; position:relative; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; opacity:0}
.m-slider-container .swiper-slide-active {opacity:1}
.m-slider-container .swiper-slide .tit-wrap {position:relative; z-index:2; width:84%; height:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; }
.m-slider-container .swiper-slide .tit-wrap .tit { font-family: 'NanumSquareRound'; font-size:6.5rem; line-height:7.0rem; font-weight:700; color:#22242a; }
.m-slider-container .swiper-slide .tit-wrap .con {font-family: 'NanumSquareRound'; font-size:1.8rem; line-height:2.4rem; margin-top:40px; letter-spacing:-0.5px}
.m-slider-container .swiper-slide .thm-wrap {width:16%; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start;}
.m-slider-container .swiper-slide .thm-wrap img {}

.m-slider-control {position:absolute; width:129px; left:0; bottom:0; z-index:50; overflow:visible; height:20px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.m-slider-control div {display:flex; flex-direction:column; justify-content:center; height:20px; position:relative; cursor:pointer; color:#454545;}  
.m-slider-control .curr {display:inline-block; overflow:hidden; height:20px; line-height:20px; width:40px; margin-left:10px; font-size:1.8rem; font-family:'Noto Serif KR', serif; font-weight:700; font-style:italic; text-align:center;}
.m-slider-control .all {display:inline-block; overflow:hidden; height:20px; line-height:20px; width:40px; margin-right:10px; font-size:1.8rem; font-family:'Noto Serif KR', serif; font-weight:700; font-style:italic; text-align:center;}
.m-slider-control .m-slider-prev { width:11px; align-items:flex-start;}
.m-slider-control .m-slider-prev img {height:20px; filter: invert(24%) sepia(0%) saturate(1351%) hue-rotate(301deg) brightness(100%) contrast(89%); transform:rotate(180deg);}
.m-slider-control .m-slider-next { width:11px; align-items:flex-end;}
.m-slider-control .m-slider-next img {height:20px; filter: invert(24%) sepia(0%) saturate(1351%) hue-rotate(301deg) brightness(100%) contrast(89%);}


/* ---- section #2 ---- */
.page2 {background:#010e1e; overflow:hidden;} 
.page2 .page2-tit-wrap {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; height:200px;}
.page2 .page2-tit-wrap .tit-wrap {width:calc(100% - 600px);}
.page2 .page2-tit-wrap .tit-wrap:first-child {width:430px;}

.page2-btn-wrap {width:92%; margin:0 auto; max-width:1400px; height:85px; overflow:visible; position:relative; z-index:2; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-end; flex-wrap:wrap;}
.page2-btn-wrap .page2-btn {flex-shrink:0; width:170px; height:170px; background:#1f286f; display:flex; justify-content:center; align-items:center; }
.page2-btn-wrap .page2-btn span {font-size:1.8rem; line-height:1.8rem; font-family: 'Play'; margin:0 3px; color:#fff;}
.page2-btn-wrap .page2-btn:hover {background:#1db4f2;}


.m-about-wrap {width:92%; margin:0 auto; max-width:1400px; height:470px; overflow:visible; position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.m-about-wrap::before {content:''; display:block; width:1860px; height:470px; background:url('../images/m_about_bg.jpg') no-repeat center center; position:absolute; left:0; top:0; z-index:1;}
.m-about-wrap .m-about {flex:1; position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:center; flex-wrap:wrap;} 
.m-about-wrap .m-about::before {content:''; display:block; position:absolute; left:0; top:50%;  transform:translateY(-50%);  width:1px; height:170px; background:#ffffff40; }
.m-about-wrap .m-about:first-child::before {content:none;}
.m-about-wrap .m-about p {color:#fff; text-align:center;}
.m-about-wrap .m-about .tit {font-size:1.8rem; line-height:2.4rem; font-family: 'Pretendard-Bold'; margin:20px 0}
.m-about-wrap .m-about .counting-number {width:100%; display:flex; justify-content:center; align-items:flex-end; flex-wrap:wrap; gap:5px}
.m-about-wrap .m-about .counting-number .num {font-size:5rem; line-height:5rem; font-family: 'Pretendard-SemiBold'; font-weight:bold}
.m-about-wrap .m-about .counting-number i {font-style:normal;  font-family: 'Pretendard-SemiBold'; font-size:1.8rem; line-height:2.4rem;}



/* ---- section #3 ---- */
.page3 {background:#010e1e; overflow:hidden;} 
.page3::before{content:''; display:block; width:1299px; height:641px; background:url('../images/page3_deco.png') no-repeat center center;  background-size:contain; position:absolute; right:0; top:0; z-index:1;} 
.business-circle {position:absolute; z-index:3; right:80px; top:80px; width:160px; height:160px;  border-radius:50%; display:flex; justify-content:center; align-content:center; flex-wrap:wrap; flex-direction:column;}
.cross {width:38px; line-height:0}
.cross img {width:100%;filter: invert(100%) sepia(0%) saturate(23%) hue-rotate(98deg) brightness(108%) contrast(106%);}
.circle-txt {position:absolute; z-index:3; left:5px; bottom:5px; width:150px; height:150px; 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:130px; overflow:visible}
.circle-txt svg text {font-size:1.3rem; }
.circle-txt svg text textPath {fill:#fff; font-family:'Play'; font-weight:500; }
@keyframes spinitem {
	100% {
    	transform: rotate(360deg);
    }
}

.m-business-wrap {position:relative; z-index:2; margin-top:100px; overflow:hidden; z-index:1; position: relative; height: 100vh; width: 100%; overflow: visible; }
.m-business-wrap .m-business {display:block; width:100%; box-sizing:border-box; overflow:hidden; position: absolute; height: 100vh;}
.m-business-wrap .m-business.active {transform: translate(0%, 0); !important;  z-index:2 !important; transition:all 0.5s ease-in-out;}
/*.m-business-wrap .m-business:not(.active) { transform: translate(0%, 100%); !important}*/
.m-business-wrap .m-business .thm-wrap {position:relative; line-height:0; width:100%; overflow:hidden; background:#444; border-radius:50px; z-index:1; display:flex; justify-content:center; align-items:center; flex-direction:column; flex-wrap:wrap;}
.m-business-wrap .m-business .thm-wrap img {height: 100vh;}
.m-business-wrap .m-business .tit-wrap {width:100%; box-sizing:border-box; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; flex-wrap:wrap; position:absolute; top:0; left:0; z-index:2; height:100%; padding:100px 100px; }
.m-business-wrap .m-business .tit-wrap p {word-break:keep-all; color:#fff;}
.page3-tit {margin-bottom:40px}
.m-business-wrap  .page3-con {width:60%;}
.business-control {width:92%; left:4%; box-sizing:border-box; overflow:hidden; position: absolute; height:90vh; opacity:0}
.business-control.fix {position: fixed; bottom:10vh; height:auto; opacity:1; z-index:30; }
.business-pagination {width:calc(100% - 200px); margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; position:relative; gap:10px} 
.business-pagination .bullet {flex:1; width:auto; height: auto; border-radius:0; position:relative; background:none; opacity:0.6; color:#fff; height:5.0rem; line-height:5.0rem; font-family: 'Pretendard-Bold';font-size:2.4rem; border-bottom:2px solid #fff;}
.business-pagination .bullet.selected {opacity:1; font-weight:bold}


.spacer {height:100vh}

/* ---- section #4 ---- */
.page4 {background:#f5f5f5; overflow:visible; z-index:1} 
.page4::before{content:''; display:block; width:100%; height:570px; background:#010e1e; position:absolute; left:0; top:0; z-index:1;} 
.page4 .container { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; position: relative; max-width:1450px; padding:240px 0 180px 0}
.page4 .pin-spacer {margin:0 !important}
.page4-tit-wrap {width:36%; max-width:510px; left:auto !important; position:relative;}
.page4-tit-wrap::before {content:''; display:block; border-radius:50px; width:1900px; height:750px; background:url('../images/m_tech_bg.jpg') no-repeat center center; background-size:cover; position:absolute; left:-140px; top:-140px; z-index:1;}
.page4-btit {font-size:9.0rem; margin-bottom:80px; position:relative; top:50px !important; z-index:2;}
.page4-con {position:relative; z-index:2;}
/*.page4-tit-wrap::after{content: 'D O C T O R S';position: absolute; top: 45%; left: -395px; font-weight: bold; font-family: 'Cinzel'; font-size: 120px; color: #fff; transform: rotate(90deg) translatey(-50%);} */

.m-tech-wrap {width: 58%; max-width:830px; height:1520px; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:70px; position:relative; z-index:2;}
.m-tech {width:calc((100% - 70px) / 2); height:460px; border-radius:30px; background:#000; box-sizing:border-box; padding:40px;position:relative; overflow:hidden;  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2));}
.m-tech::before{content:''; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:1; opacity:1; transition:all 0.5s ease-in-out; } 
.tech-1 {background:url('../images/m_tech_01_bg.jpg') no-repeat center center; background-size:cover;}
.tech-2 {background:url('../images/m_tech_02_bg.jpg') no-repeat center center; background-size:cover;}
.tech-3 {background:url('../images/m_tech_03_bg.jpg') no-repeat center center; background-size:cover;}
.tech-4 {background:url('../images/m_tech_04_bg.jpg') no-repeat center center; background-size:cover;}
.tech-5 {background:url('../images/m_tech_05_bg.jpg') no-repeat center center; background-size:cover;}
.m-tech:first-child {margin-top:120px;}
.m-tech p {position:relative; z-index:2;}
.m-tech .etit {font-size:1.8rem; font-family:'Play'; color:#1f286f; line-height:2.4rem;  font-weight:500;}
.m-tech .tit {font-size:3.9rem; font-family:'Play'; color:#000; line-height:4.8rem; max-height:9.6rem; font-weight:bold; margin-top:30px; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.m-tech .con {font-size:1.8rem; font-family:'Play'; line-height:3.0rem; height:9.0rem; margin-top:30px; opacity:0.8; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-overflow: ellipsis;} 
.m-tech .btn-wrap {position:absolute;  z-index:2; left:40px; bottom:40px; height:90px; margin-top:20px; width:calc(100% - 80px); display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap;}
.m-tech .btn-wrap .btn { width:110px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.m-tech .btn-wrap .btn span {font-size:1.6rem; font-family:'Play'; color:#666}
.m-tech .btn-wrap .btn img {height:6px; filter: invert(40%) sepia(5%) saturate(11%) hue-rotate(337deg) brightness(96%) contrast(86%);}
.m-tech .btn-wrap > img {opacity:1; transition:all 0.5s ease-in-out; } 

.m-tech:hover {}
.m-tech:hover::before{opacity:0} 
.m-tech:hover p {color:#fff;}
.m-tech:hover .con {opacity:0.8}
.m-tech:hover .btn-wrap .btn span {color:#fff}
.m-tech:hover .btn-wrap .btn img {color:#fff; filter: invert(100%) sepia(0%) saturate(23%) hue-rotate(98deg) brightness(108%) contrast(106%);}
.m-tech:hover .btn-wrap > img {opacity:0}


/* ---- section #5 ---- */
.page5 {background:url('../images/m_esg_01_bg.jpg') no-repeat center center; background-size:cover; z-index:2} 
.page5 .container {width:100%; max-width:100%; overflow:visible; position:static;}
.page5-tit-wrap { position:relative; z-index:2}
.esg-circle {position:absolute; z-index:3; right:90px; top:100px; width:160px; height:160px;  border-radius:50%; display:flex; justify-content:center; align-content:center; flex-wrap:wrap; flex-direction:column;}
.m-esg-wrap {width:92%; max-width:1500px; margin:0 auto; margin-top:120px; overflow:visible; }
.m-esg-wrap .m-esg {width:100%; }
.m-esg-wrap .m-esg a {width:100%; height:150px; border-bottom:1px solid #fff; display:flex;  justify-content:flex-start; align-items:center; flex-wrap:wrap; opacity:0.5; color:#fff; letter-spacing:-0.5px; overflow:visible; position:relative; z-index:2}
.m-esg-wrap .m-esg a:hover {opacity:1}
.m-esg-wrap .m-esg a .tit {width:30%; font-family:'Play'; font-weight:bold; font-size:5.0rem}
.m-esg-wrap .m-esg a .con {width:70%; font-size:1.8rem; font-family:'Play'; height:0; overflow:hidden; opacity:0}
.m-esg-wrap .m-esg a:hover .con {height:auto; opacity:1}
.m-esg-wrap .m-esg .bg { display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0; transition:all 0.5s ease-in-out; position:absolute; z-index:1}
.m-esg-wrap .m-esg:nth-child(1) .bg {background:url('../images/m_esg_01_bg.jpg') no-repeat center center; background-size:cover;}
.m-esg-wrap .m-esg:nth-child(2) .bg {background:url('../images/m_esg_02_bg.jpg') no-repeat center center;  background-size:cover;}
.m-esg-wrap .m-esg:nth-child(3) .bg {background:url('../images/m_esg_03_bg.jpg') no-repeat center center;  background-size:cover;}
.m-esg-wrap .m-esg a:hover + * {opacity:1}


/* ---- section #6 ---- */
.page6 {}
.page6 .container {width:100%; max-width:100%; padding:0;}
.page6-tit {font-size:5.0rem;}
.m-tile-wrap {display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; width:100%; color:#fff; height:950px}
.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; display:flex;}
.m-tile::before {content:''; display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0); position:absolute; left:0; top:0; z-index:1; transition:all 0.5s ease-in-out; } 
.m-tile:hover::before{background:rgba(0, 0, 0, 0.4); }
.m-tile.tile-1 {width:100%; height:100%; background:url('../images/m_tile_01_bg.jpg') no-repeat center center; background-size:cover;}
.m-tile.tile-2 {width:100%; height:50%; background:url('../images/m_tile_05_bg.jpg') no-repeat center center; background-size:cover;}
.m-tile.tile-3 {background:#1f286f url('../images/m_tile_03_bg.png') no-repeat right 40px bottom 40px; }
.m-tile.tile-4 {background:#273137 url('../images/m_tile_04_bg.png') no-repeat right 40px bottom 40px; }

.m-tile.tile-1 {display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; flex-wrap:wrap; width:100%; height:100%; box-sizing:border-box; padding:120px 120px 120px 120px;} 
.m-tile.tile-2 a { line-height:0; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; padding:100px 70px; width:100%; height:100%; position:relative; z-index:2}
.m-tile.tile-3 a { line-height:0; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; padding:70px; width:100%; height:100%; position:relative; z-index:2}
.m-tile.tile-4 a { line-height:0; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; padding:70px; width:100%; height:100%; position:relative; z-index:2}

.m-tile .tit-wrap {position:relative; z-index:2}

.m-tile .num-wrap {margin:55px auto; width:100%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;  position:relative; z-index:2}
.m-tile .num-wrap p { font-family:'Play'; font-weight:bold; font-size:3.6rem}
.m-tile .num-wrap:hover p {color:#1f286f;}
.m-tile .num-wrap .tit {width:40%; }
.m-tile .num-wrap .num {width:60%; }

.m-tile .btn-wrap {position:relative;  z-index:2; width:100%; display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; opacity:0.7}
.m-tile:hover .btn-wrap {opacity:1}
.m-tile .btn-wrap .btn { width:100%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
.m-tile .btn-wrap .btn span {font-size:1.6rem; line-height:1.8rem; font-family:'Play'; color:#fff; margin-right:10px}
.m-tile .btn-wrap .btn img {height:6px; filter: invert(100%) sepia(0%) saturate(23%) hue-rotate(98deg) brightness(108%) contrast(106%);}


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

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

#footer {width:100%; background:#111111; background-size:cover; }
.footer-in-wrap {width:100%; }
.footer-in-wrap .footer-in { width:100%; padding:30px 0; margin:0 auto; background:#000;}
.footer-in-wrap .footer-in:first-child {background:none; padding:70px 0; border-top:0; background:none}


.copy-right-wrap { width:92%; max-width:1500px; margin:0 auto; overflow:hidden; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; }
.copy-logo {width:280px;}
.copy-logo img {max-width:100%; filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(77deg) brightness(104%) contrast(101%);}
.copy-link-wrap { width:240px; margin-top:40px}
.c-link {display:block; height:4.9rem; line-height:4.9rem; width:100%; border:1px solid #646464; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; overflow:visible; box-sizing:border-box; padding:0 15px; position:relative;}
.c-link:first-child {margin-bottom:10px}
.c-link span {color:#ffffff; font-size:1.5rem;  font-family:'Lato';}
.c-link:hover {background:rgba(0, 0, 0, 0.8);}
.c-select select { position:absolute; left:0; top:0; width: 100%; height: 100%; font-family: inherit; border: 0; opacity: 0; filter:alpha(opacity=0); -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; font-family:'Noto Sans KR';  font-family:'Lato', 'Noto Sans KR';  cursor: pointer;}

.copy-right {}
.copy-add-wrap {width:calc(100% - 390px); display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:50px}
.copy-add {flex:1; }
.copy-add:first-child {flex:initial; width:100%;}
.copy-tit {font-weight:500; font-size:1.6rem; font-family: 'Lato', sans-serif; color:#fff;}
address {width: 100%; display:block; overflow:hidden; color:#fff; line-height:28px; word-break:keep-all;  margin-top:20px; opacity:0.7}
address p { }
address p.cr {margin-top:40px;}
address span {display:inline-block; padding-right:24px;  font-size:1.5rem; font-family:'Lato';  }
address span i { font-style:normal;  color:#8d8d8d; font-family:'Lato'; margin-right:5px}


.cr-wrap  {width:92%; max-width:1500px;  margin:0 auto; overflow:hidden; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.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:#fff; font-size:1.4rem; font-family:'Lato'; }
.cr { color:#ffffff80; font-size:1.4rem; font-family:'Lato';}



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


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

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
#header { height:80px; }

/* 로고 */
.header-in-wrap {width:96%; height:80px;}
.header-in-wrap h1.logo {width:180px; left:0}
.header-in-wrap h1.logo a { max-width:400px;}

.header-in-wrap h1.logo.opened {height:35px; width:180px;}
.header-in-wrap h1.logo.opened a {max-width:180px;}

/* 상단버튼 - 링크 */
.t-btn-language {right:90px; width:110px;  }

/* 상단버튼 - 검색 */
.t-btn-srch {}
.t-btn-srch a {  right:35px;}
.t-srch-wrap {top:110px; }
.t-srch-wrap li {width:45px; height:45px; }
.t-srch-wrap li:first-child {width:calc(100% - 60px);}
.t-srch-wrap li:first-child input { height:43px; line-height:41px; padding:0 3%; font-size:1.5rem;}



/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {width:32px; }
.t-btn-sitemap .bar { width:24px; }
.t-btn-sitemap .bar:nth-of-type(2) {width:32px}

/* 전체 드롭다운 */
.gnb-menu-wrap .gnb-menu-area { width:calc(100% - 450px); margin:0 auto 0 220px}
.gnb-menu-wrap .gnb-menu-area:hover > .height-finder {height:280px; }

.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 {  gap:10px}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {height:80px; line-height:80px; font-size:1.7rem;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a > span { line-height:2.0rem; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > .gnb-depth-2-wrap  { width:100%;  left:0; margin-left:0;  }

.gnb-depth-2-wrap .gnb-depth-2-tit {padding:30px 30px 30px 150px; width:30%;}
.gnb-depth-2-wrap .gnb-depth-2-tit .tit { font-size:2.6rem;}
.gnb-depth-2-wrap .gnb-depth-2-tit .stit { font-size:1.6rem; line-height:2.4rem; }
.gnb-depth-2-wrap .gnb-depth-2 {width:70%; padding:30px; height:280px;}
.gnb-depth-2-wrap .gnb-depth-2::before {width:280px; height:282px; }

.gnb-depth-2-wrap .gnb-depth-2 > li > a { font-size:1.6rem;  height:30px; line-height:30px;}
.gnb-menu-wrap .isDepth2:hover .gnb-depth-2-wrap, .gnb-menu-wrap .isDepth2:focus .gnb-depth-2-wrap { height:280px !important; } 

.gnb-depth-3 { margin:5px 0 10px 0; }
.gnb-depth-3 > li {margin-top:5px; padding-left:10px; font-size:1.4rem}
.gnb-depth-3 > li::before {

}

#header.fixNav {height:70px;}
#header.fixNav .header-in-wrap {height:70px;}
#header.fixNav .gnb-menu-wrap .gnb-menu-area:hover > .height-finder {}
#header.fixNav .gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {  height:70px; line-height:70px; }


/* 퀵 */
#quick { width:90px; height:450px; top:78%; }
#quick .icon-wrap { height:420px;  gap:10px; }
#quick .icon-wrap li {width:80px; height:80px;}
#quick .icon-wrap li a div {width:40px; height:40px}
#quick .icon-wrap li a div img {height:32px; }
#quick .icon-wrap li a p {font-size:1.2rem; line-height:1.4rem; margin-top:2px;}



/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
.container {padding:80px 0}
.page-btit { font-size:7rem; line-height:8rem; margin-bottom:40px}
.page-tit {font-size:5rem; line-height:5.6rem; }
.page-stit {font-size:2.4rem; line-height:3.2rem; margin-bottom:20px}
.page-con {font-size:1.6rem; line-height:2.4rem; }
/*/// 메인 - 컨텐츠 공통 - end ///*/


/* ---- section #1 ---- */
.page1 {height:auto; } 
.page1 .section-content {height:auto; }
.page1 .video-wrap .tit-wrap .tit {font-size:4.0rem; line-height:5.4rem; }
.page1 .video-wrap {height:auto}
.page1 .video-wrap video {height:auto}
.page1 .video-wrap .cover p {font-size:2.8rem; line-height:3.2rem;margin-bottom:23px}
.page1 .video-wrap .cover .btn-wrap {max-width:600px; gap:25px;}
.page1 .video-wrap .cover .btn-wrap .btn { height:60px; font-size:1.7rem; line-height:2.4rem;  }

.video-progress { top:-12vw;  gap:6px} 
.video-progress .bar {width:80px; height:8px; }

.m-slider-scroll {width:100%;  top:-200px; } 
.m-slider-scroll a { width:200px;  }


/* ---- section #2 ---- */
.page2 .page2-tit-wrap {height:auto;}
.page2 .page2-tit-wrap .tit-wrap {width:calc(100% - 430px);}
.page2 .page2-tit-wrap .tit-wrap:first-child {width:430px;}

.page2-btn-wrap {width:96%; height:60px; margin-top:40px}
.page2-btn-wrap .page2-btn {flex-shrink:0; width:120px; height:120px; }
.page2-btn-wrap .page2-btn span {font-size:1.7rem; line-height:1.7rem; }

.m-about-wrap { height:360px;}
.m-about-wrap::before {width:1425px; height:360px; }
.m-about-wrap .m-about::before {width:1px; height:150px;}
.m-about-wrap .m-about .tit {font-size:1.7rem; line-height:2.2rem; margin:15px 0}
.m-about-wrap .m-about .counting-number .num {font-size:4.2rem; line-height:4.2rem; }
.m-about-wrap .m-about .counting-number i {font-size:1.7rem; line-height:2.2rem;}


/* ---- section #3 ---- */
.page3::before{ width:800px; height:395px;} 
.business-circle { right:60px; top:60px; width:140px; height:140px; }
.cross {width:36px; line-height:0}
.circle-txt { width:130px; height:130px;}
.circle-txt svg {height:110px; }
.circle-txt svg text {font-size:1.2rem; }

.m-business-wrap {margin-top:80px; }
.m-business-wrap .m-business {width:100%; box-sizing:border-box; overflow:hidden; position: absolute; height: 80vh;}
.m-business-wrap .m-business .thm-wrap img {height: 80vh;}
.m-business-wrap .m-business .tit-wrap {padding:80px; }
.page3-tit {margin-bottom:30px}

.business-control {height:80vh; }
.business-pagination {width:calc(100% - 160px); gap:20px} 
.business-pagination .bullet {height:4.0rem; line-height:4.0rem; font-size:2rem; }

.spacer {height:80vh}


/* ---- section #4 ---- */
.page4::before{height:420px; ;} 
.page4 .container { width:85%;padding:120px 0}
.page4-tit-wrap {width:36%;}
.page4-tit-wrap::before {border-radius:40px; width:1000px; height:395px; background-size:contain; left:-60px; top:-60px;}
.page4-btit {font-size:6.4rem; margin-bottom:60px; top:40px !important; }
/*.page4-tit-wrap::after{content: 'D O C T O R S';position: absolute; top: 45%; left: -395px; font-weight: bold; font-family: 'Cinzel'; font-size: 120px; color: #fff; transform: rotate(90deg) translatey(-50%);} */

.m-tech-wrap {height:1160px;  gap:40px; }
.m-tech {width:calc((100% - 40px) / 2); height:360px; border-radius:25px; padding:30px;}
.m-tech:first-child {margin-top:80px;}
.m-tech .etit {font-size:1.6rem; line-height:2rem;}
.m-tech .tit {font-size:2.8rem;  line-height:3.6rem; max-height:7.2rem; margin-top:20px;}
.m-tech .con {font-size:1.6rem; line-height:2.4rem; height:7.2rem; margin-top:20px;} 
.m-tech .btn-wrap {left:30px; bottom:30px; height:70px; width:calc(100% - 60px); }
.m-tech .btn-wrap .btn { width:90px; }
.m-tech .btn-wrap .btn span {font-size:1.4rem; }
.m-tech .btn-wrap .btn img {height:5px; }
.m-tech .btn-wrap > img {height:60px} 


/* ---- section #5 ---- */
.page5-tit-wrap { position:relative; z-index:2}
.esg-circle { right:70px; top:80px; width:140px; height:140px; }
.m-esg-wrap { margin-top:60px; }

.m-esg-wrap .m-esg a {height:120px;}
.m-esg-wrap .m-esg a .tit {font-size:4.0rem}
.m-esg-wrap .m-esg a .con {font-size:1.7rem; }
.m-esg-wrap .m-esg:nth-child(1) .bg { background-size:cover;}
.m-esg-wrap .m-esg:nth-child(2) .bg { background-size:cover;}
.m-esg-wrap .m-esg:nth-child(3) .bg { background-size:cover;}


/* ---- section #6 ---- */
.page6-tit {font-size:3.6rem;}
.m-tile-wrap {height:650px}
.m-tile.tile-3 {background:#1f286f url('../images/m_tile_03_bg.png') no-repeat right 30px bottom 30px; background-size:200px}
.m-tile.tile-4 {background:#273137 url('../images/m_tile_04_bg.png') no-repeat right 30px bottom 30px; background-size:200px}

.m-tile.tile-1 { padding:50px;} 
.m-tile.tile-2 a { padding:50px 40px;}
.m-tile.tile-3 a { padding:40px;}
.m-tile.tile-4 a { padding:40px;}

.m-tile .num-wrap {margin:40px auto;}
.m-tile .num-wrap p {font-size:2.8rem}
.m-tile .num-wrap .tit {width:40%; }
.m-tile .num-wrap .num {width:60%; }

.m-tile .btn-wrap {position:relative;  z-index:2; width:100%; display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; opacity:0.7}
.m-tile:hover .btn-wrap {opacity:1}
.m-tile .btn-wrap .btn { width:100%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
.m-tile .btn-wrap .btn span {font-size:1.6rem; line-height:1.8rem; font-family:'Play'; color:#fff; margin-right:10px}
.m-tile .btn-wrap .btn img {height:6px; filter: invert(100%) sepia(0%) saturate(23%) hue-rotate(98deg) brightness(108%) contrast(106%);}


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

.copy-logo {width:240px;}
.copy-link-wrap { width:200px; margin-top:30px}
.c-link { height:4.6rem; line-height:4.6rem; padding:0 15px; }
.c-link:first-child {margin-bottom:8px}
.c-link span { font-size:1.4rem;}

.copy-add-wrap {width:calc(100% - 300px); gap:40px}
.copy-tit {font-size:1.5rem; }
address { line-height:24px; margin-top:15px; }
address span { padding-right:20px;  font-size:1.4rem; }

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

}


/* 태블릿 CSS */
@media all and (max-width:1023px){
.pc-only {display:none}
.mobile-only {display:block}

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
body.sm-btn-on {overflow:hidden; }
#header { height:70px; }

/* 로고 */
.header-in-wrap {width:96%; height:70px;}
.header-in-wrap.sm-btn-on {z-index:3}

.header-in-wrap h1.logo {height:32px;}
.main-wrap .header-in-wrap h1.logo {width:100%; height:300px  }

.header-in-wrap h1.logo.opened {height:32px; width:160px;}
.header-in-wrap h1.logo.opened a {max-width:160px;}


/* 상단버튼 - 링크 */
.t-btn-language {right:70px; width:110px; } 
.t-btn-language a { font-size:1.2rem; line-height:1.3rem;}

.header-in-wrap.sm-btn-on .t-btn-language a {color:#00000080}
.header-in-wrap.sm-btn-on .t-btn-language a:first-child {color:#000000}
.header-in-wrap.sm-btn-on .t-btn-language a:first-child::before {background:#000}

/* 상단버튼 - 검색 */
.t-btn-srch {}
.t-btn-srch a { width:50px; height:50px; right:30px;  }
.header-in-wrap.sm-btn-on .t-btn-srch a {color:#00000080; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.3 30.3'%3E%3Cg%3E%3Cpath stroke='%23000000' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M25.6,13.3C25.6,6.5,20.1,1,13.3,1C6.5,1,1,6.5,1,13.3s5.5,12.3,12.3,12.3C20.1,25.6,25.6,20.1,25.6,13.3z'/%3E%3Cline stroke='%23000000' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='29.3' y1='29.3' x2='22' y2='22'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;background-size:20px; }
.t-srch-wrap {top:70px; height:40px;}
.t-srch-wrap li {width:40px; height:40px; }
.t-srch-wrap li:first-child {width:calc(100% - 60px);}
.t-srch-wrap li:first-child input { height:38px; line-height:36px; font-size:1.4rem;}

/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {position:absolute; cursor:pointer; right:0; top:0; width:26px; height:100%; line-height:0; text-align:center; z-index:99; display:block;}
.t-btn-sitemap a {width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column}
.t-btn-sitemap .bar { position: relative; display: block; width:16px; height: 2px; margin: 2px 0; background: #fff; transition:all 0.5s ease-in-out;}
.header-in-wrap.sm-btn-on .t-btn-sitemap .bar {background:#000}
.t-btn-sitemap .bar:nth-of-type(1) { animation: dribble-right 0.7s linear alternate infinite; }
.t-btn-sitemap .bar:nth-of-type(2) {width:26px}
.t-btn-sitemap .bar:nth-of-type(3) { animation: dribble-left 0.7s linear alternate infinite; }
@keyframes dribble-right {
	100% {
    	margin-right:10px;
    }
}
@keyframes dribble-left {
	100% {
    	margin-left:10px;
    }
}

.sm-btn-on .t-btn-sitemap .bar {
	opacity: 0;
	margin: 0;
	background: #000 !important;
}
.sm-btn-on .t-btn-sitemap .bar:nth-of-type(1) {
	opacity: 1;
	width: 30px;
	height:1px;
	margin:0;
	animation: unset;
	-webkit-transform:  translateX(0.5px) translateY(1px) rotate(-45deg);
	-ms-transform:  translateX(0.5px) translateY(1px) rotate(-45deg);
	transform: translateX(0.5px) translateY(1px) rotate(-45deg);
}
.sm-btn-on .t-btn-sitemap .bar:nth-of-type(3) {
	opacity: 1;
	width: 30px;
	height:1px;
	margin:0;
	animation: unset;
	-webkit-transform: translateX(-0.5px) translateY(-1px) rotate(45deg);
	-ms-transform:  translateX(-0.5px) translateY(-1px) rotate(45deg);
	transform: translateX(-0.5px) translateY(-1px) rotate(45deg);
}


/* 메뉴 - GNB */ 
/* 전체 드롭다운 */
.gnb-menu-wrap {position:absolute; display:block; max-width:70%; overflow: scroll; background:none; left:auto; right:0; top:0; height:100vh; width:0; z-index:98;  transition:all 0.5s ease-in-out; background:rgba(255, 255, 255, 0.95)}
.gnb-menu-wrap.sm-btn-on  {width:80%;  z-index:2; transition:none;}
body.sm-btn-on .gnb-bg {display:block; width:100%; position:absolute; right:0; top:0; height:100vh; z-index:1; background:rgba(0, 0, 0, 0.4)}
.gnb-menu-wrap .gnb-menu-area > .height-finder {display:none;}
.gnb-menu-wrap .gnb-menu-area {  width:100%; min-width:560px; margin:0 auto;}

.gnb-menu-area .gnb-menu-top {display:block; width:100%; height:60px;  margin:0 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-wrap .gnb-menu-area .gnb-depth-1 { width:80%; display:block; margin-top:120px}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li  {width:100%;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {  text-align:left;  align-items:flex-start; color:#000; height:40px; line-height:40px;  font-size:1.8rem; white-space:nowrap;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:hover > a {color:inherit}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a > span {  }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > .gnb-depth-2-wrap  {display:block; width:100%; position:relative; height:auto; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(1) .gnb-depth-2-wrap {background:;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(2) .gnb-depth-2-wrap {background:;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(3) .gnb-depth-2-wrap {background:;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(4) .gnb-depth-2-wrap {background:;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(5) .gnb-depth-2-wrap {background:;}
.gnb-depth-2-wrap {color:#000;}
.gnb-depth-2-wrap .gnb-depth-2-tit {display:none;}
.gnb-depth-2-wrap .gnb-depth-2 {width:100%; padding:0; height:auto; margin-top:5px; background:none; border:none;}
.gnb-depth-2-wrap .gnb-depth-2.row-direction {display:block;}

.gnb-depth-2-wrap .gnb-depth-2::before {content:none;}
.gnb-depth-2-wrap .gnb-depth-2 > li {width:100%; padding:0px;  height:auto;  position:relative; margin:0 auto; height:auto; margin-top:1px; overflow:visible}
.gnb-depth-2-wrap .gnb-depth-2 > li:first-child {border-top:none;margin-top:0; }
.gnb-depth-2-wrap .gnb-depth-2 > li > a {  font-size:1.5rem; height:24px; line-height:24px;  white-space:nowrap;}
.gnb-menu-wrap .isDepth2 {margin-bottom:30px}
.gnb-menu-wrap .isDepth2:hover .gnb-depth-2-wrap, .gnb-menu-wrap .isDepth2:focus .gnb-depth-2-wrap { height:auto  !important; } 

#header.fixNav { height:60px; }
#header.fixNav .header-in-wrap {height:60px}
#header.fixNav .gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {height:40px; line-height:40px; }
#header.fixNav .gnb-menu-area .gnb-depth-2 {top:auto}

.gnb-depth-3 {display:none;}
.gnb-depth-3 > li {margin-top:3px; padding-left:11px; font-size:1.3rem}
.gnb-depth-3 > li::before {
  top:4px;
  width:3px; height:3px;
}
.gnb-depth-3 > li > a:hover {color:#04a9c7;}


/* 퀵 */
#quick { width:90px; height:400px; top:79vh }
#quick .icon-wrap { height:360px;  gap:8px; }
#quick .icon-wrap li {width:70px; height:70px;}
#quick .icon-wrap li a div {width:32px; height:32px}
#quick .icon-wrap li a div img {height:28px; }
#quick .icon-wrap li a p {font-size:1.1rem; line-height:1.3rem; margin-top:2px;}


/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
.container {padding:60px 0}
.page-btit { font-size:5rem; line-height:6rem; margin-bottom:30px}
.page-tit {font-size:3.6rem; line-height:4.2rem; }
.page-stit {font-size:1.8rem; line-height:2.4rem; margin-bottom:15px}
.page-con {font-size:1.4rem; line-height:2rem; }
/*/// 메인 - 컨텐츠 공통 - end ///*/


/* ---- section #1 ---- */
.page1 {height:auto; } 
.page1 .section-content {height:auto; }
.page1 .tit-wrap .stit {font-size:2.2rem;}
.page1 .tit-wrap .btit {font-size:6.5rem; height:6.5rem; line-height:7.0rem; margin-top:30px}
.page1 .video-wrap {height:auto}
.page1 .video-wrap .tit-wrap {height:60%; }
.page1 .video-wrap .tit-wrap .tit {font-size:3.0rem; line-height:3.6rem; }
.page1 .video-wrap .cover p {font-size:2.4rem; line-height:2.8rem;margin-bottom:20px}
.page1 .video-wrap .cover .btn-wrap {max-width:500px; gap:20px;}
.page1 .video-wrap .cover .btn-wrap .btn { height:60px; font-size:1.6rem; line-height:2.0rem;  }
.page1 .video-wrap img {height:540px}
.page1 .video-wrap video {height:auto}

.video-progress { top:-11vw;  gap:4px} 
.video-progress .bar {width:60px; height:2px; }
.video-progress .bar span {height:2px}

.m-slider-scroll a {  left:40px }


/* ---- section #2 ---- */
.page2 .page2-tit-wrap .tit-wrap {width:calc(100% - 280px);}
.page2 .page2-tit-wrap .tit-wrap:first-child {width:280px;}

.page2-btn-wrap {width:98%; height:50px; margin-top:35px}
.page2-btn-wrap .page2-btn {flex-shrink:0; width:100px; height:100px; }
.page2-btn-wrap .page2-btn span {font-size:1.6rem; line-height:1.6rem; }

.m-about-wrap { height:280px;}
.m-about-wrap::before {width:1100px; height:280px; }
.m-about-wrap .m-about::before { height:140px;}
.m-about-wrap .m-about .icon {height:40px; display:flex; flex-direction:column; align-items: center; justify-content:center; }
.m-about-wrap .m-about .icon img {transform:scale(0.8)}
.m-about-wrap .m-about .tit {font-size:1.6rem; line-height:2rem; margin:12px 0}
.m-about-wrap .m-about .counting-number {flex-direction:column; align-items: center;}
.m-about-wrap .m-about .counting-number .num {font-size:3.2rem; line-height:3.2rem; }
.m-about-wrap .m-about .counting-number i {font-size:1.7rem; line-height:2.2rem;}


/* ---- section #3 ---- */
.page3::before{ width:500px; height:247px;} 
.page3-con {width:100% }
.page3-con br {}
.business-circle { right:40px; top:40px; }

.m-business-wrap {margin-top:60px; }
.m-business-wrap .m-business {width:100%; box-sizing:border-box; overflow:hidden; position: absolute; }
.m-business-wrap .m-business .thm-wrap {border-radius:30px}
.m-business-wrap .m-business .tit-wrap {padding:60px 40px; }
.page3-tit {margin-bottom:20px}

.business-control {height:80vh; }
.business-pagination {width:calc(100% - 80px); gap:10px} 
.business-pagination .bullet {height:3.6rem; line-height:3.6rem; font-size:1.6rem; }


/* ---- section #4 ---- */
.page4::before{height:300px; } 
.page4 .container { width:85%;padding:80px 0}
.page4-tit-wrap {width:40%;}
.page4-tit-wrap::before {border-radius:30px; width:760px; height:305px; background-size:cover; left:-40px; top:-40px;}
.page4-btit {font-size:4.8rem; margin-bottom:60px; top:40px !important; }
/*.page4-tit-wrap::after{content: 'D O C T O R S';position: absolute; top: 45%; left: -395px; font-weight: bold; font-family: 'Cinzel'; font-size: 120px; color: #fff; transform: rotate(90deg) translatey(-50%);} */

.m-tech-wrap {width:50%; height:1580px; gap:20px; flex-direction: row;}
.m-tech {width:100%; height:300px; border-radius:25px; padding:30px;}
.m-tech:first-child {margin-top:0;}
.m-tech .etit {font-size:1.6rem; line-height:2rem;}
.m-tech .tit {font-size:2.8rem;  line-height:3.6rem; max-height:7.2rem; margin-top:20px;}
.m-tech .con {font-size:1.6rem; line-height:2.4rem; height:7.2rem; margin-top:20px;} 
.m-tech .btn-wrap {left:30px; bottom:30px; height:70px; width:calc(100% - 60px); }
.m-tech .btn-wrap .btn { width:90px; }
.m-tech .btn-wrap .btn span {font-size:1.4rem; }
.m-tech .btn-wrap .btn img {height:5px; }
.m-tech .btn-wrap > img {height:60px} 


/* ---- section #5 ---- */
.esg-circle { right:30px; top:50px;}
.m-esg-wrap { margin-top:30px; }

.m-esg-wrap .m-esg a {height:100px;}
.m-esg-wrap .m-esg a .tit {font-size:3.0rem}
.m-esg-wrap .m-esg a .con {font-size:1.6rem; }



/* ---- section #6 ---- */
.page6-tit {font-size:3rem;}
.m-tile-wrap {height:900px}
.m-tile-in {width:100%; height:67%;}
.m-tile-in:first-child {height:33%}
.m-tile.tile-3 {background:#1f286f url('../images/m_tile_03_bg.png') no-repeat right 30px bottom 30px; background-size:200px}
.m-tile.tile-4 {background:#273137 url('../images/m_tile_04_bg.png') no-repeat right 30px bottom 30px; background-size:200px}

.m-tile.tile-1 { padding:50px;} 
.m-tile.tile-2 a { padding:50px 40px;}
.m-tile.tile-3 a { padding:40px;}
.m-tile.tile-4 a { padding:40px;}

.m-tile .num-wrap {margin:40px auto;}
.m-tile .num-wrap p {font-size:2.8rem}
.m-tile .num-wrap .tit {width:40%; }
.m-tile .num-wrap .num {width:60%; }

.m-tile .btn-wrap {position:relative;  z-index:2; width:100%; display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; opacity:0.7}
.m-tile:hover .btn-wrap {opacity:1}
.m-tile .btn-wrap .btn { width:100%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
.m-tile .btn-wrap .btn span {font-size:1.6rem; line-height:1.8rem; font-family:'Play'; color:#fff; margin-right:10px}
.m-tile .btn-wrap .btn img {height:6px; filter: invert(100%) sepia(0%) saturate(23%) hue-rotate(98deg) brightness(108%) contrast(106%);}


/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */
/* ---- footer ---- */
.footer-in-wrap .footer-in {20px 0}
.copy-add-wrap {gap:30px}
.copy-add {width:100%; flex:initial;}

.copy-menu {width:100%; text-align:center;}
.copy-menu li {display:inline-block; padding:0 11px; float:initial;}
.copy-menu li a { font-size:1.2rem; }
.cr {width:100%; margin-top:15px; font-size:1.2rem; text-align:center;}
}


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

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

/* 로고 */
.header-in-wrap {width:92%; height:60px;}
.header-in-wrap h1.logo {height:26px; width:132px;}

.main-wrap .header-in-wrap h1.logo {width:100%; height:260px }

.header-in-wrap h1.logo.opened {height:26px; width:132px;}
.header-in-wrap h1.logo.opened a {max-width:132px;}


/* 상단버튼 - 링크 */
.t-btn-language {right:60px; width:90px; } 
.t-btn-language a { font-size:1.1rem; line-height:1.2rem;}

/* 상단버튼 - 검색 */
.t-btn-srch {}
.t-btn-srch a { width:40px; height:40px; right:30px;  }
.t-srch-wrap {top:60px; height:40px;}
.t-srch-wrap li {width:40px; height:40px; }
.t-srch-wrap li:first-child {width:calc(100% - 60px);}
.t-srch-wrap li:first-child input { height:38px; line-height:36px; font-size:1.4rem;}



/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {position:absolute; cursor:pointer; right:0; top:0; width:26px; height:100%; line-height:0; text-align:center; z-index:99; display:block;}
.t-btn-sitemap a {width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column}
.t-btn-sitemap .bar { position: relative; display: block; width:16px; height: 2px; margin: 2px 0; background: #fff; transition:all 0.5s ease-in-out;}
.header-in-wrap.sm-btn-on .t-btn-sitemap .bar {background:#000}
.t-btn-sitemap .bar:nth-of-type(1) { animation: dribble-right 0.7s linear alternate infinite; }
.t-btn-sitemap .bar:nth-of-type(2) {width:26px}
.t-btn-sitemap .bar:nth-of-type(3) { animation: dribble-left 0.7s linear alternate infinite; }
@keyframes dribble-right {
	100% {
    	margin-right:10px;
    }
}
@keyframes dribble-left {
	100% {
    	margin-left:10px;
    }
}

.sm-btn-on .t-btn-sitemap .bar {
	opacity: 0;
	margin: 0;
	background: #000 !important;
}
.sm-btn-on .t-btn-sitemap .bar:nth-of-type(1) {
	opacity: 1;
	width: 30px;
	height:1px;
	margin:0;
	animation: unset;
	-webkit-transform:  translateX(0.5px) translateY(1px) rotate(-45deg);
	-ms-transform:  translateX(0.5px) translateY(1px) rotate(-45deg);
	transform: translateX(0.5px) translateY(1px) rotate(-45deg);
}
.sm-btn-on .t-btn-sitemap .bar:nth-of-type(3) {
	opacity: 1;
	width: 30px;
	height:1px;
	margin:0;
	animation: unset;
	-webkit-transform: translateX(-0.5px) translateY(-1px) rotate(45deg);
	-ms-transform:  translateX(-0.5px) translateY(-1px) rotate(45deg);
	transform: translateX(-0.5px) translateY(-1px) rotate(45deg);
}

/* 메뉴 - GNB */ 
/* 일반 드롭다운 */
.gnb-menu-wrap .gnb-menu-area {min-width:initial}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 {width:90%;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {  height:auto; line-height:1.6rem; font-size:1.4rem;}
.gnb-depth-2-wrap .gnb-depth-2 > li > a { font-size:1.2rem; height:auto; line-height:1.7rem;}
.gnb-menu-wrap .isDepth2 {margin-bottom:25px}

#header.fixNav { height:60px;}
#header.fixNav .header-in-wrap {height:60px}
#header.fixNav .gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a { height:auto; line-height:1.6rem;}

.gnb-depth-3 > li {margin-top:2px; padding-left:8px; font-size:1.2rem}
.gnb-depth-3 > li::before {
  top:5px;
  width:3px; height:3px;
}

/* 퀵 */
#quick { width:60px; height:230px; top:auto; bottom:0; z-index:11; transform: translateY(0);}
#quick .icon-wrap { height:215px;  gap:5px; }
#quick .icon-wrap li {width:50px; height:50px;}
#quick .icon-wrap li a div {width:23px; height:23px}
#quick .icon-wrap li a div img {height:20px; }
#quick .icon-wrap li a p {font-size:0.9em; line-height:1.2em; margin-top:2px;}


/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
.container {padding:50px 0}
.page-btit { font-size:3.5rem; line-height:4.2rem; margin-bottom:25px}
.page-tit {font-size:2.8rem; line-height:3.2rem; }
.page-stit {font-size:1.6rem; line-height:2.2rem; margin-bottom:10px}
.page-con {display:none}
/*/// 메인 - 컨텐츠 공통 - end ///*/


/* ---- section #1 ---- */
.page1 {height:auto; } 
.page1 .section-content {height:auto; }
.page1 .tit-wrap .stit {font-size:2rem; height:auto;}
.page1 .tit-wrap .btit {font-size:4rem; height:auto; line-height:5.0rem; margin-top:2px}
.page1 .video-wrap {height:auto}
.page1 .video-wrap .tit-wrap {height:80%; }
.page1 .video-wrap .tit-wrap .tit {font-size:2.0rem; line-height:2.4rem; }
.page1 .video-wrap .cover p {font-size:2rem; line-height:2.0rem;margin-bottom:15px; display:none}
.page1 .video-wrap .cover .btn-wrap {max-width:300px; gap:5px;}
.page1 .video-wrap .cover .btn-wrap .btn { height:40px; font-size:1.4rem; line-height:1.4rem;  word-break:keep-all;}
.page1 .video-wrap img {height:450px}
.page1 .video-wrap video {height:auto}

.video-progress { top:-9vw;  gap:3px} 
.video-progress .bar {width:50px; }

.m-slider-scroll { display:none}


/* ---- section #2 ---- */
.page2 .page2-tit-wrap .tit-wrap {display:none;}
.page2 .page2-tit-wrap .tit-wrap:first-child {width:100%; display:block;}

.page2-btn-wrap {width:98%; height:30px; margin-top:20px}
.page2-btn-wrap .page2-btn {flex-shrink:0; width:60px; height:60px; flex-direction:column;}
.page2-btn-wrap .page2-btn span {font-size:1.4rem; line-height:1.4rem; }

.m-about-wrap { height:360px;}
.m-about-wrap::before {width:1100px; height:360px; background-size:cover;}
.m-about-wrap .m-about::before { height:160px;}
.m-about-wrap .m-about:last-child {flex:initial; width:100%;}
.m-about-wrap .m-about:last-child::before {width:100%; height:1px; transition:none; top:-20px; left:4%;}
.m-about-wrap .m-about .icon {height:30px; }
.m-about-wrap .m-about .icon img {transform:scale(0.8)}
.m-about-wrap .m-about .tit {font-size:1.5rem; margin:12px}
.m-about-wrap .m-about .counting-number .num {font-size:2.2rem; line-height:2.2rem; }
.m-about-wrap .m-about .counting-number i {font-size:1.4rem; line-height:2rem;}


/* ---- section #3 ---- */
.page3::before{ width:500px; height:247px;} 
.page3-con {width:100% }
.page3-con br {}
.business-circle { right:30px; top:30px; width:90px; height:90px; }
.cross {width:20px; line-height:0}
.circle-txt { width:80px; height:80px;}
.circle-txt svg {height:60px; }
.circle-txt svg text {font-size:1.2rem; }

.m-business-wrap {margin-top:30px; }
.m-business-wrap .m-business {width:100%; box-sizing:border-box; overflow:hidden; position: relative; height:200px; margin-top:10px}
.m-business-wrap .m-business .thm-wrap {border-radius:20px}
.m-business-wrap .m-business .thm-wrap img {height: 200px;}
.m-business-wrap .m-business .tit-wrap {padding:50px 30px; }
.page3-tit {margin-bottom:20px}

.business-control {display:none}
.spacer {height:0}


/* ---- section #4 ---- */
.page4::before{height:150px; } 
.page4 .container { width:85%;padding:40px 0 60px 0}
.page4-tit-wrap {width:100%;}
.page4-tit-wrap::before {border-radius:30px; width:560px; height:200px; background-size:cover; left:-30px; top:-40px;}
.page4-btit {font-size:3.2rem; margin-bottom:0; top:0 !important; }
/*.page4-tit-wrap::after{content: 'D O C T O R S';position: absolute; top: 45%; left: -395px; font-weight: bold; font-family: 'Cinzel'; font-size: 120px; color: #fff; transform: rotate(90deg) translatey(-50%);} */

.m-tech-wrap {width:100%; height:1280px; gap:20px; flex-direction: row; margin-top:20px;}
.m-tech {width:100%; height:240px; border-radius:20px; padding:30px;}
.m-tech:first-child {margin-top:0;}
.m-tech .etit {font-size:1.4rem; line-height:1.6rem;}
.m-tech .tit {font-size:2.2rem;  line-height:2.8rem; max-height:5.6rem; margin-top:15px;}
.m-tech .con {font-size:1.5rem; line-height:2rem; height:6rem; margin-top:15px;} 
.m-tech .btn-wrap {left:30px; bottom:30px; height:70px; width:calc(100% - 60px); }
.m-tech .btn-wrap .btn { width:90px; }
.m-tech .btn-wrap .btn span {font-size:1.4rem; }
.m-tech .btn-wrap .btn img {height:5px; }
.m-tech .btn-wrap > img {height:60px} 


/* ---- section #5 ---- */
.esg-circle { right:20px; top:30px; width:90px; height:90px;  }
.m-esg-wrap { margin-top:30px; }

.m-esg-wrap .m-esg a {height:100px; justify-content: center; flex-direction:column;opacity: 1}
.m-esg-wrap .m-esg a .tit {width:100%; font-size:2.4rem}
.m-esg-wrap .m-esg a .con {width:100%; font-size:1.3rem; opacity: 1; height:auto; margin-top:10px;}



/* ---- section #6 ---- */
.page6-tit {font-size:2.4rem;}
.m-tile-wrap {height:600px}
.m-tile-in {width:100%; height:75%;}
.m-tile-in:first-child {height:25%}
.m-tile.tile-2 { height:calc(100% / 3);  }
.m-tile.tile-3 {width:100%; height:calc(100% / 3); background:#1f286f url('../images/m_tile_03_bg.png') no-repeat right 20px bottom 20px; background-size:140px}
.m-tile.tile-4 {width:100%; height:calc(100% / 3); background:#273137 url('../images/m_tile_04_bg.png') no-repeat right 20px bottom 20px; background-size:140px}

.m-tile.tile-1 { padding:25px;} 
.m-tile.tile-2 a { padding:25px;}
.m-tile.tile-3 a { padding:25px;}
.m-tile.tile-4 a { padding:25px;}

.m-tile .num-wrap {margin:10px auto;}
.m-tile .num-wrap p {font-size:2.0rem}
.m-tile .num-wrap .tit {display:none}
.m-tile .num-wrap .num {width:100%; }

.m-tile .btn-wrap .btn span {font-size:1.4rem; line-height:1.6rem; }




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

.footer-in-wrap .footer-in .copy-right-wrap .copy-right {width:100%;}
.copy-logo {margin:0 auto; width:180px}
.copy-link-wrap {margin:0 auto; margin-top:20px}

.copy-add-wrap {gap:30px; width:100%; margin-top:20px}
.copy-add {width:100%; flex:initial; }
address {line-height:20px; margin-top: 10px;}
address span {display:block; padding-right:0; font-size:1.3rem;}
  .copy-tit {
    font-size: 1.4rem;
  }
.copy-menu {width:100%; text-align:center;}
.copy-menu li {display:inline-block; padding:0 8px; float:initial;}
.copy-menu li a { font-size:1.2rem; }
.cr {width:100%; margin-top:15px; font-size:1.2rem; text-align:center;}

}