a{color:#333;}
a{text-decoration:none !important;}

/*컨테이너 너비 조정*/
.pub-index-container{width:auto !important;background:#fff;}

/*각 섹션별 설정*/
div.section{min-height:50px;padding:65px 0px 0;background:#fff;overflow:hidden;position: relative;z-index: 10;}/*161201*/

.m-slider{background: none !important;border: none !important;} /*161201*/
.m-logindomain{background:#fffbf7 !important;}
.m-info{background:#fff !important;}
.m-parallax{   /* background-color:#47b1e3!important;*/
    background-image:url('/static/images/new2015/doctype-hi-res2.jpg') !important;
    padding: 2% 0 !important;}



/**/
.award_main{ position: absolute;
    right: 10%;
    width: 90px;
    bottom: 6em !important;}
/*.award_main.event {left:60% top:15%;}*/

@media (min-width: 992px) {

    .award_main{
        left:680px;
        /*bottom: 8em !important;*/
        bottom: 11em !important;
        width:150px;
    }
    .award_main.event{
        left:550px;
        bottom: 10em !important;
        width:150px;
    }
/*    .award_main.event {width:150px;}*/
}


/*스크롤버튼*/
ul.parallax-control{position:fixed;right:8px;top:320px;background:rgba(0,0,0,0.5);border-radius:15px;;padding:0px;list-style:none;border:0px solid red;z-index:14000;}
ul.parallax-control li{padding:5px;}
ul.parallax-control li a{color:#fff;text-decoration:none;}
ul.parallax-control li a i.active{ background:rgba(255,255,255,0.6); border-radius:50%;}

/*161201지은 수정*/
    /*로그인 버튼 161201 수정*/
.btn-dothome.active, .btn-dothome:active, .btn-dothome:focus, .btn-dothome:hover ,.btn-dothome,.btn-naver.active, .btn-naver:active, .btn-naver:focus, .btn-naver:hover ,.btn-naver {
    color: #757575;
    outline: 0px none !important;
    border-radius: 10%;
}
.main-login.active, .main-login:active, .main-login:focus, .main-login:hover ,.main-login,.main-login-naver.active, .main-login-naver:active, .main-login-naver:focus, .main-login-naver:hover ,.main-login-naver {
    color: #757575;
    outline: 0px none !important;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 10%;
}


.btn-dothome .login_icon, .btn-naver .login_icon{ display: block;
    background-image: url(/static/images/join/d_logo2.png);
    background-size: contain;
    height: 23px;
    background-repeat: no-repeat;
    border-right:1px solid #ccc;
    }
.btn-naver .login_icon.n_login { background-image: url(/static/images/join/n_logo.png);
    background-size: initial; }
.sub-login span, .sub-login-naver span{background-position: 49% 31%;
    min-width: 50px;}
    /*로그인 버튼 161201 수정 end*/
    /*헤더 sns, 마이닷홈 161130추가수정*/

    /*  로고img, sns img 수연 161207 수정  */

.logo > img  {
    margin-top:10px;
    width:234px;

}
.myDot {font-weight:bold;
    color:#0f69ab !important; }
.vs-top-gnb .sns{ position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -40em; }
.vs-top-gnb .sns img {width:80%;
    margin-top:15px;
    margin-bottom:0;}

.sd-topmenu2 .sns{
    position: absolute;
    top:15px;
    left: 50%;
    margin-left: -69.35em;
    margin-top:9px;
}
.sd-topmenu2 .sns img {
    width: 80%;
    margin-left:1px;}

.sns > a { display: inline-block;
    padding-right: 0.3em;
    width: 23px;
    height: 23px;}
.vs-gnb-mobile img, .sd-topmenu2 img{    height: initial !important;}
.sns > a i, .vs-gnb-mobile li a i{    color: #fff;
    background-color: #3B5998;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
  }
.sns a i:after, .vs-gnb-mobile li a i:after, .sd-topmenu li a i:after { content: "\f09a";}
.sns .n_facebook img {margin-left:10px; }




.vs-gnb-mobile li a i.fa-face, .sd-topmenu li a i.fa-face{ font-size: 1em; }

.vs-gnb-mobile li a.n_blog, .sd-topmenu li a.n_blog {
    /*width: 1.5em;
    height: 1.5em;*/
    box-sizing: border-box; }

.vs-gnb-mobile li a.n_facebook img, li a.n_facebook img{    width: 70%;
    vertical-align: top;}
.vs-gnb-mobile li a.n_blog img, li a.n_blog img{    width: 70%;
    vertical-align: top;}
        /*161201*/
.nav > li > a { padding: 10px 8px; }

span.premium_span{width: 0.5em;
    height: 0.5em;
    background-color: #fcc104;
    display: inline-block;
    border-radius: 50%;
    vertical-align: text-top;
    margin-left: 4px;}


.n_facebook, .n_insta{  width: 19px;
    height: 21px;
    display: block;
    background-size: 80%;
    background-repeat: no-repeat;
}
.n_blog{ width: 45px !important;
    height: 21px;
    display: block;
    background-size: 80%;
    background-repeat: no-repeat;
}
.n_facebook {background-image: url('/static/images/new2015/facebook_f.png');}
.n_facebook:hover{background-image: url('/static/images/new2015/facebook_f2.png');}
.n_blog{ background-image: url('/static/images/new2015/blog_b.png');
    background-position: 15% 35%; }
.n_blog:hover{ background-image: url('/static/images/new2015/blog_b2.png'); }
.n_insta{background-image: url('/static/images/new2015/insta_i1.png');}
.n_insta:hover{ background-image:url('/static/images/new2015/insta_i2.png');}
    /*  로고img, sns img 수연 161207 수정 end  */
        /*161201 end*/
/*헤더 sns, 마이닷홈 161129추가수정 end*/

    /*메인 슬라이드*/

/*Video 161201*/

.videoCover {position: absolute;
    z-index: 2;
    min-width: 100%;
    min-height: 100%;
    background: url(/static/as/img/bg-about.png);
    opacity: 0.5;
    top: 0;
    left: 0;
    width: auto;
    height: auto;}
#aboutVid{position: absolute;
    left: 0;
    z-index: 0;
    top: 0;
    transition: 1s opacity;
    background-image: url(/static/as/img/bg6.jpg);
    background-size: cover;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;}
.videoBack {position: absolute;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    background: #000;
    opacity: 0.5;
    top: 0;
    left: 0;
    width: auto;
    height: auto;}
.videoBackImg {position: absolute;
    z-index: 0;
    min-width: 100%;
    min-height: 100%;
    background: url(/static/as/img/bg5.jpg);
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
}
.asAbout-wrap{background: none !important;
    z-index: 4;
    position: relative;
    overflow: hidden;
    }/*161201 */
.asAbout-wrap #Lbtn, .asAbout-wrap #Rbtn{    position: absolute;
    top: 56%;

    height: 67px;
    background-size: contain;
    background-repeat: no-repeat;}
#mySlide h1, #mySlide p{font-family: 'Noto Sans KR', sans-serif !important;
   font-weight: 100;}
 #Lbtn {background-image: url('/static/images/dh2015/main/slide/left_btn2.png');
    left: 20%;}
#Rbtn {background-image: url('/static/images/dh2015/main/slide/right_btn2.png');
    right: 20%;}
.asAbout-wrap .container {    background: none !important;}
.asAboutSec1 {padding-top: 15em;
    color: #fff;
    margin-bottom: 90px;
    text-align: left;}
/*.main-slide .carousel-inner, .main-slide .item { height: 43em; } 0161201*/
.carousel-caption {    text-align: left !important;
    text-shadow: none !important;
    left: 10% !important;
    right: 0 !important;}
.main-slide h1, .main-slide p{ font-weight:300; }
.main-slide p{ font-weight: 100; }

.carousel-caption > a{ text-align: center; }
.carousel-control{ opacity: 1;
    width: 10% !important;}
.carousel-control:focus, .carousel-control:hover{ opacity: 1 !important; }


.my-banner{background-color: rgba(0,0,0,0.5);
    padding: 3%;
    color: white;
    font-family: 'Noto Sans KR', sans-serif !important;
    margin: 5em 0px;}
.my-banner h2, .my-banner p, .my-banner span{font-family: 'Noto Sans KR', sans-serif !important;}
.my-banner h2{    font-size: 5em;
    margin: 0;
    line-height: 1.5em;}
.my-banner p, .my-banner span{    font-size: 2em;
    line-height: 1.5em;
    letter-spacing: -0.08em;
    font-weight: lighter;

}


.b_view {display: block;
    border: solid 1px #fff;
    line-height: 3;
    color: #fff;
    width: 130px;
    margin-top: 2em;}
.b_view:hover{ color: #000 !important;
    background-color:#fff;
    transition: all 0.8s;
}

    /*메인 슬라이드 end*/


/*로그인 박스, section2*/

#frmEngDomainSerach .input-group, #frmMultiDomainSerach .input-group{}
#frmEngDomainSerach input:focus, #frmEngDomainSerach input:active,  #multi_domain{outline: none;
    border: 1px solid #ccc;
    box-shadow: none;}
input[name=domain], #multi_domain{ font-size:18px !important; }
#section2 {padding: 6em 0;}
/*#section3*/
#section3.adWrap {     background-image:url(/static/images/new2015/bg-main2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 80%;
    padding: 0 !important;}
#section3.adWrap > .row{     background-color:rgba(255, 255, 255, 0.5);
    padding: 5% 0;}
#section3.adWrap .adBox{}
#section3.adWrap .adBox li{ margin: 1em auto;}
#section3.adWrap .adBox li > div{     background-color:#fff;
    min-height: 30em;
}
#section3.adWrap .adBox li > div a{     width: 100%;
    display: block;
    overflow: hidden;
    position: relative;}
/*#section3.adWrap .adBox li > div > a:hover:after{     content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.7) url(/static/images/new2015/more.png) no-repeat center center;
    margin-left: 15px;
}*/
.bgBlack{position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    -webkit-transition: opacity 500ms ease-out;}
.bgBlack:hover{    background: rgba(0,0,0,0.7) url(/static/images/new2015/more.png) no-repeat center center;
    opacity: 1;}
#section3.adWrap .adBox li > div a:hover img{-webkit-transform: scale(1.2);
    transform: scale(1.2);}
#section3.adWrap .adBox li > div a >img {width: 100%;
    transition: opacity 300ms ease-out, transform 300ms ease-out, filter 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, -moz-transform 300ms ease-out, -moz-filter 300ms ease-out;
    -o-transition: opacity 300ms ease-out, -o-transform 300ms ease-out, -o-filter 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out, -webkit-filter 300ms ease-out;
}
#section3.adWrap .adBox li:first-child > a{ background-image: url(/static/images/new2015/section3Box.jpg)}
#section3.adWrap .adBox li:nth-child(2) > a{ background-image: url(/static/images/new2015/section3Box2.jpg)}
#section3.adWrap .adBox li:last-child > a{ background-image: url(/static/images/new2015/section3Box3.jpg)}
#section3.adWrap .adTxt{    padding: 3em 2em;
    text-shadow: none;}
#section3.adWrap .adBox .adTxt h4{     font-size: 19px;
    line-height: 1.5;
    font-weight: 700;}
#section3.adWrap .adBox .adTxt p{    line-height: 1.9 !important;
    font-weight: 300;
    color: #999;}
/*section4*/
#section4 {    color: #757575;}
#section4 .panel{background-color:#fef6ee !important;
    border: none;
    padding: 8px;

}
#section4 .panel .line{ width: 40px;
    height: 1px;
    background-color: #0D67AB;
    display: block;

   }
#section4 .new-dh-box-cont{    color: #757575;
    padding-top: 1em;}
#section4 .new-dh-box-title span{font-size: 24px;
    line-height: 2;
    font-weight: 600;}

#section4 .account{margin-top: 1em;
 }
 #section4 .account img {width: 100px;}
#section4 .account + h5{margin-top: 2em;
   margin-bottom: 1.5em;}
#section4 .tel{ font-size: 28px;
    line-height: 2em;}
#section4 .new-dh-main-notice{padding-top: 2em;}

/*section5*/
#section5 .conBox{    margin: 2% 7%;}
#section5 h1 i{ color:#F44336;
    font-size: 50px;}
.m-parallax#section5 h3, .m-parallax#section5 p{ color: #555;
    font-weight: normal;}
.m-parallax#section5 h3{    font-size: 30px;
    font-weight: 500 !important;
    line-height: 1.4;}

/*#section6 161201*/
#section6 {padding: 5% 5.5%;}
#section6 .conDiv{}
#section6 .conDiv a{  }
#section6 .conDiv .panel p {color: #fff;}
#section6 .conDiv  p{   display: block;
    font-size: 1.8em;
    font-weight: lighter;}
#section6 .conDiv  p:nth-child(2){font-size: 1em;}
#section6 .conDiv .new-dh-panel-youtube{    background-color: #005678;}
#section6 .new-dh-panel-server{background-color:#005678;}
#section6 .new-dh-panel-wp{background-color: #005678;}

#section6 .wrap{ }
#section6 .wrap a, #section6 .wrap .subject{display: block;}
.b_view_gray{    display: block;
    border: solid 1px #666;
    line-height: 3;
    color: #fff !important;
    width: 130px;
    margin-top: 2em;
    background-color: #666;}


/*section7*/
#section7{ background-image: url('/static/images/new2015/bg_bottom4.jpg');
    background-position: center;
    }
#section7, #section8{padding: 0;
    background-size: cover;
    }
#section7 h3, #section8 h3, #section7 p, #section8 p, #section7 span, #section8 span,#section7 a, #section8 a{font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 100;
    letter-spacing: 0.23;
    color: white;}
#section7 h3, #section8 h3 {margin: 0;
    line-height: 1.5;}
#section7 p, #section8 p {    margin: 0;}
#section7 span, #section8 span, #section7 a, #section8 a {font-size: 14px;
    line-height: 1.8;
   }
#section7 a, #section8 a{ line-height: 40px; }
.bg{    background-color: rgba(45, 42, 42, 0.6);
   padding: 14% 3%;}
/*section8*/
#section8{ background-image: url('/static/images/new2015/bg_bottom5.jpg');
    color: white;
    background-position: bottom;
}
#section8 .bg{ padding: 17% 3%; }

/*161201 지은 수정 end*/


/*161201 지은 수정 end*/

.color-dothome {color: #0E68AB !important;}

.new-dh-panel-log .btn-group{margin-top:10px;}
.new-dh-panel-log .form-control{margin-bottom:5px;}

.new-dh-panel-domain .nav-tabs > li > a {border-radius: 0px 0px 0px 0px;}
.new-dh-panel-domain .nav-tabs > li {margin-bottom: 0px!important;}
.new-dh-panel-domain .tab-pane{padding-left:0px;padding-right:0px;padding-bottom:0px;}

.tab-pane .domain-search .btn-default{background: #88D4E3 none repeat scroll 0% 0% !important;}

.vs-domain-chk-group{margin-top:17px;}

.new-dh-panel-link .btn-group .btn{border:1px solid #ddd !important;
    padding: 10px 0;}
.new-dh-panel-link .btn-group1 .btn{border-bottom: 0px !important;}
.new-dh-panel-link .btn-group .btn:nth-child(1),
.new-dh-panel-link .btn-group .btn:nth-child(2){border-right: 0px !important;}
.new-dh-panel-link .hosting { }
.domain-comment{float: right;
    /*color: #fcc104;*/
    color:#333;
    padding: 3px 5px;
    font-size: 17px;
    }
.new-dh-panel-domain .nav-tabs > li.active > a, .new-dh-panel-domain .nav-tabs > li.active > a:focus, .new-dh-panel-domain .nav-tabs > li.active > a:hover {
    color: #555;
    background-color: #eee;
}
.new-dh-panel-domain .nav-tabs > li > a:hover{background-color: #eee;}
.new-dh-panel-domain .nav-tabs > li > a {background-color: #fff;border-color:#eee;}

div[class^=new-dh-panel] .new-dh-box-title{margin-bottom: 15px !important;}
div[class^=new-dh-panel] .new-dh-box-title span{font-size: 12px !important;}
div[class^=new-dh-panel] .new-dh-box-cont{}

.new-dh-panel-name .new-dh-box-cont{}
.new-dh-nameserver {margin: 6px 0px;}

.new-dh-nameserver span {
    float: left;
    font-size: 30px;
    margin-right: 15px;
    font-weight: 900;
    font-family: Arial #000,Helvetica,Verdana,sans-serif;
}
.new-dh-dothome {
    color: #0E68AB !important;
}


.m-info .panel-body{min-height:210px !important;}

.m-parallax .well{background: rgba(255,255,255,0.9);
    border: none;
    padding: 7em 30px;}
.m-parallax .well>div{text-align:center;color:#000;}
.m-parallax .well>div a{display:block;color:#757575;}
.m-parallax .well>div a:hover{color:#757575;}

.new-dh-panel .title {
    margin-top: 0px;
    font-weight: bold;
}
.new-dh-panel-custom .title {color:#0D67AB;}
.new-dh-panel-custom h5 p{font-size: 13px;
    line-height: 1em;}

.new-dh-main-notice a {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#section6 .conDiv .panel {    padding: 17% 0;
    margin: 0;
    border: none;
    box-shadow: none;
}

.new-dh-panel-youtube{ padding: 0 !important; }


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control.right {
    background-image: linear-gradient(to right, transparent 0px, rgba(0, 0, 0, 0) 100%);
}
.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, transparent 100%);
}
.carousel-inner #sd-hosting{background:url("/static/images/main/main_slide_01.jpg") no-repeat center/cover;}
.carousel-inner #sd-domain{background:url("/static/images/main/main_slide_02.jpg") no-repeat center/cover;}
.carousel-inner #sd-server{background:url("/static/images/main/main_slide_03.jpg") no-repeat center/cover;}
.carousel-inner #sd-webmail{background:url(/static/images/main/main_slide_04.jpg) no-repeat center/cover;}
.carousel-inner #sd-award{background:url("/static/images/main/main_slide_05.jpg") no-repeat center/cover;} 
   

/*180525 메인슬라이드*/
.main-slide h1{padding-bottom:10px; }
.main-slide p{font-weight:300; font-size:23px; margin:0; padding:0; line-height:1.2;}
.main-slide .fa-check{color:#9fc148; padding-right:10px;}
#sd-award .carousel-caption h1{max-width:520px;}
@media(max-width:991px){
    .main-slide p{font-size:20px; }
}
@media(max-width:767px){
    .main-slide h1{padding-bottom:5px;}
    .main-slide p{margin:0;}    
}
@media(max-width:600px){
    .award_main{width:15%;}
}

@media(max-width:480px){ 
    .main-slide p{font-size:15px;}

}

/*180525 메인슬라이드 end */

/*sangeun 서버 상황판 스타일 작업 20171213*/
.wave{width:100%; height:50px; margin-bottom:20px; }
.wave.row{margin-left: 0;}
.wchart{height:100%; float:left; color:#fff; background-color:#2B3E4F; font-size:1.00em; padding:13px 0; text-align:center; font-weight:800;  }
.waveboard{height:100%; background-color:#fcc104; float:left; padding:0 2%; border:3px solid #2B3E4F; }
.waveText {overflow:hidden; position:relative; width:100%; height:50px; float:left; margin:0 auto;  /* padding:50px 15px; */}
 /* 비활성화 - 엘레먼트 소거
 .waveText ul {position:absolute; left:-390px; top:0; width:1400px; margin:0 auto; height:50px; }*/
 .waveText .waveText-box {font-size:1.0em; color:#fff; padding-top:11px; padding-right: 13px; padding-left: 13px; font-weight:600; margin:0 auto; }
 .waveText a{color:#333; pointer-events: none; cursor: default;}
 
 /* vertical carousel */
 .waveText {height: 100%;}
 .waveText .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
 }
 .waveText .active {top: 0;}
 .waveText .next {top: 50px;}
 .waveText .prev {top: -50px;}
 .waveText .next.left, .waveText .prev.right { top: 0; }
 .waveText .active.left {top: -50px;}
 .waveText .active.right {top: 50px;}
 .waveText .item { left: 0; }