@import url("reset.css");

.main {width:100%; position:relative; overflow:hidden;}

.main .fade-in {opacity:0; transform:translateY(50px); transition:transform 0.7s linear, opacity 0.7s ease-in-out;}
.main .fade-in.action.on {opacity:1; transform:translateY(0);}

.main .visual {width:100%; height:960px; max-height: 100vh; position:relative;}
.main .visual .visual-slide {width:100%; height:100%;}
.main .visual .visual-slide .slide {width:100%; height:100%;}
.main .visual .visual-slide .slide .slide-wrap {width:100%; height:100%; position:relative;}
.main .visual .visual-slide .slide .slide-img {width:100%; height:960px; position:relative; overflow:hidden; background:#000}
.main .visual .visual-slide .slide .slide-img img {width:100%; position:absolute; left:50%; top:50%; -webkit-transform:scale(1.05) translate(-50%,-50%); -moz-transform:scale(1.05) translate(-50%,-50%); transform:scale(1.05) translate(-50%,-50%); transition:all 3s ease-in-out 0s; opacity:0.7}
.main .visual .visual-slide .slide .slide-txt {width:90%; max-width:1320px; height:960px; position:absolute; left:50%; top:0; display:table; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
.main .visual .visual-slide .slide .slide-txt .txt-wrap {width:100%; display:table-cell; vertical-align:middle;}
.main .visual .visual-slide .slide .slide-txt .txt-wrap h1 {font-family: 'DWImpactamin', 'DWImpactamin2'; font-size:60px; color:rgba(255,255,255,1); line-height:1.2; word-wrap:break-word; word-break:keep-all; margin-bottom:10px;}
.main .visual .visual-slide .slide .slide-txt .txt-wrap p {font-size:20px; line-height:1.4; color:rgba(255,255,255,1); word-wrap:break-word; word-break:keep-all; background:rgb(0, 0, 0, 0.7); display:inline-block; padding:10px 20px; border-radius:0 30px 0 30px;}
.main .visual .visual-slide .reset-animation .slide-img img {-webkit-transform:scale(1.05) translate(-50%,-50%); -moz-transform:scale(1.05) translate(-50%,-50%); transform:scale(1.05) translate(-50%,-50%); transition:all 0s ease-in-out;}
.main .visual .visual-slide {line-height:0 !important;}
.main .visual .visual-slide .slick-active .slide-img img {-webkit-transform:scale(1.0) translate(-50%,-50%); -moz-transform:scale(1.0) translate(-50%,-50%); transform:scale(1.0) translate(-50%,-50%); transition:all 7s ease-in-out;}
.main .visual .visual-control {width:40%; height:52px; background:url("/img/index/round_left_bg.png") left center no-repeat; background-size:auto 100%; position:absolute; right:0; bottom:0;}
.main .visual .visual-control:before {content:""; width:calc(100% - 100px); height:100%; background:rgba(250,250,250,1); position:absolute; right:0; top:0; z-index:0;}
.main .visual .visual-control .control-wrap {width:100%; text-align:center; font-size:0; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); box-sizing:border-box; padding:0 20px;}
.main .visual .visual-control .control-wrap > * {display:inline-block; vertical-align:middle; margin-left:10px;}
.main .visual .visual-control .control-wrap > *:nth-child(1) {margin-left:0;}
.main .visual .visual-control .control-wrap .slide-dot {font-size:0;}
.main .visual .visual-control .control-wrap .slide-dot li {display:inline-block; vertical-align:middle; margin-left:10px;}
.main .visual .visual-control .control-wrap .slide-dot li:nth-child(1) {margin-left:0;}
.main .visual .visual-control .control-wrap .slide-dot li a {width:15px; height:15px; border-radius:50%; background:rgba(240,240,240,1); font-size:14px; display:block;text-indent:-10000px; border:rgba(9,113,206,1) solid 1px; box-sizing:border-box}
.main .visual .visual-control .control-wrap .slide-dot li.active a {background:rgba(9,113,206,1);}
.main .visual .visual-control .control-wrap .btn-control {width:20px; height:30px; border:none; background:none; font-size:0; cursor:pointer;}
.main .visual .visual-control .control-wrap .btn-control.play {background:url("/img/index/play.png") center no-repeat;}
.main .visual .visual-control .control-wrap .btn-control.pause {background:url("/img/index/pause.png") center no-repeat;}
.main .visual.active .visual-slide .slide .slide-txt .txt-wrap h1.action.on {transition-duration:1.2s;}
.main .visual.active .visual-slide .slide .slide-txt .txt-wrap p.action.on {transition-duration:1.2s; transition-delay:0.4s;}


.main .section {width:100%; box-sizing:border-box; position:relative;}
.main .section > .inner {width:95%; max-width:1200px; margin:0 auto; position:relative;}
.main .section .section-title {margin-bottom:20px; position:relative; z-index:10;}
.main .section .section-title h2 {font-family: "NanumSquareRound"; font-size:40px; font-weight:800;}
.main .section .section-title .txt {font-size:18px; font-weight:400; line-height:1.4; word-wrap:break-word; word-break:keep-all; margin-top:10px;}
.main .section .section-title.ty-2 > * {color:#fff; text-align:center;}
.main .section .section-cont {position:relative; z-index: 15;}

.main .service {background:url("/img/index/bg_service.png") left bottom no-repeat; background-color:rgba(250,250,250,1); padding:150px 0 180px 0;}
.main .service .slide-box {width:100%; position:relative;}
.main .service .service-slide {margin-right:-100%; margin-top:50px;}
.main .service .service-slide .slide {box-sizing:border-box; position:relative;}
.main .service .service-slide .slide .slide-wrap {width:100%; height:100%; box-sizing:border-box; padding-left:180px; display:inline-block; transition:all 0.25s linear;}
.main .service .service-slide .slide .img-box {width:100%;}
.main .service .service-slide .slide .img-box img {display:block; max-width:100%;}
.main .service .service-slide .slide .txt-box {width:295px; height:345px; background:rgba(255,255,255,1); position:absolute; left:0; bottom:0; box-sizing:border-box; padding:40px; display:table; opacity:0; transition:opacity 0.5s ease-in-out;}
.main .service .service-slide .slide .txt-box .txt-wrap {display:table-cell; vertical-align:middle;}
.main .service .service-slide .slide .txt-box .icon {display:inline-block; font-size:0; margin-bottom:20px;}
.main .service .service-slide .slide .txt-box .icon img {height:63px;}
.main .service .service-slide .slide .txt-box h1, .main .service .service-slide .slide .txt-box .title {font-size:30px; font-weight:500;}
.main .service .service-slide .slide .txt-box .txt {font-size:15px; font-weight:300; line-height:1.4; word-wrap:break-word; word-break:keep-all; margin:10px 0 20px 0;}
.main .service .service-slide .slide .txt-box .btn-more {display:inline-block; padding-right:15px; position:relative; font-size:15px; font-weight:300; color:rgba(102,102,102,1);}
.main .service .service-slide .slide .txt-box .btn-more:before {content:""; width:6px; height:6px; border:solid rgba(102,102,102,1); border-width:1px 1px 0 0; position:absolute; right:2px; top:8px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.main .service .service-slide .slick-slide {margin:0 40px;}
.main .service .service-slide .slick-slide .img-box {-webkit-transform:translate(-180px, 70px); -moz-transform:translate(-180px, 70px); transform:translate(-180px, 70px); transition:transform 0.5s ease-in-out; background:rgba(255,255,255,1);}
.main .service .service-slide .slick-slide .img-box img {opacity:0.3;}
.main .service .service-slide .slick-slide.slick-current {padding:70px 0;}
.main .service .service-slide .slick-slide.slick-current .slide {}
.main .service .service-slide .slick-slide.slick-current .slide-wrap {padding-left:180px;}
.main .service .service-slide .slick-slide.slick-current .img-box {-webkit-transform:translateY(-70px); -moz-transform:translateY(-70px); transform:translateY(-70px);}
.main .service .service-slide .slick-slide.slick-current .img-box img {opacity:1;}
.main .service .service-slide .slick-slide.slick-current .txt-box {opacity:1;}
.main .service .service-slide-control {font-size:0; position:absolute; left:240px; bottom:70px;}
.main .service .service-slide-control .control {width:55px; height:35px; border:none; background:rgba(230,0,33,1); font-size:14px; cursor:pointer; display:inline-block; vertical-align:middle; color:#fff; text-indent:-10000px; position:relative}
.main .service .service-slide-control .control:before {content:""; width:6px; height:6px; border:solid rgba(255,255,255,1); border-width:1px 1px 0 0; position:absolute; position:absolute; top:14px; left:calc(50% - 4px);}
.main .service .service-slide-control .control.prev:before {-webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}
.main .service .service-slide-control .control.next:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.main .service .service-slide-dot {font-size:0; margin-top:-30px; padding:5px; background:#fafafa; border-radius:3px;}
.main .service .service-slide-dot li {display:inline-block; vertical-align:middle; margin-left:30px; position:relative;}
.main .service .service-slide-dot li:nth-child(1) {margin-left:0;}
.main .service .service-slide-dot li:before {content:""; width:1px; height:60%; border-left:1px solid rgba(0,0,0,0.3); position:absolute; left:-15px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .service .service-slide-dot li:nth-child(1):before {display:none;}
.main .service .service-slide-dot li button {font-family:'Noto Sans KR', sans-serif; font-size:15px; color:rgba(0,0,0,1); border:none; background:none; cursor:pointer;}


.main .customer {width:100%; height:674px; background:url("/img/index/customer_01.jpg") center no-repeat; background-size:cover; display:table; overflow:hidden; table-layout:fixed; position:relative; text-align:center;}
.main .customer > .inner {max-width:1920px; display:table-cell; vertical-align:middle; position:relative; z-index:10;}
.main .customer > .customerbg-wrap > .customer-bg {width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; opacity:0; -webkit-transform:scale(1.0); -moz-transform:scale(1.0); transform:scale(1.0); transition:all 1s ease-in-out;}
.main .customer > .customerbg-wrap > .customer-bg.active {opacity:1; -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}
.main .customer > .customerbg-wrap > #bg-1 {background:url("/img/index/customer_01.jpg") center no-repeat; background-size:cover;}
.main .customer > .customerbg-wrap > #bg-2 {background:url("/img/index/customer_02.jpg") center no-repeat; background-size:cover;}
.main .customer > .customerbg-wrap > #bg-3 {background:url("/img/index/customer_03.jpg") center no-repeat; background-size:cover;}
.main .customer > .customerbg-wrap > #bg-4 {background:url("/img/index/customer_04.jpg") center no-repeat; background-size:cover;}

/*.main .customer > .customer-bg {width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; opacity:0; -webkit-transform:scale(1.0); -moz-transform:scale(1.0); transform:scale(1.0); transition:all 1s ease-in-out;}
.main .customer > .customer-bg.active {opacity:1; -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}
.main .customer > #bg-1 {background:url("/img/index/customer_01.jpg") center no-repeat; background-size:cover;}
.main .customer > #bg-2 {background:url("/img/index/customer_02.jpg") center no-repeat; background-size:cover;}
.main .customer > #bg-3 {background:url("/img/index/customer_03.jpg") center no-repeat; background-size:cover;}
.main .customer > #bg-4 {background:url("/img/index/customer_04.jpg") center no-repeat; background-size:cover;}*/
.main .customer .customer-service {width:100%; font-size:0; text-align:center; margin-top:30px;}
.main .customer .customer-service li {display:inline-block; vertical-align:top; width:25%;}
.main .customer .customer-service li > a {width:367px; height:367px; margin:0 auto; display:table; position:relative; box-sizing:border-box; padding:60px; z-index:20;}
.main .customer .customer-service li > a:before {content:""; width:100%; height:100%; background:url("/img/index/circle.png") center no-repeat; background-size:cover; position:absolute; left:0; top:0; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); transform:scale(0.9); opacity:0; transition:all 0.3s ease-in-out;}
.main .customer .customer-service li > a .txt-box {color:#fff; position:relative; display:table-cell; vertical-align:middle;}
.main .customer .customer-service li > a .txt-box h1, .main .customer .customer-service li > a .txt-box .title {font-size:25px; font-weight:500; margin-bottom:20px; word-wrap:break-word; word-break:keep-all; color:#fff; opacity:0; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transform:translateY(30px); transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.main .customer .customer-service li > a .txt-box .txt {font-size:15px; font-weight:400; line-height:1.4; word-wrap:break-word; word-break:keep-all; position:relative; opacity:0;-webkit-transform:translateY(30px); -moz-transform:translateY(30px); transform:translateY(30px); transition:transform 0.5s ease-in-out 0.2s, opacity 0.5s ease-in-out 0.2s;}
.main .customer .customer-service li > a .txt-box .btn-more {width:0; height:0; border-radius:50%; background:rgba(230,0,33,1); position:relative; margin:0 auto; margin-top:20px; font-size:0; opacity:0; transition:all 0.3s ease-in-out;}
.main .customer .customer-service li > a .txt-box .btn-more:before,
.main .customer .customer-service li > a .txt-box .btn-more:after {content:""; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:0; transition:all 0.3s ease-in-out;}
.main .customer .customer-service li > a .txt-box .btn-more:before {width:1px; height:30%; border-left:1px solid rgba(255,255,255,1);}
.main .customer .customer-service li > a .txt-box .btn-more:after {width:30%; height:1px; border-top:1px solid rgba(255,255,255,1);}
.main .customer .customer-service li > a:hover:before {-webkit-transform:scale(1.0); -moz-transform:scale(1.0); transform:scale(1.0); opacity:1;}
.main .customer .customer-service li > a:hover .txt-box .btn-more {width:50px; height:50px; opacity:1;}
.main .customer .customer-service li > a .txt-box .btn-more:before,
.main .customer .customer-service li > a .txt-box .btn-more:after {opacity:1;}
.main .customer .customer-service li:before {content:""; width:400%; height:674px; position:absolute; left:0; top:-209px; z-index:-1; opacity:0; -webkit-transform:scale(1.0); -moz-transform:scale(1.0); transform:scale(1.0); transition:all 1s ease-in-out;}
/*.main .customer .customer-service li.active:before {opacity:1; -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}
.main .customer .customer-service li:nth-child(1):before {background:url("/img/index/customer_01.jpg") center no-repeat; background-size:cover;}
.main .customer .customer-service li:nth-child(2):before {background:url("/img/index/customer_02.jpg") center no-repeat; background-size:cover;}
.main .customer .customer-service li:nth-child(3):before {background:url("/img/index/customer_03.jpg") center no-repeat; background-size:cover;}
.main .customer .customer-service li:nth-child(4):before {background:url("/img/index/customer_04.jpg") center no-repeat; background-size:cover;}*/
.main .customer .customer-service li:nth-child(1) {transition-delay:0;}
.main .customer .customer-service li:nth-child(2) {transition-delay:0.2s;}
.main .customer .customer-service li:nth-child(3) {transition-delay:0.4s;}
.main .customer .customer-service li:nth-child(4) {transition-delay:0.6s;}
.main .customer.active .customer-service li.action.on > a .txt-box h1, .main .customer.active .customer-service li.action.on > a .txt-box .title {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
.main .customer.active .customer-service li.action.on > a .txt-box .txt {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}


.main .notice {width:100%; box-sizing:border-box; padding:80px 0 150px 0; background:#fafafa;}
.main .notice .cont-wrap {width:100%; font-size:0; margin-top:20px;}
.main .notice .cont-wrap > * {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative;}
.main .notice .cont-wrap .box-notice {width:calc(100% - 420px);}
.main .notice .cont-wrap .box-notice .current-tb {width:100%; border-top:1px solid #000;}
.main .notice .cont-wrap .box-notice .current-tb .tr {width:100%; box-sizing:border-box; padding:15px 0; font-size:0; border-bottom:1px solid #e1e1e1;}
.main .notice .cont-wrap .box-notice .current-tb .tr .td {display:inline-block; vertical-align:top; box-sizing:border-box;}
.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-date {width:120px; font-size:16px; font-weight:400; text-align:center;}
.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont {width:calc(100% - 120px);}
.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl {width:100%; font-size:0;}
.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl > * {display:inline-block; vertical-align:middle; box-sizing:border-box;}
.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl > * a {font-size:18px; font-weight:500;}
.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl dt.category {width:70px;}
.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl dt.category span.ty-1 {color:#e92a30;}
.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl dt.category span.ty-2 {color:#006ab6;}
.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl dd.subject {width:calc(100% - 70px);}
.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl dd.subject a p {display:inline-block; vertical-align:top; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont .txt-box {width:100%; max-height:45px; font-size:15px; font-weight:300; color:#666; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; margin-top:10px;}
.main .notice .cont-wrap .box-notice .btn-more {width:125px; height:35px; box-sizing:border-box; background:#fff; border:1px solid #ccc; text-align:center; position:absolute; right:0; top:-55px;}
.main .notice .cont-wrap .box-notice .btn-more a {display:block; width:100%; height:100%; position:relative; z-index:10;}
.main .notice .cont-wrap .box-notice .btn-more p {font-size:14px; line-height:33px; color:#000; font-weight:300; color:#000; display:inline-block; box-sizing:border-box; padding-right:15px; position:relative;}
.main .notice .cont-wrap .box-notice .btn-more p:before, .main .notice .cont-wrap .box-notice .btn-more p:after {content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .notice .cont-wrap .box-notice .btn-more p:before {width:9px; height:1px; border-top:1px solid #000; right:0;}
.main .notice .cont-wrap .box-notice .btn-more p:after {width:1px; height:9px; border-left:1px solid #000; right:3px;}
.main .notice .cont-wrap .box-banner {width:370px; margin-left:50px;}
.main .notice .cont-wrap .box-banner ul li {width:100%; position: relative;}
.main .notice .cont-wrap .box-banner ul li a:focus-visible:before {content:""; outline: auto; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.main .notice .cont-wrap .box-banner ul li img {display:block; margin:0 auto; max-width:100%;}
.main .notice .cont-wrap .box-banner .slick-dots {width:100%; font-size:0; margin-top:20px;}
.main .notice .cont-wrap .box-banner .slick-dots li {display:inline-block; vertical-align:middle; margin-left:5px; width:calc(((100% - 20px) / 5) - 1px); max-width:25px;}
.main .notice .cont-wrap .box-banner .slick-dots li button {width:100%; height:5px; background:#666; border:none; font-size:0; cursor:pointer;}
.main .notice .cont-wrap .box-banner .slick-dots li:nth-child(1) {margin-left:0;}
.main .notice .cont-wrap .box-banner .slick-dots li.slick-active button {background:#e7141a;}


.main .link {width:100%; padding:60px 0 180px 0;}
.main .link:before, .main .link:after {content:""; height:52px; position:absolute; left:0; top:-52px;}
.main .link:before {width:40%; background:url("/img/index/round_right_bg.png") right center no-repeat; background-size:auto 100%;}
.main .link:after {width:calc(40% - 100px); background:#fff;}
.main .link .cont-wrap {width:100%; font-size:0;}
.main .link .cont-wrap > * {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative; width:50%;}
.main .link .cont-wrap .box-video .video-wrap {width:100%; height:0; padding-bottom:calc(338 / 600 * 100%); position:relative; overflow:hidden; background:#000;}
.main .link .cont-wrap .box-video .video-wrap iframe {width:100%; height:100%; position:absolute; left:0; top:0;}
.main .link .cont-wrap .box-video .video-wrap video {width: 100%; height: 100%; position:absolute; left:0; top:0;}
.main .link .cont-wrap .box-video .txt-box {width:100%; height:240px; background:rgba(250,250,250,1); box-sizing:border-box; padding:30px 20px;}
.main .link .cont-wrap .box-video .txt-box .txt-wrap {width:100%; height:100%; font-size:15px; line-height:1.6; word-wrap:break-word; word-break:keep-all; overflow-y:auto;}
.main .link .cont-wrap .box-gnb {padding-left:30px;}
.main .link .cont-wrap .box-gnb ul {width:100%; font-size:0; text-align:center; margin-top:-30px; display: flex; flex-wrap:wrap; justify-content: center;}
.main .link .cont-wrap .box-gnb ul li {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:25%; padding:0 10px; margin-top:60px; opacity:0; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transform:translateY(30px); transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.main .link .cont-wrap .box-gnb ul li .icon {width:100%; height:100px; background:red; display:inline-block; margin-bottom:30px;}
.main .link .cont-wrap .box-gnb ul li .icon.organization {background:url("/img/index/icon_organization.png") center no-repeat; background-size:auto 79px;}
.main .link .cont-wrap .box-gnb ul li .icon.faq {background:url("/img/index/icon_faq.png") center no-repeat; background-size:auto 79px;}
.main .link .cont-wrap .box-gnb ul li .icon.system {background:url("/img/index/icon_system.png") center no-repeat; background-size:auto 79px;}
.main .link .cont-wrap .box-gnb ul li .icon.loaction {background:url("/img/index/icon_map.png") center no-repeat; background-size:auto 79px;}
.main .link .cont-wrap .box-gnb ul li .icon.greeting {background:url("/img/index/icon_greeting.png") center no-repeat; background-size:auto 79px;}
.main .link .cont-wrap .box-gnb ul li .icon.management {background:url("/img/index/icon_management.png") center no-repeat; background-size:auto 79px;}
.main .link .cont-wrap .box-gnb ul li .icon.report {background:url("/img/index/icon_report.png") center no-repeat; background-size:auto 79px;}
.main .link .cont-wrap .box-gnb ul li .icon.alarm {background:url("/img/index/icon_alarm.png") center no-repeat; background-size:auto 79px;}
.main .link .cont-wrap .box-gnb ul li p {font-size:18px; font-weight:400;}
.main .link .cont-wrap .box-gnb ul li:nth-child(1) {transition-delay:0;}
.main .link .cont-wrap .box-gnb ul li:nth-child(2) {transition-delay:0.2s;}
.main .link .cont-wrap .box-gnb ul li:nth-child(3) {transition-delay:0.4s;}
.main .link .cont-wrap .box-gnb ul li:nth-child(4) {transition-delay:0.6s;}
.main .link .cont-wrap .box-gnb ul li:nth-child(5) {transition-delay:0.8s;}
.main .link .cont-wrap .box-gnb ul li:nth-child(6) {transition-delay:1s;}
.main .link.active .section-cont.action.on .cont-wrap .box-gnb ul li {opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}

/* 홍보영상 대본 아코디언 */
.main .link .cont-wrap .box-video .box-video-script {width:100%; margin-top:10px; margin-bottom:10px; box-sizing:border-box;}
.main .link .cont-wrap .box-video .box-video-script .btn-script-toggle {width:100%; background:#2c3e50; color:#fff; font-size:13px; font-weight:500; padding:8px 14px; border:none; border-radius:4px; text-align:left; cursor:pointer; display:flex; justify-content:space-between; align-items:center; box-sizing:border-box;}
.main .link .cont-wrap .box-video .box-video-script .btn-script-toggle:focus-visible {outline:3px solid #000; outline-offset:2px;}
.main .link .cont-wrap .box-video .box-video-script .btn-script-toggle i {display:inline-block; width:6px; height:6px; border:solid #fff; border-width:0 2px 2px 0; padding:0; transform:rotate(45deg); transition:transform 0.3s ease;}
.main .link .cont-wrap .box-video .box-video-script .btn-script-toggle[aria-expanded="true"] i {transform:rotate(-135deg);}
.main .link .cont-wrap .box-video .box-video-script .video-script-content {background:#f8f9fa; border:1px solid #dee2e6; border-radius:4px; margin-top:6px; padding:12px 15px; max-height:220px; overflow-y:auto; box-sizing:border-box;}
.main .link .cont-wrap .box-video .box-video-script .video-script-content .script-inner h4 {font-size:14px; font-weight:700; color:#111; margin-bottom:10px; border-bottom:1px solid #2c3e50; padding-bottom:6px;}
.main .link .cont-wrap .box-video .box-video-script .video-script-content .script-inner p {font-size:13px; line-height:1.6; color:#333; margin-bottom:8px; word-break:keep-all;}
.main .link .cont-wrap .box-video .box-video-script .video-script-content .script-inner p strong {color:#0056b3;}
.main .link .cont-wrap .box-video .box-video-script .video-script-content .script-inner p em {font-style:normal; color:#666; font-size:12px; margin-left:4px;}



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

	.main .visual .visual-slide .slide .slide-img img {width:auto; height:960px;}

}


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

	.main .customer .customer-service li > a {width:280px; height:280px; padding:50px;}
	.main .customer .customer-service li > a .txt-box h1, .main .customer .customer-service li > a .txt-box .title {font-size:22px;}
	.main .customer .customer-service li > a .txt-box .txt {font-size:14px;}
	.main .customer .customer-service li > a .txt-box .txt .br {display:inline-block;}
	.main .customer .customer-service li > a .txt-box .btn-more {margin-top:15px;}
	.main .customer .customer-service li > a:hover .txt-box .btn-more {width:40px; height:40px;}
	.main .customer .customer-service li:before {top:-252px;}
	.main .customer .customer-service li:nth-child(4) > a .txt-box h1, .main .customer .customer-service li:nth-child(4) > a .txt-box .title {padding:0 25px;}

}


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

	.main .customer {height:800px;}
	.main .customer .customer-service li {width:50%;}
	.main .customer .customer-service li:before {height:800px; top:-175px;}

}


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

	.main .visual {height:750px;}
	.main .visual .visual-slide .slide .slide-img {height:750px;}
	.main .visual .visual-slide .slide .slide-img img {height:750px;}
	.main .visual .visual-slide .slide .slide-txt {height:750px;}
	.main .visual .visual-slide .slide .slide-txt .txt-wrap h1 {font-size:52px;}
	.main .visual .visual-slide .slide .slide-txt .txt-wrap p {font-size:18px;}
	.main .visual .visual-control {width:calc(50% - 85px);}

	.main .section .section-title h2 {font-size:36px;}
	.main .section .section-title .txt {font-size:16px;}

	.main .service {background-size:auto 100%; padding:130px 0 150px 0;}
	.main .service .service-slide {width:100%; margin:0 auto; margin-top:40px;}
	.main .service .service-slide .slick-slide {margin:0 30px;}

	.main .notice {padding:70px 0 130px 0;}
	.main .notice .cont-wrap .box-notice {width:calc(100% - 330px);}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-date {width:90px; font-size:15px;}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont {width:calc(100% - 90px);}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl > * a {font-size:17px;}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl dt.category {width:65px;}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl dd.subject {width:calc(100% - 65px);}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont .txt-box {max-height:40px; font-size:14px; margin-top:8px;}
	.main .notice .cont-wrap .box-notice .btn-more {width:110px;}
	.main .notice .cont-wrap .box-banner {width:300px; margin-left:30px;}

	.main .link {padding:50px 0 150px 0;}
	.main .link .cont-wrap .box-video .txt-box {padding:20px 10px;}
	.main .link .cont-wrap .box-video .txt-box .txt-wrap {font-size:14px;}
	.main .link .cont-wrap .box-gnb {padding-left:30px;}
	.main .link .cont-wrap .box-gnb ul {margin-top:-25px;}
	.main .link .cont-wrap .box-gnb ul li {width:33.33%; padding:0 10px; margin-top:50px;}
	.main .link .cont-wrap .box-gnb ul li .icon {height:90px; margin-bottom:20px;}
	.main .link .cont-wrap .box-gnb ul li .icon.organization,
	.main .link .cont-wrap .box-gnb ul li .icon.faq,
	.main .link .cont-wrap .box-gnb ul li .icon.system,
	.main .link .cont-wrap .box-gnb ul li .icon.loaction,
	.main .link .cont-wrap .box-gnb ul li .icon.greeting,
	.main .link .cont-wrap .box-gnb ul li .icon.management {background-size:auto 65px;}
	.main .link .cont-wrap .box-gnb ul li p {font-size:16px;}


}

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

	.main .visual {height:600px;}
	.main .visual .visual-slide .slide .slide-img {height:600px;}
	.main .visual .visual-slide .slide .slide-img img {height:600px;}
	.main .visual .visual-slide .slide .slide-txt {height:600px;}
	.main .visual .visual-slide .slide .slide-txt .txt-wrap h1 {font-size:42px;}
	.main .visual .visual-slide .slide .slide-txt .txt-wrap p {font-size:16px;}
	.main .visual .visual-control {width:70%; height:50px;}
	.main .visual .visual-control .control-wrap .btn-control {width:17px; height:22px;}
	.main .visual .visual-control .control-wrap .btn-control.play,
	.main .visual .visual-control .control-wrap .btn-control.pause {background-size:auto 100%;}

	.main .section .section-title h2 {font-size:32px;}
	.main .section .section-title .txt {font-size:14px;}

	.main .service {padding:130px 0 150px 0; background-position:left bottom;}
	.main .service .service-slide {width:100%; max-width:682px; margin:0 auto; margin-top:40px;}
	.main .service .service-slide .slide {width:100% !important; box-sizing:border-box;}
	.main .service .service-slide .slide .slide-wrap {padding-left:0;}
	.main .service .service-slide .slide .txt-box {width:80%; height:200px; text-align:center; left:50%; padding:20px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
	.main .service .service-slide .slide .txt-box .icon {margin-bottom:10px;}
	.main .service .service-slide .slide .txt-box .icon img {height:40px;}
	.main .service .service-slide .slide .txt-box h1, .main .service .service-slide .slide .txt-box .title {font-size:22px;}
	.main .service .service-slide .slide .txt-box .txt {font-size:14px; margin:10px 0 20px 0;}
	.main .service .service-slide .slide .txt-box .btn-more {padding-right:15px; font-size:14px;}
	.main .service .service-slide .slide .txt-box .btn-more:before {width:5px; height:5px; top:8px;}
	.main .service .service-slide .slick-slide {margin:0;}
	.main .service .service-slide .slick-slide .img-box {-webkit-transform:translate(0, 50px); -moz-transform:translate(0, 50px); transform:translate(0, 50px);}
	.main .service .service-slide .slick-slide.slick-current {padding:100px 0 50px 0;}
	.main .service .service-slide .slick-slide.slick-current .slide-wrap {padding-left:0;}
	.main .service .service-slide .slick-slide.slick-current .img-box {-webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); transform:translateY(-100px);}
	.main .service .service-slide-control {left:auto; right:0; bottom:auto; top:-50px;}
	.main .service .service-slide-dot {margin-top:-20px; text-align:center;}
	.main .service .service-slide-dot li {margin-left:30px;}
	.main .service .service-slide-dot li button {font-size:14px;}

	.main .customer {height:700px;}
	.main .customer .customer-service li > a {width:240px; height:240px; padding:40px;}
	.main .customer .customer-service li > a .txt-box h1, .main .customer .customer-service li > a .txt-box .title {font-size:18px;}
	.main .customer .customer-service li > a .txt-box .txt {font-size:13px;}
	.main .customer .customer-service li > a .txt-box .btn-more {margin-top:10px;}
	.main .customer .customer-service li > a:hover .txt-box .btn-more {width:35px; height:35px;}
	.main .customer .customer-service li:before {height:700px; top:-160px;}

	.main .notice .cont-wrap .box-notice {width:100%;}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-date {width:90px; font-size:14px; padding-top:2px;}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont {width:calc(100% - 90px);}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl > * a {font-size:16px;}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl dt.category {width:62px;}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl dd.subject {width:calc(100% - 62px);}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont .txt-box {max-height:40px; font-size:13px; margin-top:5px;}
	.main .notice .cont-wrap .box-notice .btn-more {width:120px;}
	.main .notice .cont-wrap .box-notice .btn-more p {font-size:13px; padding-right:15px;}
	.main .notice .cont-wrap .box-banner {width:100%; max-width:370px; margin-left:0; margin:0 auto; margin-top:30px; display:block;}
	.main .notice .cont-wrap .box-banner .slick-dots {text-align:center;}

	.main .link {padding:50px 0 130px 0;}
	.main .link:before, .main .link:after {height:50px; top:-50px;}
	.main .link:before {width:70%;}
	.main .link:after {width:calc(70% - 100px);}
	.main .link .section-title h2 .br {display:inline-block;}
	.main .link .cont-wrap > * {width:100%; display:block;}
	.main .link .cont-wrap .box-video .txt-box {height:200px; padding:20px 20px;}
	.main .link .cont-wrap .box-video .txt-box .txt-wrap {font-size:14px;}
	.main .link .cont-wrap .box-gnb {padding-left:0;}


}

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

	.main .customer {height:auto; padding:80px 0; background:none; display:block;}
	.main .customer > .inner {width:100%; display:block;}
	.main .customer .section-title.ty-2 > * {color:#000;}
	.main .customer .customer-service {max-width:367px; margin:0 auto; margin-top:30px;}
	.main .customer .customer-service li {width:100%; height:0; padding-bottom:100%; box-sizing:border-box; position:relative; display:block;}
	.main .customer .customer-service li > a {width:80%; height:80%; box-sizing:border-box; display:block; position:absolute; left:50%; top:50%; padding:60px; transform:translate(-50%,-50%);}
	.main .customer .customer-service li > a:before {transition:all 0.5s ease-in-out 0.1s;}
	.main .customer .customer-service li > a .txt-box {width:100%; display:block; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	.main .customer .customer-service li > a .txt-box .txt .br {display:block;}
	.main .customer .customer-service li > a .txt-box .btn-more {transition:all 0.5s ease-in-out 0.1s;}	
	.main .customer .customer-service li > a:hover:before {transform:none;}
	.main .customer .customer-service .slick-slide.slick-current li > a:before {-webkit-transform:scale(1.0); -moz-transform:scale(1.0); transform:scale(1.0); opacity:1;}
	.main .customer .customer-service .slick-slide.slick-current li > a .txt-box .btn-more {width:35px; height:35px; opacity:1;}
	.main .customer .customer-service .slick-slide.slick-current li > a .txt-box .btn-more:before,
	.main .customer .customer-service .slick-slide.slick-current li > a .txt-box .btn-more:after {opacity:1;}
	.main .customer .customer-service li:before {width:100%; height:100%; left:0; top:0; z-index:0; opacity:1;}
	.main .customer .customer-service .slick-slide[data-slick-index='0'] li:before {background:url("/img/index/customer_01.jpg") center no-repeat; background-size:cover;}
	.main .customer .customer-service .slick-slide[data-slick-index='1'] li:before {background:url("/img/index/customer_02.jpg") center no-repeat; background-size:cover;}
	.main .customer .customer-service .slick-slide[data-slick-index='2'] li:before {background:url("/img/index/customer_03.jpg") center no-repeat; background-size:cover;}
	.main .customer .customer-service .slick-slide[data-slick-index='3'] li:before {background:url("/img/index/customer_04.jpg") center no-repeat; background-size:cover;}
	.main .customer .customer-service .slick-dots {width:100%; font-size:0; text-align:center; margin-top:20px;}
	.main .customer .customer-service .slick-dots li {display:inline-block; vertical-align:middle; width:auto; height:auto; padding:0; margin-left:10px;}
	.main .customer .customer-service .slick-dots li:nth-child(1) {margin-left:0;}
	.main .customer .customer-service .slick-dots li:before {display:none;}
	.main .customer .customer-service .slick-dots li button {width:10px; height:10px; border-radius:50%; background:rgba(240,240,240,1); border:none; cursor:pointer; font-size:0; padding:0;}
	.main .customer .customer-service .slick-dots li.slick-active button {background:rgba(230,0,33,1);}

}

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

	.main .visual {height:350px;}
	.main .visual .visual-slide .slide .slide-img {height:350px;}
	.main .visual .visual-slide .slide .slide-img img {height:350px;}
	.main .visual .visual-slide .slide .slide-txt {height:350px;}
	.main .visual .visual-slide .slide .slide-txt .txt-wrap h1 {font-size:28px;}
	.main .visual .visual-slide .slide .slide-txt .txt-wrap p {font-size:13px;}
	.main .visual .visual-control {height:35px;}
	.main .visual .visual-control .control-wrap {text-align:right;}
	.main .visual .visual-control .control-wrap .btn-control {width:12px; height:15px;}

	.main .section .section-title {margin-bottom:10px;}
	.main .section .section-title h2 {font-size:25px;}
	.main .section .section-title .txt {font-size:13px; margin-top:5px;}

	.main .service {padding:80px 0 100px 0;}
	.main .service .service-slide {margin-top:30px;}
	.main .service .service-slide .slide .txt-box {height:170px; padding:10px;}
	.main .service .service-slide .slide .txt-box .icon {margin-bottom:5px;}
	.main .service .service-slide .slide .txt-box .icon img {height:30px;}
	.main .service .service-slide .slide .txt-box h1, .main .service .service-slide .slide .txt-box .title {font-size:18px;}
	.main .service .service-slide .slide .txt-box .txt {font-size:12px; margin:5px 0 5px 0;}
	.main .service .service-slide .slide .txt-box .btn-more {padding-right:12px; font-size:13px;}
	.main .service .service-slide .slide .txt-box .btn-more:before {top:7px;}
	.main .service .service-slide .slick-slide .img-box {-webkit-transform:translate(0, 30px); -moz-transform:translate(0, 30px); transform:translate(0, 30px);}
	.main .service .service-slide .slick-slide.slick-current {padding:80px 0 30px 0;}
	.main .service .service-slide .slick-slide.slick-current .slide-wrap {padding-left:0;}
	.main .service .service-slide .slick-slide.slick-current .img-box {-webkit-transform:translateY(-80px); -moz-transform:translateY(-80px); transform:translateY(-80px);}
	.main .service .service-slide-control {top:-40px;}
	.main .service .service-slide-control .control {width:50px; height:30px;}
	.main .service .service-slide-control .control:before {width:5px; height:5px; top:12px;}
	.main .service .service-slide-dot {margin-top:-20px; text-align:center;}
	.main .service .service-slide-dot li {margin-left:20px;}
	.main .service .service-slide-dot li:before {left:-10px;}
	.main .service .service-slide-dot li button {font-size:13px;}

	.main .customer {padding:60px 0;}
	.main .customer .customer-service li > a .txt-box h1, .main .customer .customer-service li > a .txt-box .title {font-size:16px;}
	.main .customer .customer-service li > a .txt-box .txt {font-size:12px;}
	.main .customer .customer-service li > a .txt-box .btn-more {margin-top:8px;}
	.main .customer .customer-service li > a:hover .txt-box .btn-more {width:30px; height:30px;}

	.main .notice {padding:50px 0 100px 0;}
	.main .notice .cont-wrap {margin-top:15px;}
	.main .notice .cont-wrap .box-notice .current-tb .tr {padding:12px 0;}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-date {width:75px; font-size:13px;}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont {width:calc(100% - 75px);}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl > * a {font-size:15px;}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl dt.category {width:58px;}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont dl dd.subject {width:calc(100% - 58px);}
	.main .notice .cont-wrap .box-notice .current-tb .tr .td.fd-cont .txt-box {max-height:35px; font-size:12px;}
	.main .notice .cont-wrap .box-notice .btn-more {width:85px; height:30px; top:-45px;}
	.main .notice .cont-wrap .box-notice .btn-more p {font-size:11px; padding-right:10px; line-height:28px;}
	.main .notice .cont-wrap .box-notice .btn-more p:before {width:7px;}
	.main .notice .cont-wrap .box-notice .btn-more p:after {height:7px; right:2px;}
	.main .notice .cont-wrap .box-banner {margin-top:20px;}

	.main .link {padding:40px 0 100px 0;}
	.main .link:before, .main .link:after {height:35px; top:-35px;}
	.main .link .cont-wrap .box-video .txt-box {height:150px; padding:20px 10px;}
	.main .link .cont-wrap .box-video .txt-box .txt-wrap {font-size:12px;}
	.main .link .cont-wrap .box-gnb ul {margin-top:-25px;}
	.main .link .cont-wrap .box-gnb ul li {margin-top:40px;}
	.main .link .cont-wrap .box-gnb ul li .icon {height:80p
	x; margin-bottom:10px;}
	.main .link .cont-wrap .box-gnb ul li .icon.organization,
	.main .link .cont-wrap .box-gnb ul li .icon.faq,
	.main .link .cont-wrap .box-gnb ul li .icon.system,
	.main .link .cont-wrap .box-gnb ul li .icon.loaction,
	.main .link .cont-wrap .box-gnb ul li .icon.greeting,
	.main .link .cont-wrap .box-gnb ul li .icon.management {background-size:auto 55px;}
	.main .link .cont-wrap .box-gnb ul li p {font-size:15px;}

}