/*!
 * Start Bootstrap - New Age v3.3.7 (http://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500');

/*추가*/
.navbar{margin:0px !important; padding:10px 0 15px !important}
.imgr{border-radius: 100%;}

.galleryiframe{  display: block;   border: none;   height: auto;   width: 100%;}


.gallerybbs table td img{height:auto;width: 98%; max-width: 340px;}
td.board_admin_bgcolor table td img{height:auto;width: auto !important; max-width: auto !important}
.imglistdivs{clear:both; width:100%;margin-top:50px;}

.gallerybbs table td img:hover{opacity:0.6;-webkit-transition: all 0.3s; 
-moz-transition: all 0.3s;-ms-transition: all 0.3s; -o-transition: all 0.3s; 
transition: all 0.3s;}
.gallerybbs span.gallery_title,.board_output_gallery_subject{font-size:14px !important;  padding: 10px 0 20px; display: inline-block; font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; width: 100%;
    text-align: center; }
#post_area p img{ max-width:100% !important;height:auto;}


#sub-bg{clear: both; width: 100%; min-height:300px; background:url('sub-bg.jpg')no-repeat;background-size:cover;}

 .heading-font{font-family:Catamaran,Helvetica,Arial,sans-serif;font-weight:200;letter-spacing:1px}
 .body-font{font-family:Muli,Helvetica,Arial,sans-serif}
 .alt-font{font-family:Lato,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:2px}
body,html{height:auto;width:100%}
 .navbar-default,.navbar-default .navbar-header .navbar-brand,
}
h1,h2,h3,h4,h5,h6{font-family:Catamaran,Helvetica,Arial,sans-serif;font-weight:200;letter-spacing:1px}

a{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;color:#01aed0}
a:focus,a:hover{color:#fcbd20}
hr{max-width:100px;margin:25px auto 0;border-width:1px;border-color:rgba(34,34,34,.1)}
hr.light{border-color:#fff}
img{max-width:100%; height:auto;}
ul li{list-style: none !important}

 .navbar-default{background-color:#fff;border-color:rgba(34,34,34,.05);-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}
 .navbar-default .navbar-header .navbar-brand{color:#01aed0}
 .btn,.navbar-default .nav>li>a{font-family:Lato,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:2px}
 .navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header
 .navbar-brand:hover{color:#fcbd20}.navbar-default .navbar-header
 .navbar-toggle{font-size:12px;color:#fff;}
 .navbar-default .nav>li>a{font-size:11px}
 .navbar-default .nav>li>a:focus:hover,
 .navbar-default .nav>li>a:hover{color:#01aed0 !important}
 .navbar-default .nav>li.active>a:focus{color:#01aed0!important;}
 .navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{color:#01aed0!important; background-color:transparent}
.navbar-default.affix .navbar-nav>li>a{color:#000 !important;}
.navbar-default.affix .navbar-nav>li.active a{color:#01aed0 !important}
.navbar-default.affix .navbar-nav>li>a:hover{color:#01aed0 !important}


 @media (min-width:768px){
 .navbar-default{background-color:transparent;border-color:transparent}
 .navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#fff}
 .navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:rgba(255,255,255,.7)}
 .navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#fff}
 .navbar-default.affix .navbar-header .navbar-brand{color:#222}
 .navbar-default.affix .navbar-header .navbar-brand:focus,
 .navbar-default.affix .navbar-header .navbar-brand:hover{color:#01aed0}
 .navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{color:#222}
 .navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{color:#01aed0}}
 header{position:relative;width:100%;min-height:auto;overflow-y:hidden;}
 header .header-content{text-align:center;padding:150px 0 50px;position:relative}
 header .header-content .header-content-inner{position:relative;max-width:500px;margin:0 auto}
 header .header-content .header-content-inner h1{margin-top:0;margin-bottom:30px;font-size:30px}
 header .header-content .header-content-inner .list-badges{margin-bottom:25px}
 header .header-content .header-content-inner .list-badges img{height:50px;margin-bottom:25px}
 header .device-container{max-width:300px;margin:0 auto 100px}
 header .device-container .screen img{border-radius:3px}
 
 @media (min-width:768px){
 header{min-height:100%}
 header .header-content{text-align:left;padding:0;height:100vh}
 header .header-content .header-content-inner{max-width:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}
 header .header-content .header-content-inner h1{font-size:35px}
 header .device-container{max-width:none;max-height:calc(0vh);margin:100px auto 0}}
 footer,section.contact{text-align:center}
 
 @media (min-width:992px){
 header .header-content .header-content-inner h1{font-size:50px}}
 section{clear:both; width:100%; padding:120px 0}
 section h2{font-size:50px}
 section.download{padding:150px 0;position:relative}
 section.download h2{margin-top:0;font-size:50px}
 section.download .badges .badge-link{display:block;margin-bottom:25px}
 section.download .badges .badge-link:last-child{margin-bottom:0}
 section.download .badges .badge-link img{height:60px}
 
 @media (min-width:768px){
 section.download .badges .badge-link{display:inline-block;margin-bottom:0}
 section.download h2{font-size:70px}}
 section.features .section-heading{margin-bottom:100px}
 section.features .section-heading h2{margin-top:0}
 section.features .section-heading p{margin-bottom:0}
 section.features .device-container,
 section.features .feature-item{max-width:300px;margin:0 auto}
 section.features .device-container{margin-bottom:100px}
 
 @media (min-width:992px){
 section.features .device-container{margin-bottom:0}
 section.features .device-container,
 section.features .feature-item{max-width:none}
 }
 
section.features .feature-item{text-align:center;margin-bottom:100px}
section.contact h2,section.cta .cta-content h2{margin-top:0;margin-bottom:25px}
section.features .feature-item h3{font-size:30px}
section.features .feature-item i{font-size:80px;background:-webkit-linear-gradient(to left,#7b4397,#dc2430);background:linear-gradient(to left,#7b4397,#dc2430);
-webkit-background-clip:text;-webkit-text-fill-color:transparent}
section.cta{position:relative;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;
background-position:center;padding:250px 0}
section.cta .cta-content{position:relative;z-index:1}section.cta .cta-content h2{color:#fff;max-width:450px;font-size:50px}

@media (min-width:768px){
section.cta .cta-content h2{font-size:80px}
}
section.cta .overlay{height:100%;width:100%;background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0}
footer ul,section.contact ul.list-social{margin-bottom:0}
section.contact h2 i{color:#dd4b39}
section.contact ul.list-social li a{display:block;height:80px;width:80px;line-height:80px;font-size:40px;border-radius:100%;color:#fff}
footer p,footer ul li a{font-size:12px}footer,footer ul li a{color:rgba(255,255,255,.3)}
section.contact ul.list-social li.social-twitter a{background-color:#1da1f2}
section.contact ul.list-social li.social-twitter a:hover{background-color:#0d95e8}
section.contact ul.list-social li.social-facebook a{background-color:#3b5998}
section.contact ul.list-social li.social-facebook a:hover{background-color:#344e86}
section.contact ul.list-social li.social-google-plus a{background-color:#dd4b39}
section.contact ul.list-social li.social-google-plus a:hover{background-color:#d73925}
footer{background-color:#222;padding:25px 0}
footer p{margin:0}footer ul li a.active,
footer ul li a:active,footer ul li a:focus,
footer ul li a:hover{text-decoration:none}
.bg-primary{background:#01aed0;background:-webkit-linear-gradient(#01aed0,#fdc539);background:linear-gradient(#01aed0,#fdc539)}
.text-primary{color:#01aed0}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}
.btn-outline{color:#fff;border:1px solid}.btn-outline.active,.btn-outline:active,
.btn-outline:focus,.btn-outline:hover{color:#fff;background-color:#01aed0;border-color:#01aed0}
.btn{border-radius:300px}
.btn-xl{padding:15px 45px;font-size:11px}::-moz-selection{color:#fff;text-shadow:none;background:#222}::selection{color:#fff;text-shadow:none;background:#222}
img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}



/*이유디자인*/


body{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;  color:#666 !important;
margin:0 !important; padding:0 !important; font-size:13px !important; font-weight:400 !important; line-height:180% !important;}

.t16px{font-size:16px;    color: #333; line-height: 180%;}
.t14px{font-size:14px;    line-height: 160%;}
.font999{color:#999;}
.h2tit{font-size: 2.5em; letter-spacing: 0.1em; color:#000; margin:0 auto 30px;}
.hrshorts{margin-top: 0;
    margin-bottom: 15px;
    border: 0;
    border-top: 3px solid #15b4d3;
    width: 30px;
    text-align: center;}

.teltit, .emailtit{color:#333; font-size:1.2em; font-weight: 600;}
.ct-style0{text-align:center;}
.ct-style1{padding:50px 0 50px; }
.ct-style1 img{width: 100%; height: auto;}
.ct-style1 h3{color:#333;font-size:1.8em; text-transform: uppercase; margin:0;padding:20px 0; letter-spacing: 0;}
.ct-style1 p{font-size:14px;line-height: 160%;}
.ct-style1 i{color:#333; font-style:normal; font-size:2.5em;}
.ct-style2{text-align: center;}

.bt-style1{font-size:14px;}
.bt-style1 h2.h2stits{font-size:1.8em;color:#333;text-transform: uppercase;     margin: 0 auto 15px;}
.featurette-divider{max-width:100%;    border-top: 1px solid rgba(0, 0, 0, 0.15);    margin: 50px  0;}

#youtube-divs{background:#fff;padding:100px 0; text-align:center;}
#youtube-divs h2{font-size:2em;color:#000;text-transform: uppercase;     margin: 0 auto 15px;}
#youtube-divs iframe{width:100%; height:500px; border:0; overflow: hidden;}
.gap{margin-top: 20px;    margin-bottom: 20px;    border: 0;    border-top: none !important;}

.navbar-default .navbar-nav>li>a{font-family:'Roboto',  'Noto Sans KR', sans-serif !important;
font-size:18px; color:#fff !important; font-weight: 400; letter-spacing:-.02em !important;}
.navbar-default .navbar-collapse{border:none !important;}
.navbar-default{background:none !important; border-bottom:none !important;}
.navbar-default.affix{background:rgba(255,255,255,1) !important; box-shadow: 1px 2px 3px rgba(0,0,0,.2);}

.navbar-default.affix .navbar-toggle{color:#000 !important;       padding-bottom: 0 !important;}
.nav>li>a{padding:20px 20px !important;}
.navbar-default.affix .navbar-brand>img{height:36px; width:auto;}
.navbar{min-height:65px !important;}
.navbar-toggle,.navbar-toggle:hover {border:none !important; background: transparent !important;}

.ti-menu{font-size: 28px !important;}
.table_02{text-align: left;}
#faq{background:#f1f1f1;}
#gallery{background: #fff;    padding-bottom: 0;}
#business{background: #fff;}
#location{padding-bottom:0 !important;}
#location{background: #ffffff;}
#location iframe{width:100%; height:450px; border:0; overflow: hidden;    display: block;}
#location ul{margin:0; padding:0;}
#location ul li{list-style: none; font-: ;size:14px;}
#footerwap{clear:both; background:#222; padding:30px 0;text-align:center; color: #fff;}
#footerwap ul{display:inline-block; margin-bottom: 20px; }
#footerwap em{display: inline-block; width: 10px;}
.fontw{color: #fff;}
.footersnslink a{display:inline-block; margin:5px;}
#footerwap a{color:#fff;}
table td{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;}
input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i]{border:1px #eee solid !important; padding:8px !important;font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;}
.formmail_border{border:1px #eee solid !important; padding:8px !important;background:#eee;font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;}
.formmail_cell_bgcolor textarea{border:1px #eee solid !important; padding:8px !important; width:80%; background:#eee;font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;}
.table_02 td{padding:8px 10px !important;border-left:none !important; border-right:none !important;}
.table_02{border-left:none !important;}
.formcss textarea{padding:5px; border:1px #ddd solid; width:100%;}
.table_02{border-top:1px #666 solid !important; }
input[type=file]{background:transparent; border:none !important;}
.mail-btn{ font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;
    color: #fff;    background: #333;    padding: 6px 15px;
    display: inline-block;    cursor: pointer;    font-size: 13px;    line-height: 160%;}
.mail-btn:hover{ background: #666; color:#fff; }


@media (min-width: 768px){

}

@media (max-width: 768px){
section{padding:100px 0;}  
.navbar{padding:0 !important;}  
.navbar-default .navbar-nav>li>a{color:#000 !important; font-size: 14px;}
.navbar-nav, .container>.navbar-collapse{margin:0 !important; padding: 0 !important}
.navbar-default .navbar-nav>li{border-top:1px #ddd solid; border-left:1px #ddd solid; border-right:1px #ddd solid; background: #fff;}
.navbar-default .navbar-nav>li:hover{background: #eee;}

.t16px{font-size:14px;padding: 0 15px;}
.t14px{padding: 0 15px;}
p.pbrnone br{display: none;}
.nav>li>a{padding:10px 20px !important;}

.ct-style1{padding:30px 0;}
.ct-style0, .ct-style1{text-align: left}
.ct-style1 .col-md-4{padding:15px;}
.ct-style2 img{padding:0 15px;}


.table_02 td input[type="text"]{width:80%; margin:5px;}
.formmail_border{width:100%;}
.table_02 td textarea{width:90%;}
input[type="file"] { width: 160px !important;}

.wow {
  visibility: visible !important;
  -webkit-animation: none !important;
     -moz-animation: none !important;
       -o-animation: none !important;
      -ms-animation: none !important;
          animation: none !important;
}

}