@charset "utf-8";

li {list-style: none; color: inherit;}
a {color: inherit; text-decoration: none;}
ul, li {margin: 0; padding: 0;}
img {box-sizing: border-box;}
p {margin: 0;}

body {background: #fff; margin: 0; font-family: 'SBAggro', 'Pretendard';}
html.not-scroll-top-0 .top-bar {top: 0; left: 0; right: 0;}

html {box-sizing: border-box}
div{box-sizing: border-box;}
section {box-sizing: border-box}

/* font */
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');

@font-face {
	font-family: 'SBAggro';
	font-weight: 300;
	font-style: normal;
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.eot');
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.eot?#iefix') format('embedded-opentype'),
			url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.woff2') format('woff2'),
			url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.woff') format('woff'),
			url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.ttf') format("truetype");
	font-display: swap;
	unicode-range: U+0041-005A, U+0061-007A; /*영어만*/
}

@font-face {
	font-family: 'SBAggro';
	font-weight: 500;
	font-style: normal;
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.eot');
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.eot?#iefix') format('embedded-opentype'),
			url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.woff2') format('woff2'),
			url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.woff') format('woff'),
			url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.ttf') format("truetype");
	font-display: swap;
	unicode-range: U+0041-005A, U+0061-007A; /*영어만*/
}
@font-face {
	font-family: 'SBAggro';
	font-weight: 700;
	font-style: normal;
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.eot');
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.eot?#iefix') format('embedded-opentype'),
			url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.woff2') format('woff2'),
			url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.woff') format('woff'),
			url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.ttf') format("truetype");
	font-display: swap;
	unicode-range: U+0041-005A, U+0061-007A; /*영어만*/
}

/* Scroll Animation (sa, 스크롤 애니메이션) */
.sa {
	opacity: 0;
	transition: all .5s ease;
}

/* 아래에서 위로 페이드 인 */
.sa-up {
	transform: translate(0, 100px);
}
/* 위에서 아래로 페이드 인 */
.sa-down {
	transform: translate(0, -100px);
}
/* 왼쪽에서 오른쪽으로 페이드 인 */
.sa-right {
	transform: translate(-100px, 0);
}
/* 오른쪽에서 왼쪽으로 페이드 인 */
.sa-left {
	transform: translate(100px, 0);
}
/* 왼쪽으로 회전하면서 페이드 인 */
.sa-rotateL {
	transform: rotate(180deg);
}
/* 오른쪽으로 회전하면서 페이드 인 */
.sa-rotateR {
	transform: rotate(-180deg);
}
/* 작아진 상태에서 커지면서 페이드 인 */
.sa-scaleUp {
	transform: scale(.1);
}
/* 커진 상태에서 작아지면서 페이드 인 */
.sa-scaleDown {
	transform: scale(1.1);
}

.sa.show {
	opacity: 1;
	transform: none;
}


/* **************************************** *
 * HEADER
 * **************************************** */

#header {z-index: 500;width: 100%;height: 90px;position: fixed;top: 20px;left: 50%; transform: translateX(-50%); -webkit-transition: height 300ms, top 290ms, box-shadow 400ms;
	transition: height .5s, top .5s , box-shadow .5s ease-in; width: 1600px;}
.header_wrap {height: 100%;margin: 0 auto;padding-left: 90px;padding-right: 90px;position: relative; transition: padding-left .5s, paddind-right .5s linear}
.header_wrap:before {content: '';display: block;position: absolute;left: 90px;right: 90px;bottom: 0;top: 0;background: #fff;-webkit-transition: all 300ms;transition: all 300ms;}
.header_inner {width: 100%;height: 100%;position: relative;background: #fff;}

.fixed-header {position: fixed; top: 0 !important; left: 0; box-shadow: 5px 0 3px rgba(0, 0, 0, .1); background: #fff;}
.fixed-header-wrap {padding-left: 0; padding-right: 0;}

/* LOGO */

#logo {position:relative; z-index: 551; max-width:1180px; margin:0 auto; -webkit-transition: top 300ms;transition: top 300ms;}
#logo a {display: block;width: 130px;height: 47px; position: absolute;left: 10px;top: 22px;z-index: 551;  background: url('/home/images/logo.png') no-repeat 0 center;}

/* MENU */

.menu_container {display: block;width: 100%; max-width:1200px; margin:0 auto; position: relative;font-size: 0;line-height: 1;text-align: center;z-index: 550; padding:0;}
.menu_container_bg {display: none; height: 210px; position: absolute;top: 90px;left: 0;right: 0;bottom: 0;background: #212121 url('/home/images/layout/menu-typo.png') no-repeat 95.8% bottom;background: rgba(33, 33, 33, .95) url('/home/images/layout/menu-typo.png') no-repeat 95.8% bottom;opacity: 1;}
#menu {display: inline-block;vertical-align: top; width:100%; box-sizing: border-box; padding: 0 180px;}
#menu:after {content: '';display: table;clear: both;}
#menu a {display: block;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s;}

/* 1depth */

#menu > li {display: inline-block;vertical-align: top;position: relative; width:25%;}
#menu > li > a {padding: 30px 0 /*32.5px*/;font-size: 18px; font-weight: 600;color: #222;}
#menu > li:hover > a, #menu > li.current-page-ancestor > a {color: #17469d; font-weight: 700; transition: all 1s;}

/* 2depth */

#menu > li > ul {display: none;width: 100%;position: absolute;left: 0;border-right: 1px solid rgba(237, 239, 241, .05); height: 210px;}
#menu > li:last-child ul {border-right: 0;}
#menu > li > ul > li {display: block;}
#menu > li > ul > li > a {padding: 6.5px 30px;font-size: 16px;font-weight: 400;text-align: center;color: #fff; text-align: left;}
#menu > li > ul > li .dep3 {text-align: left; padding-left:30px;}
#menu > li > ul > li .dep3 a {font-size:14px; color:#fff; padding-left:8px; position:relative;}
#menu > li > ul > li .dep3 a:after {content:""; display:block; width:4px; height:1px; position:absolute; left:0; top:11px; background-color:#888;}
#menu > li > ul > li .dep3 a:hover {color: #f4791f;}
#menu > li > ul > li .dep3 a:hover:after {background-color:#fff;}
#menu > li > ul > li:first-child > a {padding-top: 24.5px;}
#menu > li > ul > li:last-child > a {padding-bottom: 36.5px;}
#menu > li > ul > li:hover > a, #menu > li > ul > li.current-menu-item > a, #menu > li > ul > li.current-page-ancestor > a {color: #f4791f;}

.global_nav { position: absolute; right: 40px; top: 50%;  -webkit-transform:translate(0, -50%); transform:translate(0, -50%);  -ms-transform: translate(0,-50%);}
.global_nav .nav_item{display: inline-block;vertical-align:middle;}
.global_nav .nav_item li {float:left; margin-left:26px;}
.global_nav .nav_item li a{font-size:13px; color:#979797;}
.global_nav .nav_item li.active a{color:#000000;}
.global_nav button.btnAllmenu{border: none; display: inline-block; vertical-align:middle;  width:24px; height:24px; overflow:hidden; text-indent:-9999px; background:url("/home/images/menu-icon.png") no-repeat; background-size: contain; cursor:pointer;}
.global_nav button.btnAllmenu:after{content:""; display:block; width:32px; height:22px; background:url("/ko/front/image/common/btn_all.png") no-repeat 50% 50%; margin:0 auto;}

.dim_bg{ position: fixed; left: 0; top: 0; opacity: 0.6; filter: alpha(opacity=60);  width: 100%; height: 100%; z-index:20; display: none; background-color:#000; z-index: 1211111111}

.lyDim{position:fixed; left:0%; top:0; width:100%; height:100%; background-color:#000; z-index:10000; cursor:pointer; display:none; opacity:.6}
.mobileGnbWrap{top:0 !important;  background:rgba(76,75,73,.6);  position:fixed; left:0; top:0; width:100%; height:100%; box-sizing:border-box;  z-index:29; overflow-y:auto; padding-top:0; padding-top:65px; display:none;}

.mobileGnbWrap .topMenuWrap{ background:#fff;   position:relative; box-sizing:border-box; }
.mobileGnbWrap .topMenuWrap .topMenuInner{ padding:10px; background-color:#f5f5f5; border-bottom:1px solid #dfdfdf; padding-right:0;}
.mobileGnbWrap .topMenuWrap .topMenuInner:after{content:""; display:block; clear:both;}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea{ }
.mobileGnbWrap .topMenuWrap .topMenuInner .langBx{float:left;}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea .selButton{height:30px; border:1px solid #dfdfdf; padding-left:44px; border-radius:50px; width:100px; position:relative; font-size:12px; color:#000; padding-top:2px; background:#fff; text-align:left}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea .selButton:after{content:""; display:block; width:9px; height:6px; background:url("/ko/front/image/common/lang_arr.png") no-repeat 0 0; position:absolute; right:10px; top:12px;}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea .selButton.selKor:before{content:""; display:block; width:23px; height:16px; position:absolute; left:15px; top:50%; margin-top:-8px; background:url("/ko/front/image/common/lang_ko.png") no-repeat 0 0; background-size:23px 16px}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea .selLayer{display:none;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx {float:left; padding-left:3px; margin-top:-1px;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a {float:left; width:30px; height:30px; margin-left:1px; background-size:30px 30px !important}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-blog{background:url("/ko/front/image/common/sns_blog_m.png") no-repeat 0 0;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-facebook{background:url("/ko/front/image/common/sns_fb_m.png") no-repeat 0 0;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-youtube{background:url("/ko/front/image/common/sns_yt_m.png") no-repeat 0 0;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-naverCafe{background:url("/ko/front/image/common/sns_cf_m.png") no-repeat 0 0;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-instagram{background:url("/ko/front/image/common/sns_ig_m.png") no-repeat 0 0;}

.mobileGnbWrap .topMenuWrap .headSchBx {padding:10px 40px 10px 10px; background-color:#fff; position:relative;}
.mobileGnbWrap .topMenuWrap .headSchBx input[type="text"] { height:30px; line-height:30px; border:1px solid #dfdfdf; border-radius:50px; padding:0 10px; box-sizing:border-box; width:100%; vertical-align:top; box-sizing:border-box; }
.mobileGnbWrap .topMenuWrap .btnHeadSch{position:absolute; right:5px; top:10px; width:30px; height:30px; background:url("/ko/front/image/common/btn_top_sch_m.png") no-repeat 0 0; background-size:30px 30px;}

.mobileGnbWrap .btnMobleGnbClose{position:absolute; left:10px; top:20px; display:none;}
.mobileGnbWrap .btnMobleGnbClose:after{content:""; display:block; width:33px; height:33px; background:url("/ko/front/image/common/btn_gnb_close.png") no-repeat 0 0; background-size:33px 33px; }

.mobileGnbWrap .allmenu > li{border-bottom:1px solid #dfdfdf; text-align:center;}
.mobileGnbWrap .allmenu > li:first-child{border-top:none;}
.mobileGnbWrap .allmenu > li > a{display:block; font-size:14px;  font-weight:bold; color:#333333;  padding:19px 10px; background:#fff}
.mobileGnbWrap .allmenu > li.menu7{display:none;}
.mobileGnbWrap .sub-menu {display:none;}
.mobileGnbWrap li.on .sub-menu {display:block; border-top:1px solid #0c489d;}
.mobileGnbWrap .sub-menu {background-color:#f7f7f7; }
.mobileGnbWrap .sub-menu > li:first-child{margin-top:0;}
.mobileGnbWrap .sub-menu > li >a{display:block; font-size:14px; color:#444; padding:15px 0; border-top:1px solid #dfdfdf;}
.mobileGnbWrap .sub-menu > li.on >a{font-weight:bold; color:#07255d;}
.mobileGnbWrap .dep3 {margin-top:1px; padding-bottom:13px;}
.mobileGnbWrap .dep3  > li {margin-top:4px;}
.mobileGnbWrap .dep3  > li >a{display:inline-block; font-size:13px; color:#444; position:relative; padding-left:8px; letter-spacing:0;}
.mobileGnbWrap .dep3  > li >a:after{content:""; display:block; height:1px; width:4px; background-color:#828282; position:absolute; left:0; top:10px}
.mobileGnbWrap .dep3  > li.on >a{font-weight:bold; color:#333;}


/* slide */
/* #slide {padding-top: 65px;} */

.slide-cont {height: 45vh!important;}

#slide .slide-banner {width: 100%; height: 500px;}
#slide .slide-banner .slick-list {height: 100%;}
#slide .slide-banner .slick-list .slick-track {height: 100%;}
.slick-slide img {width:100%; height: 100%; object-fit: cover;}
#cont6 .slick-slide img {width:70% !important;}
.slick-dotted.slick-slider {margin:0 !important}

/*.slick-dots {bottom: 20px;}
.slick-dots li button:before {font-size: 15px !important;}
.slick-dots li.slick-active button:before {color:#fff !important}*/

/* 도트 */
.slide-banner .slick-dots {position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%); display: flex !important; align-items: center;	justify-content: center}

/* 도트 스타일 */
.slide-banner .slick-dots li {margin:0 10px;}
.slide-banner .slick-dots li button {width: 32px; height: 4px; padding: 0; background: rgba(255,255,255,0.4); border-radius: 2px;}
.slide-banner .slick-dots li button::before {display: none;}
.slide-banner .slick-dots li.slick-active button {background: #27279f;}

/* 화살표 공통 */
.slide-banner .slick-arrow {position: absolute; bottom: 35px; top: auto; width: 32px; height: 32px; background: none; cursor: pointer; z-index: 10;}

/* 기본 slick 아이콘 제거 */
.slide-banner .slick-arrow::before {display: none;}

/* 좌측 */
.slide-banner .slick-prev {left: 50%; transform: translateX(-50%) translateX(-90px);}

/* 우측 */
.slide-banner .slick-next {left: 50%; transform: translateX(-50%) translateX(100px);}
.slide-banner .slick-arrow::after {content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff;
  transform: translate(-50%, -50%) rotate(-135deg);}
.slide-banner .slick-next::after {transform: translate(-50%, -50%) rotate(45deg);}

@media (max-width: 1024px) {
	
	.slide-banner .slick-arrow {bottom: 34px;}
  .slide-banner .slick-prev {transform: translateX(-50%) translateX(-70px);}
  .slide-banner .slick-next {transform: translateX(-50%) translateX(70px); }
	
}

@media (max-width: 768px) {

  /* 컨트롤 영역을 더 아래로 */
  .slide-banner .slick-dots {bottom: 20px;}
	.slide-banner .slick-arrow {bottom: 20px;}

  /* 화살표 간격 더 줄이기 */
  .slide-banner .slick-prev {transform: translateX(-50%) translateX(-45px);}
	.slide-banner .slick-next {transform: translateX(-50%) translateX(45px);}

  /* 도트 더 작게 */
  .slide-banner .slick-dots li button {width:25px; height: 5px;}

  /* 터치 영역 확보 */
  .slide-banner .slick-arrow {width: 36px; height: 36px; }
	.slide-banner .slick-dots li {margin:0 6px;}
	
}



.slide-cont {position: relative;}
.slide-cont .text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; text-align: center; color: #fff;}
.slide-cont .text > span {display: block; margin-bottom: 15px; font-size: 18px; font-weight: 500;}
.slide-cont .text > p {font-size: 2em; font-family:'Daeojamjil';  text-shadow: 0 0 10px rgba(0,0,0,.4);}
.slide-cont .text > p > span {display: block;}

.slide-cont .text > div > a.slide_link {display:inline-block; position: relative; overflow: hidden; margin-top:20px; padding: 12px 26px; font-size: 13px; color: #fff; background:rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.3); border-radius:30px; cursor: pointer; z-index: 1;}
/* 애니메이션용 레이어 */
.slide-cont .text > div > a.slide_link::before {content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 100% 100%,
    #e53935 0%,
    #e53935 40%,
    transparent 60%
  );
  opacity: 0;
  transform: scale(1.4);
  transition:
    opacity 0.45s ease,
    transform 0.45s ease;
z-index: -1}

.slide-cont .text > div > a.slide_link:hover::before {  opacity: 1; transform: scale(1);;}/* hover 시 퍼짐 */
.slide-cont .text > div > a.slide_link:hover {color: #fff; border:1px solid rgba(107,150,255,.4)}
.slide-cont .text > div > a.slide_link::before {background: linear-gradient(135deg, #6b96ff, #1a3dbc);}
.slide-cont .text > div > a.slide_link:hover::before,
.slide-cont .text > div > a.slide_link:active::before {transform: scale(1);}



#cont1 .cont h2, #cont3 .cont h2 { text-align: center}


/* cont1 */
#cont1 {padding-top:45px; margin-bottom: 45px;}
.cont {width: 90%; margin: 0 auto; padding-bottom: 30px;}
.cont h2 {font-size: 20px; line-height: 20px; font-weight: 600; margin-bottom: 40px;color: #27279f;}
.cont .cont-info {position: relative;}
.cont .cont-info .info01 {font-family:'Daeojamjil'; font-size:1.8em; margin-bottom: 15px;}
.cont .cont-info .info01 span {display: block;}
.cont .cont-info .info02 {font-size: 14px; color: #555;}
.cont .cont-info .info02 span {display: block;}
.cont .cont-info button {position: absolute; bottom: -55px; padding: 10px; background: none; border: 1px solid #333; color: #333; font-size: 12px;}


/* cont-slide */

.cont-slide .slick-list {width: 100%; overflow: hidden; padding-top: 45px;}
.cont-slide, .cont3 {width: 100%; padding-left: 5%;}

@media screen and (min-width: 1100px) {
	.cont-slide, .cont3 {padding-left: 10%;}
}

@media screen and (min-width: 1700px) {
	.cont-slide, .cont3 {padding-left: 15%;}
}
@media screen and (min-width: 1780px) {
	.cont-slide, .cont3 {padding-left: 16%;}
}
@media screen and (min-width: 1850px) {
	.cont-slide, .cont3 {padding-left: 17%;}
}
@media screen and (min-width: 1920px) {
	.cont-slide, .cont3 {padding-left: 18%;}
}

.cont-slide .slide {height: 350px; width: 250px; margin-right:10px; transition: all .5s;}
.cont-slide .slide:hover {transform: translateY(-10px);}
/* .cont-slide .slide:hover > a > .img-box img {transform: scale(1.02);} */
.cont-slide .slide > a {width: 100%; height: 100%;}
.cont-slide .slide > a > .img-box {height: 60%; margin-bottom: 20px; border-radius:20px; overflow: hidden;}
.cont-slide .slide > a > .img-box img {width: 100%; height: 100%; object-fit: cover;}
.cont-slide .slide > a .detail {height:20%; font-weight: 700; font-size: 1.1em; padding: 0 10px; color:#2f5bae;}
.cont-slide .slide > a .detail p {font-weight: normal; margin-top: 10px; font-size: .85em; color: #222;}
.cont-slide .slide > a .detail p span {display: block;}


/* cont2 */
#cont2 {position: relative; width: 100%; /*height: 355px;*/ background: url('/home/images/main/cont2-bg.jpg') no-repeat center center; background-attachment: fixed; background-size:cover}
.center::before {content: ''; display: block; clear: both; width: 1px; height: 35px; background: #000; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); z-index: 3;}
#cont2 .cont-bg {width: 100%; height: 100%; background: rgba(0, 0, 0, .4); position: absolute; top: 0; left: 0;} 
#cont2 .cont ,.center .cont {width: 100%; padding: 80px 5px; text-align: center; color: #fff; position: relative; z-index: 2; /*top: 50%; transform: translateY(-50%);*/}

.company-info {width: 90%; display: flex; flex-wrap: wrap; position: relative; margin:0 auto; z-index: 2;}
.company-info .cm-info {width: 100%; text-align: center; padding: 0;}
.company-info .cm-info > .li-info {display:flex; align-content: center; justify-content: flex-start; flex-wrap: wrap; margin:0; padding:30px; border-bottom:1px solid #333; }
.company-info .cm-info .info-icon {width: 50px; height: 50px; margin: 0 auto 20px;}
.company-info .cm-info .info-icon img {width: 100%; height: 100%; }

.company-info .cm-info .info-detail {width:calc(100% - 50px); padding-left:30px; font-size: 1.1em; text-align: left}
.company-info .cm-info .info-detail p {margin-top: 10px; min-height: 60px; color: #ccc; font-size: .9em; font-weight:200}

/* cont3 */
#cont3 {padding-top:60px; margin-bottom: 50px; background:url('/home/images/main/cont3-bg.jpg'); background-size:cover;}
.cont3 {padding-top: 60px;}
.cont-item {position: relative; height: 200px;}
.cont-item > a {width: 100%; height: 100%; display: block;}
.cont-item > a > .item-img-box {width: 100%; height: 100%; margin-bottom: 20px;}
.cont-item > a > .item-img-box img {width: 100%; height: 100%; object-fit: cover;} 

.cont-item > a > .item-detail {width: 50%; height: 100%; font-weight: 700; font-size: 1.1em; text-align: right; padding: 25px 10px;
	background: rgba(255, 255, 255, .6); position: absolute; right: 0; top: 0; display: flex; flex-direction: column; justify-content: center;}
.cont-item > a > .item-detail span {display: block; font-size: .9em; font-weight: normal; margin-top: 10px;}

/* cont4 */
#cont4 {position: relative; width: 100%; height: 560px; background: #f5f5f5;}
#cont4 .cont {color: #111;}
#cont4 .cont h2 {margin-bottom: 20px;}

#cont4 .cont .tab {display: flex; width: 170px; height: 35px; line-height: 30px; background: #e1e1e1; border-radius: 50px; padding: 3px; margin: 0 auto 30px auto; font-size: .9em;}
#cont4 .cont .tab li {width: 50%; text-align: center; font-weight: 300; background: #e1e1e1; border-radius: 50px; height: 30px;}
#cont4 .cont .tab li.active {background: #555555; border-radius: 50px; color: #fff; transition: all 0.5s;}

#cont4 .cont .tab-contbox {position: relative; width: 100%;}
#cont4 .cont .tab-contbox .tab-cont  {width: 100%; position: absolute; top: 0; left: 0;}
#cont4 .cont .tab-cont .tabcon {width: 100%;}
#cont4 .cont .tab-cont .tabcon a {width: 100%; display: flex; align-items: center; margin-bottom: 20px; border-bottom: 1px solid #bbb; padding-bottom: 25px;}
#cont4 .cont .tab-cont .tabcon a > div:nth-child(1) {width: 20%;}
#cont4 .cont .tab-cont .tabcon a > div:nth-child(2) {width: 70%; top: 2px; text-align: left;}
#cont4 .cont .tab-cont .tabcon a > div:nth-child(3) {width: 10%;}

#cont4 .cont .tab-cont .tabcon .date {font-weight: 600; font-size: 1.1em; color: #bbb;}
#cont4 .cont .tab-cont .tabcon .date span {display: block; font-size: .5em;}

#cont4 .cont .tab-cont .tabcon .cont-info .info-title {margin-bottom: 7px; font-size: 1.2em; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#cont4 .cont .tab-cont .tabcon .cont-info .info-title::before {content: '공지'; clear: both; display: inline-block;  border: 1px solid #bbb; color: #bbb; padding: 2px 8px; margin-right: 15px; font-weight: 400;}
#cont4 .cont .tab-cont .tabcon .cont-info .info-cont {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #555;}
#cont4 .cont .tab-cont .tabcon .cont-info .info-cont > div {display:none;}
#cont4 .cont .tab-cont .tabcon .cont-info .info-cont > div:first-child {display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#cont4 .cont .tab-cont .tabcon .cont-more {display: flex; align-items: center; justify-content: center;}
#cont4 .cont .tab-cont .tabcon .cont-more i {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50px; border: 1px solid #bbb; color: #bbb;}

/* hover */
#cont4 .cont .tab-cont .tabcon:hover a {border-bottom: 1px solid #00aeff; transition: all .3s;}
#cont4 .cont .tab-cont .tabcon:hover .date {color: #00aeff; transition: all .3s;}
#cont4 .cont .tab-cont .tabconLhover .cont-info .info-title {color: #000; transition: all .3s;}
#cont4 .cont .tab-cont .tabcon:hover .cont-info .info-title::before {color: #00aeff; border: 1px solid #00aeff; transition: all .3s;}
#cont4 .cont .tab-cont .tabcon:hover .cont-more i {color: #00aeff; border: 1px solid #00aeff; transition: all .3s;}

#cont4 .more-listbtn {position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; font-size: 14px; color: #555; border: 1px solid #999; padding: 15px 20px; font-weight: 500; cursor: pointer;}
#cont4 .more-listbtn i {color: #333; margin-right: 3px;}

/* cont5 */
/* #cont5 .wrap {padding: 30px 20px;} */
#cont5 {margin-top: 0; padding-top:70px}
#cont5 .wrap .customer {background: url('/home/images/customer-bg.jpg') no-repeat; margin-bottom: 25px; color: #fff; width: 100%; background-size: cover; padding: 20px;}

#cont5 .wrap .customer p {font-size: 1.4em; padding-bottom: 20px; border-bottom: 1px solid #555;}
#cont5 .wrap .customer p span {display: block; font-size: .6em; font-weight: 300; margin-top: 5px;}

#cont5 .wrap .customer .customer-menu {display: flex; width: 100%; align-items: center; padding-top: 20px;}
#cont5 .wrap .customer .customer-menu > div {margin: 0 auto; display: flex; align-items: center; flex-direction: column; text-align: center;}

#cont5 .wrap .customer .customer-menu > div > a > div {width: 40px; height: 40px; display: flex; align-items: center; margin: 0 auto 8px;}
#cont5 .wrap .customer .customer-menu > div:nth-child(1) > a > div {background: url('/home/images/call.png') no-repeat;}
#cont5 .wrap .customer .customer-menu > div:nth-child(2) > a > div {background: url('/home/images/faq.png') no-repeat;}
#cont5 .wrap .customer .customer-menu > div:nth-child(3) > a > div {background: url('/home/images/question.png') no-repeat;}

#cont5 .wrap .sns {width: 100%;}
#cont5 .wrap .sns > div {margin-bottom: 5px;}
#cont5 .wrap .sns > div > a {display: flex; align-items: center;}
#cont5 .wrap .sns > div > a > .sns-img {width: 32px; height: 32px; background: red; margin-right: 10px;}
#cont5 .wrap .sns > div > a > .sns-info {font-size: 1em;}
#cont5 .wrap .sns > div > a > .sns-info span {font-size: .85em; color: #555; margin-left: 3px;}

#cont5 .wrap .sns > div:nth-child(1) > a > .sns-img {background: url('/home/images/sns.png') no-repeat 0 -85px; background-size: cover;}
#cont5 .wrap .sns > div:nth-child(2) > a > .sns-img {background: url('/home/images/sns.png') no-repeat 0 -43px; background-size: cover;}
#cont5 .wrap .sns > div:nth-child(3) > a > .sns-img {background: url('/home/images/sns.png') no-repeat 0 0; background-size: cover;}


#cont6 {position:relative;  background: #f7f7f7; z-index: 5}
#cont6 .wrap {padding:30px 0}
#cont6 .wrap img {width:70%;}

#cont8 {padding:60px 0 30px; background:url('/home/images/main/cont8-bg.jpg')no-repeat fixed center; background-size:cover; text-align: center}
#cont8 h2 {color:#fff;}
#cont8 .cont-info {margin-bottom:40px; color:#fff;}
#cont8 .cont .cont-info .info01 {color:#329be7;}
#cont8 .cont .cont-info .info02 {color:#fff;}
#cont8 .cont-list > ul {display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap}
#cont8 .cont-list > ul > li {width:31%; margin:0 1% 20px;}
#cont8 .cont-list > ul > li > img {width:100%;}
#cont8 .cont-list > ul > li:last-child {display:none}

/* 로고슬라이드*/
.partner-slider {width: 100%; overflow-x: scroll;   /* 핵심 */ overflow-y: hidden; cursor: grab; scrollbar-width: none;}
.partner-slider::-webkit-scrollbar {display: none;}
.partner-track { display: flex; gap: 30px; width: max-content;   /* 핵심 */}
.partner-item img {height: 30px; width: auto; object-fit: contain;}
.partner-slider.dragging {cursor: grabbing;}

/* footer */
footer {width: 100%; background: #333; padding: 30px 20px; color: #888; font-family: 'Pretendard'; box-sizing: border-box; z-index:4}
footer .footer-top {}
footer .footer-top .logo {width: 110px; height: 40px; background: url('/home/images/footer-logo.png') no-repeat;} 
footer .footer-top .footer-menu ul {display: flex; gap: 5px; margin: 10px 0 10px;}
footer .footer-down .footer-info {margin-bottom: 10px;}
footer .footer-down .copyright {font-size: .8em; color: #4c4c4c;}



@media all and (max-width:777px) {
	/* #wrap {padding-top:65px;} */
	.cont-slide .slick-list {padding-top: 60px;}
}
@media all and (max-width:1550px) {
	 /* .go_top {right: 60px;} */
}


.scroll_down {display: none;width:76px;height: 76px;position: absolute;bottom: 30px;left: 50%;margin-left: -38px;z-index: 120;-webkit-transition: background 300ms;transition: background 300ms;}
.scroll_down > svg {width:76px;height: 76px;position: absolute;top: 0;left: 0;}
.scroll_down:after {display: block; content:""; border: solid #fff; border-width:0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position:absolute; left:50%; top:50%; width:8px; height:8px; margin: -8px 0 0 -8px;}
.scroll_down:hover {background: #ffffff;background: rgba(255, 255, 255, .15);}
.scroll_down span { position: absolute;height: 1px; width:1px;  overflow: hidden; clip: rect(1px 1px 1px 1px);}


/*min-width*/
@media all and (min-width:620px) {
	.cont-slide .slide {height: 450px;}
	.cont-slide .slide > a > .img-box {height: 70%; margin: 0 auto; margin-bottom: 20px;}
	
	.company-info {width: 96%;}
	.company-info .cm-info {width: 33.33%;}
	.company-info .cm-info > .li-info {margin:0 4px; padding:50px 20px; background:rgba(0,0,0,.36); border:0; border-radius:20px;}
	.company-info .cm-info .info-detail {width:100%; padding-left:0; font-size: 1.1em; text-align: center}
	/*.company-info .cm-info .info-detail p {width: 195px; margin: 10px auto 0;}*/

}
@media all and (min-width:780px) {
	.slide-cont {height: 65vh!important;}
	.slide-cont .text > div > a.slide_link {margin-top:40px; padding: 18px 60px; font-size: 1.1em;border-radius:30px;}
	
	footer .wrap {width: 90%; margin: 0 auto;}
	.center .wrap {width: 90%; margin: 0 auto;}
	/* #cont1, #cont3 {padding-left: 10%;} */

	section.cont {padding: auto;}
	
	.cont .cont-info button {bottom: 0; right: 0;}
	
	#cont6 .wrap img {width:100% !important;}
	
	#cont8 {padding:120px 0 90px;}
	#cont8 .cont-info {margin-bottom: 60px;}
	#cont8 .cont-list > ul > li {width:18%; margin:0 1% 25px;}
	#cont8 .cont-list > ul > li:last-child {display:block}

}
@media all and (min-width:1024px) {
	#slide {width: 100%; height: 100vh; padding-top: 0;}
	#slide .slide-banner {width: 100%; height: 100vh;}
	.slide-cont .text > p {font-size:3em; line-height: 1.3em}
	#cont1 {/*padding-left: 10%;*/ padding-top: 100px; margin-bottom: 50px;}
	#cont3 {/*padding-left: 10%;*/ padding-top: 120px; padding-bottom: 150px; margin-bottom:0}

	.cont-slide .slide {height: 650px; margin-right:20px;}

	.cont h2 {font-size: 2em; margin-bottom: 65px; font-weight: 600;}
	.cont .cont-info .info01 {font-size:2.6em;line-height: 55px;}
	.cont .cont-info .info02 {font-size: 1.2em; line-height: 1.4em;}
	.cont-slide .slide > a .detail {font-size: 1.5em;}
	.cont-slide .slide > a .detail p {font-size: .8em;}

	.company-info {width: 84%;}
	.company-info .cm-info > .li-info {margin:0 8px;padding:50px 30px;}
	.company-info .cm-info .info-detail {font-size: 1.1em;}
	.company-info .cm-info .info-detail p {line-height: 1.3em;}

	.cont-item {height:350px;}
	.cont-item > a {display: flex; align-items: center;}
	.cont-item > a > .item-img-box {margin-bottom: 0; width: 50%;}
	.cont-item > a > .item-detail {position: inherit; width: 50%; padding: 50px;}
	.cont-item > a > .item-detail span {font-size: 0.8em; line-height: 1.3em;}

	#cont2 {}
	
	#cont3 div > a {box-sizing: border-box;}
	.cont-item > a > .item-detail {font-size: 1.6em; background: none}
	#cont3 div:nth-child(2) > a, 
	#cont3 div:nth-child(4) > a, 
	#cont3 div:nth-child(6) > a {flex-direction: row-reverse;}

	#cont3 div:nth-child(1) > a >.item-detail,
	#cont3 div:nth-child(3) > a >.item-detail,
	#cont3 div:nth-child(5) > a >.item-detail,
	#cont3 div:nth-child(7) > a >.item-detail {text-align: left;}

	#cont4 .cont .tab-cont .tabcon .date {font-size: 1.8em;}

	#cont5 {margin-top: 0; padding-top:40px}
	#cont5 .wrap {width: 90%; display: block; align-items: center; padding: 70px 0; margin: 0 auto;}
	#cont5 .wrap .customer {width: 900px; display: flex; height: 150px; margin-bottom: 0; margin-right: 20px;}
	#cont5 .wrap .sns {width: 30%;}
	#cont5 .wrap .customer p {width: 30%; padding: 35px;}
	#cont5 .wrap .customer .customer-menu {gap: 60px; width: 55%;}
	#cont5 .wrap .sns > div > a > .sns-info span {display: block;}

	#cont5 .wrap .sns > div > a > .sns-img {width: 45px; height: 45px;}
	#cont5 .wrap .sns > div:nth-child(1) > a > .sns-img {background: url('/home/images/sns.png') no-repeat 0 -119px; background-size: cover;}
	#cont5 .wrap .sns > div:nth-child(2) > a > .sns-img {background: url('/home/images/sns.png') no-repeat 0 -61px; background-size: cover;}
	#cont5 .wrap .sns > div:nth-child(3) > a > .sns-img {background: url('/home/images/sns.png') no-repeat 0 0; background-size: cover;}

}
@media all and (min-width:1200px) {
	#logo a {left: 0;}
	.global_nav {right: 0;}
	.slide-cont {height: 100vh!important;}
	.slide-cont .text {width: 100%;}
	.slide-cont .text > span {font-size:2em; font-weight:700}
	.slide-cont .text > p {font-size:4em; line-height: 1.1em}

	#cont5 .wrap {width: 1200px;}
	#cont5 .wrap .customer p {border-bottom: 0; padding: 30px 0 0 30px;}
	#cont5 .wrap .customer .customer-menu {padding-top: 0; margin-left: 90px;}
}
@media all and (min-width:1240px) {
	.wrap, footer .wrap, .center .wrap {}
	
	.slide-cont .text > p {font-size:4.8em }
	.cont .cont-info .info01 {font-size:3.2em; line-height: 1.2em}
	
	#cont1, #cont3 {}
	.cont .cont-info button {right: 0;}
	.cont-slide .slide {height: 750px;}

	#cont2 {/*height: 455px;*/}
	.center .cont {padding: 110px 5px !important; }
	.company-info .cm-info .info-icon {width: 70px; height: 70px;}
	.company-info .cm-info .info-detail {font-size: 1.4em;}
	.company-info .cm-info .info-detail p {padding:0 30px; min-height: 70px; font-size:.8em;/*width: 250px;*/}

	#cont4 {height: 100%;}

	footer .wrap .footer-top {display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid #4c4c4c; padding-bottom: 20px; margin-bottom: 20px;}
	footer .footer-top .footer-menu ul {gap: 25px}
	footer .footer-down .footer-info span {display: block;}
}

@media all and (min-width:1440px) {
	
	.wrap, .center .wrap {width: 1200px;}
	
	.company-info {width:70%; justify-content: center;}
	.cont-item {height:400px;}
	
}

@media all and (min-width:1700px) {
	.wrap, footer .wrap, .center .wrap, #cont5 .wrap {width: 1200px; margin: 0 auto;}
	/* #cont1, #cont3 {padding-left: 360px;} */
	.cont-item {height: 400px;}
	/* .cont .cont-info button {right: 20%;} */

	.cont .cont-info .info01 {margin-bottom: 30px;}
	.cont .cont-info .info02 {font-size: 1.3em; line-height: 1.5em;}
	.cont .cont-info button {font-size: 14px; padding: 15px 20px;}

	.cont-slide .slide > a .detail {font-size: 1.3em;}
	.cont-slide .slide > a .detail p {font-size: .9em; line-height: 1.3em; margin-top: 15px;}

/*	.company-info .cm-info {width: 25%;}
	.company-info .cm-info .info-detail {font-size: 1.3em;}
*/
	.cont-item > a > .item-detail span {font-size: .9em; margin-top: 15px;}
}

@media all and (min-width:1920px) {
	.full_bg_section {background-size: 100% 100%;}
	
}


/*max-width*/
@media all and (max-width:1400px) {
	.header_wrap{padding:0 20px;}
}
@media all and (max-width:1023px) {
	#menu{padding:0 150px 0 130px;}
	#menu > li > a{font-size:16px;}
	#menu > li > ul > li > a{font-size:14px; padding-left:15px; padding-right:15px;}
	#menu > li > ul > li .dep3 {padding-left:15px; padding-right:15px;}
	#menu > li > ul > li .dep3 a{font-size:13px;}
	.menu_container {height:65px;}
	.menu_container #menu{display:none;}
	.header_wrap{padding:0;}
	#header{top:0 !important; height:65px !important;}
	.minimize#header{height:65px;}
	.menu_container_bg{display:none;}
	#logo a{top:16px !important; width:104px; height:33px; background: url('/home/images/logo.png') no-repeat 0 center; background-size: contain; }
	.global_nav button.btnAllmenu:after{ width:20px; height:15px; background-size:cover; }
	.global_nav .nav_item li {margin-right:15px;}
	.global_nav .nav_item li a{font-size:12px;}
	.article_header {display:none;}
}

@media all and  (max-width:777px) {
	
}