@charset "utf-8";
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

@font-face {
    font-family:'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight:500;
    font-style:normal;
}

@font-face {
    font-family:'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight:300;
    font-style:normal;
}

@font-face {
    font-family:'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight:800;
    font-style:normal;
}


/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 Block Element */
applet,basefont,center,dir,font,strike{display:none} /* XHTML4, HTML5 Element Not Used Remove */
q,blockquote{quotes:none;content:none}

/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 Block Element */
applet,basefont,center,dir,font,strike{display:none} /* XHTML4, HTML5 Element Not Used Remove */
q,blockquote{quotes:none;content:none}
li,menu{list-style:none;word-break:break-all}

table{width:100%;border-spacing:0;border-collapse:separate;} /* Table Border (separate) */
caption{text-align:left}
th,td{text-align:center;vertical-align:middle}

address{font-style:normal}
label{display:inline-block;}
a{text-decoration:none;display:inline-block;} /* A Attribute  */

/* Common Setting */
html{overflow-y:auto;}
html,body{height:100%;} /* Horizen Scroll */
body{color:#333;font-size:15px;font-family:'GmarketSans', 'Noto Sans KR', sans-serif, "Nanum Gothic";font-weight:500;min-width:320px;}
div{outline:0}
img {vertical-align:middle;}

::selection {background-color:#019946;color:#fff;}

/* Common */
.comm_box {position:relative;width:1200px;height:100%;margin:0 auto;}
.comm_head {position:relative;text-align:center;}
.comm_head span {font-size:17px;color:#7dce13;font-weight:700;letter-spacing:1px;}
.comm_head h1 {font-size:48px;font-weight:300;padding:25px 0 5px 0;}
.comm_head h1 .color {color:#019946;}
.comm_head p {font-size:20px;padding-bottom:65px;}
.clear120 {position:relative;clear:both;width:100%;height:120px;}
.clear {position:relative;clear:both;width:100%;height:0;}

/* GNB */
.gnb {position:relative;width:100%;height:80px;}
.gnb .logo {position:absolute;top:13px;left:0;}
.gnb .logo img {width:130px;}
.gnb .menu {position:relative;width:60%;margin:0 auto;padding-top:32px;}
.gnb .menu li {float:left;padding-right:30px;}
.gnb .menu li a {font-size:16px;}
.gnb .menu li .on, .gnb .menu li a:hover {color:#019946;font-weight:700;}
.gnb .menu li:last-child {font-weight:700;color:#e74c46;padding-right:0;}
.gnb .tel {position:absolute;top:15px;right:0;width:100px;padding:8px 0 0 55px;}
.gnb .tel img {position:absolute;top:0px;left:0;}
.gnb .tel span {font-size:13px;}
.gnb .tel p {font-size:16px;font-weight:700;}
.gnb .tel p::before {content:"1644.7669";animation: txchange infinite 5s;}
@keyframes txchange {0% {content:"1644.7669";} 50%{content:"성장전문센터";} 75% {content:"지금바로통화!";}} 

.gnb_fixed {position:fixed;top:0;left:0;height:55px;background-color:white;border-bottom:solid 1px #e5e5e5;z-index:199;}
.gnb_fixed .logo {top:9px;}
.gnb_fixed .logo img {width:93px;}
.gnb_fixed .menu {padding-top:21px;}
.gnb_fixed .tel {top:8px;padding:3px 0 0 43px;}
.gnb_fixed .tel img {width:38px;}
.gnb_fixed .tel span {font-size:12px;}
.gnb_fixed .tel p {font-size:15px;}

.top {position:relative;width:100%;height:650px;background-color:#1b3312;}
.top .model {position:absolute;bottom:0;left:20px;}
.top .product {position:absolute;bottom:-100px;right:0;}
.top .text {position:relative;width:85%;text-align:right;color:white;padding-top:120px;}
.top .text h2 {font-size:70px;font-weight:300;padding-top:30px;}
.top .text h1 {font-size:105px;}
.top .text h1 b {color:#ffdc00;}
.top .des {position:absolute;bottom:-95px;right:80px;color:#333;opacity:0.5;font-size:16px;letter-spacing:-1px;}

.vod {position:relative;width:100%;z-index:-1;padding-bottom:190px;background-color:#f9ffa6;}
.vod .vod_back {background-color:#ffdc00;width:100%;height:550px;}
.vod .comm_box {position:absolute;top:130px;left:50%;margin-left:-600px;;}
.vod iframe {border-radius:30px;height:540px;}

.brandcopy {position:relative;width:100%;background-color:#f9ffa6;padding:0 0 70px 0;margin-bottom:100px;}
.brandcopy .comm_box {width:calc(50% - 140px);margin:0 auto;padding:30px 0 30px 140px;}
.brandcopy img {width:120px;position:absolute;top:5px;left:0;}
.brandcopy h3 {font-size:45px;}
.brandcopy p {font-size:20px;}

.feature {position:relative;width:100%;text-align:center;}
.feature h3 {font-size:30px;font-weight:500;}
.feature h3 b {font-weight:500;color:#019946;}
.feature h2 {font-size:45px;font-weight:300;padding-top:25px;}
.feature h2 span {font-weight:500;}
.feature h2 b {color:#019946;}
.feature .box {position:relative;width:80%;margin:0 auto;padding-top:60px;}
.feature .box li {width:190px;float:left;padding:30px 20px;border:solid 5px #dfefca;border-radius:30px;margin-right:10px;}
.feature .box li p {font-size:22px;font-weight:300;padding:25px 0 0 0;}
.feature .box li h1 {font-size:28px;padding-bottom:7px;}
.feature .box li span {font-size:13px;opacity:0.5;}
.feature .des {position:relative;width:76%;margin:0 auto 0 auto;clear:both;text-align:left;padding:40px 0;}
.feature .des p {padding-right:240px;line-height:24px;font-size:16px;opacity:0.5;}
.feature .model {position:absolute;right:40px;bottom:0;}

.premium {position:relative;width:100%;background-color:#d2de32;padding:150px 0 100px 0;text-align:center;}
.premium .comm_arrow {position:absolute;top:0;left:50%;margin-left:-43px;}
.premium p {font-size:30px;font-weight:500;}
.premium p b {font-weight:500;color:#019946;}
.premium h1 {font-size:45px;font-weight:300;padding-top:25px;}
.premium h1 span {font-weight:500;}
.premium h1 b {color:#019946;}
.premium .product {padding:40px 0 50px 0;}
.premium .box {position:relative;}
.premium .box li {float:left;width:calc(20% - 1px);text-align:center;border-right:solid 1px #bdc72d;font-size:20px;font-weight:300;}
.premium .box li:last-child {border-right:0;}
.premium .box li img {padding-bottom:10px;}
.premium .box li p {font-size:28px;font-weight:500;padding-top:3px;}
.premium .des {position:relative;padding:50px 0 0 0;clear:both;line-height:24px;font-size:16px;opacity:0.5;}

.event {position:relative;width:100%;background-color:#303546;padding:40px 0 0 0;color:white;}
.event .comm_arrow {position:absolute;top:0;left:50%;margin-left:-43px;}
.event .model {position:absolute;bottom:0;left:20px;}
.event .text {position:relative;padding:100px 0 0 480px;}
.event .text p {font-size:22px;color:#a24a35;}
.event .text h1 {font-size:55px;font-weight:300;color:#d2de32;padding:7px 0 40px 0;}
.event .box {position:relative;padding:0px 0 0 480px;}
.event .box li {float:left;width:47%;border-right:solid 1px #454a59;;}
.event .box li:last-child {padding-left:30px;border-right:0;}
.event .box li p {background-color:#ffdc00;color:#303546;padding:7px 15px 5px 15px;border-radius:30px;display:inline-block;}
.event .box li h3 {font-size:20px;font-weight:500;padding-top:15px;}
.event .box li h1 {font-size:45px;color:#ffdc00;padding-bottom:10px;padding-top:5px;}
.event .box li span {opacity:0.5;font-weight:300;}
.event .des {position:relative;padding:40px 0 60px 480px;font-size:13px;opacity:0.5;clear:both;font-weight:300;line-height:20px;}

.cp01 {position:relative;width:100%;height:390px;margin:0 auto;padding:120px 0;text-align:center;}
.cp01 .swiper-slide {width:300px;height:280px;padding:40px 20px 50px 20px;background-color:#f5f6f8;border-radius:30px;margin-right:10px;font-size:17px;}
.cp01 .swiper-slide img {padding-bottom:20px;}
.cp01 .swiper-slide p {font-size:22px;font-weight:700;padding:5px 0 3px 0;}
.cp01 .list .swiper-slide span {font-size:13px;opacity:0.5;}

.cp02 {position:relative;width:100%;padding:120px 0;text-align:center;}
.cp02 .box_back {position:absolute;width:100%;height:1100px;background-color:#cccfd7;top:0;left:0;}
.cp02 .model_back {position:absolute;width:100%;height:1000px;background-color:#cccfd7;background-image:url(../img/cp02_model.png);background-position:top center;background-repeat:no-repeat;top:0;left:0;}
.cp02 .box {position:relative;width:100%;background-color:white;margin:550px auto 0 auto;}
.cp02 .box h1 {font-size:40px;padding:80px 0 40px 0;font-weight:300;}
.cp02 .box h1 b {color:#019946;}
.cp02 .box li {float:left;background-color:white;width:calc(19.333% - 1px);border-right:solid 1px #e5e5e5;padding:0 7%;;}
.cp02 .box li p {font-size:24px;font-weight:700;padding:25px 0 10px 0;}
.cp02 .box li span {font-size:16px;line-height:22px;}
.cp02 .box li:last-child {border-right:0;}
.cp02 .proimg {position:relative;padding:80px 0;clear:both;}
.cp02 .proimg li {float:left;width:calc(50% - 10px);margin-bottom:10px;margin-right:10px;}
.cp02 .proimg li:nth-child(even) {margin-right:0;}
.cp02 .proimg li img {width:100%;}
.cp02 .protext {position:relative;padding:60px 0;clear:both;}
.cp02 .protext p {font-size:30px;}
.cp02 .protext h2 {font-size:45px;font-weight:300;}
.cp02 .protext h2 b {font-weight:700;color:#019946;}

.cp03 {position:relative;width:100%;padding:120px 0 90px 0;text-align:center;background-color:#ffdc00;}
.cp03 .comm_head span {color:#333;}
.cp03 .box {position:relative;padding:80px 50px;background-color:white;border-radius:30px;clear:both;margin-bottom:30px;}
.cp03 .box h3 {font-size:38px;font-weight:300;padding-bottom:7px;;}
.cp03 .box p {font-size:20px;line-height:28px;}
.cp03 .box .license {padding:30px 0 0 0;}
.cp03 .box .model {position:absolute;right:30px;bottom:0;}
.cp03 .box_first {text-align:left;}
.cp03 .box .checkbox {position:relative;width:80%;margin:0 auto;padding:50px 0 0 0;}
.cp03 .box .checkbox li {float:left;width:calc(20% - 1px);border-right:solid 1px #e5e5e5;;}
.cp03 .box .checkbox li:last-child {border-right:0;}
.cp03 .box .checkbox li p {font-size:22px;padding-top:10px;}
.cp03 .box .checkbox2 {position:relative;width:96%;margin:0 auto;padding:50px 0 0 0;}
.cp03 .box .checkbox2 li {float:left;width:calc(19% - 1px);border-right:solid 1px #e5e5e5;font-size:17px;padding:0 3%;;}
.cp03 .box .checkbox2 li:last-child {border-right:0;}
.cp03 .box .checkbox2 li p {font-size:22px;padding:10px 0 5px 0;}

.cp04 {position:relative;width:100%;padding:120px 0 90px 0;text-align:center;background-color:#d2de32;}
.cp04 .comm_head span {color:#333;}
.cp04 .product {position:relative;background-color:white;border-radius:30px;padding:100px 120px;margin-bottom:30px;}
.cp04 .product p {font-size:33px;font-weight:300;padding:15px 0 8px 0;}
.cp04 .product p b:last-child {color:#019946;;}
.cp04 .product h2 {font-size:49px;padding-bottom:20px;}
.cp04 .product h2 b {color:#019946;}
.cp04 .product .list {position:relative;width:100%;margin:20px auto;}
.cp04 .product .list li {position:relative;float:left;width:calc(50% - 150px);margin:0 1%;background-color:#333;color:white;;text-align:left;padding:25px 30px 22px 90px;border-radius:30px;}
.cp04 .product .list li img {position:absolute;top:25px;left:25px;}
.cp04 .product .list li h3 {font-size:22px;font-weight:500;padding-bottom:5px;}
.cp04 .product .list li span {font-size:18px;}
.cp04 .product .des {position:relative;clear:both;padding:50px 150px 0 150px;font-size:18px;line-height:24px;}
.cp04 .productg p b:last-child {color:#ff544c;}
.cp04 .productg h2 b {color:#ff544c;}

.cp05 {position:relative;width:100%;padding:120px 0 0 0;text-align:center;}
.cp05 .visual {position:absolute;bottom:-65px;right:-60px;z-index:-1;}
.cp05 .box {background-color:#f1f1f1;text-align:left;}
.cp05 .box .model {position:absolute;bottom:0;left:0;}
.cp05 .box .title {position:relative;font-weight:700;padding:120px 0 0 520px;font-size:36px;}
.cp05 .box .title b {color:#019946;}
.cp05 .box .text {position:relative;padding:35px 0 50px 520px;}
.cp05 .box .text li {font-size:25px;font-weight:300;padding:0 0 20px 0;}
.cp05 .box .text li img {padding:0 10px 5px 0;}


.reply {position:relative;width:100%;height:800px;padding:120px 0 0 0;text-align:center;background-color:#eae6d1;}
.reply h3 {font-size:20px;font-weight:500;}
.reply h1 {font-size:48px;font-weight:300;padding:20px 0 50px 0;}
.reply .swiper-wrapper {position:relative;}
.reply .swiper-slide {width:250px;height:530px;;padding:35px;background-color:white;border-radius:30px;text-align:left;margin:0 7px;border:solid 3px #d6cda4;}
.reply .swiper-slide h3 {font-size:24px;font-weight:700;padding-top:10px;}
.reply .swiper-slide p {line-height:22px;padding:15px 0;}
.reply .swiper-slide span {font-size:13px;opacity:0.5;}
.reply .swiper-slide .color01 {color:#019946;}
.reply .swiper-slide .color02 {color:#890199;}
.reply .swiper-slide .color03 {color:#993301;}
.reply .swiper-slide .color04 {color:#659901;}

.notice {position:relative;width:100%;padding:80px 0;text-align:center;background-color:#1d3713;color:#eae6d1;}
.notice h2 {color:#60ff00;font-size:40px;font-weight:500;}
.notice p {font-size:18px;line-height:22px;padding:10px 0 30px 0;}
.notice h3 {color:#1d3713;background-color:#eae6d1;display:inline-block;padding:15px 30px 10px 30px;font-size:20px;border-radius:30px;font-weight:500;}

.footer {position:relative;width:60%;padding:100px 0 250px 0;text-align:center;margin:0 auto;}
.footer img {width:110px;padding-bottom:25px;}
.footer span {font-size:13px;color:#999;padding:0 10px;border-right:solid 1px #e5e5e5;line-height:24px;}
.footer .last {border-right:0;}
.footer p {font-size:13px;color:#666;padding:20px 0;}
.footer a {font-size:13px;padding:8px 10px 5px 10px;color:white;background-color:#7f7f7f;}
.footer .store {background-color:#2b7a0b;}

.DBsection {position:fixed;width:100%;bottom:0;left:0;background-color:#60ff00;padding:10px 0;z-index:100;}
.DBsection .section {position:relative;width:1200px;margin:0 auto;background-color:white;;}
.DBsection .section .text {position:absolute;top:45px;left:30px;padding-left:95px;}
.DBsection .section .text img {position:absolute;top:0;left:0;width:80px;}
.DBsection .section .text p {padding:10px 0 0 0;font-size:20px;color:#019946;}
.DBsection .section .text p b::before {content:"균형성장 프로젝트";animation: txchange2 infinite 5s;}
@keyframes txchange2 {0% {content:"균형성장 프로젝트";} 50%{content:"프리미엄 성장";} 75% {content:"성장무료 상담신청";}} 
.DBsection .section .text span {font-size:17px;color:#1d3713;}
.DBsection .section .input {position:relative;width:55%;padding:15px 0 25px 330px;}
.DBsection .section .input ul:nth-child(odd) {clear:both;}
.DBsection .section .input li {float:left;padding-bottom:5px;}
.DBsection .section .input li:nth-child(1) {width:14%;font-size:18px;color:#1a3111;padding-top:15px;}
.DBsection .section .input li:nth-child(2) {width:25%;}
.DBsection .section .input ul:nth-child(even) li:nth-child(1) {width:21%;}
.DBsection .section .input ul:nth-child(even) li:nth-child(2) {width:40%;}
.DBsection .section .input li input {font-size:18px;padding:13px 12px 9px 12px;border-radius:10px;border:solid 2px #dfefca;width:60%;font-weight:700;color:#019946;;}
.DBsection .section .input li .inp3 {width:21%;text-align:center;}
.DBsection .section .input li input::placeholder {color:#1a3111;opacity:0.3;font-weight:700;}
.DBsection .section .input li .inp3:first-child {width:17%;}
.DBsection .section .input .last {width:100%!important;font-size:15px!important;padding:7px 0 7px 0!important;}
.DBsection .section .input .last a {color:#019946;padding-left:7px;font-weight:700;}
/* 체크박스 변경 */
.DBsection .section .input .last .chk_box {display:inline-block;position:relative;padding-left:25px;margin-bottom:10px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/* 기본 체크박스 숨기기 */
.DBsection .section .input .last .chk_box input[type="checkbox"] {display:none;}
/* 선택되지 않은 체크박스 스타일 꾸미기 */
.DBsection .section .input .last .on {width:22px;height:22px;background:#ddd;position:absolute;top:-5px;left:0;border-radius:6px;}
/* 선택된 체크박스 스타일 꾸미기 */
.DBsection .section .input .last .chk_box input[type="checkbox"]:checked + .on {background:#019946;}
.DBsection .section .input .last .on:after {content:"";position:absolute;display:none;}
.DBsection .section .input .last .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
.DBsection .section .input .last .on:after {width:5px;height:10px;border:solid #fff;border-width: 0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:7px;top:3px;}

/* 라디오 버튼 변경 */
.DBsection .section .input .chgradio input[type="radio"] {display:none;}
.DBsection .section .input .chgradio input[type="radio"] + span {display:inline-block;padding:13px 19px 11px 19px;border:2px solid #dfefca;background-color:#ffffff;color:#1d3713;text-align:center;cursor:pointer;font-weight:500;}
.DBsection .section .input .chgradio input[type="radio"]:checked + span {background-color:#019946;color:#ffffff;font-weight:700;border:2px solid #019946;}
.DBsection .section .input .a_3060_1073 input[type="radio"] + span {border-top-left-radius:10px;border-bottom-left-radius:10px;}
.DBsection .section .input .a_3060_1074 input[type="radio"] + span {border-top-right-radius:10px;border-bottom-right-radius:10px;margin-left:-5px;}

.DBsection .section .btn {position:absolute;top:20px;right:20px;text-align:center;}
.DBsection .section .btn a {padding:27px 30px 20px 30px;border-radius:15px;animation:longkibtn 1.5s infinite;}
.DBsection .section .btn a p {color:white;font-size:20px;}
.DBsection .section .btn a h1 {color:#ffdc00;font-size:30px;}
.DBsection .section .topbtn {position:absolute;bottom:0;right:-77px;}
.DBsection .section .topbtn a {text-align:center;background-color:#1d3713;padding:25px 20px 20px 20px;}
.DBsection .section .topbtn a img {width:30px;padding-bottom:5px;}
.DBsection .section .topbtn a p {color:white;font-size:11px;}
@keyframes longkibtn {from {background-color:#019946;}to {background-color: #990101;}}

.float_right {position:fixed;top:30%;right:10px;width:140px;padding:17px 15px;background-color:white;border:solid 5px #1d3713;z-index:100;}
.float_right .text {position:relative;border-bottom:solid 1px #d5e4ce;padding-bottom:10px;}
.float_right .text p {font-size:16px;font-weight:500;color:#2b7a0b;}
.float_right .text h3 {font-size:36px;color:#2b7a0b;}
.float_right .text span {opacity:0.7;font-size:13px;}
.float_right .tel {padding-top:13px;font-size:22px;font-weight:700;}
.float_right .go {font-size:16px;padding:9px 0 7px 13px;background-color:#2b7a0b;color:#ffdc00;border-radius:17px;margin-top:5px;animation:longkibtn2 1s infinite;}
.float_right .go img {width:20px;padding:0 7px 2px 4px;}
@keyframes longkibtn2 {from {background-color:#2b7a0b;}to {background-color: #333;}}

.float_right .tel::before {content:"1644.7669";animation: txchange3 infinite 7s;}
@keyframes txchange3 {0% {content:"1644.7669";} 50%{content:"프리미엄성장";} 75% {content:"무료상담신청";}} 

.pop_back {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.65;z-index:200;display:none;}

.pop_start {position:fixed;top:50%;left:50%;width:555px;height:610px;margin-top:-340px;margin-left:-260px;z-index:201;display:none;}
.pop_start .btn {position:relative;background-color:#333;text-align:center;padding:20px 0;margin:0 52px 0 30px;}
.pop_start .btn a {border-right:solid 1px #4f4b33;color:white;font-size:15px;line-height:15px;padding:0 50px;}
.pop_start .btn a:last-child {border-right:0;}

.pop_private {position:fixed;top:50%;left:50%;width:760px;height:600px;margin-top:-300px;margin-left:-380px;z-index:201;background-color:white;display:none;}
.pop_private .text {position:relative;padding:20px;}
.pop_private .text h1 {font-size:20px;font-weight:500;padding:5px 0 15px 0;}
.pop_private .text .insection {position:relative;background-color:#f2f2f2;padding:15px;height:435px;font-size:12px;color:#666;line-height:24px;overflow-y:scroll;}
.pop_private .btn {position:relative;background-color:#333;text-align:center;padding:20px 0;}
.pop_private .btn a {color:white;font-size:15px;line-height:15px;display:block;}

.pop_end {position:fixed;top:50%;left:50%;width:500px;height:370px;margin-top:-185px;margin-left:-250px;background-color:white;text-align:center;z-index:201;display:none;}
.pop_end .text {position:relative;padding:45px 30px 30px 30px;}
.pop_end .text img {width:100px;}
.pop_end .text h2 {font-size:24px;padding:15px 0 5px 0;}
.pop_end .text p {line-height:20px;}
.pop_end .btn {position:relative;background-color:#333;text-align:center;padding:20px 0;}
.pop_end .btn a {color:white;font-size:15px;line-height:15px;display:block;}

.DBbtn {display:none;}
.DBsection .close {display:none;}






/* 
타블렛 사이즈 적용
*/

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

/* Common */
.comm_box {width:auto;}
.comm_head span {font-size:15px;}
.comm_head h1 {font-size:40px;padding:20px 0 5px 0;}
.comm_head p {font-size:16px;padding-bottom:45px;}
.clear120 {height:60px;}

/* GNB */
.gnb {height:60px;}
.gnb .logo {top:13px;left:20px;}
.gnb .logo img {width:90px;}
.gnb .menu {width:62%;padding-top:24px;}
.gnb .menu li {padding-right:15px;}
.gnb .menu li a {font-size:15px;}
.gnb .tel {top:13px;right:5px;width:100px;padding:2px 0 0 42px;}
.gnb .tel img {top:0px;left:0;width:37px;}
.gnb .tel span {font-size:12px;}
.gnb .tel p {font-size:15px;}

.gnb_fixed .logo {top:10px;}
.gnb_fixed .logo img {width:90px;}

.top {height:600px;}
.top .model {left:10px;width:42%;}
.top .product {bottom:-70px;right:0;width:68%;}
.top .text {width:85%;padding-top:100px;}
.top .text img {width:40%;}
.top .text h2 {font-size:55px;padding-top:30px;}
.top .text h1 {font-size:90px;}
.top .des {bottom:-70px;right:60px;font-size:15px;}

.vod {padding-bottom:180px;}
.vod .vod_back {height:400px;}
.vod .comm_box {top:120px;left:0;margin-left:2%;width:96%;}
.vod iframe {border-radius:20px;height:450px;}

.brandcopy {padding:50px 0;margin-bottom:60px;}
.brandcopy .comm_box {width:calc(90% - 120px);margin:0 auto;padding:30px 0 30px 120px;}
.brandcopy img {width:100px;top:10px;}
.brandcopy h3 {font-size:40px;}
.brandcopy p {font-size:18px;}

.feature h3 {font-size:25px;}
.feature h2 {font-size:35px;padding-top:20px;}
.feature .box {width:94%;padding-top:40px;}
.feature .box li {width:190px;float:left;padding:20px 15px;}
.feature .box li p {font-size:20px;padding:20px 0 0 0;}
.feature .box li h1 {font-size:24px;}
.feature .des {width:92%;padding:30px 0;}
.feature .des p {padding-right:280px;line-height:20px;font-size:14px;}
.feature .model {right:20px;width:28%;}

.premium {padding:100px 0 50px 0;}
.premium p {font-size:24px;}
.premium h1 {font-size:40px;padding-top:15px;}
.premium .product {padding:30px 0 40px 0;width:80%;}
.premium .box li {font-size:16px;}
.premium .box li img {padding-bottom:10px;width:50%;}
.premium .box li p {font-size:22px;}
.premium .des {padding:40px 0 0 0;line-height:20px;font-size:14px;}

.event {padding:30px 0 0 0;}
.event .model {left:20px;width:35%;}
.event .text {padding:80px 0 0 40%;}
.event .text p {font-size:20px;}
.event .text h1 {font-size:35px;padding:5px 0 25px 0;}
.event .box {padding:0px 0 0 40%;}
.event .box li:last-child {padding-left:20px;}
.event .box li p {padding:7px 10px 5px 10px;}
.event .box li h3 {font-size:15px;padding-top:15px;}
.event .box li h1 {font-size:35px;padding-bottom:5px;}
.event .box li span {font-size:13px;}
.event .des {padding:30px 0 60px 40%;}

.cp01 {padding:80px 0 60px 0;}
.cp01 .swiper-slide {height:240px;padding:30px 15px 40px 15px;font-size:15px;}
.cp01 .swiper-slide img {padding-bottom:15px;}
.cp01 .swiper-slide p {font-size:19px;}
.cp01 .swiper-slide span {font-size:13px;opacity:0.5;}

.cp02 {padding:80px 0;}
.cp02 .box_back {height:900px;}
.cp02 .model_back {height:800px;}
.cp02 .box {width:90%;margin:500px auto 0 auto;}
.cp02 .box h1 {font-size:36px;padding:60px 0 40px 0;}
.cp02 .box li {width:calc(25.333% - 1px);padding:0 4%;}
.cp02 .box li p {font-size:20px;padding:20px 0 10px 0;}
.cp02 .box li span {font-size:14px;line-height:20px;}
.cp02 .box li img {width:60%;}
.cp02 .proimg {padding:60px 10px;}
.cp02 .proimg li {width:calc(50% - 5px);margin-bottom:5px;margin-right:5px;}
.cp02 .protext {padding:40px 0 0 0;}
.cp02 .protext p {font-size:28px;}
.cp02 .protext h2 {font-size:40px;}

.cp03 {padding:80px 0 60px 0;}
.cp03 .box {padding:60px 30px;margin:20px;}
.cp03 .box h3 {font-size:30px;}
.cp03 .box p {font-size:17px;line-height:20px;}
.cp03 .box .license {padding:30px 0 0 0;width:85%;}
.cp03 .box .model {right:10px;width:25%;}
.cp03 .box .checkbox {width:96%;padding:30px 0 0 0;}
.cp03 .box .checkbox li img {width:45%;}
.cp03 .box .checkbox li p {font-size:18px;}
.cp03 .box .checkbox2 {width:98%;padding:30px 0 0 0;}
.cp03 .box .checkbox2 li {width:calc(21% - 1px);font-size:15px;padding:0 2%;;}
.cp03 .box .checkbox2 li p {font-size:19px;}

.cp04 {padding:80px 0 60px 0;}
.cp04 .product {padding:70px 90px;margin:20px;}
.cp04 .product p {font-size:28px;}
.cp04 .product h2 {font-size:40px;padding-bottom:10px;}
.cp04 .product img {width:60%;}
.cp04 .product .list li {position:relative;width:calc(38% - 0px);margin:0 0.5%;background-color:#333;color:white;;text-align:left;padding:15px 2% 15px 9%;border-radius:20px;}
.cp04 .product .list li img {top:17px;left:15px;width:10%;}
.cp04 .product .list li h3 {font-size:17px;}
.cp04 .product .list li span {font-size:14px;}
.cp04 .product .des {padding:30px 20px 0 20px;font-size:16px;line-height:20px;}

.cp05 {padding:80px 0 0 0;}
.cp05 .visual {width:30%;bottom:-20%;right:0px;}
.cp05 .box {background-color:#f1f1f1;text-align:left;}
.cp05 .box .model {width:38%;left:10px;}
.cp05 .box .title {padding:70px 0 0 45%;font-size:28px;}
.cp05 .box .text {padding:30px 0 50px 45%;}
.cp05 .box .text li {font-size:20px;padding:0 0 15px 0;}
.cp05 .box .text li img {padding:0 10px 5px 0;}

.reply {height:680px;padding:100px 0 0 0;}
.reply h3 {font-size:16px;}
.reply h1 {font-size:40px;padding:10px 0 40px 0;}
.reply .swiper-slide {height:450px;padding:25px;}
.reply .swiper-slide img {width:100px;}
.reply .swiper-slide h3 {font-size:19px;}
.reply .swiper-slide p {line-height:20px;padding:10px 0;font-size:14px;}

.notice {padding:70px 0;}
.notice h2 {font-size:35px;}
.notice p {font-size:15px;line-height:20px;padding:10px 10px 20px 10px;}
.notice h3 {padding:12px 20px 9px 20px;font-size:17px;}

.footer {width:90%;padding:50px 0 200px 0;}
.footer img {width:90px;padding-bottom:15px;}
.footer span {font-size:12px;padding:0 5px;line-height:20px;}
.footer p {padding:15px 0;}

.DBsection {padding:7px 0;}
.DBsection .section {width:auto;}
.DBsection .section .text {display:none;}
.DBsection .section .input {width:79%;padding:10px 0 10px 10px;}
.DBsection .section .btn {top:10px;right:10px;width:20%;}
.DBsection .section .btn a {width:100%;padding:27px 0 20px 0;}
.DBsection .section .btn a p {font-size:17px;}
.DBsection .section .btn a h1 {font-size:25px;}
.DBsection .section .topbtn {display:none;}

.float_right {top:30%;right:5px;width:110px;padding:10px 10px;border:solid 3px #1d3713;}
.float_right .text {padding-bottom:7px;}
.float_right .text p {font-size:12px;}
.float_right .text h3 {font-size:28px;padding-top:2px;}
.float_right .text span {font-size:12px;line-height:10px;}
.float_right .tel {padding-top:9px;font-size:18px;}
.float_right .go {font-size:14px;padding:9px 13px 5px 13px;border-radius:12px;margin-top:5px;animation:longkibtn2 1s infinite;}
.float_right .go img {display:none;}

}



/* 
상단 GNB 사이즈 적용
*/


@media only screen and (max-width:925px) {    
/* GNB */
.gnb {height:50px;}
.gnb .logo {top:9px;left:10px;}
.gnb .logo img {width:85px;}
.gnb .scroll {width:auto;margin-left:115px;overflow-x:scroll;}
.gnb .scroll .back {position:absolute;width:40px;top:0;right:0;height:50px;background: linear-gradient(to right,rgba(255, 255, 255, 0) 10%,rgba(255, 255, 255, 0.25) 25%,rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0.75) 75%,rgba(255, 255, 255, 1) 100%)}
.gnb .menu {width:580px;padding-top:20px;}
.gnb .menu li {padding-right:15px;}
.gnb .menu li a {font-size:15px;}
.gnb .tel {display:none;}
.gnb_fixed {height:50px;}
.gnb_fixed .logo {top:9px;}
.gnb_fixed .logo img {width:85px;}
.gnb_fixed .menu {padding-top:20px;}
}



/* 
모바일 사이즈 적용
*/

@media only screen and (max-width:500px) {
.top .text h1 b {display:block;}
}

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

/* Common */
.comm_head span {font-size:13px;}
.comm_head h1 {font-size:29px;padding:15px 10px 5px 10px;}
.comm_head p {font-size:14px;padding:0 10px 30px 10px;line-height:19px;}
.clear120 {height:40px;}

.top {height:400px;}
.top .model {left:-25px;width:auto;height:100%;}
.top .product {bottom:-40px;width:auto;height:50%;}
.top .text {width:96%;padding-top:65px;}
.top .text img {display:none;}
.top .text h2 {font-size:24px;padding-top:0px;}
.top .text h1 {font-size:62px;padding-top:15px;}
.top .des {bottom:-55px;right:20px;font-size:14px;}

.vod {padding-bottom:120px;}
.vod .vod_back {height:300px;}
.vod .comm_box {top:80px;}
.vod iframe {border-radius:10px;height:350px;}

.brandcopy {padding:30px 0;margin-bottom:50px;}
.brandcopy .comm_box {width:calc(96% - 100px);margin:0 auto;padding:20px 0 10px 100px;}
.brandcopy img {width:80px;top:10px;left:5px;}
.brandcopy h3 {font-size:28px;}
.brandcopy p {font-size:14px;}

.feature h3 {font-size:17px;}
.feature h2 {font-size:20px;padding-top:5px;}
.feature .box {width:96%;padding-top:30px;}
.feature .box li {position:relative;width:calc(100% - 126px);padding:17px 0 17px 120px;margin-right:0;border:solid 3px #dfefca;text-align:left;border-radius:20px;margin-bottom:5px;}
.feature .box li img {width:95px;position:absolute;top:10px;left:10px;}
.feature .box li p {font-size:16px;padding:5px 0 0 0;}
.feature .box li h1 {font-size:20px;padding-bottom:0px;}
.feature .box li span {font-size:12px;opacity:0.5;}
.feature .des {width:94%;padding:20px 0;}
.feature .des p {padding-right:0;line-height:18px;font-size:13px;opacity:0.5;}
.feature .model {display:none;}

.premium {padding:60px 0 40px 0;}
.premium .comm_arrow {margin-left:-25px;}
.premium .comm_arrow img {width:50px;}
.premium p {font-size:14px;padding:0 10px 0 10px;}
.premium h1 {font-size:28px;padding:10px 20px 0 20px;;}
.premium .product {padding:20px 0 30px 0;width:96%;}
.premium .box li {width:calc(50% - 1px);font-size:15px;margin-bottom:30px;}
.premium .box li:nth-child(even) {border-right:0;}
.premium .box li:last-child {display:none;}
.premium .box li img {width:30%;padding-bottom:5px;}
.premium .box li p {font-size:20px;}
.premium .des {padding:0px 20px 0 20px;line-height:18px;font-size:13px;opacity:0.5;}

.event {padding:40px 0 0 0;}
.event .comm_arrow {margin-left:-25px;}
.event .comm_arrow img {width:50px;}
.event .model {display:none;}
.event .text {padding:20px 10px 0 10px;}
.event .text p {font-size:18px;}
.event .text h1 {font-size:34px;padding:7px 0 30px 0;}
.event .box {padding:0px 10px 0 10px;}
.event .box li {width:46%;}
.event .box li:last-child {padding-left:20px;}
.event .box li p {padding:7px 10px 3px 10px;border-radius:20px;font-size:13px;}
.event .box li h3 {font-size:14px;padding-right:10px;}
.event .box li h1 {font-size:32px;}
.event .box li span {font-size:12px;}
.event .des {padding:30px 10px 30px 10px;font-size:12px;line-height:16px;}

.cp01 {padding:50px 0 30px 0;height:320px}
.cp01 .swiper-slide {height:210px;padding:20px 10px 30px 10px;font-size:14px;border-radius:20px;}
.cp01 .swiper-slide img {padding-bottom:10px;width:100%;}
.cp01 .swiper-slide p {font-size:17px;padding-top:5px;}
.cp01 .swiper-slide span {font-size:12px;}

.cp02 {padding:55px 0;}
.cp02 .box_back {height:600px;}
.cp02 .model_back {height:450px;background-size:cover;background-position:center bottom;top:80px;}
.cp02 .box {width:94%;margin:280px auto 0 auto;}
.cp02 .box h1 {font-size:24px;padding:35px 20px 10px 20px;}
.cp02 .box li {position:relative;width:auto;padding:20px 20px 25px 110px;border-right:0;border-bottom:solid 1px #e5e5e5;text-align:left;}
.cp02 .box li p {font-size:17px;padding:0 0 3px 0;}
.cp02 .box li span {font-size:13px;line-height:15px;}
.cp02 .box li img {width:80px;position:absolute;top:20px;left:10px;}
.cp02 .proimg {padding:30px 5px;}
.cp02 .proimg li {width:100%;margin-bottom:5px;margin-right:0px;}
.cp02 .protext {padding:30px 10px 0 10px;}
.cp02 .protext p {font-size:17px;}
.cp02 .protext h2 {font-size:25px;}

.cp03 {padding:50px 0 30px 0;}
.cp03 .box {padding:30px 10px;margin:10px;border-radius:20px;}
.cp03 .box h3 {font-size:20px;}
.cp03 .box p {font-size:13px;line-height:16px;}
.cp03 .box_first h3 {padding-right:24%;}
.cp03 .box_first p {padding-right:36%;}
.cp03 .box .license {padding:10px 0 0 0;width:100%;}
.cp03 .box .model {right:5px;width:35%;}
.cp03 .box .checkbox {width:auto;padding:20px 0 0 0;}
.cp03 .box .checkbox li img {width:50%;}
.cp03 .box .checkbox li p {font-size:12px;}
.cp03 .box .checkbox2 {width:100%;padding:20px 0 0 0;}
.cp03 .box .checkbox2 li {font-size:11px;padding:0 2%;}
.cp03 .box .checkbox2 li p {font-size:17px;line-height:21px;}
.cp03 .box .checkbox2 li p b {display:block;}
.cp03 .box .checkbox2 li img {width:80%;}

.cp04 {padding:50px 0 30px 0;}
.cp04 .product {padding:40px 10px;margin:10px;border-radius:20px;}
.cp04 .product p {font-size:15px;}
.cp04 .product h2 {font-size:30px;padding-bottom:10px;}
.cp04 .product img {width:95%;}
.cp04 .product .list {margin:10px auto;}
.cp04 .product .list li {width:calc(100% - 75px);margin:0;padding:20px 10px 20px 65px;border-radius:20px;margin-bottom:5px;}
.cp04 .product .list li img {top:20px;left:10px;width:40px;}
.cp04 .product .list li h3 {font-size:16px;}
.cp04 .product .list li span {font-size:14px;}
.cp04 .product .des {padding:20px 10px 0 10px;font-size:13px;line-height:17px;}

.cp05 {padding:50px 0 0 0;}
.cp05 .visual {display:none;}
.cp05 .box .model {width:60%;left:50%;margin-left:-30%;}
.cp05 .box .title {padding:50px 20px 0 20px;font-size:19px;}
.cp05 .box .text {padding:20px 20px 75% 20px;}
.cp05 .box .text li {font-size:15px;padding:0 0 5px 0;}
.cp05 .box .text li img {padding:0 7px 3px 0;width:17px;}

.reply {height:540px;padding:60px 0 0 0;}
.reply h3 {font-size:16px;}
.reply h1 {font-size:30px;padding:10px 0 30px 0;}
.reply .swiper-slide {height:360px;padding:15px 10px;border-radius:20px;border:solid 2px #d6cda4;margin:0;}
.reply .swiper-slide img {width:80px;}
.reply .swiper-slide h3 {font-size:15px;}
.reply .swiper-slide p {line-height:17px;padding:5px 0;font-size:12px;}
.reply .swiper-slide span {font-size:12px;}

.notice {padding:50px 0;}
.notice h2 {font-size:20px;padding:0 20px;}
.notice p {font-size:13px;line-height:17px;}
.notice h3 {padding:10px 15px 7px 15px;font-size:14px;}

.footer {width:auto;padding:30px 10px 100px 10px;}
.footer img {width:70px;padding-bottom:10px;}
.footer span {font-size:11px;padding:0 5px;line-height:14px;}
.footer p {padding:10px 0;font-size:12px;}
.footer a {font-size:12px;}

/* DB SECTION */
.DBsection {bottom:-150px;padding:5px;width:calc(100% - 10px);z-index:201;display:none;}
.DBsection .close {position:absolute;right:20px;top:35px;display:block;z-index:10;}
.DBsection .section {width:auto;}
.DBsection .section .text {top:10px;left:0px;margin:0 10px;padding:0 10px 12px 72px;display:block;border-bottom:solid 1px #e5e5e5;width:calc(100% - 102px);}
.DBsection .section .text img {width:60px;}
.DBsection .section .text p {padding:7px 0 0 0;font-size:15px;}
.DBsection .section .text span {font-size:13px;}
.DBsection .section .input {width:auto;padding:95px 10px 105px 10px;}
.DBsection .section .input li {padding-bottom:3px;}
.DBsection .section .input li:nth-child(1) {width:30%;font-size:14px;color:#1a3111;padding-top:15px;}
.DBsection .section .input li:nth-child(2) {width:70%;}
.DBsection .section .input ul:nth-child(even) li:nth-child(1) {width:30%;}
.DBsection .section .input ul:nth-child(even) li:nth-child(2) {width:70%;}
.DBsection .section .input li input {font-size:15px;padding:11px 7px 8px 7px;border-radius:5px;width:84%;}
.DBsection .section .input li .inp3 {width:24%;text-align:center;}
.DBsection .section .input .last .chk_box {font-size:11px;padding-left:22px;margin-bottom:0px;}
.DBsection .section .input .last .on {width:18px;height:18px;border-radius:4px;}
.DBsection .section .input .last .on:after {width:3px;height:7px;left:6px;top:4px;}
.DBsection .section .input .last a {padding-left:3px;}
.DBsection .section .input .chgradio input[type="radio"] + span {padding:12px 15px 9px 13px;font-size:13px;}
.DBsection .section .input .a_3060_1073 input[type="radio"] + span {border-top-left-radius:5px;border-bottom-left-radius:5px;}
.DBsection .section .input .a_3060_1074 input[type="radio"] + span {border-top-right-radius:5px;border-bottom-right-radius:5px;}

.DBsection .section .btn {top:auto;right:auto;bottom:10px;left:10px;width:calc(100% - 20px);}
.DBsection .section .btn a {padding:18px 0 15px 0;}
.DBsection .section .btn a p {font-size:20px;display:inline;}
.DBsection .section .btn a h1 {font-size:20px;display:inline;padding-left:10px;}

.float_right {top:auto;bottom:65px;right:5px;width:100px;padding:8px 5px 7px 5px;border:solid 3px #1d3713;}
.float_right .text {padding-bottom:3px;}
.float_right .text p {font-size:11px;}
.float_right .text h3 {font-size:22px;padding-top:2px;}
.float_right .text span {display:none;}
.float_right .tel {padding-top:7px;font-size:16px;}
.float_right .go {font-size:13px;padding:7px 10px 5px 10px;border-radius:5px;margin-top:3px;}

.pop_start {width:92%;height:100%;margin-top:-52%;margin-left:-46%;z-index:201;display:none;}
.pop_start img {width:100%;}
.pop_start .btn {padding:15px 0;margin:0 31px 0 17px;}
.pop_start .btn a {font-size:13px;line-height:13px;padding:0 30px;}

.pop_private {width:90%;height:500px;margin-top:-270px;margin-left:-45%;}
.pop_private .text {padding:10px;}
.pop_private .text h1 {font-size:16px;padding:5px 0 10px 0;}
.pop_private .text .insection {padding:10px;height:420px;}
.pop_private .btn {padding:15px 0;}
.pop_private .btn a {font-size:13px;line-height:13px;}

.pop_end {width:90%;height:280px;margin-top:-140px;margin-left:-45%;}
.pop_end .text {padding:25px 20px 20px 20px;}
.pop_end .text img {width:70px;}
.pop_end .text h2 {font-size:18px;}
.pop_end .text p {line-height:17px;font-size:13px;}
.pop_end .btn {padding:15px 0;}
.pop_end .btn a {font-size:13px;line-height:13px;}

.DBbtn {position:fixed;bottom:0;left:0;width:100%;display:block;z-index:199;}
.DBbtn a {display:block;background-color:#60ff00;text-align:center;font-size:17px;padding:19px 0 17px 0;animation: txchange4 infinite 3s;font-weight:700;}
.DBbtn a::before {content:"롱키원 성장상담 신청하기";animation: txchange5 infinite 5s;}
@keyframes txchange5 {0% {content:"롱키원 성장상담 신청하기";} 50%{content:"우리아이 성장, 무료로 물어보세요!";} 75% {content:"지금 바로 신청하세요!";}} 
@keyframes txchange4 {from {background-color:#60ff00;}to {background-color: #ffdc00;}}
.DBbtn .arrowup01 {position:absolute;top:19px;left:5px;}
.DBbtn .arrowup01 img {width:20px;}
.DBbtn .arrowup02 {position:absolute;top:19px;right:5px;}
.DBbtn .arrowup02 img {width:20px;}


}