@charset "UTF-8";
@import './Icons.css';
@import './Fonts/nanumgothic.css';
@import './Fonts/nanumsquare.css';
@import './Fonts/NotoSansKR.css';


/*reset -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
*,
*::before,
*::after {  box-sizing: border-box;}

body { margin: 0;padding: 0; text-align: left;background-color: #fff;}
html {font-family: sans-serif; line-height: 1.15;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar;-webkit-tap-highlight-color: transparent;}

a {text-decoration: none;background-color: transparent;-webkit-text-decoration-skip: objects;transition:.3s}
a:hover {text-decoration: none;}
a:not([href]):not([tabindex]) {color: inherit;text-decoration: none;}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {color: inherit;text-decoration: none;}
a:not([href]):not([tabindex]):focus {outline: 0;}

body{color:#666;font-size:17px;line-height:23px;background-color:#fff}
body p{font-size:15px;line-height:23px}
body,h1,h2,h3,h4,h5,h6,input[type=text],input[type=password],input[type=email],textarea,select,input[type=button],input[type=submit],button,body .pac-container{
font-family:"Nanum Gothic",nunito,helveticaneue,helvetica neue,Helvetica,Arial,sans-serif;text-transform:none}
h1,h2,h3,h4,h5,h6{color:#333;font-weight:500;margin:0;padding:0}
h1{font-size:32px}
h2{font-size:26px}
h3{font-size:22px} 
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:12px}
h3.page-title{font-size:20px;line-height:32px}




label,legend{display:block;font-weight:700;font-size:13px;font-weight:400;margin-bottom:0px}
label span,legend span{font-weight:400;font-size:13px;color:#444}
fieldset{padding:0;border:none}
button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:0 0;color:inherit;font:inherit;line-height:normal;cursor:pointer}
a,button{outline:none!important}
img{max-width:100%}
ul, li{list-style:none; margin:0px; padding:0px;}

input:not(#noOpen4), select:not(#noOpen4){height:45px; border:1px solid #dddddd; border-radius:5px; line-height:43px; padding:0px 15px; font-size:13px; width:100%;}
select{padding:0px 10px;}

/*checkbox*/
.checkbox{display:inline-block;margin-bottom:0; margin-right:10px}
.checkbox input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}
.checkbox label{position:relative;cursor:pointer;padding-left:24px;line-height:25px}
.checkbox label span.checkbox-icon{content:'';-webkit-appearance:none;background-color:#fff;border:2px solid #b4b4b4;height:18px;width:18px;display:inline-block;position:relative;vertical-align:middle;
cursor:pointer;margin-right:5px;border-radius:4px;transition:.3s;position:absolute;left:0;top:4px}
.checkbox input+label span.checkbox-icon:after{position:absolute;top:0px;left:0;right:0;margin:0 auto;opacity:0;content:'';display:block;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;
transform:scale(.5) rotate(45deg);transition:all .35s cubic-bezier(.3,-.41,.19,2),opacity .3s}
.checkbox input:checked+label span.checkbox-icon{border-color:#66676b;background-color:#66676b}
.checkbox input:checked+label span.checkbox-icon:after{transform:scale(1) rotate(45deg);opacity:1}
/*radio*/
.radio-area{display:block; width:100%;}
.radio{display:inline-block;vertical-align:top;margin-right:10px;}
.radio label{/*margin:3px 0;*/cursor:pointer;position:relative;padding-left:24px;line-height:25px}
.radio input[type=radio]{position:absolute;opacity:0}
.radio input[type=radio]+label .radio-label{content:'';background:#fff;border-radius:100%;border:2px solid #b4b4b4;display:inline-block;width:18px;height:18px;position:relative;margin-right:5px;vertical-align:top;
cursor:pointer;text-align:center;transition:all 250ms ease;background-color:#fff;box-shadow:inset 0 0 0 8px #fff;z-index:100;position:absolute;top:4px;left:0}
.radio input[type=radio]+label .radio-label:after{background-color:#66676b;content:"";top:3px;left:0;right:0;margin:0 auto;position:absolute;opacity:1;transition:.3s;border-radius:50%;transform:scale(0);
position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;z-index:99}
.radio input[type=radio]:checked+label .radio-label{background-color:#66676b;border-color:#66676b;box-shadow:inset 0 0 0 3px #fff}
.radio-label:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border-radius:50%;background-color:transparent;display:block}
.interactive-effect label .radio-label:before{animation:radius-shadow .4s}
@keyframes radius-shadow{
0%{box-shadow:0 0 0 0 rgba(102,103,107,.4)}
100%{box-shadow:0 0 0 10px transparent}
}

.color_red{color:red}
.color_pink{color:#ff1ba7}
.color_orange{color:#ff6600}
.fr{float:right}
.fl{float:left}
.clear{display:block; clear:both; width:100%}
.clear:after{content:""; display:Block;}
.fs13{font-size:13px;}

/*Layout -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.container{width:1130px; margin:0 auto;}
#wrapper{padding-top:85px}/*메뉴높이*/
#header-container{position:absolute;top:0;width:100%;z-index:1000;   }
/*#header{position:absolute;z-index:999;padding:0;font-size:16px;height:85px;background-color:#fff; border-bottom:1px solid #eaeaea;}*/
#header{position:fixed;z-index:999;padding:0;font-size:16px;height:85px;background-color:#fff; border-bottom:1px solid #eaeaea;left: 0;right: 0;}
#header .container{width:1500px; margin:0 auto;position:relative; height:100%;}
#logo{position:absolute;display:inline-block;height:100%;vertical-align:top; left:30px;}
#logo img{height:auto;width:auto;top:50%;position:relative;transform:translate3d(0,-50%,0); width:124px;}
#nav{position:absolute; height:100%; left:50%; transform:translateX(-50%)}
#nav ul{margin-top:27px;}
#nav ul li{float:left; margin:0px 10px;}
#nav ul li a{font-size:17px; color:#000; font-weight:400;font-family: 'Noto Sans Kr'}
#onepage-nav li a.scroll.active{color:#43b0b6;}

.user-menu{position:absolute; height:100%;right:30px;}
.user-menu a{display:block; float:left; height:36px; line-height:36px; background:#efefef; border-radius:50px; padding:0px 15px; margin-left:8px; color:#333; font-size:12px;
font-weight:bold; margin-top:23px;}
.user-menu a i{color:#000; font-size:14px;position:Relative; top:2px;margin-right:3px;}
.user-menu a:first-child i{font-size:15px}
@media (max-width: 1367px) {
#header .container{width:100%;}
}
@media (max-width: 1240px) {
}

#footer{text-align:center; margin-top:60px; padding-bottom:50px;font-family: 'Noto Sans Kr';font-size:12px;}
#footer p{font-size:12px;}
#footer a{color:#333; display:inline-block; padding:0px 5px;}


/*main -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.section{margin-top:80px;font-family: 'Noto Sans Kr'}
.section:after{content:""; display:block; clear:both;}

.mainVisual-banner{float:left; width:743px; height:540px; }
/* ---------------------------------- */
/* Testimonials
------------------------------------- */
.testimonial-carousel .slick-slide {margin:0px;opacity: 1;transition: 0.4s;pointer-events: all;}
.testimonial-carousel .slick-slide.slick-active {opacity: 1; filter: none; pointer-events: all;}
.testimonial-carousel .slick-slide.slick-active .testimonial-box {transform: scale(1);}
.testimonial-carousel .slick-slide.slick-active .testimonial-box:before {opacity: 1;}
.testimonial-carousel .slick-slide.slick-active .testimonial-box {background: #transparent;}
.testimonial-carousel .slick-next { right: 0px; }
.testimonial-carousel .slick-prev { left: 0px; }
.testimonial-carousel .slick-next,
.testimonial-carousel .slick-prev { margin-top: 0px; }
.testimonial-carousel .slick-dots{position:absolute; bottom:20px; left:0px; width:100%;}

/* ---------------------------------- */
/* mainLogin
------------------------------------- */
.mainLogin{float:right; width:357px; height:540px;box-shadow: 0 2px 8px rgb(0 0 0 / 8%); border-radius: 20px; background:url(/image/login-bg.png) top center no-repeat #fff;padding:30px;}
.mainLogin h3{text-align:Center;font-family: 'Noto Sans Kr'; font-size:22px; line-height:1.2em; margin-bottom:30px;}
.mainLogin h3 .block{display:block; padding-top:10px}
.mainLogin h3 .block img{vertical-align:top;position:RElative; top:4px;}
.mainLogin input{margin-bottom:15px;}
.mainLogin a.btn{height:45px; border-radius:5px; display:block; line-height:45px; text-align:center; background:#6eced1; color:#fff; font-size:17px; font-weight:bold;font-family: 'Noto Sans Kr'; }
.join-btn{margin-top:10px;}
.join-btn .fr a{font-size:13px;display:inline-block; margin-left:7px;}
.social-login{margin-top:15px}
.social-login .tit{text-align:center;position:Relative;height:23px;}
.social-login .tit:after{content:""; display:block; height:1px; background:#ddd; position:Relative;top:10px}
.social-login .tit span{display:block; background:#fff; padding:0px 10px;font-size:15px;font-family: 'Noto Sans Kr';position:absolute; left:50%; transform:translateX(-50%);z-index:9 }
.social-login ul{display:table; margin:10px auto 0px;}
.social-login ul li{float:left; padding:0px 7px}

/* ---------------------------------- */
/* topCounter
------------------------------------- */
.topCounter{padding:45px 0px; background:#e6f3ff;border-radius:20px;overflow:hidden;margin-top:30px;}
.topCounter ul{}
.topCounter ul li{float:left; width:33.333%; border-right:1px solid #9dcaf4}
.topCounter ul li:last-child{border:0px;}
.topCounter ul li h3{text-align:Center; font-size:26px;color:#007bc1;font-family: 'Noto Sans Kr'}
.topCounter ul li h3 strong{font-size:33px}
.topCounter ul li p{margin:0px; font-size:18px;text-align:Center;padding-top:10px;color:#000}

/* ---------------------------------- */
/* ban-box
------------------------------------- */
.big-t{font-family: 'Noto Sans Kr'; text-align:Center; font-size:38px; font-weight:bold; color:#000; line-height:1.2em; letter-spacing:-1px; margin-bottom:30px;}
.big-t p{font-weight:100; font-size:22px; color:#555555; margin:0px;padding-top:15px;}
.big-t img{vertical-align:top}
.ban-box{border-radius:20px; overflow:hidden; padding:30px 0px;font-family: 'Noto Sans Kr'; color:#000}
.ban-box img{display:block;margin:0 auto;}
.ban-box p{margin:0px; font-size:18px; text-align:center; margin-bottom:15px;}
.ban-box .btn-group{width:70%; margin:25px auto 0px}
.ban-box .btn{box-shadow: 0 2px 12px rgb(0 0 0 / 12%);}
.ban-box.premium{background:url(/image/premium-bg.png) center center no-repeat; background-size:cover}


/* ---------------------------------- */
/* con01
------------------------------------- */
.con01 ul{display:table; margin:0 auto;}
.con01 ul li{float:left; margin:0px 15px;}
.con01 .ban-box{background:#f8f6e2}

/* ---------------------------------- */
/* con02
------------------------------------- */
.con02 ul{display:table; margin:0 auto;}
.con02 ul li{float:left; width:164px; border-radius:20px; background:#fff;margin:0px 15px;}
.con02 ul li .ico-box{height:110px; background:url(/image/dot.png) left bottom repeat-x;padding-top:25px;}
.con02 ul li .ico-box img{}
.con02 ul li p{margin:20px 0px 25px;}
.con02 .ban-box{background:#e5eaf5;padding:60px 0px 40px;}
.con02 .txt{font-size:22px; text-align:center; color:#555; margin:25px 0px;}
.con02 .txt img{display:inline-block;position:Relative; top:10px}
.con02 .price {display:table; margin:0 auto;}
.con02 .price .inner{float:left; margin:0px 10px;width:198px; height:151px; background:url(/image/con02-bg.png) center center no-repeat}
.con02 .price .inner h4{text-align:Center; line-height:60px; font-size:18px; color:#fff;font-family: 'Noto Sans Kr'; margin-top:7px;}
.con02 .price .inner p{margin:17px;}
.con02 .price .inner p strong{font-size:25px;}

/* ---------------------------------- */
/* con03
------------------------------------- */
.con03 .ban-box{padding:60px 100px;}
.con03 .inner{position:relative;}
.con03 .app{width:86px; height:86px; overflow:hidden; background:url(/image/app.png) center center no-repeat;border-radius:20px; float:left;box-shadow: 0 2px 8px rgb(0 0 0 / 8%); margin-right:30px;}
.con03 .big-t{text-align:left; float:left; margin-bottom:0px;}
.con03 .big-t p{text-align:left;font-size:22px;margin:0px;padding-top:12px;}
.con03 a.btn{float:right; margin-top:5px;}

/* ---------------------------------- */
/* con04
------------------------------------- */
.con04  .ban-box{position:Relative;padding:0px;}
.con04  a.btn{position:absolute; bottom:75px; left:200px;width:290px}
.voice-con{position:fixed; top:-2000px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:11000}
.voice-con .container{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.voice-con .ban-box{background:#e6f3fa;padding:60px 70px 70px;}
.voice-con .ban-box .big-t{margin-bottom:30px}
.voice-con .close{position:absolute; top:30px; right:30px;}
.voice-con .close a{ color:#000;font-weight:bold; font-size:25px;}
.ment{text-align:center; margin-bottom:40px;}
.ment span{background:#333;padding:5px 15px; border-radius:20px;color:#fff; font-size:23px;}
.character-area{}
.character{background:#fff; border-radius:20px;padding:30px 0px;margin:0px 15px;box-shadow: 0 2px 12px rgb(0 0 0 / 12%);}
.character span{display:block; width:80px; height:80px; background:#eeeeee; border-radius:80px;text-align:center; margin:0px auto;}
.character span i{line-height:80px;font-size:30px}
.character .name{text-align:center;color:#fff; font-size:20px;padding:7px;margin:20px 0px;}
.character .name.green{ background:#1dd28b; }
.character .name.blue{ background:#4896e5; }
.character .name.pink{ background:#fe5574; }
.character .name.violet{ background:#644da9; }
.character.active span{background:#f6db00; }
.character.active a.active{background:#000; color:#fff; border-color:#000}
.voice-select{display:table; margin:0 auto}
.voice-select a{display:block; float:left; border:1px solid #eee;padding:0px 5px; color:#666; margin:0px 2px}

.character-area .slick-next { right: -40px; }
.character-area .slick-prev { left: -40px; }
.character-area .slick-next,
.character-area .slick-prev { margin-top: 0px; }
.character-area .slick-dots{position:absolute; bottom:20px; left:0px; width:100%;}



/* ---------------------------------- */
/* con05
------------------------------------- */
.con05 .ban-box{background:#f6f2ec;padding:0px;}
.con05 .ban-box .menu_tab{}
.con05 .ban-box .menu_tab ul{overflow:hidden}
.con05 .ban-box .menu_tab li{float:left; width:50%;}
.con05 .ban-box .menu_tab li a{display:block; height:92px; line-height:92px; text-align:center; background:#ede6da; color:#908c86; font-size:25px;}
.con05 .ban-box .menu_tab li.active a{background:#f0d5ac; color:#333}
.con05 .ban-box .menu_tab li:nth-child(1) a{border-radius:0 0 20px 0}
.con05 .ban-box .menu_tab li:nth-child(2) a{border-radius:0 0  0 20px}
.con05 .ban-box .mTs{padding: 60px 0px 40px;position:Relative;}
.con05 .ban-box .mTs a.btn{width:500px;position:absolute; bottom:70px;left:160px}

/* ---------------------------------- */
/* con06
------------------------------------- */
.con06 .ban-box{padding:0px;}

/* ---------------------------------- */
/* con07
------------------------------------- */
.con07 .ban-box{background:#fff3f1;}

/* ---------------------------------- */
/* con08
------------------------------------- */
.con08 .ban-box{background:#faf6ea;}
.con08 ul{width:855px;margin:25px auto;}
.con08 ul:after{content:""; display:block; clear:both}
.con08 ul li{width:255px; height:70px; background:#fff; border-radius:70px; margin:15px; float:left;position:relative}
.con08 ul li span{color:#ffbca3; position:absolute; left:36px; font-size:36px; line-height:70px;}
.con08 ul li p{text-align:left; position:absolute; left:64px; top:10px; }
.con08 .color_orange{margin-bottom:0px;}

/* ---------------------------------- */
/* con09
------------------------------------- */
.con09 ul{margin:-15px;}
.con09 ul li{float:left; width:33.333%; padding:15px;}
.con09 ul li .inner{border-radius:20px; height:356px;padding:30px;position:relative}
.con09 ul li .inner span{display:block; width:100px; height:40px; line-height:40px; text-align:center;color:#fff;font-size:15px; border-radius:40px;margin-bottom:15px}
.con09 ul li .inner h3{font-size:24px; color:#000;font-family: 'Noto Sans Kr'; line-height:1.3em; font-weight:700; letter-spacing:-1px}
.con09 ul li .inner p{font-size:15px; color:#555}
.con09 ul li:nth-child(1) .inner{background:url(/image/con09-1.png) 133px 227px no-repeat #eae5f5}
.con09 ul li:nth-child(1) .inner span{background:#997ec7}
.con09 ul li:nth-child(2) .inner{background:#fff}
.con09 ul li:nth-child(2) .inner img{display:block; margin:55px auto 20px}
.con09 ul li:nth-child(2) .inner p{margin:0px; font-size:22px; text-align:center; margin-bottom:15px; line-height:1.3em}
.con09 ul li:nth-child(3) .inner{background:url(/image/con09-3.png) right 218px no-repeat #d7f1f1}
.con09 ul li:nth-child(3) .inner span{background:#2fa8a8}
.con09 ul li:nth-child(4) .inner{background:url(/image/con09-4.png) right 189px no-repeat #fde3e9}
.con09 ul li:nth-child(4) .inner span{background:#ea5d7a}
.con09 ul li:nth-child(5) .inner{background:url(/image/con09-5.png) 227px 140px no-repeat #e1e9f7}
.con09 ul li:nth-child(5) .inner span{background:#7aa1e4}
.con09 ul li:nth-child(6) .inner{background:url(/image/con09-6.png) right bottom no-repeat #e0e0e0}
.con09 ul li:nth-child(6) .inner span{background:#888888}

/* ---------------------------------- */
/* Testimonials2
------------------------------------- */
.testimonial-carousel2 .slick-slide {margin:0px;opacity: 1;transition: 0.4s;pointer-events: all;}
.testimonial-carousel2 .slick-slide.slick-active {opacity: 1; filter: none; pointer-events: all;}
.testimonial-carousel2 .slick-slide.slick-active .testimonial-box {transform: scale(1);}
.testimonial-carousel2 .slick-slide.slick-active .testimonial-box:before {opacity: 1;}
.testimonial-carousel2 .slick-slide.slick-active .testimonial-box {background: #transparent;}
.testimonial-carousel2 .slick-next { right: 0px; }
.testimonial-carousel2 .slick-prev { left: 0px; }
.testimonial-carousel2 .slick-next,
.testimonial-carousel2 .slick-prev { margin-top: 0px; }
.testimonial-carousel2 .slick-dots{position:absolute; bottom:20px; left:0px; width:100%;}

.testimonial-carousel2 .ban2{position:relative;}
.testimonial-carousel2 .ban2 .txt{position:absolute; width:440px; height:60px;line-height:60px; z-idex:1; text-align:Center; color:#fff;font-size:23px;}
.testimonial-carousel2 .ban2 .txt strong{font-size:30px}
.testimonial-carousel2 .ban2 .area1{top:248px; left:104px;}
.testimonial-carousel2 .ban2 .area2{top:248px; right:104px;}
/* ---------------------------------- */
/* con11
------------------------------------- */
.con11 a.btn{width:500px; margin:0 auto; }
.con11 .tip{width:500px; margin:5px auto; background:url(/image/con11-ico.png) left center no-repeat; padding-left:45px; font-size:15px; color:#484545;}
.con11 .txt{font-size:22px; text-align:center; color:#555; margin:5px 0px;}
.con11 .txt img{display:inline-block;position:Relative; top:10px}
.con11 .price {display:table; margin:0 auto;}
.con11 .price .inner{float:left; margin:0px 10px;width:198px; height:151px; background:url(/image/con11-bg2.png) center center no-repeat}
.con11 .price .inner h4{text-align:Center; line-height:60px; font-size:18px; color:#fff;font-family: 'Noto Sans Kr'; margin-top:7px;}
.con11 .price .inner p{margin:17px;}
.con11 .price .inner p .before{text-decoration:line-through; color:#666}
.con11 .price .inner p strong{font-size:25px;}

/* ---------------------------------- */
/* con12
------------------------------------- */
.con12 .ban-box{background:#f0f0f0; padding:60px 100px;}
.con12 .fl,.con12 .fr{width:430px;}
.con12 .fl h2{font-size:38px;color:#000;font-family: 'Noto Sans Kr'; line-height:1.3em; font-weight:700; letter-spacing:-1px; margin-bottom:60px;}
.con12 .fl h2 span{position:relative; background:url(/image/con11-bg.png) left 30px repeat-x}
.con12 .fl .call{font-size:22px;}
.con12 .fl .call img{display:inline-block;}
.con12 .fl .btn{margin-top:100px;}
.con12 .fr .submit-field-area{overflow:hidden;position:Relative;padding-left:0px;min-height:auto; margin-bottom:15px;font-family: 'Noto Sans Kr';}
.con12 .fr .submit-field-area .submit-name{position:Relative; line-height:45px;left:0px; font-size:18px}
.con12 .fr .submit-field-area input{height:45px; line-height:43px;font-size:18px}
.con12 .fr .submit-field-area textarea{ border:1px solid #dddddd; border-radius:5px; padding:0px 15px; font-size:13px; width:100%; height:190px;}
.con12 .fr .field-left{float:left; width:50%; padding-right:15px;}
.con12 .fr .field-right{float:right; width:50%; padding-left:15px;}
.con12 .fr .btn{margin-top:10px;}


/* ---------------------------------- */
/* cs_tab
------------------------------------- */
.cs_tab{margin-top:80px;}
.cs_tab ul{overflow:hidden}
.cs_tab ul li{float:left; width:100%; border:1px solid #ddd; background:#fff}
.cs_tab ul li:nth-child(1){border-radius: 17px 17px  17px 17px }
.cs_tab ul li:nth-child(2){border-left:0px; border-radius: 0px 17px 17px 0px }
.cs_tab ul li.active{border:1px solid #333; background:#fff}
.cs_tab ul li a{display:Block; text-align:Center; font-family: 'Noto Sans Kr'; font-size:30px; font-weight:Bold; letter-spacing:-1px; color:#000; line-height:1.2em;padding:20px}
.cs-tab-con .section{margin-top:30px;}


/* ---------------------------------- */
/* con13
------------------------------------- */
.con13 .ban-box{background:#fff;padding:0px; border-radius:0px;}
.accordion { width: 100%;  border-top: 1px solid #434545;font-family: 'Noto Sans Kr'; margin-bottom:20px; }
.accordion h3 { border-bottom: 1px solid #ddd;  padding: 20px 0px; font-size: 17px; color: #333;  cursor: pointer;   position: relative; font-family: 'Noto Sans Kr';}
.accordion .anp { padding: 20px 0px;  color: #333;    border-bottom: 1px solid #cecfcf; position: relative; }
.accordion .anp p{font-size:15px; text-align:left}
.accordion h3,.accordion .anp{padding-left:50px;position:Relative;}
.accordion .left-t{display:block; position:absolute; left:0px; top:16px; color:#fff; background:#6eced1; border-radius:3px; padding:3px 10px 5px;}
.accordion .anp .left-t{background:#333; }
.search{overflow:hidden; margin-bottom:10px;}
.search .fl{font-size:13px; position:RElative; top:10px;color:#666; }
.search .fr{width:auto;}
.search .fr input{height:33px; float:left; width:200px;}
.search .fr a{float:left ; height:33px; display:Block;margin-left:5px; color:#000}
.search .fr a i{line-height:33px; font-weight:bold; font-size:20px;}
.cate-list{overflow:hidden}
.cate-list a{height:33px;line-height:30px; font-size:17px; float:left; display:block; border-radius:3px; border:1px solid #ddd; color:#666; margin-right:5px;padding:0px 10px}
.cate-list a.active{border:1px solid #6eced1; color:#6eced1; }
.paging{display:table; margin:0 auto}
.paging li{float:left;margin:0px 2px}
.paging li a{display:block;border-radius:3px; border:1px solid #ddd; padding:5px 0px; width:30px; text-align:center; color:#777; font-size:15px; overflow:hidden }
.paging li a i{font-size:17px; position:Relative; top:2px; }
.paging li.active a{color:#000}
/* ---------------------------------- */
/* Slick Slider
------------------------------------- */
/* Slider */
.slick-slider {position: relative; display: block; box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {position: relative; display: block;overflow: hidden;margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; top: 0; left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide { display: none; float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {isplay: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide { display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/* Slider */
/*.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
*/

/* Arrows */
.slick-prev,
.slick-next {font-size: 0; line-height: 0; position: absolute;  top: 50%; display: block;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); cursor: pointer; border: none; outline: none;  background-color: #333; border-radius: 4px; width: 40px; height: 40px;display: block;
    top: calc(50% 0px); transform: translateY(-50%);transition: 0.3s;  box-shadow: 0 3px 12px rgba(0,0,0,0.15);  z-index: 10;}
.slick-prev:hover,
.slick-next:hover {color: transparent;outline: none;background: #66676b;}
.slick-prev:hover:before,
.slick-next:hover:before {opacity: 1;}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {pointer-events: none;cursor: default;background-color: #e8e8e8;box-shadow: none;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {color: #808080;}
.slick-prev:before,
.slick-next:before {font-family: "Feather-Icons"; font-size: 26px;line-height: 1;opacity: 1;transition: 0.3s;position: relative;color: #fff;}
.slick-prev { left: -85px; }
.slick-prev:before {  content: '\e92f'; left: -1px; }
.slick-next {  right: -85px; }
.slick-next:before { content: '\e930'; right: -1px; }
/* Dots */
.slick-dots {margin: 0 auto;padding: 0;text-align: center;}
.slick-dots li {position: relative; display: inline-block;padding: 0; margin: 0 3px;cursor: pointer;}
.slick-dots li {font-size: 0; line-height: 0; cursor: pointer; color: transparent;border: 0;position: relative;outline: none;display: inline-block;width: 15px;
	height: 15px;margin: 0 3px;opacity: 1;border-radius: 50%;line-height: 0;box-shadow: inset 0 0 0 2px #c0c0c0;transition: all 0.3s;}
.slick-dots li.slick-active {box-shadow: inset 0 0 0 6px #c0c0c0;transition: all 0.3s;}
.slick-dots li:after { display: block;height: 13px;width: 13px;content: "";position: absolute;top: 1px;left: 1px;background-color: transparent;
	border-radius: 50%;transition: all 0.3s;opacity: 0;background-color: #c0c0c0;}
.slick-dots li.slick-active:after {opacity: 1;}




/*sub -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sub-content{padding:50px 0px}
.sub-title{font-family: 'Noto Sans Kr'; font-size:22px; line-height:1.2em;text-align:center; color:#000; font-weight:bold;margin-bottom:25px;}
.sub-title.point{color:#3bbfc3; }
.sub-title.point i{font-weight:bold; font-size:30px;}
/* ---------------------------------- */
/* join-area
------------------------------------- */
.join-area{width:500px; margin:0 auto;}
.submit-field-area{overflow:hidden;position:Relative;padding-left:80px;min-height:35px; margin-bottom:15px;font-family: 'Noto Sans Kr';}
.submit-field-area .submit-name{position:absolute; line-height:35px;left:0px; font-size:15px}
.submit-field-area input,.submit-field-area select{height:35px; line-height:33px;}

.submit-field-area.right-btn{padding-right:110px;}
.submit-field-area.right-btn .btn{width:100px;position:absolute;right:0px;top:0px;}
.submit-field-area p{font-size:13px;margin:0px;}
.ph-submit-field{margin:0px -5px;}
.ph-submit-field .ph{float:left; width:33.333%;padding:0px 5px}
.submit-field-area .checkbox{margin-top:5px;}
.submit-field-area .txt{line-height:35px;font-size:15px}
.join-area label{font-size:15px;}
.agree-area{margin-top:20px;}
.agree-area ul{border:1px solid #ddd; border-radius:10px;padding:15px 20px;margin-top:10px;}
.agree-area ul li{padding:5px 0px;}
.agree-area ul li label{font-size:13px;}
.agree-area ul li .btn{float:right; height:25px; line-height:25px;padding:0px 10px; font-size:13px; font-weight:100}
.agree-con{position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:11000}
.agree-con .container{height:100%; padding:50px 0px;position:relative}
.agree-con .inner{background:#fff; height:100%; padding:30px; overflow-x:auto; overflow-y:auto;}
.agree-con .inner h4{text-align:Center; font-weight:Bold}
.agree-con .inner  p{font-size:13px;}
.agree-con .inner .close{position:absolute; right:-30px;top:50px;}
.agree-con .inner .close a{ color:#fff;font-weight:bold; font-size:25px;}



.btn{height:35px; border-radius:5px; display:block; line-height:35px; text-align:center; background:#43b0b6; color:#fff; font-size:15px; font-family: 'Noto Sans Kr'; }
.btn.middle{height:50px; line-height:50px; font-size:20px;}
.btn.big{height:70px; line-height:70px; font-size:25px; padding:0px 32px}
.btn.charcoal{background:#828282}
.btn.charcoal2{background:#626262}
.btn.pink{background:#e754ae}
.btn.red{background:#dd5e4f}
.btn.blue{background:#1e54a9}
.btn-group{margin-top:25px;}
.btn-group .btn50per{margin:0px -10px;}
.btn-group .btn50per li{float:left; width:50%; padding:0px 10px}

.anchor{
    display: block;
    height: 84px;       /* 헤더의 height와 동일한 값 */
    margin-top: -84px;  /* 헤더의 height와 동일한 값 */
	visibility: hidden;
}