@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2020-08-12
******************************************************** */
/*공통*/
.mainSec{width:100%; position:relative; }
.dp_f {display: -webkit-box;display: -ms-flexbox;display: flex;}
.dp_sb {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.dp_c {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.dp_wrap{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.dp_ib{display: inline-block;}
/* 메인 상세보기 버튼 */
.main-more-btn {
	background-image: linear-gradient(45deg, #fff 50%, transparent 50%);
    background-position: 99%;
    background-size: 400%;
    -webkit-transition: color 300ms, background 300ms ease-in-out;
    -moz-transition: color 300ms, background 300ms ease-in-out;
    -o-transition: color 300ms, background 300ms ease-in-out;
    -ms-transition: color 300ms, background 300ms ease-in-out;
    transition: color 300ms, background 300ms ease-in-out;
	/*기본 형태*/
	display: inline-block;
    min-width: 167px;
    font-size: 15px;
    font-weight: 300;
    font-weight: 500;
    padding: 18px 37px 15px 22px;
    border: 1px solid #aaa;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 35px;
}
.main-more-btn.blue{background-image: linear-gradient(45deg, #005bb6 50%, transparent 50%);}
.main-more-btn .arrow{position: absolute;right: 20px; top: 50%; margin-top: -12px;}
.main-more-btn.blue:hover{ color:#fff;}
.main-more-btn:hover { background-position: 1%; color: #333;}
.mainTitBox{width:100%;}
.mainTitBox h2{font-size: 32px;font-weight: 500;color: #006cb7;margin-bottom: 30px;overflow:hidden;}
.mainTitBox p{font-size: 65px;font-weight: bold;color: #111;overflow:hidden; word-break: keep-all;}

@media all and (min-width:801px){
    .main-more-btn:hover { background-position: 1%;}
    #mainApplication ul li a:hover:before{height:494px;}
    #mainApplication ul li a:hover .icon{-ms-transform: translateY(-62px); -o-transform: translateY(-62px);-moz-transform: translateY(-62px);-webkit-transform: translateY(-62px);transform: translateY(-62px);}
    #mainApplication ul li a:hover .icon:after, #mainApplication ul li a:hover .icon:before{opacity:0;filter:Alpha(opacity=0);-ms-transform: translateY(100px);-o-transform: translateY(100px);-moz-transform: translateY(100px); -webkit-transform: translateY(100px);transform: translateY(100px);}
    #mainApplication ul li a:hover .quick-link-tit{-ms-transform: translateY(-90px);-o-transform: translateY(-90px);-moz-transform: translateY(-90px);-webkit-transform: translateY(-90px);transform: translateY(-90px);}
    #mainApplication ul li a:hover .quick-link-tit strong{font-size:25px; }
    #mainApplication a:hover .quick-link-tit span{font-size:14px; color:#fff;}
    #mainApplication a:hover .link-more-btn{opacity:1.0;filter:Alpha(opacity=100);-ms-transform: translateY(0); -o-transform: translateY(0);-moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}	
}

/* ******************  메인 비주얼 ********************** */
#mainVisual{ position:relative; margin-top:90px}
.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: 85vh;}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative; overflow:hidden;}
.main-visual-item .main-visual-pc-img,
.main-visual-item .main-visual-m-img{width: 100%;height:100%;-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 5000ms  ease-in-out;-moz-transition:transform 5000ms ease-in-out;-o-transition:transform 5000ms ease-in-out;-ms-transition:transform 5000ms ease-in-out;transition:transform 5000ms ease-in-out;}
.main-visual-item .main-visual-pc-img img{width:100%;object-fit: cover;height: 100%;object-position: 74% 50%;}
.main-visual-item .main-visual-m-img{display:none;}
/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{position:absolute; top:0; left:0px; width:100%; bottom:0px;height:100%} /* margin-top은 조정 (텍스트영역 높이의 반) */
.main-visual-item .main-visual-txt-con > div{width:100%;height:100%;box-sizing:border-box;}
.main-visual-item .main-visual-txt-con > div .main_txt-inner{height: 100%;box-sizing: border-box;padding-top:12%;}
./*main-visual-item .main-visual-txt-con:before{position: absolute;top: 0;left: 0;bottom: 0;transform: translate3d(-102%,0,0) rotate(.001deg);z-index:1;background:url(../../img/main_visual_txt_bg.png) no-repeat 0 0; content:"";display: block;width: 100%;height: 100%; background-size:cover}*/
.main-visual-item .main-visual-txt-con .table-cell-layout{padding-left: 25%;}
.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{overflow:hidden;position:relative; z-index:10;}
.main-visual-item .main-visual-txt-con .main-visual-txt1-2{margin-bottom:30px; }
.main-visual-item .main-visual-txt-con .main-visual-txt1 strong,
.main-visual-item .main-visual-txt-con .main-visual-txt2 span,
.main-visual-item .main-visual-txt-con .main-visual-txt3 span,
.main-visual-item .main-visual-txt-con .main-visual-more-btn{opacity:0;filter:Alpha(opacity=0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition: opacity 1.4s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;transition: opacity 1.4s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 strong{display:block;font-size: 87px;color:#1b1c1f;line-height:83px;position:relative;letter-spacing:-0.5px}
.main-visual-item .main-visual-txt-con .main-visual-txt1 strong b {color: #0067b5;}
.main-visual-item .main-visual-txt1.main-visual-txt1-1 strong{font-size:20px; line-height:50px}
.main-visual-item .main-visual-txt1.main-visual-txt1-1 strong:after{content: "";display: block;position: absolute;width: 15%;height: 2px;background: rgba(255,255,255,0.7); z-index: 11; left:120px;top: 50%; margin-top: -4px;}
.main-visual-item .main-visual-txt-con .main-visual-txt1-2 strong{-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.4s;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 span,
.main-visual-item .main-visual-txt-con .main-visual-txt3 span{display:block; font-size:43px; font-weight:300; color:#222; line-height:36px; }
.main-visual-item .main-visual-txt-con .main-visual-txt2 span{margin-bottom:20px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
.main-visual-item .main-visual-txt-con .main-visual-txt3 span{-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn{-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;-ms-transition-delay:0.9s;transition-delay:0.9s;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 b,
.main-visual-item .main-visual-txt-con .main-visual-txt3 b{font-weight:700;}

/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img,
.main-visual-item.active-item .main-visual-m-img{-ms-transform: scale(1.0,1.0) rotate(0.0001deg);-o-transform: scale(1.0,1.0) rotate(0.0001deg);-moz-transform: scale(1.0,1.0) rotate(0.0001deg); -webkit-transform: scale(1.0,1.0) rotate(0.0001deg);transform: scale(1.0,1.0) rotate(0.0001deg);}
/*.main-visual-item.active-item .main-visual-txt-con:before{transform: translate3d(0,0,0) rotate(.001deg);z-index: 2;transition: transform 1.3s;transition-delay: .4s;}*/
.main-visual-item.active-item .main-visual-txt1 strong,
.main-visual-item.active-item .main-visual-txt2 span,
.main-visual-item.active-item .main-visual-txt3 span,
.main-visual-item.active-item .main-visual-more-btn{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:translateX(0);transform:translateX(0);}

/* 메인 비주얼 :: 버튼 
#mainVisual .slick-dots{position: absolute;width:74%;left:11.2%; top:50%;box-sizing: border-box; height:2px; margin-top:83px}
#mainVisual .slick-dots li{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
#mainVisual .slick-dots li a{display: block; width: 100%;}
#mainVisual .slick-dots li a .loading-bar-line{display: block;position: relative;height: 2px;width: 100%;background-color: #fff; background-color: rgba(255,255,255,0.25);}
#mainVisual .slick-dots li a .loading-bar-line:after{position: absolute;top: 0px;left: 0px;height: 2px;background-color: #fff; width: 0;content: ""; z-index: 1;}
#mainVisual .slick-dots li.slick-active a .loading-bar-line:after{width: 100%;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;-ms-transition: all 0.6s;transition: all 6s;}
/*#mainVisual .slick-dots li button{cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:100%; height:2px; background-color:#ddd; vertical-align:top;}
#mainVisual .slick-dots li.slick-active button{background-color:#9c2033;}
*/
#mainVisual .main-visual-more-btn{display:inline-block; min-width:167px; font-size:15px; font-weight:300; color:rgba(255,255,255,0.8); font-weight:500;  padding:15px 37px 15px 22px; border:2px solid rgba(255,255,255,0.7); position:relative; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  margin-top:30px
}
#mainVisual .main-visual-more-btn .arrow {position:absolute; right: 20px; top: 50%; margin-top:-12px;}
#mainVisual .main-more-btn:hover { background-position: 1%; color: #333;}

/* 메인 비주얼 :: 화살표
#mainVisual .slick-arrow{position:absolute; width:100px; height:100px; right:14%;cursor:pointer; border:0; cursor:pointer; z-index:9; font-size:0;}		/* 버튼이미지에 맞게 크기 수정
#mainVisual .slick-arrow.slick-prev{top:50%; background:url(../../img/main_visual_up_btn.png) no-repeat 50% 50%;margin-top: -15px;}
#mainVisual .slick-arrow.slick-next{bottom:50%; margin-bottom: -185px; background:url(../../img/main_visual_down_btn.png) no-repeat 50% 50%}
*/
/* 메인 비주얼 :: 스크롤아이콘 */
.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; }


/*2021-05-31 비주얼 변경*/
/* 메인 비주얼 :: 컨트롤러 */
.main-visual-control{position:absolute;bottom:0;left:0;z-index:99;width:100%;}
/* Dot */
.main-slide-dot {position: absolute; bottom: 500px; left: 20px; z-index: 999;}
.main-slide-dot button {width: 8px; height: 8px; border-radius: 50%; background: #006cb7;}
.main-visual-control .main-slide-dot{display:inline-block; vertical-align:middle; margin:-1px -8px 0 7px}
.main-visual-control .main-slide-dot li{position:relative; display:inline-block; margin-right:20px; transition:all 0.8s}
.main-visual-control .main-slide-dot li:after{position:absolute; content:""; width:0; height:2px; /*background-color:#0f4c90;*/ background-color:#fff;left:35px; top:8px;}
.main-visual-control .main-slide-dot li.slick-active{margin-right:120px}
.main-visual-control .main-slide-dot li.slick-active:after{animation:LoadingBar 4s both; animation-delay:0.2s}
.main-visual-control .main-slide-dot li button{position:relative; display:inline-block; padding-left:7px; font-weight:400; font-size:14px; color:#fff; opacity:0.3}
.main-visual-control .main-slide-dot li button:before{position:absolute; content:"0"; left:0; top:0}
.main-visual-control .main-slide-dot li.slick-active button{opacity:1}

@-webkit-keyframes LoadingBar{from{width:0px;}to{width:80px;}}
@keyframes LoadingBar{from{width:0px;}to{width:80px;}}

/* 화살표 */
.main-visual-control .main-arrow{display:inline-block; vertical-align:middle; width:25px; text-align:center; width: 80px; height: 80px; background: #fff; margin-left: -1px;}
.main-visual-control .main-arrow a{transition:all 0.3s; position:relative; display:block !important}
.main-visual-control .main-arrow.main-arrow-prev:hover a{transform:translateX(-5px)}
.main-visual-control .main-arrow.main-arrow-next:hover a{transform:translateX(5px)}
.main-visual-control .main-arrow a i{color:#888; font-size:18px; line-height: 80px;}

/* 메인 비주얼 :: pause,play */
.main-visual-control .main-play-control{display:inline-block; vertical-align:middle; position:relative; top:1px; margin-left:10px;}
.main-visual-control .slick-control-btns{display:inline-block; vertical-align:top; margin-left:5px; }
.main-visual-control .slick-control-btns button{color:#fff; vertical-align:top;}
.main-visual-control .slick-control-btns button i{vertical-align:top; font-size:22px; position:relative;}
.main-visual-control .slick-control-btns .slick-play-btn{display:none;}




/* ******************  메인 컨텐츠 :: PRODUCT ********************** */
#mainProduct {position: relative; padding: 90px 0 135px ; overflow: hidden;}
#mainProduct:before {content:''; position: absolute; top: 0; right: 0; background: #f3f5f8; width: 50%; height: 100%;}
#mainProduct .product_slider {overflow: hidden;margin: 90px auto 0;position: relative;max-width: 1415px;}
#mainProduct .pro_info {width: 32%;}
#mainProduct .pro_info .mainTitBox p span{transition-delay: .15s;}
#mainProduct .pro_info .mainTitBox h2,
#mainProduct .pro_info .mainTitBox p {margin-bottom: 15px;}
#mainProduct .pro_info .mainTitBox > span {font-size: 22px; font-family: 'Barlow', sans-serif; font-weight: 400; color: #444;}
#mainProduct .pro_info .main-visual-btn.cm-button-style01 {margin: 96px 0;width: 67%;}
#mainProduct .pro_info .pro_feature h3 {font-size: 33px; color: #006cb7; font-weight: 500; margin-bottom: 20px;}
#mainProduct .pro_info .pro_feature ul li {position: relative; font-family: 'Barlow', sans-serif; font-size: 20px; color: #666; font-weight: 300;; padding-left: 36px; line-height: 2.1; letter-spacing: -0.75px;}
#mainProduct .pro_info .pro_feature ul li:before {content:''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url(../../img/check_icon.png)no-repeat; width: 20px; height: 20px;}
#mainProduct .pro_img {display: flex;align-items: center;justify-content: center;width: 65%;}
#mainProduct .pro_img img {margin-top: 150px;margin-left: 10%;max-width: 70%;}
#mainProduct .pro_img img.pc_none {display: none;}
#mainProduct .pro_img img.next_img {opacity: 0.5;width: 25%;}
#mainProduct .swiper-slide {display: flex;}
#mainProduct .swiper-button-prev,
#mainProduct .swiper-button-next {width: 34px; height: 69px; background-size: 100%;}
#mainProduct .swiper-button-next, 
#mainProduct .swiper-container-rtl .swiper-button-prev {right: 60px;margin-top: 0;background-image: url(../../img/arrow_next.png);}
#mainProduct .swiper-button-prev,
#mainProduct .swiper-container-rtl .swiper-button-next {left: 60px;margin-top: 0;background-image: url(../../img/arrow_prev.png);}

@media (max-width: 1700px){
    #mainProduct .pro_img img {margin-left: 10%;}
    .swiper-button-next, .swiper-button-prev {top: 80px;}
    #mainProduct .swiper-button-prev, #mainProduct .swiper-button-next {height: 55px;}
    #mainProduct .swiper-button-next, #mainProduct .swiper-container-rtl .swiper-button-prev {right: 15px;}
    #mainProduct .swiper-button-prev, #mainProduct .swiper-container-rtl .swiper-button-next {left: calc(100% - 170px);}
}
@media all and ( min-width: 801px ){
    .main-product-wrapper .gallery-over-list-item a:hover .gallery-btn {background-color:transparent; right:50%; margin-right: -22.5px; box-shadow:none; bottom:50%; margin-bottom: -22.5px;}
    .main-product-wrapper .gallery-over-list-item a:hover .broad-bg span {background-color:#0054a6; width:500px; height:500px; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0.6;filter:Alpha(opacity=60); transition-delay:0.2s;}

    .main-visual-item.main-visual-item03 .main-visual-txt-con .main-visual-txt1 strong, 
    .main-visual-item.main-visual-item03 .main-visual-txt-con .main-visual-txt2 span{ color:#222}
    #mainVisual .main-visual-item.main-visual-item03 .main-visual-more-btn{color:rgba(0,0,0,0.8); border:2px solid rgba(0,0,0,0.7)}
    #mainVisual.black .main-visual-control .slick-control-btns button,
    #mainVisual.black .main-visual-control .main-arrow a i, 
    #mainVisual.black .main-visual-control .main-slide-dot li button{color:#888}
    #mainVisual.black .main-visual-control .main-slide-dot li:after{ background-color: #0f4c90;}
}

/* ******************  메인 섹션2 :: PRODUCT ********************** */
/* ******************  메인 섹션3#mainInfo .area-box :: INFORMATION ********************** */
#mainInfo {position: relative; height: 803px; padding-top: 80px;}
#mainInfo .area-box {max-width: 100%;padding-left: 13%;padding-right: 15px;}
#mainInfo:before {content:'';position: absolute;bottom: 0;left: 0;background: url(../../img/maininfo_bg.png)no-repeat;width: 100%;height: 488px;z-index: -1;}
#mainInfo .mainInfo_wrap {display: flex;max-width: 1598px;}
#mainInfo .mainInfo_wrap .mainTitBox {width: 45%;}
#mainInfo .mainInfo_wrap .mainContBox {width: 57%;}
#mainInfo .mainInfo_wrap .mainContBox > ul {display: flex; align-items: flex-start}
#mainInfo .mainInfo_wrap .mainContBox > ul li.inquiry_box {position: relative; width: 363px; background: #0c6cad; padding: 62px 40px; margin-right: 30px;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box {width: 496px;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .pr_area, 
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .notice_area {border: 1px solid #ddd; background: #fff; padding: 48px 42px 40px;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .pr_area {margin-bottom: 33px;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box h4 {font-size: 26px; font-weight: 500; color: #036fc1; letter-spacing: -0.75px;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.inquiry_box:before {content:''; position: absolute; bottom: 20px; right:0; background: url(../../img/logo_ico.png)no-repeat; width: 282px; height: 227px; background-size: 100%;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.inquiry_box:after {content:''; position: absolute; top: 12px; right: -14px; background: url(../../img/shadow.png)no-repeat; width: 362px; height: 491px; z-index: -1}
#mainInfo .mainInfo_wrap .mainContBox > ul li strong {display: block;font-size: 40px;font-weight: 500;letter-spacing: -0.5px;color: #fff;line-height: 1;}
#mainInfo .mainInfo_wrap .mainContBox .lat ul li strong {font-size: 26px;}
#mainInfo .mainInfo_wrap .mainContBox > ul li .img_box {text-align: center; margin: 75px 0 40px;}
#mainInfo .mainInfo_wrap .mainContBox > ul li .img_box img {max-width: 100%;}


/* subj-slide */
#mainNews .swiper-slide{ box-sizing:border-box; border:1px solid #ddd}
.subj-slider{padding: 0 0 5%;}
.subj-slider.swiper-container-horizontal>.swiper-scrollbar{width: 80%;}
.swiper-scrollbar-drag{background: #8cb7d5;}
.scroll-slide-wrap .title-copy{ position: absolute; bottom:9%; left:18%;}
.subj-slider .img-area{padding: 68.86% 0 0; position: relative; overflow: hidden}
.img-ani{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; height: 100%;}
.img-ani img{width: 100%; height: 100%;}
.subj-slider .swiper-slide-active .img-ani{animation: scl3 3s forwards ease;}
/* subj-slide :: control_btn */
#mainNews .swiper_arr{ position:absolute; left:0; top:50%; margin:-4% 0 0 3.6%}
#mainNews .swiper_arr ul{ overflow:hidden; margin-top:56px;}
#mainNews .swiper_arr ul li{float: left; width: 60px;height: 60px;border: solid 1px #aaa; }
#mainNews .swiper_arr ul li:last-child{ margin-left:-1px}
#mainNews .swiper_arr ul li a{position:inherit; margin:0; display:block;width:100%; height:100%; background-size: 12px;}
/* subj-slide :: text */
.subj-lami figcaption{ box-sizing:border-box; background:#f5f5f5; padding:20px; width:100%;}
.subj-lami figcaption h3{ font-size:20px; font-weight:normal; color:#333; line-height:1.5; margin-bottom:10px}
.subj-lami figcaption span{display:block;}
.subj-lami figcaption .lt_txt{display:block; font-size:16px; font-weight:300; color:#555;}
.subj-lami figcaption span.lt_date{ font-size:13px; margin-top:25px; color:#666; }

@media (max-width: 1520px){
	#mainInfo .mainInfo_wrap {max-width: 1415px;margin: 0 auto;justify-content: space-between;}
	#mainInfo .mainInfo_wrap .mainTitBox {width: 50%;}
	#mainInfo .mainInfo_wrap .mainContBox {width: 50%;}
	/* 메인 섹션3 :: INFORMATION */
	#mainInfo .mainInfo_wrap .mainContBox > ul li.inquiry_box {padding: 42px 30px;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .pr_area, #mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .notice_area
	{padding: 42px 30px 40px;}
}
@media (max-width: 1500px){
	.main-visual-control .area-big {max-width: 1415px; margin: 0 auto;}
	.main-visual-control .area-big .slide-control{padding-left: 1.1%;}
}

@media (max-width: 1380px){
#mainVisual{margin-top:80px}
.main-visual-item .main-visual-txt-con .table-cell-layout{padding-left:0;}
.main-visual-control .area-big .slide-control{padding-left: 0;}
/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con .main-visual-txt1 strong {font-size: 77px;line-height: 74px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 span,
.main-visual-item .main-visual-txt-con .main-visual-txt3 span{font-size: 36px;line-height: 29px;}

/*2021-05-31 비주얼 수정*/
.main-visual-item .main-visual-txt-con > div .main_txt-inner{padding-top: 10%;}
.main-visual-control{ bottom:50px; margin-left: 20px;}

/* 메인 비주얼 :: 버튼 
#mainVisual .slick-dots{left:25px;}
#mainVisual .slick-dots li{display:inline-block; margin:0 5px;}
#mainVisual .slick-dots li button{background-color:#fff;}

/* 메인 비주얼 :: 화살표 
#mainVisual .slick-arrow{width:70px; height:70px; right:23%}
#mainVisual .slick-dots{ margin-top:65px}
#mainVisual .slick-arrow.slick-next{margin-bottom: -135px;}
#mainVisual .slick-arrow.slick-prev{ margin-top:-5px}
*/
.business-list-wrap {margin-top: 50px;}
/* 메인 섹션2 :: PRODUCT */
.mainTitBox h2, #mainProduct .pro_info .pro_feature h3 {font-size: 30px;}
.mainTitBox p {font-size: 55px;}
#mainProduct .pro_info {width: 37%;}
#mainProduct .pro_img img {margin-left: 2%;}
#mainProduct .pro_info .main-visual-btn.cm-button-style01 {width: 48%;}
/* 메인 섹션3 :: INFORMATION */
#mainInfo .mainInfo_wrap .mainContBox > ul {display: block;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.inquiry_box {width: 100%;}
#mainInfo .mainInfo_wrap .mainContBox > ul li strong {font-size: 36px;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box {width: 200%;transform: translateX(-50%);}
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box:after {content:""; display: block; clear: both;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box > div {width: 50%;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .pr_area {float: left;margin-bottom: 0;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .notice_area {float: right;}
#mainInfo .mainInfo_wrap .mainContBox > ul li .img_box {margin: 30px 0;}
}
@media all and (max-width:1280px){
/*
.business-list-img p,.business-list-hover h3{ font-size:18px}
.business-list-hover h3{ padding-bottom:55px; margin-bottom:15px}
.business-list-hover p{ font-size:13px}
.business-list-hover h3::after{ height:35px}
*/
.main-product-wrapper > ul{margin:40px -0.3%}
.main-product-wrapper .gallery-over-list-item {margin: 0 0.3%;}
.main-link-list-inner dd p{ font-size:14px; box-sizing:border-box; width:100%; padding-right:10%; word-break:keep-all;}	
.main-link-list-inner dd strong{ font-size:17px}	
.main-link-icon{width:55px;height:55px; background-size:40px auto} 
.main-link-list-inner.link3 .main-link-icon{ background-size:30px auto}
.main-product-wrapper.lang_eng .gallery-info p{ height:155px}
}
@media all and (max-width:1120px){	
.main-visual-item .main-visual-txt1.main-visual-txt1-1 strong:after{left: 85px;margin-top: -2px;}
.main-visual-item .main-visual-txt1.main-visual-txt1-1 strong{ font-size:16px;line-height:25px;}	
#mainVisual .main-visual-more-btn{min-width: 150px;font-size: 12px; padding: 10px 37px 10px 22px; margin-top:10px}
/* -------- 메인 컨텐츠 :: APPLICATION -------- */
#mainApplication{ background-size:100% 100%}
#mainApplication:after{ top: 199px;}
#mainApplication .quick-link-tit strong{ font-size:18px}
#mainApplication ul li .icon{ height:105px}
#mainApplication ul li .icon img{ height:65px; width:auto;}
/* ******************  메인 컨텐츠 :: NEWS ********************** */
#mainNews .title-area{ padding-left:2.5%}
#mainNews .title-area .new_tit{ font-size:36px}
#mainNews .title-area .new_txt{font-size: 16px; line-height:1.6}
.main-more-btn{box-sizing: border-box;min-width: 140px;font-size: 12px; padding: 12px 30px 10px 20px; margin-top:25px}
.subj-lami figcaption h3{ font-size:18px}
.subj-lami figcaption .lt_txt{ font-size:14px}
}
@media all and (max-width:1024px){
#mainVisual{margin-top:70px}
.main-visual-item .main-visual-txt-con .main-visual-txt1 strong{font-size: 67px;line-height: 63px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 span, .main-visual-item .main-visual-txt-con .main-visual-txt3 span{font-size: 30px;line-height: 23px;}

/*2021-05-31 비주얼 수정*/
/* 메인 비주얼 :: 컨트롤러 */
.main-visual-control .main-slide-dot li{margin-right:10px}
.main-visual-control .main-slide-dot li button{font-size:12px}
.main-visual-control .main-arrow {width: 70px; height: 70px;}
.main-visual-control .main-arrow a i{line-height: 70px; font-size: 16px;}


/* 메인 비주얼 :: pause,play */
.main-visual-control .main-play-control{margin-left:3px}
.main-visual-control .slick-control-btns button i{font-size:19px;}
	
.main-link-list-inner dd strong{ font-size:13px;line-height: 1.2;}	
/* -------- 메인 컨텐츠 :: product -------- 
#mainProduct{padding: 50px 0;background-size:100%; background-position: right -5%;background-color: #f5f5f5;}
.business-list-img p, .business-list-hover h3{ font-size:15px}
*/
#mainProduct{padding: 50px 0;}
/* ******************  메인 컨텐츠 :: APPLICATION ********************** */
#mainApplication .link-more-btn{height: 40px; font-size: 14px;width: 140px; line-height: 40px; margin-left: -70px; margin-bottom: -15px; }
/* ******************  메인 컨텐츠 :: NEWS ********************** */
#mainNews{ margin:50px 0}
#mainProduct .business-list{width: 100%;max-width: none;margin: 25px 0 0 0;}
#mainProduct .business-list >div { display: inline-block; margin-right: 0; width: 75%; }
#mainProduct .business-list >div span { display: block; height: 200px; overflow: hidden; }
#mainProduct .business-list >div .flag { display: none !important; }
#mainProduct .business-list >div img { width: 100%; }
#mainProduct .business-list >div em { display: none; }
#mainProduct .business-list >div .over { position: relative; top: 0; left: 0; padding: 0; opacity: 1 !important; background: none; color: #000; text-align: center; height: auto; }
#mainProduct .business-list >div .over .text { position: relative; top: auto; transform: translateY(0); }
#mainProduct .business-list >div .over strong { font-size: 18px; font-weight: 400; line-height: 1; display: block; margin-top: 25px; margin-bottom: 18px; opacity: 1 !important; transform: translateY(0) !important; }
#mainProduct .business-list >div .over p { font-size: 14px; line-height: 24px; font-weight: 100; width: 88%; margin: 0 auto; word-break: keep-all !important; opacity: 1 !important; transform: translateY(0) !important; }
#mainProduct .business-list >div .over p br { display: none; }
#mainProduct .business-list >div:last-child { margin-right: 0; }
.business-wrap .business .swiper-pagination { display: block; position: relative; bottom: auto; font-size: 14px; color: #000; margin-top: 25px; }
/* 메인 섹션2 :: PRODUCT */
.mainTitBox h2, #mainProduct .pro_info .pro_feature h3 {font-size: 28px;}
.mainTitBox p {font-size: 41px;}
#mainProduct .pro_info .mainTitBox > span {font-size: 20px;}
#mainProduct .pro_info .main-visual-btn.cm-button-style01 {width: 60%;margin: 60px 0;}
    #mainProduct .swiper-button-prev, #mainProduct .swiper-button-next {width: 28px; height: 45px;}
    #mainProduct .swiper-button-prev, #mainProduct .swiper-container-rtl .swiper-button-next {left: calc(100% - 150px);}
/* 메인 섹션3 :: INFORMATION */
#mainInfo .mainInfo_wrap .mainContBox > ul li strong {font-size: 30px;}
#mainInfo .mainInfo_wrap .mainContBox > ul li .img_box {margin: 30px 0;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.inquiry_box {padding: 42px 20px;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .pr_area, #mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .notice_area
	{padding: 42px 20px 40px;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box > div {height: 280px;}
}
@media all and (max-width:920px){
/* -------- 메인 컨텐츠 :: product -------- */	
.business-list{margin-top: 45px;}
#mainProduct {}
.business-list-wrap {margin-top: 50px;}
.business-list-wrap {float:none; width:100%; margin-left: 0; margin-bottom: 20px; margin-top: 20px;}
.business-list-inner a {display:table; width:100%; }
.business-list-hover {display:table-cell; padding-left: 6%; position:static; vertical-align: middle; text-align:left;border-left: 1px solid #ececec;padding-right: 10px;}
.business-list-hover h3 {padding-bottom: 20px; margin-bottom: 20px;}
.business-list-hover h3::after {width:68px; height:1px; background-color:#005bb6; left:0; bottom:0;}
.business-list-img {display:table-cell; vertical-align: middle; width:38%; padding:0;}
.business-list-img img {width:90%;}
.business-list-img p {display:none;}
.business-icon {bottom:auto; top:45%; left:38%; margin-left: -25px;}
.business-icon img {width:100%;}	
.business-list-img p, .business-list-hover h3{ font-size:20px}
.business-list-hover p { font-size:16px;}
.business-list-hover p br{ display:none}
}
@media all and ( max-width: 800px ){	
/* 메인 비주얼 :: 이미지 */
/* .main-visual-item .main-visual-pc-img{display: none;}
.main-visual-item .main-visual-m-img{display:block; background-size:cover !important;}
.main-visual-m-img img{width:100%;} */
.main-visual-item.main-visual-item03 .main-visual-m-img{ background-position:45% 50%!important}

/* 메인 비주얼 :: 화살표
#mainVisual .slick-arrow{width:110px; height:110px;  }
#mainVisual .slick-arrow.slick-prev{bottom:110px; left:0px; background:#fff url(../../img/main_visual_up_mbtn.png) no-repeat 50% 50%;margin: 0;top: auto;}
#mainVisual .slick-arrow.slick-next{bottom:0; margin-left:0px;  background:#fff url(../../img/main_visual_down_mbtn.png) no-repeat 50% 50%; right:auto; margin:0}
*/
/* 메인 비주얼 :: 버튼 
#mainVisual .slick-dots{display:none !important;}
*/
/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{display:none}


.main-visual-item.main-visual-item01 .main-visual-txt-con .main-visual-txt1 strong, 
.main-visual-item.main-visual-item01 .main-visual-txt-con .main-visual-txt2 span{ color:#222}
#mainVisual .main-visual-item.main-visual-item01 .main-visual-more-btn{color:rgba(0,0,0,0.8); border:2px solid rgba(0,0,0,0.7)}
#mainVisual.black.m_type .main-visual-control .slick-control-btns button,
#mainVisual.black.m_type .main-visual-control .main-arrow a i, 
#mainVisual.black.m_type .main-visual-control .main-slide-dot li button{color:#222}
#mainVisual.black.m_type .main-visual-control .main-slide-dot li:after{ background-color: #0f4c90;}



/* -------- 메인 컨텐츠 :: product -------- */
#mainProduct{background-size:130% auto; }
.business-icon{margin-top: -10px;}
.main-product-wrapper{width: 66%; margin: 0; margin-left: 7px; padding: 0 !important;}
.main-product-wrapper .slick-list {overflow: visible;}
.main-product-wrapper > ul{margin:32px -0.4% 0}
.main-product-wrapper .gallery-over-list-item {margin: 0 0.4%;}
.main-product-wrapper .gallery-img-box .gallery-btn {width:35px; height:35px; right:15px; bottom:-17.5px;}
.main-product-wrapper .gallery-img-box .gallery-btn i{line-height: 35px; font-size: 20px;}
.main-product-wrapper .gallery-info {padding: 30px 25px 20px;}
.main-product-wrapper .gallery-info .gallery-info-tit {font-size:15px;}
.main-product-wrapper .gallery-info p {font-size:12px; line-height: 17px; margin:10px 0 0; height:68px;}
.main-product-wrapper.lang_eng .gallery-info p{ height:105px}
/* -------- 메인 컨텐츠 :: LINK -------- */
#mainLink {padding:0 5px; padding-top: 25px; padding-bottom: 30px;}
.main-link-icon {width:40px; height:38px; }
.main-link-list-inner {width:49%; margin-left: 0; margin-bottom: 5px; padding-top: 0;}
.main-link-list-inner a { padding-top: 20px; padding-bottom: 20px; position:static;}
.main-link-list-inner:first-child {margin-left: 0;}
.main-link-list-inner:nth-child(2n) {margin-left: 1%;}

.main-link-list-inner dt {width:25%;}
.main-link-list-inner dd {width:75%;}
.main-link-list-inner dd p {font-size:13px; line-height: 18px;}
.main-link-list-inner dd {text-align:left;}
.main-link-list-inner dt .main-link-icon {display:inline-block;}

/* ******************  메인 컨텐츠 :: APPLICATION ********************** */
#mainApplication{background-size:100% 100%;padding: 30px 0; text-align:center;}
#mainApplication:before{ font-size:80px}
#mainApplication:after,
#mainApplication ul li a:before,
#mainApplication ul li .icon:after,
#mainApplication ul li .icon:before{display:none;}
#mainApplication ul{ max-width:750px; margin:0 auto;}
#mainApplication ul li{width: calc((100% / 2) - 3.4%);margin: 2% 1.5%;border: 1px solid rgba(255,255,255,0.35);box-sizing: border-box; float:none;display: inline-table;}
#mainApplication ul li a{display: block;position: relative; padding: 25px 0 80px;}
#mainApplication ul li .icon{display: block; width: 100%;height: 120px; margin: 0px auto;height: 80px;}
#mainApplication .quick-link-tit{ padding-top:7px}
#mainApplication .link-more-btn {opacity: 1; margin-bottom: 0; width: 120px; height: 35px; font-size: 11px; line-height: 35px;  margin-left: -60px;margin-bottom: 0; transform: translateY(24px);}
#mainApplication .quick-link-tit span{ font-size:11px}
#mainApplication .link-more-btn:hover{ background:#8cb7d5; color:#fff}
/* -------- 메인 컨텐츠 :: APPLICATION --------
#mainApplication{background-size:100% 100%;padding: 0px 0 40px;}
#mainApplication:before{ font-size:80px}
#mainApplication:after,
#mainApplication ul li a:before,
#mainApplication ul li .icon:after,
#mainApplication ul li .icon:before{display:none;}
#mainApplication .slick-list{padding: 25px 0 35px; z-index:1}
#mainApplication ul li a{padding-top:25px;}
#mainApplication .quick-link-tit strong{font-size:23px; }
#mainApplication .quick-link-tit span{font-size: 15px;text-shadow: none; color: #fff; line-height: 1.9;}
#mainApplication ul li .icon img{ height:auto;}
#mainApplication .link-more-btn{opacity: 1;height: 40px; font-size: 14px;width: 140px; line-height: 40px; margin-left: -70px; margin-bottom: -15px;}
메인 비주얼 :: 화살표
#mainApplication .slick-arrow{	position:absolute; width:50px; height:50px; top:50%; margin-top:-15px;cursor:pointer; cursor:pointer; z-index:9; font-size:0; color:#fff;}	
#mainApplication .slick-arrow i{font-size:50px}
#mainApplication .slick-arrow.slick-prev{left:5%; }
#mainApplication .slick-arrow.slick-next{right:5%; }

#mainApplication{background-size:100% 100%;padding: 0px 0 40px;}
#mainApplication:before{ font-size:80px}
#mainApplication:after,
#mainApplication ul li a:before,
#mainApplication ul li .icon:after,
#mainApplication ul li .icon:before{display:none;}
*/
/* ******************  메인 컨텐츠 :: NEWS ********************** */
#mainNews .dp_sb{ display:block}
#mainNews .dp_sb > div{width:100%; padding:0; margin:0; margin-bottom: 30px;}
#mainNews .subj-slider{ padding-bottom:30px!important}
#mainNews .swiper_arr{top: 0;margin-top: 25px!important;left: auto;right: 15px;width: auto!important;}
#mainNews .swiper_arr ul li{ width:45px; height:45px}
}
@media (max-width: 767px){
#mainVisual{margin-top:60px}
/* 메인 비주얼 :: 텍스트 */
#mainVisual .main-visual-list-con, #mainVisual .main-visual-con, #mainVisual .slick-list, #mainVisual .slick-track, .main-visual-item{height: 95vh;}
.main-visual-item .main-visual-txt-con > div .main_txt-inner{padding-top: 15%;}
.main-visual-item .main-visual-txt-con .main-visual-txt1-2 {/* width: 50%; */margin-bottom: 20px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 {padding-top: 5px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 span br{ display:none}
.main-visual-item .main-visual-txt-con .main-visual-txt1 strong{font-size: 55px;line-height: 48px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 span, .main-visual-item .main-visual-txt-con .main-visual-txt3 span{font-size: 26px;/* line-height: 19px; */}
.main-visual-control .main-arrow {width: 60px; height: 60px;}
.main-visual-control .main-arrow a i{line-height: 60px;}
.main-visual-control{bottom: auto;top: 420px;margin-left: 10px;}
/* 메인 섹션2 :: PRODUCT */
	#mainProduct:before {height: 95%;}
#mainProduct .product_slider {margin: 50px auto 0;}
#mainProduct .swiper-slide {display: block;}
#mainProduct .pro_info, #mainProduct .pro_img {width: 100%;}
#mainProduct .pro_img {max-height: 365px;}
#mainProduct .pro_img img {margin: 0;max-width: 55%;}
#mainProduct .pro_img img.next_img {width: 20%;}
#mainProduct .pro_img img.pc_none {display: block;}
#mainProduct .pro_img img.m_none {display: none;}
.mainTitBox h2, #mainProduct .pro_info .pro_feature h3 {font-size: 24px;margin-bottom: 5px;}
.mainTitBox p {font-size: 36px;}
#mainProduct .pro_info .mainTitBox > span {font-size: 18px;}
#mainProduct .pro_info .main-visual-btn.cm-button-style01 {width: 47%;margin: 40px 0;}
	.swiper-button-next, .swiper-button-prev {top: 160px;}
    #mainProduct .swiper-button-prev, #mainProduct .swiper-button-next {width: 24px;height: 35px;}
    #mainProduct .swiper-button-next, #mainProduct .swiper-container-rtl .swiper-button-prev {right: 10px;}
    #mainProduct .swiper-button-prev, #mainProduct .swiper-container-rtl .swiper-button-next {left: calc(100% - 120px);}
	#mainProduct .pro_info .pro_feature ul li {line-height: 1.6;padding-left: 26px;}
	#mainProduct .pro_info .pro_feature ul li:before {top: 55%;background-size:90%;}
	/* 메인 섹션3 :: INFORMATION */
	#mainInfo {heighT: 910px;padding-top: 30px;}
	#mainInfo .mainInfo_wrap {display: block;}
	#mainInfo .mainInfo_wrap .mainContBox {width: 100%; margin-top: 30px;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li .img_box img {display: none;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.inquiry_box {height: 220px;padding: 35px 20px 30px;overflow: hidden;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.inquiry_box:after {content:"";display: block;background: url('/img/pro_inquiry.png') no-repeat right  top 20px / 70%;position: absolute;top: 0;right: 0;z-index: 1;opacity: 0.5;}
#mainInfo .mainInfo_wrap .mainContBox > ul li strong {font-size: 26px;}
	#mainInfo .mainInfo_wrap .mainContBox .lat ul li strong {font-size: 10px;}
#mainInfo .mainInfo_wrap .mainContBox > ul li .img_box {margin: 30px 0 60px;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li .cm-button-style01{z-index: 2;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .pr_area, #mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .notice_area
	{padding: 35px 20px 30px;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box > div {max-height: 220px;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box {width: 100%;transform: translateX(0%);}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box h4 {font-size: 24px;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box > div {width: 100%;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .pr_area {float: unset;}
#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .notice_area {float: unset;}
}
@media all and ( max-width: 600px ){
.main-product-wrapper .gallery-info{ padding: 25px 15px 20px;}
}
@media all and ( max-width: 540px ){	
.main-visual-item01 .main-visual-m-img{ background-position:82% 50%!important}

.business-list-img p, .business-list-hover h3{ font-size:16px}
.business-list-hover p{ font-size:14px}
#mainApplication{background-size:100% 100%;}
#mainApplication:before{font-size:60px}
#mainApplication .link-more-btn{display:none;}
#mainApplication ul li{ width:100%; float:none; margin:7px 0; box-sizing:border-box; border: 1px solid rgba(255,255,255,0.4); }
#mainApplication ul li a{display:table; width:100%; box-sizing:border-box; padding:0px}
#mainApplication ul li .icon, #mainApplication ul li  p{display:table-cell; vertical-align:middle; padding:10px}
#mainApplication ul li .icon{ position:inherit; left:0; top:0;  margin:0;width:33%;}
#mainApplication ul li .icon img{ height:50px}
#mainApplication .quick-link-tit{ text-align: left; border-left: 1px solid rgba(255,255,255,0.35); box-sizing: border-box; padding-left:10%; position:relative;}
#mainApplication .quick-link-tit:before{ content:""; display:block; width:35px; height:35px; background:url(../../img/main_busi_icon_off.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-17px; margin-left: -17px; background-size:100% auto;}
}
@media (max-width: 525px){
	.main-visual-item .main-visual-txt-con .main-visual-txt1-2 {/* width: 55%; */}
}
@media all and (max-width:480px){
/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con .main-visual-txt1-2 {/* width: 67%; */}
.main-visual-item .main-visual-txt-con .main-visual-txt1 {strongfont-size: 44px;line-height: 37px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 span, .main-visual-item .main-visual-txt-con .main-visual-txt3 span{font-size: 24px;/* line-height: 17px; */}
.main-visual-control .main-arrow {width: 55px; height: 55px;}
.main-visual-control .main-arrow a i{line-height: 55px;}

.main-visual-item .main-visual-txt-con > div .main_txt-inner{padding-top: 15%;}
.main-visual-item .main-visual-txt-con .table-cell-layout{ vertical-align:top; padding-top:5px}
.main-visual-item .main-visual-txt1.main-visual-txt1-1 strong:after{ left:65px}
#mainVisual .main-visual-more-btn{font-size:12px;margin-top:20px}
#mainVisual .main-visual-more-btn .arrow{ right:8px}
/* 메인 비주얼 :: 화살표 
#mainVisual .slick-arrow{width:70px; height:70px;  }
#mainVisual .slick-arrow.slick-prev{bottom:70px; background-size:20px auto}
#mainVisual .slick-arrow.slick-next{background-size:20px auto}	
*/
/* -------- 메인 컨텐츠 :: product -------- */
/*
#mainProduct{ background-position: right 0; }
.main-business {margin-bottom: 30px;}
.business-tit {margin-top: 30px;}
.business-tit h3 {font-size:25px; line-height: 35px;}
.business-tit p {font-size:15px; line-height: 25px; }
.business-icon {margin-left: -16px;}
.business-icon img {width:70%;}
.business-list-hover{ padding-left:8%}
.business-list-hover h3 {padding-bottom: 10px; margin-bottom: 10px; }
.business-list-hover h3::after {width:45px;}
.business-list-hover p {line-height: 20px;}
*/
.main-product-wrapper{margin-left: 5px;}
/* -------- 메인 컨텐츠 :: LINK -------- */
.main-link-list-inner a{ padding:10px 0; min-height:45px}
.main-link-icon{  background-size: 30px auto;}
.main-link-list-inner.link3 .main-link-icon{background-size: 22px auto;}
.main-link-list-inner dd p {font-size:10px; line-height: 15px;}
.main-link-list-inner dd strong{ font-size:12px}
.main-link-list-inner dt{ padding-top:5px}
/* -------- 메인 컨텐츠 :: APPLICATION -------- */
/*
#mainApplication:before {font-size: 60px; margin-bottom:-15px}
#mainApplication  ul li a{padding: 15px 0 30px;}
#mainApplication  ul li .icon{height:auto; }
#mainApplication ul li .icon img{ height:45px;}
#mainApplication .quick-link-tit{padding:20px 0 0 0;}
#mainApplication  .quick-link-tit strong{font-size:16px; }
#mainApplication  .quick-link-tit span{font-size:11px;}
#mainApplication  .slick-arrow i{font-size:30px}
#mainApplication  .slick-arrow.slick-prev{left:2%; }
#mainApplication  .slick-arrow.slick-next{right:2%; }
#mainApplication .link-more-btn{height: 35px; font-size: 11px;width: 110px;line-height: 35px;margin-left: -55px;   margin-bottom: -5px;}
#mainApplication .slick-list{ padding:15px 0}
*/

/* ******************  메인 컨텐츠 :: NEWS ********************** */
#mainNews .title-area .new_tit{ font-size:30px}
#mainNews .title-area .new_txt,#mainNews .News_btn{ font-size:13px}
#mainNews .swiper_arr{top: 0;margin-top: 25px!important;left: auto;right: 15px;width: auto!important;}
#mainNews .swiper_arr ul li{ width:37px; height:37px;}
#mainNews .swiper_arr ul li a{ background-size:10px}
.subj-lami figcaption{ padding:10px}
.subj-lami figcaption h3{ font-size:15px}
.subj-lami figcaption .lt_txt, .subj-lami figcaption span.lt_date{ font-size:12px}
/* 메인 섹션2 :: PRODUCT */
#mainProduct .product_slider {margin: 30px auto 0;}
#mainProduct .swiper-slide {display: block;}
#mainProduct .pro_info, #mainProduct .pro_img {width: 100%;}
#mainProduct .pro_img {max-height: 365px;}
#mainProduct .pro_img img {margin: 0;max-width: 55%;}
#mainProduct .pro_img img.next_img {width: 20%;}
#mainProduct .pro_img img.pc_none {display: block;}
#mainProduct .pro_img img.m_none {display: none;}
.mainTitBox h2, #mainProduct .pro_info .pro_feature h3 {font-size: 22px;margin-bottom: 5px;}
.mainTitBox p {font-size: 26px;}
/* #mainProduct .pro_info .mainTitBox h2, #mainProduct .pro_info .mainTitBox p {margin-bottom: 10px;} */
#mainProduct .pro_info .mainTitBox > span {font-size: 16px;}
#mainProduct .pro_info .main-visual-btn.cm-button-style01 {width: 100%;}
	.swiper-button-next, .swiper-button-prev {top: 260px;}
    #mainProduct .swiper-button-prev, #mainProduct .swiper-button-next {width: 20px;height: 25px;}
    #mainProduct .swiper-button-prev, #mainProduct .swiper-container-rtl .swiper-button-next {left: calc(100% - 90px);}
	#mainProduct .pro_info .pro_feature ul li {line-height: 1.4;font-size: 18px;}
	#mainProduct .pro_info .pro_feature ul li:before {top: 55%;background-size:90%;}
	/* 메인 섹션3 :: INFORMATION */
	#mainInfo {heighT: 780px;}
	#mainInfo .mainInfo_wrap .mainContBox {width: 100%; margin-top: 30px;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li .img_box img {display: none;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.inquiry_box {height: 185px;padding: 25px 15px 20px;overflow: hidden;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.inquiry_box:after {background: url('/img/pro_inquiry.png') no-repeat right -90px top 50px / 60%;}
#mainInfo .mainInfo_wrap .mainContBox > ul li strong {font-size: 24px;}
	#mainInfo .mainInfo_wrap .mainContBox .lat ul li strong {font-size: 10px;}
#mainInfo .mainInfo_wrap .mainContBox > ul li .img_box {margin: 30px 0 60px;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .pr_area, #mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box .notice_area
	{padding: 25px 15px 5px;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box > div {max-height: 185px;}
	#mainInfo .mainInfo_wrap .mainContBox > ul li.latest_box h4 {font-size: 22px;}
}
@media all and (max-width:420px){
#mainProduct {background-position: left 4%;}
}
@media all and (max-width:359px){
/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block;/* margin-bottom:10px; */}
.main-visual-item .main-visual-txt-con .main-visual-txt1-1{margin-bottom:3px;}
}
/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 타이틀 -------- */