body {font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.5px;}
p {word-break: keep-all;}


.wrap {width:100%;}
/*
.header {position:fixed; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.2); z-index:200;}
.header .header-inner {min-width:1200px; padding:0 50px;}
.header .header-inner h1 {float:left; position:relative; font-size:26px; color:#fff; padding:26px 0 26px 40px;}
.header .header-inner h1:after {content:''; position:absolute; width:30px; height:22px; left:0; top:30px; background:url('../images/logo.png') no-repeat; }
.header .header-inner ul {float:right;}
.header .header-inner ul li {float:left; margin-left:50px;}
.header .header-inner ul li a {display:block; font-size:18px; color:#fff; padding:30px 0;}
*/
.content {width:100%;}


.header {position:fixed; width:100%;  z-index:200; }
.header:before {content:""; position:absolute; width:100%; height:0; top:0; left:0; background-color:rgba(0,0,0,.8); opacity:0; transition:0.5s;}
.header.on:before {content:""; position:absolute; width:100%; height:90px; top:0; left:0; background-color:rgba(0,0,0,.8); opacity:1; transition:0.5s;}
.header .header-bg {content:""; position:absolute; width:100%; height:90px; top:0; left:0; background-color:rgba(0,0,0,.8); opacity:0; transition:0.5s;}
.header .header-inner {position:relative; margin:0 auto; min-width:1200px; padding:0 20px; z-index:500;}
.header .header-inner .header-line {position:absolute; width:1px; height:1px; top:90px; left:0; background-color:rgba(255,255,255,.2); opacity:0; transition:0.5s;}
.header.on .header-inner .header-line {position:absolute; width:100%; height:1px; top:90px; left:0; background-color:rgba(255,255,255,.2); opacity:1; transition:0.5s;}
.header .header-inner h1 {float:left; position:relative; font-size:26px; color:#fff; padding:32px 0 26px 40px;}
.header .header-inner h1 a {color:#fff;}
.header .header-inner h1:after {content:''; position:absolute; width:27px; height:30px; left:0; top:30px; background:url('../images/logo.png') no-repeat; background-size:27px 30px; }
.header .header-inner > ul {float:right;}
.header .header-inner > ul > li {float:left; text-align:center; }
.header .header-inner > ul > li > a {display:block; position:relative; font-size:18px; line-height:70px; padding:10px 16px; color:#fff; transition:.3s; text-decoration:none;}
.header .header-inner > ul > li:hover > a {color:#007bff; transition:.5s;}
.header .header-inner > ul > li > a > .menu_box {position:absolute; width:0; height:1px; top:89px; left:50%; transform:translateX(-50%); background-color:#fff; opacity:0; transition:0.3s; z-index:1;}
.header.on .header-inner > ul > li > a > .menu_box {position:absolute; width:0; height:3px; top:89px; left:50%; transform:translateX(-50%); background-color:#fff; opacity:1; transition:0.3s;}
.header.on .header-inner > ul > li:hover > a > .menu_box {background-color:#007bff; width:30px;}
/* //기존 마지막 메뉴 (광고관리시스템) 표시 css
.header .header-inner > ul > li:last-child > a {background-color:#007bff; height:20px; line-height:19px; margin-top:26px; margin-left:10px; border-radius:6px;}
.header .header-inner > ul > li:last-child:hover > a {color:#fff; background-color:#006bde;}
.header .header-inner > ul > li:last-child > a > .menu_box {position:absolute; width:0; height:1px; top:63px; left:50%; transform:translateX(-50%); background-color:#fff; opacity:0; transition:0.3s; z-index:1;}
.header.on .header-inner > ul > li:last-child > a > .menu_box {position:absolute; width:0; height:3px; top:63px; left:50%; transform:translateX(-50%); background-color:#fff; opacity:1; transition:0.3s;}
*/
/* 활성화 표기 변경 */
.header .header-inner > ul > li.active > a {background-color:#007bff; line-height:19px; margin-top:26px; margin-left:10px; margin-bottom:25px; border-radius:6px;color:#fff }
.header .header-inner > ul > li.active:hover > a {color:#fff; background-color:#006bde;}
.header .header-inner > ul > li.active.menu > a {background:#fff;color:#007bff;font-weight:bold;cursor:pointer;}
.header .header-inner > ul > li.active.menu:hover > a { color:#007bff;}
.header .header-inner > ul > li.active > a > .menu_box {position:absolute; width:0; height:1px; top:63px; left:50%; transform:translateX(-50%); background-color:#fff; opacity:0; transition:0.3s; z-index:1;}
.header.on .header-inner > ul > li.active > a > .menu_box {position:absolute; width:0; height:3px; top:63px; left:50%; transform:translateX(-50%); background-color:#fff; opacity:1; transition:0.3s;}

.header .header-inner > ul > li > ul {padding-top:5px; display:none;position:absolute;}
.header .header-inner > ul > li > ul > li {text-align:center; padding-top:15px; opacity:0;display:none;}
.header .header-inner > ul > li > ul > li > a {display:block; font-size:18px; line-height:40px; padding:0 20px 5px 20px; color:#eee;}
.header .header-inner > ul > li > ul > li > a:hover {color:#fff;}
.header.on .header-inner.on > ul > li > ul > li {display:inline-block;;}
.header.on .header-inner.on > ul > li > ul > li:nth-child(1) {opacity:1; padding-top:0; transition:0.2s; transition-delay: 0.1s;background:rgba(0,0,0,0.8);margin-right:-4px;}
.header.on .header-inner.on > ul > li > ul > li:nth-child(2) {opacity:1; padding-top:0; transition:0.2s; transition-delay: 0.2s;background:rgba(0,0,0,0.8);margin-right:-4px;}
.header.on .header-inner.on > ul > li > ul > li:nth-child(3) {opacity:1; padding-top:0; transition:0.2s; transition-delay: 0.36s;background:rgba(0,0,0,0.8);margin-right:-4px;}
.header.on .header-inner.on > ul > li > ul > li:first-child {border-radius:100px 0 0 100px;padding-left:10px;}
.header.on .header-inner.on > ul > li > ul > li:last-child {border-radius:0 100px 100px 0 ;padding-right:10px;}

.cb {clear:both;}


/* 메인 화면 */
.content .vis {min-width:1600px;width:100%; height:100vh; background:url('../images/vis_bg.jpg') no-repeat center; background-size:cover; overflow: hidden;}
.content .vis.on {animation-name:bg; animation-duration: 1s;}
.content .vis .vis-inner {position:relative; width:1200px; margin:0 auto;}
.content .vis .vis-inner .vis-text {float:left; padding-top:34vh; color:#fff;}
.content .vis .vis-inner .vis-text .s-text {height:34px; font-size:32px; font-weight:500; font-style:italic; margin-bottom:20px;}
.content .vis .vis-inner .vis-text .b-text {height:110px; font-size:110px; font-weight:900; font-style:italic; letter-spacing: -4px; margin-bottom:30px;}
.content .vis .vis-inner .vis-text .i-text {font-size:18px; font-weight:200; font-style:italic; line-height:30px; color:#efefef; margin-bottom:40px;}
.content .vis .vis-inner .vis-text .i-text span {display:inline-block; margin-right:30px; }
.content .vis .vis-inner .vis-text .m-text {position:relative; font-size:26px; font-weight:400; font-style:italic;}
.content .vis .vis-inner .vis-text .m-text a {color:#fff;}
.content .vis .vis-inner .vis-text .m-text.on {animation-name: move; animation-duration:6s; }
.content .vis .vis-inner .vis-text .m-text:after {position:absolute; content:''; width:287px; height:15px; left:-25px; bottom:-15px; background:url('../images/vis_free_arrow.png') no-repeat;}

.content .vis .vis-inner .vis-text .i-text.on span:nth-child(1) {animation-name: move; animation-duration: 5s;  }
.content .vis .vis-inner .vis-text .i-text.on span:nth-child(2) {animation-name: move; animation-duration: 5s; }


@keyframes bg {
    0% {opacity: 0; }
    100% {opacity: 1; }
}

@keyframes move {
    0% {opacity: 0; transform: translateY(200px); }
    50% {opacity: 0;}
    100% {opacity: 1; }
}

@keyframes movey {
    0% {opacity: 0; transform: translatey(300px); }
    50% {opacity: 0;}
    100% {opacity: 1; }
}

@keyframes pic {
    0% {opacity: 0; transform: translateY(500px); }
    50% {opacity: 0;}
    100% {opacity: 1; }
}


/* 메인 로그인 폼*/
/* 영상 미 노출시 */ .content .vis .vis-inner .vis-login {float:right; width:340px; padding-top:38vh; color:#fff;} 
/* 영상 노출 시   .content .vis-login {float:right; width:340px; padding-top:28vh; color:#fff;} */
.content .vis .vis-inner .vis-login .id {width:100%; border-bottom:2px solid #007bff; overflow:hidden; margin-bottom:10px;}
.content .vis .vis-inner .vis-login .id span {float:left; display: inline-block; padding-top:18px; font-size:16px; font-weight:600; color:#007bff;}
.content .vis .vis-inner .vis-login .pw {width:100%; border-bottom:2px solid #007bff; overflow:hidden; margin-bottom:20px;}
.content .vis .vis-inner .vis-login .pw span {float:left; display: inline-block; padding-top:18px; font-size:16px; font-weight:600; color:#007bff;}
.content .vis .vis-inner .vis-login input[type="text"] {float:right; width:260px; font-size:16px; color:#c8c8c8; text-align:right; padding:15px 10px 15px 0 ; background:transparent; border:none;}
.content .vis .vis-inner .vis-login input[type="text"]:focus {outline:none; color:#fff;}
.content .vis .vis-inner .vis-login input[type="password"] {float:right; width:260px; font-size:16px; color:#c8c8c8; text-align:right; padding:15px 10px 15px 0 ; background:transparent; border:none;}
.content .vis .vis-inner .vis-login input[type="password"]:focus {outline:none; color:#fff;}
.content .vis .vis-inner .vis-login .login-btn button[type="submit"] {font-size:16px; font-weight:600; color:#fff; width:100%; height:50px; background-color: #007bff; margin-bottom:15px; border:none; cursor:pointer;}
.content .vis .vis-inner .vis-login .logout-btn {font-size:16px; line-height:50px; font-weight:500; width:100%; height:50px; color:black; background-color: #fff; margin-bottom:15px; border:none; cursor:pointer; text-align:center;}
.content .vis .vis-inner .vis-login .adSystem-btn {font-size:16px; line-height:50px; font-weight:500; width:100%; height:50px; background-color: #007bff; margin-bottom:10px; border:none; cursor:pointer; text-align:center;}
.content .vis .vis-inner .vis-login .adSystem-btn a {color:#fff;}
.content .vis .vis-inner .vis-login .id-review {margin-bottom:15px;}
.content .vis .vis-inner .vis-login .id-review input[type="checkbox"] {vertical-align:top; width:14px; height:20px; margin:0; cursor:pointer;}
.content .vis .vis-inner .vis-login .id-review input[type="checkbox"] + label {font-size:15px; color:#989898; padding-left:10px; margin-right:10px; cursor:pointer;}
.content .vis .vis-inner .vis-login .join {text-align:left; height:30px; padding-top:14px; border-top:1px solid rgba(255,255,255,0.1);}
.content .vis .vis-inner .vis-login .join span a{font-size:15px; color:#989898;}
.content .vis .vis-inner .vis-login .join .join-idpw {position:relative; padding-left:20px;}
.content .vis .vis-inner .vis-login .join .join-idpw:after {position:absolute; content:''; width:1px; height:13px; left:10px; top:7px; background-color:#989898;}
.content .vis .vis-inner .vis-login .login-naver button[type="button"] {position:relative; padding-left:30px; font-size:16px; font-weight:600; color:#fff; width:100%; height:50px; background-color: #1ec800; margin-bottom:15px; border:none; cursor:pointer;}
.content .vis .vis-inner .vis-login .login-naver button[type="button"]::before{position:absolute; content:''; width:21px; height:22px; left:15px; top:14px; background:url('../images/login-naver.png') no-repeat;}
.content .vis .vis-inner .vis-login .login-naver button[type="button"]::after{position:absolute; content:''; width:1px; height:50px; left:50px; top:0; background-color:rgba(255, 255, 255, 0.2)}
.content .vis .vis-inner .vis-login .main-user {width:100%; margin-bottom:10px; overflow:hidden; }
.content .vis .vis-inner .vis-login .main-user .main-user-icon {float:left;}
.content .vis .vis-inner .vis-login .main-user .main-user-info {float:left;  line-height:20px; padding-left:10px; padding-top:2px;}
.content .vis .vis-inner .vis-login .main-solution-day {clear:both; margin-bottom:15px;}
.content .vis .vis-inner .vis-login .main-solution-day span {font-weight:500;}



/* 메인 화면 수정 21-06-22 시작*/
/* 유튜브시 활성화할것 .content .vis2 {min-width:1600px;width:100%; height:640px; background:url('../images/vis_bg.jpg') no-repeat center; background-size:cover; overflow: hidden;} */
.content .vis2 {min-width:1600px;width:100%; height:600px; background:url('../images/vis_bg.jpg') no-repeat center; background-size:cover; overflow: hidden;}
.content .vis2.on {animation-name:bg; animation-duration: 1s;}
.content .vis2 .vis-inner {position:relative; width:1200px; margin:0 auto;}
.content .vis2 .vis-inner .vis-text {float:left; padding-top:160px; color:#fff; padding-left:40px;}
.content .vis2 .vis-inner .vis-text .s-text {height:34px; font-size:26px; font-weight:500; font-style:italic; margin-bottom:8px;}
.content .vis2 .vis-inner .vis-text .b-text {height:110px; font-size:90px; font-weight:900; font-style:italic; letter-spacing: -4px; margin-bottom:16px;}
.content .vis2 .vis-inner .vis-text .i-text {font-size:18px; font-weight:200; font-style:italic; line-height:30px; color:#efefef; margin-bottom:30px;}
.content .vis2 .vis-inner .vis-text .i-text span {display:inline-block; margin-right:30px; }
.content .vis2 .vis-inner .vis-text .m-text {position:relative; font-size:20px; font-weight:400; font-style:italic; padding-left:20px;}
.content .vis2 .vis-inner .vis-text .m-text a {color:#fff;}
.content .vis2 .vis-inner .vis-text .m-text.on {animation-name: move; animation-duration:6s; }
.content .vis2 .vis-inner .vis-text .m-text:after {position:absolute; content:''; width:287px; height:15px; left:-25px; bottom:-15px; background:url('../images/vis_free_arrow.png') no-repeat;}

.content .vis2 .vis-inner .vis-text .i-text.on span:nth-child(1) {animation-name: move; animation-duration: 5s;}
.content .vis2 .vis-inner .vis-text .i-text.on span:nth-child(2) {animation-name: move; animation-duration: 5s;}



.content .vis2 .vis-inner .vis-text-new { padding-top:190px; color:#fff; text-align:center; letter-spacing:-1.4px; }
.content .vis2 .vis-inner .vis-text-new p:nth-child(1) {font-size:28px; font-weight:600; margin-bottom:15px;}
.content .vis2 .vis-inner .vis-text-new p:nth-child(2) {font-size:58px; font-weight:900; line-height:66px; margin-bottom:40px;}
.content .vis2 .vis-inner .vis-text-new p:nth-child(3) {font-size:28px; line-height:160%; color:#ccc;margin-bottom:40px;}



.content .vis2 .vis-inner .vis-login {float:right; width:340px; padding-top:190px; color:#fff; /* padding-right:40px; */} 
.content .vis2 .vis-inner .vis-login .id {width:100%; border-bottom:2px solid #007bff; overflow:hidden; margin-bottom:10px;}
.content .vis2 .vis-inner .vis-login .id span {float:left; display: inline-block; padding-top:18px; font-size:16px; font-weight:600; color:#007bff;}
.content .vis2 .vis-inner .vis-login .pw {width:100%; border-bottom:2px solid #007bff; overflow:hidden; margin-bottom:20px;}
.content .vis2 .vis-inner .vis-login .pw span {float:left; display: inline-block; padding-top:18px; font-size:16px; font-weight:600; color:#007bff;}
.content .vis2 .vis-inner .vis-login input[type="text"] {float:right; width:260px; font-size:16px; color:#c8c8c8; text-align:right; padding:15px 10px 15px 0 ; background:transparent; border:none;}
.content .vis2 .vis-inner .vis-login input[type="text"]:focus {outline:none; color:#fff;}
.content .vis2 .vis-inner .vis-login input[type="password"] {float:right; width:260px; font-size:16px; color:#c8c8c8; text-align:right; padding:15px 10px 15px 0 ; background:transparent; border:none;}
.content .vis2 .vis-inner .vis-login input[type="password"]:focus {outline:none; color:#fff;}
.content .vis2 .vis-inner .vis-login .login-btn button[type="submit"] {font-size:16px; font-weight:600; color:#fff; width:100%; height:50px; background-color: #007bff; margin-bottom:15px; border:none; cursor:pointer;}
.content .vis2 .vis-inner .vis-login .logout-btn {font-size:16px; line-height:50px; font-weight:500; width:100%; height:50px; color:black; background-color: #fff; margin-bottom:15px; border:none; cursor:pointer; text-align:center;}
.content .vis2 .vis-inner .vis-login .adSystem-btn {font-size:16px; line-height:50px; font-weight:500; width:100%; height:50px; background-color: #007bff; margin-bottom:10px; border:none; cursor:pointer; text-align:center;}
.content .vis2 .vis-inner .vis-login .adSystem-btn a {color:#fff;}
.content .vis2 .vis-inner .vis-login .id-review {margin-bottom:15px;}
.content .vis2 .vis-inner .vis-login .id-review input[type="checkbox"] {vertical-align:top; width:14px; height:20px; margin:0; cursor:pointer;}
.content .vis2 .vis-inner .vis-login .id-review input[type="checkbox"] + label {font-size:15px; color:#989898; padding-left:10px; margin-right:10px; cursor:pointer;}
.content .vis2 .vis-inner .vis-login .join {text-align:left; height:30px; padding-top:14px; border-top:1px solid rgba(255,255,255,0.1);}
.content .vis2 .vis-inner .vis-login .join span a{font-size:15px; color:#989898;}
.content .vis2 .vis-inner .vis-login .join .join-idpw {position:relative; padding-left:20px;}
.content .vis2 .vis-inner .vis-login .join .join-idpw:after {position:absolute; content:''; width:1px; height:13px; left:10px; top:7px; background-color:#989898;}
.content .vis2 .vis-inner .vis-login .login-naver button[type="button"] {position:relative; padding-left:30px; font-size:16px; font-weight:600; color:#fff; width:100%; height:50px; background-color: #1ec800; margin-bottom:15px; border:none; cursor:pointer;}
.content .vis2 .vis-inner .vis-login .login-naver button[type="button"]::before{position:absolute; content:''; width:21px; height:22px; left:15px; top:14px; background:url('../images/login-naver.png') no-repeat;}
.content .vis2 .vis-inner .vis-login .login-naver button[type="button"]::after{position:absolute; content:''; width:1px; height:50px; left:50px; top:0; background-color:rgba(255, 255, 255, 0.2)}
.content .vis2 .vis-inner .vis-login .main-user {width:100%; margin-bottom:10px; overflow:hidden; }
.content .vis2 .vis-inner .vis-login .main-user .main-user-icon {float:left;}
.content .vis2 .vis-inner .vis-login .main-user .main-user-info {float:left;  line-height:20px; padding-left:10px; padding-top:2px;}
.content .vis2 .vis-inner .vis-login .main-solution-day {clear:both; margin-bottom:15px;}
.content .vis2 .vis-inner .vis-login .main-solution-day span {font-weight:500;}

.content .vis2 .vis-inner .vis-login .pfcSystem-btn {font-size:16px; line-height:50px; font-weight:500; width:100%; height:50px; background-color: #2d4fb1; margin-bottom:10px; border:none; cursor:pointer; text-align:center;}
.content .vis2 .vis-inner .vis-login .pfcystem-btn a {color:#fff;}

/* 메인 화면 수정 21-06-22 끝*/




/* 오토다비드 소식 21-06-22 시작 */
.content .auto-news {min-width:1600px;width:100%; border-bottom:1px solid #e3e3e3; background-color:#fff;}
.content .auto-news .auto-news-in {position:relative; width:1200px; margin:0 auto; padding:100px 0;}
.content .auto-news .auto-news-in p.news-title {font-size:40px; line-height:40px; text-align:center; font-weight:900; margin-bottom:30px;}
.content .auto-news .auto-news-in p.news-title-sub {font-size:20px; line-height:20px; text-align:center; margin-bottom:50px; color:#888888; font-weight:300;}
.content .auto-news .auto-news-in .auto-news-items {overflow:hidden;}
.content .auto-news .auto-news-in .auto-news-items li {float:left; width:285px; margin-right:20px; }
.content .auto-news .auto-news-in .auto-news-items li:last-child {margin-right:0;}
.content .auto-news .auto-news-in .auto-news-items li .news-item-pic {margin-bottom:20px;}
.content .auto-news .auto-news-in .auto-news-items li p.news-item-title {font-size:16px; line-height:23px; margin-bottom:14px; font-weight:400;}
.content .auto-news .auto-news-in .auto-news-items li p.news-item-title-sub {font-size:15px; line-height:23px; color:#959595; font-weight:300; letter-spacing:0; margin-bottom:25px;}
.content .auto-news .auto-news-in .auto-news-items li button {width:100%; padding:17px 0; border:1px solid #007bff; text-align:center; background-color:#fff; color:#007bff; font-size:15px; line-height:16px; font-weight:700;}

/* 오토다비드 소식 21-06-22 끝 */



/* 동영상 솔루션 */
.content .use-movie {width:100%;min-width:1600px; background-color:#007bff; }
.content .use-movie-inner {position:relative; width:1200px; margin:0 auto;}
.content .use-movie-inner {position:relative; padding:80px 0; z-index:100;}
.content .use-movie-inner .s-title {color:#fff; font-size:48px; font-weight:600; letter-spacing:-1.5px; margin-bottom:20px; text-align:center;}
.content .use-movie-inner .b-title {color:#fff; font-size:30px; font-weight:300; letter-spacing:-1.5px; margin-bottom:40px; text-align:center;}

.content .use-movie-inner .movie-load {text-align:center;}




/* 메인 솔루션 */
.content .sol {width:100%;min-width:1600px; background-color:#fff;}
.content .sol-inner {position:relative; width:1200px; margin:0 auto;}
.content .sol-inner .sol-detail {position:relative; padding:100px 0; z-index:100;}
.content .sol-inner .sol-detail .s-title {font-size:48px; font-weight:900; letter-spacing:-1.5px; margin-bottom:20px; margin-left:220px; opacity:0;}
.content .sol-inner .sol-detail .b-title {font-size:30px; font-weight:300; letter-spacing:-1.5px; margin-bottom:80px; margin-left:220px; opacity:0;}
.content .sol-inner .sol-detail .sol-detail-list {position:relative;}
.content .sol-inner .sol-detail .sol-detail-list li {margin-bottom:190px; opacity:0;}
.content .sol-inner .sol-detail .sol-detail-list li:last-child {margin-bottom:80px;}
.content .sol-inner .sol-detail .sol-detail-list li:nth-child(2n-1) .advan-pic {position:relative; display:inline-block; width:650px; height:390px; margin-right:50px; box-shadow:0 30px 50px 0  rgba(0, 0, 0, 0.15);}
.content .sol-inner .sol-detail .sol-detail-list li:nth-child(2n-1) .advan-text {position:relative; display:inline-block; width:490px; vertical-align:bottom;}
.content .sol-inner .sol-detail .sol-detail-list li:nth-child(2n) .advan-pic {position:relative; display:inline-block; width:650px; height:390px; box-shadow:0 30px 50px 0  rgba(0, 0, 0, 0.15);}
.content .sol-inner .sol-detail .sol-detail-list li:nth-child(2n) .advan-text {position:relative; display:inline-block; width:490px; margin-right:50px;  vertical-align:bottom;}
.content .sol-inner .sol-detail .sol-detail-list li .advan-text p:nth-child(1) {font-size:18px; font-weight:700; margin-bottom:16px; text-transform:uppercase;}
.content .sol-inner .sol-detail .sol-detail-list li .advan-text p:nth-child(2) {font-size:32px; font-weight:700; margin-bottom:16px; letter-spacing: -1.5px;}
.content .sol-inner .sol-detail .sol-detail-list li .advan-text p:nth-child(3) {font-size:18px; line-height:24px; margin-bottom:24px; color:#989898; }
.content .sol-inner .sol-detail .sol-detail-list li .advan-text a .advan-btn {width:100%; padding:20px 0; background-color:#fff; border:1px solid #007bff; box-sizing:border-box; text-align:center; color:#007bff; border-radius:4px;}
.content .sol-inner .sol-detail .free-test {position:relative; text-align:center; }
.content .sol-inner .sol-detail .free-test button[type="button"] {
position:relative; font-size:17px; font-weight:900;  letter-spacing: -1px; color:#007bff; width:900px; height:60px; background-color: #fff; 
border:2px solid #007bff; margin-bottom:15px; cursor:pointer; box-shadow:0 20px 40px 0  rgba(0, 0, 0, 0.1); background-color: transparent;
background-image: linear-gradient(120deg, transparent 0%, transparent 50%, rgb(0, 123, 255) 50%);
background-size: 230%; transition: all, 0.5s;}

.content .sol-inner .sol-detail .free-test{animation:tel_ani 1.4s 0s infinite ease-in-out alternate}
@keyframes tel_ani {
    0%{left:10px;}
    100%{left:-10px;}
}

.content .sol-inner .sol-detail .free-test button[type="button"]:hover {color:#fff; background-position: 100%;}
.content .sol-inner .sol-detail .s-title.on {animation-name:pic; animation-duration:1s; opacity:1;}
.content .sol-inner .sol-detail .b-title.on {animation-name:pic; animation-duration:1s; opacity:1;}
.content .sol-inner .sol-detail .sol-detail-list li.on {animation-name:pic; animation-duration:1s; opacity:1; }







/* 메인 솔루션 파란색 라인 */
.content .sol-inner .sol-line {position:absolute; left:0; top:0;}
.content .sol-inner .sol-line .move-line {position:relative; width:1200px; height:50px;}
.content .sol-inner .sol-line .move-line .line-1 {position:absolute; left:100px; top:0; width:30px; height:0; background-color:#007bff; transition:ease-out;}
.content .sol-inner .sol-line .move-line .line-2 {position:absolute; left:100px; top:750px; width:0; height:30px; background-color:#007bff;  transition:ease-out;}
.content .sol-inner .sol-line .move-line .line-3 {position:absolute; right:100px; top:750px; width:30px; height:0; background-color:#007bff;  transition:ease-out;}
.content .sol-inner .sol-line .move-line .line-4 {position:absolute; right:100px; top:1330px; width:0; height:30px; background-color:#007bff;  transition:ease-out;}
.content .sol-inner .sol-line .move-line .line-5 {position:absolute; left:100px; top:1330px; width:30px; height:0; background-color:#007bff;  transition:ease-out;}
.content .sol-inner .sol-line .move-line .line-6 {position:absolute; left:100px; top:1910px; width:0; height:30px; background-color:#007bff;  transition:ease-out;}
.content .sol-inner .sol-line .move-line .line-7 {position:absolute; right:100px; top:1910px; width:30px; height:0; background-color:#007bff;  transition:ease-out;}
.content .sol-inner .sol-line .move-line .line-8 {position:absolute; right:100px; top:2490px; width:0; height:30px; background-color:#007bff;  transition:ease-out;}
.content .sol-inner .sol-line .move-line .line-9 {position:absolute; left:100px; top:2490px; width:30px; height:0; background-color:#007bff;  transition:ease-out;}
.content .sol-inner .sol-line .move-line .line-10 {position:absolute; left:100px; top:3070px; width:0; height:30px; background-color:#007bff;  transition:ease-out;}
.content .sol-inner .sol-line .move-line .line-11 {position:absolute; right:100px; top:3070px; width:30px; height:0; background-color:#007bff;  transition:ease-out;}
.content .sol-inner .sol-line .move-line .line-1.on {height:780px; transition-duration:0.5s;}
.content .sol-inner .sol-line .move-line .line-2.on {width:1000px; transition-duration:0.5s;}
.content .sol-inner .sol-line .move-line .line-3.on {height:610px; transition-delay:0.7s; transition-duration:0.5s;}
.content .sol-inner .sol-line .move-line .line-4.on {width:1000px; transition-duration:0.5s;}
.content .sol-inner .sol-line .move-line .line-5.on {height:610px; transition-delay:0.7s; transition-duration:0.5s;}
.content .sol-inner .sol-line .move-line .line-6.on {width:1000px; transition-duration:0.5s;}
.content .sol-inner .sol-line .move-line .line-7.on {height:610px; transition-delay:0.7s; transition-duration:0.5s;}
.content .sol-inner .sol-line .move-line .line-8.on {width:1000px; transition-duration:0.5s;}
.content .sol-inner .sol-line .move-line .line-9.on {height:610px; transition-delay:0.7s; transition-duration:0.5s;}
.content .sol-inner .sol-line .move-line .line-10.on {width:1000px; transition-duration:0.5s;}
.content .sol-inner .sol-line .move-line .line-11.on {height:780px; transition-delay:0.7s; transition-duration:0.5s;}

/* 메인 4step*/
.content .step {min-width:1600px; position:relative; width:100%; background:url('../images/step_bg.jpg') no-repeat; background-size:cover; background-color:#323332; z-index:100;  transition:ease-out;}
.content .step-inner {position:relative; width:1600px; margin:0 auto; padding-top:80px;}
.content .step-inner .s-title {font-size:48px; font-weight:900; color:#007bff; letter-spacing:-1.5px; margin-bottom:20px; opacity:0;}
.content .step-inner .s-title.on {animation-name:move; animation-duration:0.5s; opacity:1;}
.content .step-inner .b-title {font-size:30px; font-weight:300; color:#007bff; letter-spacing:-1.5px; margin-bottom:60px; opacity:0;}
.content .step-inner .b-title.on {animation-name:move; animation-duration:0.5s; opacity:1;}
.content .step-inner ul {overflow: hidden;}
.content .step-inner ul li {float:left; position:relative; width:300px; margin-right:120px; margin-bottom:80px; opacity:0;}
.content .step-inner ul li:nth-child(1).on {animation-name:movey; animation-duration: 0.6s;  opacity:1;}
.content .step-inner ul li:nth-child(2).on {animation-name:movey; animation-duration: 0.8s; opacity:1;}
.content .step-inner ul li:nth-child(3).on {animation-name:movey; animation-duration: 1s; opacity:1;}
.content .step-inner ul li:nth-child(4).on {animation-name:movey; animation-duration: 1.2s; opacity:1;}
.content .step-inner ul li:after {position:absolute; content:''; width:195px; height:16px; left:160px; top:60px; background:url('../images/step_pic_arrow.png') no-repeat;}
.content .step-inner ul li:last-child {margin-right:0;}
.content .step-inner ul li:last-child:after {display:none;}
.content .step-inner ul li .list-pic {margin-bottom:20px;}
.content .step-inner ul li .list-title {font-size:22px; line-height:32px; color:#fff; margin-bottom:15px;}
.content .step-inner ul li .list-text {font-size:16px; line-height:26px; color:#989898;}


/* 메인 mach*/
.content .mach {min-width:1600px;position:relative; width:100%; background-color:#fff;}
.content .mach-inner {position:relative; width:1200px; margin:0 auto; padding:80px 0;}
.content .mach-inner .mach-search {position:relative; width:880px; margin:0 auto;}
.content .mach-inner .mach-search .mach-arrow {position:absolute; left:50%;}

.content .mach-inner .mach-search .mach-arrow .swiper-button-prev {width:35px; height:17px; background:url('../images/mach_arrow_up.png') no-repeat; cursor:pointer;}
.content .mach-inner .mach-search .mach-arrow .swiper-button-prev:hover {background:url('../images/mach_arrow_up_on.png') no-repeat;}
.content .mach-inner .mach-search .mach-arrow .swiper-button-prev::after {content:'';}
.content .mach-inner .mach-search .mach-arrow .swiper-button-next {position:relative; top:380px; width:35px; height:17px; background:url('../images/mach_arrow_down.png') no-repeat; cursor:pointer;}
.content .mach-inner .mach-search .mach-arrow .swiper-button-next:hover {background:url('../images/mach_arrow_down_on.png') no-repeat;}
.content .mach-inner .mach-search .mach-arrow .swiper-button-next::after {content:'';}
.content .mach-inner .mach-search .mach-keyword {padding:60px 0; margin-bottom:50px; overflow:hidden; height:260px;}
.content .mach-inner .mach-search .mach-keyword .swiper-wrapper div {color:#bbbbbb; font-size:34px; font-weight:700; margin-bottom:41px; letter-spacing:-1.5px; padding-left:40px; cursor: pointer;}
.content .mach-inner .mach-search .mach-keyword .swiper-wrapper div.swiper-slide-next {color:#0e0e0d; }
.content .mach-inner .mach-search .mach-bar {position:absolute; left:0; top:130px; width:880px; height:300px; background:url('../images/mach_search_bar.png') no-repeat;}
.content .mach-inner .mach-search .mach-text {font-size:50px; font-weight:600; line-height:60px; letter-spacing:-2.5px; text-align:center; margin-bottom:50px; transition-duration:1s; transition:ease-out; }
.content .mach-inner .mach-search .mach-text span {color: #007bff;}

.content .mach-inner .mach-search .free-test {position:relative; text-align:center; }
.content .mach-inner .mach-search .free-test button[type="button"] {
position:relative; font-size:17px; font-weight:900;  letter-spacing: -1px; color:#007bff; width:900px; height:60px; background-color: #fff; 
border:2px solid #007bff; margin-bottom:15px; cursor:pointer; box-shadow:0 20px 40px 0  rgba(0, 0, 0, 0.1); background-color: transparent;
background-image: linear-gradient(120deg, transparent 0%, transparent 50%, rgb(0, 123, 255) 50%);
background-size: 230%; transition: all, 0.5s;}
.content .mach-inner .mach-search .free-test button[type="button"]:hover {color:#fff; background-position: 100%;}
.content .mach-inner .mach-search .free-test{animation:tel_ani 1.4s 0s infinite ease-in-out alternate}


/* 세로 슬라이드 적용전 처리 */
.content .mach-inner .mach-search .mach-keyword2 {padding:60px 0; overflow:hidden; }
.content .mach-inner .mach-search .mach-keyword2 .swiper-wrapper div {color:#0e0e0d; font-size:34px; font-weight:700; margin-bottom:41px; letter-spacing:-1.5px; padding-left:40px; cursor: pointer;}
.content .mach-inner .mach-search .mach-bar2 {position:absolute; left:0; top:18px; width:880px; height:300px; background:url('../images/mach_search_bar.png') no-repeat;}





/* 하단 카피라이터 */
.footer {min-width:1200px;font-size:15px; padding:50px 0; line-height:26px; color:#989898; background-color:#e9e9e9; text-align:center;}





/* 서브 - 서비스소개 */

.content .sol-inner2 {position:relative; width:1200px; margin:0 auto;}
.content .sol-inner2 .sol-detail {position:relative; padding:70px 0 80px 0; z-index:100;}
.content .sol-inner2 .sol-detail .s-title {font-size:40px; line-height:50px; font-weight:700; letter-spacing:-2px; margin-bottom:20px; opacity:1;}
.content .sol-inner2 .sol-detail .s-title span {color:#007bff;}
.content .sol-inner2 .sol-detail .b-title {font-size:26px; font-weight:300; letter-spacing:-1.5px; margin-bottom:70px; opacity:1;}
.content .sol-inner2 .sol-detail .sol-detail-list {position:relative;}
.content .sol-inner2 .sol-detail .sol-detail-list li {margin-bottom:190px; opacity:0;}
.content .sol-inner2 .sol-detail .sol-detail-list li:first-child {opacity:1;}
.content .sol-inner2 .sol-detail .sol-detail-list li:last-child {margin-bottom:80px;}
.content .sol-inner2 .sol-detail .sol-detail-list li:nth-child(2n-1) .advan-pic {position:relative; display:inline-block; width:650px; height:390px; margin-right:50px; box-shadow:0 30px 50px 0  rgba(0, 0, 0, 0.15);}
.content .sol-inner2 .sol-detail .sol-detail-list li:nth-child(2n-1) .advan-text {position:relative; display:inline-block; width:490px; vertical-align:bottom;}
.content .sol-inner2 .sol-detail .sol-detail-list li:nth-child(2n) .advan-pic {position:relative; display:inline-block; width:650px; height:390px; box-shadow:0 30px 50px 0  rgba(0, 0, 0, 0.15);}
.content .sol-inner2 .sol-detail .sol-detail-list li:nth-child(2n) .advan-text {position:relative; display:inline-block; width:490px; margin-right:50px;  vertical-align:bottom;}
.content .sol-inner2 .sol-detail .sol-detail-list li .advan-text p:nth-child(1) {font-size:18px; font-weight:700; margin-bottom:16px; text-transform:uppercase;}
.content .sol-inner2 .sol-detail .sol-detail-list li .advan-text p:nth-child(2) {font-size:32px; font-weight:700; margin-bottom:16px; letter-spacing: -1.5px;}
.content .sol-inner2 .sol-detail .sol-detail-list li .advan-text p:nth-child(3) {font-size:18px; line-height:24px; color:#989898; }
.content .sol-inner2 .sol-detail .free-test {position:relative; text-align:center; }
.content .sol-inner2 .sol-detail .free-test button[type="button"] {
position:relative; font-size:17px; font-weight:900;  letter-spacing: -1px; color:#007bff; width:1200px; height:60px; background-color: #fff; 
border:2px solid #007bff; margin-bottom:15px; cursor:pointer; box-shadow:0 20px 40px 0  rgba(0, 0, 0, 0.1); background-color: transparent;
background-image: linear-gradient(120deg, transparent 0%, transparent 50%, rgb(0, 123, 255) 50%);
background-size: 230%; transition: all, 0.5s;}

.content .sol-inner2 .sol-detail .free-test{animation:tel_ani 1.4s 0s infinite ease-in-out alternate}
@keyframes tel_ani {
    0%{left:10px;}
    100%{left:-10px;}
}

.content .sol-inner2 .sol-detail .free-test button[type="button"]:hover {color:#fff; background-position: 100%;}
.content .sol-inner2 .sol-detail .s-title.on {opacity:1;}
.content .sol-inner2 .sol-detail .b-title.on {opacity:1;}
.content .sol-inner2 .sol-detail .sol-detail-list li.on {animation-name:pic; animation-duration:1s; opacity:1; }
.content .sol-inner2 .sol-detail .sol-detail-list li.on:first-child {animation-name:none;}



.content .sol-inner2 .sol-line {position:absolute; left:0; top:0;}
.content .sol-inner2 .sol-line .move-line {position:relative; width:1200px; height:50px;}
.content .sol-inner2 .sol-line .move-line .line-1 {position:absolute; left:100px; top:360px; width:30px; height:480px; background-color:#007bff; transition:ease-out;}
.content .sol-inner2 .sol-line .move-line .line-2 {position:absolute; left:100px; top:810px; width:0; height:30px; background-color:#007bff;  transition:ease-out;}
.content .sol-inner2 .sol-line .move-line .line-3 {position:absolute; right:100px; top:810px; width:30px; height:0; background-color:#007bff;  transition:ease-out;}
.content .sol-inner2 .sol-line .move-line .line-4 {position:absolute; right:100px; top:1390px; width:0; height:30px; background-color:#007bff;  transition:ease-out;}
.content .sol-inner2 .sol-line .move-line .line-5 {position:absolute; left:100px; top:1390px; width:30px; height:0; background-color:#007bff;  transition:ease-out;}
.content .sol-inner2 .sol-line .move-line .line-6 {position:absolute; left:100px; top:1970px; width:0; height:30px; background-color:#007bff;  transition:ease-out;}
.content .sol-inner2 .sol-line .move-line .line-7 {position:absolute; right:100px; top:1970px; width:30px; height:0; background-color:#007bff;  transition:ease-out;}
.content .sol-inner2 .sol-line .move-line .line-8 {position:absolute; right:100px; top:2550px; width:0; height:30px; background-color:#007bff;  transition:ease-out;}
.content .sol-inner2 .sol-line .move-line .line-9 {position:absolute; left:100px; top:2550px; width:30px; height:0; background-color:#007bff;  transition:ease-out;}
.content .sol-inner2 .sol-line .move-line .line-10 {position:absolute; left:100px; top:3130px; width:0; height:30px; background-color:#007bff;  transition:ease-out;}
.content .sol-inner2 .sol-line .move-line .line-11 {position:absolute; right:100px; top:3130px; width:30px; height:0; background-color:#007bff;  transition:ease-out;}
.content .sol-inner2 .sol-line .move-line .line-1.on {height:480px; transition-duration:0.5s;}
.content .sol-inner2 .sol-line .move-line .line-2.on {width:1000px; transition-duration:0.5s;}
.content .sol-inner2 .sol-line .move-line .line-3.on {height:610px; transition-delay:0.7s; transition-duration:0.5s;}
.content .sol-inner2 .sol-line .move-line .line-4.on {width:1000px; transition-duration:0.5s;}
.content .sol-inner2 .sol-line .move-line .line-5.on {height:610px; transition-delay:0.7s; transition-duration:0.5s;}
.content .sol-inner2 .sol-line .move-line .line-6.on {width:1000px; transition-duration:0.5s;}
.content .sol-inner2 .sol-line .move-line .line-7.on {height:610px; transition-delay:0.7s; transition-duration:0.5s;}
.content .sol-inner2 .sol-line .move-line .line-8.on {width:1000px; transition-duration:0.5s;}
.content .sol-inner2 .sol-line .move-line .line-9.on {height:610px; transition-delay:0.7s; transition-duration:0.5s;}
.content .sol-inner2 .sol-line .move-line .line-10.on {width:1000px; transition-duration:0.5s;}
.content .sol-inner2 .sol-line .move-line .line-11.on {height:510px; transition-delay:0.7s; transition-duration:0.5s;}


/* 서브 - 주요기능 */

.dabid-system {}
.dabid-system .sub-title {position:relative; width:1200px; margin:0 auto; padding-top:70px;}
.dabid-system .s-title {font-size:40px; line-height:50px; font-weight:700; letter-spacing:-2px; margin-bottom:20px; opacity:1;}
.dabid-system .s-title span {color:#007bff;}

.system-odd {background-color:#fff;}
.system-odd-inner {width:1200px; margin:0 auto; padding:50px 0; height:430px;}
.system-odd-inner .odd-pic {float:left; width:600px; opacity:0; transform: translateX(200px)}
.system-odd-inner .odd-pic.on {opacity:1; transition-duration:1s; transition-timing-function: ease-in-out; transform: translateY(0px)}
.system-odd-inner .odd-text {float:right; width:600px; padding-top:150px; text-align:center; opacity:0; transform: translateX(-200px)}
.system-odd-inner .odd-text.on {opacity:1; transition-duration:1s; transition-timing-function: ease-in-out; transform: translateX(0px)}
.system-odd-inner .odd-text p.odd-title {font-size:32px; font-weight:600; line-height:32px; margin-bottom:20px; letter-spacing:-1.5px;}
.system-odd-inner .odd-text p.odd-title span {color:#007bff;}
.system-odd-inner .odd-text p.odd-info {font-size:20px; font-weight:300; line-height:26px; color:#757575;  letter-spacing:-0.5px;}





.system-even {background-color:#fafafa;min-width:1600px;}
.system-even-inner {width:1200px; margin:0 auto; padding:50px 0; height:430px;}
.system-even-inner .even-pic {float:right; width:600px;  opacity:0; transform: translateX(200px)}
.system-even-inner .even-pic.on {opacity:1; transition-duration:1s; transition-timing-function: ease-in-out; transform: translateY(0px)}
.system-even-inner .even-text {float:left; width:600px; padding-top:150px; text-align:center;  opacity:0; transform: translateX(-200px)}
.system-even-inner .even-text.on {opacity:1; transition-duration:1s; transition-timing-function: ease-in-out; transform: translateX(0px)}
.system-even-inner .even-text p.even-title {font-size:32px; font-weight:600; line-height:32px; margin-bottom:20px; letter-spacing:-1.5px;}
.system-even-inner .even-text p.even-title span {color:#007bff;}
.system-even-inner .even-text p.even-info {font-size:20px; font-weight:300; line-height:26px; color:#757575;  letter-spacing:-0.5px;}


.system-select {}
.system-select-in {width:1200px; margin:0 auto; padding:50px 0;}
.system-select-items {}
.system-select-items li {border:1px solid #e5e5e5; margin-bottom:15px;}
.system-select-items li .item-title {position:relative; padding:30px 40px; border-bottom:1px solid #e5e5e5; cursor:pointer;}
.system-select-items li .item-title p {font-size:18px; padding-left:40px; }
.system-select-items li .item-title p span {color:#007bff;}
.system-select-items li .item-title .item-title-arrow {position:absolute; right:40px; top:27px; transition-timing-function: ease; transition-duration:0.3s}
.system-select-items li .item-title.on .item-title-arrow {position:absolute; right:40px; top:34px; transform: rotate( -180deg ); transition-timing-function: ease; transition-duration:0.3s}
.system-select-items li .item-title .item-title-icon {position:absolute; left:40px; top:28px;}
.system-select-items li .item-info {height:0; overflow:hidden; background-color:#fcfcfc; transition-timing-function: ease; transition-duration:0.5s}
.system-select-items li .item-info.on { height:420px; transition-timing-function: ease; transition-duration: 1s}
.system-select-items li .item-info .item-info-in {padding:50px; 40px; overflow:hidden;}
.system-select-items li .item-info .item-info-in .item-info-pic {float:left; margin-right:40px;}
.system-select-items li .item-info .item-info-in .item-info-pic img { width:440px;}
.system-select-items li .item-info .item-info-in .item-info-text {float:left; font-size:20px; font-weight:300; line-height:28px; color:#757575;  letter-spacing:-0.5px; padding-top:120px;}
.system-select-items li .item-info .item-info-in .item-info-text span {font-weight:500;}
/* 서브 - 솔루션 */

.dabid-sol {}
.dabid-sol .dabid-sol-inner {width:1200px; margin:0 auto; margin-bottom:80px;}
.dabid-sol-inner .sub-title {position:relative; width:1200px; margin:0 auto; padding-top:70px;}
.dabid-sol-inner .s-title {font-size:40px; line-height:50px; font-weight:700; letter-spacing:-2px; margin-bottom:20px; opacity:1;}
.dabid-sol-inner .s-title span {color:#007bff;}
.dabid-sol-inner .b-title {font-size:22px; line-height:30px; font-weight:400; letter-spacing:-1.5px; margin-bottom:30px; opacity:1;}
.dabid-sol-inner .b-title span {color:#007bff;}
.dabid-sol-inner table {width:1200px; border:1px solid #dbdbdb; }
.dabid-sol-inner table tr {}
.dabid-sol-inner table tr th {height:50px; background:#f7f7f7; vertical-align:middle; text-align:center; border:1px solid #dbdbdb;}
.dabid-sol-inner table tr td {height:50px; vertical-align:middle; text-align:center; text-align:center; border:1px solid #dbdbdb;}


/* 서브 - 사용방법 */

.dabid-set {}
.dabid-set .dabid-set-inner {width:1200px; margin:0 auto; margin-bottom:80px;}
.dabid-set-inner .set-tab-1depth {overflow:hidden; padding-top:60px; }
.dabid-set-inner .set-tab-1depth li {float:left; width:16.6%; height:60px; color:#787878; font-size:18px; line-height:60px; background-color:#fafafa; border-top:1px solid #d4d4d4;  border-left:1px solid #d4d4d4; border-bottom:2px solid #007bff; box-sizing:border-box; text-align:center; }
.dabid-set-inner .set-tab-1depth li:last-child {border-right:1px solid #d4d4d4;  }
.dabid-set-inner .set-tab-1depth li.on {font-weight:500; color:#007bff; background-color:#fff; border-top:2px solid #007bff; border-left:2px solid #007bff; border-right:2px solid #007bff; border-bottom:2px solid #fff;}

.dabid-set-inner .set-tab-2depth {overflow:hidden; padding-top:10px; margin-bottom:40px; cursor:pointer;}
.dabid-set-inner .set-tab-2depth li {float:left; width:20%; height:60px; color:#787878; font-size:18px; line-height:58px; background-color:#fff; border-top:1px solid #d4d4d4;  border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; box-sizing:border-box; text-align:center;}
.dabid-set-inner .set-tab-2depth li:nth-child(1) {width:33.3%;}
.dabid-set-inner .set-tab-2depth li:nth-child(2) {width:33.3%;}
.dabid-set-inner .set-tab-2depth li:nth-child(3) {width:33.3%;border-right:1px solid #d4d4d4; margin-bottom:10px;}
.dabid-set-inner .set-tab-2depth li.on {color:#fff; background-color:#007bff;}
.dabid-set-inner .set-tab-2depth li:last-child {border-right:1px solid #d4d4d4;  }

.dabid-set-inner .sub-title {position:relative; width:1200px; margin:0 auto; padding-top:70px;}
.dabid-set-inner .s-title {font-size:40px; line-height:50px; font-weight:700; letter-spacing:-2px; margin-bottom:20px; opacity:1;}
.dabid-set-inner .s-title span {color:#007bff;}
.dabid-set-inner .b-title {color:#666666; font-size:18px; line-height:30px; font-weight:400; letter-spacing:-1.5px; margin-bottom:30px; opacity:1;}
.dabid-set-inner .b-title span {color:#007bff;}

.dabid-set-inner .set-page {}
.dabid-set-inner .set-page .item-pic {}
.dabid-set-inner .set-page .item-arrow {padding:40px 0; text-align:center;}

.dabid-set-inner .play-page {margin-bottom:70px;}
.dabid-set-inner .play-title {font-size:26px; line-height:2rem; font-weight:700; letter-spacing:-1px; margin-bottom:30px; opacity:1;}
.dabid-set-inner .play-title span {color:#007bff;}

.dabid-set-inner table {width:1200px; border:1px solid #dbdbdb; }
.dabid-set-inner table tr {}
.dabid-set-inner table tr th {width:200px; height:50px; background-color:#f9f9f9;  vertical-align:middle; border:1px solid #dbdbdb;}
.dabid-set-inner table tr th p {position:relative; font-weight:500; padding-left:56px; text-align:left; }
.dabid-set-inner table tr th p span.point-num {position:absolute; color:#fff; width:26px; height:26px; left:20px; top:-4px; text-align:center; line-height:24px;  background-color:#f82727; border-radius:50%;}
.dabid-set-inner table tr td {height:50px; vertical-align:middle; padding:15px 20px 15px 20px; border:1px solid #dbdbdb;}
.dabid-set-inner table tr td p {color:#4f4f4f; font-size:16px; line-height:24px;  text-align:left;}
.dabid-set-inner table tr td p span { color:#f82727;}
.dabid-set-inner table tr td .point-pic {margin-top:10px;}



/* 서브 - 서비스 무료신청 */
.req .req-inner {position:relative; width:1200px; margin:0 auto;}
.req .req-inner .req-detail {position:relative; padding:70px 0 80px 0; z-index:100;}
.req .req-inner .req-detail .s-title {font-size:40px; line-height:50px; font-weight:700; letter-spacing:-2px; margin-bottom:20px; opacity:1;}
.req .req-inner .req-detail .s-title span {color:#007bff;}
.req .req-inner .req-detail .b-title {font-size:26px; font-weight:300; letter-spacing:-1.5px; margin-bottom:40px; opacity:1;}
.req .req-inner .req-detail .free-test {position:relative; text-align:center; }
.req .req-inner .req-detail .free-test button[type="button"] {
position:relative; font-size:17px; font-weight:900;  letter-spacing: -1px; color:#007bff; width:1200px; height:60px; background-color: #fff; 
border:2px solid #007bff; margin-bottom:15px; cursor:pointer; box-shadow:0 20px 40px 0  rgba(0, 0, 0, 0.1); background-color: transparent;
background-image: linear-gradient(120deg, transparent 0%, transparent 50%, rgb(0, 123, 255) 50%);
background-size: 230%; transition: all, 0.5s;}
.req .req-inner .req-detail .free-test button[type="button"]:hover {color:#fff; background-position: 100%;}
.req .req-inner .req-detail .req-pic {margin-bottom:40px;}
.req .req-inner .req-detail .req-pic img {width:100%;}
.req .req-inner .req-detail .info-text {font-size:18px; color:#838383;font-weight:400; line-height:30px; margin-bottom:40px;}
.req .req-inner .req-detail .info-text span {color:#007bff;}

.req .req-inner .req-detail .free-ing button[type="button"] {
position:relative; font-size:17px; font-weight:900;  letter-spacing: -1px; color:#ffffff; width:1200px; height:60px; background-color:#007bff; 
margin-bottom:15px; cursor:Default; box-shadow:0 20px 40px 0  rgba(0, 0, 0, 0.1);
}

.req-review {background-color:#fafafa;min-width:1200px;}
.req-review-inner {width:1200px; margin:0 auto; padding:50px 0; }
.req-review-inner .s-title {font-size:40px; line-height:50px; font-weight:700; letter-spacing:-2px; margin-bottom:20px; opacity:1;}
.req-review-inner .s-title span {color:#007bff;}
.req-review-inner .b-title {font-size:26px; font-weight:300; letter-spacing:-1.5px; margin-bottom:40px; opacity:1;}


/* 서브 - 대행사 오토다비드 접속 */
.dabid-agency-title {width:1200px; margin:0 auto; overflow:hidden; margin-bottom:20px;}
.dabid-agency-title .sub-title {position:relative; float:left; padding-top:70px;}
.dabid-agency-title .s-title {font-size:40px; line-height:50px; font-weight:700; letter-spacing:-2px; margin-bottom:20px; opacity:1;}
.dabid-agency-title .s-title span {color:#007bff;}
.dabid-agency-title .sub-apply {position:relative; float:right; padding-top:80px;}
.dabid-agency-title .sub-apply button[type="button"] {
position:relative; font-size:20px; font-weight:900;  letter-spacing: -1px; color:#007bff; width:240px; height:80px; background-color: #fff; margin-left: 20px;
border:2px solid #007bff; margin-bottom:15px; cursor:pointer; box-shadow:0 10px 20px 0  rgba(0, 0, 0, 0.1); background-color: transparent;
background-image: linear-gradient(120deg, transparent 0%, transparent 50%, rgb(0, 123, 255) 50%);
background-size: 230%; transition: all, 0.5s; border-radius:10px;}

.dabid-agency-title .sub-apply button.report-btn[type="button"] {
  position:relative; font-size:20px; font-weight:900;  letter-spacing: -1px; color:#333; width:160px; height:80px; background-color: #fff; margin-left: 20px;
  border:2px solid #333; margin-bottom:15px; cursor:pointer; box-shadow:0 10px 20px 0  rgba(0, 0, 0, 0.1); background-color: transparent;
  background-image: linear-gradient(120deg, transparent 0%, transparent 50%, rgb(60, 65, 70) 50%);
  background-size: 230%; transition: all, 0.5s; border-radius:10px;}

.dabid-agency-title .sub-apply button[type="button"]:hover {color:#fff; background-position: 100%;}

.dabid-agency-box {width:1100px; background-color:#393b3e; padding:50px 50px 70px 50px ; margin:0 auto; border-radius:10px; margin-bottom:70px;}

.dabid-agency-box .dabid-agency-set {height:50px; margin-bottom:40px;}

.dabid-agency-box .dabid-agency-set .agency-sign {float:left;}
.dabid-agency-box .dabid-agency-set .agency-sign p.sign-on {position:relative; float:left; font-size:18px; line-height:55px; color:#007bff; padding-left:24px; margin-right:20px;}
.dabid-agency-box .dabid-agency-set .agency-sign p.sign-on:before {position:absolute; content:''; left:0; top:11px; width:14px; height:14px; background-color:#007bff; box-shadow:0 0 10px #007bff; border:1px solid #0953a1; border-radius:50%;}

.dabid-agency-box .dabid-agency-set .agency-sign p.sign-on_bc {position:relative; float:left; font-size:18px; line-height:55px; color:#97f078; padding-left:24px; margin-right:20px;}
.dabid-agency-box .dabid-agency-set .agency-sign p.sign-on_bc:before {position:absolute; content:''; left:0; top:11px; width:14px; height:14px; background-color:#97f078; box-shadow:0 0 10px #ff9313; border:1px solid #0953a1; border-radius:50%;}

.dabid-agency-box .dabid-agency-set .agency-sign p.sign-on_shop {position:relative; float:left; font-size:18px; line-height:55px; color:#ff9313; padding-left:24px; margin-right:20px;}
.dabid-agency-box .dabid-agency-set .agency-sign p.sign-on_shop:before {position:absolute; content:''; left:0; top:11px; width:14px; height:14px; background-color:#ff9313; box-shadow:0 0 10px #ff9313; border:1px solid #0953a1; border-radius:50%;}
.dabid-agency-box .dabid-agency-set .agency-sign p.sign-off {position:relative; float:left; font-size:18px; line-height:35px; color:#c0c1c1; padding-left:24px;}
.dabid-agency-box .dabid-agency-set .agency-sign p.sign-off:before {position:absolute; content:''; left:0; top:11px; width:14px; height:14px; background-color:#818181; box-shadow:0 0 10px #818181; border:1px solid #4a4b4d; border-radius:50%;}

.dabid-agency-box .dabid-agency-set .agency-set {float:right; }
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-start {float:left; width:200px; height:46px; padding:2px; background-color:#333538; border-radius:8px; border:1px solid #191a1b; box-shadow:0 1px 1px #494b4f; margin-right:6px;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-start-in {width:198px; height:44px; background-color:#f1f1f1; border-radius:6px; border:1px solid #181819; box-shadow:0 1px 1px #1e1e1e; cursor:pointer;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-start-in p {position:relative; font-size:18px; font-weight:400; text-align:center; line-height:43px; }
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-start-in p span {padding-left:10px;}

.dabid-agency-box .dabid-agency-set .agency-set .agency-set-cell {float:left; width:180px; height:46px; padding:2px; background-color:#333538; border-radius:8px; border:1px solid #191a1b; box-shadow:0 1px 1px #494b4f; margin-right:6px;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-cell-in {width:178px; height:44px; background-color:#262728; border-radius:6px; border:1px solid #181819; box-shadow:0 1px 1px #1e1e1e; cursor:pointer;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-cell-in p {position:relative; color:#fff; font-size:18px; font-weight:400; text-align:center; line-height:43px; }
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-cell-in p span {padding-left:10px;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-cell-in-on {width:178px; height:44px; background-color:#007bff; border-radius:6px; border:1px solid #004c9e; box-shadow:0 1px 1px #1e1e1e;  cursor:pointer;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-cell-in-on p {position:relative; color:#fff; font-size:18px; font-weight:400; text-align:center; line-height:43px; }
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-cell-in-on p span {padding-left:10px;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-speed {float:right; width:180px; height:46px; padding:2px; background-color:#333538; border-radius:8px; border:1px solid #191a1b; box-shadow:0 1px 1px #494b4f;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-speed-in {width:178px; height:44px; background-color:#262728; border-radius:6px; border:1px solid #181819; box-shadow:0 1px 1px #1e1e1e;   cursor:pointer;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-speed-in p {position:relative; color:#fff; font-size:18px; font-weight:400; text-align:center; line-height:43px;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-speed-in p span {padding-left:10px;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-speed-in-on {width:178px; height:44px; background-color:#007bff; border-radius:6px; border:1px solid #004c9e; box-shadow:0 1px 1px #1e1e1e;  cursor:pointer;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-speed-in-on p {position:relative; color:#fff; font-size:18px; font-weight:400; text-align:center; line-height:43px; }
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-speed-in-on p span {padding-left:10px;}

.dabid-agency-box .dabid-agency-set .agency-set .agency-set-setting {float:right; width:180px; height:46px; padding:2px; background-color:#333538; border-radius:8px; border:1px solid #191a1b; box-shadow:0 1px 1px #494b4f; margin-left:6px;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-setting-in {width:178px; height:44px; background-color:#262728; border-radius:6px; border:1px solid #181819; box-shadow:0 1px 1px #1e1e1e;   cursor:pointer;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-setting-in p {position:relative; color:#fff; font-size:18px; font-weight:400; text-align:center; line-height:43px;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-setting-in p span {padding-left:10px;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-setting-in-on {width:178px; height:44px; background-color:#007bff; border-radius:6px; border:1px solid #004c9e; box-shadow:0 1px 1px #1e1e1e;  cursor:pointer;}
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-setting-in-on p {position:relative; color:#fff; font-size:18px; font-weight:400; text-align:center; line-height:43px; }
.dabid-agency-box .dabid-agency-set .agency-set .agency-set-setting-in-on p span {padding-left:10px;}

.dabid-agency-box .agency-items {width:100%; display:inline-block;}
.dabid-agency-box .agency-items li {float:left; width:200px; margin-right:24px; margin-bottom:30px;  cursor:pointer;}
.dabid-agency-box .agency-items li:nth-child(5n) {margin-right:0;}
.dabid-agency-box .agency-items li .agency-cell { padding:3px; background-color:#818181; border-radius:40px; box-shadow:0 0 10px #818181; margin-bottom:16px; }
.dabid-agency-box .agency-items li .agency-cell .cell-in {position:relative; height:58px; background: linear-gradient(0deg, rgba(63,66,69,1) 0%, rgba(85,88,93,1) 100%); border-radius:40px;}
.dabid-agency-box .agency-items li .agency-cell .cell-in:hover {background: linear-gradient(180deg, rgba(63,66,69,1) 0%, rgba(85,88,93,1) 100%); border-radius:40px;}/*#007bff*/
.dabid-agency-box .agency-items li .agency-cell .cell-in .cell-light {position:absolute; content:''; left:26px; top:21px; width:14px; height:14px; background-color:#818181; box-shadow:0 0 10px #818181; border:1px solid #45474a; border-radius:50%;}
.dabid-agency-box .agency-items li .agency-cell .cell-in .cell-light_keyword {position:absolute; content:''; left:10px; top:21px; width:14px; height:14px; background-color:#818181; box-shadow:0 0 10px #818181; border:1px solid #45474a; border-radius:50%;}
.dabid-agency-box .agency-items li .agency-cell .cell-in .cell-light_contents {position:absolute; content:''; left:28px; top:21px; width:14px; height:14px; background-color:#818181; box-shadow:0 0 10px #818181; border:1px solid #45474a; border-radius:50%;}
.dabid-agency-box .agency-items li .agency-cell .cell-in .cell-light_shopping {position:absolute; content:''; left:28px; top:21px; width:14px; height:14px; background-color:#818181; box-shadow:0 0 10px #818181; border:1px solid #45474a; border-radius:50%;}
.dabid-agency-box .agency-items li .agency-cell .cell-in .cell-name {font-size:22px; font-weight:500; color:#e3e3e3; padding-left:60px; line-height:56px;}
.dabid-agency-box .agency-items li .agency-cell .cell-in .cell-name input {width:90px; color:#d4d4d5; font-size:20px; font-weight:500; padding:0 0 2px 8px; background-color:#292a2d; border:1px solid #959595; }

.dabid-agency-box .agency-items li .agency-cell .cell-in .cell-name2 {font-size:22px; font-weight:500; color:#e3e3e3; padding-left:60px; line-height:56px;}

.dabid-agency-box .agency-items li .agency-speed {width:90%; margin:0 auto; background-color:#333538; border-radius:40px; border:1px solid #191a1b; box-shadow:0 1px 1px #494b4f;}
.dabid-agency-box .agency-items li .agency-speed .speed-text {font-size:16px; font-weight:400; line-height:30px; color:#007bff; text-align:center; }
.dabid-agency-box .agency-items li .agency-speed .speed-text input {width:50px; color:#d4d4d5; font-size:16px; font-weight:500; padding:0 0 1px 8px; background-color:#292a2d; border:1px solid #959595; }

.dabid-agency-box .agency-items li .speed-in {cursor:text}

.dabid-speed-box {margin-bottom:30px;}
.dabid-speed-box .speed-items {display:inline-block;}
.dabid-speed-box .speed-items li {float:left; width:352px; margin-right:20px;}
.dabid-speed-box .speed-items li:last-child {margin-right:0;}
.dabid-speed-box .speed-items li p.speed-item-name {color:#d1d2d2; font-size:18px; text-align:center; margin-bottom:16px;}
.dabid-speed-box .speed-items li .speed-item-gauge {position:relative; padding:2px;  background:#272d35; border:1px solid #231b1e; border-radius:40px; }
.dabid-speed-box .speed-items li .speed-item-gauge .speed-item-gauge-text {position:absolute; width:350px; top:0; left:0; font-size:16px; line-height:28px; color:#fff; text-align:center;}
.dabid-speed-box .speed-items li .speed-item-gauge .speed-item-full-gauge-bar {width:100%; height:26px; background-color:#007bff; border-radius:40px;}
.dabid-speed-box .speed-items li .speed-item-gauge .speed-item-set-gauge-bar {width:0; height:26px; background-color:#007bff; border-radius:40px; }
.dabid-speed-box .speed-items li .speed-item-gauge .speed-item-use-gauge-bar {width:100%; height:26px; background-color:#007bff; border-radius:40px;}


.dabid-speed-info {background-color:#fff; padding:30px 30px; border-radius:8px;}
.dabid-speed-info p.speed-info-title {position:relative; font-size:30px; font-weight:700; color:#007bff; letter-spacing:-1px; margin-bottom:14px;}
.dabid-speed-info p.speed-info-title span {padding-left:10px;}
.dabid-speed-info p.speed-info-text {font-size:18px; line-height:26px; color:#2b2b2b;}
.dabid-speed-info p.speed-info-text span {color:#8a8a8a;}

/* 서비스 결제 시작 */
.price-select {position:relative; width:1200px; margin:0 auto; padding-top:40px; margin-bottom:80px;}
.price-select-in {display:inline-block;}
.price-select-in .agency {float:left; width:580px; padding:75px 0; margin-right:40px; border:1px solid #e0e0e0; border-radius:10px; text-align:center;  box-shadow:0 5px 0 0 rgba(0,0,0,.1); cursor:pointer; box-sizing:border-box;}
.price-select-in .agency:last-child {margin-right:0;}
.price-select-in .agency .agency-icon1 {width:103px; height:94px; background:url('../images/price_agency_01.png') no-repeat; margin:0 auto; margin-bottom:20px;}
.price-select-in .agency .agency-icon2 {width:103px; height:94px; background:url('../images/price_agency_02.png') no-repeat; margin:0 auto; margin-bottom:20px;}
.price-select-in .agency .agency-title {font-size:40px; font-weight:700; line-height:40px; margin-bottom:12px;}
.price-select-in .agency .agency-info {color:#868686; font-size:18px; line-height:24px;}
.price-select-in .agency:hover {border:1px solid #007bff; box-shadow:0 5px 0 0 rgba(184,218,255,1);}
.price-select-in .agency:hover .agency-title {color:#007bff;}
.price-select-in .agency:hover .agency-info {color:#3b9aff;}
.price-select-in .agency:first-child:hover .agency-icon1 {width:103px; height:94px; background:url('../images/price_agency_01_on.png') no-repeat; margin:0 auto; margin-bottom:20px;}
.price-select-in .agency:last-child:hover .agency-icon2 {width:103px; height:94px; background:url('../images/price_agency_02_on.png') no-repeat; margin:0 auto; margin-bottom:20px;}


.price-agency {}
.price-agency-in {width:1200px; margin:0 auto; margin-bottom:80px; /*padding-top:70px;*/}
.price-agency-in .sub-title {position:relative; width:1200px; margin:0 auto; }
.price-agency-in .s-title {font-size:40px; line-height:40px; font-weight:700; letter-spacing:-2px; margin-bottom:20px;  }
.price-agency-in .s-title span {color:#333; font-size:20px; font-weight:400; letter-spacing:-1px; padding-left:14px; vertical-align:middle;}
.price-agency-in .s-title img {width:50px; margin-right:14px; vertical-align:middle; padding-bottom:10px;}
.price-agency-in .b-title {font-size:22px; line-height:30px; font-weight:400; letter-spacing:-1.5px; margin-bottom:30px; }
.price-agency-in .b-title span {color:#007bff;}
.price-agency-in .q-title {font-size:22px; line-height:30px; font-weight:400; letter-spacing:-1px; margin-bottom:6px; }
.price-agency-in .q-title span {display:inline-block; background-color:#007bff; font-size:20px; color:#fff; width:30px; height:30px; border-radius:50%; text-align:center; margin-right:6px; box-sizing:border-box; }
.price-agency-in .q-info {color:#707070; font-size:18px; line-height:28px; font-weight:400; letter-spacing:-1px; margin-bottom:30px;  padding-left:40px;}
.price-agency-in .sol-use {margin-bottom:50px;}
.price-agency-in table {width:1200px; border:1px solid #dbdbdb; margin-bottom:30px;}
.price-agency-in table tr {}
.price-agency-in table tr th {height:50px; background:#f7f7f7; vertical-align:middle; text-align:center; border:1px solid #dbdbdb;}
.price-agency-in table tr td {height:50px; vertical-align:middle; text-align:center; text-align:center; border:1px solid #dbdbdb;}


.price-coupon {display:inline-block; margin-bottom:50px;}
.price-coupon .coupon {float:left; width:380px; height:190px; background:url('../images/price_coupon_bg.png?3') no-repeat; padding:40px 36px; box-sizing:border-box; margin-right:30px; cursor:pointer;}
.price-coupon .coupon:last-child {margin-right:0;}
.price-coupon .coupon .coupon-text {}
.price-coupon .coupon .coupon-text .coupon-logo {color:#bbbbbb; font-size:18px; line-height:18px; font-weight:400; margin-bottom:17px; padding-left:4px;}
.price-coupon .coupon .coupon-text .coupon-title {font-size:32px; line-height:32px; font-weight:700; margin-bottom:17px;}
.price-coupon .coupon .coupon-text .coupon-info {font-size:20px; line-height:20px; font-weight:400;  padding-left:2px;}

.price-coupon .coupon:hover {background:url('../images/price_coupon_bg_on.png?3') no-repeat;}
.price-coupon .coupon:hover .coupon-text .coupon-title {color:#007bff;}

.price-coupon .coupon.on {background:url('../images/price_coupon_bg_on.png?3') no-repeat;}
.price-coupon .coupon.on .coupon-text .coupon-title {color:#007bff;}

.price-btn {width:660px; margin:0 auto; overflow:hidden; margin-bottom:50px;}
.price-btn .price-btn-custom {float:left; width:320px; height:70px;  border:1px solid #cccccc; box-sizing:border-box; border-radius:35px; text-align:center; margin-right:20px; }
.price-btn .price-btn-custom a {display:block; width:100%; font-size:20px; color:#818181; line-height:70px;}
.price-btn .price-btn-result {float:left; width:320px; height:70px; font-size:20px; color:#fff; line-height:70px; background-color:#007bff; box-sizing:border-box; border-radius:35px; text-align:center; cursor:pointer;}


.prince-export {margin-bottom:40px; font-size:18px; width:100%; padding:30px; /* border:1px solid #dbdbdb; */ border-radius: 10px; box-sizing:border-box; background-color:#f0f7ff; text-align:center;}
.price-line {width:100%; height:1px; background-color:#e8e8e8; margin:80px 0;}


.layer-buy-info {position:fixed; width:100%; height:100vh; top:0; left:0; z-index:9999; display:block;}
.layer-buy-info .kakao-call {position:relative; width:560px; height:580px; margin:0 auto; margin-top:150px; background-color:#fff; border-radius:20px; z-index:400;}
.layer-buy-info .kakao-call .call {width:560px; height:270px; background-color:#fecf21; border-radius:20px 20px 0 0; text-align:center; padding-top:40px;}
.layer-buy-info .kakao-call .call img {margin-bottom:20px;}
.layer-buy-info .kakao-call .call .call-title {font-size:26px; line-height:26px; font-weight:700; letter-spacing:-1.5px; margin-bottom:4px;}
.layer-buy-info .kakao-call .call .call-number {font-size:50px; line-height:50px; letter-spacing:-1px; font-weight:900;}
.layer-buy-info .kakao-call .kakao {text-align:center; padding:40px 0;}
.layer-buy-info .kakao-call .kakao .kakao-title {position:relative; font-size:30px; font-weight:700; padding-left:64px;  margin-bottom:20px;}
.layer-buy-info .kakao-call .kakao .kakao-title:before {position:absolute; content:''; left:32%; top:-6px; width:54px; height:49px; background:url('../images/kakao_icon.png') no-repeat; }
.layer-buy-info .kakao-call .kakao .kakao-info {font-size:18px; line-height:24px; font-weight:300; color:#a5a4a4; margin-bottom:20px;}
.layer-buy-info .kakao-call .kakao .kakao-btn {width:480px; margin:0 auto; cursor:pointer;}
.layer-buy-info .kakao-call .kakao .kakao-btn .custom-btn {float:left; width:230px; height:64px; background-color:#fecf21; border-radius:32px;}
.layer-buy-info .kakao-call .kakao .kakao-btn .custom-btn a {display:block; width:100%; height:64px; font-size:22px; font-weight:600; line-height:64px; letter-spacing:-1.5px; text-align:center;}
.layer-buy-info .kakao-call .kakao .kakao-btn .close-btn {float:right; width:230px; height:64px; font-size:22px; font-weight:600; line-height:64px; background-color:#f2f2f2; border-radius:32px; text-align:center;}
.layer-buy-info .layer-bg {position:absolute; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,.66); z-index:1;}


.price-select-nav {}
.price-select-nav .price-select-nav-in {width:1200px; margin:0 auto; }
.price-select-nav-in ul {overflow:hidden; margin-top:60px; cursor:pointer;}
.price-select-nav-in ul li {float:left; width:50%; height:60px; color:#787878; font-size:18px; line-height:60px; background-color:#fafafa; border-top:1px solid #d4d4d4;  border-left:1px solid #d4d4d4; border-bottom:2px solid #007bff; box-sizing:border-box; text-align:center; }
.price-select-nav-in ul li:last-child {border-right:1px solid #d4d4d4;  }
.price-select-nav-in ul li.on {font-weight:500; color:#007bff; background-color:#fff; border-top:2px solid #007bff; border-left:2px solid #007bff; border-right:2px solid #007bff; border-bottom:2px solid #fff;}



/* 서비스 결제 끝 */



/* 문의 고객상담 */
.inquiry-button {position:relative; text-align:center; }
.inquiry-button button[type="button"] {
position:relative; font-size:17px; font-weight:900;  letter-spacing: -1px; color:#007bff; width:1200px; height:60px; background-color: #fff; 
border:2px solid #007bff; margin-bottom:60px; cursor:pointer; box-shadow:0 20px 40px 0  rgba(0, 0, 0, 0.1); background-color: transparent;
background-image: linear-gradient(120deg, transparent 0%, transparent 50%, rgb(0, 123, 255) 50%);
background-size: 230%; transition: all, 0.5s;}
.inquiry-button button[type="button"]:hover {color:#fff; background-position: 100%;}

.inq {margin-bottom:40px;}
.inq-group {margin-bottom:10px; display:inline-block;}
.inq-name {float:left; width:150px; font-size:16px; line-height:44px; }
.inq-post {float:left; width:1050px; }
.inq-post input[type="text"] {width:100%; height: 44px;border: 1px solid #DCDCDC;border-radius: 0;-webkit-appearance: none;font-size: 15px; box-sizing:border-box; padding:0 15px;}
.inq-post select {width:100%; height: 44px;border: 1px solid #DCDCDC;border-radius: 0;-webkit-appearance: none;font-size: 15px; box-sizing:border-box; padding:0 15px;}
.inq-post textarea {width:100%; height:150px; border: 1px solid #DCDCDC;font-weight:600;border-radius: 0;-webkit-appearance: none;font-size: 16px; box-sizing:border-box; padding:15px;}

.inq-post input[type="file"] {width:100%; height: 44px;border: 1px solid #DCDCDC;border-radius: 0;-webkit-appearance: none;font-size: 15px; box-sizing:border-box; padding:0 5px;line-height:44px;}

/* 상단 CSS */

#top { width:100%; height:0px; background:#0d0b0e; position:relative;}
#head {width:100%;position:fixed;background:rgba(255,255,255,0.98);z-index:10;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
#head_wrap {width:1200px; height:45px; position:relative; margin:20px auto;}
#head_wrap #logo {float:none ;padding:10px;text-align:center;}
#head_wrap #logo img {display:inline-block;}

#head_wrap #top_left {position:absolute;z-index:2;left:4px;top:30px;}
#head_wrap #top_right {position:absolute;z-index:2;right:4px;top:30px;}

#menu {margin: 15px auto 0 auto;width:1200px;border-top:1px solid #ddd;}
#menu li {float:left;padding:20px 38px;font-size:1.5em;font-weight:bold;color:#444;background:url('/images/common/menu_bar.jpg') center right no-repeat;}
#menu li:first-child {padding-left:5px;}
#menu li:last-child {padding-right:0px;background:none;}

#menu li.act a {color:#1a3e7e}

/* 하단 CSS */
#tail_btn {width:100%;height:101px;background:url('/images/common/copy_bg_01.jpg');position:relative;}
#tail_btn ul {width:933px;margin:0 auto;position:relative;}
#tail_btn li {float:left;}
#tail {position:relative;background:#616775;padding:50px 0;}
#tail_wrap {width:1200px; margin:0 auto;}
#tail_logo {float:left; background:url('/images/common/copy_logo.gif'); width:186px;height:50px;}
#tail_info {float:left; padding-left:40px; color:#bbbbbb;font-size:13px;}


/* 메인페이지 */
#main_img {clear:both;width:100%;min-width:1080px; height:530px; position:relative; background:url('/images/main/main.jpg') center no-repeat;}
#main_content {width:1200px; margin:0 auto; position:relative;}
.main_space {position:relative;width:386px;display:inline-block;;min-height:200px;}
.more {right:0px;top:5px;}
#main_notice {float:left;}
#main_program {margin-left:17px;float:left;}
#main_login {margin-left:17px;float:left;}
#main_inquiry {padding:36px 0 0 0;float:left;}
#main_tel {margin-left:17px;padding:36px 0 0 0px;float:left;}
#main_bank {margin-left:17px;padding:36px 0 0 0px;float:left;}
.main_tit {font-size:18px;margin-bottom:14px;width:100%;}
#news-container {width:330px;margin:0 auto;margin-top:20px;}
#news-container li {width:100%;clear:both; height:35px;}

.inquiry_name	{width:70px; font-size:15px;}
.inquiry_cate	{width:140px; font-size:15px;}
.inquiry_date	{width:60px;  font-size:15px;text-align:center;}
.inquiry_result	{width:60px; font-size:15px;}

.main_tab{width:100%;height:250px;overflow:hidden;border:1px solid #e7e6e6;}
.main_tab ul {}
.main_tab li {list-style:none;position:relative;float:left;width:192px;background:#edebee;color:#888888;}
.main_tab li.fst {border-right:1px solid #e7e6e6;}
.main_tab li a{display:block;padding:15px 0px;text-decoration:none;text-align:center;color:#888888;font-size:16px;}
.main_tab li a:hover{text-decoration:none}
.main_tab li.active a{background:#fff; font-weight:bold;color:#404040}
.main_tab li.active a:hover{text-decoration:none}
.main_tab .area { width: 330px;margin:30px;}
.main_latest div, .main_latest div a {font-size:15px;color:#656565;height:30px;}

#main_login_wrap {position:relative;width:386px; height:250px;background:url('/images/main/banner_03_text.jpg');}
#main_login_wrap a {color:#888888}
#login_icon{position:absolute;left:26px;top:23px;}
#login_join{position:absolute;right:26px; top:28px; }
#login_form {position:absolute;left:25px;top:63px; width:336px;}

/* 서브 공통 */
.sub_img {height:340px;position:relative;width:100%;min-width:1200px;}
.sub_img .sub-top-text {padding-top:130px; text-align:center; color:#fff;}
.sub_img .sub-top-text .sub-top-text-lang {font-size:20px; font-weight:600; line-height:20px; margin-bottom:15px; text-transform:uppercase;}
.sub_img .sub-top-text .sub-top-text-title {font-size:50px; font-weight:600; line-height:50px; letter-spacing:-3px; margin-bottom:20px;}
.sub_img .sub-top-text .sub-top-text-info {font-size:18px; line-height:18px;}


.sub-navi {width:100%;}
.sub-navi .sub-nav-inner {width:1200px; margin:0 auto; padding-top:50px;}
.sub-navi .sub-nav-inner p {position:relative; padding-left:30px; font-size:18px;}
.sub-navi .sub-nav-inner p:before {position:absolute; content:''; width:20px; height:18px; top:1px; left:0; background:url('/images/sub_home_icon.png') no-repeat;}
.sub-navi .sub-nav-inner p span.first-sub-nav {color:#999999;}
.sub-navi .sub-nav-inner p span.point-sub-nav {color:#000000; font-weight:700;}
.sub-navi .sub-nav-inner p span.last-sub-nav {color:#007bff; font-weight:600;}




.sub_navi {height:58px; background:#262327;}
.navi_wrap {width:1200px; margin: 0 auto;height:58px; line-height:58px;}
.sub_content {width:1200px; margin:0 auto; position:relative; padding:50px 0 ; overflow:hidden; }
.sub_content .sub_full {margin-bottom:20px;}
.sub_tit {font-size:32px;text-align:center;color:#333333;font-weight:bold;}
.sub_tit_bar {width:40px;height:1px; border-bottom:1px solid #ccc; margin:30px auto; }
.sub_third {float:left;width:389px;}
.pl_third{margin-left:16px;}

.sub_line {clear:both;width:100%;border-top:2px solid #555;height:40px;}

/* 사용방법 */
#method {background:url('/images/method/sub_pic_01.jpg') center;}

/* 솔루션 */
#solution {background:url('/images/solution/top_bg_solution.jpg') center;}

/* 서비스소개 */
#service {background:url('/images/sub_top_bg.jpg') center;}

/* 주요기능 */
#dabid {background:url('/images/dabid/top_bg_dabid.jpg') center;}

/* 사용방법 */
#method {background:url('/images/method/top_bg_method.jpg') center;}

/* 무료신청 */
#request {background:url('/images/request/top_bg_request.jpg') center;}
#wrap_request_btn {background:url('/images/request/request_btn_bg.jpg'); width:100%;height:78px;position:relative;}

#use_day_input {background:url('/images/request/top_bg_request.jpg') center;}

/* 공지사항 */
#notice {background:url('/images/notice/top_bg.jpg') center;}
.list {border-top:2px solid #555;}
.list th {font-size:15px;color:#515151;height:50px;}
.list_bg {background:url('/images/notice/list_th_bg.jpg') right no-repeat #fcfcfc; }
.list_th {background:#fcfcfc;}
.list td {height:48px;border-bottom:1px solid #d5d5d5;font-size:15px;}
#list_page {padding-top:36px;}
#list_page td {padding:1px;}
#list_page li {border:1px solid #cbcbcb;border-right:0px;width:33px;height:34px;float:left;line-height:34px; text-align:center;font-size:13px;}
#list_page li:last-child {border-right:1px solid #cbcbcb;}
#list_page .sel {background:#384c67;color:#ffffff;font-weight:bold;}


/* 문의&제작상담 */
#inquiry {background:url('/images/inquiry/sub_pic_04.jpg') center;}
.inquiry_tit {font-size:20px;color:#6c6c6c;padding-bottom:10px;}
.inquiry_input {height:57px;padding-left:80px;font-size:20px;width:500px;border:0px;background:transparent}

.inquiry_textarea {width:100%;padding:20px;height:176px;font-size:20px;overflow-y:hidden;border:1px solid #c6c6c6;border-radius:5px; box-sizing:border-box;}
.inquiry_call {background:url('/images/inquiry/call_center_bg.jpg')}

.inquiry_view {height:57px;padding-left:80px;font-size:20px;width:100%;border:0px;background:transparent; line-height:57px;}
.inquiry_cont {width:100%;padding:20px;height:176px;font-size:20px;overflow-y:hidden;border:1px solid #c6c6c6;border-radius:5px;}


#qa {background:url('/images/inquiry/sub_pic_04.jpg') center;}
#faq {background:url('/images/inquiry/sub_pic_04.jpg') center;}


/* 마이페이지 */
#mypage h1 {font-size:1.8em; padding:10px 0 20px 0;letter-spacing:-1px;}

/* 서브메뉴 */
#submenu ul {padding:20px 0;}
#submenu li {padding:5px 20px;}
#submenu li.act {color:#0000ff}

.mypage_th {padding:20px;width:140px; background:#f9f9f9;border-bottom:1px solid #ededed;color:#000;}
.mypage_td {padding:20px;border-bottom:1px solid #ededed;}
.mypage_td .r_pd_10 {padding-right:10px;}

.m_btn {border:1px solid #e3e3e3; border-radius:5px; padding:5px 10px; margin-right:5px; display:inline;}



.mypage_qa_th {padding:20px; background:#eee;border-bottom:1px solid #ededed;color:#000; border-bottom:1px solid #ccc; font-weight:500;}

.hide {display:none;}

input::-webkit-input-placeholder {
  color: #aaa;
}
input:-ms-input-placeholder {
  color: #aaa;
}

input:placeholder {
  color: #aaa;
}

.dabid-system {min-width:1600px}