@charset 'utf-8';
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,700&subset=korean);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,

/*pre,*/
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; background: transparent; font-size: 100%; vertical-align: baseline; outline: 0; -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
body {/*    color:#ffffff;*/
font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; word-break: keep-all; word-wrap: break-word; white-space: normal; line-height: 1.5; }

/*overflow: hidden;*/
body {margin: 0 auto; }
main { }
.width-1200 { width: 1200px; margin: 0 auto; }
b { font-weight: 700; }
input[type="button"] { cursor: pointer; }
input[type="button"]:focus { outline: none; }
.onclick { cursor: pointer; }
@media (max-width:1200px) {
  .width-1200 { width: 85%; margin: 0 auto; }
}

/* ------------------- 커스텀 라디오 버튼 ------------------- */
.custom-ct { position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.custom-ct input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.custom-ct .radiomark { position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; }
.custom-ct input:checked ~ .radiomark { border-color: #3e3e3e; }
.radiomark:after { content: ''; position: absolute; display: none; }
.custom-ct input:checked ~ .radiomark:after { display: block; }
.custom-ct .radiomark:after { top: 7px; left: 7px; width: 10px; height: 10px; border-radius: 50%; background-color: #3e3e3e; }

/* ---------------- 버튼 스타일 ---------------- */
.btn-01 { cursor: pointer; width: 214px; height: 60px; line-height: normal; font-size: 20px; font-weight: 700; letter-spacing: -0.2px; text-align: left; border: 2px solid #000; background: transparent url(/resources/images/arrow-right-bk.png) no-repeat center right 16px; padding: 0 25px; }
aside { z-index: 9999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); }
aside nav { padding: 50px; margin: 30 auto; position: relative; width: 800px; height: 620px; background-color: white; overflow-y: auto; }
aside nav .btn-close { display: block; position: absolute; top: 38px; right: 6.4%; width: 30px; height: 30px; background: url(/resources/images/mobile/btn/icon-close-menu.png) no-repeat center; }
aside nav .privacyMemo { padding-left: 68px; margin-top: 11px; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.53; letter-spacing: -0.3px; text-align: left; color: #999999; }
aside nav .privacyMemo b { font-size: 20px; letter-spacing: -0.4px; color: #333333; }
.footer-div2 a { color: #2bbb9d; text-decoration: none; }
.menu-bar { position: absolute; width: 100%;/*    max-width: 1920px;*/ z-index: 999; text-align: center; background-color: rgba(255, 255, 255, 0.8); padding: 10px 0px; height: 79px; }
.menu-bar2 { position: relative; background-color: rgba(255, 255, 255, 1); border-bottom: 1px solid #dddddd; box-sizing: content-box; }
.menu-bar-fixed {/*    background-color: rgba( 255, 255, 255, 1 );*/

  /*  position: fixed;*/
top: 0px; }
.logo-mitda { width: 109px; height: 46px; object-fit: contain; }
.payment-btn { width: 108px; height: 30px; object-fit: contain; }
.menu-bar ul { list-style-type: none; padding: 0; overflow: hidden; }
.menu-bar li { width: 130px; height: 79px; float: left }
.menu-logo-li {/*    margin-left: 375px;*/
margin-right: 130px; }
.menu-bar li .menu-logo { display: block; text-align: center; padding-top: 14px; padding-right: 16px; padding-bottom: 14px; text-decoration: none; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.4px; text-align: center; color: #000000; }
.menu-bar li .menu-title { display: block; text-align: center; padding: 24px 0; text-decoration: none; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.4px; text-align: center; color: #333; }
.menu-bar li a:hover { font-weight: bold; }
.menu-bar li .selected-menu { font-weight: bold; }

/*.menu-bar li .selected-menu { color: #2bbb9d; }*/

/* ------------------- 메인 ------------------- */
.main-div-1 { height: 800px; object-fit: contain; position: relative; }
.main-div-1 .main-sub-1 { background-image: url("/resources/images/a/main_w/main_top.jpg"); height: 800px; background-position: 50% 50%; background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.main-div-1 .main-sub-2 { background-image: url(/resources/images/a/main_w/main_top.jpg); height: 800px; background-position: 50% 50%; background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.main-div-1 .main-sub-5 { background-image: url(/resources/images/a/main_w/main_top.jpg); height: 800px; background-position: 50% 50%; background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.main-div-slide { position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); }
.main-div-1-text1 { margin: 0 auto; padding: 0 0 0 0; font-size: 30px; font-weight: 500; text-align: center; color: #ffffff; }
.main-div-1-text2 { margin: 0 auto; padding: 10px 0 30px 0; font-size: 80px; font-weight: bold; text-align: center; color: #ffffff; }
.main-div-1-text3 { margin: 0 auto; padding: 20px 0 0 0; font-size: 20px; line-height: 30px; font-weight: 400; text-align: center; color: #ffffff; position: relative; }
.main-div-1-text3:before { content: ''; width: 110px; height: 2px; background-color: #fff; position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0) }
.main-div-slide.slide2 { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); }
.main-div-1-text1.slide2 { margin: 0 auto; padding: 0 0 0 0; font-size: 35px; font-weight: 500; text-align: center; color: #ffffff; }
.main-div-1-text2.slide2 { margin: 0 auto; padding: 10px 0 50px 0; font-size: 55px; font-weight: bold; text-align: center; color: #ffffff; }
.main-div-slide.slide3 { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); }
.main-div-1-text1.slide3 { margin: 0 auto; padding: 0 0 0 0; font-size: 35px; font-weight: 500; text-align: center; color: #ffffff; }
.main-div-1-text2.slide3 { margin: 0 auto; padding: 10px 0 50px 0; font-size: 55px; line-height: 65px; font-weight: bold; text-align: center; color: #ffffff; }
.main-div-1-btn { cursor: pointer; margin: 0px auto 123px auto; width: 240px; height: 60px; border-radius: 4px; background-color: #69c07a; text-align: center; font-size: 26px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.7; letter-spacing: -0.3px; line-height: 60px; color: #ffffff; }
.main-div-1-btn:hover { background-color: #2bbb9d; box-shadow: inset 0px -4px 0 0 rgba(0, 0, 0, 0); }
.main-div-2 { width: 100%; margin: 150px auto; text-align: center; }
.main-div-2-sub { margin: 0 auto; font-size: 20px; line-height: 30px; font-weight: 400; color: #555; }
.main-div-2-sub-title { font-size: 35px; font-weight: 700; color: #333; margin-bottom: 30px; }
.main-div-2-content-box { cursor: pointer; display: inline-table; width: 256px; height: 335px; float: left; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.41; letter-spacing: -0.3px; text-align: left; color: #333333; }
.main-div-2-sub-summary { margin-bottom: 50px; }
.main-div-2-item-wrap { display: flex; justify-content: center; }
.main-div-2-item { position: relative; margin: 0 0 35px; overflow: hidden; }
.main-div-2-item:nth-child(2) { margin: 0 35px 35px; }
.main-div-2-item-text { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 32%; color: #fff; font-size: 17px; line-height: 24px; font-weight: 400; padding: 30px; text-align: left; }
.main-div-2-item-text div { z-index: 2; position: relative; }
.main-div-2-item-text div:first-child { font-size: 25px; font-weight: 500; margin-bottom: 30px; }
.main-div-2-item .main-div-2-item-text:before { content: ''; width: 100%; height: 100%; background-color: #71bb70; position: absolute; bottom: -100%; left: 0px; z-index: 1; }
.main-div-2-item:hover .main-div-2-item-text:before { transition-property: bottom; transition-duration: 1s; transition-timing-function: ease-out; bottom: 0px; }
.main_con1_box7 { margin-right: 30px; }
.margin-r-43 { margin-right: 43px; }
.margin-r-23 { margin-right: 23px; }
.sub-img-box { display: inline-table; }
.icon_news_g { float: left; }
.sub-title-1 { width: 102px; height: 102px; font-size: 17.5px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.14; letter-spacing: normal; text-align: left; color: #222222; float: left; }
.sub-title-text { padding: 10 0 0 12; width: 120; }
.sub-title-2 { margin-top: 105; padding: 0 0 76 22; width: 195px; height: 57px; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.41; letter-spacing: -0.3px; text-align: left; color: #333333; }
.sub-box { margin-left: 22; width: 32px; height: 3px; background-color: #333333; }
.sub-title-3 { margin-top: 12; margin-left: 22; width: 60px; height: 15px; font-size: 15px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.41; letter-spacing: normal; text-align: left; color: #333333; }
.main-div-3 { background-color: #f4f4f4; padding: 100px 0; text-align: center; }
.main-div-3 .title { font-size: 35px; font-weight: 500; color: #333; margin-bottom: 50px; }
.main-div-4 { padding: 150px 0 50px; text-align: center; }
.main-div-4-contents { display: flex; align-items: center; justify-content: center; margin-bottom: 50px; }
.main-div-4-wrap { text-align: left; margin-right: 30px; }
.main-div-4-title { font-size: 35px; font-weight: 500; color: #333; margin-bottom: 30px; }
.main-div-4-desc { font-size: 18px; font-weight: 400; color: #555; }
.main-div-4-desc p:nth-child(1) { margin-bottom: 14px; }

/* ------------------- 메인 ------------------- */

/* ------------------- 미디어랩서비스 ------------------- */
.medialab-div-1 { height: 800px; object-fit: contain; }
.medialab-div-1 .medialab-sub-1 { background-image: url("/resources/images/a/main_w/main_top.jpg"); height: 800px; background-position: 50% 50%; background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.medialab-sub-1-backcolor { background-color: rgba(0, 0, 0, 0.5); height: 100%; }
.medialab-div-1-text { margin: 0 auto; padding: 301px 0 0 0; width: 400px; height: 60px; text-shadow: 3.1px 3.9px 13px rgba(0, 0, 0, 0.7); font-size: 42px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: 0.8px; text-align: center; color: #ffffff; }
.medialab-div-1-text2 { margin: 0 auto; padding: 32px 0 58px 0; width: 835px; height: 100px; font-size: 21px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; }
.medialab-div-1-text2 span { font-size: 40px; }
.medialab-div-4 { height: 917px; object-fit: contain; }
.medialab-div-4 .medialab-div-4-text1 { padding: 129px 0 42px 0; margin: 0 auto; width: 280px; height: 50px; font-size: 33px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.78; letter-spacing: -1.3px; text-align: center; color: #333333; }
.medialab-div-4 .medialab-div-4-text2 { margin: 0 0 100px 0; margin: 0 auto; width: 1030px; height: 96px; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.61; letter-spacing: -0.8px; text-align: center; color: #333333; }
.medialab-div-4 .img-man { margin: 0 auto; display: block; }
.medialab-div-5 { height: 1381px; background-color: #f4f4f4; }
.medialab-div-5-text1 { padding: 129px 0 42px 0; margin: 0 auto; width: 460px; height: 71px; font-size: 33px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: -1.3px; text-align: center; color: #333333; }
.medialab-div-5-text2 { margin: 0 0 108px 0; margin: 0 auto; width: 840px; height: 155px; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.61; letter-spacing: -0.8px; text-align: center; color: #333333; }
.medialab-div-5 .img-man { margin: 0 auto; display: block; }
.medialab-div-6 { height: 1179px; background-color: #6ac17b; }
.medialab-div-6-text1 { padding: 130px 0 41px 0; margin: 0 auto; width: 454px; height: 71px; font-size: 33px; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: -1.3px; text-align: center; color: #ffffff; }
.medialab-div-6-text2 { margin: 0 0 20px 0; margin: 0 auto; width: 900px; height: 100px; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.61; letter-spacing: -0.8px; text-align: center; color: #ffffff; }
.medialab-div-6-text3 { margin: 40px 0 20px 0; margin: 0 auto; width: 150px; height: 40px; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: -1px; text-align: center; color: #ffffff; border: solid 1px #ffffff; }
.medialab-div-6-text3-2 { margin: 40px 0 20px 0; margin: 0 auto; width: 150px; height: 40px; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: -1px; text-align: center; color: #ffffff; border: solid 1px #ffffff; }
.medialab-div-6-text3-3 { margin: 40px 0 20px 0; margin: 0 auto; width: 250px; height: 40px; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: -1px; text-align: center; color: #ffffff; border: solid 1px #ffffff; }
.medialab-div-6 .img-man { margin: 0 auto; display: block; }
.medialab-div-6 .slick-dots li { margin: 0 24px; }
.medialab-div-6 .slick-items-dots { width: 12px; height: 12px; border: solid 2px #ffffff; background: transparent; border-radius: 10px; }
.medialab-div-6 .slick-dots .slick-active { width: 13px; height: 13px; border: solid 3px #ffffff; background: #ffffff; border-radius: 10px; }
.medialab-div-7 { height: 1250px; background-image: url("/resources/images/main_bottom_back.jpg"); }
.medialab-div-7-sub { height: 1250px; background-color: rgba(0, 0, 0, 0.8); }
.medialab-div-7-text1 { padding: 130px 0 60px 0; margin: 0 auto; width: 454px; height: 71px; font-size: 33px; font-weight: bold; font-style: normal; font-stretch: normal; letter-spacing: 0.7px; text-align: center; color: #ffffff; }
.medialab-div-7 .img-man { margin: 0 auto; display: block; }
.img-man img { margin: 0 auto; display: block; }
.medialab-div-8 { height: 940px; }
.medialab-div-8-text1 { padding: 133px 0 68px 0; margin: 0 auto; width: 370px; height: 38px; font-size: 40px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.37; letter-spacing: -1.6px; text-align: center; color: #333333; }
.medialab-div-8 .img-majornews { margin: 0 auto; display: block; }

/* ------------------- 미디어랩서비스 ------------------- */

/* ------------------- 무료견적신청 ------------------- */
.estimate-div-1 { height: auto; background-color: #efefef; }
.estimate-inner { color: black; padding: 100px 0 100px 0; overflow: hidden; width: 100%;}
.estimate-inner > div:first-child { width: 320px; float: left; }
.estimate-inner > div:last-child { width: 880px; float: right; }
.estimate-form label, .radio-opt span { display: block; font-weight: 500; letter-spacing: -0.2px; }
.estimate-form { padding: 40px; box-sizing: border-box; background-color: #fff; }
.estimate-form .estl::before { content: '*'; color: #ff5679; }
.estimate-form input[type="text"], .estimate-form textarea { display: block; font-family: 'Noto Sans KR', sans-serif; margin-top: 5px; margin-bottom: 15px; background-color: #fff; border: 1px solid #dddddd; border-radius: 4px; padding: 12px; }
.estimate-form input[type="text"] { width: 555px; height: 50px; }
.estimate-form select { display: block; font-family: 'Noto Sans KR', sans-serif; margin-top: 5px; margin-bottom: 15px; background-color: #fff; border: 1px solid #dddddd; border-radius: 4px; padding: 12px; }
.estimate-form select { width: 555px; height: 50px; }
.estimate-form textarea { width: 100%; height: 180px; resize: none; overflow-y: auto; }
.estimate-form .radio-opt { padding-top: 10px; padding-bottom: 20px; border-bottom: 2px solid #efefef; }
.estimate-form .radio-opt label { font-weight: normal; display: inline-block; margin-right: 10px; }

@media (max-width:1200px) {
  .estimate-inner > div:last-child { width: 100%; float: right; }
  .estimate-form input[type="text"] { width: 100%; height: 50px; }
}

/* ------------------- 언론홍보 ------------------- */
.media-div-1 { height: 215px; }
.media-div-1-text { padding: 99 0 68 0; margin: 0 auto; width: 730px; height: 46px; font-size: 44.2px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -1.8px; text-align: center; color: #333333; }
.media-div-2 { background-image: url("/resources/images/main_top_ban_3.jpg"); height: 800px; object-fit: contain; background-size: cover; background-position: 50% 50%; }
.padding-top-336 { padding-top: 336; }
.media-div-2-box { width: 1170px; height: 300px; background-color: rgba(0, 0, 0, 0.7); }
.main-div-2-text1 { padding: 99 0 0 0; margin: 0 auto; width: 845px; height: 60px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.1; letter-spacing: -1.1px; text-align: left; color: #ffffff; }
.main-div-2-text1 img { display: inline-block; vertical-align: middle; }
.main-div-2-text2 { margin: 0 auto; width: 845px; height: 60px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.1; letter-spacing: -1.1px; text-align: left; color: #ffffff; }
.main-div-2-text2 img { display: inline-block; vertical-align: middle; }
.media-div-3 { height: 275px; }
.media-div-3-text1 { padding-top: 93; margin: 0 auto; width: 720px; height: 40px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.53; letter-spacing: -1.1px; text-align: center; color: #333333; }
.media-div-3-text2 {/*  margin: 0px 0 94px 0;*/
margin: 0 auto; width: 790px; height: 55px; font-size: 40px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.37; letter-spacing: -1.1px; text-align: center; color: #333333; }
.main-div-3-text3 { cursor: pointer; margin-top: 73px; margin: 0 auto; width: 234px; height: 64px; font-size: 21px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.8; letter-spacing: -0.8px; text-align: center; color: #2bbb9d; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border-radius: 4px; box-shadow: inset 0px -4px 0 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; }
.media-div-4 { background-image: url("/resources/images/img-banner-news-2.jpg"); height: 700px; object-fit: contain; }
.media-div-4-box { width: 1170px; height: 210px; background-color: rgba(255, 255, 255, 1); }
.padding-top-117 { padding-top: 117; }
.media-div-4-box2 { width: 1170px; height: 210px; background-color: rgba(255, 255, 255, 1); }
.margin-top-45 { margin-top: 45; }
.main-div-4-text1 { margin: 0 auto; width: 100%; height: 100%; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.65; letter-spacing: -1px; text-align: left; color: #333333; }
.main-div-4-text1 img { padding: 47 92 35 76; display: inline-block; vertical-align: middle; }
.main-div-4-text2 { margin: 0 auto; width: 100%; height: 100%; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.65; letter-spacing: -1px; text-align: left; color: #333333; }
.main-div-4-imgdiv1 { float: left; }
.main-div-4-imgdiv2 { float: left; }
.main-div-4-text3 { padding-top: 51px; float: left; width: 650px; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.65; letter-spacing: -1px; text-align: left; color: #333333; }
.main-div-4-text3 b { font-size: 36px; font-weight: bold; }
.main-div-4-text4 { padding-top: 33px; float: left; width: 650px; font-size: 26px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.65; letter-spacing: -1px; text-align: left; color: #333333; }
.main-div-4-text4 b { font-size: 36px; font-weight: bold; }
.main-div-4-text2 img { padding: 52 99 47 82; display: inline-block; vertical-align: middle; }
.main-div-4-subbox1 { cursor: pointer; margin-top: 70; width: 211px; height: 68px; border-radius: 34px; float: left; vertical-align: middle; background-color: #2bbb9d; font-size: 22px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 3; letter-spacing: -0.9px; text-align: center; color: #ffffff; }
.main-div-4-subbox2 { cursor: pointer; margin-top: 70; width: 211px; height: 68px; border-radius: 34px; float: left; vertical-align: middle; background-color: #2bbb9d; font-size: 22px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 3; letter-spacing: -0.9px; text-align: center; color: #ffffff; }
.main-div-4-subbox1:hover { background-color: #2bbb9d; }
.main-div-4-subbox2:hover { background-color: #2bbb9d; }
.media-div-5 { height: 920px; background-color: #f1f4f9; }
.media-div-5-text1 { padding: 113px 0 95px 0; margin: 0 auto; width: 308px; height: 38px; font-size: 40px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.37; letter-spacing: -1.6px; text-align: center; color: #333333; }
.media-div-5 .img-iconstep { margin: 0 auto; display: block; }
.img-iconstep img { margin: 0 auto; display: block; }
.media-div-6 { height: 1100px; }
.media-div-6-text1 { padding: 133px 0 68px 0; margin: 0 auto; width: 370px; height: 38px; font-size: 40px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.37; letter-spacing: -1.6px; text-align: center; color: #333333; }
.media-div-6 .img-majornews { margin: 0 auto; display: block; }
.img-majornews img { margin: 0 auto; display: block; }

/* ------------------- 언론홍보 ------------------- */

/* ------------------- sns ------------------- */
.sns-div-1 { height: 275px; }
.sns-div-1-text { padding: 100 0 68 0; margin: 0 auto; width: 950px; height: 103px; font-size: 44.2px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -1.8px; text-align: center; color: #333333; }
.sns-div-2 { background-image: url("/resources/images/main_top_ban_4.jpg"); height: 800px; object-fit: contain; background-size: cover; background-position: 50% 50%; }
.sns-div-2-box { width: 1170px; height: 300px; background-color: rgba(0, 0, 0, 0.7); }
.sns-div-2-text1 { padding: 70 0 0 0; margin: 0 auto; width: 910px; height: 60px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.1; letter-spacing: -1.1px; text-align: left; color: #ffffff; }
.sns-div-2-text2 { margin: 0 auto; width: 910px; height: 60px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.1; letter-spacing: -1.1px; text-align: left; color: #ffffff; }
.sns-div-2-text1 img { display: inline-block; vertical-align: middle; }
.sns-div-2-text2 img { display: inline-block; vertical-align: middle; }
.sns-div-3 { height: 1270px; }
.sns-div-3-text1 { padding: 92 0 106 0; margin: 0 auto; width: 665px; height: 39px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.53; letter-spacing: -1.1px; text-align: center; color: #333333; }
.sns-div-3-text2 { padding: 90 0 186 0; margin: 0 auto; width: 660px; height: 70px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.53; letter-spacing: -1.1px; text-align: center; color: #333333; }
.sns-div-3 .img-process { margin: 0 auto; display: block; }
.img-process img { margin: 0 auto; display: block; }
.sns-div-4 { height: 1041px; background-color: #e3e6ed; }
.sns-div-4-text1 { padding: 133px 0 68px 0; margin: 0 auto; width: 720px; height: 59px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.53; letter-spacing: -1.1px; text-align: center; color: #333333; }
.sns-div-4-text1 b { font-size: 40px; font-weight: bold; line-height: 1.37; letter-spacing: -1.6px; }
.sns-div-4-text2 { cursor: pointer; margin-top: 95; margin: 0 auto; width: 256px; height: 68px; border-radius: 10px; border: solid 2px #000000; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.25; letter-spacing: -1.1px; text-align: center; color: #333333; }
.padding-top-10 { padding-top: 10; }
.sns-div-4-btn { cursor: pointer; width: 280px; height: 54px; background-color: #2bbb9d; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 2.3; letter-spacing: -0.6px; text-align: center; color: #f9f9fb; }
.slick-items { width: 1000px; height: 448px; margin: 0 auto; background-color: #ffffff; color: #333333; }
.slick-items2 { width: 300px; height: 448px; margin: 0 auto; background-color: #ffffff; color: #333333; }
.slick-items3 { width: 1000px; height: 800px; margin: 0 auto; color: #333333; }
.slick-items-dots { width: 14px; height: 14px; background-color: #ffffff; border-radius: 10px; }
.slick-dots .slick-active { width: 14px; height: 14px; border: solid 4px #2bbb9d; background-color: #ffffff; border-radius: 10px; }

/* ------------------- sns ------------------- */

/* ------------------- video ------------------- */
.video-div-1 { height: 275px; }
.video-div-1-text { padding: 100 0 68 0; margin: 0 auto; width: 900px; height: 103px; font-size: 44.2px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -1.8px; text-align: center; color: #333333; }
.float-l { float: left; }
.padding-top-160 { padding-top: 160; }
.margin-l-24 { margin-left: 24; }
.margin-b-65 { margin-bottom: 65; }
.video-div-2 { background-image: url("/resources/images/main_top_ban_5.jpg"); height: 800px; object-fit: contain; background-size: cover; background-position: 50% 50%; }
.video-div-2-videobox { width: 671; float: left; }
.video-div-2-box { float: left; padding-top: 60; padding-left: 45px; width: 450px; height: 300px; }
.video-div-2-text1 { margin: 0 auto; width: 450px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.24; letter-spacing: -1.1px; text-align: left; color: #ffffff; }
.video-div-2-text2 { margin-top: 65; margin: 0 auto; width: 450px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.24; letter-spacing: -1.1px; text-align: left; color: #ffffff; }
.video-div-2-text1 img { display: inline-block; vertical-align: middle; }
.video-div-2-text2 img { display: inline-block; vertical-align: middle; }
.video-div-3 { height: 1144px; background-color: #4a525f; }
.video-div-3-text1 { padding: 139px 0 100px 0; margin: 0 auto; width: 750px; height: 115px; font-size: 36px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.53; letter-spacing: -1.1px; text-align: center; color: #ffffff; }
.video-div-3-text1 b { font-size: 44.2px; letter-spacing: -1.8px; }
.video-div-3-text2 { cursor: pointer; margin-top: 100; margin: 0 auto; width: 256px; height: 68px; border-radius: 10px; border: solid 2px #f4f4f4; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.25; letter-spacing: -1.1px; text-align: center; color: #ffffff; }
.video-div-4 { height: 1270px; background-color: #f4f4f4; }
.video-div-4-text1 { padding: 92 0 106 0; margin: 0 auto; width: 665px; height: 39px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.53; letter-spacing: -1.1px; text-align: center; color: #333333; }
.video-div-4-text2 { padding: 90 0 186 0; margin: 0 auto; width: 660px; height: 70px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.53; letter-spacing: -1.1px; text-align: center; color: #333333; }
.video-div-4 .img-process { margin: 0 auto; display: block; }
.img-process img { margin: 0 auto; display: block; }
.slick-center .slide-h3 { color: #FFF; }
.slider { width: 1000px; height: 300px; margin: 20px auto; text-align: center; }
.slide-h3 {/*
      margin: 10% 0 10% 0;
      padding: 40% 20%;
      */

/*background: #008ed6;*/ }
.slider div { margin-right: 5px; }

/*
.slick-slide{
opacity: .6;
}
*/
.slick-center { display: block; max-width: 10% !important; max-height: 20% !important; opacity: 1; }

/* ------------------- video ------------------- */

/* ------------------- design ------------------- */
.design-div-1 { height: 275px; }
.design-div-1-text { padding: 100 0 68 0; margin: 0 auto; width: 877px; height: 103px; font-size: 44.2px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: -1.8px; text-align: center; color: #333333; }
.padding-top-300 { padding-top: 300; }
.design-div-2 { background-image: url("/resources/images/main_top_ban_6.jpg"); height: 800px; object-fit: contain; background-size: cover; background-position: 50% 50%; }
.design-div-2-box { width: 1170px; height: 300px; background-color: rgba(0, 0, 0, 0.7); }
.design-div-2-text1 { padding: 70 0 0 0; margin: 0 auto; width: 910px; height: 60px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.1; letter-spacing: -1.1px; text-align: left; color: #ffffff; }
.design-div-2-text2 { margin: 0 auto; width: 910px; height: 60px; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.1; letter-spacing: -1.1px; text-align: left; color: #ffffff; }
.design-div-2-text1 img { display: inline-block; vertical-align: middle; }
.design-div-2-text2 img { display: inline-block; vertical-align: middle; }
.design-div-3 { background: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 37%, #ffffff 37%, #ffffff 100%);/*    background: linear-gradient(#f4f4f4 30%, #ffffff 70%);*/ }
.design-div-3-text1 { padding-top: 141; margin: 0 auto; width: 440px; height: 99px; font-size: 36px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: -1.4px; text-align: center; color: #333333; }
.design-div-3-text1 b { font-size: 44.2px; letter-spacing: -1.8px; }
.design-div-3-img1 { margin-top: 47; margin: 0 auto; display: block; }
.design-div-3-img1 img { margin: 0 auto; display: block; }
.design-div-3-img2 { margin-top: 88; margin: 0 auto; display: block; }
.design-div-3-img2 img { margin: 0 auto; display: block; }
.design-div-4 { height: 858px; background-image: url("/resources/images/img-banner-itdesign-price.png"); object-fit: contain; }
.design-div-4-img { padding-top: 112; margin: 0 auto; display: block; }
.design-div-4-text { cursor: pointer; margin-top: 77; margin: 0 auto; width: 256px; height: 68px; border-radius: 10px; border: solid 2px #f4f4f4; font-size: 28px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.25; letter-spacing: -1.1px; text-align: center; color: #ffffff; }

/* ------------------- design ------------------- */

/* ------------------- 공통 푸터 ------------------- */
footer { width: 100%; padding: 50px 0; }
.footer { display: flex; justify-content: space-between; align-items: center; }
.footer-div { display: inline-table; }
.footer-div1 { display: table-cell; }
.footer-div1 img { display: inline-table; }
.footer-div2 a { color: #555; display: inline-table; }
.footer-div2 { display: table-cell; color: #555; text-align: left; font-size: 15px; font-weight: 400; line-height: 25px; }
.copyright { margin-top: 20px; }

/* ------------------- 공통 푸터 ------------------- */
.clearfix { clear: both; }
.navbar {display: block;}
.navbar a {float: left;}
.navbar button {float: right;}