@charset "utf-8";

/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 
* @ 작성일     : 2022-03-02
************************** 수정이력 **************************************
* 날짜                     작업자                 변경내용
* 2022-03-02             XXX                  최초작성
**************************************************************************/


* {box-sizing: border-box;}
html{font-size:100px;height: 100%;}
body{overflow: inherit;height: 100%}
body.on{overflow: hidden;}
.layout{margin:0 auto;max-width:1188px;}
#wrap{height: 100%;}
.no-data{width:100%;padding:40px 0;text-align: center;color:#444;font-size:16px;}
.Montserrat{font-family: 'Gotham';}
.NanumBarunGothic{font-family: 'NanumBarunGothic';}
.Gotham{font-family: 'Gotham';}
.GmarketSans{font-family: 'GmarketSans';}
/* color style */

.tc_red{color:#ec5b2c;}
.br_pc{display:block;}

.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}

.filebox label {width:107px; height:36px; background:#818181; color:#fff; font-size:16px; text-align:center;line-height:36px; display:inline-block; vertical-align:bottom;}

/* named upload */
.filebox .upload-name {display: inline-block;padding: .5em .75em;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #f5f5f5;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;-webkit-appearance: none;-moz-appearance: none;appearance: none;}


/* dl style */
.dl-style1{}
.dl-style1 dt{clear:left;float:left;}
.dl-style1 dd{width:100%;}
.dl-style1 dd:after {content: "";display: table;clear: both;}

.tab{margin-top:50px;display: flex;}
.tab a{flex:1;display: inline-block;text-align:center;border:1px solid #d9d9d9;font-size: 18px;color:#a6a6a6;line-height: 46px;margin-left: -1px;}
.tab a.on{border-color:#ec5b2c;background: #ec5b2c;color:#fff;}

div.page{text-align:center; margin-top:30px;}
div.page a {display:inline-block; border:1px solid #dddddd; width:36px; height:35px; vertical-align:middle; line-height:35px;}
div.page a.on{background:#ec5b2c; color:#fff;}
div.page a.first{margin-right:-4px; border-right:none;}
div.page a.last{margin-left:-4px; border-left:none;}
div.page a.prev{margin-right:10px;}
div.page a.next{margin-left:10px;}

header{position:fixed;top:0;left:0;width:100%;padding:28px 40px;z-index: 100;border-bottom: 1px solid #fff;}
header .logo{display: inline-block;width:94px;height: 52px;background: url(https://wiseonmedia.speedgabia.com/en/images/common/logo2.png) no-repeat;background-size: cover;}
header  .nav-icon {position: absolute;top:40px;right:40px;display:inline-block;width:34px;height:28px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;z-index: 1000;}
header .nav-icon span {display: block;position: absolute;width: 100%;height:3px;background: #000;opacity: 1;left:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;border-radius: 15px;}
header .nav-icon span:nth-child(1) {top: 0;}
header .nav-icon span:nth-child(2),
header .nav-icon span:nth-child(3) {top: 50%;margin-top: -1.5px;}
header .nav-icon span:nth-child(4) {bottom: 0;}
header .nav-icon.open {position:absolute;z-index: 9999;}
header .nav-icon.open span {background: #000;}
header .nav-icon.open span:nth-child(1) {top:0;width: 0%;left: 50%;}
header .nav-icon.open span:nth-child(2),
header .nav-icon.open span:nth-child(3) {width:100%;}
header .nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
header .nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
header .nav-icon.open span:nth-child(4) {top: 18px;left: 50%;width: 0%;}
header .gnb{display:none;position:absolute;top:115px;left:0;width:100%;background: #fff;padding:80px 40px 65px;text-align: right;}
header .gnb > a{display: block;font-size: 34px;color:#5a5a5a;font-family: 'Gotham';margin-top:30px;font-weight: 400;}
header .gnb > a:first-child{margin-top:0;}
header .gnb .sns-box{position:relative;margin-top:55px;}
header .gnb .sns-box:before{content: "";position:absolute;top:12px;left:0;display: inline-block;width:calc(100% - 300px);height: 1px;background: #acacac;}
header .gnb .sns-box a{position:relative;display: inline-block;vertical-align: middle;margin-left:40px;}
header .gnb .sns-box a:before{content: "";position:absolute;top:5px;left:-20px;display: inline-block;width:1px;height: 15px;background:#f5ad95; }
header .gnb .sns-box a:first-child{margin-left:0;}
header .gnb .sns-box a:first-child:before{display: none;}
header.active{background: #fff;border-color:#acacac;}
header.active .logo{background: url(https://wiseonmedia.speedgabia.com/en/images/common/logo2.png) no-repeat;background-size: cover;}
header.fixed{background: #fff;border-color:#acacac;}
header .lang {float:right; margin-top:15px; margin-right:68px; font-size:19px; font-weight:900; color:#000;}

.sub header{background: #fff;border-color:#acacac;}
.sub header .logo{background: url(https://wiseonmedia.speedgabia.com/en/images/common/logo2.png) no-repeat;background-size: cover;}
.sub header .nav-icon span{background: #000;}

footer{padding:35px 0 50px;background:#1b1b1b;}
footer .layout{display: flex;}
footer .layout .footer-logo{display: inline-block;}
footer .layout .footer-info{display: inline-block;padding-left:25px;width:calc(100% - 95px);}
footer .layout .footer-info .footer-top{display: flex;justify-content: space-between;}
footer .layout .footer-info .footer-top nav{font-size:0;padding-top:5px;}
footer .layout .footer-info .footer-top nav a{position:relative;margin-left:40px;display: inline-block;font-size: 14px;color:#fff;font-family: 'NanumBarunGothic';}
footer .layout .footer-info .footer-top nav a:before{content: "";position:absolute;top:4px;left:-20px;display: inline-block;width:1px;height: 12px;background: #fff;}
footer .layout .footer-info .footer-top nav a:first-child:before{display: none;}
footer .layout .footer-info .footer-top nav a:first-child{margin-left:0;}
footer .layout .footer-info .footer-top .sns-box{font-size: 0;}
footer .layout .footer-info .footer-top .sns-box a{position:relative;display: inline-block;vertical-align: middle;margin-left:23px;}
footer .layout .footer-info .footer-top .sns-box a:before{content: "";position:absolute;top:1px;left:-12px;display: inline-block;width:1px;height: 13px;background:#494949; }
footer .layout .footer-info .footer-top .sns-box a:first-child{margin-left:0;}
footer .layout .footer-info .footer-top .sns-box a:first-child:before{display: none;}
footer .layout .footer-info address{margin-top:-16px;}
footer .layout .footer-info address table{width: auto; font-size:15px;color:#979797;}
footer .layout .footer-info address table th{font-weight: 700; padding-right: 10px; text-align: left; vertical-align: baseline; white-space: nowrap;}
footer .layout .footer-info address table td{font-weight: 400; vertical-align: baseline;}
footer .layout .footer-info .copyright{margin-top:36px;font-size:14px;color:#666;}

#intro{position:relative;background: #ec5b2c;height: 100%;}
#intro:before{content: "";display: block;width:900px;height: 499px;background: url(https://wiseonmedia.speedgabia.com/en/images/common/intro.png) no-repeat;background-size: cover;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
#intro .txt{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:100%;max-width:1350px;font-size: 0;}
#intro .txt em{display: inline-block;font-size:184px;color:#fff;font-family: '210appgulim';font-weight: 600;}
#intro .txt span{display: inline-block;font-size: 130px;color:#faab18;font-family: '210appgulim';}

#main{overflow: hidden;}
#main .main-visual{}
#main .main-visual .main-visual-slick { width: 100%; position: relative; }
#main .main-visual .main-visual-slick .slide-item { position: relative; width: 100%; display: block !important; }
#main .main-visual .main-visual-slick .slide-item a { position: absolute; display: block; width: 12.6%; height: 6.2%; top: 70.5%; left: 5.2%; }
#main .main-visual .main-visual-slick .slide-item picture { width: 100%; height: 100%; display: block; }
#main .main-visual .main-visual-slick .slide-item .visual-img { width: 100%; height: 100%; object-fit: cover; display: block; }
#main .main-visual .main-visual-slick .slick-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; z-index: 10; }
#main .main-visual .main-visual-slick .slick-dots li { width: 12px; height: 12px; }
#main .main-visual .main-visual-slick .slick-dots li button { width: 100%; height: 100%; padding: 0; border: none; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); font-size: 0; color: transparent; cursor: pointer; outline: none; display: block; }
#main .main-visual .main-visual-slick .slick-dots li.slick-active button { background-color: #ffffff; }
#main .main-movie{}
#main .main-movie video{width:100%;}
#main .main-visual img{display: block;width:100%;}
#main .video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
#main .video-wrap iframe,
#main .video-wrap object,
#main .video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}
#main .section01{padding:150px 0;}
#main .section01 .box{display:flex;align-items: center;}
#main .section01 .box > div{flex:1;}
#main .section01 .box .txt-box{}
#main .section01 .box .txt-box h3{font-size:50px;font-family: 'Gotham';font-weight: 600;}
#main .section01 .box .txt-box h3 span{display: block;font-size: 30px;color:#a6a6a6;font-weight: 500;}
#main .section01 .box .txt-box p{position: relative;margin-top:20px;padding-top:30px;font-size:20px;}
#main .section01 .box .txt-box p:before{content: "";position:absolute;top:0;left:0;display: inline-block;width:60px;height: 3px;background: #ec5b2c;}
#main .section01 .box .txt-box a{display: inline-block;margin-top:40px;width:240px;line-height:50px;text-align: center;font-size: 18px;font-family: 'Gotham';font-weight: 600;border:1px solid #000;}
#main .section02{padding:220px 0;background: url(https://wiseonmedia.speedgabia.com/en/images/main/main02_02.jpg) 50% 50% no-repeat;background-size: cover;overflow: hidden;}
#main .section02 .layout{position: relative;}
#main .section02 .txt-box{width:37%;float: right;}
#main .section02 .txt-box h3{font-size:50px;font-family: 'Gotham';font-weight: 600;}
#main .section02 .txt-box h3 span{display: block;font-size: 30px;color:#a6a6a6;font-weight: 500;}
#main .section02 .txt-box p{position: relative;margin-top:20px;padding-top:30px;font-size:20px;}
#main .section02 .txt-box p:before{content: "";position:absolute;top:0;left:0;display: inline-block;width:60px;height: 3px;background: #ec5b2c;}
#main .section02 .txt-box a{display: inline-block;margin-top:40px;width:240px;line-height:50px;text-align: center;font-size: 18px;font-family: 'Gotham';font-weight: 600;border:1px solid #000;}
#main .section03{padding:150px 0;}
#main .section03 .box{display:flex;align-items: center;}
#main .section03 .box > div{flex:1;}
#main .section03 .box .txt-box{}
#main .section03 .box .txt-box h3{font-size:50px;font-family: 'Gotham';font-weight: 600;}
#main .section03 .box .txt-box h3 span{display: block;font-size: 30px;color:#a6a6a6;font-weight: 500;}
#main .section03 .box .txt-box p{position: relative;margin-top:20px;padding-top:30px;font-size:20px;}
#main .section03 .box .txt-box p:before{content: "";position:absolute;top:0;left:0;display: inline-block;width:60px;height: 3px;background: #ec5b2c;}
#main .section03 .box .txt-box a{display: inline-block;margin-top:40px;width:240px;line-height:50px;text-align: center;font-size: 18px;font-family: 'Gotham';font-weight: 600;border:1px solid #000;}
#main .section04{padding:33px 0;background:#ec5b2c;}
#main .section04 .layout{display: flex;justify-content: space-between;align-items: center;}
#main .section04 .layout p{font-size: 24px;color:#fff;font-weight: 500;}
#main .section04 .layout a{position:relative;display: inline-block;width:240px;line-height:50px;border:1px solid #fff;color:#fff;font-size: 18px;font-family: 'Gotham';font-weight: 500;text-align: center;}
#main .section04 .layout a i{position: absolute;left:25px;font-size: 30px;font-weight: 400;}
#main .section05{background: #f4f4f4; padding-top: 230px; padding-bottom: 200px;}
#main .section05 *{font-family: 'Paperlogy' !important;}
#main .section05 .layout .tit{display: block; font-weight: 800; font-size: 34px;}
#main .section05 .layout .rt-area{display: block; width: 100%; text-align: right; margin-top: -25px;}
#main .section05 .layout .rt-area a{font-weight: 600; font-size: 19px; color: #ff6330;}
#main .section05 .layout .rt-area a .ico{position:relative; display:inline-block; width:17px; height:17px; color: #fff; font-weight: 600; font-size: 19px; line-height: 15px; vertical-align: -1px; border-radius:50%; background:#ff6330; margin-left: 5px;}
#main .section05 .layout .rt-area a .ico::after{position: absolute; left: -2px; content:'>'; display:inline-block; width:17px; height:17px; font-family: inherit; font-weight: inherit; font-size:inherit; color:inherit;}
#main .section05 .layout .con-area{display: flex; gap: 0 6%; margin-top: 45px;}
#main .section05 .layout .con-area div{width:calc(100% / 3);}
#main .section05 .layout .con-area div > *{width:100%;}
#main .section05 .layout .con-area div .date{display: block; font-weight: 600; font-size: 15px; color: #919191; margin-bottom:20px;}
#main .section05 .layout .con-area div .tit{font-weight: 700; font-size: 22px; color: #000; line-height: 1.2; margin-bottom:25px;}
#main .section05 .layout .con-area div .txt{font-weight: 400; font-size: 16px; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
#main .section05 .layout .con-area div .txt *{font-family: inherit; font-weight: inherit !important; font-size:inherit !important; color:inherit !important; font-style: normal !important; background:transparent !important;}

#pages{padding:215px 0 110px;}
.breadcrumbs{font-size: 0;}
.breadcrumbs a{position:relative;display: inline-block;margin-left:45px;vertical-align: middle;font-size: 24px;color:#ec5b2c;font-family: 'Gotham';font-weight: 400;}
.breadcrumbs a:before{content:"";position:absolute;top:15px;left:-22px;display: inline-block;width:5px;height: 5px;border-radius: 100%;background:#c5c5c5;}
.breadcrumbs a:first-child{margin-left:0;}
.breadcrumbs a:first-child:before{display: none;}
.breadcrumbs .home{}
.breadcrumbs .home img{display: block;}

.company{}
.company section{padding:100px 0 110px;border-bottom:1px solid #e8e8e8;}
.company section:first-child{border-color:#1b1b1b;}
.company section:last-child{padding-bottom: 0;border-bottom:0;}
.company section h3{position:relative;font-size: 50px;font-family: 'Gotham';color:#000;font-weight: 400;padding-bottom: 30px;}
.company section h3 span{display: block;font-size: 30px;color:#a6a6a6;}
.company section h3:before{content: "";position:absolute;bottom:0;left:0;display: inline-block;width:60px;height: 3px;background: #ec5b2c;}
.company section .txt1{margin-top:30px;font-size: 28px;color:#5a5a5a;}
.company section .txt2{margin-top:30px;font-size: 20px;color:#5a5a5a;}
.company section ul{margin-top:30px;}
.company section iframe + ul{margin-top:45px;}
.company section ul li{position:relative;font-size: 20px;color:#5a5a5a;margin-top:10px;padding-left:15px;}
.company section ul li:first-child{margin-top:0;}
.company section ul li:before{content: "";position:absolute;top:12px;left:0;width: 7px;height: 3px;background:#ec5b2c;}
.company section ul li strong{display: inline-block;margin-right:10px;font-family: 'GmarketSans';font-weight: 600;}
.company section .img1{margin-top:50px;padding-top:37%;background: url(https://wiseonmedia.speedgabia.com/en/images/contents/about01_02.jpg) 50% 50% no-repeat;background-size: cover;}
.company section .img2{margin-top:40px;padding-top:37%;background: url(https://wiseonmedia.speedgabia.com/en/images/contents/about02_02.jpg) 50% 50% no-repeat;background-size: cover;}
.company section .img3{margin-top:40px;padding-top:73%;background: url(https://wiseonmedia.speedgabia.com/en/images/contents/about03_03.jpg) 50% 50% no-repeat;background-size: cover;}
.company section .img4{margin-top:40px;padding-top:53%;background: url(https://wiseonmedia.speedgabia.com/en/images/contents/about04.png) 50% 50% no-repeat;background-size: cover;}
.company .history-col-2{display: flex; gap: 0 30px;}
.company .history-col-2 > *{width:100%;}
.company .ul-history *{font-family:'Paperlogy' !important;}
.company .ul-history{margin-top: 30px;}
.company .ul-history li{font-size:18px; color: #575757; line-height: 1.6; padding-left: 160px;}
.company .ul-history li:before{top:14px; left: 20px; background:#f18866;}
.company .ul-history li strong{position: absolute; left: 15px; color: #f18866; font-weight: 600; text-indent: 20px;}

.business section{padding:100px 0 110px;border-bottom:1px solid #e8e8e8;}
.business section:last-child{padding-bottom: 0;border-bottom:0;}
.business section h3{position:relative;font-size: 50px;font-family: 'Gotham';color:#000;font-weight: 400;padding-bottom: 30px;}
.business section h3 span{display: block;font-size: 30px;color:#a6a6a6;}
.business section h3:before{content: "";position:absolute;bottom:0;left:0;display: inline-block;width:60px;height: 3px;background: #ec5b2c;}
.business section .txt1{margin-top:30px;font-size: 28px;color:#5a5a5a;}
.business section .txt2{margin-top:30px;font-size: 20px;color:#5a5a5a;}
.business section .img1{margin-top:50px;padding-top:54%;background: url(https://wiseonmedia.speedgabia.com/en/images/contents/business01.png) 50% 50% no-repeat;background-size: cover;}
.business section .img2{margin-top:90px;padding-top:39%;background: url(https://wiseonmedia.speedgabia.com/en/images/contents/business06.png) 50% 50% no-repeat;background-size: cover;}
.business section .list1{display: flex;margin-top:50px;}
.business section .list1 li{flex:1;position: relative;}
.business section .list1 li + li{margin-left:8px;}
.business section .list1 li .img{position: relative;padding-top:100%;}
.business section .list1 li .img .caption{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);background: rgba(255, 255, 255, 0.85);width:60%;height: 60%;}
.business section .list1 li .img .caption p{position: absolute;left:0;top:50%;transform: translateY(-50%);width:100%;text-align: center;font-size:24px;color:#3a3a3a;font-family: 'Gotham';}
.business section .list1 li .txt-box{background: rgb(246,152,31);
    background: linear-gradient(90deg, rgba(246,152,31,1) 0%, rgba(242,130,38,1) 75%, rgba(222,89,46,1) 100%);position:relative;padding-top:100%;}
.business section .list1 li .txt-box .caption{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);background:#fff;width:80%;height: 80%;}
.business section .list1 li .txt-box .caption p{position: absolute;left:0;top:50%;transform: translateY(-50%);width:100%;text-align: center;font-size:18px;color:#5a5a5a;}
.business section .list1 li .txt-box .caption p i{display:block;color:#cdcdcd;}
.business section .list1 li:nth-child(even){top:50px;}
.business section .list1 li:nth-child(1) .img{background: url(https://wiseonmedia.speedgabia.com/en/images/contents/business02.png) 50% 50% no-repeat;background-size: cover;}
.business section .list1 li:nth-child(2) .img{background: url(https://wiseonmedia.speedgabia.com/en/images/contents/business03.png) 50% 50% no-repeat;background-size: cover;}
.business section .list1 li:nth-child(3) .img{background: url(https://wiseonmedia.speedgabia.com/en/images/contents/business04.png) 50% 50% no-repeat;background-size: cover;}
.business section .list1 li:nth-child(4) .img{background: url(https://wiseonmedia.speedgabia.com/en/images/contents/business05.png) 50% 50% no-repeat;background-size: cover;}

.business section .list1-2{display: flex; gap: 0 2%; margin-top: 50px;}
.business section .list1-2 li{width:23.5%; background:linear-gradient(90deg,rgba(246, 152, 32, 1) 0%, rgba(237, 127, 40, 1) 56%, rgba(225, 96, 45, 1) 100%); border-radius:27px; padding: 10px 10px 40px 10px; box-sizing: border-box; overflow:hidden;}
.business section .list1-2 li:nth-of-type(2n-1){margin-top:40px;}
.business section .list1-2 li:nth-of-type(2n){margin-bottom:40px;}
.business section .list1-2 li .img img{display:block; box-shadow: 0 12px 24px #e15f2d; border-radius: 20px;}
.business section .list1-2 li .txt-box{font-size: 18px; color: #fff; text-align: center; padding-top: 40px; text-shadow: 0px 4px 16px #e15f2d;}
.business section .list1-2 li .txt-box .tit{display: block; font-family: 'Gotham'; font-weight:800; font-size: 33px; color: #fff; margin-bottom: 10px;}

.business section .list2{display: flex;margin-top:50px;}
.business section .list2 li{flex:1;position: relative;}
.business section .list2 li + li{margin-left:10px;}
.business section .list2 li figure{position: relative;z-index: 1;}
.business section .list2 li .txt-box{background: #fafafa;position:relative;padding-top:180px;top:-30px;}
.business section .list2 li .txt-box p{position: absolute;left:0;top:50%;transform: translateY(-50%);width:100%;text-align: center;font-size: 24px;color:#5a5a5a;}
.business .info-business{text-align: center; margin-top:80px;}
.business .info-business *{font-family: 'Paperlogy';}
.business .info-business .img{display: inline-block; width:293px; margin-bottom: 20px;}
.business .info-business .con{position:relative;}
.business .info-business .con .line{position: absolute; top: 114px; left: 50%; z-index: 1; transform: translateX(-50%); display:block; width:80%; height:2px; background:#ec5b2c;}
.business .info-business .con > div{position:relative; z-index:2; display: inline-block; width: 280px; vertical-align: top;}
.business .info-business .con > div > div{display: block; width: auto; font-size: 25px; color: #040404;}
.business .info-business .con > div > div.top{display: inline-block; background: #ec5b2c; border-radius: 50%;}
.business .info-business .con > div > div.btm{margin-top: 15px;}
.business .info-business .con > div > div img{display: block;}
.business .info-business .con > div > div .tit{display: block; font-size: 35px; color: inherit; font-weight: 600; margin-bottom: 5px;}

.project section{padding:100px 0 110px;border-bottom:1px solid #e8e8e8;}
.project section:last-child{padding-bottom: 0;border-bottom:0;}
.project section h3{position:relative;font-size: 50px;font-family: 'Gotham';color:#000;font-weight: 400;padding-bottom: 30px;}
.project section h3 span{display: block;font-size: 30px;color:#a6a6a6;}
.project section h3:before{content: "";position:absolute;bottom:0;left:0;display: inline-block;width:60px;height: 3px;background: #ec5b2c;}
.project section .txt1{margin-top:30px;font-size: 28px;color:#5a5a5a;}
.project section .txt2{margin-top:30px;font-size: 20px;color:#5a5a5a;}
.project section .box{position:relative;display: flex;align-items: flex-start;margin-top:50px;}
.project section:last-child .box{margin-top:0;}
.project section .box .txt-box{width:32%;}
.project section .box .txt-box h4{font-size: 24px;color:#aeaeae;border-bottom:1px solid #d9d9d9;font-weight: 400;}
.project section .box .txt-box h4 span{display: inline-block;position: relative;color:#5a5a5a;font-weight: bold;padding-bottom:20px;}
.project section .box .txt-box h4 span:before{content:"";position:absolute;left:0;bottom:0;display: block;width:100%;height:3px;background: #5a5a5a;}
.project section .box .txt-box ul{margin-top:40px;padding-right:89px;}
.project section .box .txt-box ul li{position:relative;font-size: 20px;color:#5a5a5a;margin-top:10px;padding-left:15px;word-break: keep-all;}
.project section .box .txt-box ul li:first-child{margin-top:0;}
.project section .box .txt-box ul li:before{content: "";position:absolute;top:12px;left:0;width: 7px;height: 3px;background:#ec5b2c;}
.project section .box .txt-box li em{display: inline-block;margin-right:10px;font-family: 'GmarketSans';font-weight: 600;}
.project section .box .txt-box li:last-child em{display: block;}

.project section .box .slide-box{position:relative;width:68%;padding-bottom: 80px;}
.project section .box .slide-box:before{content: "";position:absolute;left:-80px;bottom:0;display: none;width:856px;height:506px;background: url(https://wiseonmedia.speedgabia.com/en/images/contents/project01.png) no-repeat;background-size: cover;}
.project section .box .slide-box .slick-slide{}
.project section .box .slide-box .slick-slide img{display: block;width:100%;}
.project section .slide-box .control-box{position:relative;font-size:0;margin-top:10px;}
.project section .slide-box .control-box .pagingInfo{display:inline-block;color:#ec5b2c;font-size:18px;vertical-align: middle;font-family: 'Gotham';position: relative;top: 11px;}
.project section .slide-box .control-box .timeline{display:inline-block;margin:0 10px;width: 280px;vertical-align:middle;position: relative;top:12px;height:4px;background: rgba(255,255,255,0.5);z-index: 10;box-shadow: 1px 1px 1px rgb(0 0 0 / 10%);}
.project section .slide-box .control-box .arrowSlider{position:absolute;right:0;display:inline-block;vertical-align: middle;}
.project section .slide-box .control-box .arrowSlider button{display:inline-block;width:37px;height:37px;font-size:0;margin-left:15px;}
.project section .slide-box .control-box .arrowSlider .prev{background: url(https://wiseonmedia.speedgabia.com/en/images/contents/arrow01.png) no-repeat;background-size: cover;}
.project section .slide-box .control-box .arrowSlider .next{background: url(https://wiseonmedia.speedgabia.com/en/images/contents/arrow01.png) no-repeat;background-size: cover;transform: rotate(-180deg);}
.project section .slide-box .control-box .arrowSlider .play{background: url(https://wiseonmedia.speedgabia.com/en/images/contents/play.png) no-repeat;background-size: cover;display: none;}
.project section .slide-box .control-box .arrowSlider .pause{display:none;background: url(https://wiseonmedia.speedgabia.com/en/images/contents/pause.png) no-repeat;background-size: cover;}
.project section .slide-box .control-box .arrowSlider .play.active{display:inline-block;}
.project section .slide-box .control-box .arrowSlider .pause.active{display:inline-block;}
.project section .slide-box .control-box .pro-bar{position: absolute;display:inline-block;left: 0;right: 0;top: 0;height:4px;background: #ec5b2c;z-index:1000;}
.project section .slide-box .scroll-down{display: inline-block;position: absolute;bottom: 5%;left: 50%;transform: translateX(-50%);z-index:10;}

.character section{padding:100px 0 110px;border-bottom:1px solid #e8e8e8;}
.character section:last-child{padding-bottom: 0;border-bottom:0;}
.character section h3{position:relative;font-size: 50px;font-family: 'Gotham';color:#000;font-weight: 400;padding-bottom: 30px;}
.character section h3 span{display: block;font-size: 30px;color:#a6a6a6;}
.character section h3:before{content: "";position:absolute;bottom:0;left:0;display: inline-block;width:60px;height: 3px;background: #ec5b2c;}
.character section .txt1{margin-top:30px;font-size: 28px;color:#5a5a5a;}
.character section .txt2{margin-top:30px;font-size: 20px;color:#5a5a5a;}
.character section ul{font-size: 0;margin:0 -4%;}
.character section ul li{display: inline-block;width:42%;margin:45px 4% 0;vertical-align: middle;}
.character section ul li figure{}
.character section ul li figure img{display: block;width:100%;}

.contactus{padding:100px 0 110px;}
.contactus .hgroup h3{position:relative;font-size: 50px;font-family: 'Gotham';color:#000;font-weight: 400;padding-bottom: 30px;}
.contactus .hgroup h3 span{display: block;font-size: 30px;color:#a6a6a6;}
.contactus .hgroup h3:before{content: "";position:absolute;bottom:0;left:0;display: inline-block;width:60px;height: 3px;background: #ec5b2c;}
.contactus .hgroup .txt1{margin-top:30px;font-size: 28px;color:#5a5a5a;}
.contactus .hgroup .txt2{margin-top:30px;font-size: 20px;color:#5a5a5a;}

.search-box{margin-top:40px;display: flex;justify-content: space-between;align-items: center;}
.search-box .category{font-size: 0;}
.search-box .category a{position:relative;margin-left:40px;display: inline-block;color: #a5a5a5;font-size: 19px;}
.search-box .category a:before{content: "";position: absolute;width: 1px;height: 15px;background: #a5a5a5;top: 5px;left:-20px;}
.search-box .category a:first-child{margin-left:0;}
.search-box .category a:first-child:before{display: none;}
.search-box .category a.on,
.search-box .category a:hover{color:#ec5b2c}
.search-box p.table_top{font-size:18px; color:#5a5a5a;}
.search-box p.table_top span{font-size:23px; color:#ec5b2c; font-weight:400;}
.search-box .search_form{}
.search-box .search_form input{border:1px solid #dddddd; border-right:none; height:35px; width:260px; display:inline-block; margin-right:-4px; box-sizing:border-box; padding:0 10px; font-size:15px;}
.search-box .search_form button{border:1px solid #dddddd; border-left:none; height:35px; width:35px; display:inline-block; background:#fff; vertical-align:top; padding:0; cursor:pointer;}
.notice table{margin-top:20px;width: 100%;border-collapse: collapse;border-top: 1px solid #ec5b2c;}
.notice table thead tr th{background: #f7f7f7;color:#ec5b2c;border-bottom: 1px solid #d9d9d9;padding: 14px;font-weight: bold;font-size: 18px;}
.notice table tbody tr td{color:#5a5a5a;border-bottom: 1px solid #d9d9d9;padding: 19px;font-size: 17px;text-align: center;}
.notice table tbody tr td a{color:#5a5a5a;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.notice .view{margin-top:40px;}
.notice .view .notice_view_con{background:#f7f7f7; padding:20px 50px; display:table; width:100%; box-sizing:border-box; border-bottom:1px solid #d9d9d9;}
.notice .view .notice_view_con.borderTop{border-top:2px solid #ec5b2c;}
.notice .view .notice_view_con h3{font-size:24px; color:#181818; display:table-cell;}
.notice .view .notice_view_con p{font-size:18px; color:#7d7d7d; display:table-cell; text-align:right;}
.notice .view .notice_view_con a.down{background:#fff; border:1px solid #bbbbbb; color:#444444; font-size:15px; border-radius:2px; position:relative; width:113px; height:40px; margin-right:10px; display:inline-block; line-height:40px; text-align:center; box-sizing:border-box; padding-left:20px;}
.notice .view .notice_view_con a.down::before{content:""; display:block; position:absolute; width:17px; height:17px; top:11px; left:15px; background:url('https://wiseonmedia.speedgabia.com/en/images/common/down.png') no-repeat;}
.notice .view .notice_view{padding:20px 50px;}
.notice .view .con_page{padding:15px 30px;}
.notice .view .con_page.prev{border-bottom:1px solid #d9d9d9;}
.notice .view .con_page.next{border-bottom:2px solid #d6d6d6;}
.notice .view .con_page span{font-size:18px; font-weight:500; color:#021442;}
.notice .view .con_page a{font-size:18px; font-weight:200; color:#7d7d7d;}
.notice .view .button-box{text-align:center; margin-top:50px;}
.notice .view .button-box button{background:#ec5b2c;border:1px solid #ec5b2c;  color:#fff; font-size:18px; padding:11px 49px; display:inline-block;}

.inquiry{margin-top:40px;}
.inquiry h4{font-size: 18px;color: #021442;font-weight: 500;}
.inquiry .agree_txt{width:100%; height:273px; overflow-y:scroll; padding:19px 29px; box-sizing:border-box; border:1px solid #d2d2d2; color:#444444; font-size:16px; line-height:1.3; margin:20px 0;}
.inquiry .warning{color:#444444; font-size:17px; padding-left:25px; line-height:1.3; position:relative;}
.inquiry .warning::before{content:"i"; width:16px; height:16px; display:block; position:absolute; top:1px; left:0; background:#ec5b2c; color:#fff; text-align:center; border-radius:16px; font-size:11px; line-height:16px;}
.inquiry .radio_chk{padding-left:25px; margin-top:20px;}
.inquiry .radio_chk input{display:inline-block; width:15px; height:15px; border:1px solid #c0c0c0; border-radius:15px; vertical-align:middle;}
.inquiry .radio_chk label{font-size:17px; color:#444444; margin-right:30px;}
.inquiry .caption{text-align:right; font-size:16px; color:#444; margin:35px 0 10px;}
.inquiry table.form_table td {position:relative;}
.inquiry table.form_table td input#title{width:100%;}
.inquiry table.form_table td textarea{width:99.5%; border:1px solid #d0d0d0; border-radius:0; color:#7d7d7d; resize : vertical; height:200px;}
.inquiry table.form_table td textarea + span#counter{font-size:12px; color:#c5c5c5; position:absolute; bottom:23px; right:24px;}
.inquiry table.form_table td a.btn_file{width:107px; height:36px; background:#818181; color:#fff; font-size:16px; text-align:center; line-height:36px; display:inline-block; vertical-align:bottom;}
.inquiry table.form_table td a.btn_add{width:107px; height:36px; background:#b7b7b7; color:#fff; font-size:16px; text-align:center; line-height:36px; display:inline-block; vertical-align:bottom;}
.inquiry table.form_table td p.file_info{margin-top:12px;}
.inquiry .button-box{text-align:center; margin-top:50px;}
.inquiry .button-box button{background:#fff;border:1px solid #ec5b2c;  color:#5a5a5a; font-size:18px; padding:11px 49px; display:inline-block;}
.inquiry .button-box button:first-child{background:#ec5b2c;color:#fff; font-size:18px;color:#fff;}

table.form_table{width:100%; border-collapse: collapse; border-top: 2px solid #ec5b2c; margin-bottom:20px;}
table.form_table th{border-bottom: 1px solid #d9d9d9; padding: 14px; font-weight:bold; color:#021442; font-size:18px; background:#fff; text-align:left; vertical-align:top;}
table.form_table td{border-bottom: 1px solid #d9d9d9; padding: 14px; color:#444444; font-size:17px; color:#7d7d7d;}
table.form_table td.align_left{text-align:left;}
table.form_table td input, table.form_table td select{width:200px; height:36px; box-sizing:border-box; border:1px solid #d0d0d0; border-radius:0; color:#7d7d7d; background:#fff;}

table.noticeBoard{width:100%; border-collapse: collapse; border-top: 1px solid #021442;}
table.noticeBoard th{border-bottom: 1px solid #d9d9d9; padding: 14px; font-weight:bold; color:#021442; font-size:18px; background:#f7f7f7;}
table.noticeBoard td{border-bottom: 1px solid #d9d9d9; padding: 19px; font-size:17px; text-align:center;}
table.noticeBoard td.align_left{text-align:left;}


.inquiry-result{margin-top:40px;}
.inquiry-result .inner{width:1027px; margin:0 auto;}
.inquiry-result .inner::after{content:""; clear:both; display:block;}
.inquiry-result .inner .email_bg{float:left;width:210px; height:210px; background:url('https://wiseonmedia.speedgabia.com/en/images/common/emil_bg.png') no-repeat;}
.inquiry-result .inner .input_wrap{float:right; width:756px;}
.inquiry-result .inner .input_wrap ul {border-bottom:1px solid #d9d9d9; margin-bottom:30px; margin-top:26px;}
.inquiry-result .inner .input_wrap ul li {margin-bottom:20px; color:#7d7d7d;}
.inquiry-result .inner .input_wrap ul li span{font-size:19px;font-weight:500; position:relative; width:126px; display:inline-block;}
.inquiry-result .inner .input_wrap ul li span::before{content:""; display:block; width:5px; height:5px; background:#021442; border-radius:10px; position:absolute; top:12px; left:-10px;}
.inquiry-result .inner .input_wrap ul li input, .inquiry-result .inner .input_wrap ul li select {width:200px; height:36px; box-sizing:border-box; border:1px solid #d0d0d0; border-radius:0; color:#7d7d7d; background:#fff;}
.inquiry-result .inner .warning{color:#444444; font-size:17px; padding-left:25px; line-height:1.3; position:relative;}
.inquiry-result .inner .warning::before{content:"i"; width:16px; height:16px; display:block; position:absolute; top:3px; left:0; background:#c71b2a; color:#fff; text-align:center; border-radius:16px; font-size:11px; line-height:16px;}
.inquiry-result .inner .content_top{margin-bottom:20px;}
.inquiry-result .inner .content_top::after{content:""; display:block; clear:both;}
.inquiry-result .inner p.table_top{font-size:18px; color:#181818; float:left;}
.inquiry-result .inner p.table_top span{font-size:23px; color:#021442; font-weight:400;}
.inquiry-result .inner div.search_form{float:right;}
.inquiry-result .inner div.search_form input{border:1px solid #dddddd; border-right:none; height:35px; width:260px; display:inline-block; margin-right:-4px; box-sizing:border-box; padding:0 10px; font-size:15px;}
.inquiry-result .inner div.search_form button{border:1px solid #dddddd; border-left:none; height:35px; width:35px; display:inline-block; background:#fff; vertical-align:top; padding:0; cursor:pointer;}
.inquiry-result .inner table.noticeBoard td:nth-of-type(1), .resultCheck .content table.noticeBoard td:nth-of-type(2){color:#444;}
.inquiry-result .inner table.noticeBoard td:nth-of-type(3), .resultCheck .content table.noticeBoard td:nth-of-type(4), .resultCheck .content table.noticeBoard td:nth-of-type(5){color:#626262; font-weight:300;}
.inquiry-result .inner table.noticeBoard td.completion{color:#021442; font-weight:400;}
.inquiry-result .view .notice_view_con{background:#f7f7f7; padding:20px 50px; display:table; width:100%; box-sizing:border-box; border-bottom:1px solid #d9d9d9;}
.inquiry-result .view .notice_view_con.borderTop{border-top:2px solid #1c1c1c;}
.inquiry-result .view .notice_view_con.answer{margin-top:30px;}
.inquiry-result .view .notice_view_con h3{font-size:24px; color:#181818; display:table-cell;position:relative; padding-left:45px;}
.inquiry-result .view .notice_view_con.questions h3::before{content:"Q"; display:block; width:34px; height:34px; background:#021442; border-radius:34px; color:#fff; font-size:21px; text-align:center; line-height:30px; position:absolute; top:0; left:0;}
.inquiry-result .view .notice_view_con.answer h3::before{content:"A"; display:block; width:34px; height:34px; background:#f17373; border-radius:34px; color:#fff; font-size:21px; text-align:center; line-height:34px; position:absolute; top:0; left:0;}
.inquiry-result .view .notice_view_con p{font-size:18px; color:#7d7d7d; display:table-cell; text-align:right;}
.inquiry-result .view .notice_view_con a.down{background:#fff; border:1px solid #bbbbbb; color:#444444; font-size:15px; border-radius:2px; position:relative; width:113px; height:40px; display:inline-block; margin-right:10px; line-height:40px; text-align:center; box-sizing:border-box; padding-left:20px;}
.inquiry-result .view .notice_view_con a.down::before{content:""; display:block; position:absolute; width:17px; height:17px; top:11px; left:15px; background:url('https://wiseonmedia.speedgabia.com/en/images/common/down.png');}
.inquiry-result .view .notice_view{padding:20px 50px;}
.inquiry-result .button-box{text-align:center; margin-top:50px;}
.inquiry-result .button-box button{background:#ec5b2c;border:1px solid #ec5b2c;  color:#fff; font-size:18px; padding:11px 49px; display:inline-block;}

.inquiry-result .view{margin-top:40px;}
.inquiry-result .view .notice_view_con{background:#f7f7f7; padding:20px 50px; display:table; width:100%; box-sizing:border-box; border-bottom:1px solid #d9d9d9;}
.inquiry-result .view .notice_view_con.borderTop{border-top:2px solid #ec5b2c;}
.inquiry-result .view .notice_view_con h3{position:relative;font-size:24px; color:#181818; display:table-cell;padding-left:45px;}
.inquiry-result .view .notice_view_con h3:before{content: "Q";display: block;width: 34px;height: 34px;background: #021442;border-radius: 34px;color: #fff;font-size: 21px;text-align: center;line-height: 36px;position: absolute;top:0;left: 0;}
.inquiry-result .view .notice_view_con h3.answer

.inquiry-result .view .notice_view_con p{font-size:18px; color:#7d7d7d; display:table-cell; text-align:right;}
.inquiry-result .view .notice_view_con a.down{background:#fff; border:1px solid #bbbbbb; color:#444444; font-size:15px; border-radius:2px; position:relative; width:113px; height:40px; margin-right:10px; display:inline-block; line-height:40px; text-align:center; box-sizing:border-box; padding-left:20px;}
.inquiry-result .view .notice_view_con a.down::before{content:""; display:block; position:absolute; width:17px; height:17px; top:11px; left:15px; background:url('https://wiseonmedia.speedgabia.com/en/images/common/down.png') no-repeat;}
.inquiry-result .view .notice_view{padding:20px 50px;}
.inquiry-result .view .con_page{padding:15px 30px;}
.inquiry-result .view .con_page.prev{border-bottom:1px solid #d9d9d9;}
.inquiry-result .view .con_page.next{border-bottom:2px solid #d6d6d6;}
.inquiry-result .view .con_page span{font-size:18px; font-weight:500; color:#021442;}
.inquiry-result .view .con_page a{font-size:18px; font-weight:200; color:#7d7d7d;}
.inquiry-result .view .button-box{text-align:center; margin-top:50px;}
.inquiry-result .view .button-box button{background:#ec5b2c;border:1px solid #ec5b2c;  color:#fff; font-size:18px; padding:11px 49px; display:inline-block;}

/* 고둥둥월드 */
.gddworld section{padding:100px 0 110px;border-bottom:1px solid #e8e8e8;}
.gddworld section:last-child{padding-bottom: 0;border-bottom:0;}
.gddworld section h3{position:relative;font-size: 50px;font-family: 'Gotham';color:#000;font-weight: 400;padding-bottom: 30px;}
.gddworld section h3 span{display: block;font-size: 30px;color:#a6a6a6;}
.gddworld section h3:before{content: "";position:absolute;bottom:0;left:0;display: inline-block;width:60px;height: 3px;background: #ec5b2c;}
.gddworld section .txt1{margin-top:30px;font-size: 28px;color:#5a5a5a;}
.gddworld section .txt2{margin-top:30px;font-size: 20px;color:#5a5a5a;}
.gddworld section .gdd-banner{display: flex; justify-content: space-between; align-items: center; width:100%; margin-top: 50px; background: url('https://wiseonmedia.speedgabia.com/en/images/contents/gdd-banner-bg.jpg') no-repeat center / cover; padding: 140px 90px;}
.gddworld section .gdd-banner .banner-content h4{font-family: 'Paperlogy'; font-size: 50px; color: #fff; font-weight:800;}
.gddworld section .gdd-banner .banner-content > p{font-family: 'Noto Sans KR'; font-size: 22px; color: #fff; font-weight:300; margin-top: 40px;}
.gddworld section .gdd-banner .banner-content .desc{margin-top: 40px; color: #fff;}
.gddworld section .gdd-banner .banner-content .desc p{font-family: 'Noto Sans KR'; font-size: 25px; color: #fff;}
.gddworld section .gdd-banner .banner-content .desc p + p{margin-top: 30px;}
.gddworld section .card-list { display:flex; flex-wrap:wrap; justify-content: space-between; gap : 20px 0; margin-top: 80px; } 
.gddworld section .card { flex : 0 0 32.8%; background: #f5f5f7; border-radius: 25px; padding: 15px 15px 30px 15px; display:flex; flex-direction:column; transition: .2s; text-align: center; } 
/* .gddworld section .card:hover { box-shadow: 0 8px 18px #00000033; } */
.gddworld section .thumb { margin-bottom: 20px; border-radius: 8px; overflow:hidden; } 
.gddworld section .thumb img { width:100%; height:auto } 
.gddworld section .card-title { font-family: 'Paperlogy'; font-size:34px; line-height:1.3; font-weight:800; margin:0 0 20px; color:#4c4c4c; } 
.gddworld section .card-title .sm { font-size:28px; font-weight:400; }
.gddworld section .card-desc { font-family: 'Noto Sans KR'; font-size:20px; line-height:1.55; color:#555; margin:0; word-break: keep-all;}
/* .gddworld .tab{gap:0 5px; margin-top:90px;}
.gddworld .tab a{flex: none; width: 400px; height:58px; font-size: 23px; font-weight: 700; color:#4c4c4c; border:2px solid #4c4c4c; line-height:55px; background:transparent;}
.gddworld .tab a.on{background:transparent; color:#ec5b2c; border-color:#ec5b2c} */
.gddworld section .gdd-banner-ch{display: flex; justify-content: space-between; align-items: flex-end; background:#e9430a url('https://wiseonmedia.speedgabia.com/en/images/contents/gw_01.png') no-repeat center left 80px / 151px auto; border-radius:20px; padding:50px 50px 50px 310px; box-sizing:border-box; margin-top:50px; margin-bottom:170px;}
.gddworld section .gdd-banner-ch .banner-content{color:#fff;}
.gddworld section .gdd-banner-ch .banner-content h4{font-family: 'Paperlogy'; font-weight:800; font-size:49px; line-height:1;}
.gddworld section .gdd-banner-ch .banner-content p{font-size:20px;}
.gddworld section .gdd-banner-ch .banner-content .tit-sub{font-family: 'Paperlogy'; font-weight:400; font-size:31px; margin-bottom:35px;}
.gddworld section .gdd-banner-ch .banner-content .fs-up{font-size:21px; font-weight:500; margin-top:12px; margin-bottom:12px;}
.gddworld section .gdd-banner-ch .banner-content .rt-txt{position: absolute; top: 55px; right: 55px; font-family: 'Paperlogy'; font-size:28px; font-weight:600;}
.gddworld section .ch-list-tit{font-family: 'Paperlogy'; font-weight:800; width:70%; font-size:32px; line-height:53px; text-align:center; border-radius:26.5px; margin:0 auto 50px auto;}
.gddworld section .ch-list-tit.type-01{color:#000; background:#9dd4ff;}
.gddworld section .ch-list-tit.type-02{color:#fff; background:#305470;}
.gddworld section .ch-list-tit.type-03{color:#fff; background:#d83d53;}
.gddworld section .ch-list-tit.type-04{color:#fff; background:#000;}
.gddworld section .ch-list{display:flex; gap:0 6px; margin-bottom:90px;}
.gddworld section .ch-list .list{position: relative; display:flex; flex-direction: column; width:100%; border-radius:25px; border:2px solid #9dd4ff; padding-bottom: 70px; box-sizing:border-box;}
.gddworld section .ch-list .list.type-01{border-color:#9dd4ff;}
.gddworld section .ch-list .list.type-01 .img-th{background:#9dd4ff;}
.gddworld section .ch-list .list.type-01 .btm_area .btn_pop{background-color:#9dd4ff;}
.gddworld section .ch-list .list.type-02{border-color:#ffbdc8;}
.gddworld section .ch-list .list.type-02 .img-th{background:#ffbdc8;}
.gddworld section .ch-list .list.type-02 .btm_area .btn_pop{background-color:#ffbdc8;}
.gddworld section .ch-list .list.type-03{border-color:#ffc820;}
.gddworld section .ch-list .list.type-03 .img-th{background:#ffc820;}
.gddworld section .ch-list .list.type-03 .btm_area .btn_pop{background-color:#ffc820;}
.gddworld section .ch-list .list.type-04{border-color:#ffa772;}
.gddworld section .ch-list .list.type-04 .img-th{background:#ffa772;}
.gddworld section .ch-list .list.type-04 .btm_area .btn_pop{background-color:#ffa772;}
.gddworld section .ch-list .list.type-05{border-color:#305470;}
.gddworld section .ch-list .list.type-05 .img-th{background:#305470;}
.gddworld section .ch-list .list.type-05 .btm_area .btn_pop{background-color:#305470;}
.gddworld section .ch-list .list.type-06{border-color:#d7baf3;}
.gddworld section .ch-list .list.type-06 .img-th{background:#d7baf3;}
.gddworld section .ch-list .list.type-06 .btm_area .btn_pop{background-color:#d7baf3;}
.gddworld section .ch-list .list.type-07{border-color:#bdeeb5;}
.gddworld section .ch-list .list.type-07 .img-th{background:#bdeeb5;}
.gddworld section .ch-list .list.type-07 .btm_area .btn_pop{background-color:#bdeeb5;}
.gddworld section .ch-list .list.type-08{border-color:#ba8a6d;}
.gddworld section .ch-list .list.type-08 .img-th{background:#ba8a6d;}
.gddworld section .ch-list .list.type-08 .btm_area .btn_pop{background-color:#ba8a6d;}
.gddworld section .ch-list .list.type-09{border-color:#d83d53;}
.gddworld section .ch-list .list.type-09 .img-th{background:#d83d53;}
.gddworld section .ch-list .list.type-09 .btm_area .btn_pop{background-color:#d83d53;}
.gddworld section .ch-list .list.type-10{border-color:#885ab2;}
.gddworld section .ch-list .list.type-10 .img-th{background:#885ab2;}
.gddworld section .ch-list .list.type-10 .btm_area .btn_pop{background-color:#885ab2;}
.gddworld section .ch-list .list.type-11{border-color:#e4b99f;}
.gddworld section .ch-list .list.type-11 .img-th{background:#e4b99f;}
.gddworld section .ch-list .list.type-11 .btm_area .btn_pop{background-color:#e4b99f;}
.gddworld section .ch-list .list.type-12{border-color:#d9b5c1;}
.gddworld section .ch-list .list.type-12 .img-th{background:#d9b5c1;}
.gddworld section .ch-list .list.type-12 .btm_area .btn_pop{background-color:#d9b5c1;}
.gddworld section .ch-list .list .img-th{display: flex; justify-content: center; align-items: center; height: 19vw; max-height: 260px; border-radius:22px; padding:10px; cursor:pointer;}
.gddworld section .ch-list .list .img-th img{display:inline-block; width: auto; max-height: 100%;}
.gddworld section .ch-list .list .info{padding:20px; padding-bottom:0; box-sizing:border-box;}
.gddworld section .ch-list .list .info .li-tit{display: flex; justify-content: space-between; align-items: center; font-family: 'Paperlogy'; font-size: 32px; color: #4c4c4c; line-height: 1; font-weight: 800;}
.gddworld section .ch-list .list .info .li-title img{}
.gddworld section .ch-list .list .info .li-sub-tit{font-family: 'Paperlogy'; font-size: 19px; color: #4c4c4c; line-height: 1.3; font-weight: 500; margin-bottom:24px;}
.gddworld section .ch-list .list .info .li-desc{font-size:17px; color:#4c4c4c; line-height:1.3;}
.gddworld section .ch-list .list .btm_area{position: absolute; bottom: 15px; width: 100%; padding: 0 20px; display: flex; justify-content: space-between; align-items: center;}
.gddworld section .ch-list .list .btm_area .btn_pop{display: inline-block; width: 38px; height: 38px; background: url('https://wiseonmedia.speedgabia.com/en/images/contents/ico_plus.png') no-repeat center / 15px; border-radius: 50%;}
.gddworld section .ch-list .list .btm_area .like_wrap .num{font-size: 20px; color: #4c4c4c; vertical-align: middle;}
.gddworld section .ch-list .list .btm_area .like_wrap .ico{display: inline-block; width: 43px; height: 39px; background: url('https://wiseonmedia.speedgabia.com/en/images/contents/ico_like.png') no-repeat 0 / 100%; vertical-align: middle; margin-left: 5px; cursor:pointer;}
.gddworld section .ch-list .list .btm_area .like_wrap .ico.on{background-image: url('https://wiseonmedia.speedgabia.com/en/images/contents/ico_like_on.png');}
.gddworld section .gdd-banner-mon{display: flex; background: #000; border-radius: 20px;}
.gddworld section .gdd-banner-mon .banner-content{padding: 50px 45px; box-sizing: border-box;}
.gddworld section .gdd-banner-mon .banner-content h4{font-family: 'Paperlogy'; font-weight: 800; font-size: 49px; color: #fff; margin-bottom: 20px;}
.gddworld section .gdd-banner-mon .banner-content p{font-size: 20px; font-weight: 300; color: #fff;}
.gddworld section .gdd-banner-mon .banner-content p + p{margin-top:15px;}
.gddworld section .gdd-banner-mon .banner-content .fs-up{font-size: 21px; font-weight: 500; color: #fff; margin-bottom: 10px;}
.gddworld section .mon-list{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 60px 30px; margin-top: 50px;}
.gddworld section .mon-list li .li-tit{font-family: 'Paperlogy'; font-weight:400; font-size:25px; color:#000; line-height:1; text-align:center; margin-top:25px;}

.pop_wrap{display:none; position:fixed; top:50%; left:50%; z-index:2100; transform:translate(-50%, -50%); width:90%; max-width:600px; background:#fff; padding: 50px; box-sizing: border-box; overflow:hidden;}
.pop_wrap .btn_close{position:absolute; top:20px; right:20px; display:inline-block; width:30px; height:30px; background:url('https://wiseonmedia.speedgabia.com/en/images/contents/ico_pop_close.png') no-repeat center / 29px auto; font-size:0; color:transparent;}
.pop_wrap .pop_body .tit{font-family: 'Paperlogy'; display: block; font-size: 50px; line-height: 1; margin-bottom: 40px;}
.pop_wrap .pop_body .sub-tit{font-family: inherit; font-weight: 400; font-size: 24px; margin-left:20px;}
.pop_wrap .pop_body .hashtag{font-family: 'Noto Sans KR'; font-weight: 700; font-size: 21px; font-weight: 700; margin-bottom: 25px;}
.pop_wrap .pop_body .txt{font-family: 'Noto Sans KR'; font-weight: 300; font-size: 20px; color: #000; font-weight: 300;}
.pop_wrap .pop_body .img-ch{margin-top: 40px;}
.dim{display:none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index:2000; background:rgba(0,0,0,.5);}
.n_scr{overflow-y:hidden;}
.pop_wrap.pop_01 .pop_body .hashtag{color: #5ab7ff;}
.pop_wrap.pop_02 .pop_body .hashtag{color: #ff99aa;}
.pop_wrap.pop_03 .pop_body .hashtag{color: #ffc820;}
.pop_wrap.pop_04 .pop_body .hashtag{color: #ff8f4c;}
.pop_wrap.pop_05 .pop_body .hashtag{color: #305470;}
.pop_wrap.pop_06 .pop_body .hashtag{color: #aa80d3;}
.pop_wrap.pop_07 .pop_body .hashtag{color: #80b877;}
.pop_wrap.pop_08 .pop_body .hashtag{color: #7e5943;}
.pop_wrap.pop_09 .pop_body .hashtag{color: #d83d53;}
.pop_wrap.pop_10 .pop_body .hashtag{color: #885ab2;}
.pop_wrap.pop_11 .pop_body .hashtag{color: #a47457;}
.pop_wrap.pop_12 .pop_body .hashtag{color: #95737e;}

.faq{margin-top:40px;}
.faq dl{margin-top:20px;border-top:1px solid #ec5b2c;}
.faq dl dt{position:relative;padding: 15px 65px 15px 240px;cursor: pointer;position: relative;border-bottom: 1px solid #d9d9d9;font-size: 17px;color: #7a7a7a;}
.faq dl dt:before{content: "Q";display: block;background: #021442;width: 25px;height: 25px;border-radius: 100%;color: #fff;text-align: center;line-height: 26px;position: absolute;top: 15px;left: 49px;}
.faq dl dt:after{content: "";position: absolute;width: 15px;height: 8px;background: url(https://wiseonmedia.speedgabia.com/en/images/common/acc_down.png) no-repeat;background-size: cover;right: 30px;top: 23px;}
.faq dl dt span{position:absolute;top:15px;left:120px;display: inline-block;width:120px;font-size: 17px;color:#181818;}
.faq dl dd{position:relative;display:none;background: #f7f7f7;border-bottom: 1px solid #d9d9d9;padding: 20px 70px 20px 120px;font-size: 17px;}
.faq dl dd:before{content: "A";display: block;background: #ec5b2c;width: 25px;height: 25px;border-radius: 100%;color: #fff;text-align: center;line-height: 26px;position: absolute;top: 19px;left: 49px;}
.faq dl dt.on{color: #021442;font-weight: 500;}
.faq dl dt.on:before{background:#ec5b2c;}
.faq dl dt.on:after{transform: rotate(-180deg);}

.pro-ani{animation: proBar 5s 1;}

@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
}
/* laptop */
@media all and (max-width:1440px) {
    #intro .txt{max-width:750px;}
    #intro .txt em{font-size: 110px;}
    #intro .txt span{font-size: 90px;}
    #intro:before{width:450px;height: 250px;}
}

@media all and (max-width:1188px) {
	.company .ul-history li{font-size:1.7vw; padding-left:13.5vw;}
	.business .info-business{margin-top:6.734vw;}
	.business .info-business .img{width:24.663vw; margin-bottom: 1.6835vw;}
	.business .info-business .con .line{top:9.596vw; height:.168vw;}
	.business .info-business .con > div{width: 23.569vw;}
	.business .info-business .con > div > div{font-size: 2.104vw;}
	.business .info-business .con > div > div.btm{margin-top: 1.26vw;}
	.business .info-business .con > div > div .tit{font-size: 2.946vw; margin-bottom: .4209vw;}
	.business section .list1-2 li{border-radius:2.27vw; padding:.84vw .84vw 3.37vw .84vw;}
	.business section .list1-2 li .img img{border-radius:1.68vw;}
	.business section .list1-2 li .txt-box{font-size: 1.5vw; padding-top:3.36vw;}
	.business section .list1-2 li .txt-box .tit{font-size: 2.77vw; margin-bottom: .85vw;}

	.gddworld section .gdd-banner{padding: 10vw 5vw;}
	.gddworld section .gdd-banner .banner-content h4{font-size: 4.2vw;}
	.gddworld section .gdd-banner .banner-content > p{font-size: 1.84vw; margin-top: 3.36vw;}
	.gddworld section .gdd-banner .banner-content .desc{margin-top: 3.36vw;}
	.gddworld section .gdd-banner .banner-content .desc p{font-size: 2vw;}
	.gddworld section .gdd-banner .banner-content .desc p + p{margin-top: 2.52vw;}
	.gddworld section .gdd-banner .banner-img{width:39vw;}
	.gddworld section .card {flex : 0 0 32.8%; border-radius: 22px;}
	.gddworld section .thumb {margin-bottom: 1.68vw; border-radius: 6px;}
	.gddworld section .card-title {font-size:2.85vw;}
	.gddworld section .card-title .sm {font-size:2.35vw;}
	.gddworld section .card-desc {font-size:1.68vw;}
	.gddworld section .gdd-banner-ch{background-position:center left 6.72vw; background-size: 12.68vw auto; padding:4.2vw 4.2vw 4.2vw 26vw;}
	.gddworld section .gdd-banner-ch .banner-content h4{font-size: 4.1vw;}
	.gddworld section .gdd-banner-ch .banner-content .tit-sub{font-size: 2.6vw;}
	.gddworld section .gdd-banner-ch .banner-content p{font-size: 1.67vw;}
	.gddworld section .gdd-banner-ch .banner-content .fs-up{font-size: 1.75vw;}
	.gddworld section .gdd-banner-ch .banner-content .rt-txt{top:4.6vw; right:4.6vw; font-size: 2.34vw;}
	.gddworld section .gdd-banner-ch .img{width: 15.88vw;}
	.gddworld section .gdd-banner-ch{margin-top: 4.2vw; margin-bottom:14.28vw;}
	/* .gddworld .tab a{width:50%; max-width: 400px;} */
	.gddworld section .ch-list-tit{font-size:2.6vw; line-height:4.45vw; border-radius:2.2vw; margin:0 auto 4.2vw auto;}
	.gddworld section .ch-list{gap:0 .5vw; margin-bottom:7.5vw;}
	.gddworld section .ch-list .list{border-radius:2.1vw; padding-bottom: 5.8vw;}
	.gddworld section .ch-list .list .img-th{max-height: 21.8vw; border-radius:1.84vw; padding:.8vw;}
	.gddworld section .ch-list .list .info{padding:1.6vw;}
	.gddworld section .ch-list .list .info .li-tit{font-size: 2.68vw;}
	.gddworld section .ch-list .list .info .li-tit img{width:3.86vw;}
	.gddworld section .ch-list .list .info .li-sub-tit{font-size: 1.59vw; margin-bottom:.2vw;}
	.gddworld section .ch-list .list .info .li-desc{font-size:1.42vw;}
	.gddworld section .ch-list .list .btm_area{bottom: 1.2vw; padding: 0 1.6vw;}
	.gddworld section .ch-list .list .btm_area .btn_pop{width: 3.19vw; height: 3.19vw; background: url('https://wiseonmedia.speedgabia.com/en/images/contents/ico_plus.png') no-repeat center / 1.2vw;}
	.gddworld section .ch-list .list .btm_area .like_wrap .num{font-size: 1.6vw;}
	.gddworld section .ch-list .list .btm_area .like_wrap .ico{width: 3.6vw; height: 3.27vw; margin-left:.4vw;}
	.gddworld section .ch-list .list .btm_area .like_wrap .ico.on{background-image: url('https://wiseonmedia.speedgabia.com/en/images/contents/ico_like_on.png');}
	.gddworld section .gdd-banner-mon{border-radius: 1.6vw;}
	.gddworld section .gdd-banner-mon .img{width:40.75vw;}
	.gddworld section .gdd-banner-mon .banner-content{padding: 4.2vw 3.78vw;}
	.gddworld section .gdd-banner-mon .banner-content h4{font-size: 4.11vw; margin-bottom: 1.6vw;}
	.gddworld section .gdd-banner-mon .banner-content p{font-size: 1.6vw;}
	.gddworld section .gdd-banner-mon .banner-content p + p{margin-top:1.2vw;}
	.gddworld section .gdd-banner-mon .banner-content .fs-up{font-size: 1.76vw; margin-bottom: .8vw;}
	.gddworld section .mon-list{gap: .5vw .25vw; margin-top: 4.2vw;}
	.gddworld section .mon-list li img{height:18.3vw;}
	.gddworld section .mon-list li .li-tit{font-size:2.1vw; margin-top:2.1vw;}
}

/* tablet */
@media all and (max-width:1024px) {
	.br_pc{display:inline-block;}

    header{padding:14px 20px;background: #fff;border-color: #acacac;}
    header .nav-icon{right:20px;top:25px;}
    header .nav-icon span{background: #000;}
    header .gnb{top:87px;}
    header .logo{background: url(https://wiseonmedia.speedgabia.com/en/images/common/logo2.png) no-repeat;background-size: cover;}
	header .lang {margin-top:14px;}


    #intro{height: 100%;}
    #intro .txt{max-width: 540px;}
    #intro .txt em{font-size: 80px;}
    #intro .txt span{font-size: 70px;}
    #intro:before{width:450px;height: 250px;}

    footer{position:relative;padding:38px 30px 48px;}
    footer .layout{display: block;}
    footer .layout .footer-info{width:100%;margin-top:20px;padding-left:0;}
    footer .layout .footer-info .footer-top nav{padding-top:0;}
    footer .layout .footer-info .footer-top nav a{margin-left:20px;font-size: 13px;}
    footer .layout .footer-info .footer-top{display: block;}
    footer .layout .footer-info .footer-top .sns-box{margin-top:10px;text-align: right;}
    footer .layout .footer-info address{margin-top:20px;}
    #main{padding-top:87px;}
    #main .section01{padding:75px 0;}
    #main .section01 .box{position:relative;padding:70% 20px 0;display: block;}
    #main .section01 .box .img{position: absolute;width:100%;left:0;top:0;padding:0 20px;}
    #main .section01 .box .img img{display:block;width:100%;}
    #main .section02{position:relative;padding:158% 0 0;background: url(https://wiseonmedia.speedgabia.com/en/images/main/m_main02.png) 50% 50% no-repeat;background-size: cover;}
    #main .section02 .layout{position: absolute;width:100%;top:0;left:0;height: 100%;}
    #main .section02 .txt-box{position: absolute;width:100%;padding:0 20px;left: 0;bottom:10%;float: none;}
    #main .section03{padding:75px 0;}
    #main .section03 .box{position:relative;padding:70% 20px 0;display: block;}
    #main .section03 .box .img{position: absolute;width:100%;left:0;top:0;padding:0 20px;}
    #main .section03 .box .img img{display:block;width:100%;}
	#main .section05{padding-top: 100px; padding-bottom: 100px;}
	#main .section05 .layout{padding: 0 20px; box-sizing: border-box;}
	#main .section05 .layout .con-area{flex-wrap: wrap; gap: 50px 0;}
	#main .section05 .layout .con-area div{width:100%;}

    .breadcrumbs{padding:0 30px;}
    .company{padding:0 30px;}
    .company section{padding:50px 0 55px;}
    .company section .txt1{word-break: keep-all;}
    .company section .txt2{word-break: keep-all;}
    .company section .txt2 br{display: none;}
    .company section .img1{margin-top:25px;padding-top:64%;/*background: url(https://wiseonmedia.speedgabia.com/en/images/contents/m_about01.png) 50% 50% no-repeat;*/background-size: auto 100%;}
    .company section .img2{margin-top:20px;padding-top:60%;/*background: url(https://wiseonmedia.speedgabia.com/en/images/contents/m_about02.png) 50% 50% no-repeat;*/background-size: auto 100%;}
    .company section .img3{margin-top:20px;padding-top:188%;background: url(https://wiseonmedia.speedgabia.com/en/images/contents/m_about03_02.jpg) 50% 50% no-repeat;background-size: cover;}
    .company section .img4{margin-top:20px;padding-top:79%;background: url(https://wiseonmedia.speedgabia.com/en/images/contents/m_about04.png) 50% 50% no-repeat;background-size: cover;}
	.company .history-col-2{display:block;}
	.company .history-col-2 .ul-history li{font-size:20px; text-indent:5px; padding-left:150px; margin-top:0;}
	.company .history-col-2 .ul-history li:before{left:5px;}
	.company .history-col-2 .ul-history ~ .ul-history{margin-top:0;}
	.company .ul-history li strong{text-indent:5px;}

    .business{padding:0 30px;}
    .business section{padding:50px 0 55px;}
    .business section .txt1{word-break: keep-all;}
    .business section .txt2{word-break: keep-all;}
    .business section .txt2 br{display: none;}
    .business section .img1{margin-top:50px;padding-top:106%;background: url(https://wiseonmedia.speedgabia.com/en/images/contents/m_business01.png) 50% 50% no-repeat;background-size: cover;}
    .business section .img2{margin-top:90px;padding-top:72%;background: url(https://wiseonmedia.speedgabia.com/en/images/contents/m_business06.png) 50% 50% no-repeat;background-size: cover;}
    .business section .list1{display: block;}
    .business section .list1 li{display: flex;}
    .business section .list1 li + li{margin-left:0;margin-top:30px;}
    .business section .list1 li > div{flex:1;}
    .business section .list1 li .img{padding-top:50%;}
    .business section .list1 li .txt-box{padding-top:50%;}
    .business section .list1 li:nth-child(even){top:0;}

	.business section .list1-2{flex-wrap: wrap; gap: 6.5vw 6%;}
	.business section .list1-2 li{position: relative; width: 47%; height: 40.3vw; overflow: unset; padding:0 4vw;}
	.business section .list1-2 li:nth-of-type(2n-1){margin-top:0;}
	.business section .list1-2 li:nth-of-type(2n){margin-bottom:0;}
	.business section .list1-2 li .img{position: absolute; bottom: -1.6vw; right: -1.6vw; width: 28vw; height: 26vw;}
	.business section .list1-2 li .img img{display: block; width: 100%; height: 100%; object-fit: cover; box-shadow:0 1.01vw 1.77vw rgb(119,119,119,.85);}
	.business section .list1-2 li .txt-box{font-size: 1.8vw; text-align: left; padding-top: 3vw;}
	.business section .list1-2 li .txt-box .tit{font-size: 3.55vw; margin-bottom: 1.4vw;}

    .business section .list2 li .txt-box p{word-break: keep-all;font-size:20px;}
    .business section .list2 li .txt-box p br{display: none;}

	.business .info-business .con > div{width: 21.5vw; padding: 0 1vw;}
	.business .info-business .con > div > div{font-size: 1.8vw;}

    .project{padding:0 30px;}
    .project section{padding:50px 0 30px;}
    .project section .box{display: block;padding-top:75%;}
    .project section .box .txt-box{width:100%;}
    .project section .box .txt-box ul{padding-right:0;}
    .project section .box .slide-box{width:100%;position: absolute;top:0;left:0;}

    .character{padding:0 30px;}
    .character section{padding:50px 0 55px;}
    .character section .txt1{word-break: keep-all;}
    .character section .txt2{word-break: keep-all;}
    .character section .txt2 br{display: none;}

    .contactus{padding:50px 30px 55px;}
    .notice .view .notice_view_con{display: block;padding:20px;}
    .notice .view .notice_view_con h3{display: block;}
    .notice .view .notice_view_con p{display: block;}
    .notice .view .notice_view{padding:20px;}

    .inquiry-result .view .notice_view_con{display: block;padding:20px;}
    .inquiry-result .view .notice_view_con h3{display: block;}
    .inquiry-result .view .notice_view_con p{display: block;}
    .inquiry-result .view .notice_view{padding:20px;}

    .inquiry-result .inner{width:100%; margin:0 auto;}
    .inquiry-result .inner .email_bg{margin:0 auto;float: none;}
    .inquiry-result .inner{float:none; width:100%;}
    .inquiry-result .inner .input_wrap{float: none;width:100%;}
    .inquiry-result .inner .input_wrap ul {border-bottom:1px solid #d9d9d9; margin-bottom:30px; margin-top:26px;}
    .inquiry-result .inner .input_wrap ul li {margin-bottom:20px; color:#7d7d7d;}
    .inquiry-result .inner .input_wrap ul li input,
    .inquiry-result .inner .input_wrap ul li select{width:30%;vertical-align: middle;}
    .inquiry-result .inner .input_wrap ul li span{font-size:15px;font-weight:500; position:relative; width:126px; display:block; padding-left:10px; margin-bottom:10px;}
    .inquiry-result .inner .input_wrap ul li span::before{content:""; display:block; width:5px; height:5px; background:#021442; border-radius:10px; position:absolute; top:6px; left:0px;}
    .inquiry-result .inner .input_wrap ul li input, .resultCheck .content .wrap .input_wrap ul li select {width:30%; height:36px; box-sizing:border-box; border:1px solid #d0d0d0; border-radius:0; color:#7d7d7d;}
	
    .gddworld{padding:0 30px;}
    .gddworld section{padding:50px 0 55px;}
}

@media all and (max-width:700px) {
	#pages.pb330{padding-bottom: 100px;}
	.gddworld section .gdd-banner{flex-direction: column;}
	.gddworld section .gdd-banner .banner-content h4{font-size: 29px;}
	.gddworld section .gdd-banner .banner-content > p{font-size: 13px; margin-top: 24px;}
	.gddworld section .gdd-banner .banner-content .desc{margin-top: 24px;}
	.gddworld section .gdd-banner .banner-content .desc p{font-size: 14px;}
	.gddworld section .gdd-banner .banner-content .desc p + p{margin-top: 18px;}
	.gddworld section .gdd-banner .banner-img{width: 100%; max-width: 270px; margin-top: 20px;}
	.gddworld section .card {flex : 0 0 49%; border-radius: 20px;}
	.gddworld section .thumb {margin-bottom: 12px; border-radius: 5px;}
	.gddworld section .card-title {font-size:20px;}
	.gddworld section .card-title .sm {font-size:16px;}
	.gddworld section .card-desc {font-size:13px;}
	.gddworld section .gdd-banner-ch{flex-direction: column; align-items: center; padding: 110px 20px 20px 20px; background-size: 75px; background-position: right 60px top 60px; margin-top:25px; margin-bottom: 50px;}
	.gddworld section .gdd-banner-ch .banner-content h4{font-size: 30px;}
	.gddworld section .gdd-banner-ch .banner-content p{font-size: 13px;}
	.gddworld section .gdd-banner-ch .banner-content .tit-sub{font-size: 20px;}
	.gddworld section .gdd-banner-ch .banner-content .fs-up{font-size: 14px;}
	.gddworld section .gdd-banner-ch .banner-content .rt-txt{font-size: 16px;}
	.gddworld section .gdd-banner-ch .img{width: 90px; margin-top:10px;}
	.gddworld section .ch-list-tit{width: 90%; font-size: 20px; line-height: 40px; border-radius: 20px;}
	.gddworld section .ch-list{flex-wrap: wrap; gap: 2%; margin-bottom: 50px;}
	.gddworld section .ch-list .list{width: 48%; border-radius: 12px; padding-bottom: 30px; margin-bottom: 2%;}
	.gddworld section .ch-list .list .img-th{height: 40vw; max-height: 260px; border-radius: 8px; padding: 15px;}
	.gddworld section .ch-list .list .info{padding: 10px;}
	.gddworld section .ch-list .list .info .li-tit{font-size: 20px; line-height: 1.3;}
	.gddworld section .ch-list .list .info .li-tit img{width: 27px;}
	.gddworld section .ch-list .list .info .li-sub-tit{font-size: 14px; margin-bottom: 15px;}
	.gddworld section .ch-list .list .info .li-desc{font-size: 13px;}
	.gddworld section .ch-list .list .btm_area{bottom: 6px; padding: 0 10px;}
	.gddworld section .ch-list .list .btm_area .btn_pop{width: 26px; height: 26px; background-size:12px;}
	.gddworld section .ch-list .list .btm_area .like_wrap .num{font-size: 14px;}
	.gddworld section .ch-list .list .btm_area .like_wrap .ico{width: 26px; height: 26px; margin-left: 5px;}
	.gddworld section .gdd-banner-mon{flex-direction: column;    align-items: center;}
	.gddworld section .gdd-banner-mon .img{width: 90%; max-width: 400px; margin-top: 5%;}
	.gddworld section .gdd-banner-mon .banner-content{padding:25px 20px;}
	.gddworld section .gdd-banner-mon .banner-content h4{font-size: 20px; margin-bottom: 12px;}
	.gddworld section .gdd-banner-mon .banner-content p{font-size: 13px;}
	.gddworld section .gdd-banner-mon .banner-content p + p{margin-top: 10px;}
	.gddworld section .gdd-banner-mon .banner-content .fs-up{font-size: 14px; margin-bottom: 10px;}
	.gddworld section .mon-list{gap: 40px 0; margin-top: 30px;}
	.gddworld section .mon-list li img{height: 30vw; max-height: 230px;}
	.gddworld section .mon-list li .li-tit{font-size: 15px; margin-top: 10px;}
}

/* mobile */
@media all and (max-width:640px) {
    .tab a{font-size: 14px;}

    div.page{text-align:center; margin-top:30px;}
    div.page a {display:inline-block; border:1px solid #dddddd; width:25px; height:25px; vertical-align:middle; line-height:25px;}
    div.page a img{width:100%;}
    div.page a.on{background:#ec5b2c; color:#fff;}
    div.page a.first{margin-right:-4px; border-right:none;}
    div.page a.last{margin-left:-4px; border-left:none;}
    div.page a.prev{margin-right:10px;}
    div.page a.next{margin-left:10px;}

    header{padding:14px 20px;}
    header .logo{display: inline-block;width:60px;height: 33px;}
    header .nav-icon{right:20px;top:18px;width:30px;height: 25px;}
    header .gnb{top:66px;padding:40px 20px 30px;}
    header .gnb > a{font-size: 20px;margin-top:15px;}
    header .gnb .sns-box{margin-top:30px;}
    header .gnb .sns-box a{margin-left:20px;}
    header .gnb .sns-box a:before{left:-10px;}
    header .gnb .sns-box:before{width:calc(100% - 190px);}
	header .lang {margin-top:8px; margin-right:56px; font-size:15px;}

    footer .layout .footer-logo{width:60px;}
    footer .layout .footer-info .footer-top nav a:before{top:2px;left:-10px;}

    #intro{height: 100%;}
    #intro .txt{max-width: 270px;}
    #intro .txt em{font-size: 40px;}
    #intro .txt span{font-size: 30px;}
    #intro:before{width:225px;height: 125px;}

    #main{padding-top:68px;}
    #main .section01{padding:50px 0;}
    #main .section01 .box .txt-box h3{font-size: 25px;}
    #main .section01 .box .txt-box h3 span{font-size: 20px;}
    #main .section01 .box .txt-box p{margin-top:10px;padding-top:15px;font-size: 15px;word-break: keep-all;}
    #main .section01 .box .txt-box p br{display: none;}
    #main .section01 .box .txt-box a{margin-top:20px;width:170px;line-height: 38px;font-size: 15px;}
    #main .section02 .txt-box h3{font-size: 25px;}
    #main .section02 .txt-box h3 span{font-size: 20px;}
    #main .section02 .txt-box p{margin-top:10px;padding-top:15px;font-size: 15px;word-break: keep-all;}
    #main .section02 .txt-box p br{display: none;}
    #main .section02 .txt-box a{margin-top:20px;width:170px;line-height: 38px;font-size: 15px;}
    #main .section03 .box .txt-box h3{font-size: 25px;}
    #main .section03 .box .txt-box h3 span{font-size: 20px;}
    #main .section03 .box .txt-box p{margin-top:10px;padding-top:15px;font-size: 15px;word-break: keep-all;}
    #main .section03 .box .txt-box p br{display: none;}
    #main .section03 .box .txt-box a{margin-top:20px;width:170px;line-height: 38px;font-size: 15px;}
    #main .section04 .layout{padding:0 20px;}
    #main .section04 .layout p{width:55%;font-size:15px;}
    #main .section04 .layout a{width:40%;margin-left:5%;line-height: 38px;font-size: 15px;}
    #main .section04 .layout a i{left: 10px;font-size: 25px;}
	#main .section05 .layout .tit{font-size: 25px;}
	#main .section05 .layout .rt-area a{font-size: 16px;}
	#main .section05 .layout .rt-area a .ico{width:16px; height:16px; font-size: 16px; vertical-align: -2px;}
	#main .section05 .layout .rt-area a .ico::after{left: -3px; width:16px; height:16px;}
	#main .section05 .layout .con-area{gap: 30px 0; margin-top: 30px;}
	#main .section05 .layout .con-area div .date{font-size: 14px; margin-bottom:15px;}
	#main .section05 .layout .con-area div .tit{font-size: 18px; margin-bottom:15px;}
	#main .section05 .layout .con-area div .txt{font-size: 15px;}

    #pages{padding:105px 0 55px;}
    .breadcrumbs{padding:0 15px;}
    .breadcrumbs a{font-size: 18px;margin-left:22px;}
    .breadcrumbs a:before{top:11px;left:-11px;}
    .breadcrumbs .home{width: 15px;}

    .company{padding:0 15px;}
    .company section h3{font-size:25px;}
    .company section h3 span{font-size:20px;}
    .company section .txt1{margin-top:15px;font-size: 15px;word-break: keep-all;}
    .company section .txt2{margin-top:10px;font-size: 13px;word-break: keep-all;}
    .company section ul{margin-top:15px;}
    .company section ul li{font-size: 15px;word-break: keep-all;}
    .company section ul li:before{top:8px;}
	.company .history-col-2 .ul-history li{font-size:15px; text-indent:0; padding-left:100px;}

    .business{padding:0 15px;}
    .business section h3{font-size:25px;}
    .business section h3 span{font-size:20px;}
    .business section .txt1{margin-top:15px;font-size: 15px;word-break: keep-all;}
    .business section .txt2{margin-top:10px;font-size: 13px;word-break: keep-all;}
    .business section .list1 li .img .caption{width:70%;height: 70%;}
    .business section .list1 li .img .caption p{font-size:16px;}
    .business section .list1 li .txt-box .caption p{font-size:16px;word-break: keep-all;}
    .business section .list1 li .txt-box .caption p br{display: none;}
    .business section .list2 li .txt-box{top:-15px;padding-top:110%;}
    .business section .list2 li .txt-box p{font-size: 14px;}

    .project{padding:0 15px;}
    .project section h3{font-size:25px;}
    .project section h3 span{font-size:20px;}
    .project section .txt1{margin-top:15px;font-size: 15px;word-break: keep-all;}
    .project section .txt2{margin-top:10px;font-size: 13px;word-break: keep-all;}
    .project section .box .slide-box{padding-bottom:20px;}
    .project section .box .slide-box:before{display: none;}
    .project section .box .txt-box h4{font-size: 20px;}
    .project section .box .txt-box ul{margin-top:15px;}
    .project section .box .txt-box ul li{font-size: 15px;word-break: keep-all;}
    .project section .box .txt-box ul li:before{top:8px;}
    .project section .slide-box .control-box .pagingInfo{font-size: 14px;top:7px;}
    .project section .slide-box .control-box .timeline{width:45%;top:8px;}
    .project section .slide-box .control-box .arrowSlider button{margin-left:5px;}

    .character{padding:0 15px;}
    .character section h3{font-size:25px;}
    .character section h3 span{font-size:20px;}
    .character section .txt1{margin-top:15px;font-size: 15px;word-break: keep-all;}
    .character section .txt2{margin-top:10px;font-size: 13px;word-break: keep-all;}
    .character section ul{margin:0;}
    .character section ul li{width:100%;display: block;margin:20px 0 0;}

    .contactus{padding:50px 15px 55px;}
    .contactus .hgroup h3{font-size:25px;}
    .contactus .hgroup h3 span{font-size:20px;}
    .contactus .hgroup .txt1{margin-top:15px;font-size: 15px;word-break: keep-all;}
    .contactus .hgroup .txt2{margin-top:10px;font-size: 13px;word-break: keep-all;}

    .search-box{position:relative;margin-top:20px;display: block;padding-bottom:35px;}
    .search-box p.table_top{position:absolute;left:0;bottom:0;font-size:14px;}
    .search-box p.table_top span{font-size:18px;}
    .search-box .category{position: absolute;left:0;bottom:0;}
    .search-box .category a{font-size: 15px;margin-left:20px;}
    .search-box .category a:before{height: 12px;top: 4px;left: -10px;}
    .search-box .search_form{margin-top:10px;position:relative;}
    .search-box .search_form input{border:1px solid #dddddd; border-right:none; height:35px; width:100%;margin-right:-4px;font-size:14px;}
    .search-box .search_form button{position: absolute;right:0;}
    .notice table thead tr th{padding:10px 0;font-size: 12px;}
    .notice table tbody tr td{padding: 10px 0;font-size: 12px;}
    .notice .view .notice_view_con h3{font-size:18px;}
    .notice .view .notice_view_con p{font-size:14px;}
    .notice .view .con_page{padding:15px;}
    .notice .view .con_page span{font-size:14px;}
    .notice .view .con_page a{font-size:14px;}
    .notice .view .notice_view_con a.down{font-size: 14px;}

    .inquiry h4{font-size:15px; color:#021442; font-weight:500;}
    .inquiry .agree_txt{width:100%; height:273px; overflow-y:scroll; padding:10px; box-sizing:border-box; border:1px solid #d2d2d2; color:#444444; font-size:12px; line-height:1.3; margin:20px 0;}
    .inquiry .warning{color:#444444; font-size:12px; padding-left:25px; line-height:1.3; position:relative;}
    .inquiry .warning::before{content:"i"; width:16px; height:16px; display:block; position:absolute; top:3px; left:0; background:#c71b2a; color:#fff; text-align:center; border-radius:16px; font-size:11px; line-height:16px;}
    .inquiry .radio_chk{padding-left:25px; margin-top:20px;}
    .inquiry .radio_chk input{display:inline-block; width:15px; height:15px; border:1px solid #c0c0c0; border-radius:15px; vertical-align:top;}
    .inquiry .radio_chk label{font-size:12px; color:#444444; margin-right:30px;}
    .inquiry .caption{text-align:right; font-size:11px; color:#444; margin:35px 0 10px;}
    .inquiry table.form_table td input#title{width:100%;}
    .inquiry table.form_table td textarea{width:100%; border:1px solid #d0d0d0; border-radius:0; color:#7d7d7d; resize : vertical; height:200px;}
    .inquiry table.form_table td a.btn_file{width:30%; height:36px; background:#818181; color:#fff; font-size:12px; text-align:center; line-height:36px; display:inline-block; vertical-align:bottom;}
    .inquiry table.form_table td a.btn_add{width:30%; height:36px; background:#b7b7b7; color:#fff; font-size:12px; text-align:center; line-height:36px; display:inline-block; vertical-align:bottom;}
    .inquiry table.form_table td p.file_info{margin-top:12px;}

    table.form_table{width:100%; border-collapse: collapse; border-top: 2px solid #1c1c1c; margin-bottom:20px;}
    table.form_table th{border-bottom: 1px solid #d9d9d9; padding: 10px 5px; font-weight:bold; color:#021442; font-size:12px; background:#fff; text-align:left; vertical-align:top;}
    table.form_table td{border-bottom: 1px solid #d9d9d9; padding: 10px; color:#444444; font-size:11px; color:#7d7d7d;}
    table.form_table td.align_left{text-align:left;}
    table.form_table td input, table.form_table td select{width:30%; height:36px; box-sizing:border-box; border:1px solid #d0d0d0; border-radius:0; color:#7d7d7d;}

    .inquiry-result .view .notice_view_con h3{font-size:18px;}
    .inquiry-result .view .notice_view_con p{font-size:14px;}
    .inquiry-result .view .con_page{padding:15px;}
    .inquiry-result .view .con_page span{font-size:14px;}
    .inquiry-result .view .con_page a{font-size:14px;}
    .inquiry-result .view .notice_view_con a.down{font-size: 14px;}
    .inquiry-result .view.notice_view_con:first-of-type{border-top:2px solid #1c1c1c;}
    .inquiry-result .view .notice_view_con{background:#f7f7f7; padding:20px 10px; display:table; width:100%; box-sizing:border-box; border-bottom:1px solid #d9d9d9;}
    .inquiry-result .view .notice_view_con h3{font-size:12px; color:#181818; display:table-cell; padding-left:29px;}
    .inquiry-result .view .notice_view_con.questions h3::before{content:"Q"; display:block; width:24px; height:24px; background:#021442; border-radius:24px; color:#fff; font-size:17px; text-align:center; line-height:25px; position:absolute; top:-5px; left:0;}
    .inquiry-result .view .notice_view_con.answer h3::before{content:"A"; display:block; width:24px; height:24px; background:#f17373; border-radius:24px; color:#fff; font-size:17px; text-align:center; line-height:24px; position:absolute; top:-5px; left:0;}
    .inquiry-result .view .notice_view_con p{font-size:10px; color:#7d7d7d; display:table-cell; text-align:right;}
    .inquiry-result .view .notice_view_con a.down{background:#fff; border:1px solid #bbbbbb; color:#444444; font-size:12px; border-radius:2px; position:relative; margin-right:3px; width:100px; height:30px; display:inline-block; line-height:30px; text-align:center; box-sizing:border-box; padding-left:20px;}
    .inquiry-result .view .notice_view_con a.down::before{content:""; display:block; position:absolute; width:17px; height:17px; top:5px; left:15px;}
    .resultCheck .content .notice_view{padding:20px 10px;}

    .faq dl dt{padding:13px 13px 13px 120px;font-size:13px;}
    .faq dl dt:before{width:20px;height: 20px;line-height: 21px;left:10px;top:11px;}
    .faq dl dt:after{right:10px;top:17px;}
    .faq dl dt span{font-size:13px;left: 40px;top: 13px;width:70px;}
    .faq dl dd{padding:15px 40px 15px 45px;font-size:13px;}
    .faq dl dd:before{width:20px;height: 20px;line-height: 21px;left:10px;top:13px;}

    .inquiry-result .inner{width:100%; margin:0 auto;}
    .inquiry-result .inner .input_wrap{float:none; width:100%;}
    .inquiry-result .inner .input_wrap ul {border-bottom:1px solid #d9d9d9; margin-bottom:30px; margin-top:26px;}
    .inquiry-result .inner .input_wrap ul li {margin-bottom:20px; color:#7d7d7d;}
    .inquiry-result .inner .input_wrap ul li span{font-size:15px;font-weight:500; position:relative; width:126px; display:block; padding-left:10px; margin-bottom:10px;}
    .inquiry-result .inner .input_wrap ul li span::before{content:""; display:block; width:5px; height:5px; background:#021442; border-radius:10px; position:absolute; top:6px; left:0px;}
    .inquiry-result .inner .input_wrap ul li input, .resultCheck .content .wrap .input_wrap ul li select {width:30%; height:36px; box-sizing:border-box; border:1px solid #d0d0d0; border-radius:0; color:#7d7d7d;}
    .inquiry-result .inner .warning{color:#444444; font-size:12px; padding-left:25px; line-height:1.3; position:relative;}

    .gddworld{padding:0 15px;}
    .gddworld section h3{font-size:25px;}
    .gddworld section h3 span{font-size:20px;}
    .gddworld section .txt1{margin-top:15px; font-size: 15px; word-break: keep-all;}
	/* .gddworld .tab{margin-top:50px;}
	.gddworld .tab a{height:40px; font-size: 16px; line-height:37px;} */

	.pop_wrap{padding: 40px;}
	.pop_wrap .btn_close{width: 25px; height: 25px; background-position: 22px auto;}
	.pop_wrap .pop_body .tit{font-size: 30px; margin-bottom: 25px;}
	.pop_wrap .pop_body .sub-tit{margin-left:10px;}
	.pop_wrap .pop_body .sub-tit{font-size: 18px;}
	.pop_wrap .pop_body .hashtag{font-size: 14px; margin-bottom: 20px;}
	.pop_wrap .pop_body .txt{font-size: 13px;}
	.pop_wrap .pop_body .img-ch{margin-top: 20px;}
}

@media all and (max-width:500px) {
	.gddworld section .card {flex : 0 0 100%;}
}

@media all and (max-width:1650px) {
	#intro.type_02 .txt{width:auto !important; max-width:none !important; white-space: nowrap;}
	#intro.type_02 .txt em{font-size:11vw !important; line-height:15vw !important;}
	#intro.type_02 .txt span{font-size:8vw !important; line-height:15vw !important;}
}

@media all and (max-height:700px) {
	#intro.type_02 .txt em{font-size: 9vw !important; line-height: 9vw !important;}
	#intro.type_02 .txt span{font-size: 7vw !important; line-height: 12vw !important;}
}


@media all and (max-width:375px) {
    #main .main-visual .main-visual-slick .slide-item a {width: 27.5%; height: 3.5%; top: 93.5%; left: 6.1%;}
}