/*==========================================================================
                             section
==========================================================================*/
#section {}
.Mn-section {padding:120px 0;}




/* sec01 */
.main-slideBox {width:100%; height:970px; overflow: hidden; position: relative;}
.txt-container {width: 100%; height:100%; position:absolute; top:0; left:0;}
.txt-container .txt-box {width:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding:20px; box-sizing: border-box; word-break: keep-all;}
.txt-container .txt-box .b-tit, .txt-container .txt-box .b-tit *, .txt-container .txt-box .s-tit {color:#fff; font-weight:500;}
.txt-container .txt-box .s-tit {font-size:25px;}
.txt-container .txt-box .b-tit, .txt-container .txt-box .b-tit * {font-size:50px;}
.txt-container .txt-box .mv-counsel-btn {max-width:200px; width:100%; padding:10px 20px; border:2px solid #fff; border-radius: 50px; display: inline-block; margin-top:30px; box-sizing: border-box; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out;}
.txt-container .txt-box .mv-counsel-btn span {font-size:20px; color:#fff; font-weight:500;}

.txt-container .txt-box .mv-counsel-btn:hover {background:#055ED2; border-color:#055ED2;}
.main-slide .slick-active .s-tit {-webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.main-slide .slick-active .b-tit {-webkit-animation: fade-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.main-slide .slick-active .mv-counsel-btn {-webkit-animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}


/* 25.03.21 */
.main_onlyVisual {width:100%;}
.main_onlyVisual.pc-ty {display:block;}
.main_onlyVisual.m-ty {display:none;}

/* sec02 */
.mn-videoBox {width: 100%;}
.mn-videoBox:after {content:''; display: block; clear: both;}
.mn-videoBox li {width:calc((100% - 20px) / 2); float:left; margin:20px 0 0 20px;}
.mn-videoBox li:nth-child(2n+1) {margin-left: 0;}
.mn-videoBox li > div {width:100%; position: relative; padding-top:56.25%;}
.mn-videoBox li > div iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.mn-videoBox li > div.vis-ty {}
.mn-videoBox li > div.vis-ty img {width:100%; height:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); object-fit: cover;}

.color-section {background: rgba(5, 94, 210, 0.3);}

/* sec03 */
.news-box:after {content:''; display: block; clear: both;}
.news-box li {width:calc((100% - 40px) / 3); float: left; margin-left:20px;}
.news-box li:first-child {margin-left:0;}
.news-box li .visBox {width: 100%; height:300px; border-radius: 10px; overflow: hidden; position: relative;}
.news-box li .visBox img {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;}
.news-box li .txtBox {margin-top:10px;}
.news-box li .txtBox > p {font-size:16px; color:#000; word-break: keep-all;}

.news-box li:hover .visBox img {width:105%; height:105%;}



/* sec04 */




/* sec05 */
.countUp-box {}
.countUp {width:100%;}
.countUp:after {content:''; display:block; clear: both;}
.countUp li {width:calc((100% - 40px) / 3); float:left; margin-left:20px; background: #fff; padding:30px 20px; box-sizing: border-box; border-radius: 10px;}
.countUp li:first-child {margin-left:0;}
.countUp li .txt-box {text-align: center;}
.countUp li .txt-box .count-txt {font-size:18px; color:#000; font-weight:700; margin-bottom:20px;}
.countUp li .txt-box .count-txt * {font-size:28px; color:#055ed2; font-weight:700;}
.countUp li .txt-box .b-tit {font-size:18px; color:#055ed2; font-weight:700; margin-bottom:5px;}
.countUp li .txt-box .s-txt {font-size:14px; color:#000; word-break: keep-all;}


.countUp li .vis-box {position:relative; margin-bottom:20px;}
.countUp li .vis-box .count-ico {width: 100px; height: 100px; background-repeat: no-repeat; margin: 0 auto; position: relative; background-size: 64px 58px; background-position: center; background-color:#e6ecf6; border-radius: 50%;}
.countUp li .vis-box .count-ico.ty01 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 63.8 57.8' style='enable-background:new 0 0 63.8 57.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474647;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23474647;stroke-width:2;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='customer_relationship_management_00000047771975884113439570000016066984113403333546_'%3E%3Cg%3E%3Cpath class='st0' d='M11,43C5.4,42.4,1,37.3,1,31c0-5.5,3.4-10.1,8-11.5'/%3E%3Cpath class='st0' d='M53,43c5.6-0.6,10-5.7,10-12c0-5.5-3.4-10.1-8-11.5'/%3E%3Cpath class='st0' d='M53,43L53,43l1.8-16c0.2-1.5,0.2-3,0.1-4.5C54,9,46.1,1,32,1C18.3,1,10.5,8.5,9.2,21.1 c-0.2,2.1-0.1,4.3,0.2,6.4L12,46.1c0.6,3.9,3.9,6.9,7.9,6.9H23'/%3E%3Cpath class='st0' d='M37.5,57h-11c-1.9,0-3.5-1.6-3.5-3.5l0,0c0-1.9,1.6-3.5,3.5-3.5h11c1.9,0,3.5,1.6,3.5,3.5l0,0 C41,55.4,39.4,57,37.5,57z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M23,26L23,26c0-1.1-0.9-2-2-2h-3c-1.1,0-2,0.9-2,2v8c0,1.1,0.9,2,2,2h3c1.1,0,2-0.9,2-2l0,0'/%3E%3Cg%3E%3Cline class='st1' x1='28' y1='24' x2='28' y2='36'/%3E%3Cg%3E%3Cline class='st1' x1='35' y1='35.7' x2='33' y2='31'/%3E%3Cpath class='st1' d='M28,30h4.1c1.1,0,2.2-0.6,2.7-1.6c1-2.2-0.6-4.4-2.7-4.4H28'/%3E%3C/g%3E%3C/g%3E%3Cpolyline class='st1' points='40,36 40,24 44,31 48,24 48,36'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.countUp li .vis-box .count-ico.ty02 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 52 63.9' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474647;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23474647;stroke-width:2;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='face-to-face-require_00000141431321242021472690000003272078202611771045_'%3E%3Cg%3E%3Cpath class='st0' d='M39,12V8c0-1.7-1.3-3-3-3h-2V1H18v4h-2c-1.7,0-3,1.3-3,3v4H39z'/%3E%3Cpolyline class='st1' points='23,6 23,7 29,7 29,6 '/%3E%3Cpath class='st1' d='M45,8h4c1.1,0,2,0.9,2,2v51c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2V10c0-1.1,0.9-2,2-2h4'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='13' y='47' class='st0' width='7' height='7'/%3E%3Cline class='st0' x1='27' y1='50' x2='39' y2='50'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpolyline class='st0' points='13,36 16,39 20,33'/%3E%3C/g%3E%3Cline class='st0' x1='27' y1='37' x2='39' y2='37'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpolyline class='st0' points='13,23 16,26 20,20'/%3E%3C/g%3E%3Cline class='st0' x1='27' y1='24' x2='39' y2='24'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.countUp li .vis-box .count-ico.ty03 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 64 64' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474647;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23474647;stroke-width:2;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:10;%7D .st2%7Bfill:%23474647;%7D%0A%3C/style%3E%3Cg id='like_hand_00000161620705467360719510000010649247004482812292_'%3E%3Cg%3E%3Cpath class='st0' d='M55,36h3.5c2.5,0,4.5-2,4.5-4.5l0,0c0-2.5-2-4.5-4.5-4.5H40.3c-0.6,0-1.1-0.6-1-1.2C40.5,20.7,44.5,1,35,1 c0,0-2,0-3,2c0,0,1,8-1,12l-8.5,15.1c-0.3,0.6-0.8,1.1-1.4,1.5l-3.1,1.9c-0.6,0.4-1.3,0.6-2.1,0.6H13'/%3E%3Cpath class='st0' d='M56.5,36c2.5,0,4.5,2,4.5,4.5l0,0c0,2.5-2,4.5-4.5,4.5H53'/%3E%3Cpath class='st0' d='M54.5,45c2.5,0,4.5,2,4.5,4.5l0,0c0,2.5-2,4.5-4.5,4.5H51'/%3E%3Cpath class='st0' d='M52,54h1c2.2,0,4,1.8,4,4l0,0c0,2.2-1.8,4-4,4H30.7c-1.1,0-2.2-0.2-3.2-0.7l-5.9-2.6c-1-0.5-2.1-0.7-3.2-0.7 H13'/%3E%3C/g%3E%3Cg%3E%3Cpolyline class='st1' points='1,31 13,31 13,63 1,63'/%3E%3Ccircle class='st2' cx='6' cy='54' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}


/* quick navi */
.quick-naviBox {position: fixed; top:50%; right:20px; transform: translateY(-50%);}
.quick-navi li {margin-top:5px;}
.quick-navi li:first-child {margin-top: 0;}
.quick-navi li a {min-width: 70px; padding:10px 0; border-radius: 5px; background:#fff; text-align: center; display: block; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;}
.quick-navi li a span {color:#000;}
.quick-navi li a.active {background:#055ED2;}
.quick-navi li a.active span {color:#fff;}


/*==========================================================================
                            ★ Tablet (반응형) ★
==========================================================================*/
@media screen and (max-width:1300px) {



}


@media screen and (max-width:1200px) {
    .main-slideBox {height:700px;}
    .Mn-section {padding:80px 0;}

    .txt-container .txt-box .s-tit {font-size: 20px;}
    .txt-container .txt-box .b-tit, .txt-container .txt-box .b-tit * {font-size: 40px;}
    .txt-container .txt-box .mv-counsel-btn {padding:10px 20px; margin-top:20px;}
    .txt-container .txt-box .mv-counsel-btn span {font-size:15px;}



    .centerBox {margin-bottom:20px;}



    .news-box li {width:100%; margin:20px 0 0 0; float:none;}
    .news-box li:first-child {margin:0;}


    .countUp li {width:100%; margin:20px 0 0 0; float:none; padding:20px;}
    .countUp li:first-child {margin:0;}
    .countUp li .vis-box {display: none;}



}


/*==========================================================================
                            ★ Mobile (반응형) ★
==========================================================================*/
@media screen and (max-width:980px) {
    .main_onlyVisual.pc-ty {display:none;}
    .main_onlyVisual.m-ty {display:block;}

    .main-slideBox {height:450px;}
    .Mn-section {padding:60px 0;}
    .txt-container .txt-box .b-tit, .txt-container .txt-box .b-tit * {font-size:35px;}



    .mn-videoBox li {width:100%; margin:20px 0 0 0;}
    .mn-videoBox li:first-child {margin:0;}


    .news-box li .txtBox > p {font-size:14px;}






}