@charset "utf-8";

html, body{overflow-x: hidden;}
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;

/* CSS Document */
#fp-nav{left:110px; top:50% !important; margin:0 !important;}
#fp-nav ul{position:relative;}
#fp-nav ul:before{content:''; display:block; clear:both; width:1px ;height:100%; background-color:#c8c8c8; opacity:0.7; position:absolute; left:50%; margin-left:-0.5px; top:0; }
#fp-nav ul li.active a{background-color:#fff;}
#fp-nav ul li{width:3px !important; height:60px !important; margin:0 !important;}
#fp-nav ul li a{border-radius:1.5px;}
#fp-nav ul li a span{display:none; background:transparent !important; width:100% !important; height:100% !important; margin:0 !important; left:0 !important; top:0 !important;}
#fp-nav ul li .fp-tooltip{width:auto !important ; opacity:0 !important; font-size:1.2rem !important; font-weight:400 !important; font-family:'Poppins', sans-serif; color:#fff !important; top:50% !important; left:14px; margin-top:-8px; line-height:1.2; letter-spacing:0.5px;}
#fp-nav ul li.active .fp-tooltip{opacity:1 !important;}
#fp-nav ul li:last-child{display:none;}
#fp-nav.on ul li .fp-tooltip{color:#fff !important;}
#fp-nav.bl ul::before{background-color:#222;}
#fp-nav.bl ul li.active a{background-color:#222;}
#fp-nav.bl ul li .fp-tooltip{color:#222 !important;}


.btnSt01{display:inline-block; width:202px; height:50px; font-size:1.6rem; font-weight:600; color:#fff; letter-spacing:-0.5px; text-align:center; line-height:50px; border-radius:10px !important; background-color:#017392 !important;}

.main .section{background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}

.main .mainVisual{width:100%; height:100%;}
.main .mainVisual .back_img{width:100%; height:100%;}
.main .mainVisual .size{height:100%;}
.main .mainVisual .txt{padding:0 95px; box-sizing:border-box;}
.main .mainVisual .txt .top{font-weight:800; font-family:'Poppins', sans-serif; color:#fff;}
.main .mainVisual .txt .top em{display:block; font-size:16rem; line-height:113px; letter-spacing:-8px;}
.main .mainVisual .txt .top span{display:block; font-size:8rem; text-align:right; line-height:68px; letter-spacing:-3.5px;}
.main .mainVisual .txt .btm{margin-top:50px; font-size:3.4rem; font-weight:300; color:#fff; letter-spacing:-3px; text-align:center; line-height:1.2;}
.main .section2 .mainVisual .txt .btm,
.main .section3 .mainVisual .txt .btm{margin-top:60px;}

.main .mainVisual .txt .btm strong{display:block; font-size:5.4rem; font-weight:800;}

.main .section1 .size{position:relative;}
.main .section1 .scrollBtn{position:absolute; left:50%; bottom:40px; margin-left:-33.92px; text-align:center; animation:upDown 1.5s infinite;}
.main .section1 .scrollBtn span{display:block; margin-bottom:10px; font-size:1.4rem; font-weight:300; font-family:'Poppins', sans-serif; color:#fff; letter-spacing:3px; line-height:1.2; text-transform:uppercase;}

/*section2, section3 공통*/
.main .boxArea{width:100%; height:100%; position: relative;}
.main .boxArea .title{text-align:center; font-size:0;}
.main .boxArea .title .wr{display:inline-block;}
.main .boxArea .title em{display:inline-block;; font-size:5rem; font-weight:500; color:#fff; letter-spacing:-0.5px; line-height:1.2;}
.main .boxArea .title em strong{display:block; padding-bottom:7px; color: #000;box-sizing:border-box; font-size:5rem; font-weight:800; position:relative; z-index:1;}
.main .boxArea .title em strong::before{content:''; display:block; clear:both; width:100%; height:32px; position:absolute; left:0; bottom:0; z-index:-1; background-color:#017392;}
.main .boxArea .title span{display:block; margin-top:35px; font-size:4.2rem; font-weight:300; color:#b1b8bf; letter-spacing:-0.5px; line-height:1.1;}
.main .boxArea .cont{padding-top:115px; box-sizing:border-box;}
.main .boxArea .cont ul{width:100%; margin-left:0;}

.main .boxArea .cont ul li{float:left; width:31.33%; height:690px; margin-left:2%;  transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; position:relative;}
.li022{ width:46% !important; height: 13vh !important;}
.main .boxArea .cont ul li a{display:block; width:100%; height:100%; text-align:center; position:relative; z-index:20; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.main .boxArea .cont ul li a::before{content:''; display:block; clear:both; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; opacity:0; transition:opacity .5s ease; -webkit-transition:opacity .5s ease; -ms-transition:opacity .5s ease; -moz-transition:opacity .5s ease; -o-transition:opacity .5s ease;}
.main .boxArea .cont ul li .txt span{display:block; font-size:1.4rem; font-weight:600; font-family:'Poppins', sans-serif; letter-spacing:1px; text-transform:uppercase; line-height:1.1; transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease;}
.main .boxArea .cont ul li .txt em{display:block; margin-top:15px; font-size:3rem; font-weight:300; letter-spacing:-0.5px; line-height:1.1; /*transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease;*/}
.main .boxArea .cont ul li:hover{margin-top:-60px;}
.main .boxArea .cont ul li a:hover::before{opacity:1;}
div .main_btn{width: 180px; border: 2px solid #fff; padding: 1%;color:#fff; text-align: center; font-size: 24px; border-radius: 6px; margin: auto; transition-duration: 0.5s;}
div .main_btn:hover{ background: linear-gradient( 125deg, #017392, #d6efd2 );  border: 0;}


.main .section4 .boxArea .cont ul li.li01 a{background-image:url('../img/img_cont101_01.jpg');}
.main .section4 .boxArea .cont ul li.li01 a::before{background-image:url('../img/img_cont101_02.jpg');}
.main .section4 .boxArea .cont ul li.li02 a{background-image:url('../img/img_cont102_01.jpg');}
.main .section4 .boxArea .cont ul li.li02 a::before{background-image:url('../img/img_cont102_02.jpg');}
.main .section4 .boxArea .cont ul li.li03 a{background-image:url('../img/img_cont103_01.jpg');}
.main .section4 .boxArea .cont ul li.li03 a::before{background-image:url('../img/img_cont103_02.jpg');}
.main .section4 .boxArea .cont ul li a span{color:#cbcbcb;}
.main .section4 .boxArea .cont ul li a em{color:#fff;}
.main .section4 .boxArea .cont ul li a:hover span{color:#017392;}
.main .section4 .boxArea .cont ul li a:hover em{font-weight:800;}

.section5 {background-color: #e8f7fe;}
.main .section5 .boxArea .cont ul li a{background-color: #f4f5f6; transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; border-radius: 6px !important;}
.main .section5 .boxArea .cont ul li.li01 a::before{background-image:url('../img/bg_item01.jpg'); border-radius: 6px;}
.main .section5 .boxArea .cont ul li.li02 a::before{background-image:url('../img/bg_item02.jpg'); border-radius: 6px;}
.main .section5 .boxArea .cont ul li.li03 a::before{background-image:url('../img/bg_item03.jpg'); border-radius: 6px;}
.main .section5 .boxArea .cont ul li.li04 a::before{background-image:url('../img/bg_item04.jpg'); border-radius: 6px;}
.main .section5 .boxArea .cont ul li.li05 a::before{background-image:url('../img/bg_item05.jpg'); border-radius: 6px;}
.main .section5 .boxArea .cont ul li.li06 a::before{background-image:url('../img/bg_item06.jpg'); border-radius: 6px;}
.main .section5 .boxArea .cont ul li a .ico{height:100px;}
.main .section5 .boxArea .cont ul li a .ico img{}
.main .section5 .boxArea .cont ul li a .ico .on{display:none;}
.main .section5 .boxArea .cont ul li a .txt{margin-top:22px;}
.main .section5 .boxArea .cont ul li a .txt span{color:#017392;}
.main .section5 .boxArea .cont ul li .txt em{color:#333;}
.main .section5 .boxArea .cont ul li a:hover .ico .off{display:none;}
.main .section5 .boxArea .cont ul li a:hover .ico .on{display:inline-block;}
.main .section5 .boxArea .cont ul li a:hover .txt span{color:#fff;}
.main .section5 .boxArea .cont ul li a:hover .txt em{color:#fff; font-weight:500;}

.pad{padding-top: 0 !important;}
/* .fromBottom{text-align: center;} */
/*.wr1{margin-top: 50px;}*/
.main .section6{position:relative;}
.main .section6 .fp-tableCell::after{content:''; display:block; clear:both;}
.main .section6 .right{width:50%; height:100%; float:right; padding-left:6.28%; box-sizing:border-box;}
.main .section6 .left{width:50%; height:100%; float:left; padding-right:6.28%; box-sizing:border-box; background-image:url('../img/bg_cont3.jpg'); background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}

.main .section6 .hashTag{width:100%; height:100%; text-align:right; position:relative;}
.main .section6 .hashTag p{position:absolute; right:0; bottom:210px;}
.main .section6 .hashTag span{display:block; font-weight:800; font-family:'Poppins', sans-serif; color:#fff; text-transform:uppercase; text-shadow:0 9px 35px rgba(0,0,0,0.5); letter-spacing:-4px; line-height:1;}
.main .section6 .hashTag span b{font-weight:600;}
.main .section6 .hashTag .tag1{font-size:7rem;}
.main .section6 .hashTag .tag2{margin-top:60px; font-size:14rem; letter-spacing:-6px;}
.main .section6 .hashTag .tag3{margin-top:10px; font-size:8rem;}
.main .section6 .search{box-sizing:border-box; max-width:800px;}
.main .section6 .search .txt{font-size:5rem; font-weight:100; color:#222; letter-spacing:-3px; line-height:1.2;}
.main .section6 .search .txt b{display:block; font-weight:800; color:#017392;}
.main .section6 .search .txt .mo_t{display:none;}
.main .section6 .search .srchWrap{margin-top:50px;}
.main .section6 .search .srchCont{border:20px solid #017392; position:relative;}
.main .section6 .search .srchCont input[type="text"]{width:100%; height:auto; padding:17.5px 70px 17.5px 20px; box-sizing:border-box; font-size:2.4rem; font-weight:300; color:#222; letter-spacing:-0.5px; border:0; line-height:initial; outline:none;}
.main .section6 .search .srchCont input[type="text"]::placeholder{font-size:2.4rem; font-weight:300; color:#909090; letter-spacing:-0.5px;}
.main .section6 .search .srchCont input[type="submit"]{width:70px; height:70px; position:absolute; right:0; top:0; font-size:0; text-indent:-9999999px; background-color:transparent; background-image:url('../img/ico_search2.png'); background-repeat:no-repeat; background-position:50% 50%; cursor:pointer;}

.main .section7 .fp-tableCell{position:relative;}
.main .section7 .mapWrap{position:absolute; left:0; top:0; width:100%; height:100%;}
.main .section7 .mapWrap #map{width:100%; height:100vh;}
.main .section7 .mapWrap #map2{display:none; height:40vh;}
.main .section7 .size2{position:relative; z-index:10; box-sizing:border-box;}
.main .section7 .formWrap{float:right; width:100%; max-width:940px; position:relative; box-shadow:12px 12px 40px 13px rgba(0, 0, 0, 0.13);}
.main .section7 .imgBox{position:absolute; left:0; top:0;}
.main .section7 .imgBox p img{max-width:100%;}
.main .section7 .formBox{width:100%; padding-left:320px; box-sizing:border-box;}
.main .section7 .formBox .inner{width:100%; max-width:620px; padding:60px; box-sizing:border-box; background-color:#fff;}
.main .section7 .formBox .title{padding-bottom:15px; box-sizing:border-box; border-bottom:2px solid #333;}
.main .section7 .formBox .title strong{display:block; font-size:4rem; font-weight:800; font-family:'Poppins', sans-serif; color:#017392; letter-spacing:-0.25px; line-height:1.1; text-transform:uppercase;}
.main .section7 .formBox .title strong span{display:block; font-size:2rem; color:#333;}
.main .section7 .formBox .cont{padding:30px 0 0 20px; box-sizing:border-box;}
.main .section7 .formBox .cont table td.none{font-size:0; text-indent:-999999px;}
.main .section7 .formBox .cont table td{padding:20px 0 0 15px; box-sizing:border-box;}
.main .section7 .formBox .cont table td:first-child{padding:20px 15px 0 0;}
.main .section7 .formBox .cont table tr:first-child td{padding-top:0;}
.main .section7 .formBox .cont table td em{display:block; font-size:1.6rem; font-weight:600; color:#017392; letter-spacing:-0.5px; line-height:1.2;}
.main .section7 .formBox .cont table td input[type="text"]{display:block; width:100%; padding:0 0 5px 0; margin-top:7px; font-size:1.5rem; font-weight:400; color:#111; letter-spacing:-0.5px; border:initial; border-bottom:1px solid #afafaf; box-sizing:border-box; outline:none;}
.main .section7 .formBox .cont table td input[type="text"]::placeholder{font-size:1.5rem; font-weight:400; color:#909090; letter-spacing:-0.5px;}
.main .section7 .formBox .cont table td select{width:100%; margin-top:7px; padding:3px 5px;  font-size:1.5rem; font-weight:400; color:#111; letter-spacing:-0.5px; border:1px solid #afafaf; box-sizing:border-box; border-radius:3px; background-color:#fff;}
.main .section7 .formBox .cont table td.txt_area{padding:20px 0 0;}
.main .section7 .formBox .cont table td .textarea{margin-top:9px;}
.main .section7 .formBox .cont table td textarea{width:100%; height:156px; padding:20px; box-sizing:border-box; border:1px solid #afafaf; font-size:1.5rem; font-weight:400; color:#111; letter-spacing:-0.5px; resize:none; outline:none;}
.main .section7 .formBox .cont table td textarea::placeholder{font-size:1.5rem; font-weight:400; color:#909090; letter-spacing:-0.5px;}
.main .section7 .formBox .cont table td .check_box{margin-top:5px; font-size:0;}
.main .section7 .formBox .cont table td .check_box p{display:inline-block; vertical-align:middle;}
.main .section7 .formBox .cont table td .check_box .d_btn{display:inline-block; vertical-align:middle; margin-left:5px; width:62px; height:22px; font-size:1.2rem; font-weight:400; font-family:'Nanum Gothic', sans-serif; color:#fff; text-align:center; line-height:22px; letter-spacing:-0.5px; background-color:#c5c5c5;}
.main .section7 .formBox .cont .btnSet{margin:20px 0 0 0;}
.main .section7 .formBox .cont .btnSet input[type="submit"]{cursor:pointer; outline:none;}


/* quickMenu */
.quickMenu{position:fixed; right:0; bottom:310px; z-index:5; border:1px solid #017392; border-right:none;}
.quickMenu.w{border:none;}.quickMenu ul li a{position:relative; display:block; width:80px; height:80px; padding-top:50px; background-color:#fff; box-sizing:border-box; font-size:14px; font-weight:500; color:#017392; text-align:center; background-repeat:no-repeat; background-position:50% 15px; transition:background-color .2s;}

.quickMenu.w ul li a{background-color:rgba(255,255,255,0.3); color:#fff;}
.quickMenu ul li a:hover{background-color:#017392; color:#fff;}
.quickMenu ul li a:after{content:""; display:block; position:absolute; left:50%; bottom:0; width:30px; height:1px; margin-left:-15px; background-color:#017392;}
.quickMenu.w ul li a:after{background-color:#fff;}

.quickMenu ul li a.customerBtn{background-image:url(../img/ico_customer_p.png); background-size:40%; display:  ;}
.quickMenu.w ul li a.customerBtn,
.quickMenu ul li a:hover.customerBtn{background-image:url(../img/ico_customer.png);}

.quickMenu ul li a.inquiryBtn{background-image:url(../img/ico_inquiry_p.png); background-size:40%;}
.quickMenu.w ul li a.inquiryBtn,
.quickMenu ul li a:hover.inquiryBtn{background-image:url(../img/ico_inquiry.png);}
.quickMenu ul li a.topBtn{background-image:url(../img/ico_top_q_p.png); padding-top:40px;}
.quickMenu ul li a.download{background-image:url(../img/down_b.png); background-size: 50%;}
.quickMenu.w ul li a.download,
.quickMenu ul li a:hover.download{background-image:url(../img/down_w.png);}


.quickMenu ul li a.kakaoBtn{background-image:url(../img/ico_kakao_p.png); background-size:40%;}
.quickMenu.w ul li a.kakaoBtn,
.quickMenu ul li a:hover.kakaoBtn{background-image:url(../img/ico_kakao.png);}

.quickMenu.w ul li a.topBtn,
.quickMenu ul li a:hover.topBtn{background-image:url(../img/ico_top_q.png);}
.quickMenu ul li a.topBtn:after{display:none;}

.sub .subVisual{height:741px; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; animation:subHead 3s forwards; -webkit-animation:subHead 3s forwards; -moz-animation:subHead 3s forwards;  -ms-animation:subHead 3s forwards;  -o-animation:subHead 3s forwards;}
.sub .subVisual .size{height:100%; position:relative; padding-bottom:80px; box-sizing:border-box; text-align:center; font-size:0;}
.sub .subVisual .title{display:inline-block;}
.sub .subVisual .title h2{display:inline-block; padding-right:6px; box-sizing:border-box; font-size:10rem; font-weight:800; font-family:'Poppins', sans-serif; color:#fff; letter-spacing:-6px; line-height:1; text-transform:uppercase; position:relative; z-index:1;}
.sub .subVisual .title h2::before{content:''; display:block; clear:both; width:100%; height:32px; position:absolute; left:0; bottom:0; z-index:-1; background-color:#017392;}
.sub .subVisual .title span{display:block; margin-top:20px; font-size:4rem; font-weight:800; font-family:'Poppins', sans-serif; color:#fff; letter-spacing:-1.5px; line-height:40px;}
.sub .subVisual .navi{margin-top:26px;}
.sub .subVisual .navi p{display:inline-block; padding:7.5px 16px; box-sizing:border-box; background-color:#fff; border-radius:16.76px;}
.sub .subVisual .navi p a{display:block; float:left; padding:0 10px; box-sizing:border-box; font-size:12px; font-weight:600; color:#017392; letter-spacing:-0.5px; text-transform:uppercase; position:relative;}
.sub .subVisual .navi p a::before{content:''; display:block; clear:both; width:6px; height:1px; position:absolute; left:-3px; top:50%; background-color:#017392;}
.sub .subVisual .navi p a:first-child::before{display:none;}
.sub .subVisual .btm{position:absolute; left:0; bottom:0; width:100%; font-family: 'SCoreDream', 'GmarketSans', sans-serif; }
.sub .subVisual .btm ul li{float:left; position:relative;}
.sub .subVisual .btm ul li:before{content:""; position:absolute; left:0; top: 50%; margin-top:-20px; width:1px; height:45px; background-color:rgba(255,255,255,0.6);}
.sub .subVisual .btm ul li:first-of-type:before{display:none;}
.sub .subVisual .btm ul li.on:before{display:none;}
.sub .subVisual .btm ul li.on+li:before{display:none;}
.sub .subVisual .btm ul li a{
    display: block;
    padding: 20px 0;
    box-sizing: border-box;
    font-size: 2.2rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: -0.5px;
    border-top: 5px solid #fff;
    background-color: rgba(255, 255, 255, 0.3);
}
.sub .subVisual .btm ul li.on a{color:#017392; background-color:#fff; border-top-color:#017392;}

.sub .contWrap{padding: 0; box-sizing:border-box; min-height:800px;}

.img1-2{width:100%; margin: auto;}
#sub1_icon1{width:32px; height: 42px; background: url(../img/lo.png)no-repeat center/cover; margin: auto;}
#sub1_icon2{width:36px; height: 36px; background: url(../img/call.png)no-repeat center/cover; margin: auto;}
.sub2txt{margin: 30px 0; font-family: 'SCoreDream', 'GmarketSans', sans-serif;  font-weight: 500;}
.sub2txt p{font-size: 32px; text-align: center;}
#map{width:100%; height: 810px;}
.info{max-width: 1300px; margin: auto; padding: 90px 0 0px;}
.in_info{text-transform: uppercase; font-size:32px; color:#017392; font-family: 'SCoreDream', 'GmarketSans', sans-serif;  font-weight: 400; margin-bottom: 50px;}
.info_box {
    width: 100%;
    height: 100px;
    margin-bottom: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.box{ width:30%; height:100px; float: left; }
.cir{width: 100px; height: 100px; float: left; border-radius: 50px; margin-right: 20px; background-color: #017392;}
.cir_txt h2{font-size: 3.7rem; font-family: 'SCoreDream', 'GmarketSans', sans-serif;  font-weight: 400;}
.cir_txt span{font-size: 18px; font-family: 'SCoreDream', 'GmarketSans', sans-serif;  font-weight: 300;letter-spacing: -1px;}





/* .sub.pl01 .subVisual .btm ul{display:inline-block; width:100%; max-width:426.66px;} */
/* .sub.pl02 .subVisual .btm ul{display:inline-block; width:100%; max-width:853.32px;} */

@-webkit-keyframes subHead {
    0% { background-size:auto 110%; }
    100% { background-size:auto 100%; }
}

@keyframes subHead {
    0% { background-size:auto 110%; }
    100% { background-size:auto 100%; }
}

/* 서브 공통 */
#sub{color:#333;}

/* 서브 - intro */

.cont5-footer{height: 354px !important;}

.intro .section{background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}

.intro p{position:relative; padding-top:50px; font-size:2.6rem; font-weight:300; color:#fff; line-height:1.5; letter-spacing:-0.05em;}
.intro p:before{content:""; display:block; position:absolute; left:0; top:0; width:70px; height:1px; background-color:rgba(255,255,255,0.3);}
.intro .cont1 p:before{display:none;}
.intro p b{display:block; font-weight:700;}


.intro .cont1,
.intro .cont1 .fp-tableCell{height:741px !important;}

.intro .cont2{background-image:url(../img/bg_intro_01.jpg);}
.intro .cont2 .size{padding-left:160px; box-sizing:border-box;}
.intro .cont2 p{margin-top:15px; }

.intro .cont3{background-image:url(../img/bg_intro_02.jpg); text-align:center;}
.intro .cont3 p{margin-top:80px;}
.intro .cont3 p:before{left:50%; margin-left:-25px;}

.intro .cont4{background-image:url(../img/bg_intro_03.jpg); text-align:right;}
.intro .cont4:before{content:""; display:block; position:absolute; width:40%; height:100%; right:0; top:0; background-color:rgba(255,255,255,0.1);}
.intro .cont4 .size{padding-right:160px; box-sizing:border-box;}
.intro .cont4 em{display:inline-block; position:relative; font-size:11rem; font-weight:800; font-family: 'Poppins', sans-serif; color:#fff; z-index:1; line-height:1;}
.intro .cont4 em:before{content:""; display:block; position:absolute; left:0; right:0; height:32px; bottom:6px; background-color:#017392; z-index:-1;}
.intro .cont4 p{margin-top:50px;}
.intro .cont4 p:before{left:auto; right:0;}
.intro .cont4 p b{padding:30px 0 35px;}
.intro .cont4 span{display:block; padding-top:75px; font-size:2rem; font-weight:300; color:#888; line-height:1.5;}

/* 서브 - chart */
.chart {text-align:center;}
.chart strong{display:block; font-size:3.2rem; font-weight:700; font-family: 'Poppins', sans-serif; letter-spacing:-0.05em; line-height:1;}
.chart .cont1 .depth1{margin-top:50px;}
.chart .cont1 .depth1>li>span{position:relative; display:block; margin:0 auto; width:194px; height:194px; line-height:194px; border-radius:50%; font-size:2rem; font-weight:700; color:#fff; background: linear-gradient(133deg, rgba(204,51,102,1) 0%, rgba(204,51,102,1) 33%, rgba(152,12,70,1) 100%);}
.chart .cont1 .depth1>li>span:after{content:""; display:block; position:absolute; left:50%; bottom:-30px; margin-left:-0.5px; width:1px; height:30px; background-color:#b6b6b6;}

.chart .cont1 .depth2>li{position:relative; float:left; width:50%; padding-top:30px; margin-top:30px;}
.chart .cont1 .depth2>li:before{content:""; display:block; position:absolute; left:0; top:0; width:50%; height:30px; border-top:1px solid #b6b6b6; border-right:1px solid #b6b6b6; z-index:-1;}
.chart .cont1 .depth2>li:first-of-type:before{left:50%; border-left:1px solid #b6b6b6; border-right:none;}

.chart .cont1 .depth2>li>span{position:relative;display:block; margin:0 auto;  width:141px; height:141px; line-height:141px; border-radius:50%; font-size:1.6rem; font-weight:500; color:#017392; border:1px solid #017392; box-sizing:border-box;}
.chart .cont1 .depth2>li>span:after{content:""; display:block; position:absolute; left:50%; bottom:-31px; margin-left:-0.5px; width:1px; height:30px; background-color:#b6b6b6;}

.chart .cont1 .depth3>li{position:relative; float:left; width:50%; padding-top:30px; margin-top:30px;}
.chart .cont1 .depth3>li:before{content:""; display:block; position:absolute; left:0; top:0; width:50%; height:30px; border-top:1px solid #b6b6b6; border-right:1px solid #b6b6b6; z-index:-1;}
.chart .cont1 .depth3>li:first-of-type:before{left:50%; border-left:1px solid #b6b6b6; border-right:none;}
.chart .cont1 .depth3>li>span{position:relative;display:block; margin:0 auto;  width:260px; height:70px; line-height:70px; border-radius:35px; font-size:1.6rem; font-weight:500; color:#fff;  background-color:#505d7a;}
.chart .cont1 .depth3>li>span.marketing:after{content:""; display:block; position:absolute; left:50%; bottom:-40px; margin-left:-0.5px; width:1px; height:40px; background-color:#b6b6b6;}
.chart .cont1 .depth3>li>span.agencies:after{content:""; display:block; position:absolute; left:50%; bottom:-10px; margin-left:-0.5px; width:1px; height:10px; background-color:#b6b6b6;}

.chart .cont1 .depth4{width:120%; margin-left:-10%;}
.chart .cont1 .depth4>li{position:relative; float:left; width:50%; padding-top:30px; margin-top:40px;}
.chart .cont1 .depth4>li:before{content:""; display:block; position:absolute; left:0; top:0; width:50%; height:30px; border-top:1px solid #b6b6b6; border-right:1px solid #b6b6b6; z-index:-1;}
.chart .cont1 .depth4>li:first-of-type:before{left:50%; border-left:1px solid #b6b6b6; border-right:none;}

.chart .cont1 .depth4>li>span{position:relative;display:block; margin:0 auto;  width:180px; height:50px; line-height:50px; border-radius:25px; font-size:1.6rem; font-weight:500; color:#fff; background-color:#9ba0ab;}
.chart .cont1 .depth5{}
.chart .cont1 .depth5>li{margin-top:10px;}
.chart .cont1 .agencies+.depth5>li:first-of-type{margin-top:30px;}
.chart .cont1 .depth5>li>span{position:relative; display:block; margin:0 auto;  width:147px; height:40px; line-height:40px; border-radius:20px; font-size:1.4rem; color:#505d7a; border:1px solid #afb3bc; box-sizing:border-box;}
.chart .cont1 .depth5>li>span:after{content:""; display:block; position:absolute; left:50%; top:-11px; margin-left:-0.5px; width:1px; height:10px; background-color:#b6b6b6;}
.chart .cont1 .agencies+.depth5>li:first-of-type>span:after{top:-30px; height:30px;}


/* 서브 - service 공통 */
.service_top{font-weight: 300; font-size:51.2px; line-height:1.2; text-align:center; letter-spacing:-0.05em;font-family: 'SCoreDream', 'GmarketSans', sans-serif; }
.service_top b{display:block; font-weight:400; }
.middel{font-size:32px; margin:96px 0 70px; text-align: center; line-height:36px;font-family: 'SCoreDream', 'GmarketSans', sans-serif;  font-weight: 200;}

.service_section .img{position:relative; text-align: center; width:100%; margin: 80px 0 160px 0;}
.service_section .img .sticker{position:absolute;}

.service_section .service_txt{width:100%; text-align: center;}
.service_section .service_txt .service_tit{display:block; font-size:48px; font-weight:800; letter-spacing:-0.05em; font-family: 'SCoreDream', 'GmarketSans', sans-serif;  line-height:1; font-weight: 100;}
.service_section .service_txt .service_tit em{display:block; font-size:3rem; color:#017392;}

.service_section .service_txt .txt{position:relative; margin: 80px 0 150px;}
.service_section .service_txt .txt p{line-height: 32px; margin-top:25px; font-size:24px; font-weight:300; line-height:36px; letter-spacing:-0.05em;font-family: 'GmarketSans'}

.service_txt {text-align: center; margin:130px 0 130px; font-family: 'SCoreDream', 'GmarketSans', sans-serif;  font-weight: 100;font-size: 24px; line-height: 40px;}
.service_section clear .img:last-child{margin-bottom:0;}

.service_txt_left .txt{text-align: justify; font-family: 'SCoreDream', 'GmarketSans', sans-serif;  font-weight: 100;font-size: 32px; letter-spacing: -2px; line-height: 40px; margin-bottom:160px;}

.sub1_txt{
    max-width: 1300px;
    margin: auto;
    padding-top: 80px;
}
.txt b{
    font-weight: 400;
}
.img1 b{
    font-weight: 400;
}
.compu{width:100%; height:615px; background: url(../img/sub1_computer.png)no-repeat center / cover;}
.sub1_thx{position:relative; z-index: 1;}
.sub1_thx h2{color: #fff;font-size:78px; font-family: 'Poppins', sans-serif; font-weight: 900; margin-bottom:100px;}
.sub1_thx::before {
    content: '';
    display: block;
    clear: both;
    width: 39.5%;
    height: 32px;
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: -1;
    background-color: #017392;
}
.sub1_p{color: #fff; font-size: 36px;  font-weight: 100; line-height: 40px; font-family: 'SCoreDream', 'GmarketSans', sans-serif; }
.sub1_p p{color: #afafaf ; font-weight: 100; font-size:24px; line-height: 24px;}
strong{font-weight: 500;}
.contact{width:100%; height:540px; color:#fff;}
.con1{background: url(../img/con1.png)no-repeat center/cover; background-attachment: fixed;}
.con2{background: url(../img/con2.png)no-repeat center/cover; background-attachment: fixed;}
.con3{
    background: url(../img/con3.png)no-repeat center/cover; background-attachment: fixed;
}
.con4{
    background: url(../img/con4.png)no-repeat center/cover; background-attachment: fixed;
}

.con4-1{
	background: url(../img/con4-1.png)no-repeat center/cover;
	background-attachment: fixed;
}
.con5{
    background: url(../img/sns.png)no-repeat center/cover; background-attachment: fixed;
}
.con6{
    background: url(../img/con6.png)no-repeat center/cover; background-attachment: fixed;
}
.con7{
    background: url(../img/con7.png)no-repeat center/cover; background-attachment: fixed;
}
.con8{
    background: url(../img/con8.png)no-repeat center/cover; background-attachment: fixed;
}
.con9{
    background: url(../img/con9.jpg)no-repeat center/cover; background-attachment: fixed;
}
.con_box {
    width: 80%;
    margin: auto;
    padding: 80px 0 0;
}
.cont_icon{
    text-align: center;
    border-radius: 30px;
    font-size: 32px;
    margin:auto;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin-bottom:50px;
}
.cont_icon1{
    width: 249px;
    background-color: #017392;
}
.cont_icon2{
    width: 460px;
    background-color: #000;
}
.cont_icon3{
    width: 380px;
    background-color: #000;
}
.cont_icon4{
    width: 420px;
    background-color: #000;
}
.cont_icon5{
    width: 170px;
    background-color: #017392;
}
.cont_icon6{
    width: 180px;
    background-color: #3345a6;
}
.cont_icon7{
    width: 275px;
    background-color: #000;
}
.cont_icon8{
    width: 275px;
    background-color: #0f39ac;
}
.cont_icon9{
    width: 275px;
    background-color: #ff4741;
}
.cont_txt{text-align: center; }
.cont_txt h1{font-size: 51.2px; font-weight: 800; font-family: 'Poppins', sans-serif;text-transform: uppercase; margin-bottom: 50px; text-transform: uppercase;}
.cont_txt span{text-align: center; font-size: 24px; line-height: 1.3; font-family: 'SCoreDream', 'GmarketSans', sans-serif;  font-weight: 200; text-transform: uppercase;}
div .bttn {
    width: 255px;
    height: 60px;
    border: 1px solid #fff;
     border-radius: 10px; 
     text-align: center; 
     font-size: 18px; 
     font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
     font-weight: 300; 
     margin: auto; 
     line-height: 60px;
      margin-top: 50px; 
      transition-duration: 0.5s;
    }
    .btn1 {
        width: 300px;
        height: 60px;
        border: 2px solid #2db400;
         border-radius: 10px; 
         text-align: center; 
         font-size: 18px; 
         font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
         font-weight: 500; 
         margin: auto; 
         line-height: 60px;
          margin-top: 50px; 
          transition-duration: 0.5s;
        }
.cir_img img{width:60%; margin:20px;}
div .bttn:hover {background-color: #017392; border:0;}
.btn1:hover {background-color: #2db400; border:0; color: #fff;}
.top_box{position: relative;}
.open img{
    width: 100%;
}
.brand .img{
    background: url(../img/brand.png)no-repeat center/cover;
    width: 100%;
    height: 960px;
    position: relative;
}
.hr .img{
    background: url(../img/hr.png)no-repeat center/cover;
    width: 100%;
    height: 795px;
    position: relative;
}
.open_txt h1 {
    font-size: 140px;
    text-align: left;
    line-height: 130px;
    font-weight: 800;
    color: #e1dddd;
    font-family: 'Oswald', sans-serif;
    letter-spacing: -5px;
}
.open_txt p{
    font-size: 36px;
    text-align: left;
    line-height: 42px;
    margin-top: 30px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 100;
}
.brand_txt{
    position: absolute;
    bottom: 0;
    right: 0;
}
.brand_txt h1 {
    font-size: 140px;
    text-align: left;
    line-height: 130px;
    font-weight: 800;
    color: #e1dddd;
    font-family: 'Oswald', sans-serif;
    letter-spacing: -5px;
}
.brand_txt p{
    font-size: 36px;
    text-align: left;
    line-height: 42px;
    margin-top: 30px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 100;
}

.hr_txt{float:right;}
.hr_txt h1 {
    font-size: 140px;
    text-align: left;
    line-height: 130px;
    font-weight: 800;
    color: #e1dddd;
    font-family: 'Oswald', sans-serif;
    letter-spacing: -5px;
}
.hr_txt p{
    font-size: 36px;
    text-align: center;
    line-height: 42px;
    margin-top: 30px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 100;
}
.service_txt_bg{
    width: 100%;
    background-color: #f4f5f6;
    padding: 130px 0 150px;
}
.service_tit u{
    display: block;
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -0.05em;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    line-height: 1;
    font-weight: 100;
    text-align: center;
    margin-bottom: 80px;
}
.ba_box {
    width: 1300px;
    margin: auto;
    height: 225px;
    display: flex;
    flex-direction: column;
    letter-spacing: -1px;
}
.nonbg_box{
    width: 1300px;
    margin: auto;
    display: flex;
    flex-direction: column;
}
.bg_box:last-child{
    margin-bottom: 0px;
}
.bg_box .box{
    width:32%; float:left; margin-right:1%;
}
.ba_box .hr_box{
    width: 49%;
    float: left;
    margin-right: 1%;
}
.ba_box .hr_box:nth-child(2){
    margin-right: 0%;
}
.ba_box .hr_box:nth-child(4){
    margin-right: 0%;
}

.hr_box .box_sub_bg {
    height: 60px;
    margin: 15px 0 0;
}
.hr_longbox .box_txt_bg{
    background-color: #469daa;
}
.hr_longbox .box_sub_bg{
    background-color: #f4f5f6;
}

.service_txt_bg_boxlong {
    height: 980px;
}
.hr_per{
    width: 100%;
    height: 460px;
    background: url(../img/hr_person.png)no-repeat center/cover;
    margin: 130px 0 150px;
}
.service_txt_bg_boxhr{
    height: 530px;
}
.service_txt_bg_boxhr2 {
    height: 800px;
    margin-bottom:150px;
}
.hr_graf{
    height:640px;
    background: url(../img/hr_graf.png)no-repeat center/cover;
    margin:80px 0 0;
}
.service_txt_bg_boxhr2 .box_sub_bg{
    background-color: #f4f5f6;
}
.ba_box .box{width:32%; float:left; margin-right:1%;
}
.bg_box .box:last-child{margin-right:0;}
.bg_box .box .box_img{
    width:100%; margin-bottom: 25px; background-color: #333; border-radius: 6px; 
}
.box_txt{width: 100%; text-align: center; font-family: 'SCoreDream', 'GmarketSans', sans-serif;  font-weight: 400; font-size: 20px;}
.box_img1{width: 100%; height: 250px; background: url(../img/point1.jpg)no-repeat center/cover;}
.box_img2{width: 100%; height: 250px; background: url(../img/point2.jpg)no-repeat center/cover;}
.box_img3{width: 100%; height: 250px; background: url(../img/point3.jpg)no-repeat center/cover;}
.box_img4{width: 100%; height: 250px; background: url(../img/point4.jpg)no-repeat center/cover;}
.box_img5{width: 100%; height: 250px; background: url(../img/point5.jpg)no-repeat center/cover;}
.box_img6{width: 100%; height: 250px; background: url(../img/point6.jpg)no-repeat center/cover;}
.sr_txt p{margin:80px 0; line-height: 32px;}
.sr_img{width: 100%; height: 845px; background: url(../img/start.png)no-repeat center/cover;}
.sub_tit {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 100;
}
.box_txt_bg{
    width: 100%;
    background-color: #469daa;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    border-radius: 6px;
    margin-top: 80px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
}
.box_sub_bg {
    color: #666;
    font-size: 16px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 100;
    text-align: justify;
    background-color: #fff;
    border-radius: 6px;
    margin: 15px 0 75px;
    padding: 4%;
    line-height: 20px;
}
.branding{
    height: 670px;
    background: url(../img/branding.png)no-repeat center/ cover;
    margin: 130px 0 80px;

}
.brand .mid_txt{
    max-width: 1300px;
    margin: auto;
    margin-top: 80px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-size: 24px;
    font-weight: 100;
    line-height: 32px;
}
.branding_logo{
    width: 100%;
    position: relative;
    margin-bottom: 80px;
    margin-top: 70px;
}
.branding_logo img{width: 100%;}
.service_txt_bg .mid_txt{
    max-width: 1300px;
    margin: auto;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 100;
    font-size: 24px;
}
.service_txt_bg_box .ba_box .bk_cir{
    margin-right: 2%;
    margin-left: 0;
    background-color: #469da9;
}
.service_txt_bg_box .ba_box .bk_cir:last-child{
    margin-right: 0;
}
.crm{
    padding: 50px 0 80px;
}
.crm_tit{
    margin: 80px 0 0;
}
.crm_img{
    height: 590px;
    background: url(../img/crm.png)no-repeat center /cover;
    margin: 80px 0 80px;
}






/* 서브 - sale */
.sale .service_section .img .sticker{bottom:0; right:-385px;}

/* 서브 - agencies01 */
.agencies01 .service_section .img{float:right; padding-bottom:170px;}
.agencies01 .service_section .img .sticker{bottom:0; left:-410px;}
.agencies01 .service_section .service_txt{padding-left:0; padding-right:70px;}
.agencies01 .service_section .service_txt .txt{padding-left:0; padding-right:60px; margin-top:50px;}
.agencies01 .service_section .service_txt .txt:before{left:auto; right:0;}


/* .agencies02 .service_section .img img{max-width:none;} */
.agencies02 .service_section .img .sticker{bottom:0; right:-125px;}

.agencies02 .service_section .service_txt .txt{padding-left:70px;}

/* 서브 - work 공통 */
.cont1.work {text-align:center;}
.cont1.work b{display:block; font-size:3.2rem; font-weight:700; line-height:1.4; letter-spacing:-0.05em;}
.cont1.work p{padding-top:25px; font-size:2rem; font-weight:300; line-height:1.5; letter-spacing:-0.05em;}
.cont1.work .img{margin-top:40px;}

/* 서브 - online */
.online .cont1 .img{margin-top:70px; }
.online .cont1 .img.pcta img{padding-right:95px;}

.online .cont1 .process{margin-top:90px; padding:60px 0; border-radius:50px; background-color:#f3f3f3;}

.online .cont1 .process b{font-size:3rem;}
.online .cont1 .process p{font-size:1.7rem; padding-top:10px;}
.online .cont1 .process .process_list{width:90%; margin:0 auto;}
.online .cont1 .process ul{padding-top:50px; width:103%; margin-left:-3%; margin-top:-20px;}
.online .cont1 .process ul li{position:relative; float:left; width:13.666%; margin-left:3%; margin-top:20px; padding:10px; box-sizing:border-box; font-size:1.7rem; font-weight:700; color:#fff; line-height:1.4; letter-spacing:-0.05em; border-radius:50%;}
.online .cont1 .process ul li .tb{position:absolute; left:0; top:0;}
.online .cont1 .process ul li span{display:none;}

.online .cont1 ul li.step01{background: linear-gradient(90deg, #bac3d2 0%, #a8b4c6  100%);}
.online .cont1 ul li.step02{background: linear-gradient(90deg, #a2afc2 0%, #8f9fb5 100%);}
.online .cont1 ul li.step03{background: linear-gradient(90deg, #8899b0 0%, #778aa4 100%);}
.online .cont1 ul li.step04{background: linear-gradient(90deg, #7286a0 0%, #637793 100%);}
.online .cont1 ul li.step05{background: linear-gradient(90deg, #5d718e 0%, #4c617f 100%);}
.online .cont1 ul li.step06{background: linear-gradient(90deg, #475b7a 0%, #384c6b 100%);}

.online .cont2 .size{max-width:2000px;}
.online .cont2 .item_list .item{position:relative; text-align:center; margin-top:145px;}
.online .cont2 .item_list .item:first-child{margin-top:100px;}

.online .cont2 .item:before{content:""; display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-image:url(../img/sub_online_02.png); background-repeat:no-repeat; background-position:50% 0;}
.online .cont2 .item.display:before{background-image:url(../img/sub_online_03.png);}
.online .cont2 .item.sns:before{background-image:url(../img/sub_online_04.png);}
.online .cont2 .item.viral:before{background-image:url(../img/sub_online_05.png);}
.online .cont2 .item.video:before{background-image:url(../img/sub_online_06.png);}
.online .cont2 .item.advertorial:before{background-image:url(../img/sub_online_07.png);}

.online .cont2 .item .item_img .txt{padding-top:155px; width:100%; color:#fff;}
.online .cont2 .item .item_img .txt .hashtag{display:inline-block; padding:0 20px; height:34px; line-height:34px; border-radius:17px; font-size:1.4rem; font-weight:600; background-color:#db216f; font-style:normal;}
.online .cont2 .item .item_img .txt b{display:block; padding-top:15px; font-size:4rem; font-weight:700; line-height:1;}
.online .cont2 .item .item_img .txt p{padding-top:30px; font-size:2rem; font-weight:300; line-height:1.4;}

.online .cont2 .item .item_img .ico_list{width:100%; margin:0 auto; padding-top:120px; max-width:751px;}
.online .cont2 .item.search .item_img .ico_list{max-width:1010px;}

.online .cont2 .item .item_img .ico_list ul{width:103%; margin-left:-3%; margin-top:-10px;}
.online .cont2 .item.search .item_img .ico_list ul{width:102%; margin-left:-2%;}

.online .cont2 .item .item_img .ico_list li{position:relative; float:left; width:30.3333%; margin-left:3%; margin-top:10px; background-color:#fff; border:1px solid #db216f; box-sizing:border-box; border-radius:5px; box-shadow: 6px 8px 18px 0px rgba(0, 0, 0, 0.09);}
.online .cont2 .item .item_img .ico_list li:before{content:""; display:block; padding-top:100%;}
.online .cont2 .item .item_img .ico_list li .ico_item{position:absolute; left:0; top:0;}

.online .cont2 .item.search .item_img .ico_list li{width:23%; margin-left:2%; }

.online .cont2 .item .item_img .ico_list li em{display:block; padding-top:15px; font-size:1.8rem; font-weight:700; color:#db216f;}

.online .cont2 .item .item_txt{padding-top:60px;}
.online .cont2 .item .item_txt p{font-size:1.8rem; font-weight:300; line-height:1.5; letter-spacing:-0.05em;}
.online .cont2 .item.search .item_txt p{padding-top:20px;}
.online .cont2 .item.search .item_txt p:first-of-type{padding-top:0;}

.online .cont2 .item .item_txt .logo{margin-top:60px;}
.online .cont2 .item .item_txt .logo b{display:inline-block;padding:0 38px; height:40px; line-height:40px; border-radius:20px; background-color:#242424; font-size:1.4rem; font-weight:500; color:#fff; letter-spacing:-0.05em;}
.online .cont2 .item .item_txt .logo ul{margin-top:15px; font-size:0;}
.online .cont2 .item .item_txt .logo ul li{display:inline-block;}

.online .cont2 .item .item_txt .adver_list{width:100%; max-width:960px; margin:0 auto;}
.online .cont2 .item .item_txt .adver_list ul{width:101%; margin-left:-1%;}
.online .cont2 .item .item_txt .adver_list ul li{display:table; float:left; width:24%; margin-left:1%; margin-top:10px; height:78px; border:1px solid #d9d9d9; box-sizing:border-box;}
.online .cont2 .item .item_txt .adver_list ul li .img img{width:80%;}

.online .cont2 .item.display .item_txt ul{width:860px; max-width:100%; margin:0 auto; padding-top:25px;}
.online .cont2 .item.display .item_txt ul li{position:relative; float:left; width:260px; height:155px;}
.online .cont2 .item.display .item_txt ul li:before{content:""; display:block; position:absolute; left:0; top:5%; width:100%; height:90%; border-left:1px dashed #717171;}
.online .cont2 .item.display .item_txt ul li:first-of-type{width:340px; margin-left:-40px;}
.online .cont2 .item.display .item_txt ul li:first-of-type:before{display:none;}
.online .cont2 .item.display .item_txt ul li p{padding-top:15px; font-size:1.4rem; font-weight:300; color:#666; line-height:1.6;}



/* 서브 - offline */
.offline .cont1{padding-bottom:35px;}

.offline .cont2{background-color:#f3f3f3; padding:70px 0 60px; text-align:center;}
.offline .cont2 b{display:block; font-size:3rem; font-weight:700;}
.offline .cont2 p{padding-top:10px; font-size: 1.7rem; font-weight:300; line-height:1.5; letter-spacing: -0.05em;}
.offline .cont2 ul{margin:0 12.5%; padding-top:40px; margin-top:-20px;}
.offline .cont2 ul li{position:relative; float:left; width:16%; margin:0 2%; margin-top:20px; font-size:1.7rem; font-weight:700; color:#fff; line-height:1.4; letter-spacing:-0.05em; border-radius:50%; }
.offline .cont2 ul li .tb{position:absolute; left:0; top:0;}
.offline .cont2 ul li span{display:none;}
.offline .cont2 ul li.step01{background: linear-gradient(90deg, #aeb9ca 0%, #9ba9bd 100%);}
.offline .cont2 ul li.step02{background: linear-gradient(90deg, #9ba9bd 0%, #8294ac 100%);}
.offline .cont2 ul li.step03{background: linear-gradient(90deg, #7d8fa8 0%, #6d819c 100%);}
.offline .cont2 ul li.step04{background: linear-gradient(90deg, #697d99 0%, #576c89 100%);}
.offline .cont2 ul li.step05{background: linear-gradient(90deg, #526684 0%, #425674 100%);}

.offline .cont3{padding-top:100px;}
.offline .cont3 ul li .img{width:50%; box-sizing:border-box; float:left; padding-right:40px; margin-top:-130px;}
.offline .cont3 ul li:first-of-type .img{margin-top:0;}
.offline .cont3 ul li:nth-of-type(even) .img{float:right; padding-right:0; padding-left:40px;}
.offline .cont3 ul li .txt{width:50%; margin-top:100px; box-sizing:border-box; float:right; padding-left:40px; text-align:left;}
.offline .cont3 ul li:nth-of-type(even) .txt{float:left; padding-left:0; padding-right:40px; text-align:right;}
.offline .cont3 ul li .txt>i{display:inline-block; padding:0 17px; height:34px; line-height:34px; border-radius:17px; font-size:1.4rem; font-weight:600; font-style:normal; background-color:#db216f; color:#fff; font-family: 'Poppins', sans-serif;}
.offline .cont3 ul li .txt b{display:block; font-size:4rem; font-weight:700;}
.offline .cont3 ul li .txt p{margin-top:60px; font-size:2rem; font-weight:300; line-height:1.5; letter-spacing:-0.05em;}
.offline .cont3 ul li .txt p.tv{margin-top:25px;}

/* 서브 - event */
.event .contWrap{padding-bottom:0;}
.event .cont1{padding-bottom:75px;} 

.event .cont2{padding:195px 0; background-image:url(../img/bg_event_01.jpg); background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}

.event .cont2 ul{width:103%; margin-left:-3%; letter-spacing:-0.05em;}
.event .cont2 ul li{position:relative; float:left; padding:0 27px; width:22%; margin-left:3%; height:440px; background-color:#fff; border-radius:10px; border:1px solid #017392; box-sizing:border-box; text-align:center; box-shadow: 8px 6px 10px 0px rgba(0, 0, 0, 0.15);}
.event .cont2 ul li:nth-of-type(even){margin-top:40px;}
.event .cont2 ul li:before{content:""; display:block; position:absolute; left:50%; top:-5px; margin-left:-65px; width:130px; height:10px; border-radius:5px; background-color:#017392;}
.event .cont2 ul li em{display:block; margin-top:45px; width:100%; height:53px; line-height:53px; border-radius:26.75px; font-size:1.7rem; font-weight:500; background-color:#017392; color:#fff;}
.event .cont2 ul li span{display:block; padding-top:30px; font-size:1.7rem; font-weight:300; line-height:1.6;}

/* 서브 - people */
.people .contWrap{padding-top:0;}
.people .cont1{padding:160px 0 170px; text-align:center;}
.people .cont1 em{display:block; font-size:3.4rem; font-weight:900; line-height:1.2;}
.people .cont1 em b{display:block; font-size:6rem; font-weight:900;}

.people .cont1 .img{margin-top:85px;}
.people .cont1 p{padding-top:30px; font-size:2rem; font-weight:300; line-height: 1.5; letter-spacing:-0.05em;}
.people .cont1 p:first-of-type{padding-top:80px;}

.people .cont2 {padding-top:120px; text-align:center;}
.people .cont2 ul{padding:0 40px;}
.people .cont2 ul li{float:left; width:25%; box-sizing:border-box;}
.people .cont2 ul li i{display:block; margin:0 auto; width:65px; height:25px; line-height:25px; border-radius:12.5px; background-color:#017392; text-align:center; color:#fff; font-size:1.1rem; font-weight:500; font-style:normal;}
.people .cont2 ul li em{display:block; font-size:2rem; font-weight:700; line-height:1; padding-top:10px;}
.people .cont2 .img{padding-top:25px;}

.sub.portfolio .bbs .gallery > ul > li > a dd.title{margin:20px 0 0; height:48px;}
.sub.viewPage1 .bbs .view .title > dl > dt{margin-bottom:0;}

.sub.viewPage2 .bbs .info{padding:20px; border-bottom:1px solid #adadad; box-sizing:border-box; font-size:0; text-align:center;}
.sub.viewPage2 .bbs .info .top b{display:inline-block; vertical-align:middle; padding:10px 15px; box-sizing:border-box; font-size:1.4rem; font-weight:400; color:#fff; letter-spacing:-0.5px; border-radius:30px;}
.sub.viewPage2 .bbs .info .top b.ing{background-color:#017392;}
.sub.viewPage2 .bbs .info .top b.end{background-color:#333;}
.sub.viewPage2 .bbs .info .top strong{display:inline-block; vertical-align:middle; font-size:4rem; font-weight:400; color:#333; letter-spacing:-0.5px; margin-left:10px; line-height:1.2;}
.sub.viewPage2 .bbs .info .btm{display:inline-block; margin-top:15px;}
.sub.viewPage2 .bbs .info .btm ul li{float:left; padding:0 20px; box-sizing:border-box; position:relative;}
.sub.viewPage2 .bbs .info .btm ul li::before{content:''; display:block; clear:both; width:4px; height:4px; position:absolute; left:0; top:10px; background-color:#333; border-radius:4px;}
.sub.viewPage2 .bbs .info .btm ul li:first-child{margin-left:0;}
.sub.viewPage2 .bbs .info .btm ul li b{display:inline-block; vertical-align:middle; font-size:1.6rem; color:#333; letter-spacing:-0.5px;}
.sub.viewPage2 .bbs .info .btm ul li em{display:inline-block; vertical-align:middle; margin-left:10px; font-size:1.6rem; color:#333; letter-spacing:-0.5px;}

/* 서브 - inquiry */
.sub.inquiry .contWrap{padding-bottom:100px;}
.inquiry .bbs input[type='text']{border:1px solid;}
.inquiry .bbs .write .email input{width:100%;}
.inquiry .info{width:100%; max-width:850px; margin:100px auto 0;}
.inquiry .info .info_tit{text-align:center;}
.inquiry .info .info_tit em{display:block; font-size:4rem; font-weight:800; color: #017392; letter-spacing: -0.25px; line-height: 1.1;}
.inquiry .info .info_tit i{display:block; font-size:2rem; color:#333; font-style:normal; margin-top:15px; font-family: 'Poppins', sans-serif; }

.inquiry .info ul{margin-top:30px;}
.inquiry .info ul li{float:left; width:50%;}
.inquiry .info ul li .img{float:left; width:30%; max-width:100px; height:100px; border-radius:15px; background-color:#017392; text-align:center;}
.inquiry .info ul li .img em{display:block; padding-top:5px; color:#fff;}
.inquiry .info ul li .txt{float:left; width:70%; height:100px; padding-left:20px; box-sizing:border-box;}

.inquiry .info ul .customer{}
.inquiry .info ul .customer p i{display: inline-block; font-size: 2rem; font-weight: 800; font-family: 'Poppins', sans-serif; color: #017392; font-style:normal;}
.inquiry .info ul .customer p a,
.inquiry .info ul .customer p span{display:inline-block; font-size:1.8rem; padding-left:5px;}

.inquiry .info ul .consult{}
.inquiry .info ul .consult p{font-size:2.2rem;}
.inquiry .info ul .consult b{display:block; padding:5px 0; font-size:2.4rem; font-weight:700; letter-spacing:-1px; line-height:1;}
.inquiry .info ul .consult i{display:block; font-size:1.6rem; font-weight:300; font-style:normal;}


/* 서브 - location */
.location .contWrap{position:relative; padding:150px 0 0;}
.location .cont{position:absolute; left:0; top:0; width:50%; padding-top:50px;}
.location .cont .mapBox{ height:720px;}
.location .cont #map{width:100%; height:100%; border-radius:0 30px 30px 0;}

.location .location_tit em{display:block; font-size:3rem; font-weight:100; line-height: 1.3; letter-spacing:-0.05em;}
.location .location_tit em b{display:block; font-weight:900;}

.location .txtBox{float:right; width:50%; height:720px; padding-left:70px; box-sizing:border-box;}
.location .txtBox .info{margin-top:60px;}
.location .txtBox .info em{font-size:1.4rem; font-weight:500; color: #017392; font-family: 'Poppins', sans-serif; letter-spacing:0.2px;}
.location .txtBox .info ul li{position:relative; margin-top:15px;}
.location .txtBox .info ul li i{position:absolute; left:0; top:50%; margin-top:-16px; font-style:normal; width:32px; height:32px; background-color:#f8f8f8; font-size:1.6rem; font-weight:500; font-family: 'Poppins', sans-serif; text-align:center; line-height:32px; border-radius:50%;}
.location .txtBox .info ul li p{padding-left:40px; font-size:1.6rem;}








#wrap{
    width: 100%;
    position: relative;
    height: auto;
}
.in_wrap{
    max-width: 1300px;
    margin: auto;
}
.top_tit{
    font-size: 3.7rem;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    margin: 130px 0 90px;
    text-align: center;
    line-height: 1.3;
    letter-spacing: -3px;
}
.top_tit_mid{
    font-size: 3.7rem;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    margin: 100px 0 0px;
    text-align: center;
    line-height: 1.3;
    letter-spacing: -3px;
}
.top_tit_mid1{
    font-size: 3.7rem;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    margin: 0px 0 0px;
    text-align: center;
    line-height: 1.3;
    letter-spacing: -3px;
}
.top_tit_mid strong{
    font-size: 3.7rem;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 500;
    letter-spacing: -3px;
}
.center_txt1 strong{font-size: 2.5rem;}
.top_tit strong{
    font-size: 3.7rem;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 500;
    letter-spacing: -3px;
    line-height: 1.3;
}
.nav_txt1{width: 100%; float: left;}
.top_img img{
    width:100%;
}
.top_img{
    width:100%;
    margin-bottom: 100px;
}
.top_txt{
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}
.top_txt h1 {
    font-size: 110px;
    color: #5dcce3;
    line-height: 110px;
    font-weight: 900;
    letter-spacing: -6px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    margin-bottom: 50px;
    letter-spacing: -1px;
}
.top_txt p{
    font-size: 2.7rem;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 200;
    line-height: 1.3;
    letter-spacing: -1px;
}
.open{
    text-align: left;
}
.open p{
    text-align: right;
}
.min_box{
    margin-bottom:150px;
}
.mid_tit{
    padding: 100px 0 0;
    text-align: center;
    letter-spacing: -3px;
}
.mid_tit1{
    padding: 100px 0 70px;
    text-align: center;
    letter-spacing: -3px;
}
.mid_tit u{
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    font-size: 3.7rem;
    letter-spacing: -1px;
}
.center_txt1{
    font-size: 2.5rem;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    text-align: center;
    line-height: 1.3;
    letter-spacing: -1px;
}
.center_txt1 {
    margin: 70px 0 40px;
}
.center_txt2{
    font-size: 2.5rem;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    text-align: center;
    line-height: 1.3;
    letter-spacing: -1px;
}
.center_txt2 {
    margin: 100px 0 70px;
}
.center_txt{
    font-size: 2.5rem;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    text-align: center;
    line-height: 1.3;
    letter-spacing: -1px;
}
.sub_center_txt{
    font-size: 2rem;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    text-align: center;
    line-height: 1.3;
    letter-spacing: -1px;
}
.mid_txt{
    text-align: center;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.3;
    letter-spacing: -1px;
}
.mid_txt1{
    text-align: center;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.3;
    letter-spacing: -1px;
    margin-top: 70px;
}
.mid_box{
    margin-bottom: 100px;
}
.bg_box{
    width: 100%;
    padding: 0 0 100px;
    background-color: #f4f5f6;
    display: flex;
    flex-direction: column;
    position: relative;
}
.bg{padding-bottom: 0 !important;}
.bg_box1{
    width: 100%;
    background-color: #f4f5f6;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 100px;
}
.sub_bg_box{
    width: 100%;
    padding: 0 0 160px;
    background-color: #f4f5f6;
    float: left;
}
.bg_con {
    width: 1300px;
    margin: auto;
    margin-top: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px 0;
}
.bg_inbox{
    width: 31.33%;
    float: left;
}
.bg_inbox:nth-child(3){
    margin-right: 0;
}
.bg_inbox:nth-child(6){
    margin-right: 0;
}
.bg_txt{
    font-size: 18px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 400;
    margin-top: 15px;
    letter-spacing: -1px;
    position: absolute;
    top: 0;
    left: 25px;
}
.bg_txt span{
    font-weight: 600;
}
.bg_txt p{
    margin-top: 15px;
    font-size: 24px;
    letter-spacing: -2px;
    line-height: 32px;
}
.bg_img{
    border-radius: 25px;
    position: relative;
}
.center_txt{
    margin: 70px 0 40px;
}
.sub_center_txt{
    margin: 70px 0 40px;
}
.open_img{
    width: 100%;
    height: 843px;
    background: url(../img/start.png)no-repeat center/cover;
    margin-bottom: 80px;
}
.blue_box {
    width: 1300px;
    margin: auto;
    display: inline-block;
    margin-bottom:100px;
}
.blue{
    width: 31%;
    margin-right: 3.5%;
    float: left;
}
.blue_top {
    background-color: #469daa;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    line-height: 50px;
    font-size: 20px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
}
.white_bottom{
    padding:5%;
    background-color: #fff;
    border-radius: 6px;
    font-size: 16px;
    margin-top: 10px;
    text-align: justify;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 400;
    letter-spacing: -1px;
}
.gray_bottom{
    padding:5%;
    background-color: #f4f5f6;
    border-radius: 6px;
    font-size: 16px;
    margin-top: 10px;
    text-align: justify;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 400;
    letter-spacing: -1px;
}
.longblue{
    width: 48%;
    margin-right: 4%;
    float: left;
}
.longblue_top {
    background-color: #469daa;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    line-height: 50px;
    font-size: 20px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif;
    letter-spacing: -2px;
}
.longwhite_bottom{
    padding:5%;
    background-color: #fff;
    border-radius: 6px;
    font-size: 16px;
    margin-top: 10px;
    text-align: justify;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 400;
    letter-spacing: -1px;
}
.longgblue{
    width: 100%;
    margin-right: 4%;
    float: left;
}
.longgblue_top {
    background-color: #469daa;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    line-height: 50px;
    font-size: 20px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
}
.longgwhite_bottom{
    padding:5%;
    background-color: #f4f5f6;
    border-radius: 6px;
    font-size: 16px;
    margin-top: 10px;
    text-align: justify;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 400;
    letter-spacing: -1px;
}
.blue:nth-child(3){
    margin-right: 0;
}
.blue:nth-child(4){
    margin-top:50px;
}
.blue:nth-child(5){
    margin-top:50px;
}
.blue:nth-child(6){
    margin-top:50px;
    margin-right: 0;
}
.longblue:nth-child(3){
    margin-top:50px;
}
.longblue:nth-child(4){
    margin-top:50px;
}
.longblue:nth-child(2){
    margin-right: 0;
}
.longblue:nth-child(4){
    margin-right: 0;
}
.longblue:nth-child(5){
    margin-top:50px;
}
.longgblue:nth-child(2){
    margin-top:50px;
    margin-bottom: 100px;
}
.mid_tit {
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    font-size: 3.7rem;
}
.mid_tit1 {
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    font-size: 3.7rem;
}
.in_process{
    max-width: 1300px;
    margin: auto;
}
.bk_cir{
    width: 195px;
    height: 195px;
    background-color: #666;
    border-radius: 95px;
    float: left;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
}
.bk_cir:last-child{
    margin-right: 0;
}
.bk_cir span{
    color:#fff;
    text-align: center;
}
.grbl{
    width: 195px;
    height: 195px;
    background-color: #469da9;
    border-radius: 95px;
    float: left;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 300;
    line-height: 38px;
    margin-right: 26px;
}
.grbl:last-child{
    margin-right: 0;
}
.grbl span{
    color:#fff;
    text-align: center;
}
.gr{
    background: linear-gradient( 125deg, #017392, #d6efd2 );
}
.pro{
    padding-bottom: 300px;
    padding-top: 40px;
}
.hr_img{
    width: 100%;
    height: 478px;
    float: left;
    background: url(../img/hr_person.png)no-repeat center/cover;
}
.icon_txt {
    max-width: 1300px;
    margin: auto;
    text-align: center;
    font-size: 22px;
    font-weight: 900;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    letter-spacing: 47px;
    margin-top: 30px;
}
.icon_txt1 {
    max-width: 1300px;
    margin: auto;
    text-align: center;
    font-size: 22px;
    font-weight: 900;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    letter-spacing: 47px;
    margin-top: 0px;
}
.icon_cir_box {
    width: 48%;
    float: left;
    margin: 95px 4% 80px 0;
}
.icob_box {
    width: 70%;
    margin-right: 5%;
    float: right;
}
.blue_icon{
    background-color: #017392;
}
.green_icon{
    background-color: #00cc00;
}
.green{
    color:#00cc00 !important;
}
.sky_icon{
    background-color: #58a3ff;
}
.sky{
    color: #58a3ff !important;
}
.oran_icon{
    background-color: #ed5b15;
}
.oran{
    color: #ed5b15 !important;
}
.pur_icon{
    background-color: #5766bf;
}
.pur{
    color: #5766bf !important;
}
.red_icon{
    background-color: #ff4741;
}

.icon_img{
    width: 120px;
    height: 120px;
    border-radius: 60px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon_cir_box:nth-child(2),.icon_cir_box:nth-child(4){
    margin-right: 0;
}
.icon_cir_box:nth-child(3), .icon_cir_box:nth-child(4){
   margin-top: 0;
   margin-bottom:100px;
}
.icob_box h2{
    font-size: 36px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    color: #017392;
    font-weight: 500;
    letter-spacing: -2px;
}
.icob_box p{
    font-size: 18px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    text-align: justify;
    line-height: 24px;
    letter-spacing: -2px;
}
.face_img {
    height: 378px;
    background: url(../img/sns_graf.png)no-repeat center /cover;
    margin: 80px 0 0;
}
.pic_box{
    width: 100%;
    margin: 80px 0 100px;
    float: left;
}
.pic_wrap {
    width: 47%;
    margin-right: 6%;
    float: left;
}
.pic_wrap:nth-child(2), .pic_wrap:nth-child(4), .pic_wrap:nth-child(6){
    margin-right:0;
}
.pic {
    background-color: #f4f5f6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5%;
    border-radius: 6px;
}
.pic_txt{
    padding:2%;
    margin-bottom: 2%;
}
.pic_txt h2{
    font-size: 24px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    color: #017392;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: -2px;
}
.pic_txt p{
    font-size: 16px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    text-align: justify;
    line-height: 24px;
    letter-spacing: -2px;
}
.ins_graf {
    height: 378px;
    background: url(../img/ins_graf.png)no-repeat center /cover;
    margin: 130px 0 0;
}
.sns .bk_cir:nth-child(1){
    background: linear-gradient( 125deg, #a9e3f3, #5eb5cc );
} 
.sns .bk_cir:nth-child(2){
    background: linear-gradient( 125deg, #5eb5cc, #40a8c4 );
} 
.sns .bk_cir:nth-child(3){
    background: linear-gradient( 125deg, #40a8c4, #1a8aa8 );
} 
.sns .bk_cir:nth-child(4){
    background: linear-gradient( 125deg, #1a8aa8, #1d85a0 );
} 
.sns .bk_cir:nth-child(5){
    background: linear-gradient( 125deg, #1d85a0, #017392 );
} 
.sns .bk_cir:nth-child(6){
    background: linear-gradient( 125deg, #017392, #055468 );
} 

.db_graf{
    margin: 80px 0 70px;
    text-align: center;
}
.db_graf img{border-radius: 6px;}
.db{
    margin-top: 80px;
}
.bg_img img{
    border-radius: 25px;
    width: 100%;
}
.vi_pic{
    margin: 80px 0;
}
.vi_pic img{
    width:100%;
}
.vi{
    width: 100%;
    height:415px;
    margin: 100px 0 0;
}
.vi0{
    width: 100%;
    height:415px;
    margin: 60px 0 0;
}
.txt_wrap{
    margin: auto;
    color: #333;
    padding: 22% 0 0 15%;
}
.txt_wrap span:last-child{
    margin-top: 50px;
}
.txt_wrap h1{
    font-size: 50px;
    font-weight: 700;
    margin-bottom:10px;
    line-height: 60px;
}
.txt_wrap p{
    font-size: 30px;
}
.txt_wrap span{
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}
.vi1{
    background: url(../img/vi1.png)no-repeat center /cover;
}
.vi2{
    background: url(../img/vi2.png)no-repeat center /cover;
}
.vi3{
    background: url(../img/vi3.png)no-repeat center /cover;
}
.vi4{
    background: url(../img/vi4.png)no-repeat center /cover;
}
.vi5{
    background: url(../img/vi5.png)no-repeat center /cover;
}
.power{
    margin: 80px 0;
}
.power img{
    width: 100%;
}
.in{
    margin-bottom: 80px;
}
.in img{
    width: 100%;
}
.heart{
    margin-bottom: 80px;
}
.heart img{
    width: 100%;
}
.vi_txt{
    margin-bottom: 100px;
}
.viral{
    padding-bottom: 0;
}
.viral .bk_cir:nth-child(1){
    background: linear-gradient( 125deg, #98a4ef, #7f8cdb );
} 
.viral .bk_cir:nth-child(2){
    background: linear-gradient( 125deg, #7f8cdb, #7482d1);
} 
.viral .bk_cir:nth-child(3){
    background: linear-gradient( 125deg, #7482d1, #5c6bc2 );
} 
.viral .bk_cir:nth-child(4){
    background: linear-gradient( 125deg, #5c6bc2, #4b5cb8 );
} 
.viral .bk_cir:nth-child(5){
    background: linear-gradient( 125deg, #4b5cb8, #3345a6 );
} 
.viral .bk_cir:nth-child(6){
    background: linear-gradient( 125deg, #3345a6, #05146b );
} 
.black_txt{
    color: #000 !important;
}
.black_icon{
    background-color: #000;
}
.home_img{
    width: 100%;
    text-align: center;
    margin:70px 0 80px;
}
.home_img img{width:100%;}
.homepage_mid{
    float:left ;
    margin-bottom:100px;
}
.home_bg{
    padding: 0;
}
.home_mid{
    margin: 80px 0 160px;
}
.home_mid1{
    margin: 80px 0 0px;
}
.home_mid2{
    margin: 80px 0 70px;
}
.home_graf img{
    width: 100%;
    border-radius: 6px;
}

.homepage .bk_cir:nth-child(1){
    background: linear-gradient( 125deg, #c3c3c3, #a5a4a4 );
} 
.homepage .bk_cir:nth-child(2){
    background: linear-gradient( 125deg, #a5a4a4, #8e8d8d );
} 
.homepage .bk_cir:nth-child(3){
    background: linear-gradient( 125deg, #8e8d8d, #6f6f6f );
} 
.homepage .bk_cir:nth-child(4){
    background: linear-gradient( 125deg, #6f6f6f, #4e4e4e );
} 
.homepage .bk_cir:nth-child(5){
    background: linear-gradient( 125deg, #4e4e4e, #373737 );
} 
.homepage .bk_cir:nth-child(6){
    background: linear-gradient( 125deg, #373737, #000 );
} 
.pagemade{
    width: 100%;
    float: left;
    padding-bottom:130px;
    background: url(../img/page-made.png)no-repeat center /cover;
}
.page_made_box{
    margin-top: 80px;
    float: left;
}
.page_made_box h2{
    font-size: 30px;
    color: #fff;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 400;
}
.page_made_box .made_mid{
    font-size: 20px;
    color: #fff;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    text-align: justify;
    font-weight: 100;
    letter-spacing: -2px;
}
.made_left{
    width: 48%;
    float: left;
    margin-right: 4%;
}
.made_left img{
    margin-top: 50px;
    width: 100%;
}
.made_right{
    width: 48%;
    float: right;
}
.web{width: 100%; position: relative; float: left; padding: 100px 0;}
.web_box {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px 0;
}
.web_ri_box {
    width: 22%;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    box-shadow: 3px 2px 14px 3px rgb(1 105 104 / 15%);
    border-radius: 25px;
}
.webimg{
    text-align:center;
    padding: 13% 8%;
}
.webimg img{width: 50%;}
.webrig{
    width: 100%;
}
.ex_mid{
    margin: 80px 0 0;
}
.ex_pic{
    width: 100%;
    margin-top: 80px;
}
.ex_pic img{
    width: 100%;
}
.expic_ipc img{
    border-radius: 6px;
    width: 100%;
}

.experi .bk_cir:nth-child(1){
    background: linear-gradient( 125deg, #b2c7ff, #7b99e7 );
} 
.experi .bk_cir:nth-child(2){
    background: linear-gradient( 125deg, #7b99e7, #5275d4 );
} 
.experi .bk_cir:nth-child(3){
    background: linear-gradient( 125deg, #5275d4, #355dc7 );
} 
.experi .bk_cir:nth-child(4){
    background: linear-gradient( 125deg, #355dc7, #2149b8 );
} 
.experi .bk_cir:nth-child(5){
    background: linear-gradient( 125deg, #2149b8, #0f37a4 );
} 
.experi .bk_cir:nth-child(6){
    background: linear-gradient( 125deg, #0f37a4, #052886 );
} 
.expic_wrap {
    width: 47%;
    margin-right: 6%;
    float: left;
}
.expic_wrap h2 , .expic_wrap p{
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-size: 18px;
    letter-spacing: -2px;
}
.expic_wrap h2 {
    font-weight: 400;
    text-align: center;
    line-height: 50px;
}
.expic_wrap p{
    font-weight: 400;
    text-align: justify;
    margin-top: 30px;
}
.expic_ipc{
        display: flex;
        align-items: center;
        justify-content: center;
}
.ex_wrap{
    margin: 80px 0 0;
    width: 100%;
    float: left;
}
.expic_wrap:nth-child(2),.expic_wrap:nth-child(4){
    margin-right: 0;
    
}
.expic_wrap:nth-child(3), .expic_wrap:nth-child(4){
    margin-top: 50px;
} 
.you1{
    margin-top: 100px;
    height: 415px;
    background: url(../img/you-phone.png)no-repeat center /cover;
}
.red{
    color: #ff4741 !important;
}
.process{
    width: 100%;
    display: flex;
}
.youtube_box{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.youtube_left{
    width: 50%;
    float: left;
}
.youtube_right{
    width: 50%;
    float: right;
}
.youtube_left img, .youtube_right img{
    width: 100%;
    margin-bottom: 60px;
    margin-top: 50px;
}
.margin6{
    margin-bottom: 100px;
}
.youtube_mp {
    width: 100%;
    float: left;
    margin-bottom: 80px;
}
.mp_left{
    width: 48%;
    float: left;
}
.mp_right{
    width: 48%;
    float: right;
}
.mp_left img, .mp_right img{
    width: 100%;
}
.youtube_mp p {
    width: 100%;
    text-align: center;
    float: left;
    line-height: 60px;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    font-weight: 300;
    font-size: 20px;
}
.youtube_mp p {
    width: 100%;
    text-align: center;
    float: left;
    line-height: 60px;
}

.youtube .bk_cir:nth-child(1){
    background: linear-gradient( 125deg, #ffcac8, #fc9592 );
} 
.youtube .bk_cir:nth-child(2){
    background: linear-gradient( 125deg, #fc9592, #fa7c78 );
} 
.youtube .bk_cir:nth-child(3){
    background: linear-gradient( 125deg, #fa7c78, #f7625d );
} 
.youtube .bk_cir:nth-child(4){
    background: linear-gradient( 125deg, #f7625d, #f6514c);
} 
.youtube .bk_cir:nth-child(5){
    background: linear-gradient( 125deg, #f6514c, #f6403a );
} 
.youtube .bk_cir:nth-child(6){
    background: linear-gradient( 125deg, #f6403a, #d0201a );
} 

.bl_icon{
    background-color: #0f39ac;
}
.blu{color:#0f39ac !important;}
.green_icon{
    background-color: #009913;
}
.green{
    color: #009913;
}
.forl_img {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 100px 0;
}
.forl_img img, .for_img img{
    width: 60%;
}
.for_img{
    text-align: center;
    margin-bottom: 90px;
    margin-top: 90px;
}
.thank h1{
        font-size: 78px;
        color: #fff;
        letter-spacing: -4px;
        font-family: 'Oswald', sans-serif;
        position: relative;
        z-index: 9;
        padding-top: 130px;
        margin-bottom: 80px;
        display: inline-block;
}
.thank h1::before {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 32px;
    position: absolute;
    left: 0;
    bottom: 17px;
    z-index: -1;
    background-color: #017392;
}
.thank p {
    font-size: 30px;
    letter-spacing: -2px;
    color: #fff;
    line-height: 40px;
    font-weight: 100;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
}
.thank p small {
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: 100;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    line-height: 24px;
}
.thank {
    width:100%; 
    height:100vh;
    margin-top: 130px;
    background: url(../img/sub1_thank.jpg)no-repeat center / cover;
}
.clear .pic{
    background-color: #333 !important;
}
.infomation{
    margin-bottom: 100px;
    margin-top: 100px;
}

/*20221004_추가*/

.naver-top5{
    background: url(../img/naver-top5.jpg)no-repeat center/cover;
}
.naver .bk_cir:nth-child(1){
    background: linear-gradient( 125deg, #a5ebae, #76d882 );
} 
.naver .bk_cir:nth-child(2){
    background: linear-gradient( 125deg, #76d882, #5acd69 );
} 
.naver .bk_cir:nth-child(3){
    background: linear-gradient( 125deg, #5acd69, #30b942 );
} 
.naver .bk_cir:nth-child(4){
    background: linear-gradient( 125deg, #30b942, #11a725 );
} 
.naver .bk_cir:nth-child(5){
    background: linear-gradient( 125deg, #11a725, #009313 );
} 
.naver .bk_cir:nth-child(6){
    background: linear-gradient( 125deg, #009313, #027210 );
}
.pic_txt small{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -2px;
}
.naver_txt{
    color: #009913 !important;
}
.youtube_txt{
    color: #ff4741 !important;}

.naver-top1{
    background: url(../img/naver-top1.jpg)no-repeat center/cover;
}
.nav_txt{
    margin: 80px 0 40px;
}
.nav_txt1{
    margin: 0 0 70px;
}
.naicon_cir_box {
    width: 48%;
    float: left;
    margin: 95px 4% 80px 0;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
}
.last{
    margin-right: 0;
}
.naver-top2{
    margin-top: 0px;
    background: url(../img/naver-top2.jpg)no-repeat center/cover;
}
.natop{
    width: 100%;
    float: left;
    height: 420px;
    margin-bottom: 100px;
}
.naver-top3{
    margin-top: 100px;
    background: url(../img/naver-top3.jpg)no-repeat center/cover;
}
.naver-top4{
    margin-top: 100px;
    background: url(../img/naver-top4.jpg)no-repeat center/cover;
}

.long_box {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 80px;
    margin-top: 40px;
}
.long {
    width: 31%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.long_img img{
    width: 100%;
}
.long h2, .long p{
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    text-align: center;
}
.long h2{
    font-weight: 500;
    font-size: 24px;
    line-height: 80px;
}
.long p {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 24px;
}

.bottom160{
    margin-bottom: 160px;
}
.naver-top5{
    background: url(../img/naver-top5.jpg)no-repeat center/cover;
}

.top0{
    padding-top: 30px, 0;
}
.content{
    float: left;
    margin: auto;
    width: 50%;
    text-align: center;
    margin-bottom: 0px;
}
.con_wrap{
    width: 100%;
    float: left; 
    margin-top: 70px;
    }  
.contents{
    float: left;
    margin: auto;
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
}
.contents1{
    float: left;
    margin: auto;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
.con10{
    background: url(../img/con9.png)no-repeat center/cover; background-attachment: fixed;
}
.cont_icon10{
    width: 200px;
    background-color: #009913;
}

.in_wrap{
    width: 1300px;
    margin: auto;
}
.in_slide{
    width: 3900px;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}
.slide_wrap {
    width: 1300px;
    margin: 80px auto;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif; 
    position: relative;
    overflow: hidden;
}

.slide{
    width: 1300px;
    float: left;
    margin-bottom: 80px;
}
.slide p{ margin-top: 20px}
.slide img{
    width: 100%;
}
.slide_leftt{
    width: 49%;
    float: left;
    margin-bottom: 50px;
}
.slide_leftt img , .slide_rightt img{
    width: 100%;
}
.slide_rightt{
    width: 49%;
    float: right;
}
.slide_wrap h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 80px;
    text-align: left;
}
.slide_wrap p{
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    text-align: justify;
    margin-top: 30px;
    letter-spacing: -1px;
}
.slide_left1, .slide_right1, .slide_middle1{
    width: 32%;
    float: left;
}
.slide_left1 img, .slide_right1 img, .slide_middle1 img{
    width: 100%;
}
.con11{
        background: url(../img/con11.jpg)no-repeat center/cover; background-attachment: fixed;
    
}
.cont_icon11{
    width: 230px;
    background-color: #ff0000;
}

.slide_left2, .slide_middle2, .slide_right2, .slide_right2{
    width: 22%;
    float: left;
}
.slide:last-child{
    margin-bottom: 0;
}
.ex1{
    height: 415px;
    background: url(../img/ex_top.png)no-repeat center /cover;
}

.slide_wrap{
    width: 90%;
    margin: auto;
    display: flex;
}

.slide_left{
    width: 25%;
}

.slide_left .text_wrap{
    height: 250px;
    color: #fff;
}
.txt_wrap span {
    letter-spacing: -2px;
    width: 550px;
    display: block;
}

.slide_right{
    width: 75%;
    height: 500px;
}

.swiper {
width: 100%;
height: 100%;
}

.slide_left .swiper-slide {
background: #222;
}
.slide_right .swiper-slide {
background: tan;
}

.swiper-pagination {
position: unset !important;
margin-top: 50px;
}

.swiper-pagination-bullet.swiper_btn {
width: 100%;
height: 60px;
display: inline-block;
background: transparent;
opacity: 1;
text-align: center;
line-height: 60px;
}
.swiper-slide h1{
font-size: 36px;
font-weight: 500;
text-align: center;
display: block;
position: relative;
padding-top: 10px;
line-height: 85px;
}
.swiper-slide p{
font-size: 18px;
font-weight: 100;
text-align: left;
display: block;
position: relative;
margin: 30px;
letter-spacing: -1px;

}
.swiper-slide h1:before {
content: '';
display: block;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 1px;
background: rgba(255,255,255,.1);   
}
.main .boxArea .title em strong::before {
content: '';
display: block;
clear: both;
width: 100%;
height: 32px;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
background-color: #017392;
}
.con6 .bttn:hover{
    background-color: #3345a6;
}
.btn10:hover{
    background-color: #009913;
}
.con7 .bttn:hover{
    background-color: #000;
}
.con8 .bttn:hover{
    background-color: #0f39ac;
}
.con9 .bttn:hover{
    background-color: #ff4741;
}
.con4 .bttn:hover{ background-color: #000;}
.btn11:hover{background-color: #ff4741 !important;}
.traff{
    width: 100%;
    float: left;
}
.car{
    width: 100%;
    display: flow-root;
}
.scrollBtn img {
    width: 40% !important;
}
.ani-2{position: relative;}
.naver-top1 .pc_jus br{display: none;}
.pc_jus br{display: block;}



/*20221014 추가*/
.bh, .bh *, .bh *:before, .bh *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mb-80 {
    margin-bottom: 80px!important;
    margin-bottom: 8rem!important;
}
.ta-c {
    text-align: center!important;
}
.fp-enabled body, html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.xe-widget-wrapper {
    overflow: hidden;
}
.bh_widget_wrap {
    position: relative;
    overflow: hidden;
    font-family: 'Noto Sans KR';
}
.bh_gall_tc_3.owl-card {
    height: auto;
    padding: 0 70px;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel {
    width: 100%;
    z-index: 1;
}
.bh_gall_tc_3.owl-card .owl-stage-outer, .owl-stage, .owl-item {
    height: 100%;
}
.bh.bh_gall_tc_3 .owl-stage-outer {
    pointer-events: unset;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.owl-stage-outer, .owl-stage, .owl-item {
    height: 100%;
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.bh_gall_tc_3.bh_widget_content.owl-carousel .bh_item {
    margin-bottom: 0;
}
.bh_gall_tc_3.owl-card .item {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bh_gall_tc_3.bh_widget_content .bh_item {
    position: relative;
    margin-bottom: 30px;
}
.bh_gall_tc_3.bh_widget_content .bh_item .bh_item_inner {
    height: 100%;
    border: 1px solid transparent;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.bh_gall_tc_3.bh_widget_content .bh_img_content {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.bh .clearfix {
    zoom: 1;
}
.bh .clearfix:before, .bh .clearfix:after {
    content: "";
    display: table;
}
.style-grid-hover {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.bh, .bh *, .bh *:before, .bh *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.style-grid-hover:after, .style-grid-hover:before, .style-grid-hover figcaption:after, .style-grid-hover figcaption:before {
    background: #0a0a0a;
    width: 25%;
    position: absolute;
    content: '';
    opacity: 0;
    -webkit-transition: all 0.3s steps(4);
    transition: all 0.3s steps(4);
    z-index: 1;
    top: 100%;
    bottom: 0;
}
.style-grid-hover:before {
    left: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
.bh_gall_tc_3.bh_widget_content .bh_img_content img {
    width: 100%;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}
.style-grid-hover img {
    opacity: 1;
    max-width: 100%;
    vertical-align: top;
}
.style-grid-hover figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 30px;
}
.style-grid-hover figcaption:before {
    left: 50%;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    z-index: -1;
}
.bh_gall_tc_3.bh_widget_content .bh_img_content .bh_hover_content .hover_title {
    display: block;
    font-size: 20px;
    line-height: 1.6;
}
.style-grid-hover figcaption>span {
    opacity: 0;
}
.bh_gall_tc_3.bh_widget_content .bh_img_content .bh_hover_content .hover_content {
    display: block;
    height: 75px;
    color: #ddd;
    font-size: 15px;
    line-height: 1.6;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
}
.style-grid-hover figcaption:after {
    left: 75%;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    z-index: -1;
}
.style-grid-hover:after {
    left: 25%;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.style-grid-hover {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.bh .clearfix:before, .bh .clearfix:after {
    content: "";
    display: table;
}
.bh .clearfix::after {
    clear: both;
}
.bh_gall_tc_3.owl-card .item>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bh_gall_tc_3.bh_widget_content .bh_item>a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.bh_gall_tc_3.owl-card .item {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bh_gall_tc_3.bh_widget_content .bh_item .bh_item_inner {
    height: 100%;
    border: 1px solid transparent;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.owl-nav{
    display: block;
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0;
}

.owl-nav button{
    width: 40px;
    height: 60px;
    position: absolute;
    top: 0;
    background: url(../img/left.png) no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.owl-nav button.owl-prev{
    left: 0;
}

.owl-nav button.owl-next{
    right:0;
    transform: rotate(180deg);
}

.owl-nav button span{
    display: none;
}
.m-no{margin-bottom: 100px;}
.shorts, .start{text-align: center !important;}
.per{background-image: url(../img/per_bg.jpg); width: 100%; height: 120vh; background-repeat: no-repeat; background-size: cover; display: flow-root;}

.get{background-image: url(../img/get_bg.jpg); width: 100%;}
.per_img{margin-top: 80px;}
.per_wrap ul {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 30px;
    justify-content: center;
}
.per_wrap ul {width: 100%; float: left; margin-bottom:130px}
.per_wrap ul li{width: 200px; height: 200px; float: left; border-radius: 20px; box-shadow: 3px 2px 14px 3px rgb(1 105 104 / 15%); position: relative;}
.per_wrap ul li span{margin-right: 5px; font-weight: 500; line-height: 350px;}

.per .size em{display:block; font-size:3.4rem; font-weight:900; line-height:1.2;}
.per .size em b{display:block; font-size:6rem; font-weight:900;}
.per .size {padding: 160px 0 0;}
.size{width: 100%; max-width: 1300px; height: auto;margin: 0 auto;}
.agree { margin: 0 0 30px;}
.agree_txt .num_list {counter-reset: item;}
.agree_txt p, .agree_txt ul, .agree_txt ol {margin-bottom: 10px;}
.agree_txt h4 {
    margin-top: 20px;
    color: #333;
    font-size: 24px;
    font-weight: 500;
}
.agree_txt .num_list > li, .agree_txt .num_list > dt, .agree_txt .num_list > dd {
    position: relative;
    padding-left: 15px;
}
.agree_txt dt {
    font-weight: 500;
    margin-top: 10px;
}
.agree_txt .num_list {
    counter-reset: item;
}
.clear .pic{height: 0;}
.white{background-color: #fff;}
#footer .clear span{text-align: left;}
.search{
    width: 100%;
    text-align: center;
    margin: 80px 0 0;
}
.search img{width: 70%;}
.mo_justy br {display: block;}
.rank {
    position: absolute;
    top: -15px;
    left: 50%;
    width: auto;
    border-radius: 75px;
    padding: 0 20px;
    transform image-rendering: -webkit-optimize-contrast;
    transform: translateX(-50%);
    white-space: nowrap;
}
.main .boxArea .cont ul li a {
    box-shadow: 4px 3px 14px -1px rgb(0 0 0 / 35%);
}
.pick_box {
    width: 25%;
    float: left;
    height: 489px;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        flex-wrap: wrap;
}
.fa .pick_box:nth-child(1){ background-image:url(../img/face_markt1.png); background-repeat: no-repeat; background-position: top; background-size: contain;}
.fa .pick_box:nth-child(2){ background-image:url(../img/face_markt2.png); background-repeat: no-repeat; background-position: top; background-size: contain;}
.fa .pick_box:nth-child(3){ background-image:url(../img/face_markt3.png); background-repeat: no-repeat; background-position: top; background-size: contain;}
.fa .pick_box:nth-child(4){ background-image:url(../img/face_markt4.png); background-repeat: no-repeat; background-position: top; background-size: contain;}

.pick_box:nth-child(1){ background-image:url(../img/ins_markt1.png); background-repeat: no-repeat; background-position: top; background-size: contain;}
.pick_box:nth-child(2){ background-image:url(../img/ins_markt2.png); background-repeat: no-repeat; background-position: top; background-size: contain;}
.pick_box:nth-child(3){ background-image:url(../img/ins_markt3.png); background-repeat: no-repeat; background-position: top; background-size: contain;}
.pick_box:nth-child(4){ background-image:url(../img/ins_markt4.png); background-repeat: no-repeat; background-position: top; background-size: contain;}

#bg{width: 100%; position: relative; float: left; background-image:url(../img/per_bg.jpg); background-repeat: no-repeat; background-size: cover;}

.sns_img{width: 100%; text-align: center; position: relative; float: left; }
.sns_text{width: 40%; float: left; margin-top: 150px;}
.sns_text p{margin-bottom: 50px; font-size: 36px; line-height: 42px; letter-spacing: -2px;}
.sns_phone{width: 60%; float: right;}
.phone{width: 100%;}
.phone img{width: 100%;}

.phone_viral{width: 100%; text-align: center; margin-bottom: 80px;}
.phone_viral img{width: 90%;}

.left_bg_box{width: 100%; float: left; position: relative;  flex-direction: row;}
.left_bg{width: 50%; float: left;}
.left_bg img{width: 100%;}
.left_bg_right{width: 50%; float: right;}
.left_bg_right img{width: 100%;}
.left_bg.no-before{
    background: #ffffff;
}

.left_bg.no-before:before{
    display: none;
}

.ex_wrap{width: 100%; float: left; position: relative;display: flex;justify-content: space-between;flex-wrap: wrap; gap: 30px 0; margin-bottom: 100px;}
.ex_box{width: 22%; float: left; }
.ex_img_box{width: 100%; background-color: #f4f5f6; border-radius: 25px; box-shadow: 3px 2px 14px 3px rgb(1 105 104 / 8%); text-align: center;}
.ex_text{margin-top: 30px;}
.ex_text h1{font-size: 24px; font-weight: 500;}
.ex_text p{font-size: 18px; margin-top: 10px;}
.ex_img_box img{width: 60%;}
.u_img{width: 100%; text-align: center; padding-bottom: 80px;}
.u_img img{width: 90%;}
.cart{width: 100%; text-align: center; padding-bottom: 80px;}
.cart img{width: 60%;}
#open_wrap {
    width: 100%;
    position: relative;
    float: left;
    background-image: url(../img/open_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: center;
}   
.men{
    position: absolute;
    right: 12vw;
    bottom: 0;
}
.in_con_wrap .icon_cir_box {
    width: calc(50% - 60px);
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    float: left;
    padding: 30px;
    margin: 0;
}

.icob_box{
    width: calc(100% - 150px);
    margin-right: 0;
}

.in_con_wrap .icon_cir_box:nth-child(1),
.in_con_wrap .icon_cir_box:nth-child(2){
    margin-top: 90px;
}

.in_con_wrap .icon_cir_box:nth-child(3),
.in_con_wrap .icon_cir_box:nth-child(4){
    margin-bottom: 90px;
}

.left_bg{
    background: #f4f4f4;
    min-height: 600px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.left_bg.align-end{
    align-items: flex-end;
}

.left_bg img {
    width: calc(100% - 60px);
}

.left_bg:before{
    content: '';
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    position: absolute;
    top: 0;
    left: -50%;
    z-index: -1;
    transform: translateX(0);
}

.left_bg_box.revelse .left_bg:before{
    left: auto;
    right: -50%;
}

.txt_wrap{
    padding: 0;
    width: calc(100% - 60px);
}

.txt_wrap span{
    width: 100%;
    text-align: justify;
}

.txt_wrap h1{
    margin-bottom: 30px;
}

.left_bg_box{
    display: flex;
}

.left_bg_box.revelse{
    flex-direction: row-reverse;
}

.left_bg_right {
    float: unset;
    display: flex;
    align-items: center;
}

#hr_wrap {
    width: 100%;
    position: relative;
    float: left;
    background-image: url(../img/hr_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: center;
}
.men2 {
    position: absolute;
    right: 12vw;
    bottom: 0;
}
#branding_wrap {
    width: 100%;
    position: relative;
    float: left;
    background-image: url(../img/branding_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: center;
}
.girl {
    position: absolute;
    right: 13vw;
    bottom: 7vh;
}
.mar{ margin-bottom: 0 !important;}
.bbox .top {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}
.bbox .top_box {
    position: relative;
    width: calc(50% - 10px);
    box-shadow: 3px 2px 14px 3px rgb(1 105 104 / 8%);
    border-radius: 25px;
}
.bbox .top_box:last-child {
    width: 100%;
    margin: 20px 0;
}

.bbox .top_box span {
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 20px;
}
.bbox .bottom {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}
.bbox .bottom_box {
    position: relative;
    width: calc(50% - 10px);
    box-shadow: 3px 2px 14px 3px rgb(1 105 104 / 8%);
    border-radius: 25px;
}

.bbox .bottom_box span{
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 20px;
}

.t br{display: block;}
.main .section7 .mapWrap{opacity: 0;}
#map2{opacity: 1;}
.section9{background: url(../img/model_bg.jpg);}
.down_btn{
    width: 180px;
    border: 2px solid #017392;
    background-color: #fff;
    border-radius: 6px;
    padding: 1%;
    text-align: center;
    float: right;
}
.down_btn a img{
    width: 50%;
}
.section9 .swiper {
    width: 100%;
    height: 100%;
  }

  .section9 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .section9 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -50px !important;
    top: 50vh !important;
    color: #017392 !important;
  }
  .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -50px !important;
    top: 50vh !important;
    color: #017392 !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px !important;
    left: 0 !important;
    width: 100% !important;
}
:root {
    --swiper-theme-color: #017392 !important;
}
.mak{
    position: absolute;
    top: 42vh;
    left: 22vh;
    width: 50%;
}
.mak img{
    width: 50%;
}
.models .pink:nth-child(1){
    background: linear-gradient( 125deg, #ffcde1, #ffa4c8 );
} 
.models .pink:nth-child(2){
    background: linear-gradient( 125deg, #ffa4c8, #ff8fbb );
} 
.models .pink:nth-child(3){
    background: linear-gradient( 125deg, #ff8fbb, #ff79ae );
} 
.models .pink:nth-child(4){
    background: linear-gradient( 125deg, #ff79ae, #f7659e );
} 
.models .pink:nth-child(5){
    background: linear-gradient( 125deg, #f7659e, #ef4e8d );
} 
.models .pink:nth-child(6){
    background: linear-gradient( 125deg, #ef4e8d, #d4296a );
}
.cont_icon12{
    width: 290px;
    background-color: #ef4e8d;
}
.con12{
    background: url(../img/con12.jpg)no-repeat center/cover;
}
.con12 .bttn:hover{
    background-color: #ef4e8d;
}
.pink_box{
    width: 1300px;
    margin: auto;
    display: inline-block;
    margin-bottom: 100px;
}
.pink_top{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}
.pink_bottom {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    margin-top: 25px;
}
.pk_bbox span {
    display: block;
    font-size: 18px;
    line-height: 22px;
}
.pk_tbox{
    width: 48%;
    background-color: #ef5590;
    color: #fff;
    border-radius: 6px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
}
.pk_bbox {
    width: 32%;
    background-color: #fff;
    border-radius: 6px;
    padding: 1%;
}
.mod .pic_wrap .pic img{
    border-radius: 6px;
    width: 100%;
}
.mod .pic_wrap .pic{
    padding: 0 !important;
}
.modell {
    margin: 60px 0 0;
    text-align: center;
}
.modell img{
    width: 100%;
}
.dbdb{
    margin: 80px 0 100px;
}
.dbdb img{
    width: 100%;
}
.c{
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
}
.pp .blue:last-child{
    margin-right: 0;
    margin-bottom: 0;
}
.swiper-slide a{
    width: 100%;
    height: 100%;
}
.agree_txt{
    margin-bottom: 110px;
}
.cmt_btn, #bo_vc, .bo_vc_w textarea, .bo_vc_w .btn_submit {
    display: none;
}
.allMenu .inner {
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
}

.allMenu .inner::-webkit-scrollbar {
    display: none; 
}