body {
    padding-top: 0px;
    font-family: "Malgun Gothic", "맑은고딕", Dotum, sans-serif, arial;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -1.1px;
    color: #555;
    word-break: keep-all;
    overflow-x: hidden;
}

li{list-style:none}

.main-color {
    color: #009cff !important;
}

.main-color-bg {
    background: #009cff !important;
    background-color: #009cff !important;
}

.main-color-bg:hover {
    background: #007de7 !important;
    background-color: #007de7 !important;
}

.main-color-border {
    border-color: #009cff !important
}

.vs-con {
    padding: 218px 15px 15px;
}

.vs-con-parallax {
    padding: 198px 15px 15px;
}

.input-group-addon {
    border-radius: 0px !important;
}

.form-control {
    border-radius: 0px !important;
}

textarea {
    resize: vertical;
}

.help-block {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

/*top Area*/

.vs-top-container > .vs-top-gnb {
    position: relative;
    text-align: center;
    padding: 0px;
    margin: 0 auto;
    background: #fff;
    height: 99px;
}

.vs-top-container > .vs-top-gnb > a {
    min-height: 85px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .vs-top-container > .vs-top-gnb {
        height: 96px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .vs-top-container > .vs-top-gnb {
        height: 26px !important;
    }
}

@media (max-width: 767px) {
    .vs-top-container > .vs-top-gnb {
        height: 26px !important;
    }
}

.vs-header {
    min-height: 37px;
}

.vs-header .nav-justified > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 37px;
    line-height: 37px;
}

.navbar-default {
    background-color: #434c53 !important;
    border: 0 !important;
    border-radius: 0px !important;
    z-index: 1;
}

/*161201 z-index */
.navbar-default-sub {
    background-color: #1CC3CE !important;
    border: none;
    border-color: #2B3E4F !important;
    border-radius: 0px !important;
    min-height: 20px;
}

.navbar-default-sub .navbar-nav {
    padding-left: 10px;
}

.navbar-default-sub .navbar-nav > li {
    text-align: left;
}

.navbar-default-sub .navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 0px;
    display: inline;
    line-height: 40px;
    padding: 8px 1px;
    border: 0px solid #efefef;
    margin-left: 10px;
}

.vs-header .nav-justified {
    border-radius: 0px !important;
    border: 0px solid #CCC !important;
}

.vs-header .nav-justified > li > a {
    font-size: 15px !important;
    border: 0;
    color: #fff !important;
    background-color: #434c53 !important;
}

.vs-header .nav > li > a:focus,
.vs-header .nav > li > a:hover {
    background-color: #212F3C !important;
}

.navbar-default-sub .nav > li > a {
    color: #fff;
}

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

/*161201 무제한 호스팅 노란색 동그라미*/
.navbar-default-sub .nav > li > a:focus,
.navbar-default-sub .nav > li > a:hover {
    background: none !important;
}

.vs-header .nav-justified > .active > a,
.vs-header .nav-justified > .active > a:hover,
.vs-header .nav-justified > .active > a:focus {
    background-color: #131B23 !important;
    background-image: none !important;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0) inset !important;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: #212F3C !important;
    border-color: #2B3E4F !important;
}

.vs-header .nav-justified > li:first-child > a {
    border-radius: 0px 0px 0px 0px;
    border-left: 1px solid #395268 !important;
}

.vs-header .nav-justified > li:last-child > a {
    border-radius: 0px 0px 0px 0px;
    border-right: 1px solid #395268 !important;
}

.vs-top-container {
    position: fixed;
    width: 100% !important;
    background: #fff;
    z-index: 8888;
    padding-right: 0px;
    padding-left: 0px;
    left: 0px;
}

.vs-header {
    position: fixed;
    top: 96px;
    width: 100% !important;
    z-index: 8888;
    left: 0px;
}

.vs-header-sub {
    position: fixed;
    top: 166px;
    width: 100% !important;
    z-index: 888;
    left: 0px;
    min-height: 40px;
    border: 0px;
}

.vs-header-sub .navbar {
    margin-bottom: 0px;
}

.navbar-default-sub .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
}

.navbar-default-sub .navbar-toggle .icon-bar {
    background: rgb(43, 62, 79) none repeat scroll 0% 0%;
}

.navbar-default-sub .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-default-sub .navbar-toggle {
    margin-right: 10px;
    padding: 9px 6px;
}

.vs-gnb {
    position: absolute;
    left: 0;
    top: 59px;
    margin-left: 66%;
}

ul.vs-gnb {
    padding: 0px;
    list-style: none;
}

ul.vs-gnb li {
    float: left;
    font-size: 14px;
    padding: 3px 8px;
}

ul.vs-gnb li:last-child {
    border-right: 0px solid #ddd;
}

ul.vs-gnb li a {
    color: #000;
    text-decoration: none;
}

.vs-gnb-mobile {
    width: 100%
}

ul.vs-gnb-mobile {
    padding: 0px;
    list-style: none;
}

ul.vs-gnb-mobile li {
    float: left;
    font-size: 12px;
    /*padding:2px 10px; 161125수정*/
    padding: 2px 5px;
    border-left: 0px solid #ddd;
}

ul.vs-gnb-mobile li:last-child {
    border-right: 0px solid #ddd;
}

ul.vs-gnb-mobile li a {
    color: #000;
    text-decoration: none;
}

.dropdown-menu {
    width: 100%;
    border-radius: 0px;
    font-size: 13px;
    min-width: 100px;
    margin-top: 0;
    border: 0;
}

.vs-top-gnb-mobile {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
    height: 29px;
}

.vs-top-gnb-mobile > ul.vs-gnb-mobile {
    margin: 5px auto 0px;
    padding: 0px;
    list-style: none;
    width: 295px;
    overflow: hidden;
}

.vs-top-gnb-mobile > ul.vs-gnb-mobile > li {
    float: left;
}

.vs-header .navbar-toggle {
    padding: 6px 6px;
    border-color: rgba(0, 0, 0, 0) !important;
    border-radius: 0px;
    margin-right: 10px;
}

.vs-header .navbar-toggle:focus,
.vs-header .navbar-toggle:hover {
    background-color: rgba(0, 0, 0, 0);
}

.vs-header .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #ddd;
}

/* 190517 메뉴 아이콘 추가 */
.nav-icon {
    display: inline !important;
    background-color: #ffba00;
    display: inline-block;
    padding: 0 5px;
    margin-left: 5px;
    border-radius: 5px;
    color: #fff;
}

.nav-icon-hot {
    background-color: #ff5c5c !important;
}

.nav-icon-new {
    background-color: #0095ff !important;
}

@media (max-width: 1200px) {
    .nav-icon {
        display: block;
        margin-left: 0;
        width: 40px
    }
}

@media (max-width: 992px) {
    .nav-icon {}
}

@media (max-width: 768px) {
    .nav-icon {
        display: inline-block;
        margin-left: 5px;
        background-color: #FCC104;
    }
}

/*하단영역*/

#aa img {
    width: 95px !important
}

/*ssl 인증마크 이미지 크기지정*/

.vs-footer-2015 {
    min-height: 45px !important;
    margin-bottom: 0px;
    overflow: hidden;
    zoom: 1;
    padding-bottom: 0px;
    border-bottom: 1px solid #535353 !important;
}

.vs-footer-2015 > .container {
    border-bottom: 0px solid #fff !important;
    padding-right: 15px;
    padding-left: 15px;
}

.vs-footer-2015 ul.vs-co-menu-2015 {
    padding: 0px;
    list-style: none;
    height: 34px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.vs-footer-2015 ul.vs-co-menu-2015 > li {
    float: left;
}

.vs-footer-2015 ul.vs-co-menu-2015 > li:first-child > a {
    padding-left: 0px;
}

.vs-footer-2015 ul.vs-co-menu-2015 > li > a {
    font-size: 12px;
    color: rgba(255,255,255,.7);
    padding: 0 10px;
    text-decoration: none;
}
.vs-footer-2015 ul.vs-co-menu-2015 > li > a.privacy{color: #fff; font-weight: 600}
.vs-footer-2015 .gotop-btn {
    color: #fff;
}

.vs-footer-2015 .gotop-btn:hover {
    color: #f6f6f6;
}

.vs-footer-2015-2 {
    margin-bottom: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    padding: 45px 0;
    text-align: left;
}

.vs-footer-2015-2 > .container {
    padding-right: 15px;
    padding-left: 15px;
}

/*180906 사업자정보확인 추가*/
.vs-copy .col-xs-12 p img {
    float: left;
    margin-right: 4px;
    margin-top: 6px;
}

.vs-copy .col-xs-12 p img:last-child {
    margin-right: 10px;
}

.vs-copy .col-xs-12 p input[name=wrkr_no] {
    float: left;
}

.vs-copy .col-xs-12 p input[type=button] {
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px !important;
}

.vs-copy .col-xs-12 p .btn-primary {
    background-color: red !important;
}

/*모바일 메뉴*/

.menu-onlym > div > a:checked {
    background-color: #fff;
    color: #333;
}

.menu-onlym .list-group.panel > .list-group-item {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.menu-onlym .list-group-submenu {
    margin-left: 20px;
}

.mmenu-area {}

.mmenu-area > .cd-panel-header {
    background: #f2f2f2;
    border-left: 0px solid #ddd;
}

.mmenu-area .cd-panel-container {
    background: transparent;
    border-left: 0px solid #ddd;
}

.mmenu-area .cd-panel-container > .cd-panel-content {
    padding: 0px 0px;
}

.cd-panel-content .panel {
    border-radius: 0px;
    border: 0px solid #fff;
}

.menu-onlym .list-group.panel > .list-group-item {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-group-item:last-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-group-item {
    padding: 17px 15px !important;
    border: 0px solid #DDD;
    color: #fff;
    background: #434c53;
}

.list-group > .list-group-item {}

.list-group div > .list-group-item {
    background: #2f353a !important;
    border-bottom: 1px solid #73777d;
    margin-bottom: 0px;
    padding-left: 35px !important;
    font-size: 13px;
}

.list-group div > .list-group-item:hover {
    background: #434c53 !important;
}

.vs-footer-thumb img {
    width: 51px;
}

/*20180822 인증마크 변경*/
.vs-footer-thumb img:nth-child(4) {
    width: 51px;
}

.vs-disqus {
    padding: 10px;
    border: 1px solid #ddd;
}

.vs-main-slide-overflow {
    overflow: hidden !important;
    max-height: 280px !important;
    margin-top: 143px;
}


.btn-turguoise {
    color: #FFF;
    background-color: #19C4CF;
    border-color: #0DB6C1;
}

.btn-turguoise:hover,
.btn-turguoise:focus,
.btn-turguoise:active,
.btn-turguoise.active,
.open .dropdown-toggle.btn-turguoise {
    color: #FFF;
    background-color: #128C94;
    border-color: #128C94;
}

.btn-manual a button {
    background-color: #FFF;
    border-color: #FFF;
    color: #128C94;
}

.btn-group-sm > .btn,
.btn-sm {
    padding: 2px 7px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}


.vs-top-gnb {}

.vs-top-gnb .fbcover {
    overflow: hidden;
    background: #3B5998;
    padding: 1px 0;
    margin-top: -3px !important;
    height: 21px;
}

.vs-top-gnb ul li img {
    margin: 0px !important;
}

.vs-top-gnb ul li span {
    padding: 3px 5px 2px 0px;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}

.vs-top-gnb ul li span.fbcounter {
    padding-left: 7px;
}


.popover {
    border-radius: 0px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 1);
}

.popover.left > .arrow {
    border-left-color: rgba(0, 0, 0, 1) !important;
}

.popover.right > .arrow {
    border-right-color: rgba(0, 0, 0, 1) !important;
}

.popover.top > .arrow {
    border-top-color: rgba(0, 0, 0, 1) !important;
}

.popover.bottom > .arrow {
    border-bottom-color: rgba(0, 0, 0, 1) !important;
}

.tooltip-inner {
    border-radius: 0px !important;
}

.vs-header .nav-justified > li:first-child > a {
    border-left: 0px solid #395268 !important;
}

.vs-header .nav-justified > li:last-child > a {
    border-right: 0px solid #395268 !important;
}

.vs-header > .vs-header-container {
    border-right: 1px solid #395268 !important;
    border-left: 1px solid #395268 !important;
    padding: 0;
}

.vs-header .navbar-collapse.collapse {
    padding: 0
}

.pub-con-init-box {
    height: 134px !important;
}

.pub-con-init-box {
    background: #fff;
}

.pub-page-2col .left-area {
    text-align: left;
    margin-bottom: 20px;
}

.pub-page-2col .left-area .pub-mydothome-menu {}

.pub-page-2col .left-area a.sidr-menu {
    padding: 9px 12px !important;
    color: #fff;
    text-decoration: none;
}

.pub-page-2col .left-area .pub-mydothome-menu .panel {
    border-radius: 0px;
}

.pub-page-2col .left-area .pub-mydothome-menu .panel .panel-heading {
    padding: 0px !important;
}

.pub-page-2col .left-area .pub-mydothome-menu .panel .panel-heading h5 a {
    padding: 12px 15px;
    text-decoration: none;
    text-align: left;
    font-size: 14px;
}

.pub-page-2col .left-area .pub-mydothome-menu .panel .panel-body {
    padding: 0px;
}

.pub-page-2col .left-area .pub-mydothome-menu .panel .panel-body tr:first-child td {
    border: none;
}

.pub-mydothome-menu ul > li {
    text-align: left;
    color: #333;
    border-bottom: 1px solid #dfdfdf;
}

.pub-mydothome-menu ul > li:last-child {
    border: none;
}

.pub-mydothome-menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.pub-mydothome-menu ul li a {
    display: block;
    padding: 10px 15px;
    font-size: 12px;
    color: #333;
    text-decoration: none;
}

.pub-mydothome-menu ul li a:hover {
    background: #fcfcfc;
}

.pub-mydothome-menu ul li a.active {
    background: #FCFCFC none repeat scroll 0% 0%;
    border-right: 1px solid #9B9B9B;
    font-weight: bold;
}

.pub-mydothome-title {
    padding: 13px;
    text-align: left;
    border: 1px solid #000;
}

.pub-mydothome-title {
    font-weight: bold;
    font-size: 14px;
    background: #2B3E4F;
    color: #fff;
}

.pub-mydothome-title small {
    font-weight: normal;
}

.pub-mydothome-title > a {
    padding: 1px 10px;
    color: #fff;
    text-decoration: none;
}





/*


 <div class="dh-side-menus">
    <ul class="sm-domain">
        <li><a href="">도메인신청</a></li>
        <li><a href="">도메인연장</a></li>
        <li><a href="">도메인 기관이전</a></li>
        <li><a href="">서비스특징</a></li>
        <li><a href="">부가서비스</a></li>
    </ul>
</div>


 * */
.dh-side-menus {
    width: 130px;
    border: 1px solid #cdcdcd;
    background: #fff;
    right: 0px;
    top: 143px;
    position: fixed;
    z-index: 13000;
}

.dh-side-menus .dh-title {
    color: #fff;
    background: #333;
    padding: 9px 0;
    font-size: 13px;
    font-weight: bold;
}

.dh-side-menus > ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
}

.dh-side-menus > ul li {
    text-align: center;
}

.dh-side-menus > ul li a {
    display: block;
    padding: 8px 0;
    font-size: 13px;
}

.dh-side-menus > ul li a:hover {
    background: #2B3E4F;
    color: #fff;
}

.dh-side-menus > ul li button {
    background: #FFF;
    border: medium none;
    font-size: 13px;
    padding: 8px 0px;
    display: block;
    width: 100%;
}

.dh-side-menus > ul li button:hover {
    background: #2B3E4F;
    color: #fff;
}

.dh-ads-area {}

.dh-ads-area ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.dh-ads-area ul li {
    border-top: 1px solid #cdcdcd;
}

.dh-ads-area ul li a {}

.dh-side-gotop {
    text-align: center;
}

.dh-side-gotop a {
    display: block;
    background: #cdcdcd;
    color: #fff;
    padding: 3px 0;
}

.dh-side-gotop a:hover {
    text-decoration: underline;
}

.dh-side-menus-none {
    display: none !important;
}

.gotop-btn {
    cursor: pointer;
}


/*1207 수정*/
.my_gnb > li:hover .jeMenu {
    background-color: #b2e1ff;
}

.my_gnb:hover .jeMenu {
    height: 319px;
}

.jeMenu {
    top: 37px;
    background: none;
    box-shadow: none;
    height: 0;
    padding: 0;
    overflow: hidden;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    transition: height 0.8s;
    display: block;
}

.jeMenu li:hover {
    background-color: #f2f2f2 !important;
}

.jeMenu li a {
    width: 100%;
    line-height: 1.9;
    color: #333;
    font-weight: 500;
}

.jeMenu li a:hover {
    background-color: #fff !important;
    color: #333;
}

.jeMenu .br_bottom {
    /* background: url("/static/images/event/line_bot.png") no-repeat 50% 100%/80%;*/
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    width: 90%;
    margin: auto;
    background-color: #999;
    color: #999;
    /*height: 0.5px;*/
    border: none;
    border: 0;
    border-top: 1px solid #434c53 !important;
}

#bgLine {
    position: absolute;
    border-bottom: 1px solid #434c53;
    top: 37px;
    width: 100%;
    background-color: #fff;
    z-index: 8;
    height: 0px;
    transition: height 0.8s;
    left: 0;
}

#bgLine.wide {
    height: 320px;
}

.logo > img {
    margin-top: 13px;
    width: 300px;
}

.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');
}

/*---------------------메인and레이아웃 컨테이너 설정------------------------*/
/*login*/

#memberLogin.container {
    margin: 15em auto 15em;
    max-width: 460px;
}

#memberLogin .well-lg {
    padding: 24px;
    border-radius: 6px;
}

#memberLogin .well {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/*181002 수정*/
#memberLogin .join-box {
    margin-top: 200px;
}

.vs-log-title-complete p {
    font-size: 16px;
    font-weight: 500;
}

/*181002 수정 end*/

#memberLogin .vs-log-area {
    min-height: 250px;
    padding: 14px !important;
}

#memberLogin .vs-log-area > .panel {
    margin-bottom: 0px;
}

#memberLogin .panel-default {
    border-color: #dddddd;
}

#memberLogin .panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

#memberLogin .vs-log-title-top {
    color: #434A54;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 10px 15px;
    font-size: 12px;
    clear: both;
}

#memberLogin .vs-log-title-top > b {
    font-size: 11px;
}

#memberLogin .vs-log-area .input-group {
    margin-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
}

#memberLogin .vs-log-area .input-group .input-group-addon {
    min-width: 50px;
}

#memberLogin .input-group-addon:first-child {
    border-right: 0;
}

#memberLogin .vs-log-area .form-control {
    height: 34px;
    font-size: 12px;
    padding-left: 10px;
}

#memberLogin .log-btns {
    text-align: center;
    margin-bottom: 25px;
}

#memberLogin .log-btns a {
    font-size: 14px;
    width: 32%;
}

#memberLogin .log-btns .bar {
    color: #ddd;
    font-size: 14px
}

#memberLogin .btn {
    border-radius: 0px !important;
}

.main-login {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 32%;
    max-height: 86px;
    height: 100%;
}

.main-login:hover {
    height: 100%;
}

#memberLogin .d_login {
    margin-top: 10px;
}

#memberLogin .main-login.active,
#memberLogin .main-login:active,
#memberLogin .main-login:focus,
#memberLogin .main-login:hover,
#memberLogin .main-login,
#memberLogin .main-login-naver.active,
#memberLogin .main-login-naver:active,
#memberLogin .main-login-naver:focus,
#memberLogin .main-login-naver:hover,
#memberLogin .main-login-naver {
    color: #757575;
    outline: 0px none !important;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 10%;
}

#memberLogin.container {
    margin: 15em auto 5em;
    max-width: 460px;
}

#memberLogin .btn-dothome .login_icon,
#memberLogin .btn-naver .login_icon {
    display: block;
    background-image: url(/static/images/join/d_logo2.png);
    background-size: contain;
    height: 23px;
    font-size: 16px !important;
    background-repeat: no-repeat;
    border-right: 1px solid #ccc;
    background-position: center;
    width: 55px;
}

#memberLogin .sub-login span,
.sub-login-naver span {
    background-position: 49% 31%;
    min-width: 50px;
}

#memberLogin .btn-block + .btn-block {
    margin-top: 5px;
}

#memberLogin .btn-naver .login_icon.n_login,
#memberLogin .btn-naver .login_icon.d_login {
    background-image: url(/static/images/join/n_logo.png);
    background-size: initial;
    background-position: center;
}

#memberLogin .sub-login span,
.sub-login-naver span {
    background-position: 25% 31%;
    min-width: 39px;
}

#memberLogin .btn-dothome {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #757575 !important;
}

#memberLogin ul.log-btns {
    margin-left: 0;
    margin-right: 0
}

#memberLogin ul.log-btns li {
    margin: 5px 0;
    float: left;
    color: #333;
    border-right: 1px solid #ddd;
    padding: 0;
    width: 33.3333%;
    text-align: center;
}

#memberLogin ul.log-btns li:last-child {
    border-right: 0;
}

#memberLogin ul.log-btns a {
    font-size: 16px;
    border: 0;
    background-color: transparent;
}

#memberLogin hr {
    border-top: 1px solid #ddd;
}

#basic-addon1 {
    padding: 0 2rem;
    background-color: #fff;
    border-right: 0;
}

#basic-addon2 {
    padding: 0 1.6rem;
    background-color: #fff;
    border-right: 0;

}

#memberLogin #exampleInputID2,
#memberLogin #exampleInputpw2 {
    font-size: 16px !important;
    height: 45px;
    border-left: 0;
    box-shadow: none;
}

#memberLogin .btn-dothome,
#memberLogin .btn-naver {
    padding: 0;
}

#memberLogin .input-group {
    margin: 10px 0;
}

#memberLogin .checkbox label {
    font-size: 13px;
}


/*회원가입*/
#memberJoinInfo {
    margin: 14em auto 4em;
}

#memberJoinInfo .row {
    margin-left: 0;
    margin-right: 0;
}

#memberJoinInfo .vs-log-area .input-group {
    margin-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
}

#memberJoinInfo .vs-input-group {
    clear: both;
}

#memberJoinInfo .vs-log-area .form-control {
    height: 34px !important;
    font-size: 12px !important;
    padding-left: 10px;
}

#memberJoinInfo .vs-input-group > .input-group-btn > .btn {
    height: 34px;
}

#memberJoinInfo .input-group-btn:last-child > .btn {
    margin-left: -1px;
}

#memberJoinInfo .vs-pw-group div {
    padding: 0px !important;
    margin-bottom: 10px !important;
}

#memberJoinInfo .form-control {
    display: block;
    width: 100%;
    padding: 5px 5px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#memberJoinInfo .vs-tip {
    text-align: left;
    font-size: 11px;
    line-height: 20px;
    color: #0082da;
    font-weight: bold;
}

#memberJoinInfo .vs-log-area .input-group .input-group-addon {
    min-width: 50px;
}

#memberJoinInfo .vs-application .form-group {
    margin-bottom: 10px !important;
}

#memberJoinInfo .agree-recieve {
    display: inline-block !important;
    margin: 3px 0 7px !important;
}

#memberJoinInfo .agree-recieve label {
    margin-right: 10px;
}

#memberJoinInfo .checkbox label {
    font-size: 11px;
    line-height: 2em;

}

#memberJoinInfo .vs-log-title-top {
    color: #434A54;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 10px 15px;
    font-size: 12px;
    clear: both;
}

#memberJoinInfo .vs-log-title-top > b {
    font-size: 11px;
}

#memberJoinInfo .no-shadow-radius {
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

#memberJoinInfo .vs-agree-one {
    margin-top: 10px;
}

#memberJoinInfo .vs-agree-one .col-md-6 label {
    font-size: 11px;
}

#memberJoinInfo .vs-agree-one .col-md-6 label > b {
    font-size: 15px !important;
}

#memberJoinInfo .vs-dothome {
    color: #0e68ab !important;
}

#memberJoinInfo .btn-dothome {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #757575 !important;
}

#memberJoinInfo .row.vs-pw-group {
    margin-right: 0;
    margin-left: 0;
}

#memberJoinInfo .agree-title {
    text-align: center !important;
}

#memberJoinInfo .vs-log-area {
    min-height: 250px;
    padding: 14px !important;
}

#memberJoinInfo .radio,
.checkbox {
    display: block;
    min-height: 20px;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}

#memberJoinInfo .vs-log-area .input-group {
    margin-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
}

#memberJoinInfo .vs-mail-form {
    float: left !important;
}

#memberJoinInfo .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

#memberJoinInfo .no-padd {
    padding: 0px !important;
}

#memberJoinInfo .vs-agree-one .row > div {
    padding: 0;
}

#memberJoinInfo .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}


@media (max-width: 767px) {
    #memberJoinInfo {
        margin: 11em auto 1em !important;
        padding: 0;
    }

    #memberLogin.container {
        margin: 12em auto 10em !important;
        padding: 0;
    }

    .vs-header > .vs-header-container {
        border: none !important;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/*태블릿버전 소메뉴*/
@media (max-width: 991px) {


    .vs-header .nav-justified > li > a {
        padding: 0 !important;
        font-size: 12px !important;
    }

    .jeMenu .br_bottom {
        width: 90%
    }

    .dropdown-menu > li > a {
        font-size: 12px;
        padding: 3px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    div.section > .container {
        padding-left: 0px;
        padding-right: 0px;
    }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    #memberLogin.container,
    #memberJoinInfo.container {
        width: 1000px !important;
    }

}

.vs-top-gnb .sns img {
    width: 80%;
    margin-top: 15px;
    margin-bottom: 0;
}

.vs-gnb-mobile li a.n_facebook img,
li a.n_facebook img,
.vs-gnb-mobile li a.n_blog img,
li a.n_blog img {
    width: 70%;
    vertical-align: top;
}

.sns > a {
    width: 23px;
    height: 23px;
}

.sns .n_facebook img {
    margin-left: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-lg.visible-md {
        display: none !important;
    }
}

@media (max-width: 400px) {
    #memberLogin .join-box {
        margin-top: 125px !important
    }
}

@media (max-width: 1200px) {
    .my_gnb_line {
        display: table;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 991px;
    }
}

#billChgModal input{display:inline-block; width:49%; margin:5px 0.5%; float:left;}
#billChgModal p{margin:0; line-height:1.4;}
#billChgModal th, #billInsModal th{padding:0.5rem 0; width:40%;}
#billChgModal .modal-body, #billInsModal .modal-body{padding:10px 25px 20px;}

#billInsModal input{display:inline-block; width:100%; margin-bottom:5px;}
#billInsModal table{width:100%; margin:0;}
#billInsModal .modal-body::after, #billChgModal .modal-body::after{content:''; display:table; clear:both;}
#billInsBtn, #billChgBtn{padding:5px 25px; margin-top:5px;}

#billChkModal input{display:inline-block; width:100%; margin-bottom:5px;}
#billChkModal table{width:100%; margin:0;}
#billChkModal .modal-body::after, #billChkModal .modal-body::after{content:''; display:table; clear:both;}