/*웹폰트*/
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); 
	
body{
    min-height: 900px;
    margin-top:25px;
    font-family: 'Noto Sans KR', 'Nanum Barun Gothic', sans-serif !important; 
    font-weight:300;
    line-height:1.6 ;
    letter-spacing:-0.02em;
    color:#777;
    background:#eee;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Noto Sans KR', 'Nanum Barun Gothic', sans-serif !important; 
    letter-spacing:-0.02em;
    color:#555;
    line-height: 1.6;
}


.c333{color:#333 !important;}
.c898989{color:#555 !important;}
.c898989 img {width:62px;} 
.cDDD{color:#DDD !important;}
.cDothome{color:#23ADE3 !important;}

/*----------------------------------------------*/

.navbar-static-top {
  position:fixed;top:0px; width:100%;border-bottom:1px solid #ccc; 
    background-color:#fdfdfe; 
}
.navbar-static-top>.container{margin:0 auto;}

/*상단 메뉴*/
/*.vs-top-area{overflow:auto; zoom:1;}*/
.vs-top-area ul{padding:0px; list-style: none;}
.vs-top-area ul li{padding-top:10px; font-size:26px; font-weight: 500; }
.vs-top-area ul li a {color:#555; text-decoration: none;}
.vs-top-area ul li:first-child img{height:40px; vertical-align: sub;}

/*vs점보*/
.vs-jumbo{border-radius:0px !important; background:#fff; margin:20px 0 0;}
.vs-jumbo p{font-size:18px; font-weight: 400;padding:15px 0;border-top:0px solid #ccc; line-height:1.6 ;}
.vs-jumbo>h2{padding: 0 0 10px;border-bottom: 1px solid #ccc !important;}
.vs-jumbo>h1{padding: 0 0 10px;border-bottom: 1px solid #ccc !important; }
.vs-jumbo>h1 img, .vs-jumbo>h1 span {vertical-align: middle;}

.vs-jumbo table { font-size:18px; font-weight: 400;}

.vs-jumbo .btn-default { min-width: 180px;
    margin-top: 50px;
    font-weight: 400;
    border-radius:0;
    color: #004877;
    font-size: 14px;
    padding: 16px 0;
    border: 1px solid #004877;}
.vs-jumbo .btn-default:hover {background-color: #004877;
    color: #fff;}

.vs-jumbo-btm{background: transparent; padding:10px 0px !important;margin-bottom:10px;}
.vs-jumbo-btm .navbar-nav > li {float: none;}
.vs-jumbo-btm .navbar{border-radius: 0px;}
.vs-jumbo-btm .navbar-default {background-color: transparent; border:0 none; margin-top:10px; }

.vs-jumbo-btm .navbar .navbar-nav{margin: 0px !important;}
.vs-jumbo-btm .navbar .navbar-nav li { background:rgba(255,255,255,0.85); border:1px solid #fff;}
.vs-jumbo-btm .navbar .navbar-nav li:nth-child(1) {margin-left:0;}
.vs-jumbo-btm .navbar .navbar-nav li:nth-child(6) {margin-right:0;}
.vs-jumbo-btm .navbar .navbar-nav li a{font-size: 15px;font-weight: 400; padding:0; line-height:50px;}
.vs-jumbo-btm .navbar .navbar-nav li a:hover{background:#fbfbfb;}

.vs-indie-bannerbox>div>div{background:rgba(255, 255, 255, 0.85) ; border:1px solid #fff; padding:0px;position:relative;min-height:160px;}
.vs-indie-bannerbox div .banners a p{text-decoration: none;font-size: 17px; font-weight:300;}
.linkbox{padding:10px; }
.vs-indie-bannerbox div .banners a{text-decoration:none;color:#333;}
.vs-indie-bannerbox div .banners a:hover{text-decoration:none;color:#333;}
a.vs-aLink-area2{display:block;}
a.vs-aLink-area2:hover{}

.vs-indie-bannerbox{margin-top:20px;}

.vs-jumbo-copy{border-radius:0px !important;background: rgba(255,255,255,0.4);border: 1px solid #ddd;padding:20px !important;margin-bottom:10px;}
.vs-jumbo-copy span{text-align:center;font-size:13px;margin:0px;}
.vs-footer-logo a{margin-top: -4px !important;}


/*배너*/
.banners>a>.linkbox>.row{margin-right: 0px;margin-left: 0px;}
.banners img{width:80%; margin:10px auto 0;}

.v-banner1, .v-banner2 {background:rgba(255, 255, 255, 0.85) !important;}
.v-banner1 .linkbox, .v-banner2 .linkbox{padding:15px 10px 20px; min-height:160px;}
.v-banner1 .col-sm-8, .v-banner2 .col-sm-8 {padding-left:0;}
.v-banner1 .col-sm-4, .v-banner2 .col-sm-4 {padding-right:0;}
.v-banner1 div>h3, .v-banner2 div>h3{ font-size:42px; margin:0 0 20px; font-weight:600;}
.v-banner1 div p, .v-banner2 div p{font-size:18px; margin:0;}
.v-banner1 div p .cDothome , .v-banner2 div p .cDothome {font-weight:500; font-size:36px;}


.v-banner3,.v-banner4,.v-banner5{min-height: 20px !important;}
.v-banner3 a .row>div,.v-banner4 a .row>div,.v-banner5 a .row>div{font-weight:300;}

.v-banner3 a .row>div{color:#989696;}
.v-banner4 a .row>div{color:#989696;}
.v-banner5 a .row>div{color:#989696;}

.dot_logo { color:#555; font-size:26px; font-weight:500; text-align:center; display:block; margin:30px 0 40px; }
.dot_logo:hover {color:#555; text-decoration:none;}
.dot_logo img { height:40px; vertical-align: text-top;}
.dot_logo hr {display:inline-block; width:38%; border:2px solid #fff; margin:0; vertical-align: super;}

.gray_link {display:block; padding:5px 0 30px; color:#666; font-size:20px;}

@media (min-width: 481px) and (max-width: 991px){
    .vs-indie-bannerbox .col-md-6 {float:left; width:50%;}
    .v-banner1 .col-sm-8, .v-banner2 .col-sm-8, .v-banner1 .col-sm-4, .v-banner2 .col-sm-4 {float:none; width:100%}
    .dot_logo hr {width:30%;}
}
@media (min-width: 768px) {
    .vs-jumbo-btm .navbar-nav > li {float: left; width:16.66%; }
}
@media (max-width: 767px) {
    .c898989 img {width:45px; } 
}
@media (min-width: 481px) and (max-width: 767px) {
    .vs-jumbo-btm .navbar-nav > li {float: left; margin:0.4% !important; width:49.2%; }
}
@media  (max-width: 480px) {
    .vs-top-area ul li:first-child img{height:60px;}
    .dot_logo hr {display:none;}
}