@charset "utf-8";

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:500px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual.full-height{height:1030px;}
.slick-track,
.slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.main-visual-item{
	height:100%;
}
#mainVisual .slick-track {overflow:hidden;}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	-ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1); 
    -webkit-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1);
	-webkit-transition:transform 3000ms  ease-in-out ;
	-moz-transition:transform 3000ms ease-in-out ;
	-o-transition:transform 3000ms ease-in-out ;
	-ms-transition:transform 3000ms ease-in-out ;
    transition:transform 3000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{position:absolute; top:50%; left:0px; width:100%; margin-top:-135px; text-align:left; } /* margin-top은 조정 (텍스트영역 높이의 반) */
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3,
.main-visual-item .main-visual-txt-con .main-visual-more-btn{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(-50px); 
    -o-transform: translateY(-50px); 
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px); 
     transform: translateY(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:22px; font-weight:400; letter-spacing:-0.25px; color:#000; margin-bottom:25px; }
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:50px; letter-spacing:-0.25px; color:#000; margin-bottom:70px; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:20px; letter-spacing:-1px; font-weight: 500; color:#000; line-height:28px; margin-bottom:30px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}


.line-btn a::before {
  content: '';
  position: absolute;
  left: -2px;
  bottom:-2px;
  z-index:1;
  width: 0%;
  height:2px;
  background: #896c58;
  box-shadow: inset 0px 0px 0px #896c58;
  display: block;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}

.line-btn a:hover::before {
  width:calc(100% + 4px);
}

.line-btn a::after {
  content: '';
  position: absolute;
  right: -2px;
  top:-2px;
  z-index:1;
  width: 0%;
  height:2px;
  background: #896c58;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}
.line-btn a:hover::after {
 width:calc(100% + 4px);
}


/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0) rotate(0.01deg);
    -o-transform: scale(1.0,1.0) rotate(0.01deg);
    -moz-transform: scale(1.0,1.0) rotate(0.01deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.01deg);
     transform: scale(1.0,1.0) rotate(0.01deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-more-btn{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateY(0px); 
    -o-transform: translateY(0px); 
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px); 
     transform: translateY(0px);
}

/* 메인 비주얼 :: 버튼 */
#mainVisual .slick-dots{position:absolute; width:100%; text-align:center; top:50%; margin-top: 35px; z-index:1000;}
#mainVisual .slick-dots li{display:inline-block; margin:0 5px ; }
#mainVisual .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:45px; height:5px; background-color:#000000; 
	opacity:0.5;filter:Alpha(opacity=50);
}
#mainVisual .slick-dots li.slick-active button{background-color:#fff;}		/* 버튼 active */

/* 메인 비주얼 :: 화살표 */
#mainVisual .slick-arrow{	position:absolute; width:29px; height:60px; top:50%; margin-top:-30px; cursor:pointer; border:0; cursor:pointer; z-index:1000; font-size:0;}		/* 버튼이미지에 맞게 크기 수정 */
#mainVisual .slick-arrow.slick-prev{left:90px; background:url(../images/button/main_visual_prev.png) no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#mainVisual .slick-arrow.slick-next{right:90px; background:url(../images/button/main_visual_next.png) no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

#mainVisual .slick-arrow.slick-prev:hover {-webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px);}
#mainVisual .slick-arrow.slick-next:hover {-webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:55px; left:50%; margin-left:-41px; text-align:center; z-index:9}	/* width값에 맞게 margin-left수정 */
.main-scroll-icon span{display:block; color:#fff; padding-bottom:5px; letter-spacing:-0.5px; font-weight:300; }

@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:block;}
	.main-visual-m-img img{width:100%;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{margin-top:-180px}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:16px; line-height:24px; margin-bottom: 15px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:40px;line-height:47px; margin-bottom: 45px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:15px; line-height:16px; margin-bottom:20px; }
	
	#mainVisual .slick-dots {margin-top: 60px;}
	#mainVisual .slick-dots li button {width:25px; height:2px;}
	/* 메인 비주얼 :: 화살표 */
	#mainVisual .slick-arrow {width:20px; margin-top: 0;} /* 화살표사용시 display:none 삭제 */ 
	#mainVisual .slick-arrow.slick-prev {left:15px; background-size:100% auto;}
	#mainVisual .slick-arrow.slick-next {right:15px; background-size:100% auto;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit{margin-bottom:55px; letter-spacing:-0.5px; text-align:center;}
.main-tit strong{display:block; color:#040404; font-size:30px; font-weight:500; }
.main-tit .main-sub-tit{display:block; margin-top:15px; color:#727272; font-size:14px; letter-spacing:-0.75px; line-height:22px;}
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit{margin-bottom:30px;}
	.main-tit strong{font-size:24px;}
	.main-tit .main-sub-tit{font-size:12px; line-height:18px;}
}

/* --------- MAIN::ABOUT --------- */

.mainAbout {padding:105px 0; }
.mainAbout .main-about-wrap {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.mainAbout .main-about-tit { width:53%;}
.mainAbout .main-about-tit .main-sub-tit {font-size:16px; line-height: 50px; letter-spacing: -0.5px; color:#999999; font-weight: 600;}
.mainAbout .main-about-tit h3 {font-size:24px; line-height: 26px; color:#896c58; font-weight: 400; padding-bottom:20px; position:relative; margin-bottom: 25px;}
.mainAbout .main-about-tit h3 span {display:block;}
.mainAbout .main-about-tit h3::after {content:""; position:absolute; width:31px; height:2px; background-color:#333333; left:0; bottom:0;}
.mainAbout .main-about-tit .main-txt {font-size:16px; line-height: 24px;  color:#999999; margin-bottom: 25px;}


.mainAbout .main-about-img { width:42%; text-align: center;}
.mainAbout .main-about-img img {max-width:100%;}


@media all and (max-width:800px){
	.mainAbout {padding-top:40px; padding-bottom: 30px; margin:0 20px;}
	.mainAbout .main-about-tit {float:none; text-align:center; width:100%;}
	.mainAbout .main-about-tit h2 {padding-bottom: 0; margin-bottom: 20px; font-size:24px; line-height: 28px;}
	.mainAbout .main-about-tit h2::after {background-color:#fff;}
	.mainAbout .main-about-tit h2 span {display:inline-block;}
	.mainAbout .main-about-tit .main-sub-tit, .mainAbout .main-about-tit .main-txt {display:none;}

	.mainAbout .main-about-img {float:none; width:100%;}
	.mainAbout .main-about-img img {margin-top:0px}
}





#mainBrand {background:url("../images/main/main_brand_bg.jpg") no-repeat center bottom; background-size:cover; padding:110px 0 0 0; position:relative; height:auto}
.main-brand-m-img {display:none;}
.main-brand-wrap {text-align:center;}

/*.main-brand-2 .main-brand-left::before {content:""; position:absolute; width:102px; height:112px; right:50%; margin-right:-351px;  bottom:10%; background:url("../images/main/main_story_img1.png") no-repeat; z-index:1;}
.main-brand-2 .main-brand-right::before {content:""; position:absolute; width:424px; height:373px; right:50%; margin-right:-800px; bottom:-10%; background:url("../images/main/main_story_img2.png") no-repeat; z-index:1;}
*/
.main-brand-info {position:relative; z-index:2;}
.main-brand-info .main-brand-tit h2 {font-size:42px; line-height: 50px; color:#333333; font-weight: 400; margin-bottom: 80px;}
.main-brand-info .main-brand-sub-tit {font-size:20px; line-height: 25px; letter-spacing: -0.5px; color:#896c58; font-weight: 500; margin-bottom: 30px;}
.main-brand-info .main-brand-sub-tit.long {line-height:30px;}
.main-brand-info .main-brand-txt {font-size:16px; line-height: 26px;  color:#999999; margin-bottom: 100px;}
.main-brand-info .main-brand-txt span {display:block;}
.main-brand-info .main-brand-txt img {display:inline}

.main-btn {position:relative; z-index:2; display:inline-block; width:195px; height:60px; border-radius:30px; background:#896c58; line-height: 60px; color:#fff; font-size:15px; letter-spacing: -0.5px; box-shadow:7px 7px 7px rgba(0, 0, 0, 0.28); transform: perspective(1px) translateZ(0); transition-duration: 0.3s; overflow:hidden;  border:1px solid #896c58; text-align:center;}
.main-btn.square {border-radius:0; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.28);}
.main-btn.square-noshadow{border-radius:0; box-shadow:0px 0px 0px;}
.main-btn::before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #896c58; border-radius: 30px; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border:1px solid #896c58}

.main-btn:hover {color:#896c58; background:#fff;}
.main-btn:hover::before {-webkit-transform: scale(0); transform: scale(0); }


.main-brand-wrap .slick-list {overflow:visible;}
.main-brand-wrap .slick-arrow {position:absolute; font-size:0; border:0; cursor:pointer;  top:50%; z-index:10;}
.main-brand-wrap .slick-prev {left:50%; margin-left:-40px; margin-right:20px; margin-top: -150px; }
/*.main-brand-wrap .slick-prev::after {content:""; display:inline-block;  margin-left: 25px; width:2px; height:19px; background:url("../images/button/main_brand_line.jpg") no-repeat center; position:relative; top:19px;}*/
.main-brand-wrap .slick-next {right:50%;margin-right:-40px; margin-top: -140px; }

.main-brand-wrap .slick-dots {position:absolute; width:100%; left:0; top:10%; text-align:center;}
.main-brand-wrap .slick-dots li {display:inline-block; margin:0 3px;}
.main-brand-wrap .slick-dots li button {width:7px; height:7px; border-radius:50%; font-size:0; border:0; cursor:pointer; background-color:#D9D9D9}
.main-brand-wrap .slick-dots li.slick-active button {background-color:#7F7F7F}


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

@media all and (max-width:800px){
	#mainBrand  {padding:45px 0;}

	.main-brand-m-img {display:block;}
	.main-brand-m-img img {max-width:100%;}

	.main-brand-content .main-brand-left::before  {background:none;}
	.main-brand-content .main-brand-right::before  {background:none;}

	.main-brand-info .main-brand-tit h2 {font-size:24px; line-height: 25px; color:#333333; margin-bottom: 50px;}
	.main-brand-info .main-brand-sub-tit {font-size:15px; line-height: 30px; margin-bottom: 15px;}
	.main-brand-info .main-brand-txt {font-size:13px; line-height: 22px; word-break:keep-all; margin-bottom: 50px;}
	.main-brand-info .main-brand-txt span {display:inline;}

	.main-brand-wrap .slick-arrow {top:7%;}
	.main-brand-wrap .slick-prev {margin-top:0;}
	.main-brand-wrap .slick-next {margin-top: 10px;}

	.main-btn {width:150px; height:45px; line-height: 45px; font-size:11px; }
}

@media all and (max-width:480px){
	.main-brand-wrap .slick-arrow {top:10%}
}

.menu-top {text-align:center; margin-bottom: 75px;}
.menu-top h2 {font-size:40px; line-height: 95px; letter-spacing: -0.5px; color:#393939; font-weight: 300; padding-bottom: 65px; position:relative; margin-bottom: 25px; word-break:keep-all;}
.menu-top h2::after {content:""; position:absolute; width:1px; height:45px; background-color:#333333; bottom:0; left:50%;}
.menu-top h2 strong {font-weight: 600; color:#192857}
.menu-top p {font-size:16px; line-height: 28px; letter-spacing: -0.5px; color:#393939}

.menu-top ul {margin-top: 50px;}
.menu-top ul li {float:left; margin-left: 7px;}
.menu-top ul li:first-child {margin-left: 0;}
.menu-top ul li p {font-size:16px; line-height: 51px; letter-spacing: -0.5px; color:#333333; border-bottom: 1px solid #DADADA; text-align:left;}

.menu-top ul li img {box-shadow:5px 5px 13px rgba(0, 0, 0, 0.17)}



@media all and (max-width:1220px){
	.menu-top ul li {margin-left: 0.5%; width:24.6%;}
	.menu-top ul li img {max-width:100%;}
}

@media all and (max-width:800px){
	.menu-top {margin-bottom: 30px;}
	.menu-top h2 {font-size:25px; line-height: 50px; padding-bottom: 35px; margin-bottom: 5px;}
	.menu-top h2::after {height:25px}
	.menu-top p {font-size:13px; line-height: 18px;}

	.menu-top ul li {margin:0 0.5%; width:49%; margin-bottom: 10px;}
	.menu-top ul li p {font-size:13px; line-height: 35px; }


	.menu-banner-m img {width:100%;}

}



.main-paper-wrap {margin:0 auto; background:#f8f6f5/*background:url("../images/main/main_paper_bg.jpg") no-repeat center top; background-size: cover;   background-repeat: no-repeat;*/}
.main-paper-inner {  padding:110px 0;}

.main-paper-wrapper {width:100%;}

.main-paper-tit h2 {font-size:40px; line-height: 50px; color:#333; font-weight: 400;}
.main-paper-tit h2 span {display:block;}
.main-paper-txt .main-paper-tit {font-size:20px; line-height: 25px; letter-spacing: -0.5px; color:#333333;}
.main-paper-txt .main-paper-info {font-size:14px; line-height: 26px; letter-spacing: -0.5px; color:#868686; margin-top: 20px; margin-bottom: 30px; word-break:keep-all;}

@media all and (max-width:1220px){
	.main-paper-inner {background-size:31% auto;}

	.main-paper-slider-inner ul li {width:49%;}
	.main-paper-slider-inner ul li:first-child {margin-right:2%}
	.main-paper-slider-inner ul li img {width:100%;}

}

@media all and (max-width:800px){
	.main-paper-wrap { background:url("/images/main/main_paper_bg_m.jpg") no-repeat center top; background-size:100% auto;}
	.main-paper-inner {background:none; margin:0 15px; padding:40px 0;}

	.main-paper-wrapper {width:100%;}

	.main-paper-wrapper {text-align:center; }
	.main-paper-tit h2 {font-size:24px; line-height: 24px; }
	.main-paper-tit h2 span {display:inline;}
	.main-paper-txt .main-paper-tit {font-size:15px; line-height: 20px; }
	.main-paper-txt .main-paper-info {font-size:13px; line-height: 22px; margin-top: 10px; margin-bottom: 20px;}
}

.s-list01 { margin-top:10px;}
.s-list01 > li {position:relative;padding:10px 0 3px 32px;/*margin-top:7px;*/position:relative;font-size:16px; font-weight:400;color:#666;}
.s-list01 > li:first-child {margin-top:0;}
.s-list01 > li .num {display:block;width:23px;height:23px;line-height:22px;background:#896c58;border-radius:50%;text-align:center;color:#fff;font-size:13px;position:absolute;top:5px;left:0;font-size:1.059em;}



.competit-content {max-width:1600px; margin:0 auto;}

.competit-top {margin-bottom: 70px;}
.competit-top .competit-img {float:left; width:50%; text-align:center;} 
.competit-top .competit-img img {max-width:100%;}
.competit-top .competit-top-info {float:left; width:50%}
/*.competit-top-info-wrap { width:68%;  max-width:600px;}*/

.competit-top-tit {background:url("/images/content/competit_icon.png") no-repeat 25px 20%; padding-left: 75px; padding-top: 35px; margin-top: 55px; margin-bottom: 50px;}
.competit-top-tit p {font-size:18px; line-height: 44px; letter-spacing: -0.5px; color:#896c58;}
.competit-top-tit h3 {font-size:34px; line-height: 46px; letter-spacing: -0.5px; color:#333333; font-weight: 600; word-break:keep-all;}

.competit-top-txt {padding-left: 75px; padding-top: 20px; position:relative;}
.competit-top-txt::before {content:""; position:absolute; width:190px; height:2px; background-color:#896c58; top:0; left:-45px;}
.competit-top-txt p {font-size:15px; line-height: 18px; letter-spacing: -0.5px; color:#666666; word-break:keep-all; padding-top:8px }
.competit-top-txt p span {color:#192857}

.competit-prize {background:url("/images/content/competit_bg.jpg") no-repeat center top; padding-top: 120px; padding-bottom:80px;}
.competit-prize-tit {float:left; width:50%; }
.competit-prize-tit h3 {font-size:34px; line-height: 44px; letter-spacing: -0.5px; color:#fff; position:relative; padding-left: 50px; margin-bottom: 20px;}
.competit-prize-tit h3::before {content:""; position:absolute; left:0; top:50%; margin-top: -1.5px; width:25px; height:3px; background-color:#fff; }
.competit-prize-tit p {font-size:15px; line-height: 26px; letter-spacing: -0.5px; color:#fff; opacity:0.7;filter:Alpha(opacity=70);padding-left: 50px;}
.competit-prize-tit p span {display:block;}
.competit-prize {/*background:url("../images/main/competit_bg.jpg") no-repeat center top;*/ padding-top: 30px; padding-bottom:80px;}

.competit-prize-img {float:left; }
.competit-prize-img ul li {float:left; width:181px !important; margin-left: 13px;}
.competit-prize-img ul li img {box-shadow:0 0 27px rgba(0, 0, 0, 0.21); width:100%}
.competit-prize-img ul li:first-child {margin-left: 0;}


@media all and (max-width:1220px){
	.competit-top {margin-bottom: 49px;}
	.competit-top .competit-img {float:none; width:100%;}
	.competit-top .competit-top-info {float:none; width:100%;}
	.competit-top-info-wrap {width:73%; max-width:none; text-align:center; margin:0 auto;}
	
	.competit-top-tit {padding-left: 0; margin-top: 38.5px;}

	.competit-top-txt {padding-left: 0; }
	.competit-top-txt::before {width:100px; left:50%; margin-left: -50px;}

	.competit-prize {padding-top: 84px;}
	.competit-prize-img ul li {width:32%; margin-left: 2%;}
	.competit-prize-img ul li img {max-width:100%;}
}

@media all and (max-width:800px){
	.competit-top {margin-bottom: 30px;}
	.competit-top-info-wrap {width:96%;}
	.competit-top-tit {background:url("/images/content/competit_icon.png") no-repeat  20% top; background-size:35px; padding-top: 15px; margin-bottom: 20px; margin-top: 30px;}
	.competit-top-tit p {font-size:14px; line-height: 24px;}
	.competit-top-tit h3 {font-size:23px; line-height: 30px; }

	.competit-top-txt {padding-top: 20px;}
	.competit-top-txt p {font-size:13px; line-height: 18px; }

	.competit-prize {padding-top: 40px;}
	.competit-prize-tit {float:none; width:100%;}
	.competit-prize-tit h3 {font-size:23px; line-height: 30px; padding-left: 20px; margin-bottom: 10px;}
	.competit-prize-tit h3::before {content:""; position:absolute; left:0; top:50%; margin-top: -1.5px; width:15px; height:3px; background-color:#fff; }
	.competit-prize-tit p {font-size:13px; line-height: 20px; padding-left: 20px;}
	.competit-prize-img {float:none; width:100%; text-align:center; margin-top: 15px;}

}




#mainLink {position:relative; width:100%;}
#mainLink ul {max-width:2200px; margin:0 auto;}
#mainLink ul li {float:left; width:50%; position:relative; overflow:hidden; height:306px;}
#mainLink ul li .link-img {position:absolute; width:1100px; height:100%; left:50%; margin-left: -550px;}
#mainLink ul li img {width:100%; height:100%; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
#mainLink .link-tit-wrap {position:relative; height:100%; width:100%; }
#mainLink .link-tit-inner {display:table; width:100%; height:100%;}
#mainLink .link-tit {display:table-cell; width:100%; height:100%; vertical-align: middle; text-align:center;}

#mainLink .main-line-txt {display:inline-block; font-size:16.5px; line-height: 22px; color:#fff; border-bottom: 2px solid #fff;}
#mainLink h3 {font-size:28px; line-height: 30px; letter-spacing: -0.5px; color:#fff; font-weight: 300; margin:30px 0;}
#mainLink h3 strong {font-weight: 500;}
#mainLink a {display:inline-block; width:76px; padding:0 20px; height:36px; font-size:14px; line-height: 36px; letter-spacing: -0.5px; color:#fff; border:1px solid #fff; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);  transition: all 0.4s cubic-bezier(.5, .24, 0, 1); position:relative; background:url("/images/button/btn_arrow.png") no-repeat  85% center; text-align:left;}
#mainLink a:hover {border-left:1px solid #896c58;   border-right:1px solid #896c58; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.6); background:url("/images/button/btn_arrow.png") no-repeat  90% center; }
#mainLink a::before {
  content: '';
  position: absolute;
  left: -1px;
  bottom:-1px;
  z-index:1;
  width: 0%;
  height:1px;
  background: #896c58;
  box-shadow: inset 0px 0px 0px #896c58;
  display: block;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}

#mainLink a:hover::before {
  width:calc(100% + 2px);
}

#mainLink a::after {
  content: '';
  position: absolute;
  right: -1px;
  top:-1px;
  z-index:1;
  width: 0%;
  height:1px;
  background: #896c58;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}
#mainLink a:hover::after {
 width:calc(100% + 2px);
}

#mainLink ul li:hover img {-webkit-transform: scale(1.1) rotate(0.01deg); -moz-transform: scale(1.1) rotate(0.01deg); -ms-transform: scale(1.1) rotate(0.01deg); -o-transform: scale(1.1) rotate(0.01deg); transform: scale(1.1) rotate(0.01deg);}


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

@media all and (max-width:800px){
	#mainLink ul li {width:100%; height:auto;}
	#mainLink ul li .link-img {position:relative; width:100%; left:0; margin-left: 0;}
	#mainLink .link-tit-wrap {position:absolute; left:0; top:0;}
	
	#mainLink .main-line-txt {font-size:11px; line-height: 14px;}
	#mainLink h3 {font-size:18px; line-height: 18px; margin:15px 0;}
	#mainLink a {width:76px; padding:3% 10px; font-size:11px; line-height: 11px; height:auto; }

	#mainLink .slick-dots {position:absolute; width:100%; left:0; bottom:5%; text-align:center;}
	#mainLink .slick-dots li {display:inline-block; width:auto; float:none;}
	#mainLink .slick-dots li button {font-size:0; border:0; width:8px; height:8px; cursor:pointer; margin:0 5px; border:2px solid #fff; border-radius:50%; }
	#mainLink .slick-dots li.slick-active button {background-color:#fff}

}


.sm-tit {position: relative; font-size: 24px; line-height: 26px; color: #212121; font-weight: 500; }
.sm-tit.brown {color: #896c58;}
.sm-tit.t-bl, .sm-tit.t-bl2 {padding-bottom: 20px; margin-bottom: 15px;}
.sm-tit.t-bl::before {width: 25px; height: 3px; background: #83694e; display: block; content: ''; margin-bottom: 10px;}
.sm-tit.t-bl2::after {width: 31px; height: 2px; background-color: #333; content: ''; display: block; margin-top: 25px;}
.sm-tit span {font-size: 16px;}

.tit__wrap {}
.tit__wrap h2 {font-size: 40px; line-height: 50px; color: #212121; font-weight: 400; }
.tit__wrap p {font-size: 16px; color: #333; margin-top: 10px;}
.tit__wrap.center * {text-align: center;}

.half_description__wrap {display: flex; flex-wrap: wrap; justify-content: space-between}
.half_description__wrap .box {width: 49%; box-sizing: border-box; }
.half_description__wrap .box:nth-child(-n+2) {margin-top: 0}
.half_description__wrap .box:first-child:nth-last-child(3),  
.half_description__wrap .box:first-child:nth-last-child(3)~.box {width: 31%}  
.half_description__wrap .box img {width: 100%}

.half_description__wrap dl {position: relative; padding: 30px; background: #fafafa; border:1px solid #e4e4e4; margin-top: 2%;}
.half_description__wrap dl:has(dt span) {padding-left: 60px;}
.half_description__wrap dl dt {position: relative; font-weight: 600; margin-bottom: 10px;}
.half_description__wrap dl dt span {display: block; width: 25px; height: 25px; border-radius: 100%; background: #83694e; text-align: center; line-height: 23px; font-size: 13px; color: #fff; position: absolute; top: 0; left: -30px;}
.half_description__wrap dl dt {font-size: 17px; color: #212121;}
.half_description__wrap dl dd {font-size: 16px; line-height: 1.45;}
.half_description__wrap dl dd ul {}
.half_description__wrap dl dd ul li {position: relative; padding-left: 10px; box-sizing: border-box;}
.half_description__wrap dl dd ul li::before {position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background: #9a9a9a; content: '';}
.half_description__wrap dl dd ul li + li {margin-top: 5px;}
.half_description__wrap dl.center {padding-left: 30px;}
.half_description__wrap dl.center dt, .half_description__wrap dl.center dd {text-align: center;}



.half_description__wrap.has_icon dl {padding-left: 115px;}
.half_description__wrap.has_icon dl::before {position: absolute; top: 50%; left: 30px; transform: translateY(-50%); background-size: 100%; background-position: center; background-repeat: no-repeat; content: ''; display: block; width: 60px; height: 60px;}
.half_description__wrap.has_icon dl:nth-of-type(1)::before {background-image: url(../images/main/maintenance_icon01.png);}
.half_description__wrap.has_icon dl:nth-of-type(2)::before {background-image: url(../images/main/maintenance_icon02.png);}
.half_description__wrap.has_icon dl:nth-of-type(3)::before {background-image: url(../images/main/maintenance_icon03.png);}
.half_description__wrap.has_icon dl:nth-of-type(4)::before {background-image: url(../images/main/maintenance_icon04.png);}
.half_description__wrap.has_icon dl:nth-of-type(5)::before {background-image: url(../images/main/maintenance_icon05.png);}

#patterns_info, #Authentication {background: #f8f6f5;}


.mySwiper {}
.mySwiper .swiper-slide {width: auto;}
.mySwiper .swiper-slide img {height: 450px; width: auto;}

.step__wrap {display: flex; flex-wrap: wrap; justify-content:flex-start;}
.step__wrap .box {margin-right: 2.5%; margin-bottom: 2.5%; border: 1px solid #e4e4e4; background: #fafafa; box-sizing: border-box; padding: 30px 20px;}
.step__wrap .box:nth-of-type(4n) {margin-right: 0}
.step__wrap .box p {margin: 20px 0; font-size: 16px; line-height: 1.45; font-weight: 500; color: #212121; text-align: center;}
.step__wrap .box p strong {font-size: 16px; font-weight: 800;}
.step__wrap .box p img {max-width: 160px;}


@media all and (min-width:800px){
    .step__wrap .box {width: 23%;}
    .step__wrap .box:nth-of-type(4n) {margin-right: 0}
}


@media all and (max-width:800px){
    .policy-txt {font-size: 14px; padding: 30px;}
    .step__wrap .box {width:48.75%; padding: 20px 15px;} 
    .step__wrap .box:nth-of-type(2n) {margin-right: 0}
    .step__wrap .box p {font-size: 14px; margin: 15px 0; line-height: 1.35;}
    .step__wrap .box p strong {font-variant-position: 15px;}
    .step__wrap .box p img {max-width: 120px;}
}


table.basic_table {border-top: 2px solid #83694e; width: 100%; table-layout: fixed;}
table.basic_table tr {}
table.basic_table tr th, 
table.basic_table tr td {font-size: 16px; padding: 15px 20px; border-bottom: 1px solid #e4e4e4; line-height: 1.45;color: #333;}
table.basic_table tr th {text-align: center; font-size: 19px; font-weight: 500; background-color: #fafafa;}
table.basic_table tr td {background: #fff;}



.environmental-cert {padding-right: 170px; margin-bottom: 70px;}
.environmental-cert::before {position: absolute; top: 50%; right: 0; transform: translateY(-50%); display:block; width: 160px; height: 200px; background: url(../images/main/authentication_img02.png) no-repeat center left; background-size: 100%; content: '';}





/* --------  Company :: 오시는길 -------- */

.loaction-info-wrap {border-top:1px solid #83694e; margin-top: 15px;}
.loaction-info-wrap + h4 {margin-top: 50px;}
.loaction-info-wrap .loaction-item {display: flex; width:100%; box-sizing:border-box; border-bottom:1px solid #ddd; padding: 20px;}
.loaction-info-wrap .loaction-item dt {width:14%; color:#222;}
.loaction-info-wrap .loaction-item dd {width:86%; color:#666;}
.loaction-info-wrap .loaction-item dd a {color:#666;}
.loaction-info-wrap .loaction-item dt, .loaction-info-wrap .loaction-item dd {font-size: 17px; line-height: 1.45;}


#location {justify-content: space-between; display: flex; flex-wrap: wrap;}
#location .competit-img {width: 45%; flex: none;}
#location .competit-top-info {width: 48%; flex: none;}