@charset "UTF-8";

/* 메인 비주얼 */
.main_visual_wrap { height: 466px }
.main_visual_wrap .inner { position: relative; height: 100%; background: url('/Resource/m/images/main/bg_mjain_visual.jpg') no-repeat top center; background-size: cover }
.main_visual_wrap .slogan { position: absolute; top: 50%; left: 23px; transform: translate(0, -50%); }
.main_visual_wrap .slogan > strong { display: block; margin-bottom: 5px; color: #f33d44; font-size: 12px; line-height: 23px; font-weight: 400 }
.main_visual_wrap .slogan .txt { color: #fff; font-size: 26px; line-height: 30px; font-weight: 400 }
.main_visual_wrap .slogan .txt span { font-weight: 100 }
.main_visual_wrap .slogan .txt_s { padding-top: 24px; color: #fff; font-size: 12px; font-weight: 400; line-height: 20px }
/* 메인링크 */
.main_link_wrap {overflow:hidden}
.main_link_wrap > a {display:block;padding:26px 24px;border-top:1px solid #dcdcdc;font-size:0;white-space:nowrap}
.main_link_wrap .tit,
.main_link_wrap .ico {position:relative;display:inline-block}
.main_link_wrap .ico {float:right;top:8px}
.main_link_wrap > a.smart_factory .tit {width:48.12%}
.main_link_wrap > a.smart_factory .ico {width:24.47%}
.main_link_wrap > a.smart_work .tit {width:48.12%}
.main_link_wrap > a.smart_work .ico {width:24.47%}

/* 메인 컨텐츠 */
.main_content {padding:0 24px}
.main_content.bg_gray {background-color:#eff0f4}
/* .main_content .section {padding:79px 0} */
.main_content .section.first {padding:20% 0}
.main_content .section {padding:20% 0 30%}
.main_content .section .cont_service .tit_sec {width:16.04%}
.main_content .section .cont_service .tit {width:46.6%}
.main_content .section .cont_partner {position:relative}
.main_content .section .cont_partner .tit_sec {width:17.8%}
.main_content .section .cont_partner .tit {width:35.1%}
.main_content .section .cont_partner .tel {display:block;margin-top:21px;width:37%}
.main_content .section .cont_partner .right_box {position:absolute;top:0;right:10px;width:30%;text-align:right}
.main_content .section .cont_partner .right_box .famliy {display:inline-block}
.main_content .section .cont_partner .right_box .famliy a {display:block}

/* 서비스 슬라이드 */
/* .m_swipe {margin-top:-55px;z-index:99} */
.m_swipe {margin-top:-10%;z-index:99}
.m_swipe .slick-slide img {width:90%}
.m_swipe.slick-slider .slick-list,
.m_swipe.slick-slider .slick-track {margin-left:-28px}

/* slick.css */
.slick-list,.slick-slider,
.slick-track {position:relative;display:block}
.slick-loading .slick-slide,
.slick-loading .slick-track {visibility:hidden}
.slick-slider {box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list {overflow:hidden;margin:0;padding:0}
.slick-list:focus {outline:0}
.slick-list.dragging {cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track {top:0;left:0}.slick-track:after,.slick-track:before {display:table;content:''}
.slick-track:after {clear:both}
.slick-slide {display:none;float:left;height:100%;min-height:1px}[dir=rtl]
.slick-slide {float:right}
/* .slick-slide img {display:block;width:100%} */
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {color:transparent;background:0 0;outline:0}
.slick-dots,
.slick-next,
.slick-prev {position:absolute;display:block;padding:0}
.slick-dots li button:before,.slick-next:before,
.slick-prev:before {font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-next,
.slick-prev {font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;border:none}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {opacity:1}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {opacity:.25}
.slick-next:before,
.slick-prev:before {font-size:20px;line-height:1;opacity:.75;color:#fff}
.slick-prev {left:-25px}[dir=rtl]
.slick-prev {right:-25px;left:auto}
.slick-prev:before {content:'←'}
.slick-next:before,[dir=rtl] .slick-prev:before {content:'→'}
.slick-next {right:-25px}[dir=rtl]
.slick-next {right:auto;left:-25px}[dir=rtl]
.slick-next:before {content:'←'}
.slick-dotted.slick-slider {margin-bottom:30px}
.slick-dots {bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}
.slick-dots li {position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button {font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}
.slick-dots li button:focus,.slick-dots li button:hover {outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before {opacity:1}
.slick-dots li button:before {font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}
.slick-dots li.slick-active button:before {opacity:.75;color:#000}