/* 광고문의페이지 ----------------------- */
.adinfo-wrap {position:relative; width:100%; padding:150px 0;}
.adinfo-wrap h1.tit {position:relative; width:100%; display:block; text-align:center; padding-bottom:40px;}
.adinfo-wrap h1.tit span {font-size:50px; line-height:50px; letter-spacing:-4px; font-weight:800}
.adinfo-wrap h1.tit .bg-line {position:absolute; bottom:0; left:50%; width:40px; height:1px; margin-left:-20px; background:#212529;}
.adinfo-wrap h2.tit-sub {width:100%; display:block; margin-top:30px; text-align:center; color:#715eff; font-size:23px; line-height:30px; letter-spacing:-2px}
.adinfo-wrap .txt-left {position:absolute; top:230px; left:55px; }
.adinfo-wrap .txt-left .bg-line {position:absolute; top:0; left:5px; width:55px; height:1px; background:#fff;}
.adinfo-wrap .txt-left dt {margin-top:70px; font-size:30px; font-weight:400; letter-spacing:-2px}
.adinfo-wrap .txt-left dd {margin-top:30px; font-size:20px; line-height:35px; letter-spacing:-2px}
.adinfo-wrap .img-area01-search {position:absolute; top:130px; right:55px; width:580px; height:459px}
.adinfo-wrap .img-area01-search .txt {position:absolute; top:18px; left:54px; z-index:12; width:371px; height:244px; background:url('../img/page/img-area01-search-txt.gif');background-repeat:no-repeat;}
.adinfo-wrap .img-area01-search .ic_search {margin:20px 0 0 20px}
.adinfo-wrap .img-area01-search .bg-search {position:absolute; top:220px; left:0; z-index:11; width:270px; height:60px; border-radius:5px; background:#fff;}
.adinfo-wrap .img-area01-search .bg01 {position:absolute; bottom:0; left:44px; width:283px; height:419px; background:url('../img/page/img-area01-search-bg01.png');background-repeat:no-repeat;}
.adinfo-wrap .img-area01-search .bg02 {position:absolute; top:0; right:0px; z-index:10; width:398px; height:459px; background:url('../img/page/img-area01-search-bg02.png');background-repeat:no-repeat;}
.adinfo-wrap .img-area01-search .img-in {position:absolute;width:283px; height:283px}
.adinfo-wrap .img-area01-search .bg01 .img-in {bottom:0;left:0; background:url('../img/page/img-area01-search-img01.gif');background-repeat:no-repeat;}
.adinfo-wrap .img-area01-search .bg02 .img-in {bottom:40px;right:0; background:url('../img/page/img-area01-search-img02.gif');background-repeat:no-repeat;}
.adinfo-wrap .txt-area02-list {position:relative; width:100%; height:530px;  background:url('../img/page/bg-area02-list.png');background-repeat:no-repeat;}
.adinfo-wrap .txt-area02-list ul {position:absolute; top:80px; left:50%; margin-left:-332px; width:665px;}
.adinfo-wrap .txt-area02-list ul .list-item:first-child {margin-left:0; position:relative}
.adinfo-wrap .txt-area02-list ul .list-item {float:left; margin-left:-50px; width:255px; height:255px; border-radius:255px; background:#715eff; padding-top:45px; text-align:center;}
.adinfo-wrap .txt-area02-list ul .list-item .list-tit {font-size:24px; line-height:24px; font-weight:bold; letter-spacing:-2px; color:#ffdd1f; margin-bottom:20px}
.adinfo-wrap .txt-area02-list ul .list-item .list-cont {font-size:16px; line-height:23px; color:#fff;} 
.adinfo-wrap .txt-area02-list ul .list-item .list-cont .txt-sub {display:block; margin-top:20px; color:#fff; font-size:13px; line-height:18px;}
.adinfo-wrap .txt-area02-list ul .list-item .list-cont p {margin-bottom:12px; font-size:15px; line-height:21px; color:#fff;}
.adinfo-wrap .img-area03-bg {position:absolute; top:190px;left:40%; width:647px; height:397px; background:url('../img/page/img-area03.png');background-repeat:no-repeat;}
.adinfo-wrap .txt-area04-list {margin-top:60px; width:100%; background:url('../img/page/bg-area04-list.png') center center ;background-repeat:no-repeat;}
.adinfo-wrap .txt-area04-list ul {width:100%; display:inline-block; }
.adinfo-wrap .txt-area04-list ul li {float:left; display:inline-block; width:435px; height:145px;margin:50px 0; }
.adinfo-wrap .txt-area04-list ul li:nth-child(even) {margin-left:325px}
.adinfo-wrap .txt-area04-list ul li .img-area {float:left; margin-right:25px; width:122px; height:122px; border-radius:122px; overflow:hidden; background:url('../img/page/img-area04-list.png');background-repeat:no-repeat;}
.adinfo-wrap .txt-area04-list ul li .img-area.img0 {background-position:0 0;}
.adinfo-wrap .txt-area04-list ul li .img-area.img1 {background-position:0 -122px;}
.adinfo-wrap .txt-area04-list ul li .img-area.img2 {background-position:0 -244px;} 
.adinfo-wrap .txt-area04-list ul li .img-area.img3 {background-position:0 -366px;} 
.adinfo-wrap .txt-area04-list ul li .txt-area {float:left; }
.adinfo-wrap .txt-area04-list ul li .txt-area dt {font-size:21px; line-height:30px; letter-spacing:-2px;margin-bottom:20px; font-weight:bold; }
.adinfo-wrap .txt-area04-list ul li .txt-area dd {font-size:16px; line-height:26px; color:#868e96;}
.txt-area05-course ul {display:inline-block; width:100%; background:url('../img/page/bg-area05-list.png') center 27% ;background-repeat:no-repeat;}
.txt-area05-course ul li {position:relative; float:left;text-align:left;  width:16%; height:373px;margin-right:5%;}
.txt-area05-course ul li:last-child {margin-right:0;}
/*.adinfo-wrap .txt-area05-course ul li:last-child dt { background:none; border-bottom:1px solid #715eff}*/
.txt-area05-course ul li i {display:block; width:46px; height:46px; border-radius:46px; background:#715eff; color:#fff; text-align:center; font-size:25px; font-style:normal; font-weight:bold; line-height:46px; }
.txt-area05-course ul li dt {font-size:22px; line-height:22px; letter-spacing:-2px; color:#fff; font-weight:bold; margin-top:20px; padding-bottom:20px; width:100%; /*background:url('../img/page/bg-area05-line-01.png');background-repeat:no-repeat; background-position: 0 100%*/}
.txt-area05-course ul li dd {font-size:18px; line-height:30px; letter-spacing:-2px; color:#dbdbdb; margin-top:120px; width:100%}
.txt-area05-course ul li .date {position:absolute; left:0; bottom:0; width:100%; padding-top:25px; height:74px; font-size:16px; color:#868e96;}
.txt-area05-course ul li .date span {color:#dbdbdb; font-size:15px}
.txt-area05-course ul li .date .bg-line {position:absolute; top:0; left:0; width:18px; height:1px; background:#c2c6ca}
.txt-area06-list {width:100%; margin-top:80px; background:url('../img/page/bg-area06-list-01.png') center center ;background-repeat:no-repeat;}
.txt-area06-list ul {width:100%; display:inline-block}
.txt-area06-list ul li {float:left; width:230px; height:130px; margin:30px 0;}
.txt-area06-list ul li:nth-child(even) {margin-left:740px}
.txt-area06-list ul li i.ic_info {display:block; margin:0 auto; width:66px; height:66px; background:url('../img/page/img-area06-list-01.png') center center ;background-repeat:no-repeat;}
.txt-area06-list ul li i.ic_info.ic_01 {background-position:0 0;}
.txt-area06-list ul li i.ic_info.ic_02 {background-position:0 -66px;}
.txt-area06-list ul li i.ic_info.ic_03 {background-position:0 -132px;}
.txt-area06-list ul li i.ic_info.ic_04 {background-position:0 -198px;}
.txt-area06-list ul li i.ic_info.ic_05 {background-position:0 -264px;}
.txt-area06-list ul li i.ic_info.ic_06 {background-position:0 -330px;}
.txt-area06-list ul li .txt {margin-top:15px;font-size:20px; color:#fff; font-weight:bold; letter-spacing:-2px; text-align:center}

.adinfo-wrap.area01 {height:880px}
.adinfo-wrap.area01.bg0 {background: #000 url('../img/page/bg_adinfo_area01_01.jpg') top center no-repeat;background-size: cover;transition: all, .9s;}
.adinfo-wrap.area01.bg1 {background: url('../img/page/bg_adinfo_area01_02.jpg') top center no-repeat;background-size: cover;}
.adinfo-wrap.area01.bg2 {background: url('../img/page/bg_adinfo_area01_03.jpg') top center no-repeat;background-size: cover;}
.adinfo-wrap.area01 h1.tit span {color:#fff; padding:0; }
.adinfo-wrap.area01 .txt-left dt {color:#fff}
.adinfo-wrap.area01 .txt-left dd {color:#868e96}
.adinfo-wrap.area02 h1.tit span {color:#212529}
.adinfo-wrap.area03 {height:900px; background:#f1f3f5;}
.adinfo-wrap.area03 .txt-left dt {color:#212529}
.adinfo-wrap.area03 .txt-left dd {color:#495057}
.adinfo-wrap.area06 {padding:150px 0 100px 0}
.adinfo-wrap.area06 h2.tit-sub {color:#eee}
.adinfo-wrap.area06 , .seviceinfo-wrap.area06 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#715eff+0,975eff+100 */
background: #715eff; /* Old browsers */
background: -moz-linear-gradient(top, #715eff 0%, #975eff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #715eff 0%,#975eff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #715eff 0%,#975eff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#715eff', endColorstr='#975eff',GradientType=0 ); /* IE6-9 */}
.adinfo-wrap.area06 h1.tit span {color:#fff;}
.adinfo-wrap.area06 h1.tit .bg-line {background:#aca1ff}
.adinfo-wrap.area07 {padding:130px 0; background: #212529 url('../img/page/bg-area06.jpg') center center ;background-repeat:no-repeat;}


/* 광고문의페이지 리뉴얼 */
.seviceinfo-wrap {position:relative; width:100%; padding:150px 0; text-align:center;}
.seviceinfo-wrap h1 {position:relative;}
.seviceinfo-wrap h1 span {font-size:50px; line-height:80px; color:#fff; letter-spacing:-5px;}
.seviceinfo-wrap.area01 {background:url('../img/page/bg-serviceinfo-01.jpg'); background-repeat:no-repeat; background-size:cover}
.seviceinfo-wrap.area01 .area01-btn-area a {margin:0 20px; display:inline-block; width:300px; height:80px; line-height:78px; font-weight:bold; font-size:25px; border-radius:50px}
.seviceinfo-wrap.area01 .area01-btn-area a.btn01 {color:#fff; background:#715eff; border:2px solid #715eff}
.seviceinfo-wrap.area01 .area01-btn-area a.btn02 {color:#715eff; background:#fff; border:2px solid #715eff}

.seviceinfo-wrap.area02 {background:#000;text-align:left; }
.seviceinfo-wrap.area02 .container {padding-left:390px;}
.seviceinfo-wrap.area02 h1 { z-index:1;}
.seviceinfo-wrap.area02 h1 span {color:#e5e3ff; line-height:65px;}
.seviceinfo-wrap.area02 .area02-bg {position:absolute; bottom:-150px; left:50%; z-index:0; margin-left:-960px; width:1176px; height:995px; background:url('../img/page/bg-serviceinfo-02.jpg'); background-repeat:no-repeat; }
.seviceinfo-wrap.area02 .area02-ul-list {position:relative; z-index:1;}
.seviceinfo-wrap.area02 .area02-ul-list ul {display:inline-block; }
.seviceinfo-wrap.area02 .area02-ul-list ul li {float:left; width:384px; height:230px; margin:0 30px 30px 0; display:table; background:url('../img/page/bg-serviceinfo-list-02.png'); background-repeat:no-repeat;  }
.seviceinfo-wrap.area02 .area02-ul-list ul li.last {margin-right:0}
.seviceinfo-wrap.area02 .area02-ul-list ul li .txt {text-align:center; display:table-cell; vertical-align:middle; }
.seviceinfo-wrap.area02 .area02-ul-list ul li span {font-size:26px; line-height:45px; font-weight:bold; color:#fff; letter-spacing:-3px}
.seviceinfo-wrap.area02 .area02-ul-list ul li span.point {color:#b9fff9}

.seviceinfo-wrap.area03 {background:#fff;text-align:left; }
.seviceinfo-wrap.area03 h1 span {color:#000; line-height:70px;}
.seviceinfo-wrap.area03 .area03-ul-list ul {display:inline-block; width:100%;}
.seviceinfo-wrap.area03 .area03-ul-list ul li {display:inline-block; float:left; height:210px; margin-bottom:50px;}
.seviceinfo-wrap.area03 .area03-ul-list ul li.first , .seviceinfo-wrap.area03 .area03-ul-list ul li.third {width:540px; margin-right:150px;}
.seviceinfo-wrap.area03 .area03-ul-list ul li.second {position:absolute; width:570px;}
.seviceinfo-wrap.area03 .area03-ul-list ul li.third , .seviceinfo-wrap.area03 .area03-ul-list ul li.fourth {margin-bottom:0;}
.seviceinfo-wrap.area03 .area03-ul-list i {display:block; margin-bottom:30px; width:68px; height:68px; background:url('../img/page/ic-serviceinfo-03.png');}
.seviceinfo-wrap.area03 .area03-ul-list li.first i {background-position:0 0;}
.seviceinfo-wrap.area03 .area03-ul-list li.second i {background-position:0 -68px;}
.seviceinfo-wrap.area03 .area03-ul-list li.third i {background-position:0 -136px;}
.seviceinfo-wrap.area03 .area03-ul-list li.fourth i {background-position:0 -204px;}
.seviceinfo-wrap.area03 .area03-ul-list dt {float:left; margin-right:30px}
.seviceinfo-wrap.area03 .area03-ul-list dt span {font-size:24px; line-height:36px; letter-spacing:-2px; color:#000; font-weight:bold; }
.seviceinfo-wrap.area03 .area03-ul-list dt span.point {color:#715eff}
.seviceinfo-wrap.area03 .area03-ul-list dd {float:left; font-size:17px; line-height:28px;}

.seviceinfo-wrap.area04 {height:1031px; padding-bottom:0; text-align:left; background:url('../img/page/bg-serviceinfo-04.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center}
.seviceinfo-wrap.area04 h1 {float:left; margin-top:50px;}
.seviceinfo-wrap.area04 .img-area { float:left; margin-left:215px; width:742px; height:881px; background:url('../img/page/img-serviceinfo-04.png');background-repeat:no-repeat;}

.seviceinfo-wrap.area05 {background:#fff;}
.seviceinfo-wrap.area05 h1 span {color:#000}
.seviceinfo-wrap.area05 .area05-roll-wrap {width:100%; position:relative; overflow:visible;  height:696px; }
.seviceinfo-wrap.area05 .area05-roll-wrap ul {overflow:hidden; height:696px; position:relative}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li {width:250px; float:left; margin-right:50px;}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img {width:250px; height:250px; overflow:hidden;}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img img {width:250px;}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review {position:relative; width:250px; height:446px;}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review img {position:absolute; top:0;right:0;}
/*
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img01 {background:url('../img/page/img-serviceinfo-area5-01-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img02 {background:url('../img/page/img-serviceinfo-area5-02-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img03 {background:url('../img/page/img-serviceinfo-area5-03-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img04 {background:url('../img/page/img-serviceinfo-area5-04-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img05 {background:url('../img/page/img-serviceinfo-area5-05-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img06 {background:url('../img/page/img-serviceinfo-area5-06-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img07 {background:url('../img/page/img-serviceinfo-area5-07-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img08 {background:url('../img/page/img-serviceinfo-area5-08-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img09 {background:url('../img/page/img-serviceinfo-area5-09-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img10 {background:url('../img/page/img-serviceinfo-area5-10-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img11 {background:url('../img/page/img-serviceinfo-area5-11-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img12 {background:url('../img/page/img-serviceinfo-area5-12-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img13 {background:url('../img/page/img-serviceinfo-area5-13-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img14 {background:url('../img/page/img-serviceinfo-area5-14-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img15 {background:url('../img/page/img-serviceinfo-area5-15-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img16 {background:url('../img/page/img-serviceinfo-area5-16-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img17 {background:url('../img/page/img-serviceinfo-area5-17-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img18 {background:url('../img/page/img-serviceinfo-area5-18-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img19 {background:url('../img/page/img-serviceinfo-area5-19-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img20 {background:url('../img/page/img-serviceinfo-area5-20-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img21 {background:url('../img/page/img-serviceinfo-area5-21-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img22 {background:url('../img/page/img-serviceinfo-area5-22-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img23 {background:url('../img/page/img-serviceinfo-area5-23-top.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .img {width:250px; height:250px; background-position:top center; background-size:cover; background-repeat:no-repeat;}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review01 {background:url('../img/page/img-serviceinfo-area5-01-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review02 {background:url('../img/page/img-serviceinfo-area5-02-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review03 {background:url('../img/page/img-serviceinfo-area5-03-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review04 {background:url('../img/page/img-serviceinfo-area5-04-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review05 {background:url('../img/page/img-serviceinfo-area5-05-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review06 {background:url('../img/page/img-serviceinfo-area5-06-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review07 {background:url('../img/page/img-serviceinfo-area5-07-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review08 {background:url('../img/page/img-serviceinfo-area5-08-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review09 {background:url('../img/page/img-serviceinfo-area5-09-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review10 {background:url('../img/page/img-serviceinfo-area5-10-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review11 {background:url('../img/page/img-serviceinfo-area5-11-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review12 {background:url('../img/page/img-serviceinfo-area5-12-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review13 {background:url('../img/page/img-serviceinfo-area5-13-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review14 {background:url('../img/page/img-serviceinfo-area5-14-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review15 {background:url('../img/page/img-serviceinfo-area5-15-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review16 {background:url('../img/page/img-serviceinfo-area5-16-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review17 {background:url('../img/page/img-serviceinfo-area5-17-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review18 {background:url('../img/page/img-serviceinfo-area5-18-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review19 {background:url('../img/page/img-serviceinfo-area5-19-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review20 {background:url('../img/page/img-serviceinfo-area5-20-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review21 {background:url('../img/page/img-serviceinfo-area5-21-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review22 {background:url('../img/page/img-serviceinfo-area5-22-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review23 {background:url('../img/page/img-serviceinfo-area5-23-btm.png');}
.seviceinfo-wrap.area05 .area05-roll-wrap ul li .review {position:relative; width:250px; height:446px; background-position:top right; background-repeat:no-repeat;}
*/

.seviceinfo-wrap.area06 {padding-bottom:100px}
.seviceinfo-wrap.area06 h1 span {line-height:65px}
.seviceinfo-wrap.area06 h2 {width:100%; text-align:center; margin-top:30px}
.seviceinfo-wrap.area06 h2 span {color: #eee;font-size: 23px;line-height: 30px;letter-spacing: -2px;}

.seviceinfo-wrap.area07 {background:url('../img/page/bg-serviceinfo-07.jpg'); background-repeat:no-repeat; background-size:cover}
.seviceinfo-wrap.area07 .course-info {float:right; color:#8c7dff; height:30px; font-size:29px; letter-spacing:-2px;}
.seviceinfo-wrap.area07 .course-info span.bg {vertical-align:-10px; margin:0 15px; display:inline-block; width:108px; height:26px; }
.seviceinfo-wrap.area07 .course-info span.bg.bg1 {background:url('../img/page/bg-serviceinfo-txt07-01.png'); background-repeat:no-repeat; }
.seviceinfo-wrap.area07 .course-info span.bg.bg2 {background:url('../img/page/bg-serviceinfo-txt07-02.png'); background-repeat:no-repeat; }

.seviceinfo-wrap.area08 {background:#fff;}
.seviceinfo-wrap.area08 h1 span {color:#000}
.seviceinfo-wrap.area08 .area08-roll-area {padding:20px 0; width:100%; position:relative; overflow:visible; }
.seviceinfo-wrap.area08 .area08-roll-area ul {overflow:hidden; height:60px; position:relative}
.seviceinfo-wrap.area08 .area08-roll-area ul li {width:250px; height:60px; margin:0 20px; float:left; margin-right:50px;}
.seviceinfo-wrap.area08 .area08-roll-area .bi {width:250px; height:60px;}
.seviceinfo-wrap.area08 .area08-roll-area .bi img {display:block; margin:0 auto; max-height:60px; }
/*
.seviceinfo-wrap.area08 .area08-roll-area .bi-11st {background:url('../img/page/bi-11st.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-cj {background:url('../img/page/bi-cj.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-gait {background:url('../img/page/bi-gait.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-gseye {background:url('../img/page/bi-gseye.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-nshome {background:url('../img/page/bi-nshome.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-guremsong {background:url('../img/page/bi-guremsong.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-noroo {background:url('../img/page/bi-noroo.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-newnfit {background:url('../img/page/bi-newnfit.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-thesqure {background:url('../img/page/bi-thesqure.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-durafit {background:url('../img/page/bi-durafit.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-rafuma {background:url('../img/page/bi-rafuma.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-makeshop {background:url('../img/page/bi-makeshop.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-mirean {background:url('../img/page/bi-mirean.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-byandby {background:url('../img/page/bi-byandby.png');}

.seviceinfo-wrap.area08 .area08-roll-area .bi-starsurgery {background:url('../img/page/bi-starsurgery.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-vogue {background:url('../img/page/bi-vogue.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-bonedo {background:url('../img/page/bi-bonedo.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-brown {background:url('../img/page/bi-brown.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-beclassy {background:url('../img/page/bi-beclassy.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-shandell {background:url('../img/page/bi-shandell.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-stare {background:url('../img/page/bi-stare.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-storyfactory {background:url('../img/page/bi-storyfactory.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-artmon {background:url('../img/page/bi-artmon.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-econmall {background:url('../img/page/bi-econmall.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-nbbebe {background:url('../img/page/bi-nbbebe.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-msoul {background:url('../img/page/bi-msoul.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-yogerpresso {background:url('../img/page/bi-yogerpresso.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-ultrav {background:url('../img/page/bi-ultrav.png');}

.seviceinfo-wrap.area08 .area08-roll-area .bi-inaehan {background:url('../img/page/bi-inaehan.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-ildong {background:url('../img/page/bi-ildong.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-yvesom {background:url('../img/page/bi-yvesom.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-junohair {background:url('../img/page/bi-junohair.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-cairete {background:url('../img/page/bi-cairete.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-nextgroup {background:url('../img/page/bi-nextgroup.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-trendmeca {background:url('../img/page/bi-trendmeca.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-tmon {background:url('../img/page/bi-tmon.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-fineday {background:url('../img/page/bi-fineday.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-maryjane {background:url('../img/page/bi-maryjane.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-harim {background:url('../img/page/bi-harim.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-hanssem {background:url('../img/page/bi-hanssem.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-hazzys {background:url('../img/page/bi-hazzys.png');}
.seviceinfo-wrap.area08 .area08-roll-area .bi-hongru {background:url('../img/page/bi-hongru.png');}

.seviceinfo-wrap.area08 .area08-roll-area .bi {width:250px; height:60px; background-position:top center; background-size:contain;  background-repeat:no-repeat;}
*/

.seviceinfo-wrap.area09 {padding:120px 0; background:url('../img/page/bg-serviceinfo-09.jpg'); background-repeat:no-repeat; background-size:cover}
.seviceinfo-wrap.area09 h1 span {font-size:36px; line-height:60px; letter-spacing:-3px;}
.seviceinfo-wrap.area09 .area09-btn-area a {display:inline-block; width:300px; height:80px; background:#fff; border:2px solid #715eff; color:#715eff; font-size:25px; line-height:78px; border-radius:80px; font-weight:bold;  box-shadow: 0px 0px 35px #1d104e; }

.seviceinfo-wrap.area10 {height:1031px; padding-bottom:0; text-align:left; background:url('../img/page/bg-serviceinfo-10.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center}
.seviceinfo-wrap.area10 h1 {float:left; margin-top:50px;}
.seviceinfo-wrap.area10 .img-area { float:left; margin-left:70px; width:742px; height:881px; background:url('../img/page/img-serviceinfo-10.png');background-repeat:no-repeat;}


/* 인스타터 페이지 */
.seviceinfo02-wrap {position:relative; width:100%; padding:150px 0; text-align:center;}
.seviceinfo02-wrap h1 {position:relative;}
.seviceinfo02-wrap h1 span {font-size:50px; line-height:80px; color:#fff; letter-spacing:-5px;}
.seviceinfo02-wrap.area01 {padding:200px 0; background:url('../img/page/bg-serviceinfo02-01.jpg'); background-repeat:no-repeat; background-size:cover;}
.seviceinfo02-wrap.area01 .area01-txt01 span {color:#dee2e6; font-size:27px; line-height:50px; letter-spacing:-3px}
.seviceinfo02-wrap.area01 .area01-btn-area a {display:inline-block; width:340px; height:80px; background:#715eff; color:#fff; font-size:25px; line-height:78px; border-radius:80px; font-weight:bold;   }

.seviceinfo02-wrap.area02 {padding:180px 0; background:url('../img/page/bg-serviceinfo02-02.jpg'); background-repeat:no-repeat; background-size:cover;}
.seviceinfo02-wrap.area02 h1 span {color:#e5e3ff; line-height:65px;}
.seviceinfo02-wrap.area02 h2 {color:#e5e3ff; font-size:35px; line-height:35px; letter-spacing:-3px}
.seviceinfo02-wrap.area02 .area02-ul-list {position:relative; }
.seviceinfo02-wrap.area02 .area02-ul-list ul {width:100%; display:inline-block; }
.seviceinfo02-wrap.area02 .area02-ul-list ul li {float:left; width:284px; height:284px; margin-right:20px; display:table; background:url('../img/page/bg-serviceinfo02-list-02.png'); background-repeat:no-repeat;  }
.seviceinfo02-wrap.area02 .area02-ul-list ul li.last {margin-right:0}
.seviceinfo02-wrap.area02 .area02-ul-list ul li .txt {text-align:center; display:table-cell; vertical-align:middle; }
.seviceinfo02-wrap.area02 .area02-ul-list ul li span {font-size:26px; line-height:45px; font-weight:bold; color:#fff; letter-spacing:-3px}
.seviceinfo02-wrap.area02 .area02-ul-list ul li span.point {color:#b9fff9}

.seviceinfo02-wrap.area03 {padding:170px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#715eff+0,975eff+100 */
background: #715eff; /* Old browsers */
background: -moz-linear-gradient(top, #715eff 0%, #975eff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #715eff 0%,#975eff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #715eff 0%,#975eff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#715eff', endColorstr='#975eff',GradientType=0 ); /* IE6-9 */}
.seviceinfo02-wrap.area03 .area03-ul-list {width:100%; padding-top:384px; background:url('../img/page/bg-serviceinfo02-list-03.png'); background-repeat:no-repeat;}
.seviceinfo02-wrap.area03 .area03-ul-list ul {width:100%; display:inline-block;}
.seviceinfo02-wrap.area03 .area03-ul-list ul li {float:left; width:33.33%}
.seviceinfo02-wrap.area03 .area03-ul-list ul li span {color:#fff; font-size:28px; line-height:43px; font-weight:bold; letter-spacing:-2px;}

.seviceinfo02-wrap.area04 {background:url('../img/page/bg-serviceinfo02-04.jpg'); background-repeat:no-repeat; background-size:cover;}
.seviceinfo02-wrap.area04 h1 span {color:#c8b9e6; line-height:70px}
.seviceinfo02-wrap.area04 h1 span.bold {color:#fff;}
.seviceinfo02-wrap.area04 .area04-ul-list {width:100%; padding-top:354px; background:url('../img/page/bg-serviceinfo02-list-04.png'); background-repeat:no-repeat;}
.seviceinfo02-wrap.area04 .area04-ul-list ul {width:100%; display:inline-block;}
.seviceinfo02-wrap.area04 .area04-ul-list ul li {float:left; width:33.33%}
.seviceinfo02-wrap.area04 .area04-ul-list ul li span {color:#fff; font-size:28px; line-height:43px; font-weight:bold; letter-spacing:-2px;}

.seviceinfo02-wrap.area05 {padding:100px 0; background:url('../img/page/bg-serviceinfo02-05.jpg'); background-repeat:no-repeat; background-size:cover;}
.seviceinfo02-wrap.area05 .area05-txt-area span {color:#b8aeff; font-size:36px; line-height:50px; letter-spacing:-2px; font-weight:bold;}
.seviceinfo02-wrap.area05 .area05-txt-area span.num {display:block; letter-spacing:0; color:#fff; }
.seviceinfo02-wrap.area05 .area05-btn-area a {display:inline-block; width:340px; height:80px; background:#fff; border:2px solid #715eff; color:#715eff; font-size:25px; line-height:78px; border-radius:80px; font-weight:bold;  box-shadow: 0px 0px 35px #1d104e; }
.seviceinfo02-wrap.area05 .area05-info-area {font-size:20px; color:#fff;}

.logoroll-wrap {width:972px;height:241px; margin:0 auto; position:relative; z-index:1}
.logoroll-btn {width:100%; overflow:visible}
.logoroll-btn a {position:absolute; top:50%;z-index:10; margin-top:-34.5px; display:block; width:36px; height:69px; }
.logoroll-btn a.btn-prev {left:50%; margin-left:-600px; background-position:0 -210px}
.logoroll-btn a.btn-next {left:50%; margin-left:550px; background-position:0 -281px}
.logoroll-area {width:100%; height:241px; overflow:hidden; position:relative; z-index:1; }
.logoroll-cont {width:972px;height:241px;}
.logoroll-area li {float:left; width:972px; height:241px; -webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;}
.logoroll-area li .list-item {float:left; display:table; text-align:center;width:233px; height:110px; margin:5px;}
.logoroll-area li .list-item span {display:table-cell; vertical-align:middle; }
.logoroll-area li .list-item span img {max-width:233px; max-height:110px; width:auto !important; height:auto !important; display:block; margin:0 auto;}