@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css');
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&display=swap');

/* main
------------------------------------------------------ */
.wrap {position:relative; }
.wrap::after{content:''; position:fixed; top: 0; bottom: 0; right: 101px; width: 1px; background: rgba(255,255,255,.15);}
.wrap::after.color {background: rgba(0,0,0,.15)}

/* mainLnb */
.full_nav{position:fixed; top: 50%; right: 0; width: 100px; text-align: center; z-index: 15; transform:translateY(-50%);}
.full_nav > ul{position:relative; }
.full_nav > ul > li{}
.full_nav > ul > li p{position:absolute; top: -75px; left: 0; width: 100%; text-align: right; display:inline-block; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight:100; font-size:10px; letter-spacing:0.02em; color: #fff; transform:rotate(90deg);}
.full_nav > ul > li > ul{margin-top: 30px;}
.full_nav > ul > li > ul > li{width: 6px; height: 6px; background: #fff; vertical-align: top; transition:0.5s; margin: 0 auto 26px; cursor: pointer; border-radius:50%}
.full_nav > ul > li > ul > li:last-of-type{margin-bottom:0;}
.full_nav > ul > li > ul > li p{font-size:0; overflow: hidden;}
.full_nav > ul > li > ul > li.on{width: 16px; height: 16px; box-sizing:border-box; border:1px solid #fff; background: transparent; border-radius:50%}
.full_nav .sns li a {color: rgba(255,255,255,.6)}
.full_nav .sns li.color a {color: rgba(0,0,0,.6)}
/* down */
.full_down{position:fixed; width: 100px; height: 100px; bottom: 0; right: 0; text-align: center; cursor: pointer; z-index: 10;}
.full_down i{color: #fff; text-align: center; line-height: 100px; font-size:20px;}
/* top */
.top_btn{display:none; width: 100px; height: 100px; position:fixed; bottom: 0; right: 0; text-align: center; cursor: pointer; z-index: 10;}
.top_btn .p50{display:flex; flex-direction:column; justify-content:center; align-items:center; height: 100px;}
.top_btn i{color: #fff;}
.top_btn p{color: #fff; font-weight:bold; font-size:12px; margin-top: 5px;}
/* br */

/* mv */
.mv{position:relative;}
.mv::after{content:''; position: absolute; width: 1px; height: 100vh; background: rgba(255,255,255,.15); top: 0; left: 340px; z-index: 1}
.mv::before{content:''; position: absolute; width: 1px; height: 100vh; background: rgba(255,255,255,.15); top: 0; left: 240px; z-index: 1}
.mv .slide_wrap{position:relative;}
.mv .slide_wrap .slide_ctn{}
.mv .slide_wrap .slide_ctn .item{width: 100%; height: 100vh; min-height: 600px;}
.mv .slide_wrap .slide_ctn .item .bg{background:url(../../images/mv01.jpg) 50% 50% no-repeat; background-size:cover; height: 100vh; min-height: 600px;}
.mv .slide_wrap .slide_ctn .item .bg02{background:url(../../images/mv02.jpg) 50% 50% no-repeat; background-size:cover;}
.mv .slide_wrap .slide_ctn .item .bg03{background:url(../../images/mv03.jpg) 50% 50% no-repeat; background-size:cover;}
.mv .slide_wrap .slide_ctn .item .bg04{background:url(../../images/mv04.jpg) 50% 50% no-repeat; background-size:cover;}
.mv .slide_wrap .slide_txt{position:absolute; top: 37%; left: 0; box-sizing:border-box; width: 100%; padding-left: 240px;}
.mv .slide_wrap .slide_txt .item{position:relative; height: 340px}

.mv .slide_wrap .slide_txt .item p {font-weight:400; font-size:24px; color: #fff; position: absolute; left: 210px; bottom: 0;}
.mv .slide_wrap .slide_txt .item p strong {font-weight: bold;}
.mv .slide_wrap .slide_txt .item .line_txt{font-weight:600; font-size:130px; color: rgba(255,255,255,.5); font-family: 'Kanit', sans-serif; position:absolute; top: 0; left: 0;}
.mv .slide_wrap .slide_txt .item .line_txt span{display:inline-block; }
.mv .slide_wrap .slide_txt .item h2{font-weight:bold; font-size:210px; color: #0b9eea; overflow: hidden; font-family: 'Kanit', sans-serif;  position:absolute; top: 70px; left: 200px; letter-spacing: -10px; z-index: 0;}
.mv .slide_wrap .slide_txt .item h2 span{display:inline-block; vertical-align: top;}
.mv .slide_wrap .slide_txt .item:last-child h2{ font-size:180px; top: 80px; left: 100px; letter-spacing: -6px; }
.mv .slide_wrap .slide_txt .item h3{font-weight:400; font-size:140px; color: transparent; -webkit-text-stroke: 1px #fff; overflow: hidden;  font-family: 'Kanit', sans-serif; position:absolute; top: 110px; left: 50px;  z-index: 1;}
.mv .slide_wrap .slide_txt .item h3 span{display:inline-block; vertical-align: top;}
.mv .slide_wrap .slide_txt .item:last-child h3{top: -10px; left: 350px;}

.mv .slide_wrap .slide_ui{position:relative; bottom: 105px; }
.mv .slide_wrap .slide_ui::after{content:''; position: absolute; width: 100%; height: 1px; background: #fff; top: 1px; left: 0;opacity: 0.15;}
.mv .slide_wrap .slide_ui .chk_progress{display:flex; flex-wrap:wrap; position:relative;width: 100%; max-width: 1640px; height: 3px;left: 50%; transform:translateX(-50%);}
.mv .slide_wrap .slide_ui .chk_progress::after{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0b9de5; opacity: 0.2;}
.mv .slide_wrap .slide_ui .chk_progress .item{position: relative; top: 0; left: 0; width: 33.33%; height: 100%;}
.mv .slide_wrap .slide_ui .chk_progress .item .txt{text-align: right; position: relative; margin-top: -28px;}
.mv .slide_wrap .slide_ui .chk_progress .item .txt p{font-weight:600; font-size:12px; color: #fff; opacity: 0.3; transition:0.2s;}
.mv .slide_wrap .slide_ui .chk_progress .item .bar{position:absolute; top: 0; left: 0; width: 0; height: 100%; background: #0b9de5;}


.main-visual-control {position:absolute; bottom:40px; right:5%; padding:0 3%; z-index:99; max-width:1600px; display:flex; align-items:center;}
.main-visual-control .slick-dots{margin-top:0; margin-left:0;}
.main-visual-control .ico{filter:brightness(0) invert(1);}
.main-visual-control > button{margin-left:12px; width:20px; text-align:center;}
.main-visual-control .slick-dots{background:transparent;}
.main-visual-control .slick-dots li{width:30px; height:30px; background:transparent; position:relative; margin:0 !important; border-radius: 50%;}
.main-visual-control .slick-dots li:after{content:""; display:inline-block; width:8px; height:8px; background-color:#fff; position:absolute; left:50%; top:50%; margin-top:-4px; margin-left:-4px; border-radius: 50%;}
.main-visual-control .play, .main-visual-control .pause {width: 36px; height: 36px; background: #fff; border-radius: 50%; line-height: 36px; text-align: center;}
.main-visual-control .play i {color: #646464; font-size: 16px}
.main-visual-control .pause i {color: #646464; font-size: 16px}
.circle_wrap {overflow: hidden; position: relative; width: 30px; height: 30px; background-color: transparent; border-radius: 50%;}
.circle_wrap .circle {overflow: hidden; position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; clip: rect(0px, 30px, 30px, 15px)}
.slick-active .circle_wrap .circle-line {width: 30px; height: 30px; border: 2px solid rgba(255,255,255,0.3); border-radius: 50%;}
.circle_wrap .circle-inner {overflow: hidden; position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; border:2px solid #0b9de5; clip: rect(0px, 15px, 30px, 0px)}
.circle_wrap .circle2 {
    -webkit-transform: rotate(180deg); 
    transform: rotate(180deg)
}
.slick-active .circle1 .circle-inner {
    -webkit-animation-name: circle_round; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-iteration-count: 1; 
    -webkit-animation-timing-function: linear; 
    -webkit-animation-fill-mode: forwards
}
.slick-active .circle2 .circle-inner {
    -webkit-animation-name: circle_round; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-delay: 3s; 
    -webkit-animation-iteration-count: 1; 
    -webkit-animation-timing-function: linear; 
    -webkit-animation-fill-mode: forwards
}
.slick-dots{display:flex; border-radius:50%;}

@-webkit-keyframes circle_round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
}



/* news */
.news{background: url("../../images/section2_bg.jpg") center no-repeat; background-size:cover;}
.news .tit{display:block;}
.news .tit h3{font-weight:500; font-size:22px; color: #69d9ff;  overflow: hidden; font-family: 'Kanit', sans-serif; display:block; padding-bottom: 20px }
.news .tit h2{font-weight:300; font-size:50px; color: #222;  overflow: hidden;}
.news .tit h2 span{font-weight:600; }
.news .tit p{font-weight:300; font-size:20px; color: #222; margin-bottom:17px; margin-left: 40px;}
.news .n_list{margin-top: 30px;}
.news .n_list .n_slide_ui{display:flex; justify-content:flex-end;}
.news .n_list .n_slide_ui .slide_btn{font-size:0;}
.news .n_list .n_slide_ui .slide_btn > div{display:inline-block; vertical-align: top; width: 50px; height: 50px; border:1px solid #828282; text-align: center; border-radius:50%; margin-right: 9px; box-sizing:border-box; cursor: pointer; transition:0.3s}
.news .n_list .n_slide_ui .slide_btn > div:last-of-type{margin-right: 0;}
.news .n_list .n_slide_ui .slide_btn > div i{font-size:16px; color: #828282; line-height: 50px; transition:0.3s}
.news .n_list .n_slide_ui .go_list{margin-left: 24px;}
.news .n_list .n_slide_ui .go_list a{display:inline-block; width: 50px; height: 50px; background: #222; text-align: center; border-radius:50%}
.news .n_list .n_slide_ui .go_list a span{display:inline-block; vertical-align: top; position:relative; width: 15px; height: 2px; background: #fff; margin: 24px 0; transition:0.4s}
.news .n_list .n_slide_ui .go_list a span::after{content:''; position:absolute; top: -5px; left: 0; width: 15px; height: 2px; background: #fff; transition:0.4s}
.news .n_list .n_slide_ui .go_list a span::before{content:''; position:absolute; top: 5px; left: 0; width: 15px; height: 2px; background: #fff; transition:0.4s}
.news .n_list .n_slide{display:flex; width: 100%; flex-wrap:wrap; margin-top: 23px;}
.news .n_list .n_slide .slick-list{width: 100%; margin-right: -70px;}
.news .n_list .n_slide .slick-list > div{margin-left: 0;}
.news .n_list .n_slide .item{position:relative; margin-right: 70px;}
.news .n_list .n_slide .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;} 
.news .n_list .n_slide .item figure{position:relative; overflow: hidden; padding-bottom:56%;}
.news .n_list .n_slide .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) scale(1); height: 100%; max-width: inherit; transition:0.4s}
.news .n_list .n_slide .item .txt{}
.news .n_list .n_slide .item .txt h3{font-weight:600; font-size:22px; color: #222; margin: 26px 0 10px; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; height: auto;}
.news .n_list .n_slide .item .txt p.cont{font-weight:300; font-size:16px; color: #222; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 63px;}
.news .n_list .n_slide .item .txt p.date{font-family: 'Roboto', sans-serif; font-size:14px; color: #aaa; margin-top: 35px;}

/* hover */
.news .n_list .n_slide_ui .slide_btn > div:hover{border-color:#0b95dc; background: #0b95dc;}
.news .n_list .n_slide_ui .slide_btn > div:hover i{color: #fff;}
.news .n_list .n_slide_ui .go_list a:hover span{width: 20px;}
.news .n_list .n_slide_ui .go_list a:hover span::after{transform:rotate(45deg); width: 9px; left: 12px; top: -3px;}
.news .n_list .n_slide_ui .go_list a:hover span::before{transform:rotate(-45deg); width: 9px; left: 12px; top: 3px;}
.news .n_list .n_slide .item:hover figure img{transform:translate(-50%,-50%) scale(1.2)}



/* biz */
.biz{background: url("../../images/section3_bg.jpg") center no-repeat; background-size:cover; position: relative;}
.biz .tit{flex-shrink:0;padding-bottom:25px;margin-right:40px;}
.biz .tit h3{font-weight:500; font-size:22px; color: #69d9ff;  overflow: hidden; font-family: 'Kanit', sans-serif; display:block; padding-bottom: 20px }
.biz .tit h2{font-weight:300; font-size:50px; color: #fff; margin-bottom:10px; overflow: hidden;}
.biz .tit h2 span{display:inline-block; font-weight:600;}
.biz .product_box {overflow: hidden; position: absolute; right: 0; top: 0}
.biz .product_box li {border-left: 1px solid rgba(255,255,255,.1); border-right: 1px solid rgba(255,255,255,.1); float: left; margin-right: 25px; width: 342px; height: 500px;}

.white{color:#fff!important}
.title-xsmall {font-size:32px;line-height:1.4;}
.biz .flex-wrap {align-items:center;display:flex; justify-content:space-between;}
.biz .tit {flex-shrink:0;padding-bottom:25px;margin-right:40px;}
.main-ir__banners {width:100%;max-width:740px;}
.main-ir__banners-inner {display:flex;margin:-10px;}
.main-ir__banner {width:50%;}
.main-ir__banner-wrap {position:relative;width:100%;max-width:340px;padding-top:138.89%;background-repeat:no-repeat;background-position:top center;background-size:cover;}
.main-ir__banner-inner {position:absolute;top:0;left:0;width:100%;height:100%;padding:60px 30px 30px 50px;}
.main-ir__banner.financial .main-ir__banner-wrap {background-image:url("../../images/section3_pro1.jpg");}
.main-ir__banner.contact .main-ir__banner-wrap {background-image:url("../../images/section3_pro2.jpg"); margin-top: 80px}
.main-ir__banner .text-small {margin-top:15px;color:rgba(255,255,255,.7);}
.main-ir__banner-link {display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:0;right:0;width:100%;height:100%;overflow:hidden;}
.main-ir__banner-link::before {content:"\e97a";display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;position:absolute;bottom:30px;right:30px;width:50px;height:50px;font-family:xeicon!important;font-style:normal;font-size:26px;color:#fff;line-height:1;text-indent:0;font-variant:normal;text-transform:none;speek:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#083051;transition:visibility .2s, opacity .2s;}
.main-ir__banner-link::after {content:"";position:absolute;bottom:0;right:0;width:0;height:0;background-color:rgba(8,48,81,.8);transition:width .4s, height .4s;}
.main-ir__banner-icon {position:relative;visibility:hidden;opacity:0;font-size:26px;color:#fff;transition:visibility .3s, opacity .3s;z-index:10;}
.main-ir__banner-text {display:block;position:relative;visibility:hidden;opacity:0;margin-top:10px;font-size:14px;font-weight:600;color:#fff;text-align:center;transition:visibility .3s, opacity .3s;z-index:10;}

.main-ir__banner-link:hover {bottom:0;right:0;width:100%;height:100%;text-indent:0;}
.main-ir__banner-link:hover::before {visibility:hidden;opacity:0;}
.main-ir__banner-link:hover::after {width:100%;height:100%;}
.main-ir__banner-link:hover .main-ir__banner-icon {visibility:visible;opacity:1;}
.main-ir__banner-link:hover .main-ir__banner-text {visibility:visible;opacity:1;}
.main-ir__top .btn-detail:hover {color:#fff;}
.main-ir__link:hover .main-ir__inner {border-color:transparent;background-color:rgba(255,255,255,.15);}
.main-ir__list .slick-arrow:hover {background-color:#083051;}

.over-img{overflow:hidden;}
.over-img img{
	transition:var(--transition-custom);
	transition-property:transform;
}
a:hover .over-img img{
	transform: scale(1.1) rotate(0.002deg);
}
.over-bg{
	overflow:hidden;
	transition:var(--transition-custom);
	transition-property:transform;
}
a:hover .over-bg{
	transform: scale(1.1) rotate(0.002deg);
}
.img-cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

 /* ******************  메인 컨텐츠 :: Business ********************** */
.install {background: url("../../images/section5_bg.jpg") center no-repeat; background-size:cover; position: relative;}
.main-business-con {display:flex; /* align-items:center;  */position:relative; margin-top:3.125%;}
.main-business-con .txt-box {width:100%; position:absolute; left:0; top:0; z-index: 1}
.main-business-con .main-tit-box {width:50%; text-align:left;}
.main-business-con .main-tit-box .main-tit { color: #69d9ff; font-size: 22px;font-family: 'Kanit', sans-serif; display:block; padding-bottom: 20px;font-weight:500;}
.main-business-con .main-tit-box .main-sub-tit {display:block; justify-content:space-between; font-weight:300; font-size:50px; color: #fff; overflow: hidden;}
.main-business-con .main-tit-box .main-sub-tit span {font-weight: 600}
.main-business-con .slide-box {width:53.3%; overflow:hidden; margin:0 25% 0 auto;z-index: 3;}
.main-business-slide .slick-list {overflow:hidden;}
.main-business-slide li {width:800px;}
.main-business-slide li a {display:block; position:relative; background-color:#000; }
.main-business-slide .bg {position:relative; display:block; padding-top:62.5%; margin-bottom: 80px }
.main-business-slide .inner-box {position:absolute;  left: 50%; transform: translateX(-50%); bottom:-4rem;  }
.main-business-slide .tit {font-size:26px; letter-spacing:-0.05em; color: #fff; font-weight:500; }
.btn_area{font-size:0; position: absolute; right: 0; bottom: -390px;}
.btn_area > div{display:inline-block;}
.sBtn{display:inline-block;padding:0 5px; width:200px; height:50px; line-height:48px; border:1px solid rgba(255,255,255,.3); box-sizing:border-box; font-size:16px; text-transform:uppercase; color:#fff !important; border-radius:25px;  background-color: transparent; text-align: center;}
.sBtn.lined{background-color:transparent;}
.sBtn.lined:hover{color:#fff !important; background-color:#69d9ff;}

.bg_text_box {overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); z-index:0}
.bg_text_box .bg_text {font-size: 270px; font-family: 'Kanit', sans-serif; color: rgba(255,255,255,.03); font-weight: 600; white-space: nowrap ;}


    
/* 공통 :: 슬라이드 컨트롤 */
.main-slide-controls-box {position: absolute; right: 0; top: 0}
.main-slide-controls-box .inner-box {display:flex; align-items:center;}
.main-slide-controls-box .arrow {font-size:25px; color: #fff; }
.main-slide-controls-box .count-box {display:flex; align-items:center; font-size:16px; color: #fff; margin:0 5px;font-family: 'Kanit', sans-serif;}
.main-slide-controls-box .line {display:block; position:relative; width:135px; height:1px; background-color:rgba(255,255,255,0.3); }
.main-slide-controls-box .line .bar {position:absolute; top:0; left:0; height:100%; background-color:#fff;}
.main-slide-controls-box .cur-num {position:absolute; right: 30px; top: -15px;}
.main-slide-controls-box .total-num {position:absolute; right: 30px; bottom: -15px; }
    
/* bg animation */
.main-section-bg{overflow:hidden; position:absolute; top:0px; left:0px; width:100%; height:100%; }
.main-section-bg .main-section-bg-inner{width:100%; height:100%; transform: scale(1.08,1.08); transition:all 2s linear;}



/* about */
.about {background: url("../../images/section5_bg.jpg") center no-repeat;}
.about > div{vertical-align: bottom;}
.about .a_tit{display:inline-block; vertical-align: top; position:absolute; top: 250px; z-index: 5;}
.about .a_tit h2{font-weight:500; font-size:50px; color: #fff; height: 60px;font-family: 'Kanit', sans-serif;}
.about .tab_box{margin-top: 70px; position: absolute; bottom: 0; z-index: 2;box-sizing: border-box;}
.about .tab_box .main_board_latest {padding-top: 100px; margin-right: 25px; text-align: right;}
.about .tab_box .main_board_latest li {display: inline-block; margin-right: 30px; width: 330px; text-align: left; vertical-align: top;}
.about .tab_box .main_board_latest li .date {color: #666666; font-size: 16px; font-family: 'Kanit', sans-serif; padding: 40px 0 20px}
.about .tab_box .main_board_latest li .bo_tit {color: #111111; font-size: 22px; line-height: 32px;}
.about .tab_box .a_tab{margin-bottom:180px; width: calc(100% - 1320px); order:2; margin-left: -30px; position:relative; z-index: 10;}
.about .tab_box .tab_bg .bg{position:relative; width: 1320px; height: 600px;}
.about .tab_box .tab_bg .bg::after{content:''; position:absolute; top: 0; right: 0; width: 100%; height: 100%; background: #000;}
.about .tab_box .tab_bg .bg01{background:#fff; background-size:cover;}

.about .tab_box2{margin-top: 70px; position: absolute; bottom: 0; right: 0; z-index: 1;box-sizing: border-box;}
.about .tab_box2 .section5_icon {text-align: left; padding-top: 180px; margin: 0 150px 0 310px; overflow: hidden; border-bottom:1px solid rgba(255,255,255,.1)}
.about .tab_box2 .section5_icon li {float: left; width: 50%; text-align: center;}
.about .tab_box2 .section5_icon li p {color: #fff; font-size: 20px; padding: 20px 0 50px}
.about .tab_box2 .a_tab{margin-bottom:180px; width: calc(100% - 860px); order:2; margin-left: -30px; position:relative; z-index: 10;}
.about .tab_box2 .tab_bg .bg{position:relative; width: 860px; height: 700px;}
.about .tab_box2 .tab_bg .bg::after{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000;}
.about .tab_box2 .tab_bg .bg01{background:#083051; background-size:cover;}
.about .tab_box2 .section5_txt {font-size: 20px; color: #6390b9; margin: 50px 150px 0 310px; text-align: center;font-weight: 300;}
.about .tab_box2 .section5_txt span {font-weight: 600;}

/* ani 
.ani .tit h2 span{animation:UpTxt02 0.6s 0.8s both}
.ani .tit h3 span{animation:UpTxt03 0.6s 0.5s both}
.ani .tit p{ animation: fadeUpTxt 0.8s 1.1s both;}
/* mv */
.mv .slide_wrap .slide_txt .item.slick-active .line_txt::before{animation:w100px 0.6s 0.4s both}
.mv .slide_wrap .slide_txt .item.slick-active .line_txt span{animation:moveTxt 0.75s both}
.mv .slide_wrap .slide_txt .item.slick-active h2 span{animation:in 1s 1.9s both}
.mv .slide_wrap .slide_txt .item.slick-active h3 span{animation:UpTxt03 0.8s 1s cubic-bezier(0.61, 1, 0.88, 1) both}
.mv .slide_wrap .slide_txt .item.slick-active p span{animation:moveTxt 0.75s both}
.mv .slide_wrap .slide_ui .chk_progress .item.on .txt p{opacity: 1;}

/* about */
.news.ani .a_tit h2 span{animation:UpTxt02 0.6s 1.1s both}
.news.ani .a_tit h3 span{
	-webkit-animation: text-focus-in 0.8s 1.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 0.8s 1.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.news.ani .a_tit p{
	-webkit-animation: text-focus-in 0.8s 1.4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 0.8s 1.4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.about.ani .tab_box .tab_bg .bg01::after{animation:w100 1.2s 0.4s both}
.about.ani .tab_box .tab_bg .bg.on::after{animation:w100 1.2s 0.4s both}
.about.ani .tab_box2 .tab_bg .bg01::after{animation:w100 1.2s 0.4s both}
.about.ani .tab_box2 .tab_bg .bg.on::after{animation:w100 1.2s 0.4s both}

/* biz */	
.biz.ani .financial{animation:moveUp 0.8s 0.4s both}
.biz.ani .contact{animation:moveUp 0.8s 0.6s both}


@keyframes w100px{
	0%{width: 0;}
	100%{width: 44px;}
}

@keyframes w100{
	0%{width: 100%;}
	100%{width: 0;}
}

@keyframes h100{
	0%{height: 100%;}
	100%{height: 0;}
}
@keyframes in{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes moveTxt{
	0%{opacity: 0; transform:translateY(-20px);}
	100%{opacity: 1;transform:translateY(0);}
}

@keyframes UpTxt{
	0%{transform:translateY(100px);}
	100%{transform:translateY(0);}
}

@keyframes UpTxt02{
	0%{transform:translateY(150px);}
	100%{transform:translateY(0);}
}

@keyframes UpTxt03{
	0%{transform:translateY(180px);}
	100%{transform:translateY(0);}
}

@keyframes fadeUpTxt{
	0%{transform:translateY(80px); opacity: 0;}
	30%{opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}

@keyframes fadeLeftTxt{
	0%{transform:translateX(80px); opacity: 0;}
	30%{opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}

@keyframes moveUp{
	0%{transform:translateY(100%); opacity: 0;}
	30%{opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}

@keyframes scale{
	0%{transform:scale(0)}
	100%{transform:scale(1)}
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


@media all and (min-width: 1921px){
	.about .tab_box .slide_box{width: 75%; height: 750px; max-width: none;}
	.about .tab_box .tab_bg .bg{height: 750px;}
	.biz .tab_box .tab_ctn .item{height: 700px;}
}

@media screen and (max-width: 1800px){
	.mv .slide_wrap .slide_ui{margin: 0 120px; left: 0; max-width: none; width: calc(100% - 240px); transform:translateX(0);}
    
	.about .a_tit{display:inline-block; vertical-align: top; position:absolute; top: 200px; z-index: 5;}
    .about .tab_box .tab_bg .bg{position:relative; width: 108%; height: 600px;}
	.about .tab_box{display: flex; align-items:center; }
	.about .tab_box .slide_box{max-width: none; width: 68.75%; height: 70vh; min-height: 500px;}
	.about .tab_box .a_tab{width: 31.25%; box-sizing:border-box; padding-right: 100px; margin-bottom:0;}
	
	.news{box-sizing:border-box;}
}

@media screen and (max-width: 1600px){
    .about .tab_box .tab_bg .bg{position:relative; width: 87%; height: 600px;}
    .about .tab_box .main_board_latest {padding-left: 3vw; overflow: hidden;}
    .about .tab_box .main_board_latest li {float: left; margin-right: 2%; width: 32%; text-align: left; vertical-align: top;}
    .about .tab_box .main_board_latest li:last-child {float: right; margin-right: 0%; width: 32%;}
    .about .tab_box .main_board_latest li img {width: 100%;}

}

@media screen and (max-width: 1500px){
	.w1440,
	.w1500{padding: 0 40px;}

	.mv .slide_wrap .slide_txt{padding-left: 40px; top: 30%;}	
	.mv .slide_wrap .slide_ui{margin: 0 120px 0 40px; width: calc(100% - 160px);}
	
	.about .a_tit h2{font-size:60px; top: 180px}
	.about .a_tit h3{margin: 38px 0 20px;}
	.about .tab_box .a_tab li{padding-left: 80px;}
	.about .tab_box .a_tab li span::after{left: -80px;}
	.about .tab_box .a_tab li.on span::after, .about .tab_box .a_tab li:hover span::after{width: calc(100% + 80px);}
    .about .tab_box2 .tab_bg .bg{position:relative;width: 760px;height: 700px;}

	
	.news .n_list .n_slide .slick-list{margin-right: -30px;}
	.news .n_list .n_slide .item{margin-right: 30px;}

	.w860{margin: 0 auto;}
}

@media screen and (max-width: 1479px){

	.about{padding: 0; box-sizing:border-box; background-position: top center;}
   .about .a_tit{display: none;} 
.about .tab_box{margin-top: 140px; position: static; bottom: 0; z-index: 2;box-sizing: border-box;display:block;}
.about .tab_box .main_board_latest {padding: 80px 3vw; margin-right: 0; text-align: center; margin-left: 0}
.about .tab_box .main_board_latest li {float: left; margin-right: 2%; width: 32%; text-align: left;}
.about .tab_box .main_board_latest li .date {color: #666666; font-size: 16px; font-family: 'Kanit', sans-serif; padding: 40px 0 20px}
.about .tab_box .main_board_latest li .bo_tit {color: #111111; font-size: 22px; line-height: 32px;}
.about .tab_box .a_tab{margin-bottom:180px; width: 100%; order:2; margin-left: -30px; position:relative; z-index: 10;}
.about .tab_box .tab_bg .bg{position:relative; height: auto; width: 100%;}
.about .tab_box .tab_bg .bg::after{content:''; position:absolute; top: 0; right: 0; width: 100%; height: 100%; background: #000;}
.about .tab_box .tab_bg .bg01{background:#fff; background-size:cover;}

.about .tab_box2{margin-top: 0px; position: static; bottom: 0; right: 0; z-index: 1;box-sizing: border-box;}
.about .tab_box2 .section5_icon {text-align: left; padding: 50px 0 0; margin: 0 150px 0 150px; overflow: hidden; border-bottom:1px solid rgba(255,255,255,.1)}
.about .tab_box2 .section5_icon li {float: left; width: 25%; text-align: center;}
.about .tab_box2 .section5_icon li p {color: #fff; font-size: 20px; padding: 20px 0 50px}
.about .tab_box2 .a_tab{margin-bottom:180px; width:100%; order:2; margin-left: -30px; position:relative; z-index: 10;}
.about .tab_box2 .tab_bg .bg{position:relative; width: 100%; height: auto;}
.about .tab_box2 .tab_bg .bg::after{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000;}
.about .tab_box2 .tab_bg .bg01{background:#083051; background-size:cover;}
.about .tab_box2 .section5_txt {font-size: 20px; color: #6390b9; margin: 50px 150px 0; padding-bottom: 50px; text-align: center;font-weight: 300;}
.about .tab_box2 .section5_txt span {font-weight: 600;}
}

@media screen and (max-width: 1200px){
	#fullpage{overflow: hidden;}
	.w1440,
	.w1500{padding: 0 16px;}

	.mobile_ani{opacity: 0;}
	.mobile_ani.ani{opacity: 1;}

	.full_down,
	.full_nav{display:none; }

	.mv .slide_wrap .slide_txt{padding-left: 16px;}
	.mv .slide_wrap .slide_ui{width: 100%; margin: 0; padding: 0 16px; box-sizing:border-box;}
	.mv .slide_wrap .slide_ctn .item .bg{margin-right: 0;}

	.biz{padding: 100px 0; box-sizing:border-box}
	.biz .tit{text-align: right;}
	.biz .tit h2{font-size:50px;}
	
	.install, .news{padding: 100px 0; box-sizing:border-box;}
	.main-business-con {display:block; margin-top:0;}
	.main-business-con .txt-box {position:static; margin-top:0;}
	.main-business-con .main-tit-box {width:100%;}    
    .main-business-con .main-tit-box .main-tit {font-size: 22px; padding-bottom: 20px;}
    .main-business-con .main-tit-box .main-sub-tit {font-size:50px;}
	.main-business-con .slide-box {width:100%; margin:4rem 0 0; padding:0 var(--area-padding);}
	.main-business-slide li {width:48%;margin: 0 1%;}
	.main-business-slide .sub-tit  {line-height:1.5;}
	.main-business-con .main-business-swiper {margin-left:-0.5rem;}
    .main-slide-controls-box {position: absolute; right: 16px; top: 150px}
    .main-business-slide .inner-box {bottom: -3rem; width: 100%; text-align: center;}
    .main-business-slide .tit {font-size:20px;}
    .main-business-slide .bg {margin-bottom: 50px }
    .btn_area{font-size:0;position: absolute; right: 16px; top:50px; bottom: inherit;}
    
    .bg_text_box {top: 30%; transform: translateY(-50%); z-index: 2}
    
    .about .tab_box{margin-top: 0px;}

    .news .tit h2{font-size:50px;}
	.news .tit p{margin-bottom:12px;}
}

@media screen and (max-width: 1030px){
    .mv .slide_wrap .slide_txt .item{height: 280px}
    .mv .slide_wrap .slide_txt .item p {font-weight:400; font-size:20px; color: #fff; position: absolute; left: 110px; bottom: 0;}
    .mv .slide_wrap .slide_txt .item .line_txt{font-weight:600; font-size:100px; color: rgba(255,255,255,.5); font-family: 'Kanit', sans-serif; position:absolute; top: 0; left: 0;}
    .mv .slide_wrap .slide_txt .item h2{font-size:160px;  top: 70px; left: 170px; letter-spacing: -10px; z-index: 0;}
    .mv .slide_wrap .slide_txt .item h2 span{display:inline-block; vertical-align: top;}
    .mv .slide_wrap .slide_txt .item:last-child h2{ font-size:130px; top: 80px; left: 80px; letter-spacing: -6px; }
    .mv .slide_wrap .slide_txt .item h3{font-weight:400; font-size:110px; color: transparent; -webkit-text-stroke: 1px #fff; overflow: hidden;  font-family: 'Kanit', sans-serif; position:absolute; top: 110px; left: 50px;  z-index: 1;}
    .mv .slide_wrap .slide_txt .item h3 span{display:inline-block; vertical-align: top;}
    .mv .slide_wrap .slide_txt .item:last-child h3{top: -10px; left: 260px;}
	
	.about .a_tit{text-align: center; width: 100%; margin-bottom:30px;}
	.about .a_tit h2{font-size:70px; height: auto;}
	.about .a_tit h3{margin: 10px 0 10px;}
	.about .tab_box{margin-top: 0;}
	.about .tab_box .slide_box{width: 75%; height: 35vh; min-height: 400px;}
	.about .tab_box .a_tab{width: calc(25% + 30px)}
	.about .tab_box .a_tab li{font-size:20px; height: 31px;}
	.about .tab_box .a_tab li i{display:none; }
	.about .tab_box .a_tab li.on i, .about .tab_box .a_tab li:hover i{display:none;}
	.about .tab_box .a_tab li.on, .about .tab_box .a_tab li:hover{font-size:24px;}
    
    .about .tab_box .tab_bg {width: 100%;}
    .about .tab_box .main_board_latest {padding: 80px 3vw; margin-right: 25px; text-align: left; margin-left: 0; width: 100%; overflow: hidden;}
    .about .tab_box .main_board_latest li {float: left; display: block; margin-right: 2%; width: 32%; text-align: left;}
    .about .tab_box .main_board_latest li:last-child {margin-right: 0; float: right; }
    .about .tab_box .main_board_latest li img {width: 100% !important;}
    .about .tab_box .main_board_latest li .date {color: #666666; font-size: 15px; font-family: 'Kanit', sans-serif; padding: 30px 0 20px}
    .about .tab_box .main_board_latest li .bo_tit {color: #111111; font-size: 20px; line-height: 32px;}

    .news .n_list .n_slide .item .txt h3{font-size:20px; margin: 16px 0 10px; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; height: auto;}

	.biz{padding-top: 60px;}
	
	.news{padding: 60px 0;}

	.news .tit p{margin-left: 20px;}
	.news .n_list .n_slide .item .txt p.date{margin-top: 15px;}

}

@media screen and (max-width: 920px){


    .biz .tit{flex-shrink:none; text-align: center; width: 100%; display: block; padding-bottom:25px;margin-right:0px;}
    .biz .tit h3{font-size:20px; padding-bottom: 15px }
    .biz .tit h2{font-size:42px; margin-bottom:10px;}
	.biz .tit p{font-size:20px;}
    .biz .flex-wrap {align-items:center;display:block; justify-content:space-between;}
    .main-ir__banners {width:100%; max-width:100%;}
    .main-ir__banners-inner {display:block;margin:0px; overflow: hidden;}
    .main-ir__banner {width:50%; float: left; }
    .main-ir__banner-wrap {position:relative;width:100%;max-width:340px;padding-top:138.89%;background-repeat:no-repeat;background-position:top center;background-size:cover; left: 50%; transform: translateX(-50%);}
    .main-ir__banner-inner {position:absolute;top:0;left:0;width:100%;height:100%;padding:60px 30px 30px 50px;}
    .main-ir__banner.financial .main-ir__banner-wrap {background-image:url("../../images/section3_pro1.jpg");}
    .main-ir__banner.contact .main-ir__banner-wrap {background-image:url("../../images/section3_pro2.jpg"); margin-top: 0px}
    .main-ir__banner .text-small {margin-top:15px;color:rgba(255,255,255,.7);}
    .main-ir__banner-link {display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:0;right:0;width:100%;height:100%;overflow:hidden;}
    .main-ir__banner-link::before {content:"\e97a";display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;position:absolute;bottom:30px;right:30px;width:50px;height:50px;font-family:xeicon!important;font-style:normal;font-size:26px;color:#fff;line-height:1;text-indent:0;font-variant:normal;text-transform:none;speek:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#083051;transition:visibility .2s, opacity .2s;}
    .main-ir__banner-link::after {content:"";position:absolute;bottom:0;right:0;width:0;height:0;background-color:rgba(8,48,81,.8);transition:width .4s, height .4s;}
    .main-ir__banner-icon {position:relative;visibility:hidden;opacity:0;font-size:26px;color:#fff;transition:visibility .3s, opacity .3s;z-index:10;}
    .main-ir__banner-text {display:block;position:relative;visibility:hidden;opacity:0;margin-top:10px;font-size:14px;font-weight:600;color:#fff;text-align:center;transition:visibility .3s, opacity .3s;z-index:10;}
}

@media screen and (max-width: 820px){

	.about .a_tit{margin-bottom:20px;}
	.about .a_tit h2{position:relative; font-size:50px; height: 58px;}	
	.about .a_tit h2::after{content:''; position:absolute; top: -6px; left: 0; width: 100%; height: 10px; background: #fff;	z-index: 10;}
	.about.ani .a_tit h2 span{animation:in 0.6s 1.1s both}
	.about .a_tit h3{font-size:24px;}
	.about .a_tit p{font-size:18px;}

	.about .tab_box{flex-wrap:wrap;}
	.about .tab_box .a_tab{width: 100%; order:0; display:flex; justify-content:center; align-items:center; margin-left: 0; margin-bottom:30px;}
	.about .tab_box .a_tab li{padding: 0; margin: 0; margin-right: 20px;}
	.about .tab_box .a_tab li:last-of-type{margin-right: 0;}
	.about .tab_box .a_tab li a{padding: 0;margin: 0;}
	.about .tab_box .slide_box{position:relative; width: 100%; }
    .main-business-slide .inner-box {bottom: -5rem;}
	.about .tab_box .a_tab li span::after{left: 0;}
	.about .tab_box .a_tab li.on span::after, .about .tab_box .a_tab li:hover span::after{width: 100%; left: 0;}
	.about .mobile_btn{display:block; }
	.about .mobile_btn > div{position:absolute; top: 50%; left: 16px; transform:translateY(-50%); width: 40px; height: 40px; border:1px solid #fff; box-sizing:border-box; text-align: center; border-radius:50%; cursor: pointer;}
	.about .mobile_btn > div.next{left: auto; right: 16px;}
	.about .mobile_btn > div i{font-size:18px; color: #fff; margin: 10px 0;}
    .about .tab_box2 .section5_icon {text-align: left; padding: 50px 0 0; margin: 0 50px 0 50px; overflow: hidden; border-bottom:1px solid rgba(255,255,255,.1)}
    .about .tab_box2 .section5_txt {font-size: 20px; color: #6390b9; margin: 50px 50px 0; padding-bottom: 50px; text-align: center;font-weight: 300;}

	
	.news .n_list .n_slide{margin-top: 10px;}
	.news .n_list .n_slide .slick-list{margin-right: -15px;}
	.news .n_list .n_slide .item{margin-right: 15px;}
	.news .tit{flex-direction:column; align-items:center;margin-bottom:50px; text-align: center;} 
	.news .tit h2{font-size:42px;}
    .news .tit h2 br {display: none;}
    .news .tit h3{font-size:20px; padding-bottom: 15px }
	.news .tit p{margin-left: 0; margin-bottom:0;}
    .news .n_list .n_slide .item .txt h3{font-size:18px; margin: 16px 0 10px; text-align: center; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; height: 47px;}
    
    
    .main-business-con .main-tit-box .main-tit {font-size: 20px; padding-bottom: 15px;}
    .main-business-con .main-tit-box .main-sub-tit {font-size:42px;}
    .main-slide-controls-box {top: 120px}
    .main-business-con .slide-box {margin:3rem 0 0;}

}

@media screen and (max-width: 680px){
    .mv .slide_wrap .slide_txt .item{height: 230px}
    .mv .slide_wrap .slide_txt .item p {font-weight:400; font-size:18px; color: #fff; position: absolute; left: 75px; bottom: 0;}
    .mv .slide_wrap .slide_txt .item .line_txt{font-weight:600; font-size:80px; color: rgba(255,255,255,.5); font-family: 'Kanit', sans-serif; position:absolute; top: 0; left: 0;}
    .mv .slide_wrap .slide_txt .item h2{font-size:120px;  top: 60px; left: 120px; letter-spacing: -5px; z-index: 0;}
    .mv .slide_wrap .slide_txt .item h2 span{display:inline-block; vertical-align: top;}
    .mv .slide_wrap .slide_txt .item:last-child h2{ font-size:110px; top: 70px; left: 40px; letter-spacing: -6px; }
    .mv .slide_wrap .slide_txt .item h3{font-weight:400; font-size:80px; color: transparent; -webkit-text-stroke: 1px #fff; overflow: hidden;  font-family: 'Kanit', sans-serif; position:absolute; top: 90px; left: 30px;  z-index: 1;}
    .mv .slide_wrap .slide_txt .item h3 span{display:inline-block; vertical-align: top;}
    .mv .slide_wrap .slide_txt .item:last-child h3{top: 0px; left: 220px;}
    
    
	.news .tit h2{font-size:38px;}
    .news .tit h3{font-size:20px; padding-bottom: 10px }
    
    .main-business-con .main-tit-box .main-tit {font-size: 20px; padding-bottom: 10px;}
    .main-business-con .main-tit-box .main-sub-tit {font-size:38px;}
    .main-business-con .slide-box {margin: 3rem 0 0;}
    
    .bg_text_box .bg_text {font-size: 200px;}
    
    /* 공통 :: 슬라이드 컨트롤 */
    .main-slide-controls-box {top: 100px}
    .main-slide-controls-box .inner-box {display:flex; align-items:center;}
    .main-slide-controls-box .arrow {font-size:25px; color: #fff; }
    .main-slide-controls-box .count-box {display:flex; align-items:center; font-size:16px; color: #fff; margin:0 5px;font-family: 'Kanit', sans-serif;}
    .main-slide-controls-box .line {display:block; position:relative; width:135px; height:1px; background-color:rgba(255,255,255,0.3); }
    .main-slide-controls-box .line .bar {position:absolute; top:0; left:0; height:100%; background-color:#fff;}
    .main-slide-controls-box .cur-num {position:absolute; right: 30px; top: -10px;}
    .main-slide-controls-box .total-num {position:absolute; right: 30px; bottom: -10px; }
    
    
    .btn_area{font-size:0;position: absolute; right: 16px; top:20px; bottom: inherit;}
    .sBtn{display:inline-block;padding:0 5px; width:180px; height:40px; line-height:38px; border:1px solid rgba(255,255,255,.3); box-sizing:border-box; font-size:13px; text-transform:uppercase; color:#fff !important; border-radius:25px;  background-color: transparent; text-align: center;}
    
    .biz .tit h3{font-size:20px; padding-bottom: 10px }
    .biz .tit h2{font-size:38px; margin-bottom:10px;}
    .main-ir__banner {width:49%; float: left; margin-right: 2% }
    .main-ir__banner:nth-child(2) {width:49%; float: right; margin-right: 0% }
    .main-ir__banner-wrap {position:relative;width:100%;max-width:330px;padding-top:138.89%;background-repeat:no-repeat;background-position:top center;background-size:cover; left: 50%; transform: translateX(-50%);}
    .main-ir__banner-inner {position:absolute;top:0;left:0;width:100%;height:100%;padding:50px 30px 30px 40px;}
    .title-xsmall {font-size:25px;line-height:1.4;}
    
    
    .about .tab_box2 .section5_icon {text-align: left; padding: 50px 0 0; margin: 0; overflow: hidden; border-bottom:1px solid rgba(255,255,255,.1)}
    .about .tab_box2 .section5_icon li p {font-size: 18px; padding: 20px 0 30px}
    
    
    .about .tab_box .main_board_latest {padding: 60px 3vw; margin-right: 25px; text-align: left; margin-left: 0; width: 100%; overflow: hidden;}
    .about .tab_box .main_board_latest li {float: left; display: block; margin-right: 2%; width: 49%; text-align: left;}
    .about .tab_box .main_board_latest li:nth-child(2) {margin-right: 0; float: right; }
    .about .tab_box .main_board_latest li:nth-child(3) {display: none; }
    .about .tab_box .main_board_latest li img {width: 100% !important;}
    .about .tab_box .main_board_latest li .date {color: #666666; font-size: 15px; font-family: 'Kanit', sans-serif; padding: 20px 0 10px}
    .about .tab_box .main_board_latest li .bo_tit {color: #111111; font-size: 20px; line-height: 32px;}
}

@media screen and (max-width: 600px){
    .mv .slide_wrap .slide_txt .item{height: 200px}
    .mv .slide_wrap .slide_txt .item p {font-weight:400; font-size:18px; color: #fff; position: absolute; left: 75px; bottom: 0;}
    .mv .slide_wrap .slide_txt .item .line_txt{font-weight:600; font-size:80px; color: rgba(255,255,255,.5); font-family: 'Kanit', sans-serif; position:absolute; top: 0; left: 0;}
    .mv .slide_wrap .slide_txt .item h2{font-size:100px;  top: 60px; left: 120px; letter-spacing: -5px; z-index: 0;}
    .mv .slide_wrap .slide_txt .item h2 span{display:inline-block; vertical-align: top;}
    .mv .slide_wrap .slide_txt .item:last-child h2{ font-size:90px; top: 70px; left: 40px; letter-spacing: -6px; }
    .mv .slide_wrap .slide_txt .item h3{font-weight:400; font-size:60px; color: transparent; -webkit-text-stroke: 1px #fff; overflow: hidden;  font-family: 'Kanit', sans-serif; position:absolute; top: 90px; left: 30px;  z-index: 1;}
    .mv .slide_wrap .slide_txt .item h3 span{display:inline-block; vertical-align: top;}
    .mv .slide_wrap .slide_txt .item:last-child h3{top: -10px; left: 220px; font-size:90px; }

	.mv .slide_wrap .slide_ctn .item .bg{background:url(../../images/mv01_m.jpg) 100% -0px no-repeat; background-size:cover;}
	.mv .slide_wrap .slide_ctn .item .bg02{background:url(../../images/mv02_m.jpg) 100% -0px no-repeat; background-size:cover;}
	.mv .slide_wrap .slide_ctn .item .bg03{background:url(../../images/mv03_m.jpg) 100% -0px no-repeat; background-size:cover;}
	.mv .slide_wrap .slide_ctn .item .bg04{background:url(../../images/mv04_m.jpg) 100% -0px no-repeat; background-size:cover;}

}

@media screen and (max-width: 480px){
    .mv .slide_wrap .slide_txt .item{height: 180px}
    .mv .slide_wrap .slide_txt .item p {font-weight:400; font-size:18px; color: #fff; position: absolute; left: 75px; bottom: 0;}
    .mv .slide_wrap .slide_txt .item .line_txt{font-weight:600; font-size:70px; color: rgba(255,255,255,.5); font-family: 'Kanit', sans-serif; position:absolute; top: 0; left: 0;}
    .mv .slide_wrap .slide_txt .item h2{font-size:80px;  top: 60px; left: 110px; letter-spacing: -5px; z-index: 0;}
    .mv .slide_wrap .slide_txt .item h2 span{display:inline-block; vertical-align: top;}
    .mv .slide_wrap .slide_txt .item:last-child h2{ font-size:70px; top: 70px; left: 20px; letter-spacing: 0px; }
    .mv .slide_wrap .slide_txt .item h3{font-weight:400; font-size:50px; color: transparent; -webkit-text-stroke: 1px #fff; overflow: hidden;  font-family: 'Kanit', sans-serif; position:absolute; top: 80px; left: 30px;  z-index: 1;}
    .mv .slide_wrap .slide_txt .item h3 span{display:inline-block; vertical-align: top;}
    .mv .slide_wrap .slide_txt .item:last-child h3{top: 0px; left: 190px; font-size:70px; }
    
	.news .n_list .n_slide .slick-list{margin-right:0px;}
	.news .n_list .n_slide .item{margin-right: 0px;}
    .news .n_list .n_slide .item .txt h3{font-size:15px; margin: 16px 0 10px; text-align: center; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; height: 47px;}
	.news .tit h2{font-size:35px;}    
    .news .tit h3{font-size:18px; padding-bottom: 10px }
    
    .biz .tit h3{font-size:18px; padding-bottom: 10px }
    .biz .tit h2{font-size:30px; margin-bottom:10px;}
    .main-ir__banner-inner {position:absolute;top:0;left:0;width:100%;height:100%;padding:30px 30px 30px 30px;}
    .title-xsmall {font-size:20px;line-height:1.4;}

    .main-business-con .main-tit-box .main-tit {font-size: 18px; padding-bottom: 10px;}
    .main-business-con .main-tit-box .main-sub-tit {font-size:35px;}    
    .main-slide-controls-box {top: 100px}
	.main-business-slide li {width:100%;margin: 0;}
    
    .bg_text_box .bg_text {font-size: 170px;}
    
    /* 공통 :: 슬라이드 컨트롤 */
    .main-slide-controls-box {top: 90px}
    .main-slide-controls-box .inner-box {display:flex; align-items:center;}
    .main-slide-controls-box .arrow {font-size:20px; color: #fff; }
    .main-slide-controls-box .count-box {display:flex; align-items:center; font-size:16px; color: #fff; margin:0 5px;font-family: 'Kanit', sans-serif;}
    .main-slide-controls-box .line {display:block; position:relative; width:135px; height:1px; background-color:rgba(255,255,255,0.3); }
    .main-slide-controls-box .line .bar {position:absolute; top:0; left:0; height:100%; background-color:#fff;}
    .main-slide-controls-box .cur-num {position:absolute; right: 30px; top: -8px;}
    .main-slide-controls-box .total-num {position:absolute; right: 30px; bottom: -8px; }
    
    .btn_area{font-size:0;position: absolute; right: 16px; top:20px; bottom: inherit;}
    .sBtn{display:inline-block;padding:0 5px; width:150px; height:40px; line-height:38px; border:1px solid rgba(255,255,255,.3); box-sizing:border-box; font-size:13px; text-transform:uppercase; color:#fff !important; border-radius:25px;  background-color: transparent; text-align: center;}
    
    
    .about .tab_box .main_board_latest li .date {color: #666666; font-size: 13px; font-family: 'Kanit', sans-serif; padding: 20px 0 10px}
    .about .tab_box .main_board_latest li .bo_tit {color: #111111; font-size: 15px; line-height: 25px;}

}

@media screen and (max-width: 420px){
    .mv .slide_wrap .slide_txt .item{height: 150px}
    .mv .slide_wrap .slide_txt .item p {font-weight:400; font-size:16px; color: #fff; position: absolute; left: 0px; bottom: 0;}
    .mv .slide_wrap .slide_txt .item .line_txt{font-weight:600; font-size:50px; color: rgba(255,255,255,.5); font-family: 'Kanit', sans-serif; position:absolute; top: 0; left: 0;}
    .mv .slide_wrap .slide_txt .item h2{font-size:60px;  top: 50px; left: 60px; letter-spacing: 0px; z-index: 0;}
    .mv .slide_wrap .slide_txt .item h2 span{display:inline-block; vertical-align: top;}
    .mv .slide_wrap .slide_txt .item:last-child h2{ font-size:50px; top: 55px; left: 0px; letter-spacing: 0px; }
    .mv .slide_wrap .slide_txt .item h3{font-weight:400; font-size:40px; color: transparent; -webkit-text-stroke: 1px #fff; overflow: hidden;  font-family: 'Kanit', sans-serif; position:absolute; top: 60px; left: 0px;  z-index: 1;}
    .mv .slide_wrap .slide_txt .item h3 span{display:inline-block; vertical-align: top;}
    .mv .slide_wrap .slide_txt .item:last-child h3{top: 0px; left: 140px; font-size:50px; }
    
    
    /* 공통 :: 슬라이드 컨트롤 */
    .main-slide-controls-box {top: 95px}
    .main-slide-controls-box .inner-box {display:flex; align-items:center;}
    .main-slide-controls-box .arrow {font-size:20px; color: #fff; }
    .main-slide-controls-box .count-box {display:flex; align-items:center; font-size:13px; color: #fff; margin:0 5px;font-family: 'Kanit', sans-serif;}
    .main-slide-controls-box .line {display:block; position:relative; width:100px; height:1px; background-color:rgba(255,255,255,0.3); }
    .main-slide-controls-box .line .bar {position:absolute; top:0; left:0; height:100%; background-color:#fff;}
    .main-slide-controls-box .cur-num {position:absolute; right: 30px; top: -10px; display: none;}
    .main-slide-controls-box .total-num {position:absolute; right: 30px; bottom: -10px; display: none;}
    

    .about .tab_box2 .section5_icon {text-align: left; padding: 50px 0 0; margin: 0; overflow: hidden; border-bottom:1px solid rgba(255,255,255,.1)}
    .about .tab_box2 .section5_icon img {width: 50px}
    .about .tab_box2 .section5_icon li p {font-size: 15px; padding: 20px 0 30px}
    .about .tab_box2 .section5_txt {font-size: 20px; color: #6390b9; margin: 50px 16px 0; padding-bottom: 50px; text-align: center;font-weight: 300;}
}