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

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/static/fonts/new2015/glyphicons-halflings-regular.eot');
    src: url('/static/fonts/new2015/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/new2015/glyphicons-halflings-regular.woff') format('woff'), url('/static/fonts/new2015/glyphicons-halflings-regular.ttf') format('truetype'), url('/static/fonts/new2015/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

@font-face {
    font-family: 'NotoSans-regular';
    src: url('/static/fonts/renewal/NotoSansKR-Regular.ttf') format('truetype');
    src: url('/static/fonts/renewal/NotoSansKR-Regular.otf') format('opentype');
    src: url('/static/fonts/renewal/NotoSansKR-Regular.woff') format('woff');
    src: url('/static/fonts/renewal/NotoSansKR-Regular.eot') format('embedded-opentype');
}


@font-face {
    font-family: 'NotoSans-light';
    src: url('/static/fonts/renewal/NotoSansKR-Light.ttf') format('truetype');
    src: url('/static/fonts/renewal/NotoSansKR-Light.otf') format('opentype');
    src: url('/static/fonts/renewal/NotoSansKR-Light.woff') format('woff');
    src: url('/static/fonts/renewal/NotoSansKR-Light.eot') format('embedded-opentype');
}


@font-face {
    font-family: 'NotoSans-bold';
    src: url('/static/fonts/renewal/NotoSansKR-Bold.ttf') format('truetype');
    src: url('/static/fonts/renewal/NotoSansKR-Bold.otf') format('opentype');
    src: url('/static/fonts/renewal/NotoSansKR-Bold.woff') format('woff');
    src: url('/static/fonts/renewal/NotoSansKR-Bold.eot') format('embedded-opentype');
}

* {
    padding: 0;
    margin: 0;
}

body {
    /* 기본폰트설정 p */
    font-family: NotoSans-regular, "Malgun Gothic", "맑은 고딕", Dotum, sans-serif, arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    word-break: keep-all;
    overflow-x: hidden;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

.emaildot {
    border: 0;
    background-color: transparent;
    display:inline-block;
}

.img-responsive{margin:0 auto;}

/*---------- 폰트 사이즈_2019 ----------*/

.main-copy {
    /* h1 */
    font-size: 42px;
    line-height: 1.3;
}

.title {
    /* h3 */
    font-size: 30px;
}

.sub-copy {
    /* h4 */
    font-size: 26px;
    line-height: 1.4;
}

.sub-title {
    font-size: 20px;
    font-weight: 600;
}

.text {
    /* p */
    font-size: 16px;
    line-height: 1.6
}

.sub-menu {
    /* a */
    font-size: 14px;
}

.text-white {
    color: #fff !important;
}

.main-color-bg2{transition:all .2s; background:#0070c0!important; border:1px solid #0070c0!important; color:#fff!important; }
.main-color-bg2:hover{transition:all .2s; color:#0070c0!important; background:#fff!important; border-color:#0070c0!important;}

/*button*/

.prd-feature-section button{outline:none}

.submit_btn{padding:5px 25px; background:#0070c0; color:#fff; border-radius:50px;}

.bg-white{background:#fff;}

.btn-estimate{
    padding:2px 8px !important;
    font-size:12px !important;
    margin:0px!important; 
}

.btn-blue{
    padding: 1.5rem 3.5rem;
    background-color: #0082de;
    transition: all .2s;
    color:#fff!important;
    border-radius: 3px !important;
    margin: 0 0.5rem;
    color: #fff;
}
.btn-blue2{
    padding: 1.5rem 3.5rem;
    background-color:#fff!important;
    color:#5ca3cf!important;
    font-size:16px;
    transition: all .2s;
    border:1px solid #fff;
    border-radius:3px!important;
    margin: 0 0.5rem;
    font-weight:700;
}
.qna_go:first-child{background:#fff; color:#0070c0;}
.qna_go{background:#0070c0; color:#fff; padding:5px 10px; border-radius:5px; border:1px solid #0070c0}
.qna_go:hover span{transform:scale(1.2); transition:all .2s;}
.btn-blue3:first-child{background:#0070c0; color:#fff;}
.btn-blue3{padding:13px 15px; background:#fff; color:#333; border:1px solid #0070c0; cursor:pointer; border-radius:10px;}
.btn-blue3:hover, .btn-blue3:hover span{border:1px solid #5ca3cf;}
.btn-blue:hover, .btn-blue3:hover {
    background-color:#5ca3cf;
    color:#fff!important;
    transition: all .2s;
}

.btn-blue2:hover {
    background-color:#5ca3cf!important;
    color:#fff!important;
    transition: all .2s;
}
.btn-blue2:hover a{color: #fff!important;}
.text-blue2{color:#5ca3cf!important;}


.btn-none {
    width: 12rem;
    padding: 1.5rem 3.5rem;
    background-color: #f2f2f2;
    transition: all .2s;
    margin: 0 0.5rem;
}

.btn-none:hover {
    background-color: #0082de;
    color: #fff;
    transition: all .2s;
}

.je-domain a {
    display: inline-block;
    min-width: 180px;
    margin-top: 50px;
    text-align: center;
    font-weight: 300;
    color: #004877;
    font-size: 14px;
    padding: 16px 0;
    transition: all 0.8s;
    border: 1px solid #004877;
}

.je-domain a:hover {
    background-color: #004877;
    color: #fff;
}

.su-button a {
    display: inline-block;
    min-width: 170px;
    margin: 30px 0;
    line-height: 1.5em;
    text-align: center;
    font-weight: 300;
    color: #fff;
    font-size: 14px;
    padding: 16px 0;
    transition: all 0.8s;
    border: 1px solid #fff;

}

.su-button a:hover {
    background: #fff;
    color: #004877;
}

/*boxing-padding*/
.box-pad-3055 {
    padding: 30px 55px;
}





a {
    color: #555;
    text-decoration: none;
}

a:hover,
a:active,
a:visited {
    text-decoration: none;
}


.first-box {
    margin-top: 50px;
}

.marginLeft20 {
    margin-left: 20px;
}


.pub-container {
    padding: 0;
}

.con-box {
    padding: 0px;
    background: #fff;
    text-align: left;
}

.con-box h1 {}

.con-box h2 {}

.con-box h3 {
    font-size: 30px;
    margin-bottom: 30px;
}

/*Only Box Title*/
.con-box h4 {
    margin-top: 20px;
}

/* con-box 내에서의 작은 타이틀 */
.con-box h5 {}


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

/* well border-radius */


.panel-heading {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.panel .panel-heading h4 {
    margin: 0px;
}

/* 판넬 heading 부분 */
.planContainer .title h4 {
    margin: 10px auto;
}

/* XE, 제로보드 호스팅 - 가격표 타이틀 */

.popover-content {
    font-size: 12px;
}

/* 툴팁 내용 폰트크기 */

/*.con-box p{margin-bottom:13px;}*/

.brd {
    font-weight: bold;
}

.brd-o{
    font-weight:bold; color:#f46d00;
}

.display-n {
    display: none;
}

.color-red {
    color: red;
}

.color-darkorange {
    color: #da5622 !important;
}

.color-blue {
    color: #0070c0 !important;
}

.color-navy {
    color: #2B3E4F !important;
}

.color-white {
    color: #fff !important;
}

.color-sky {
    color: #88d4e3 !important;
}

.color-ddd {
    color: #ddd !important;
}

.color-bbb {
    color: #bbbbbb !important;
}

.color-333 {
    color: #333 !important;
}

.color-green {
    color: #2c982c !important;
}

.bg-blue {
    background: #0D67AB;
}

.bg-ddd {
    background: #ddd;
}

.bg-ivory {
    background: #f3f3f3;
}

.bg-ghostwhite {
    background: #fcfcfc;
}

.bg-sky {
    background: #88d4e3;
}

.bg-green {
    background: #2c982c;
}


.con-box .copy1 {
    color: #fff;
    background: #0D67AB;
    padding: 4px 7px;
    font-size: 34px;
    margin-bottom: 20px;
}

.con-box .copy2 {
    color: #333;
    background: #d5d5d5;
    padding: 4px 7px;
    font-size: 34px;
    margin-bottom: 20px;
}

.bg-sky-and {
    background: #88d4e3;
    color: #fff;
}

.bg-dotBlue {
    background-color: #23ADE3;
}

/*닷홈 blue*/
.dotBlue {
    color: #23ADE3;
}

/*닷홈 blue*/

.smalltxt {
    font-size: 14px;
}

.small2txt {
    font-size: 15px !important;
}

.normaltxt {
    font-size: 16px !important;
}

.normal2txt {
    font-size: 18px !important;
}

.middletxt {
    font-size: 21px;
}

.largetxt {
    font-size: 28px;
}

.large2txt {
    font-size: 34px;
}

.optiontxt {
    font-size: 14px;
    line-height: 14px;
}

.optiontxt2 {
    font-size: 12px;
    line-height: 12px;
}

.font12 {
    font-size: 12px;
}


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

.pub-li {
    margin-bottom: 35px;
    padding-left: 20px;
}


.padd5 {
    padding: 5px;
}

.padd10 {
    padding: 10px;
}

.padd20 {
    padding: 20px;
}

.padd30 {
    padding: 30px;
}

.paddtb50 {
    padding: 50px 0;
}

.padd-L-20 {
    padding-left: 20px;
}


.mg-top-20 {
    margin-top: 20px;
}

.mg-top-30 {
    margin-top: 30px;
}

.mg-top-50 {
    margin-top: 50px !important;
}

.mg-top-100 {
    margin-top: 100px !important;
}


.float-L {
    float: left;
}

.float-R {
    float: right;
}

.overflow-hd {
    overflow: hidden;
}

.clear-B {
    clear: both;
}

.word-k {
    word-break: keep-all;
}

.t-align-L {
    text-align: left;
}

.btn-primary {
    background: #0D67AB;
}

.btn-primary:hover {
    background: #0a558d;
    color: #fff;
    border-color: #064b7f;
}


.box-nameserver ul li div:nth-child(2) {
    padding-left: 15px;
}

td {
    text-align: center;
    vertical-align: middle !important;
}

.domain-process .col-md-3 .panel {
    border-radius: 0px !important;
}


/*판넬 색상 설정*/
.panel-ghostwhite {
    border-color: #DDD;
}

.panel-ghostwhite > .panel-heading {
    color: #000;
    background-color: #fcfcfc;
    border-color: #DDD;
}

.panel-sky {}

.panel-sky > .panel-heading {
    color: #FFF;
    background-color: #00abeb;

    border-radius: 0px;
}

/*pagination*/

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    border-color: #0070c0!important;
    background-color: #0070c0!important;
    /*z-index:1; 달력 수정*/
}

/*----------리뉴얼 페이지_2019 ----------*/

/*결제페이지*/
#domain_opt{max-width:250px;}

.csr_chk {
    left: 40%;
}
#staff_list, #owner_info{margin-bottom:5px;}
.coupondone{border:0;}
.w-p-01{margin:2px 6px;}
.w-span-02 {
    margin: 0 5px;
    text-align: center;
    vertical-align: middle;
    color: red;
    font-weight: 700;
}
#defaultNS{}
.zipcode_btn{margin-bottom:0px!important}
#nsform, #admin_info{float:right; margin-bottom:5px;}
.my-prd-con-box::after{content: ""; display: block; clear: both;}
.my-prd-con-box .table-info>tbody>tr>td, .table-info>thead>tr>td{word-break:break-all!important; padding:4px!important;}
.my-prd-con-box .table>tbody>tr>td{word-break:inherit;}


/* 공통 */
.prd-service-question-section{background:#eee;}
.call-number{float:left; width:auto; margin-top:55px;}
.call-center{margin-right:15px;}

#scroll-section1{background-position:60%!important;}
.title-section{position: absolute; top:220px;}

.csr-table {
    display: none !important
}


.navbar-static-bottom2 a {
    color: #fff !important
}

.fa-question-circle-o {
    color: #a6a6a6;
}

.btn-blue-slim {
    padding: 1rem 2rem !important;
    border-radius:3px!important;
}

.btn-blue-slim-inside {
    padding: 6px 15px !important
}

.pub-web-prd-box01 {
    margin-top: 422px;
}

.road-map {
    position: absolute;
    right: 15px;
    top: -250px;
}
.road-map2{
    position: absolute;
    right: 15px;
    top: 20px;
}

bold {
    font-weight: bold;
    font-size: 14px;
    color: #0D67AB;
    font-family: 'NotoSans-regular', 'Malgun Gothic', Dotum, sans-serif, arial !important
}

.prd-section {
    padding: 40px 0 20px !important;
}

.prd-section .col-sm-12 {
    padding: 0;
}

.prd-section .popover-title {
    font-size: 14px !important;
}

.prd-section .popover-content {
    font-size: 12px !important;
}

.popover-content p {
    margin: 0 !important;
}

.prd-section .row {
    margin-right: -15px;
    margin-left: -15px;
    padding: 20px 15px 40px;
}

.prd-section .img-home {
    padding-bottom: 4px;
}

.prd-section .title {
    font-size: 32px;
    font-family: 'NotoSans-regular', 'Malgun Gothic', '맑은 고딕', Dotum, sans-serif, arial !important;
    margin: 40px 0;
    line-height: 1.4;
}

/*
.prd-section .btn_white{
    padding: 1.5rem 2rem;
    transition: all .2s;
    margin: 0 0.5rem;
    background: #fff;
    color: #333!important;
    font-size: 16px;
}

.prd-section .btn_white:hover,
.prd-section .btn_white:focus,
.prd-section .btn_white:active,
.prd-section .btn_white:visited
{
   color: #333!important; 
}*/

.prd-section .btn_blue {
    padding: 1.5rem 2rem;
    transition: all .2s;
    margin: 0 0.5rem;
    color: #fff;
    font-size: 16px;
    border-radius: 3px !important;
}

.btn_down{color:#333!important; padding:10px 20px;}

.prd-section .btn_blue:hover,
.btn_blue:focus,
.btn_bluec:active,
.btn_blue:visited {
    color: #fff;
}

.prd-section .cs-box {
    background: #f9f9f9;
    margin-top: 100px;
}

.prd-section .cs-box .container {
    padding: 70px 0;
}

.prd-section .con-box {
    text-align: center;
}

.prd-section .con-box h3 {
    margin: 0 0 5px;
}

.prd-section .btn-box {
    margin-top: 30px;
    margin-bottom: 30px;
}

.prd-ssl-need-section {
    margin: 0;
    width: 100%;
    background: #f2f2f2;
}

.prd-free-section,
.prd-question-section {
    margin: 0;
    width: 100%;
    background: #f9f4f0;
}

.top-banner-bg {
    background: url(/static/images/dh2019/top-banner.jpg);
    margin-top: 67px !important;
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    z-index: -1;
}

.top-banner-bg-domain-200 {
    background: url(/static/images/dh2019/top-banner-domain-200.jpg);
    margin-top: 133px !important;
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    z-index: -1;
}


.top-banner-bg2 {
    background: url(/static/images/dh2019/top-banner2.jpg);
    background-size:cover;
    margin-top: 133px !important;
    width: 100%;
    height: 410px;
    position: absolute;
    left: 0;
    z-index: -1;
}

.top-banner-bg-ssl {
    background: url(/static/images/dh2019/top-banner-ssl.jpg);
    margin-top: 133px !important;
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0;
    z-index: -1;
    background-position-x: 60%;
}

.top-banner-bg-payment {
    background: url(/static/images/dh2019/top-banner-payment.jpg);
    margin-top: 133px !important;
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    z-index: -1;
}



/* 도메인 등록, 기관이전 - 쿠폰코드 띠 */
.event-coupon-line {
    height: auto;
    padding: 10px;
}

.event-coupon-line span {
    font-size: 28px;
}

.event-coupon-line span,
.event-coupon-line i {
    color: #fff !important;
}

.event-coupon-line .row {
    padding: 0 15px;
}

.event-coupon-line-bg {
    width: 100%;
    line-height: 65px;
    font-size: 28px;
    background: #0070c0;
}

/* 도메인 검색박스 */

.domain-search-not-login {
    width: 100%;
    padding: 0 15px;
    position: absolute;
    top: -125px;
}

.domain-search {
    margin: 0;
}

.domain-search-tab {
    position: relative;
}

.domain-search-tab > .nav {
    position: absolute;
    right: 15px;
    top: -132px;
    z-index: 3
}

.find-domain {
    width: 100%;
    height: 70px;
}

.search-box .domain-multi {
    width: 100%;
}

.find-domain img,
.domain-multi img {
    padding-bottom: 7px;
}

#frmMultiDomainSerach {
    height: auto;
}

.find-domain #basic-addon2,
.domain-multi #basic-addon3 {
    padding: 10px 20px 15px;
    border: 0;
}

.find-domain .form-control,
.domain-multi .form-control {
    padding: 10px;
}

.find-domain .form-control,
.domain-multi .form-control {
    font-size: 16px !important;
    border: 0;
    box-shadow: none !important;

}

#multi_domain {
    max-height: 120px;
    min-height: 120px;
}

.find-domain .form-control,
.find-domain .input-group-addon,
.find-domain .input-group-btn {
    height: 100%
}

.find-domain .input-group-btn,
.domain-multi .input-group-btn {
    width: 120px;
}

.find-domain .input-group-btn > .btn,
.domain-multi .input-group-btn > .btn {
    padding: 12px 12px 5px;
    color: #fff !important
}

.input-group-btn > .btn {
    width: 100%;
    height: 100%;
    border: 0;
    background: #434c53;
}

.domain-search-new {
    position: absolute;
    left: 0;
    top: -115px;
    width: 100%;
}

domain-search-tab2 .check-domain-searchbox {
    top: -10px !important;
}

.tab-content > .tab-pane {
    padding: 15px !important;
    width: 100%;
}

.checkbox-option {
    padding: 0;
    position: absolute;
    right: 120px;
    top: 14px;
    z-index: 3;
}

.checkbox-option .dropdown-toggle {
    width: 150px;
    height: 40px;
    border: 0 !important;
    box-shadow: none;
    margin-top: 1px;
    background: none !important;
}

.search-box .checkbox-option .collapse-menu {
    margin-top: 15px;
    width: 150px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 16px;
    background: #fff;
    text-align: left;
    border: 1px solid #ddd;
}

.search-box .checkbox-option .dropdown-menuinput [type=checkbox] {
    margin: 8px;
}

.search-box .checkbox label,
.search-box .radio label {
    padding-left: 43px;
}

/* 상품 카드 영역 */

.prd-plan-section .coupon {
    padding: 2px 15px !important;
    border-radius: 20px;
    background: #009cff;
    font-weight: bold;
    color: #fff !important;
    border: 1px solid #009cff;
    cursor: pointer;
    margin-bottom: 15px;
}

.prd-plan-section .coupon p {
    font-size: 14px !important;
}

.prd-plan-section .price_year {
    padding: 30px 0 0 !important;
    margin: 0;
    text-decoration: line-through;
    color: #777;
}

.prd-plan-section .prd_list {
    margin: 30px 0;
}

.prd-plan-section .prd_card {
    width: 250px;
    display: inline-block;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.20);
    vertical-align: top;
    height: 320px;
}

.prd-plan-section .prd_card:after {
    content: "";
    display: block;
    clear: both;
}

.prd-plan-section .prd_card:nth-of-type(2),
.prd-plan-section .prd_card:nth-of-type(3) {
    margin-left: 50px;
}

.prd-plan-section .prd_card:last-child {
    margin-bottom: 0
}

.prd-plan-section .prd_card span {
    font-family: 'NotoSans-regular', 'Malgun Gothic', '맑은 고딕', Dotum, sans-serif, arial !important
}

.prd-plan-section .prd_card p {
    padding: 15px 0;
}

.prd-plan-section .prd_card a {
    font-weight: 600;
    color: #0070c0;
    font-family: 'NotoSans-regular', 'Malgun Gothic', '맑은 고딕', Dotum, sans-serif, arial
}

.prd-plan-section .prd_title, .prd-plan-ssl-section .prd_title{
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    background: #0070c0;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.event_coupon{
    width:auto;
    font-size: 20px;
    background: #ce3939;
    color: #fff;
    padding: 3px 10px 5px;    
}
.event_coupon i{transition:all .3s;}
.event_coupon i:hover{transform:scale(1.2); transition:all .3s;}

.prd-event-section { 
    width: 100%;
    background: #f2f2f2;
}

/* 네임서버 영역 */
.prd-mydomain-section {
    width: 100%;
    margin-top: 20px;
    background: #f2f2f2;
}

.prd-mydomain-section2 {
    width: 100%;
    color: #fff !important;
    background: url(/static/images/dh2019/top-banner-ssl.jpg);
    background-size: cover;
}

/* 연장비용 영역 */
.prd-extend-charge-section small {
    text-decoration: line-through;
    color: #777;
}  

.prd-extend-charge-section .discount-span {
    font-weight: 500;
}


/*기관이전 절차*/
.prd-howto-section {
    width: 100%;
    background: #f9f9f9;
}

.prd-howto-section .how-to-transfer:after {
    content: "";
    display: block;
    clear: both;
}

.prd-howto-section .how-to-transfer li {
    float: left;
}

.prd-howto-section .how-to-transfer li:nth-child(1),
.prd-howto-section .how-to-transfer li:nth-child(3),
.prd-howto-section .how-to-transfer li:nth-child(5) {
    width: 22%;
    padding: 15px;
    margin: 0 auto;
    border: 1px solid #ddd;
    margin-right: 0;
    height: 200px;
    background: #fff;
}

.prd-howto-section .how-to-transfer li:nth-child(2),
.prd-howto-section .how-to-transfer li:nth-child(4),
.prd-howto-section .how-to-transfer li:nth-child(6) {
    width: 4%;
    vertical-align: middle;
    text-align: center;
}

.prd-howto-section .how-to-transfer li .fa-caret-right {
    display: block;
    line-height: 200px;
}

.prd-howto-section .how-to-transfer li .fa-caret-down {
    display: none;
}

.prd-howto-section .procedure-list{width:1050px;}
.prd-howto-section .procedure-list .bubble:last-child{margin-right:0;}
.prd-howto-section .procedure-list .bubble{
    position: relative;
    width: 240px;
    height: 250px;
    line-height: 150%;
    padding: 15px;
    border:1px solid #ddd;
    text-align: left;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #333;
    text-indent: 0;
    margin: 0 30px 0 0;
    transition:all 0.5s;
}

.prd-howto-section .procedure-list .bubble h3{
    color:#0070c0;
}

.prd-howto-section .procedure-list .bubble .tri2{
    position:absolute;
    right:90px;
    top:30px;
    width:10px;
    height:10px;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #0070c0;
    z-index:2;
    transition:all 1s;
    transition-timing-function: ease-in-out;
}

.prd-howto-section .procedure-list .bubble:hover{background:#5ca3cf; color:#fff; transition:all 0.5s;}
.prd-howto-section .procedure-list .bubble:hover h3 {color:#fff; transition:all 0.5s;}
.prd-howto-section .procedure-list .bubble:hover .tri2{border-left: 10px solid #fff; right:15px; transition:all 0.5s;}

.prd-howto-section h3 {
    margin-bottom: 20px;
}

/*기관이전 절차 모바일*/
.procedure-list-m {
    display: none;
}

.procedure-list-m li {
    position: relative;
    width: 100% !important;
    height: auto;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
    padding: 30px;
    margin:5px 0;
    text-align: center;
}

.procedure-list-m li .fa-arrow-down{color:#0070c0;}
.procedure-list-m li:last-child{margin-bottom:0px;}
.procedure-list-m li h3{color:#0070c0; margin-top:0!important;}

/*--기관이전 절차 모바일 끝--*/


/*닷홈빌더 절차*/
.prd-howto-section .bubble h3, .prd-howto-section .nobubble h3{margin:10px;}
.prd-howto-section .bubble p, .prd-howto-section .nobubble p{margin:0 10px;}
.prd-howto-section .bubble .btn-blue-slim, .prd-howto-section .nobubble .btn-blue-slim{margin:20px 10px 0}
.prd-howto-section .procedure-list .bubble


.my-prd-con-box {
    margin: 50px 0
}

/* 네임서버 영역 */
.prd-section .table > tbody > tr > th {
    vertical-align: middle;
    text-align: center;
    word-break: keep-all;
}

.prd-section tr {
    height: 46px;
}

.prd-section th, .prd-section td {
    font-size: 16px;
    word-break: break-all;
}

.prd-section tr:last-child {
    border-bottom: 1px solid rgb(221, 221, 221);
}


/* 네임서버 영역 */


.prd-feature-section .feature,
.prd-free-section .free-addition {
    height: 180px;
    margin:10px 0;
}

.prd-free-section .free-addition:after {
    content: "";
    display: block;
    clear: both;
}

.prd-feature-section .feature img {
    padding: 10px;
}

.prd-free-section .width20 {
    width: 20%;
}

.prd-free-section .width20 img {
    max-width: 100%;
    padding: 10px;
}

.prd-free-section .width80 {
    width: 80%;
}

.prd-question-section .panel-title {
    font-size: 18px;
}

.prd-question-section .panel-group .panel {
    margin-bottom: 15px;
}

.prd-question-section .panel {
    border-radius: 15px !important;
    border: none;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
}

.prd-question-section .panel-default > .panel-heading {
    background: #fff;
    padding: 20px;
    border-radius: 15px !important;
    border: none;
}

.prd-question-section .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
    margin: 0 0 15px 0;
    padding: 15px 20px;
}

.prd-question-section .fa-angle-down {
    font-size: 25px;
    transition: .3s;
}

.rotate {
    transform: rotate(180deg);
    transition: .2s;
}
.coupon_str {
    vertical-align: middle;
    padding: 1.5px 6px;
    border-radius: 4px;
    background: green;
    color: #fff;
    height: 100%;
    font-size: 15px;
    letter-spacing: 0px;
}

.prd-domain-list-section p{margin:0!important;}
.prd-domain-list-section .table-responsive {
    width: 100%;
    max-width: 700px;
}
.prd-domain-list-section .domain-table .domain-form-control{margin:0!important}

.prd-domain-list-section .domain-table tr {
    height: 50px;
}

.prd-domain-list-section .domain-table-m tr {
    height: 50px;
}

.prd-domain-list-section .domain-table thead tr {
    background: #f9f9f9;
    vertical-align: middle;
}

.prd-domain-list-section .domain-table-m thead tr {
    background: #f9f9f9;
    vertical-align: middle;
}

.prd-domain-list-section .table thead tr th:first-child{border-bottom:0;}
.prd-domain-list-section .table thead tr th, .prd-domain-list-section .table tbody tr th{width:60%!important; word-break: break-all; text-align:left;}

.prd-domain-list-section .domain-table tr th {
    line-height:150% !important;
    padding:8px !important;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.prd-domain-list-section .domain-table-m tr th {
    line-height:100% !important;
    padding:8px !important;
}

.prd-domain-list-section .domain-bill {
    border: 1px solid #eee;
    height:auto;
    width: 350px;
    background: #fff;
    z-index: 0;
    padding: 15px 20px;
    position: static
}

.prd-domain-list-section .domain-bill li {
    padding: 10px 0;
}

.prd-domain-list-section .domain-bill > li:first-child {
    padding: 5px 0;
}

.prd-domain-list-section .domain-bill > li:nth-child(4) {
    padding: 15px 0;
}

.prd-domain-list-section .domain-bill > li > ul > li {
    padding: 10px 15px 0;
}
.prd-domain-list-section .domain-bill > li > ul > li:after{content:""; clear:both; display:block}
.prd-domain-list-section .domain-bill .domain-list {
    height: 210px;
    overflow-x: hidden;
    border: 1px solid #ddd;
}

.prd-domain-list-section .bill-chk {
    background: transparent;
    border: 0;
}

.prd-domain-list-section .domain-bill-m {
    display: none;
    width: 100% !important;
    position: relative;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: auto;
    background: #fff;
    border-radius:2px;
    border: 1px solid #ddd
}
.prd-domain-list-section .domain-bill-m ul{margin-bottom:30px;}

.prd-domain-list-section .domain-bill-m > ul > li:nth-child(2),
.domain-bill-m .domain-list {
    height: 0px;
    overflow-y: auto;
    visibility: hidden;
    transition: all .2s;
}

.chk {
    height: 130px !important;
    visibility: visible !important;
    transition: all .2s;
    background: #f9f9f9;
}

.prd-domain-list-section .domain-bill-m > ul > li {
    margin: 20px 0;
}

.prd-domain-list-section .domain-bill-m .domain-list li {
    margin: 25px 0;
    padding: 0 15px;
}

.domain-list input[type=button] {
    visibility: hidden;
    vertical-align: middle;
}

.ssl-m {
    display: none;
}

.ssl-m,
.ssl-pc {
    max-width: 100%;
}

.btn_blue_slim {
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 3px !important;
}

.domain-list span:first-child{width:100%; display:inline-block;}

.domain-table input[type=checkbox] {
    display: none;
}

.domain-table-m input[type=checkbox] {
    display: none;
}

.domain-table input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url('/static/images/dh2019/icon_checkbox.png') no-repeat;
    vertical-align: middle;
    margin:0px
}

.domain-table-m input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url('/static/images/dh2019/icon_checkbox.png') no-repeat;
    vertical-align: middle;
    margin:0px
}

.domain1,
.domain2,
.domain3,
.domain4,
.domain5,
.domain6,
.domain7,
.domain8,
.domain9,
.domain10,
.domain11 {
    display: none;
}

.active {
    display: block !important;
}

.domain-table input[type=checkbox]:checked + label {
    background-image: url('/static/images/dh2019/icon_checkbox_checked.png');
}

.domain-table-m input[type=checkbox]:checked + label {
    background-image: url('/static/images/dh2019/icon_checkbox_checked.png');
}

.domain-table input[type=checkbox]:disabled + label {
    background-image: url('/static/images/dh2019/icon_checkbox_disabled.png');
    cursor: default;
}

.domain-table-m input[type=checkbox]:disabled + label {
    background-image: url('/static/images/dh2019/icon_checkbox_disabled.png');
    cursor: default;
}

.fixinner {
    position: fixed !important;
    top: 388px !important;
}

.fixbottom {
    position: absolute !important;
    bottom: -620px !important;
}

.fixinner-m {
    position: fixed;
    bottom: 0px !important;
}

.fixbottom-m {
    position: static !important;
}

.prd-globalsign-section {
    width: 100%;
    background: #f2f2f2;
}

.prd-plan-ssl-section,
.prd-ssl-section,
.prd-plan-webpremium-section, .prd-plan-web-section{
    width: 100%;

}

.prd-feature-section {
    width: 100%;
    background: #fff;

}

.section-bg {
    margin: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.prd-plan-ssl-section .price_year,
.prd-plan-webpremium-section .price_year,
.prd-plan-web-section .price_year
{
    padding: 30px 0 0 !important;
    margin: 0;
    text-decoration: line-through;
}

.prd-plan-ssl-section .title,
.prd-plan-webpremium-section .title,
.prd-plan-web-section .title
{
    font-size: 32px;
    font-family: 'NotoSans-regular', 'Malgun Gothic', Dotum, sans-serif, arial !important;
    margin: 40px 0;
}

.prd-plan-webpremium-section .prd_title,
.prd-plan-web-section .prd_title
{
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    background: #0070c0;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.prd-plan-ssl-section .prd_title img{
    width: 150px;
    margin-bottom: 10px;
}

.prd-plan-ssl-section .ssl_card, .prd-plan-webpremium-section .web_premium_card, .prd-plan-web-section .web_card, .prd-plan-web-section .single_card{
    display: inline-block;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.20);
    vertical-align: top;
    height: auto;
    position: relative;
    margin: 20px;
    transition:all .3s;
}

.prd-plan-ssl-section .ssl_card:hover, .prd-plan-webpremium-section .web_premium_card:hover, .prd-plan-web-section .web_card:hover{  
    transition:all .3s;
    transform: scale(1.02);
}

.prd-plan-web-section .single_card{width:20%; margin:0 10px;}

.prd-plan-web-section .web_card{margin:0 5px;}

.prd-plan-ssl-section .ssl_card{width: 43%;}

.prd-plan-ssl-section .ssl_card span, .prd-plan-webpremium-section .web_premium_card span, .prd-plan-web-section .web_card span, .prd-plan-web-section .single_card span{
    font-family: 'NotoSans-regular', 'Malgun Gothic', '맑은 ê³ ë”•', Dotum, sans-serif, arial !important
}

.prd-plan-ssl-section .ssl_card p, .prd-plan-webpremium-section .web_premium_card p, .prd-plan-web-section .web_card p, .prd-plan-web-section .single_card p{
    padding: 15px 0;
}

.prd-plan-ssl-section .ssl_card a, .prd-plan-webpremium-section .web_premium_card a, .prd-plan-web-section .web_card a, .prd-plan-web-section .single_card a{
    font-weight: 600;
    color: #0070c0;
    font-family: 'NotoSans-regular', 'Malgun Gothic', Dotum, sans-serif, arial
}

.prd-plan-ssl-section .ssl_card:after, .prd-plan-webpremium-section .web_premium_card:after, .prd-plan-web-section .web_card:after, .prd-plan-web-section .single_card:after{
    content: "";
    display: block;
    clear: both;
}

.wrap-discount{
    margin: 10px auto!important;
    padding: 1px!important;
    display:inline-block;
    border-radius: 4px;
    width:100%;
}

.wrap-discount-border {
    padding: 1px;
    border: 1px solid #f46d00;
    display: inline-block;
    border-radius: 5px;
}

.prd-plan-section .discount, .prd-plan-ssl-section .discount, .prd-plan-webpremium-section .discount, .prd-plan-web-section .discount{
    font-weight:700;
    color:#fff!important;
    cursor:default;    
    background: #f46d00;
    display:inline-block;
    border-radius:4px!important;
    padding:3px 5px;
}

.prd-plan-ssl-section .ssl_card .feature-list, .prd-plan-webpremium-section .web_premium_card .feature-list{
    width: 90%;
    margin: 0 auto 30px;
}

.prd-plan-web-section .web_card .feature-list, .prd-plan-web-section .single_card .feature-list{
    width: 90%;
    margin: 0 auto 30px;
}

.prd-plan-ssl-section .ssl_card .feature-list li, .prd-plan-webpremium-section .web_premium_card .feature-list li, .prd-plan-web-section .web_card .feature-list li, .prd-plan-web-section .single_card .feature-list li{
    padding: 7px 0;
    border-top: 1px dashed #ddd;
}

.prd-plan-ssl-section .ssl_card .feature-list li:first-child, .prd-plan-webpremium-section .web_premium_card .feature-list li:first-child, .prd-plan-web-section .web_card .feature-list li:first-child, .prd-plan-web-section .single_card .feature-list li:first-child{
    border-top: 0;
}

.prd-plan-ssl-section .btn_apply, .prd-plan-webpremium-section .btn_apply, .prd-plan-web-section .btn_apply, .prd-vs-section .btn_apply, .prd-section .btn_apply, .btn_apply{
    padding: 0.8rem 4rem;
    transition: all .2s;
    margin: 0 auto 30px;
    color: #fff !important;
    font-size: 16px;
    background: #0070c0 !important;
    border-radius: 3px !important;
    transition: all .2s;
    border: 1px solid #0070c0
}


.prd-plan-web-section .btn_apply{
    padding: 0.8rem 2rem;
}

.prd-addoption-section tr:first-child th{background:#5ca3cf; color:#fff; }
.prd-vs-section table tr th{background:#f2f2f2;}
.prd-vs-section table tr:last-child td{background:#f2f2f2;}
.prd-plan-web-section .btn_apply{background:#0070c0!important; border-color:#0070c0!important;}
.prd-plan-web-section .btn_apply:hover{color:#0070c0!important;}
.prd-plan-web-section .prd_title{background:#0070c0; color:#fff;}
.prd-plan-ssl-section .btn_apply:hover, .prd-plan-webpremium-section .btn_apply:hover, .prd-plan-web-section .btn_apply:hover,.prd-section .btn_apply:hover{
    background:transparent!important;
    color: #0070c0!important;
    transition: all .2s;
}

.prd-vs-section .btn_apply:hover, .btn_apply:hover{
    background: #f2f2f2 !important;
    color: #0070c0 !important;
    transition: all .2s;
}

.prd-vs-section{

}


.prd-ssl-section .icon-m {
    display: none;
}

.prd-ssl-section .icon-m,
.prd-ssl-section .icon-pc {
    max-width: 100%;
}

.prd-feature-section .feature {
    height: auto;
}

.prd-feature-section .feature i{transition:all .3s; color:#333!important;}
.prd-feature-section .feature i:hover{transition:all .3s; transform:scale(1.1); color:#a6a6a6!important;}

.prd-globalsign-section img {
    margin: 30px 0 25px;
}

.prd-guide-section {
    background: #fff;
}

.prd-guide-section .guide {
    padding: 15px;
    width: 20%;
    height: 100px;
    border: 1px solid #f2f2f2;
    margin: 10px 2.5%;
    border-radius: 5px;
    display: inline-block;
    float: left;
}

.prd-guide-section .guide:hover {
    border-color: #0070c0
}

.prd-guide-section img {
    max-width: 100%;
    max-height: 50px;
    margin-bottom: 5px;
}


/* 웹호스팅 비교 추천상품 */
.feature-vs p:nth-child(3){min-height:125px;}
.feature-vs {width:24%; margin-right:1.3%; padding:15px; border:1px solid #ddd; border-radius:20px; float:left; min-height:130px;}
/* 결제 진행상황 */

.procedure-list {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.procedure-list li {
    float: left;
    width: 33%;
    text-align: center;
}

.bubble {
    width: 33.3333%;
}

.bubble1,
.bubble2 {
    position: relative;
    height: 50px;
    padding: 0px;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
    line-height: 50px;
}

.bubble1 {
    background: #ddd;
    z-index: 3;
}

.bubble2 {
    background: #0070c0;
    color: #fff;
    z-index: 2;
    border-radius: 0;
}

.bubble3 {
    position: relative;
    z-index: 1;
    background: #fff;
    border-color: #fff;
    display: block;
    border-radius: 0 25px 25px 0;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.bubble1:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 25px 0 25px 15px;
    border-color: transparent #ddd;
    display: block;
    width: 0;
    z-index: 1;
    right: -15px;
    top: 0px;
}

.bubble2:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 25px 0 25px 15px;
    border-color: transparent #0070c0;
    display: block;
    width: 0;
    z-index: 1;
    right: -15px;
    top: 0px;
}

.mobile-spec{display:none!important;}


/*웹호스팅 공통 css*/

.prd-addoption-section tr:first-child th{background:#5ca3cf; color:#fff; }
.prd-vs-section table tr th{background:#f2f2f2;}
.prd-vs-section table tr:last-child td{background:#f2f2f2;}
.prd-plan-web-section .btn_apply{background:#0070c0!important; border-color:#0070c0!important;}
.prd-plan-web-section .btn_apply:hover{color:#0070c0!important;}
.prd-plan-web-section .prd_title{background:#0070c0; color:#fff;}
.bg-w{background:#fff;}
.color-00{color:#0070c0!important;}
.bg-00{background:#5ca3cf;}
.add-option{background:#e1f5ff; color:#333;}
.bg-f1{background:#f9f4f0;}
.bg-f5{background:#f5f5f5;}
.prd-plan-ssl-section .ssl_card .feature-list li b, .prd-plan-webpremium-section .web_premium_card .feature-list li b, .prd-plan-web-section .web_card .feature-list li b, .prd-plan-web-section .single_card .feature-list li b{color:#f46d00}


@media (max-width:1200px) {
    #m-carousel-with_prd {
        display: block;
    }

    #carousel-with_prd {
        display: none;
    }

    .domain-bill {
        width: 293px;
    }

    .prd-howto-section .procedure-list{
        width:925px;
    }

    .prd-howto-section .procedure-list .bubble{
        width:220px;
        margin-right:15px;
    }
}

@media (max-width:992px) {

    #frmMultiDomainSerach {
        height: 120px;
    }

    .warning-text{
        font-size:14px; margin-top:-7px!important;   
    }

    .top-banner p{
        background:rgba(255,255,255,.6);
    }

    .title-section{top:180px}

    .prd-howto-section .procedure-list{
        width:615px;
    }

    .prd-howto-section .procedure-list .bubble{
        width:300px;
        margin-right:15px;
    }
    .prd-howto-section .procedure-list .bubble:nth-child(1), .prd-howto-section .procedure-list .bubble:nth-child(2){
        margin-bottom:15px;
    }
    .prd-howto-section .procedure-list .bubble:nth-child(2){
        margin-right:0;
    }

    .csr-table-pc {
        display: none !important;
    }

    .search-box .tab-content > .tab-pane {
        margin-top: 25px !important
    }

    .prd-mydomain-section {
        margin-top: 0 !important;
    }

    .prd-free-section .free-addition {
        height: auto;
    }

    .prd-domain-list-section {
        margin-top: 110px;
    }

    .domain-search-new {
        top: 110px;
    }

    .domain-table {
        width: 100%
    }

    .domain-bill {
        display: none;
    }

    .domain-bill-m {
        display: block !important;
    }

    .pub-container {
        height:100%!important;
    }

    .road-map {
        top: -150px !important;
    }

    .domain-search-not-login {
        top: -25px;
    }

    domain-search-tab2 .check-domain-searchbox {
        top: -10px !important;
    }

    .event-coupon-line span {
        font-size: 26px;
        line-height: 1.6;
    }

    .search-box h3 {
        top: -135px !important;
    }

    .search-box p {
        top: -80px !important;
    }

    .search-box .domain-search-new {
        top: -70px;
    }

    .domain-search-tab > .nav {
        top: -58px;
    }

    #m-carousel-with_prd .carousel-control .fa {
        margin-top: 80%;
    }

    .search-box h3 {
        top: -210px;
    }

    .pub-web-prd-box01 {
        margin-top: 270px !important;
    }

    .top-banner-bg2, .top-banner-bg-domain-200{
        margin-top: 86px !important;   
    }


    .top-banner-bg,
    .top-banner-bg-ssl,
    .top-banner-bg-payment {
        margin-top: 0px !important;
        background-size: cover;
    }


    .prd-plan-section .prd_card:nth-of-type(1),
    .prd-plan-section .prd_card:nth-of-type(2),
    .prd-plan-section .prd_card:nth-of-type(3) {
        width: 80%;
        margin: 20px 10%;
    }

    .event-coupon-line-bg {
        top: 396px;
    }

    .prd-domain-list-section .domain-bill {
        width: 300px;
    }
}


#nsform, #owner_info, #staff_list, #contractor_list, #info-company{float:right!important;}

@media (min-width:768px) and (max-width:992px) {
    .domain-bill-m .container {
        width: 720px;
    }

    .event-coupon-line span {
        letter-spacing: -0.8px;
    }

    .web_premium_card{
        width:45%;
        margin:10px 5%;
    }

}

@media (max-width:768px) {
    .call-number{text-align:center; width:100%; position: static; margin:0 0 15px 0;}
    .call-center{position: static; width:50%; margin:15px 25% 0 0;}


    .table-info>tbody>tr>td span{
        width: 100%;
        display: block;
    }
    .w-span-02 {
        margin: 0px;
    }
    .fa-star{display:none;}
    .coupon_str{width:100%; display:block; font-size:14px;}
    .w-p-01{margin:2px 0 0; width:100%;}
    #admin_info_EMAIL_ID{margin-bottom:5px;}
    admin_info_ADDR1_EN{width:100%;}
    #nsform, #owner_info, #staff_list{margin-bottom:5px;}
    #nsform_NS4, #nsform_NS5, #nsform_NS3, #nsform_NS2, #nsform_NS1{width:100%;}
    #owner_info_EMAIL_ID{margin-bottom:5px;}
    #owner_info_cert_type_opt, #admin_info_cert_type_opt{margin:5px 0;}
    .how-charge span{width:100%!important; display:block!important; margin-bottom:5px;}
    .how-charge span:last-child{margin-bottom:0px;}
    .how-charge label{margin:0 10px 0 0;}

    .title-section{top:170px;}

    .pc-spec{display:none!important}
    .mobile-spec{display:block!important}

    .prd-howto-section .procedure-list .bubble {
        padding: 10px 25px 10px 10px;
    }
    .web_premium_card{
        width:80%;
        margin:10px 10%;
    }

    .ssl-payment-title {
        margin-top: 82px !important;
    }

    .csr_chk {
        left: auto;
        right: 0;
    }

    .ssl-m {
        display: block;
    }

    .ssl-pc {
        display: none;
    }

    .prd-howto-section .procedure-list {
        display: none;
    }

    .prd-howto-section .procedure-list-m {
        display: block;
    }

    .my-prd-con-box {
        padding: 0 15px;
    }

    .payment-title {
        margin-top: 80px !important;
    }

    .procedure-list {
        display: none;
    }

    .search-box .checkbox-option {
        right: 135px;
    }

    .event-coupon-line,
    .event-coupon-line-bg {}

    .event-coupon-line span {
        float: none !important;
        text-align: center;
        display: block;
    }

    #carousel-find-service-result {
        display: block;
    }

    .prd-howto-section .how-to-transfer li {
        width: 100% !important;
        margin: 10px 0;
    }

    .prd-howto-section .how-to-transfer li:nth-of-type(2),
    .prd-howto-section .how-to-transfer li:nth-of-type(4),
    .prd-howto-section .how-to-transfer li:nth-of-type(6) {
        height: 18px;
        line-height: 18px;
    }

    .prd-howto-section .how-to-transfer li .fa-caret-right {
        display: none;
    }

    .prd-howto-section .how-to-transfer li .fa-caret-down {
        display: block;
    }


    .find-service-result {
        display: none;
    }

    .carousel-control.right,
    .carousel-control.left {
        position: absolute;
    }

    .carousel-control.right {
        right: 10px;
    }

    .carousel-control.left {
        left: 10px;
    }

    .ssl_card,
    .ssl_card:nth-of-type(2) {
        width: 80% !important;
    }

    .prd_card,
    .prd_card:nth-of-type(2),
    .prd_card:nth-of-type(3) {
        width: 70%;
        margin: 20px 15%
    }
}

@media (max-width:600px) {
    #m-carousel-with_prd .carousel-control .fa {
        margin-top: 120%;
    }
}

@media (max-width:500px) {
    .my-prd-con-box .table>tbody>tr>td{
        word-break:normal;
    }

    #m-carousel-with_prd .carousel-control .fa {
        margin-top: 150%;
    }

    #carousel-find-service-result .carousel-control .fa {
        margin-top: 130%;
    }

    .prd-plan-ssl-section .ssl_card .feature-list {
        width: 85%;
    }

    .ssl_card,
    .ssl_card:nth-of-type(2) {
        width: 100% !important;
        margin: 20px 0 !important;
    }

    .prd_card,
    .prd_card:nth-of-type(2),
    .prd_card:nth-of-type(3) {
        width: 85%;
        margin: 20px 7.5%
    }
}

@media (max-width:460px) {

    /*도메인검색바 모바일*/
    .search-box .find-domain {
        padding: 0
    }

    .search-box .find-domain {
        height: 40px
    }

    .search-box h3 {
        top: -140px !important;
    }

    .search-box p {
        top: -87px !important;
    }

    .search-box .find-domain #basic-addon2,
    .search-box .domain-multi #basic-addon3 {
        padding: 0 5px
    }

    .search-box .find-domain .form-control {
        padding: 0;
        padding-right: 10px
    }

    .search-box .checkbox-option {
        right: 60px !important;
        top: 6px
    }

    .search-box .checkbox-option .dropdown-toggle {
        width: auto;
    }

    .search-box .checkbox-option .dropdown-menu {
        width: 120px;
        padding: 10px;
        margin-top: 7px;
        left: -53px
    }

    .search-box .domain-multi .form-control {
        padding: 10px 5px
    }

    /*도메인검색바 모바일 끝*/
    .search-box .checkbox-option .collapse-menu {
        margin-top: 7px;
    }

    .road-map {
        top: -170px !important
    }

    .prd-plan-section .prd_card:nth-of-type(1),
    .prd-plan-section .prd_card:nth-of-type(2),
    .prd-plan-section .prd_card:nth-of-type(3) {
        width: 100% !important;
        margin: 20px 0;
    }



    .no-visible {
        display: none;
    }

    .find-domain #basic-addon2,
    .domain-multi #basic-addon3 {
        padding: 0 5px;
        font-weight: 700;
        font-size: 16px !important
    }

    .search-box .domain-multi .input-group-btn .sub-title {
        display: none;
    }

    .search-box .domain-multi .input-group-btn,
    .search-box .find-domain .input-group-btn {
        width: 60px !important;
    }


    .checkbox-option .dropdown-menu,
    .checkbox-option .dropdown-toggle {
        width: 130px;
    }

    .checkbox-option {
        right: 80px;
    }

    .find-domain .input-group-btn,
    .domain-multi .input-group-btn {
        width: 80px;
    }

    #m-carousel-with_prd .carousel-control .fa {
        margin-top: 180%;
    }

    #carousel-find-service-result .carousel-control .fa {
        margin-top: 160%;
    }

    .prd_card {
        width: 85%
    }

    .event-coupon-line span {
        font-size: 22px;
        letter-spacing: -1.5px;
    }
}

@media (max-width:420px) {
    .search-box .domain-search-tab {
        margin-top: 24px;
    }
}

@media (max-width:280px) {
    .cs-box .btn-box .btn:nth-of-type(2) {
        margin-top: 10px;
    }
}

/*----------리뉴얼 페이지_2019 끝----------*/


/* 도메인 검색/멀티검색 창 */


.input-group-btn,
.btn,
.nav-pills > li > a {
    border-radius: 0;
}

.nav-pills > li > a {
    border-radius: 0px !important;
    border: 1px solid #fff;
    border-collapse: collapse;
}

#placeholder-multi-line::-webkit-input-placeholder::after {
    display: block;
    content: "\A 한글/영문 도메인을 엔터로 구분해서 10건 까지 가능 합니다. \A 입력 예 : (dothome.co.kr / 닷홈.com)";
}

#placeholder-multi-line::-moz-placeholder {
    /* Firefox 19+ */
    display: block;
    content: "\A 한글/영문 도메인을 엔터로 구분해서 10건 까지 가능 합니다. \A 입력 예 : (dothome.co.kr / 닷홈.com)";
}

#placeholder-multi-line:-ms-input-placeholder {
    display: block;
    content: "\A 한글/영문 도메인을 엔터로 구분해서 10건 까지 가능 합니다. \A 입력 예 : (dothome.co.kr / 닷홈.com)";
}

#placeholder-multi-line:-moz-placeholder {
    /* Firefox 18- */
    display: block;
    content: "\A 한글/영문 도메인을 엔터로 구분해서 10건 까지 가능 합니다. \A 입력 예 : (dothome.co.kr / 닷홈.com)";
}

.panel {
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
}

.web_premium .panel {
    border: 0 none;
}

.web_premium .panel-default > .panel-heading {
    color: #555;
    background-color: transparent !important;
}

.web_premium .panel-title a:hover,
.web_premium .panel-title a:focus,
.web_premium .panel-title a:active {
    color: #23ADE3;
    text-decoration: none;
}


.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
    display: block;
}


/*.input-group-btn > .btn-default{background:#88d4e3;}
.input-group-btn > .btn-default:hover{background:#88d4e3;}          161129수정*/


.system-bg1 {
    background: url("/../static/images/image/sd-img-hosting-bg01.png") no-repeat scroll right bottom;
}

.system-bg2 {
    background: url("/../static/images/image/sd-img-hosting-bg02.png") no-repeat scroll right bottom;
}


/* 이미지호스팅 무료스킨 탭 */
ul.img-freeskin-list li {
    float: left;
    text-align: center;
}


select.form-control {
    width: 60%;
    height: 35px !important;
}

select option {
    font-size: 12px !important;
}

.form-group > label {
    font-size: 14px !important;
}

.form-group input {
    height: 35px !important;
    vertical-align: middle;
}

.p-form-list {
    margin-top: 5px;
}

.form-control {
    font-size: 12px !important;
}

.pay-box {
    text-align: left;
    margin-bottom: 20px;
}

label {
    font-weight: normal !important;
}

.p-pay-button {
    font-size: 12px;
    padding: 3px 12px !important;
}




/*입력폼*/

.pub-date-input .p-year {
    width: 75px;
}

.pub-date-input .p-month {
    width: 43px;
}

.pub-date-input .p-date {
    width: 43px;
}

input[type="radio"] {
    margin: 0px 0px 0px;
    line-height: normal;
    height: 15px !important;
    width: 15px;
    vertical-align: middle;
    -webkit-transform: scale(1.2);
}




/* 페이지 컨텐츠 구분선 */
.pub-separator {
    margin: 100px 0;
}

.pub-sep-container {
    margin-top: -30px;
}

.div-separator {
    margin: 30px auto 0px;
    border: 0px solid #E7E6E6;
    clear: both;
    position: relative;
    z-index: 11;
}

.div-sep-icon {
    position: absolute;
    display: table;
    left: 50%;
    top: 50%;
    margin: -13px 0px 0px -13px;
    height: 26px;
    width: 26px;
    font-size: 14px;
    color: #CDCDCD;
    background: #FFF none repeat scroll 0px 0px padding-box;
    border: 0px solid #CDCDCD;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
}

.div-sep-icon img {}

.div-sep-line {
    clear: both;
    height: 40px;
    border-top: 1px solid #E7E6E6;
}





/*.tab-pane .btn-default{background: #88D4E3 none repeat scroll 0% 0% !important;} 161129수정*/

.btn-price {
    margin: 1.5em 0px 1.8em;
    color: #3E4F6A;
    font-weight: 700;
    width: 80%;
    letter-spacing: 3px;
    padding: 8px 12px;
    transition: all 0.25s ease 0s;
}

.btn-price:hover {
    background: #2B3E4F none repeat scroll 0% 0%;
    color: #FFF;
}

.btn-price-best {
    color: #333;
    background: #A1D4DE none repeat scroll 0% 0%;
    border: 1px solid #E5E5E5;
}


.planContainer .title h4.bestPlanTitle {
    background: #2B3E4F none repeat scroll 0% 0%;
    color: #FFF;
    border-radius: 0px;
    margin: 0px;
    padding: 10px;
}


.btn-gray {
    background: #333;
    color: #fff;
}

.padding35 {
    padding: 35px;
}


.select-domain {}

select {
    border: 1px solid #d6d8db;
    background-color: #fff;
    text-transform: uppercase;
    color: #47515c;
    padding: 2px 10px 2px 10px;
    width: auto;
    cursor: pointer;
}

select > option {
    padding: 5px 0px;
}

.customSelect {
    border: 1px solid #d6d8db;
    background-color: #ecedee;
    text-transform: uppercase;
    color: #47515c;
    padding: 12px 10px 12px 10px;
    margin-bottom: 10px;
}

.customSelect.changed {
    background-color: #f0dea4;
}

.customSelectInner {
    background: url(../images/select_arrows.png) no-repeat center right;
}

.fa-7x {
    font-size: 7em;
}

.page-title-icon {
    color: #ddd;
}

.sdcg-table {}

.sdcg-table td {
    text-align: left;
}

.sdcg-browser img {
    width: 25px;
}

.panel-body-detail {
    padding: 5px;
}

.panel-body-detail a:hover {
    background: #efefef;
}

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



.wizard a {
    padding: 12px 12px 10px 12px;
    margin-right: 5px;
    background: #efefef;
    position: relative;
    display: inline-block;
    width: 24%;
    text-align: center;
}

.wizard a:before {
    width: 0px;
    height: 0px;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.wizard a:after {
    width: 0px;
    height: 0px;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}

.wizard a:first-child:before {
    border: none;
}

.wizard a:last-child:after {
    border: none;
}

.wizard a:first-child {
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.wizard a:last-child {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.wizard .badge {
    margin: 0 5px 0 18px;
    position: relative;
    top: -1px;
}

.wizard a:first-child .badge {
    margin-left: 0;
}

.wizard .current {
    background: #007ACC;
    color: #fff;
}

.wizard .current:after {
    border-left-color: #007ACC;
}



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


thead tr th {}

.menual-title {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px;
}

.menual-box {
    padding: 15px;
    border: solid #E2E2E2;
    border-width: 2px;
    border-radius: 1em;
}

.DHBBS-input-group .form-control {
    height: 34px !important;
}

.DHBBS-input-group .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.input-group-select .dropdown-menu > li > a {
    cursor: pointer;
}

#frm_DHBBS_Write .form-group input {
    height: auto !important;
}

.new2015-nav {
    position: relative;
    left: -50%;
    float: right;
    text-align: left;
    margin-bottom: 30px;
}

.new2015-nav > ul {
    position: relative;
    left: 50%;
}

.new2015-nav > ul > li {
    float: left;
    position: relative;
}

.new2015-nav > ul > li > a {
    background: #eee;
    color: #222;
}

.new2015-nav > ul > li.active > a {
    background: #0D67AB;
    color: #fff;
}

.new2015-nav > ul > li > a:hover,
.new2015-nav > ul > li > a:focus {
    background: #0D67AB;
    color: #fff;
}

.new2015-breadcrumb {
    margin: 10px 0 0 0;
    padding: 0;
    border: none;
    background: none;
    margin-bottom: 10px;
}

.new2015-breadcrumb > li + li:before {
    content: '\003e'
}

@media (max-width: 767px) {
    .my-con .my-con-box .new2015-nav > .nav > li {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .my-con .my-con-box .tab-content > .tab-pane > .col-sm-8 > .row > .col-md-6 ol,
    .my-con .my-con-box .tab-content > .tab-pane > .col-sm-8 > ol {
        margin-bottom: 0;
        text-align: left;
    }

    .new2015-nav {
        margin-bottom: 0;
    }
}

/*헤더 sns, 마이닷홈 161129추가수정*/
.myDot {
    font-weight: bold;
    color: #0f69ab !important;
}

.sns,
.sns.visible-lg.col-md-1 {
    position: absolute;
    top: 45px;
    right: 0;
    margin-right: 73%;
}

.sns > a {
    display: inline-block;
    padding-right: 0.3em;
}

.vs-gnb-mobile 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;
}

.sns a i:after,
.vs-gnb-mobile li a i:after {
    content: "\f09a";
}




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

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

.nav > li > a {
    padding: 10px 8px;
}

/*1207*/


/*헤더 sns, 마이닷홈 161129추가수정 end*/


/*무제한 호스팅 이용메뉴얼*/
#section1 .top-modal {
    background: #fff;
    outline: none;
    border: none;
    color: #ce3939;
    font-weight: bold;
    border-radius: 50%;
    margin-left: 3%;
    vertical-align: middle;
}

#section1 .top-modal span {
    font-size: 15px;
    display: block;
    padding-left: 0.9px;
    padding-top: 1.5px;
}

.m-info p {
    line-height: 1em;
}

#section6 .conDiv p {
    line-height: 1em;
}

.web_premium #section5 > p {
    margin-top: 3em;
    margin-bottom: 2em;
}

.web_premium .menualBox {
    margin-top: 7em;
}

.web_premium .menualBox.last {
    margin-bottom: 8em;
}

.web_premium .menualBox.last p a {
    color: #1468a9;
}



.web_premium #section5 ul li {
    line-height: 1.8em;
}

.web_premium #section5 u {
    color: #1468a9;
    display: block;
}

.my-modal,
.my-modal.active,
.my-modal:active,
.my-modal:focus,
.my-modal:hover {
    color: #fff;
    background-color: #1468a9;
    line-height: 2em;
    margin-top: 2em;
    padding: 6px 44px;
    border: none;
}

.web_premium #section5 .glyphicon-remove {
    color: #ff0000;
}

.web_premium #section5 .glyphicon-ok {
    color: #2ecc71;
}

.web_premium #section5 table tr:first-child {
    background-color: #eaeaea;
}

.web_premium #section5 .modal-content {
    padding: 1em;
}

.web_premium #section5 .modal-conBox {
    margin-bottom: 4em;
}

.web_premium #section5 .modal-conBox strong {
    line-height: 4em;
    color: #1468a9;
}


/* 161215 수연 추가(리뉴얼)*/
/* 무제한 */

.premium-vis1 {
    margin-top: 50px;
    margin-bottom: 50px;
    background: url("/static/images/web/bg-pre01.jpg") center;
    background-attachment: fixed;
}

.premium-vis2 {
    margin-top: 50px;
    background: url("/static/images/web/bg-pre02.jpg") center;
    background-attachment: fixed;
}


.mar-b {
    margin-bottom: 20px;
}

.col-xs-12 h3 {
    font-size: 18pt !important;
    margin-top: 100px;
    margin-bottom: 60px;
    padding-bottom: 15px;
}

.web_premium .col-xs-12 h5 {
    font-size: 15pt;
    margin-top: 100px;
    margin-bottom: 60px;
    padding-bottom: 15px;
    background: url("/static/images/event/line_bot.png") no-repeat 0 100%/100px;
}

/*테마신청*/
.manual-btn {
    background: url(/static/images/web/application/manual-bg.jpg) no-repeat 0 76%/cover;
    padding: 3%;
    overflow: hidden;
}

.manual-btn .sub-copy {
    margin: 0 0 15px !important;
    font-size: 25px !important;
    font-weight: 400;
}

.manual-btn .je-domain {}

.manual-btn .je-domain a {
    background: rgba(255, 255, 255, 0.2);
}

.manual-btn .je-domain a:hover {
    background: #004877;
}

.su-table-img .themeB {
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #ccc;
    margin-left: 1%;
    margin-right: 1%;
    width: 31%;
}

.su-table-img .themeB img {
    border: 1px solid #eee;
}

.su-table-img .themeB span {
    display: block;
    margin: 5px 0;
    text-align: center;
}

.su-table-img .themeB .hover-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20% 0;
}

.su-table-img .themeB .hover-btn.hb-25 {
    padding: 30% 0;
}

.su-table-img .themeB.wp-core .hover-btn {
    padding: 7% 0;
}

.su-table-img .themeB.wp-core .hover-btn p {
    margin: 10px auto;
}

.su-table-img .themeB.wp-core .hover-btn .demo.d2 {
    margin-top: 25px;
}

.su-table-img .themeB .hover-btn p {
    display: none;
    width: 60%;
    border: 1px solid #fff;
    margin: 30px auto;
    overflow: hidden;
}

.su-table-img .themeB .hover-btn p a,
.su-table-img .themeB .hover-btn p btn {
    color: #fff;
    display: block;
    padding: 10px;
    text-align: center;
}

.su-table-img .themeB .hover-btn p a:hover,
.su-table-img .themeB .hover-btn p btn:hover {
    background-color: #fff;
    color: #555;
}

.su-table-img .themeB .hover-btn .demo a {
    float: left;
}

.su-table-img .themeB:hover .hover-btn {
    background-color: rgba(0, 0, 0, 0.6);
}

.su-table-img .themeB:hover .hover-btn p {
    display: block;
}

.premium-vis3 .je-domain:nth-child(1) h4 {
    background: url("/static/images/web/pre01.png") no-repeat 50% 0;
    padding-top: 60px;
}

.premium-vis3 .je-domain:nth-child(2) h4 {
    background: url("/static/images/web/pre02.png") no-repeat 50% 0;
    padding-top: 60px;
}

.je-domain.sec a {
    width: 200px;
}

/*마이닷홈 등록연장 버튼*/
#btnExtend.extendBtn {
    padding: 12px 20px;
}

.panel-sky-sy {
    border: 1px solid #00abeb;
}

.panel-sky-sy > .panel-heading {
    color: #FFF;
    background-color: #00abeb;
    border-color: #00abeb;
    border-radius: 0px;
}

textarea[name=multi_domain] {
    padding-top: 30px;
}

.panel-collapse .panel-body {
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 2em;
}

.more_btn a {
    color: #fff;
    border: 1px solid #fff;
    padding: 0 8px;
}

.more_btn a:hover {
    background-color: #777;
}

.more_btn.black a {
    color: #777;
    border: 1px solid #777;
    display: inline !important;
}

.more_btn.black a:hover {
    color: #fff;
}

span.more_btn a {
    color: #1468a9;
    border-color: #1468a9;
    text-decoration: none;
}

span.more_btn a:hover {
    background-color: #1468a9;
    color: #fff;
}



/*무제한페이지 테마 선택 */
.su-table-button td,
.su-table-demo td {
    padding: 0 !important;
    height: 45px;
    line-height: 45px !important;
}

.su-table-button td {
    padding: 0 !important;
    height: 45px;
    line-height: 45px !important;
}

.su-table-demo td span {
    display: table;
    float: left;
    width: 49.7%;
    padding: 0;
}

.su-table-demo td a {
    border-left: 1px solid #ccc;
    display: table;
    height: 100%;
    width: 16.7%;
    float: left;
}

.them-button1 {
    border-right: 1px solid #ccc;
    padding: 0;
}

.them-button2 {
    padding: 0;
}

.nav > li > a:focus,
.nav > li > a:hover,
.them-button1:hover,
.them-button2:hover,
.su-table-demo td a:hover {
    background: #004877;
    color: #fff;
}




/*    고객센터 리뉴얼 _170201 수연*/
.my-table th,
.my-table td {
    text-align: center;
    border-right: 1px solid #ccc;
}

.my-table th:last-child,
.my-table td:last-child {
    border-right: 0 none;
}

.my-table thead,
.my-table tbody th {
    background: #FEF6EE;
}

.my-table thead th:first-child {
    line-height: 40px;
}

.my-table tbody td:first-child {
    background: #FFFBF7;
}

.inquiry-box {
    background: #004877;
    overflow: hidden;
    color: #fff;
    padding: 21px;
    margin-bottom: 20px;
}

.inquiry-box li {
    display: inline-block;
    margin-top: 10px;
}

.inquiry-box li:first-child a {
    margin-left: 0;
}

.inquiry-box a {
    color: #fff;
    margin: 15px 10px 0;
    font-weight: lighter;
    font-size: 12px;
}

.inquiry-box span:first-child {
    font-size: 40px;
}

.inquiry-box span:nth-child(2) {
    font-size: 16px;
}

.faq-search .form-control {
    height: 40px;
}

.faq-search .input-group-btn:last-child > .btn {
    padding: 8px 12px;
    background: none;
    color: #fff;
    border: 1px solid #fff;
    font-size: 16px;
    letter-spacing: -1px;
}

.customer-qna {
    border: 1px solid #666;
    padding: 20px;
    letter-spacing: -2.1px;
}

.customer-qna a {
    margin-top: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    padding: 16px 0;
    background-color: #f5a200;
    font-weight: 500;
}

.customer-qna span {
    display: block;
}

.customerBtn {
    background-color: #fff;
    width: 150px;
    border: 1px solid #666;
    padding: 16px 0;
    outline: none;
}

#customerModal .modal-content {
    padding: 0 25px;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #666;
}

#customerModal .modal-title {
    font-size: 31px;
    letter-spacing: -3.3px;
}

#customerModal .modal-header {
    margin: 15px 15px 0;
    border-bottom: 2.5px solid #23ADE3;
    padding: 15px;
}

#customerModal .close {
    color: #666 !important;
    opacity: 1;
    font-size: 40px;
}

#customerModal .modal-footer {
    margin-bottom: 15px;
    text-align: center;
}


.notice-table td a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.su-faq .panel {
    border: 0 none;
}

.su-faq .panel-default > .panel-heading {
    color: #555;
    background-color: transparent;
}

.su-faq .panel-title a:hover,
.su-faq .panel-title a:focus,
.su-faq .panel-title a:active {
    color: #23ADE3;
    text-decoration: none;
}


/*웹메일*/

.webmail span.glyphicon.glyphicon-remove,
.web_premium span.glyphicon.glyphicon-remove {
    color: #F44336;
}

.webmail span.glyphicon.glyphicon-ok,
.web_premium span.glyphicon.glyphicon-ok {
    color: #8BC34A;
}

/*웹메일 demo*/

.demoBox .col-md-3 {
    background-color: rgb(83, 164, 214);
    color: #fff;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 4%;
    padding: 4em 20px;
    text-align: center;
    word-break: keep-all;
    min-width: 240px;
}

.demoBox .col-md-3 p {
    font-size: 15px !important;
    font-weight: lighter;
    margin-bottom: 2em;
    padding-left: 20%;
    text-align: left;
    /* 추가 */
    line-height: 29px;
}

.demoBox .col-md-3 p i {
    font-size: 10px;
    padding-right: 5px;
}

.demoBox .col-md-3 h5 {
    font-size: 23px;
    font-weight: bolder;
}

.demoBox .line {
    display: block;
    background-color: #fff;
    /* height: 1px; */
    height: 3px;
    width: 80px;
    /* margin: 1.5em auto; */
    margin: 2.5em auto;

}

.demonBtn {
    width: 170px;
    line-height: 1.5em;
    font-weight: 300;
    color: #fff;
    font-size: 14px;
    padding: 16px 0;
    transition: all 0.8s;
    border: 1px solid #fff;
    margin: 0 auto;
    display: block !important;
    float: left;
    margin-left: 20px;
}

.demonBtn:hover {
    background: #fff;
    color: #004877;
}

/*웹메일 소개*/

.bgBox {

    background-color: #fff;
    background-repeat: no-repeat;
    color: #666;
    padding: 4em 2em;
}

.bgBox h4 button {
    width: 20px;
    height: 20px;
    background: none;
    border: none;
}

.bgBox h4 button i {
    font-size: 20px !important;
    margin: 0;
}

#section5 .pub-ul.mail li h4 {
    font-size: 22px;

    margin-bottom: 10px;
}

.bgBox > i.fa,
.bgBox > span,
.bgBox img {
    font-size: 40px;
    text-align: center;
    display: block;
    margin-bottom: 30px;
    margin-top: 8%;
    color: #23ade3;

}

.bgBox p {
    font-size: 14px;
    margin-top: 21px;
    margin-bottom: 20px;
    line-height: 1.7;
}

.bgBox img {
    width: 50px;
}

.feature.builder li:nth-child(2) .bgBox img {
    width: 40px;
}

/* 180103 웹메일 ux 추가 개선 */
.planContainer .price p > strong {
    color: #056ac6;
}

.planContainer .price p small {
    font-size: 16px;
    margin-left: 5px;
}

#section5 .security i {
    font-size: 70px;
}

.je-domain .panel-body {
    padding: 15px;
}

.je-domain .panel-heading {
    padding: 10px 15px;
}

.panel1 {
    background-color: #fff;
    border: 1px solid #3e4f6a;
    text-align: left;
}

.panel1 small {
    font-size: 11px;
    color: #111;
}

.panel1 .rd {
    padding-top: 15px;
    padding-bottom: 37px;
}

.panel2 {
    background-color: #3e4f6a;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 1em 0;
}

.panel3 {
    padding: 15px;
}

.panel3 small {
    font-size: 12px;
    font-weight: 700;
    color: #608cba;
}

.step-box {
    background-color: #fff;
}

.step-box .col-xs-12 {
    margin: 10px 0;
}

.step-box .title {
    text-align: center;
    font-weight: 300;
    font-size: 30px !important;
}

.step-box .col-md-12 {
    padding-bottom: 70px;
}

/*pg*/

.pg-content #section1 {
    margin-bottom: 4em;
}

.pg-content #section1 .copy {
    font-size: 42px !important;
}

.pg-content #section2 {
    background-color: #49b7df;
    color: #fff;
    padding: 9em 0;
}

.pg-content #section2 h2 {
    font-size: 44px;
    line-height: 2;
    margin: 0;
    margin-bottom: 20px;
}

.pg-content #section2 p {
    font-size: 20px;
}

.stepBox {
    display: inline-block;
    margin: 6em 0 2em;
}

.circleDiv {
    margin: 0 auto;
    float: left;
}

.circleDiv:first-child div {
    background-color: #48b1e3;
    color: #fff;
}

.circleDiv:last-child div {
    background-image: none !important;
}

.circleDiv div {
    width: 150px;
    height: 150px;
    background-color: antiquewhite;
    border-radius: 50%;
    margin: 10px;
    background-color: #eee;
    padding-left: 30px;
    background-image: url(/static/images/dh2015/main/slide/right_btn2.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 24px;
}

.circleDiv p {
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    padding-top: 22px;
}

.circleDiv p span {
    display: block;
    font-size: 15px;
    font-weight: 300;
}

.stepTxt {
    margin-bottom: 5em;
}

.stepTxt p {
    font-size: 16px;
    margin-bottom: 36px;
    line-height: 1.9;
}

.stepTxt p a {
    color: #1468a9;
}

.stepTxt span {
    padding-left: 20px;
    display: inline-block;
    margin-bottom: 18px;
}

.sub-copy.white {
    color: #fff;
}

.sub-copy.white + a {
    border: 1px solid #fff;
    color: #ffffff;
}

.sub-copy.white + a:hover {
    background-color: #ffffff;
    color: #48b1e3;
}

/*pg end*/


/*무제한 상위상품 유도*/
.grayBox {
    background-color: #a3a3a3;
}

.dgrayBox {
    background-color: #626262;
}

.blueBox {
    background-color: #00abeb;
}

.proBox {
    color: #fff;
    padding: 0 55px;
}

.proBox span.glyphicon.glyphicon-ok {
    color: #fff !important;
    margin-right: 20px;
}

.proBox .col-md-4 div {
    padding: 30px 0;
    margin: 30px;
    min-height: 23em;
}

.proBox .col-md-4 div h3 {

    font-size: 40px !important;
    font-weight: 700;
    margin: 2px 0 20px 13px;
}

.grayBox h3 {
    letter-spacing: 13px;
}

.dgrayBox h3 {
    letter-spacing: 6px;
    margin: 2px 0 20px 6px !important;
}

.blueBox h3 {
    letter-spacing: 28px;
    margin: 2px 0 20px 28px !important;
}

.proBox .col-md-4 div p {
    text-align: left;
    margin-left: 23%;
}




/*고객센터 현금영수증*/
p.conbox-txt {
    font-size: 22px;
    font-weight: 400;
}

p.con-txt {
    padding: 4px 0 18px;
}

/*고객센터 현금영수증 end*/


/* 신청완료 페이지 table*/

table.complete tr th {
    background-color: #23ADE3;
    color: #ffffff;
    padding: 13px 10px !important;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.7 !important;
    text-align: center;
    border: 0 !important;
}

table.complete tr {
    background-color: #f9f9f9;
}


table.complete {
    border-color: #e2e2e2;
    text-align: center;
    border-spacing: 2px;
    border-collapse: separate;
    margin-bottom: 20px;
    border: 0 !important;
    margin-bottom: 3em !important;
    width: 60%;
    margin: 0 auto;

}

table.complete tr td {
    padding: 15px 0px !important;
    border: 0 !important;
}

/* 신청완료 페이지 table end*/

/*je-table*/

.je-table tr th {
    background-color: #49b7df;
    color: #ffffff;
    padding: 13px 4px !important;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.7 !important;
    text-align: center;
    border: 0 !important;
}

.je-table tr:nth-child(odd) {
    color: #949494;
}

.je-table tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.je-table tr:nth-child(even) {
    background-color: #f3f3f3;
}

.je-table tr:nth-child(even) {
    color: #949494;
}

.je-table {
    border-color: #e2e2e2;
    text-align: center;
    border-spacing: 2px;
    border-collapse: separate;
    margin-bottom: 20px;
    border: 0 !important;
    margin-bottom: 3em !important;
}

.je-table tr td {
    padding: 15px 0px !important;
    border: 0 !important;
}

.je-table td:first-child {
    color: #555;
}

/*je-table end*/

/*빌더 소개*/
.feature li:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
    -ms-transform: scale(1);
}

.feature li {
    margin-bottom: 2em;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.feature.builder li .bgBox i.fa-mobile {
    margin-bottom: 0px;
    margin-top: 6%;
}

.feature.builder li .bgBox i.fa-mobile:before {
    font-size: 55px;
}


/*백업정책 아이콘*/
.circle-i {
    text-align: center;
}

.circle-i p {
    background-color: #808080;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: inline-block;
}

.circle-i img {
    width: 56px;
}

.pub-ul li .circle-i:nth-child(4) img,
.pub-ul li .circle-i:nth-child(3) img {
    width: 43px;
}

.pub-ul li .circle-i:nth-child(6) img,
.pub-ul li .circle-i:nth-child(5) img {
    width: 50px;
}

.circle-i + .pub-div {
    padding-left: 2em;
    padding-bottom: 1em;
}

.pub-div {
    min-height: 170px;
}

.pro-compare li:first-child hr {
    display: none;
}

/*180104 간격조정*/
.domain-bg .col-xs-12,
#section4 .container .col-xs-12,
.premium-vis3 .col-xs-12,
#section6 .col-xs-12 {
    padding-top: 50px;
}

#section3 .container .col-md-12 {
    padding-top: 100px;
}

/*180110 리눅스웹호스팅 UX개선*/
.panel .banner {
    width: 1135px;
}

#pricePlans .priceNum7 .plan .planContainer .price s {
    font-size: 14px;
}

#pricePlans .priceNum7 .plan .planContainer .price p {
    font-weight: 900;
    font-size: 25px;
}

#pricePlans .priceNum7 .plan .planContainer .price small {
    font-size: 65%;
    font-weight: normal !important;
}

#pricePlans .priceNum7 .plan .planContainer .options li:nth-child(5) {
    font-size: 12.5px;
}

.priceNum7 .title span {
    font-size: 22px;
    background-color: blue;
}

.priceNum7 .plan .planContainer .options .bold-bar {
    font-weight: bold;
}

.planContainer .options .small-text {
    font-size: 11.5px;
}

.optiontxt a {
    color: #0072BF;
    font-weight: bold;
}

.big-bold {
    font-size: 24px;
}

.plus-sv p {
    font-size: 15px;
}

#section3 .pub-ul .normaltxt i {
    color: red;
    margin-right: 10px;
}

#section4 .plusbox {
    padding-bottom: 10px;
}

#section4 .plusbox p {
    width: 90%;
}

#section4 .plusbox span {
    font-size: 36px;
    color: #0D67AB;
    margin-bottom: 10px;
}

#section4 .plusbox h4 {
    font-size: 26px;
}

#section4 .plusbox hr {
    width: 35px;
    height: 2px;
    background-color: #0D67AB;
    margin-left: 2px;
    margin-top: 10px;
}

.tb {
    color: #005793;
    font-weight: 900 !important;
    font-size: 26px !important;
    line-height: 1.6;
}

.p-bottom {
    padding-bottom: 10px;
}

.p-bottom .brd {
    padding-bottom: 5px;
}

.p-bottom i {
    color: red;
    margin-right: 7px;
}


.osbox {
    padding: 10px;
    margin-top: 30px;
    background-color: #ddd;
}

.osbox hr {
    width: 40px;
    height: 3px;
    background-color: #0D67AB;
    margin-top: 0px;
    margin-left: 15px;
}

.osbox .bottom-line {
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.box10 {
    border: 2px solid #fff;
}

.box10 .tb {
    margin-left: 15px;
    margin-bottom: 0px;
}

.box10 .normaltxt {
    color: #222;
    padding: 0 0 10px 15px;
}

.nb {
    margin-bottom: 10px;
}

#section2 i.fa-check {
    font-size: 15px;
}



@media (max-width: 997px) {

    .panel .banner {
        width: 100%;
    }

}

@media (max-width: 1200px) {

    .panel .banner {
        width: 100%;
    }

    .cat_btn2 {
        margin-top: 10px !important;
    }

    .cat_btn4 {
        margin-top: 10px !important;
    }
}




/** 고객센터 **/
.customer-main {
    margin: 0;
    padding: 0;
}

.inquiry-box span:first-child {
    color: orange;
    font-weight: 900;
    font-size: 14px;
}

.inquiry-box span:nth-child(2) {
    font-size: 40px;
}

.inquiry-box span:nth-child(2) {
    font-size: 16px;
}

.inquiry-box .input-group-btn {
    background-color: #23ade3;
}

.inquiry-box .faq-search .input-group-btn:last-child > .btn {
    padding: 8px 12px;
    background: #23ade3;
    color: #fff;
    border: none;
    font-size: 16px;
    letter-spacing: -1px;
}

.inquiry-box .recom {
    background-color: #23ade3;
    border-radius: 4px;
    padding: 0px 10px;
    font-size: 12px;
}

.a-style a {
    text-decoration: none;
    font-weight: bold;
    color: #004877;
    display: inline-block;
    width: 120px;
    text-align: center;
}

.fa-check-square-o {
    color: #D62806;
    font-size: 20px;
}

.wrap-button {
    padding: 20px 0;
    border: 1px solid #ddd;
    margin-top: -30px;
    margin-bottom: 20px;
}

.customerBtn3 {
    background-color: #fff;
    float: left;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 0px;
    width: 230px;
    padding: 8px 10px;
    font-weight: 900;
    border: 1px solid;
}

.customerBtn3 i {
    font-size: 28px;
    vertical-align: middle;
    color: #0D67AB;
}

.customerBtn3 > span {
    display: inline-block;
    margin-top: .5%;
    vertical-align: middle;
    font-weight: normal;
    font-size: 16px;
}

.w-bt1 {
    border-right: 1px solid #ddd;
}

.w-bt1 hr {
    width: 50px;
    height: 2px;
    margin-top: 70px;
    margin-bottom: 10px;
    background-color: #ddd;
}

.w-bt1 p {
    font-size: 13px;
    text-align: center;
}

.w-bt2 hr {
    width: 50px;
    height: 2px;
    margin-top: 70px;
    margin-bottom: 10px;
    background-color: #ddd;
}

.w-bt2 p {
    font-size: 13px;
    text-align: center;
}

/*.w-bt1:hover{color:#0D67AB; }*/
/*.w-bt2:hover{color:#0D67AB; }*/
.customerBtn3:hover {
    color: #fff;
    background-color: #004877;
}

.customerBtn3:hover i {
    color: #ce3939;
}

.w-bt1:hover hr {
    background-color: #ce3939;
    color: #ce3939;
}

.w-bt2:hover hr {
    background-color: #ce3939;
    color: #ce3939;
}

.customer-qna {
    padding: 10px;
    border-color: #ddd;
}

.customer-qna i.fa-phone {
    color: #0D67AB;
    font-weight: 900;
    margin-right: 10px;
}

.customer-qna hr {
    margin-top: 0;
    margin-bottom: 5px;
    border-top: 1.5px solid #0D67AB;
}

.customer-qna .c-font {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 0px;
    color: #9a9a9a;
}

@media (min-width:1200px) {
    .customer-qna {
        max-width: 205px;
        min-height: 224px;
    }

}

@media (min-width:992px) and (max-width: 1199px) {
    .customerBtn3 {
        width: 200px;
        font-size: 13px;
        padding: 5px 10px;
        margin-left: 0px;
    }

    .w-bt1 {
        height: 140px;
    }

    .customer-qna {
        width: 166px;
        height: 221px;
    }

    .customer-qna .c-font {
        font-size: 23px;
    }

}

@media (max-width: 991px) {
    .customerBtn3 {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .wrap-button {
        height: 350px;
    }

    .w-bt1 {
        border: none;
    }

    .w-bt1 p {
        padding-top: 10px;
        text-align: center;
    }

    .w-bt2 p {
        padding-top: 10px;
        text-align: center;
    }

    .w-bt1 hr {
        display: none;
    }

    .w-bt2 hr {
        display: none;
    }

    .customer-qna {
        width: 94.5%;
        margin-left: 15px;
    }

}

/*도메인 할인쿠폰 퍼블리싱*/
.dclist {
    font-size: 18px !important;
    color: #e15d14 !important;
    font-weight: bold !important;
    margin-top: 6px;
}

.dclist rt {
    color: #fff;
    font-size: 10.5px;
    background-color: #009900;
    padding: 0 2px;
}

.dcc {
    padding: 2px 4px;
    color: #fff;
    font-size: 12px;
    background-color: #009900;
    border-radius: 0px;
}

.dm-price {
    color: #e15d14;
    /* #056ac6; #ef6c0f;*/
    font-size: 15px;
    font-weight: bold;
    margin-left: 40px;
}

.event-img {
    margin: 0;
    vertical-align: middle;
}

@media (min-width: 1200px) {
    .dclist {
        height: 56px !important;
    }

}

@media (max-width: 1199px) {
    .dclist {
        height: 56px !important;
    }

}

@media (max-width: 991px) {
    .dclist {
        height: 56px !important;
    }

    .dclist small {
        font-size: 12px !important;
    }

    .dc-coupon {
        font-size: 10px;
        padding: 2px;
    }

}

@media (max-width: 992px) {
    .dc-coupon {
        white-space: nowrap;
    }

    .dcc {
        white-space: nowrap;
        font-size: 11px;
    }

}


/* 20180222 이미지 호스팅 */

#section3 .container .col-md-12 h3 {
    margin-top: 80px;
}

.img-hosting {
    width: 100%;
    margin-top: 75px;
}

.fleft {
    text-align: center;
}

.img-fl li {
    float: left;
}

.img-fl span {
    width: 30px;
    margin-left: 0;
    border-bottom: 2px solid #0D67AB;
    padding-bottom: 5px;
    line-height: 1.8;
}

.img-fl .col-md-4 .middletxt span {
    color: #0D67AB;
    font-size: 25px;
    margin-right: 10px;
}

.installfree {
    background-color: #f99100;
    color: #fff !important;
    padding: 5px;
}

.btxt {
    font-size: 23px !important;
    line-height: 2.5;
}

.btxt i {
    font-size: 30px;
}

.btxts {
    font-size: 14px !important;
    margin: 0;
}

.point-red {
    color: #F44336;
}

.imgh .title h2 span {
    font-size: 19px !important;
}

.system-bg1 .fa-sliders,
.system-bg2 .fa-hdd-o {
    font-size: 70px;
    color: #444;
    padding-bottom: 15px;
}

.system-bg1 .col-md-4,
.system-bg2 .col-md-4 {
    text-align: center;
}

#section9 .overflow-hd {
    padding-bottom: 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#section9 .overflow-hd .nav-justified {
    border-top: 1px solid #ddd;
}

.progress .progress-bar-success {
    background-color: #49b7df;
}

.panel-default .panel-body .col-md-6 .fa-angle-right {
    color: #F44336;
    font-size: 13px;
    font-weight: bold;
}

.panel-default .panel-body .col-md-6 .fa-circle-o {
    color: orange;
    font-size: .3em;
    font-weight: bold;
}

.panel-body .fa-caret-right {
    color: #0D67AB;
}

.caution span {
    color: #e14134;
    font-weight: bold;
}

.box_btn {
    -webkit-appearance: none;
    display: inline-block;
    min-width: 120px;
    height: 38px;
    line-height: 36px;
    letter-spacing: -1px;
    white-space: nowrap;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    margin: 0px;
    padding: 0px 20px;
    text-decoration: none;
    outline: 0px;
    background: rgb(38, 172, 226) !important;
}

#synopMore {
    color: #fff;
    text-decoration: none;
}

/*#skin01 {display: box;}*/
#skin01 .box_btn {
    margin-left: 44%;
}

.img-freeskin-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -ms-flex-wrap: wrap;
    overflow: hidden;
    height: 280px;
}

@media (max-width:992px) {
    .img-hosting {
        width: 65%;
        margin-top: 30px;
    }

    .fleft {
        text-align: left;
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    #skin01 .box_btn {
        margin-left: 40.5%;
    }

}

/* 이미지 호스팅 끝 */


/* 180518 무제한 웹호스팅 상품성 개선*/

.proBox .col-md-4 div p {
    margin-left: 35%;
}

.proBox span.glyphicon.glyphicon-ok {
    display: none;
}

.proBox .grayBox {
    background-color: #fff;
    color: #333;
    border-top: 4px solid rgb(65, 214, 195);
}

.proBox .dgrayBox {
    background-color: #fff;
    color: #333;
    border-top: 4px solid #5d9bd6;
}

.proBox .blueBox {
    background-color: #fff;
    color: #333;
    border-top: 4px solid #f56332;
}

.premium-vis2 {
    background: url(/static/images/web/web-bg2.jpg) center center/cover;
    background-attachment: fixed;
}

.premium-vis2 .col-xs-12 .priceNum4 .col-md-3 .su-plan {
    box-shadow: 5px 5px 3px 1px rgba(0, 0.5, 0.9, .2);
}

.premium-vis2 .col-xs-12 .priceNum4 .col-md-3 .su-plan .title .sub-copy {
    font-weight: 600;
    font-size: 35px !important;
}

.premium-vis2 .col-xs-12 .priceNum4 .col-md-3 .su-plan .title .h2small {
    font-size: 23px;
}

.premium-vis2 .fa-question-circle {
    color: #F44336;
    font-size: 16px;
}

.premium-vis2 .fa-question-circle:hover {
    color: #f6685e;
}

.premium-vis2 .su-button a {
    margin: 20px 0;
    border-radius: 0px;
    font-weight: 600;
    font-size: 17px;
    border: 0;
    padding: 13px 0;
}

.premium-vis2 .je-domain a {
    color: #fff;
    border-color: #fff;
    margin-top: 25px;
}

.premium-vis2 .je-domain a:hover {
    border: 1px solid #004877;
}

.premium-vis2 .planContainer .price p {
    font-weight: 900;
    font-size: 40px !important;
}

.premium-vis2 .planContainer .price span {
    display: inline-block;
}

.su-table-img .themeB:hover .hover-btn {
    background-color: rgb(35, 173, 227, 0.8);
}

.button-renewal {
    background-color: #eee;
}

.button-renewal a {
    background-color: #004877;
}

.button-renewal a:hover {
    background-color: #0083d9 !important;
    color: #fff;
    border: #0083d9;
}

.button-renewal2 a {
    background-color: #23ADE3;
}

.button-renewal2 a:hover {
    background-color: #1f9bcc;
    color: #fff;
    border: #1f9bcc;
}

.panel-collapse .panel-body {
    margin-left: 15px;
}

/*faq */
.manual-btn {
    color: #fff;
    background: url(/static/images/web/cms-bg.jpg) no-repeat center 47%/cover;
}

.manual-btn .sub-copy {
    color: #fff;
}

.manual-btn .je-domain a {
    color: #fff;
    border: 1px solid #fff;
    background: rgb(3, 1, 1, .3);
}

.manual-btn .je-domain a:hover {
    background-color: #fff;
    color: #333;
}

.web_premium .premium-vis3 .con-box h3 {
    color: #fff;
}

.web_premium .premium-vis3 .con-box h2 {
    font-weight: 100;
}

@media(min-width:480px) and (max-width:991px) {
    .proBox .col-md-4 div {
        margin: 30px 0 !important;
    }
}

/* 180518 무제한 웹호스팅 상품성 개선 end*/





/* 180615 고객센터 리뉴얼 */

.a-style {
    padding-left: 20;
    margin: 0;
    margin-top: -15px;
    margin-bottom: 20px;
}

.a-style p {
    font-size: 14px;
}

.middle-Box > hr {
    float: left;
    border: 0;
    margin-top: 0;
    width: 35px;
    height: 2px;
    background-color: #0D67AB;
}

.c-center hr {
    float: left;
    border: 0;
    margin-top: 0;
    width: 35px;
    height: 2px;
    background-color: #0D67AB;
}

.c-center h4 {
    font-size: 23px;
}

.c-center .col-md-12 {
    background-color: #004877;
    /*#004877;*/
    color: #fff;
    padding: 10px 0;
    text-align: center;
}

.c-center .col-md-4 {
    padding: 20px 0;
}

.c-center .col-md-4 i {
    display: block;
    font-size: 28px;
    padding: 8px 0;
}

.c-center .col-md-4 p {
    padding: 15px 0;
    font-size: 14px;
}

.c-center .col-md-4 .btn {
    background-color: #23ADE3;
    width: 200px;
    text-align: center;
    font-size: 19px;
    line-height: 32px;
    transition: all 0.5s;
}

.c-center .col-md-4 .btn:hover {
    background-color: #1f9bcc;
    color: #fff;
}

.c-center .centerBox .btn {
    font-weight: 900;
    background-color: #e35923;
    /* #e32636;*/
}

.c-center .centerBox .btn:hover {
    background-color: #B6471C;
    /*#cc2230;*/
}

.customercolBox2 {
    border: 1px solid #ddd;
    padding: 20px 0;
}

.customercolBox2 .col-md-4 {
    text-align: center;
    padding: 10px 0;
}

.customercolBox2 .col-md-4 hr {
    width: 40%;
}

.customercolBox2 > .col-md-4 > p > span {
    font-size: 20px;
}

.customercolBox2 .col-md-4 a {
    line-height: 2;
    border: 1px solid #ddd;
    padding: 5px 6px;
    width: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    transition: all 0.5s;
}

.customercolBox2 .col-md-4 a:hover {
    background-color: #ddd;
    color: #333;
}


.customercolBox2 .col-md-6 {
    text-align: center;
    padding: 10px 0;
}

.customercolBox2 .col-md-6 hr {
    width: 40%;
}

.customercolBox2 > .col-md-6 > p > span {
    font-size: 20px;
}

.customercolBox2 .col-md-6 a {
    line-height: 2;
    border: 1px solid #ddd;
    padding: 5px 6px;
    width: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    transition: all 0.5s;
}

.customercolBox2 .col-md-6 a:hover {
    background-color: #ddd;
    color: #333;
}


.customercolBox2 .bold-txt {
    font-weight: 900;
    font-size: 15px;
}

.customercolBox2 .col-md-4 span.Btxt {
    display: block;
    width: 82%;
    margin: 0 auto;
    text-align: left;
}

.customercolBox2 .col-md-6 span.Btxt {
    display: block;
    width: 82%;
    margin: 0 auto;
    text-align: left;
}

.faq-new-list {
    border: 1px solid #ddd;
}

.faq-new-list ul li {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.faq-new-list ul li:last-child {
    border: none;
}

.faq-new-list ul li span {
    font-weight: bold;
    color: #3F7FC2;
}

.faqBox4 h4 {
    font-size: 23px;
}

.faqBox4 hr {
    float: left;
    border: 0;
    margin-top: 0;
    width: 35px;
    height: 2px;
    background-color: #0D67AB;
}

.inquiry-box2 {
    overflow: hidden;
    padding: 21px;
    margin-bottom: 20px;
}

.inquiry-box2 .input-group-btn {
    background-color:
        /*#004877;*/
        #32669c;
}

.inquiry-box2 .faq-search .input-group-btn:last-child > .btn {
    background: #32669c;
    border-color: #32669c;
}


@media (min-width: 1200px) {
    .customercolBox2 .col-md-4:nth-child(2) .Btxt {
        margin-right: 0;
    }
}



@media (min-width:992px) and (max-width: 1199px) {
    .c-center .col-md-4:first-child p {
        width: 90%;
        margin: 0 auto;
    }

    .c-center .col-md-6:first-child p {
        width: 90%;
        margin: 0 auto;
    }

    .Box2 {
        height: 201px;
    }



}

@media (max-width:991px) {
    .c-center .row {
        clear: both;
    }

    .c-center .centerBox {
        width: 90%;
        margin: 0 auto;
    }

    .c-center-nd .col-xs-12 {
        padding: 0;
        margin-top: 20px;
    }

    .Box3 {
        padding-left: 0;
        margin-top: 20px;
    }

    .faqBox4 .faq-new-list {
        clear: both;
    }

    .customercolBox1 {
        float: left;
    }

    .customercolBox2 {
        float: left;
        border: 0;
        padding-top: 0px;
    }

    .middle-Box .col-md-4:first-child {
        margin-top: 0;
    }

    .customercolBox2 .col-md-4:nth-child(2) .Btxt {
        padding-left: 20%;
    }

    .customercolBox2 .col-md-4 .Btxt {
        padding-left: 8%;
    }

    .customercolBox2 .col-md-4 {
        border: 1px solid #ddd;
        margin: 10px 0;
    }

    .customercolBox2 > .col-md-4 > p > span {
        display: inline-block;
        padding-top: 15px;
    }

    .customercolBox2 .col-md-6:nth-child(2) .Btxt {
        padding-left: 20%;
    }

    .customercolBox2 .col-md-6 .Btxt {
        padding-left: 8%;
    }

    .customercolBox2 .col-md-6 {
        border: 1px solid #ddd;
        margin: 10px 0;
    }

    .customercolBox2 > .col-md-6 > p > span {
        display: inline-block;
        padding-top: 15px;
    }
}


@media(max-width: 375px) {
    .customercolBox2 .col-md-4:nth-child(2) .Btxt {
        margin: 0;
    }

    .customercolBox2 .col-md-6:nth-child(2) .Btxt {
        margin: 0;
    }
}

/* 180615 고객센터 리뉴얼 end */



/* 180703 소유권 이전 페이지*/
.transTopBox {
    border-bottom: 2px dotted #ddd;
    padding-bottom: 20px;
}

.transTopBox h4 {
    padding-top: 10px;
}

.bbd {
    border-bottom: 2px dotted #ddd;
}

.bbd .well {
    margin-bottom: 40px;
}

/*.bbd .panel table tbody tr td:nth-child(2){font-weight:700;}*/

.transTopBox .row .col-md-2 i {
    display: block;
    text-align: center;
    padding-top: 20px;
}

.transTopBox > .row > .col-md-2 > .panel > .panel-body {
    text-align: center !important;
    font-weight: 900;
    display: table-cell;
    vertical-align: middle;
    height: 118px;
}

.transTopBox > .row > .col-md-2 > .panel > .panel-body > div {
    word-break: keep-all;
    text-align: center;
    margin: 0 auto;
}

.transTopBox > .row > .col-md-2 > .panel > .panel-heading {
    text-align: center;
}

.notice_txt ul {
    padding: 0 10px;
}

.notice_txt ul li {
    padding: 9px 0;
    font-size: 14px;
}

.notice_txt ul li span {
    font-weight: 900;
    color: #333;
    text-transform: uppercase;
    border-right: 2px solid #ddd;
    padding-right: 10px;
    font-size: 15px;
}

.notice_txt a {
    text-decoration: underline;
    color: #0D67AB;
}

.transBox > thead > tr > th {
    border-bottom: 1px;
    background-color: #f5f5f5;
    vertical-align: middle;
}

.transBox tbody tr:nth-child(2) td:last-child {
    border-right: 1px solid #ddd !important;
}

/*ie firefox rowspan 오류 부분 처리*/
.transBox tbody tr td:first-child {
    background-color: #fff;
}

.transBox tbody tr td {
    text-align: center;
    margin-left: 50px;
}

#Box1 {
    padding-top: 15px;
}

.menual-box .fa-warning {
    color: #ff2d04;
}

/*0712 추가*/
.sample-btn {

    padding: .1rem .5rem;
    background: #86d1f0;
    border: none;
    border-radius: 4px;
    margin: 4px;
    color: #fff;
    font-size: 11px;
}

#newModal .modal-header {
    background-color: #004890;
    color: #fff;
}

#newModal .modal-header .close {
    color: #fff !important;
}

#newModal2 .modal-header {
    background-color: #004890;
    color: #fff;
}

#newModal2 .modal-header .close {
    color: #fff !important;
}

#newModal3 .modal-header {
    background-color: #004890;
    color: #fff;
}

#newModal3 .modal-header .close {
    color: #fff !important;
}

#newModal4 .modal-header {
    background-color: #004890;
    color: #fff;
}

#newModal4 .modal-header .close {
    color: #fff !important;
}

.modal-body .col-md-12 {
    font-size: 1.4em;
}

.down-box {
    background-color: #fff;
}

.down-box a {
    background-color: #0D67AB;
    padding: 5px 15px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    margin-left: 20px;
}

.down-a {
    background-color: #0D67AB;
    padding: 5px 15px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    margin-left: 20px;
}

.down-a:hover {
    color: #fff;
}

.transBox tr td {
    background-color: #fff;
}

.subBox-border table {
    border: 1px solid #ddd;
}

.transBox thead tr td {
    border-right: 1px solid #ddd !important;
}

/*ie firefox rowspan 오류 부분 처리*/



@media (min-width:992px) and (max-width: 1199px) {
    .transTopBox > .row > .col-md-2 > .panel > .panel-body {
        height: 140px;
    }

}

@media (max-width:991px) {
    .transTopBox > .row > .col-md-2 > .panel > .panel-body {
        display: block;
        min-height: 74px;
    }
}

@media (max-width: 320px) {
    #Box1 .table-responsive .text-right span {
        display: none;
    }

    .down-box a {
        margin-left: 0 !important;
    }
}

.nav-color > li.active > a,
.nav-color > li.active > a:focus,
.nav-color > li.active > a:hover {
    background-color: #337ab7 !important;
}

#Box1 .f-red {
    font-size: 20px;
    font-weight: 900;
}

.mod-box .code-sub {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
}

.mod-box .code-sub th {
    border: 1px solid #ddd !important;
}

.mod-box .code-sub td {
    border: 1px solid #ddd !important;
}

.mod-box .code-sub td {
    line-height: 2 !important;
}

.mod-box .code-sub tr td:first-child {
    padding-left: 20px;
}

.mod-box .code-sub tr td:last-child {
    padding-left: 20px;
}

.mod-box .code-sub tr td {
    text-align: left;
    vertical-align: middle;
}



.transTopBox .row .col-md-2 {
    margin: 0 14px;
}

.transTopBox .row .col-md-2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*너비 조절*/

.cu_work_list .table {
    width: 100%;
}

.cu_work_list .table td {
    border-top: 1px solid #ddd !important;
}

/*
.transTopBox .row{margin:0; padding:0;}

.transTopBox .row .col-md-2{border:1px solid #ddd; margin:0 10px;}
.transTopBox .row .col-md-2 .Box{ text-align: center; padding:10px; font-size:12px; }

*/

.transTopBox .row .col-md-2 .Box {
    border: 1px solid #ddd;
    text-align: center;
}

.transTopBox .row .col-md-2 .Box p {
    font-weight: 900;
}

.transTopBox .row .col-md-2 .Box .panel-body div {
    font-size: 13px;
    height: 50px;
}

.cu_work_list .col-md-6 .panel-body .col-md-10 ul li span {
    width: 190px;
    display: inline-block;
}

/* 소유권 이전 페이지 end */



/* 결제정보 */
.payment-table .form-group input {
    height: 25px !important;
}

.payment-table .btn-default {
    margin-left: 13px;
    padding: 5px 15px;
    color: #fff;
}

.ui-datepicker-trigger {
    padding-left: 5px;
}


.testclick .form-inline .third-btn {
    background-color: #23ADE2 !important;
    border-color: #23ADE3;
    color: #fff;
}

.testclick .test .btn-default {
    background-color: #23ADE3 !important;
    border-color: #23ADE3 color#fff;
}

.testclick .form-inline .third-btn {
    border-color: #23ADE3;
    color: #fff;
}

.testclick .form-inline .third-btn:visited {
    border-color: #adadad;
    color: #333;
}

.testclick .form-inline .third-btn:link {
    border-color: #adadad;
    color: #333;
}

.testclick .form-inline .third-btn:active {
    border-color: #adadad;
    color: #333;
}

/*
.plus-sv .plusbox .middletxt span{border-bottom:2px solid #0D67AB; margin-right:10px; width:5px;}
*/

.ui-datepicker {
    z-index: 3 !important;
}

.bottom-line {
    width: 35px;
    height: 3px;
    background-color: #0D67AB;
    display: inline-block;
}



/* 고객센터 개선*/

.faq-table tbody tr th {
    padding: 10px !important;
    border-top: 1px solid #6f6f6f;
    border-bottom: 1px solid #6f6f6f;
    background-color: orange1;
    font-weight: 600;
}

.faq-table tbody tr td {
    padding: 10px;
}

.faq-table tr:last-child {
    border-bottom: 1px solid #ddd;
}


.manual-table tbody tr th {
    padding: 10px !important;
    border-top: 1px solid #6f6f6f;
    border-bottom: 1px solid #6f6f6f;
    font-weight: 600;
}

.manual-table tbody tr td {
    padding: 10px;
}

.manual-table tr:last-child {
    border-bottom: 1px solid #ddd;
}

.csfaq tbody tr th {
    padding: 10px !important;
    border-top: 1px solid #6f6f6f;
    border-bottom: 1px solid #6f6f6f;
    font-weight: 600;
}

.csfaq tbody tr td {
    padding: 10px;
}

.csfaq tr:last-child {
    border-bottom: 1px solid #ddd;
}


.naver-table {
    font-size: 16px;
}

.naver-table tbody tr th {
    padding: 15px !important;
    font-size: 14px;
    border-top: 1px solid #6f6f6f;
    border-bottom: 1px solid #6f6f6f;
    background-color: #fff;
    font-weight: 700;
}

.naver-table tbody tr td {
    padding: 15px;
}

.naver-table tr:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.tableBoxNaver .form-group .btn-default {
    background-color: #00a63f;
    color: #fff;
    border-color: #00a63f;
}



/*
.faq-table tr th{padding:9px 0px !important;}

.faq-table tr:last-child{border-bottom1:1px solid #ddd;}
.faq-table{border-top:1px solid #6f6f6f !important;}

.faq-table td{padding: 10px 0px !important;}
*/

/*
.manual-table tr th{padding:9px 0px !important;}
.manual-table tbody tr td{padding:8px;}
.manual-table tr:last-child{border-bottom1:1px solid #ddd;}
*/

.manual-title {
    padding: 20px;
    border-top: 1.5px solid #6f6f6f;
    border-bottom: 1px solid #ddd;
}

.manual-title h4 {
    font-size: 24px;
    font-weight: 500;
}

.faq-title {
    padding: 20px;
    border-top: 1.5px solid #6f6f6f;
    border-bottom: 1px solid #ddd;
}

.faq-title h4 {
    font-size: 22px;
    font-weight: 500;
}

.faq-new-list p {
    margin-bottom: 0;
    padding: 2px 0;
}

/*
Back to top button 
*/
#back-top {
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index:3!important;
}

/* arrow icon (span tag) */
#back-top span {
    width: 73px;
    height: 73px;
    display: block;
    margin-bottom: 7px;
    background: rgba(0, 156, 255, .8) url(/static/images/homepage/top-btn.png) no-repeat center center;
    /* rounded corners */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

/*
Scroll-nav button
*/
.current-nav{background:#009cff!important;}
#scroll-nav {
    position: fixed;
    bottom: 35%;
    right: 5%;
    transition: all .3s;
    z-index:2!important;
    display:none;
}

#scroll-nav li {
    position: relative;
}

#scroll-nav li:first-child a {
    margin-top: 0;
}

#scroll-nav li a {
    display: inline-block;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #009cff;
    border-radius: 50%;
    z-index: 10
}

#scroll-nav li a.on {
    background: #009cff!important;
    border:1px solid #fff!important;
}

#scroll-nav li a:hover {
    background: #009cff!important;
    border:1px solid #fff!important;
}

#scroll-nav span {
    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 18px;
    background: #009cff;
    color: #fff;
    border-radius: 20px;
    padding: 3px 15px;
    width: auto;
    height: auto;
    word-break: nowrap!important;
    display: inline-block;
    white-space: pre;
    text-overflow: ellipsis;

}



.c-center h4 {
    font-size: 19px;
}

.faqBox4 .row h4 {
    font-size: 19px;
}

.notice-Box h3 {
    font-size: 19px;
}

.c-center hr {
    width: 28px;
}

.faqBox4 hr {
    width: 28px;
}

.middle-Box > hr {
    width: 28px;
}

.faq-Box h4 {
    font-size: 19px;
}

.faq-Box hr {
    width: 28px;
    float: left;
    border: 0;
    margin-top: 0;
    width: 35px;
    height: 2px;
    background-color: #0D67AB;
}

.faq-Box .col-md-4 {
    min-width: 200px;
    margin-bottom: 20px;
}

.faq-Box .faq-sub-Box1 {
    padding: 35px 15px;
    color: #333;
    font-weight: 500;
    background-color: #f5f5f5;
    min-height: 115px;
}

.faq-Box a {
    transition: all 1s;
}

.faq-Box a:hover .faq-sub-Box1 {
    color: #fff !important;
    background-color: #0D67AB !important;
    text-decoration: underline;
}

.faq-Box .col-xs-3 {
    padding-bottom: 30px;
}

.inquiry-Box3 .form-group {
    width: 100%;
}

.inquiry-Box3 .form-group input {
    width: 72%;
}

/*181001 모달
#csModal .modal-header{background-color:#004890; color:#fff; }
#csModal .modal-header .close{color: #fff !important;}
.modal-body .col-md-12{font-size:14px;}
*/

/*.view-manual-table>tbody>tr.active, .view-manual-table>tbody>tr.active:focus{font-weight:bold; color:#333;}*/


.hr-border {
    float: left;
    border: 0;
    margin-top: 0;
    width: 35px;
    height: 2px;
    background-color: #0D67AB;
}



/* 고객센터 네비게이션 181010 */
.cs-bbs-list tbody > tr > th {
    padding: 10px !important;
    border-top: 1px solid #6f6f6f !important;
    z-index: 3;
    border-bottom: 1px solid #6f6f6f;
    font-weight: 600;
}

.cs-bbs-list tbody > tr > td {
    padding: 10px;
}

.cs-bbs-list tr:last-child {
    border-bottom: 1px solid #ddd;
}

/* IE10+ */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .cs-bbs-list tbody > tr > th {
        border-top: 2px solid #6f6f6f !important;
    }

    /* .ie-csbbs-table tr:first-child .text-left label{margin-right:5px !important; } */
}

.csbbs-write-title {
    margin-top: 30px !important;
}


.csbbs-box1 ul {
    padding: 0 15px;
}

.csbbs-box1 ul li {
    list-style: square;
    margin-bottom: 10px;
    margin-left: 3px;
}

.csbbs-box2 ul {
    padding: 0 15px;
}

.csbbs-box2 ul li {
    list-style: square;
    margin-bottom: 10px;
    margin-left: 3px;
}

.csbbs-box3 ul {
    padding: 0 15px;
}

.csbbs-box3 ul li {
    list-style: square;
    margin-bottom: 10px;
    margin-left: 3px;
}

.pay-info-list {
    padding: 0 15px;
}

.pay-info-list span {
    font-weight: bold;
}

/*.csqna-sub{font-weight:bold;}*/

.csqna-sub > b {
    display: block;
}

.csqna-bigtxt > b {
    font-size: 16px;
}

.middletxt .nav {
    float: right;
    margin-top: 5px;
    font-size: 13px;
}

.middletxt .nav a {
    font-weight: 500;
}

.middletxt .nav a:hover {
    color: #333;
    text-decoration: underline1;
}

.middletxt .nav a:last-child {
    font-weight: 900;
    text-decoration: none;
}

.home-icon {
    margin-top: -4px;
}

.csqna-txt p {
    line-height: 1.5;
    width: 799px;
}

.csqna-write .btn-info {
    padding: 4px 12px;
}

.csqna-write .btn-info1 {
    background-color: #fff;
    color: #333;
    border-color: #ccc;
    padding: 4px 12px;
}

.csqna-write .btn-info1:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.csqna-smtxt {
    font-size: 12px;
    color: rgb(85, 85, 85);
    font-weight: 500;
    vertical-align: middle;
    /* display:inline-block; margin-top: -3px !important; */
}

.my-con-box .middletxt {
    clear: both;
}

.top-access-info {
    margin-top: -300px;
}

.access-info {
    background-color: #fff;
    margin-bottom: 6px;
    color: #0D67AB;
    font-weight: 600;
    border: none;
}

.access-info:hover {
    background-color: #fff;
    margin-bottom: 6px;
    color: #0D67AB;
    border: none;
}

.access-info:active {
    background-color: #fff;
    margin-bottom: 6px;
    color: #0D67AB;
    border: none;
    outline: none !important;
    box-shadow: none !important;
}

.access-info:focus {
    background-color: #fff;
    margin-bottom: 6px;
    color: #0D67AB;
    border: none;
    outline: none;
}

.access-info-txt {
    padding: 0 15px;
    margin-top: -23px;
}

.check-word .text-left #reload_capt_btn {
    padding-top: 5px;
    padding-bottom: 5px;
}

.check-word tr .text-left {
    vertical-align: middle !important;
    padding-top: 25px;
}


/*서버호스팅 1차*/
.colocationApply,
.serverManagement,
.softRent {
    padding-top: 85px;
}

.serverPrice .button a {
    margin: 20px 0;
    border-radius: 0px;
    font-weight: 600;
    font-size: 17px;
    border: 0;
    padding: 13px 0;
    background: #004877 !important;
    color: #fff !important;
}

.serverPrice > .button a:hover {
    background: #0083d9 !important;
    color: #fff;
}

.ServerfeatureBox {
    padding-top: 6em;
    padding-bottom: 3.5em;
}

.ServerfeatureBox .row p {
    margin-top: 22px;
    line-height: 1.7;
    font-size: 14px;
    word-break: normal;
}

.ServerfeatureBox .row div {
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.ServerfeatureBox .row div:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
    -ms-transform: scale(1.04);
}

.ServerfeatureBox .row div i {
    color: #176ea3;
}

#pricePlans .priceNum4 .plan100:nth-child(2) {
    border: 1px solid #dedede;
}

.testTable tr th {
    border-top: 3px solid #333 !important;
    background: #ddd !important;
    color: #333 !important;
    padding: 13px 4px !important;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.7 !important;
    text-align: center;
    border: 0 !important;
}

.testTable2 tr th {
    border-top: 3px solid #333 !important;
    background: #ddd !important;
    color: #333 !important;
    padding: 13px 4px !important;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.7 !important;
    text-align: center;
    border: 0 !important;
}



.testTable .je-table a {
    display: inline-block;
    /*min-width:180px;*/
    /*margin-top:50px;*/
    text-align: center;
    font-weight: 300;
    color: #004877;
    font-size: 14px;
    padding: 14px 12px;
    transition: all 0.8s;
    border: 1px solid #004877;
}

.testTable2 .je-table a {
    display: inline-block;
    /*min-width:180px;*/
    /*margin-top:50px;*/
    text-align: center;
    font-weight: 300;
    color: #004877;
    font-size: 14px;
    padding: 14px 12px;
    transition: all 0.8s;
    border: 1px solid #004877;
}

.bnT1 > tbody > tr > td {
    border-bottom: 0 !important;
}

.bnT2 {
    border-top: 0 !important;
}

.bnT2 > tbody > tr > td {
    border-top: 0 !important;
}

.bnT3 {
    border-top: 0 !important;
}

.bnT3 > tbody > tr > td {
    border-top: 0 !important;
}

/*1130 시작*/

.smartstore-writeapp .btn-info {
    background-color: #00a63f;
    border-color: #00a63f;
}

.smartstore-writeapp .color-blue {
    color: #00a63f !important;
}

.smartstore-writeapp .btn-primary {
    background-color: #00a63f;
    border-color: #00a63f;
}

.smartstore-make-writeapp .color-blue {
    color: #00a63f !important;
}

.smartstore-make-writeapp .btn-primary {
    background-color: #00a63f;
    border-color: #00a63f;
}

.smartstore-make-writeapp .btn-info {
    background-color: #00a63f;
    border-color: #00a63f;
}


#newModalNaver .modal-header {
    background-color: #009900;
    color: #fff;
}

#newModalNaver .modal-content {
    border-radius: 0;
    box-shadow: none !important;
}

#newModalNaver .modal-body {
    padding: 15px 0 5px;
    font-size: 11px;
}

#newModalNaver .modal-footer {
    border-top: 0;
    text-align: center;
    padding-bottom: 20px !important;
}


#newModalP .modal-dialog .modal-header {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
    padding-bottom: 20px;
}

#newModalP .modal-dialog .modal-header .modal-stxt {
    text-align: center;
    padding-top: 40px;
    line-height: 1;
    font-size: 16px;
    color: #eee;
}

#newModalP .modal-dialog .modal-header .modal-btxt {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

#newModalP .modal-dialog .modal-body {
    background-color: #fff;
}

#newModalP .modal-dialog .modal-body .col-md-12 {
    padding: 10px 30px;
    margin: 0 auto;
}

#newModalP .modal-dialog .modal-body .col-md-12 img {
    display: inline-block;
}

#newModalP .modal-dialog .modal-footer {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
}

#newModalP2 .modal-dialog .modal-header {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
    padding-bottom: 20px;
}

#newModalP2 .modal-dialog .modal-header .modal-stxt {
    text-align: center;
    padding-top: 40px;
    line-height: 1;
    font-size: 16px;
    color: #eee;
}

#newModalP2 .modal-dialog .modal-header .modal-btxt {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

#newModalP2 .modal-dialog .modal-body {
    background-color: #fff;
}

#newModalP2 .modal-dialog .modal-body .col-md-12 {
    padding: 10px 30px;
    margin: 0 auto;
}

#newModalP2 .modal-dialog .modal-body .col-md-12 img {
    display: inline-block;
}

#newModalP2 .modal-dialog .modal-footer {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
}

#newModalP3 .modal-dialog .modal-header {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
    padding-bottom: 20px;
}

#newModalP3 .modal-dialog .modal-header .modal-stxt {
    text-align: center;
    padding-top: 40px;
    line-height: 1;
    font-size: 16px;
    color: #eee;
}

#newModalP3 .modal-dialog .modal-header .modal-btxt {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

#newModalP3 .modal-dialog .modal-body {
    background-color: #fff;
}

#newModalP3 .modal-dialog .modal-body .col-md-12 {
    padding: 10px 30px;
    margin: 0 auto;
}

#newModalP3 .modal-dialog .modal-body .col-md-12 img {
    display: inline-block;
}

#newModalP3 .modal-dialog .modal-footer {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
}

#newModalP4 .modal-dialog .modal-header {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
    padding-bottom: 20px;
}

#newModalP4 .modal-dialog .modal-header .modal-stxt {
    text-align: center;
    padding-top: 40px;
    line-height: 1;
    font-size: 16px;
    color: #eee;
}

#newModalP4 .modal-dialog .modal-header .modal-btxt {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

#newModalP4 .modal-dialog .modal-body {
    background-color: #fff;
}

#newModalP4 .modal-dialog .modal-body .col-md-12 {
    padding: 10px 30px;
    margin: 0 auto;
}

#newModalP4 .modal-dialog .modal-body .col-md-12 img {
    display: inline-block;
}

#newModalP4 .modal-dialog .modal-footer {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
}

#newModalP5 .modal-dialog .modal-header {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
    padding-bottom: 20px;
}

#newModalP5 .modal-dialog .modal-header .modal-stxt {
    text-align: center;
    padding-top: 40px;
    line-height: 1;
    font-size: 16px;
    color: #eee;
}

#newModalP5 .modal-dialog .modal-header .modal-btxt {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

#newModalP5 .modal-dialog .modal-body {
    background-color: #fff;
}

#newModalP5 .modal-dialog .modal-body .col-md-12 {
    padding: 10px 30px;
    margin: 0 auto;
}

#newModalP5 .modal-dialog .modal-body .col-md-12 img {
    display: inline-block;
}

#newModalP5 .modal-dialog .modal-footer {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
}

#newModalP6 .modal-dialog .modal-header {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
    padding-bottom: 20px;
}

#newModalP6 .modal-dialog .modal-header .modal-stxt {
    text-align: center;
    padding-top: 40px;
    line-height: 1;
    font-size: 16px;
    color: #eee;
}

#newModalP6 .modal-dialog .modal-header .modal-btxt {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

#newModalP6 .modal-dialog .modal-body {
    background-color: #fff;
}

#newModalP6 .modal-dialog .modal-body .col-md-12 {
    padding: 10px 30px;
    margin: 0 auto;
}

#newModalP6 .modal-dialog .modal-body .col-md-12 img {
    display: inline-block;
}

#newModalP6 .modal-dialog .modal-footer {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
}

#newModalP7 .modal-dialog .modal-header {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
    padding-bottom: 20px;
}

#newModalP7 .modal-dialog .modal-header .modal-stxt {
    text-align: center;
    padding-top: 40px;
    line-height: 1;
    font-size: 16px;
    color: #eee;
}

#newModalP7 .modal-dialog .modal-header .modal-btxt {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

#newModalP7 .modal-dialog .modal-body {
    background-color: #fff;
}

#newModalP7 .modal-dialog .modal-body .col-md-12 {
    padding: 10px 30px;
    margin: 0 auto;
}

#newModalP7 .modal-dialog .modal-body .col-md-12 img {
    display: inline-block;
}

#newModalP7 .modal-dialog .modal-footer {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
}

#newModalP8 .modal-dialog .modal-header {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
    padding-bottom: 20px;
}

#newModalP8 .modal-dialog .modal-header .modal-stxt {
    text-align: center;
    padding-top: 40px;
    line-height: 1;
    font-size: 16px;
    color: #eee;
}

#newModalP8 .modal-dialog .modal-header .modal-btxt {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

#newModalP8 .modal-dialog .modal-body {
    background-color: #fff;
}

#newModalP8 .modal-dialog .modal-body .col-md-12 {
    padding: 10px 30px;
    margin: 0 auto;
}

#newModalP8 .modal-dialog .modal-body .col-md-12 img {
    display: inline-block;
}

#newModalP8 .modal-dialog .modal-footer {
    border-bottom: 0;
    background-color: #2d3539;
    color: #fff;
}

.DBox2 .bg-ghostwhite td {
    font-weight: 900;
    text-align: center !important;
}

/*스마트스토어 소개*/
.first-box-ninfo {
    padding: 7em 0;
    text-align: left;
    margin-top: -1px;
    color: #fff;
    background: url(/static/images/smartstore/guide.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -o-background-size: 21%/cover;
    -moz-background-size: 21%/cover;
    -webkit-background-size: 21%/cover;

    text-shadow: 0 1px 1px #000;
}

.first-box-ninfo p {
    font-size: 25px;
}

.feat-Banner-design {
    padding: 40px 0;
    background-color: #009538;
    color: #fff;
    text-align: center;
}

.feat-Banner-design ul li {
    font-size: 19px;
    line-height: 40px;
}


.mystorelist-info .col-md-4 {
    text-align: right;
}

.nnews-list {
    text-align: center;
}

.news-badge {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0px;
    padding: 2px 6px 3px;
    color: #fff;
    font-size: 15px;
    background-color: #ff9900;
    border-radius: 0px;
    line-height: 3.4;
}



/*스마트스토어 시작하기*/


.nnaver-info {
    background-color: #2d3539;
    padding: 10px 0;
    text-align: center;
}

.nnaver-info p {
    font-size: 20px;
    color: #ff9900;
}

.nnaver-info a {
    color: #ff9900;
    display: inline-block;
    padding-top: 10px;
}

.nnaver-info p a:hover {
    color: #ddd;
}

.first-box-nguide {
    padding: 7em 0;
    text-align: left;
    margin-top: -1px;
    color: #fff;
    /* background:url(/static/shopping8.jpg) no-repeat center 32%/cover; */
    background: url(/static/shopping8.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21%/cover;
    -o-background-size: 32%/cover;
    -moz-background-size: 32%/cover;
    -webkit-background-size: 32%/cover;
    text-shadow: 0 1px 1px #000;
}

.first-box-nguide p {
    font-size: 25px;
}

.nnaver-guide {
    background-color: #2d3539;
    padding: 10px 0;
    text-align: center;
}

.nnaver-guide p {
    font-size: 20px;
    color: #ff9900;
}

.nnaver-guide a {
    color: #ff9900;
    display: inline-block;
    font-size: 20px;
    color: #ff9900;
}

.nnaver-guide p a:hover {
    color: #ddd;
}

.mystorelist p {
    font-size: 25px;
}

.feat-Banner-guide {
    padding: 40px 0;
    background-color: #009538;
    color: #fff;
    text-align: center;
}

.feat-Banner-guide ul li {
    font-size: 19px;
    line-height: 40px;
}

/* .feat-Banner-guide ul.text-left{margin-left:20% !important;}*/

/*스마트스토어 디자인*/
.cat-active {
    background-color: #00a63f;
    color: #fff;
    border-color: #00a63f;
    outline: none;
}

.first-box-ndesign {
    padding: 7em 0;
    text-align: left;
    margin-top: -1px;
    color: #fff;
    /* background: url(/static/images/smartstore/desingbg09.jpg) no-repeat center 38%/cover; */
    background: url(/static/images/smartstore/desingbg09.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -o-background-size: 38%/cover;
    -moz-background-size: 38%/cover;
    -webkit-background-size: 38%/cover;
    text-shadow: 0 1px 1px #000;
}

.first-box-ndesign p {
    font-size: 25px;
}


.ndesign-info {
    background-color: #2d3539;
    padding: 10px 0;
    text-align: center;
}

.ndesign-info p {
    font-size: 20px;
    color: #ff9900;
}

.ndesign-info a {
    color: #ff9900;
    display: inline-block;
    padding-top: 10px;
}

.ndesign-info p a:hover {
    color: #ddd;
}

.ndomain-info {
    background-color: #2d3539;
    padding: 10px 0;
    text-align: center;
}

.ndomain-info p {
    font-size: 20px;
    color: #ff9900;
}

.divleft {
    display: inline-block;
    padding: 10px 0 8px;
}

.ndomain-info a {
    color: #ff9900;
    display: inline-block;
    padding-top: 10px;
}

.ndomain-info p a:hover {
    color: #ddd;
}


.mystorelist-info {
    background-color: #2d3539;
    padding: 15px 0;
    text-align: center;
}

.mystorelist-info p {
    font-size: 20px;
    color: #ff9900;
}


.mystorelist-info a {
    color: #ff9900;
    display: inline-block;
    padding-top: 10px;
}

.mystorelist-info p a:hover {
    color: #ddd;
}


.DBox2 .table-responsive .btn-primary {
    font-weight: 400 !important;
    padding: 3px 12px !important;
    font-size: 13px !important;
    border-radius: 4px !important;
}


.Design-product .row {
    margin-bottom: 80px
}


@media (max-width: 726px) {
    .news-badge {
        margin-right: 0 !important;
    }
}



.feat-Banner-domain {
    padding: 40px 0;
    background-color: #009538;
    color: #fff;
    text-align: center;
}

.feat-Banner-domain ul li {
    font-size: 19px;
    line-height: 40px;
}

/*퀵메뉴 */
.quick-menu {
    width: 98px;
    font-size: 0.9em;
    position: absolute;
    left: 50%;
    top: 750px;
    margin-left: 600px;
    z-index: 10000;
}

.like-item {
    width: 100%;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

.like-item:hover {
    border: 1px solid #00a63f
}

.like-btn {
    display: block;
    margin: 14px;
}

.like-btn .fa-heart-o {
    font-size: 2.2em;
    color: #00a63f
}

.like-btn div span:nth-of-type(2) {
    color: #00a63f;
    font-weight: bold;
}

.recent-item {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

.recent-txt {
    width: 100%;
    padding: 14px;
    border-bottom: 1px solid #e5e5e5;
}

.recent-txt span:nth-of-type(2) {
    color: #00a63f;
    font-weight: bold;
}

.recent-slide {
    height: 150px;
    display: none;
}

.recent-slide li:nth-of-type(4),
.recent-slide li:nth-of-type(5) {
    visibility: hidden;
}

.recentList ul li {
    position: relative;
}

.recentList ul li img {
    border: 1px solid #ececec
}

.recentList ul li:hover .recent-detail,
.recentList ul li:hover .del-recently {
    visibility: visible;
}

.del-recently {
    visibility: hidden;
}

.recentList ul li:hover img {
    border: 1px solid #00a63f
}

.recentList ul li:nth-of-type(3) img {
    margin-bottom: 0
}

.recent-thumb {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 82px;
    margin-bottom: 8px;
    cursor: pointer
}

.recent-thumb img {
    width: 82px;
    position: relative;
}

.recent-detail {
    position: absolute;
    right: 89px;
    top: 0;
    display: block;
    width: 165px;
    height: 145px;
    text-align: left;
    background-color: #f3f3f3;
    border: 1px solid #00a63f;
    border-right: none;
    visibility: hidden;
    z-index: 10000;
}

.recent-detail .info {
    padding: 18px;
}

.recent-detail .info div span:nth-of-type(2) {
    display: block;
}

.top-btn {
    display: block;
    width: 100%;
    border: 1px solid #e5e5e5;
    margin-top: 10px;
    padding: 5px;
    background-color: #fff;
}

.top-btn .fa-caret-up {
    width: 100%;
    font-size: 3em
}

.top-btn span {
    display: block;
    margin-bottom: 4px;
}

.top-btn:hover {
    border: 1px solid #00a63f;
    color: #00a63f;
}

.prev-btn {
    margin: 8px auto;
    width: 25px;
}

.next-btn {
    margin: 0 auto 8px;
    width: 25px;
}

.prev-btn,
.next-btn {
    display: none;
}

.prev-btn:hover,
.next-btn:hover {
    cursor: pointer;
}

/*퀵메뉴 끝*/


.prvw-btn {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    padding: 8px 16px;
    text-align: center;
    margin: 0 auto;
    width: 20%;
    border: 2px solid #fff;
    font-size: 15px;
    font-weight: 800;
}

.prvw-btn:nth-of-type(1) {
    margin-right: 10px;
}

.prvw-btn:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 1200px) {
    .quick-menu {
        display: none;
    }
}



@media (max-width: 680px) {
    .prvw-btn {
        width: 50%;
        margin-top: 10px;
    }

}

@media (max-width: 485px) {
    .cat_btn {
        margin-top: 10px;
        margin-right: 0;
    }
}

@media(max-width: 414px) {
    .cat_btn:last-child {
        margin-left: 0px;
    }
}

@media(max-width: 375px) {
    .cat_btn:last-child {
        margin-left: 3px;
    }
}




/*내스마트스토어관리*/

.myNaverList .btn-primary {
    padding: 3px 12px;
    font-size: 13px;
}

.mystorelist {
    padding: 7em 0;
    text-align: left;
    margin-top: -1px;
    color: #fff;
    /* background:url(/static/images/smartstore/nmylist.jpg) no-repeat center 50%/cover; */
    background: url(/static/images/smartstore/nmylist.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -o-background-size: 50%/cover;
    -moz-background-size: 50%/cover;
    -webkit-background-size: 50%/cover;
    text-shadow: 0 1px 1px #000;
}


.second-box-n-myindex h2 {
    padding-bottom: 15px;
    background: url("/static/images/smartstore/n_border_bottom.png") no-repeat 0 100%/50px;
}

.second-box-n-myindex .btn-primary {
    background-color: #373d3f;
    border-color: #373d3f;
    font-weight: 400;
}

.second-box-n-myindex .btn-primary:hover2 {
    background-color: #d36042;
    border-color: #d36042;
    font-weight: 400;
}

.third-box-n-myindex h2 {
    padding-bottom: 15px;
    background: url("/static/images/smartstore/n_border_bottom.png") no-repeat 0 100%/50px;
}

.third-box-n-myindex .btn-primary {
    background-color: #09b415;
    border-color: #09b415;
    font-weight: 500;
    color: #fff;
}

.third-box-n-myindex .btn-primary:hover1 {
    background-color: #42494c;
    border-color: #42494c;
}

.fourth-box-n-myindex h2 {
    padding-bottom: 15px;
    background: url("/static/images/smartstore/n_border_bottom.png") no-repeat 0 100%/50px;
}

.fourth-box-n-myindex .btn-primary {
    background-color: #09b415;
    border-color: #09b415;
    font-weight: 500;
    color: #fff;
}

.fourth-box-n-myindex .btn-primary:hover1 {
    background-color: #42494c;
    border-color: #42494c;
}

.fifth-box-n-myindex h2 {
    padding-bottom: 15px;
    background: url("/static/images/smartstore/n_border_bottom.png") no-repeat 0 100%/50px;
}

.fifth-box-n-myindex .btn-primary {
    background-color: #09b415;
    border-color: #09b415;
    font-weight: 500;
    color: #fff;
}

.fifth-box-n-myindex .btn-primary:hover1 {
    background-color: #42494c;
    border-color: #42494c;
}

.myNaverList .bg-ghostwhite {
    border-top: 2px solid #6f6f6f;
    font-weight: bold;
    font-size: 16px;
    background-color: #f4f6f8;
}

.myNaverList .naverlistBox .panel-body {
    padding: 10px 30px !important;
}

.myNaverList .naverlistBox .panel-body i.fa {
    color: #00a63f;
}

.myNaverList .pagination > .active > a,
.myNaverList .pagination > .active > a:focus,
.myNaverList .pagination > .active > a:hover,
.myNaverList .pagination > .active > span,
.myNaverList .pagination > .active > span:focus,
.myNaverList .pagination > .active > span:hover {
    background-color: #0070c0;
    border-color: #0070c0;
}

.myNaverList .btn-default {
    border-color: #333;
}

.myNaverList .btn-primary {
    border-radius: 4px !important;
}

.myNaverList .con-box .my-nav .btn-default a {
    color: #333;
    display: block;
    width: 100%;
    height: 40px;
    text-decoration: none;
    font-size: 1.1em;
    line-height: 2.5em;
}

.myNaverList .con-box .my-nav .btn-default {
    padding: 0;
    width: 19.2%;
}

.myNaverList .con-box .my-nav .btn-default:focus {
    background-color: #00a63f;
    color: #fff;
    border-color: #00a63f;
    outline: none;
}

.myNaverList .con-box .my-nav .btn-default:active,
.myNaverList .con-box .my-nav .btn-default.active {
    background-color: #00a63f;
    color: #fff;
    outline: none;
}

.myNaverList .con-box .my-nav .btn-default:active a,
.myNaverList .con-box .my-nav .btn-default.active a {
    color: #fff;
}

.myNaverList .naver-skin .themeA {
    width: 23.4;
}

.count-down {
    display: none;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    text-indent: -1px;
    font-weight: bold;
}




@media(min-width:992px) and (max-width: 1199px) {
    .myNaverList .con-box .my-nav .btn-default {
        width: 32%
    }

    .myNaverList .con-box .my-nav li:nth-of-type(3) {
        margin-right: 0 !important;
    }

    .myNaverList .con-box .my-nav li:nth-of-type(4),
    .myNaverList .con-box .my-nav li:nth-of-type(5) {
        margin-top: 10px;
    }
}

@media(min-width:768px) and (max-width: 991px) {
    .myNaverList .naver-skin .themeA {
        width: 48%;
    }

    .myNaverList .con-box .my-nav .btn-default {
        width: 48.9% !important
    }

    .myNaverList .con-box .my-nav li:nth-of-type(3) {
        margin-right: 5px !important;
    }

    .myNaverList .con-box .my-nav li:nth-of-type(3),
    .myNaverList .con-box .my-nav li:nth-of-type(4),
    .myNaverList .con-box .my-nav li:nth-of-type(5) {
        margin-top: 10px;
    }
}

@media(max-width: 767px) {
    select.form-control {
        width: 100%!important;
        margin-top: 4px;
    }

    .myNaverList .naver-skin .themeA {
        width: 100%;
    }

    .myNaverList .con-box .my-nav .btn-default {
        width: 100% !important
    }

    .myNaverList .con-box .my-nav li:nth-of-type(2),
    .myNaverList .con-box .my-nav li:nth-of-type(3),
    .myNaverList .con-box .my-nav li:nth-of-type(4),
    .myNaverList .con-box .my-nav li:nth-of-type(5) {
        margin-top: 10px !important;
    }

}






.domainTXT {
    font-size: 22px;
    line-height: 32px;
    color: #333;
    font-weight: 800;
}

.linkBox {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 25px 30px;
    border-top: 2px solid #6f6f6f;
    height: 190px;
}

.linkBox p {
    line-height: 1.2;
    font-size: 15px;
    margin: 20px 0;
}

.linkBox .btnExtend {
    font-size: 14px;
    padding: 8px 16px 10px !important;
    background-color: #009900;
    color: #fff;
    border: none;
}

.linkBox a {
    color: #00990a;
    font-weight: 900;
    border-bottom: 1px solid #00990a;
}

.linkBox i {
    color: #00990a;
}



.btn-s {
    background: #ddd;
    color: #333;
    padding: 3px 12px;
    border-radius: 5px !important;
}

.k-btn {
    display: inline-block;
    padding: 8px 41px 10px;
    color: #7c91a2;
    text-align: center;
    text-decoration: none;
    border: 1px #bfbfbf solid;
    border-radius: 2px;
    background: #fff;
}


.myButton {


    background-color: #09b415;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #09b415;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #151f0f;
}

.myButton:hover {
    color: #fff;

}


.DBox2 .table-responsive .form-inline select.form-control {
    height: 26px !important;
    padding: 0px 12px !important;
}

.DBox2 .table-responsive .btn-primary {
    background: #09b415 !important;
    border-color: #09b415 !important;
}


.DBox2 .table-responsive .cancel-btn-2 {
    background-color: #373d3f !important;
    border-color: #373d3f !important;
}

#newModalNaver .modal-body .form-inline input {
    height: 24px;
}

#newModalNaver .modal-body .form-inline .btnExtend {
    background-color: #09b415;
    color: #09b415;
    color: #fff;
}


.myNaverList .on {
    font-weight: bold;
}




/*1123*/

/*도메인 검색결과 페이지 녹색으로*/
.domain-search-page .je-table tr th {
    background-color: #00a63f;
}

.domain-search-page .col-md-12 h4.payResult-info .pub-btn-blue {
    background-color: #00a63f;
}

.naver-domain-writeapp .btn-primary {
    background: #00a63f !important;
    border-color: #00a63f !important;
}

.naver-domain-writeapp .color-blue {
    color: #00a63f !important;
}


.naver-title {
    padding: 20px;
    border-top: 1.5px solid #6f6f6f;
    border-bottom: 1px solid #ddd;
}

.naver-title h4 {
    font-size: 24px;
    font-weight: 500;
}

.nnews-list ul {
    left: 0;
    padding: 0;
    margin: 0;
}

.nnews-list ul li {
    margin-left: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.nnews-list ul li a {
    color: #ff9900;
    font-size: 20px;
}

/* 네이버 스마트스토어 시작 * /

/*faq & tip*/
.boardD h3.tit {
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    line-height: 0.1;
    letter-spacing: -2px;
}

.boardD {
    text-align: left;
}

.boardD .noticeD .full-view {
    color: #666;
    margin-left: 20px;
    font-size: 18px;
}

.boardD .noticeD .item-list {
    text-align: left;
    margin-top: 20px;
    border-top: 2px solid #6f6f6f;
}

.boardD .noticeD .item-list li {
    padding: 20px 10px;
    border-bottom: 1px solid #e5e5e5;
}

.boardD .noticeD .item-list li a {
    font-size: 20px;
}

.boardD .noticeD .item-list li a:hover {
    color: #555;
}


.define h2 {
    padding-bottom: 15px;
    background: url("/static/images/smartstore/n_border_bottom.png") no-repeat 0 100%/50px;
}

.Advantage h2 {
    text-align: left;
    padding-bottom: 15px;
    background: url("/static/images/smartstore/n_border_bottom.png") no-repeat 0 100%/50px;
}

.step-boxN h2 {
    text-align: left;
    padding-bottom: 15px;
    background: url("/static/images/smartstore/n_border_bottom.png") no-repeat 0 100%/50px;
}

.step-boxN .col-xs-12 {
    margin: 10px 0;
}

.step-boxN .title {
    text-align: center;
    font-weight: 300;
    font-size: 30px !important;
}

.step-boxN .col-md-12 {
    padding-bottom: 70px;
}





.dhservice h2 {
    padding-bottom: 15px;
    background: url("/static/images/smartstore/n_border_bottom.png") no-repeat 0 100%/50px;
}

.DBox2 .col-md-12 h2 {
    padding-bottom: 15px;
    background: url("/static/images/smartstore/n_border_bottom.png") no-repeat 0 100%/50px;
}

.detailPage .col-xs-12 h2 {
    padding-bottom: 15px;
    text-align: left;
    background: url("/static/images/smartstore/n_border_bottom.png") no-repeat 0 100%/50px;
}


.Design-product .col-xs-12 h2 {
    padding-bottom: 15px;
    text-align: left;
    background: url("/static/images/smartstore/n_border_bottom.png") no-repeat 0 100%/50px;
}

.Design-product .container .con-box {
    z-index: 10;
}

.Design-product .container .con-box .btn-default {
    border-color: #333;
}

.Design-product .container .con-box .btn-default:active,
.Design-product .container .con-box .btn-default:focus {
    background-color: #00a63f;
    color: #fff;
    border-color: #00a63f;
    outline: none;
}

.DBox2 .table-bordered .bg-ghostwhite td {
    margin-top: 10px;
}


.Advantage .pub-div {
    min-height: 140px;
}

.smartstore-writeapp .programList .imgWrap .img .ndesign_prod_img {
    width: 309px;
    height: 179px;
    overflow: hidden;
    margin: 0 auto;
}

.smartstore-writeapp .programList .imgWrap .img .ndesign_prod_img img {
    width: 50%;
}


@media(max-width: 375px) {
    .smartstore-writeapp .programList .imgWrap {
        margin: 0 !important;
        padding: 0 !important;
    }

    .cat_btn:last-child {
        margin-left: 3px !important;
    }

    .cat_btn2 {
        margin-top: 10px !important;
    }

    .cat_btn4 {
        margin-top: 10px !important;
    }
}

@media(max-width: 320px) {
    .smartstore-writeapp .programList .imgWrap {
        margin-right: 15px !important;
        padding-right: 15px !important;
    }

}

@media(max-width: 507px) {
    .cat_btn1 {
        margin-top: 10px !important;
    }

}

@media(max-width:991px) {
    .feat-Banner-guide ul.text-left {
        margin-left: 0 !important;
    }

    .dhservice .col-md-4 {
        padding: 0 !important;
    }

    .linkBox {
        margin: 25px 0;
    }

    .Advantage .panel-body .col-md-2 {
        padding-top: 15px;
    }

    .Advantage .panel-body .pub-div {
        padding: 15px 30px;
    }

    .mystorelist-info .col-md-4 {
        text-align: center;
    }

    .nnews-list ul li {
        text-align: center !important;
    }

    .mystorelist-info .nnews-list ul {
        width: 100%;
    }

    .mystorelist-info .nnews-list ul li {
        text-align: center;
    }

    .nnews-list ul li {
        margin-left: 0;
    }

}


@media(max-width:767px) {
    #newModalNaver .table-responsive {
        border: none;
    }

    #newModalNaver .btnExtend {
        margin-top: 20px !important;
    }

}









/*.programList{clear:left !important; width:100%; height:auto; }*/

/* 디자인 신청 페이지*/
@media(max-width:986px) {
    .programWrap table {
        height: 100px !important;
    }
}


/* 안내 페이지 */
.NaverIntoBox {
    padding-top: 6em;
    padding-bottom: 3.5em;
}

.NaverIntoBox .row p {
    margin-top: 22px;
    line-height: 1.7;
    font-size: 14px;
    word-break: normal;
}

.NaverIntoBox .row div {
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

/*
.NaverIntoBox .row div:hover{    
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
    -ms-transform: scale(1.04);}
*/
.NaverIntoBox .row div i {
    color: #176ea3;
}







.mystore {
    padding: 2px 4px;
    color: #fff;
    font-size: 12px;
    background-color: #5fa8e6;
    /*#1EC800*/
    border-radius: 4px;
}







.settingB {
    background: url(/static/background0.jpg) no-repeat center 47%/cover;
    padding: 50px 0;
    color: #333;
}

.settingB h4 {
    font-weight: 500;
}

.settingB a {
    display: inline-block;
    min-width: 180px;
    text-align: center;
    font-weight: 900;
    color: #333;
    font-size: 15px;
    padding: 16px 0;
    transition: all 0.8s;
    border: 2px solid #333;
}

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

.BannerD {
    background: #fff;
    color: #333;
    padding: 50px 0;
}

.BannerD a {
    display: inline-block;
    min-width: 180px;
    text-align: center;
    font-weight: 900;
    color: #333;
    font-size: 15px;
    padding: 16px 0;
    transition: all 0.8s;
    border: 2px solid #333;
}

.BannerD a:hover {
    background-color: #333;
    color: #fff;
}

.n-guide-info {
    background-color: #2d3539;
    padding: 26px 0;
}

.n-guide-info a {
    font-size: 17px;
    color: #fff;
}

.n-guide-info span,
.n-guide-info a .fa-angle-right {
    margin-left: 10px;
}





#url_box {
    color: #fff;
}

#url_box .con-box {
    background-color: #2d3539;
    padding-top: 20px;
}

#url_box .con-box .table {
    width: 81%;
    margin: 0 auto;
}

#url_box .con-box .table .form-control {
    height: 20px;
}

#url_box .text-center {
    margin-top: 20px;
}

#url_box .text-center .btn-primary {
    background: #5fa8e6;
    border-color: #5fa8e6;
    font-weight: 800;
}


.faqBoxNaver {
    padding: 7em 0;
    margin-top: -1px;
    color: #fff;
    /*background: url(/static/images/smartstore/faqtip.png) no-repeat center 10%/cover;*/
    background: url(/static/images/smartstore/faqtip.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -o-background-size: 10%/cover;
    -moz-background-size: 10%/cover;
    -webkit-background-size: 10%/cover;
    text-shadow: 0 1px 1px #000;
}







.first-box-ndomain {
    padding: 7em 0;
    text-align: left;
    margin-top: -1px;
    color: #fff;
    /* background:url(/static/images/smartstore/shopping2.jpg) no-repeat center 25%/cover; */
    background: url(/static/images/smartstore/shopping2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21%/cover;
    -o-background-size: 25%/cover;
    -moz-background-size: 25%/cover;
    -webkit-background-size: 25%/cover;

    text-shadow: 0 1px 1px #000;
}

.first-box-ndomain p {
    font-size: 25px;
}






.DBox .container hr {
    border: 0;
    margin-left: 0;
    margin-top: 0;
    width: 45px;
    height: 2px;
    background-color: #333;
}



/*.DBox2 .container hr{border:0; margin-top:0; margin-left:0; width:45px; height:2px; background-color:#333; margin-bottom:30px; }*/





.Advantage .container span.bt-line {
    width: 45px;
    margin-top: -10px !important;
    display: inline-block;
    border-top: 1px solid red;
    background-color: red;
}

.Advantage .container hr {

    margin-bottom: 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    width: 45px;
    background-color: #333;
    color: #333;
    /*height: 0.5px;*/
    border: none;
    border: 0;
    border-top: 2px solid #333 !important;
}




/*181119*/



.NBox {
    text-align: center;
    margin: 2.5em 0;
}

.NBox hr {
    text-align: center;
    border: 0;
    margin-top: 0;
    width: 45px;
    height: 2px;
    background-color: #333;
    margin-bottom: 50px;
}

/*
.gslide .col-xs-12{text-align: center; margin:2.5em 0;}
.gslide .col-xs-12 hr{text-align:center; border:0; margin-top:0; width:45px; height:2px; background-color:#333;}
*/

.boardN {
    margin: 0 10%;
}

.boardN h3.tit {
    display: inline-block;
    font-size: 34px;
    font-weight: 700;
    line-height: .1;
    letter-spacing: -2px;
}

.boardN {
    text-align: left;
}

.boardN .noticeN .full-view {
    color: #666;
    margin-left: 20px;
    font-size: 16px;
}

.boardN .noticeN .item-list {
    text-align: left;
    margin-top: 20px;
    border-top: 2px solid #6f6f6f;
}

.boardN .noticeN .item-list li {
    padding: 20px 10px;
    border-bottom: 1px solid #e5e5e5;
}

.boardN .noticeN .item-list li a {
    font-size: 19px;
}





#newModalN .modal-header {
    background-color: #00a63f;
    color: #fff;
}

.circleDiv2 {
    margin: 0 auto;
    float: left;
}

/*.circleDiv2:first-child div {background-color: #48b1e3;
    color: #fff;}*/
/*.circleDiv2:last-child div{background-image: none !important; background-color:#5fa8e6;}*/
.circleDiv2 div {
    width: 150px;
    height: 150px;
    background-color: antiquewhite;
    border-radius: 50%;
    margin: 0 15px;
    background-color: #575e62;
    color: #fff;
    padding-left: 30px;
    background-image: url(/static/images/dh2015/main/slide/right_btn2.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 10px;
}

.circleDiv2 p {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    padding-top: 22px;
    color: #fff;
}

.circleDiv2 p span {
    display: block;
    font-size: 16px;
    font-weight: 500;
}

.circleDiv2:first-child div {
    background-color: #575e62;
    color: #333;
}

.circleDiv2 div:hover {
    background-color: #00ae34;
    color: #fff !important;
    font-weight: bold;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .11);
}

.circleDiv2 a:hover {
    background-color: #00ae34;
    color: #fff;
}

/*.circleDiv2:last-child div:hover{background-color: green; color:#fff !important; }*/



.leftbannerBox {
    width: 75%;
    float: left;
}

.rightbannerBox {
    width: 25%;
    float: left;
}

.rightbannerBox a {
    display: inline-block;
    min-width: 180px;
    text-align: center;
    font-weight: 900;
    color: #fff;
    font-size: 15px;
    padding: 16px 0;
    transition: all 0.8s;
    border: 2px solid #fff;
}

.rightbannerBox a:hover {
    background-color: #fff;
    color: #444;
}

/*버튼*/
.ndesing_btn {
    display: inline-block;
    min-width: 180px;
    text-align: center;
    font-weight: 500;
    color: orange;
    font-size: 14px;
    padding: 16px 0;
    transition: all 0.8s;
    border: 1px solid orange;
}

.ndesing_btn:hover {
    background-color: orange;
    color: #fff;
}


/*배너띄*/
.feat-Banner > div {
    color: #fff;
    padding: 60px 0;
    /*7em 20px;*/
    background: #333;
    /*background-color: rgba(255, 251, 247, 0.9);*/
}

.naver-skin .themeA:nth-of-type(4),
.naver-skin .themeA:nth-of-type(8) {
    margin-right: 0
}

.naver-skin .themeA {
    margin-bottom: 60px;
    border: 1px solid #404040;
    margin-right: 2%;
    width: 23.4%;
    overflow: hidden;
}

.naver-skin .themeA .positionBox {
    position: relative;
    height: auto;
    overflow: hidden;
}

.naver-skin .themeA .positionBox img {
    width: 100%;
    /* transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.2s; */
}

.naver-skin .themeA {
    display: block1;
    position: relative;
}

.naver-skin .themeA .hover-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0%;
    transition: all 0.3s;
}

.naver-skin .themeA .hover-btn p {
    display: none;
    overflow: hidden1;
}

.naver-skin .themeA .hover-btn p a {
    color: #fff;
    display: block;
    padding: 8px 16px;
    text-align: center;
    margin: 0 auto;
    width: 60%;
    border: 2px solid #fff;
    font-size: 15px;
    font-weight: 800;
}

.naver-skin .themeA .hover-btn p a:hover {
    background-color: #fff;
    color: #000;
}

.naver-skin .themeA .hover-btn p:first-child a {
    margin-top: 55%;
}

.naver-skin .themeA .hover-btn.detailBox p:first-child a {
    margin-top: 60% !important;
}

.naver-skin .themeA .hover-btn.detailBox p.designa a {
    margin-top: 20% !important;
}

.naver-skin .themeA .info .ml {
    margin-left: 15%;
}

.naver-skin .themeA .info .ml .glyphicon {
    float: right;
    margin-right: 0;
    position: absolute;
    right: 15%;
    top: -0.05em;
}

.naver-skin .themeA .info .ml .glyphicon .fa-heart-o:hover {
    color: #00a63f;
    transition: .2s all;
}

.naver-skin .themeA .info .ml h5 {
    color: #000;
    font-size: 14px;
}

.naver-skin .themeA .info .ml .sk-price {
    font-size: 14px;
    color: #00a63f;
    display: block;
}

.naver-skin .themeA .info {
    text-align: left !important;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 15px;
}

.naver-skin .themeA:hover {
    border-color: #333;
}

.naver-skin .themeA:hover .positionBox img {
    /*transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transition: all 0.2s;*/

}

.naver-skin .themeA:hover .hover-btn {
    background-color: rgba(0, 0, 0, 0.7);
}

.naver-skin .themeA:hover .hover-btn p {
    display: block;
}

.naver-skin .themeA:hover .info {
    color: #333;
    box-sizing: border-box;
}


/*
.naver-skin .themeA  {position:relative; margin-bottom:30px; border1:1px solid #ccc; margin-left:1%; margin-right:1%; width:23%;  }
.naver-skin .themeA img {border:1px solid #eee;}
.naver-skin .themeA span { display:block; margin:5px 0;  text-align:center;}

.naver-skin .themeA .hover-btn{ position:absolute; left:0; top:0; width:100%; height:100%; padding:20% 0;   }
.naver-skin .themeA .hover-btn.hb-25 {padding:30% 0;}
.naver-skin .themeA.wp-core .hover-btn {padding: 7% 0; }
.naver-skin .themeA.wp-core .hover-btn p { margin:10px auto; }
.naver-skin .themeA.wp-core .hover-btn .demo.d2 {margin-top:25px;}
.naver-skin .themeA .hover-btn  p  { display:none; width:60%; border:1px solid #fff; margin:15px auto; overflow:hidden;}
.naver-skin .themeA .hover-btn  p a , .naver-skin .themeA .hover-btn  p btn { color:#fff;  display:block; padding:10px; text-align:center;}
.naver-skin .themeA .hover-btn  p a:hover , .su-table-img .themeB .hover-btn  p btn:hover{background-color:#fff; color:#555;}

.naver-skin .themeA .hover-btn  .demo{ display:none; width:60%; border:1px solid #fff; margin:0px auto; overflow:hidden; }
.naver-skin .themeA .hover-btn  .demo a{color:#fff;  display:block; padding:10px; text-align:center;}

.naver-skin .themeA:hover .hover-btn{background-color:orange; }
.naver-skin .themeA:hover .hover-btn p {display:block;}
*/



.naver-btn {
    text-align: center;
    display: inline-block;
    padding: 8px 15px 8px 15px;
    background: #373d3f;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}

.cancel-btn {
    background-color: #cf4f2e !important;
}

.DBox2 .container .col-md-12 > p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    margin: 10px 0 30px 0;
}


/* 디자인 상세페이지 가격테이블 */

.detailPage {
    background-color: #f2f4f7;
    padding: 40px 0;
}

.detailPage .je-table {
    border-collapse: collapse;
    font-size: 17px;
}

.detailPage .je-table tr {
    background-color: #fff !important;
}

.detailPage .je-table tr th {
    color: #009900;
    background-color: #f2f4f7;
    font-size: 25px;
    font-weight: 500;
    border-bottom: 2px solid #333 !important;
}

.detailPage .je-table tr td:first-child {
    border-left: none !important;
    font-weight: 900;
    color: #333;
}

.detailPage .je-table tr td:last-child {
    border-right: none !important;
}

.detailPage .je-table tr td {
    border: 1px solid #ddd !important;
}

.panelN {
    text-align: left;
    background-color: #fff;
    min-height: 150px;
}

span.list_icon_q {
    display: inline-block;
    margin-right: 20px;
    color: #00a63f;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}

.ndesign_complete {
    background: url(/static/images/smartstore/complete.jpg) no-repeat center 75%/cover;
    padding: 7em 0;
    margin-top: 0;
    color: #fff;
    text-shadow: 0 1px 1px #000;
}

@media (max-width: 1199px) {

    .naver-skin .themeA .hover-btn {
        padding: 15% 0;
    }

    .naver-skin .themeA.wp-core .hover-btn {
        padding: 0 0;

    }

}


@media (min-width:768px) and (max-width: 991px) {
    .naver-skin .themeA {
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        z-index: 10 !important;
    }

    .naver-skin .themeA .hover-btn {
        padding: 8% 0;
    }

    .naver-skin .themeA {
        float: left1;
    }

    .naver-skin .themeA .wp-core .hover-btn p {
        margin: 50px auto;
    }

    .naver-skin .themeA .wp-core .hover-btn {
        padding: 2% 0;
    }

    .naver-skin .themeA .wp-core .hover-btn .demo.d2 {
        margin-top: 5px;
    }


}

@media(max-width:767px) {

    .naver-skin .themeA .hover-btn {
        padding: 20% 0;
    }

    .naver-skin .themeA .wp-core .hover-btn {
        padding: 20% 0;
    }

    .naver-skin .themeA {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
        z-index: 10 !important;
    }

    .naver-skin .themeA .hover-btn.detailBox p.designa a {
        margin-top: 10% !important;
    }

    .leftbannerBox {
        width: 100%;
        float: left;
        text-align: center;
    }

    .rightbannerBox {
        width: 100%;
        float: left;
        text-align: center;
    }

    .table-responsive {
        border: none;
    }


}

@media (max-width: 480px) {
    .naver-skin .themeA .hover-btn {
        padding: 10% 0;
    }

    .naver-skin .themeA .wp-core .hover-btn {
        padding: 5% 0;
    }

}



@media (max-width: 340px) {
    .naver-skin .themeA .wp-core .hover-btn {
        padding: 0 !important;
    }

    .naver-skin .themeA .wp-core .hover-btn p {
        margin: 8px auto;
    }

    .wp-core .hover-btn .demo.d2 {
        margin-top: 10px;
    }
}




@media (max-width: 476px) {
    .check-word .text-left .col-xs-3 {
        width: 40%;
        float: left;
    }

    .check-word .text-left .btn-info {
        float: left;
    }

    .check-word .text-left img {
        float: left;
    }

    .check-word .text-left #reload_capt_btn {
        float: left;
    }

    .check-word .text-left .wrap-box-r {
        clear: both;
        width: 100%;
    }

    .check-word .text-left .wrap-box-l {
        float: left;
        width: 100%;
    }

    .check-word .text-left #captcha_btn {
        width: 100%;
    }
}

@media (max-width: 411px) {
    .check-word .text-left .wrap-box-r .pull-right {
        float: none !important;
    }

    .cat_btn:last-child {
        margin-left: 0px;
    }

    .cat_btn2 {
        margin-top: 10px !important;
    }

    .cat_btn4 {
        margin-top: 10px !important;
    }
}

@media (max-width:768px) {
    .top-access-info {
        margin-top: 0 !important;
    }
}



@media (max-width: 555px) {

    .faq-table tr th:first-child {
        min-width: 50px !important;
    }

    .faq-table tr td:first-child {
        min-width: 50px !important;
    }

    .manual-table tr th:first-child {
        min-width: 50px !important;
    }

    .manual-table tr td:first-child {
        min-width: 50px !important;
    }

    .naver-table tr th:first-child {
        min-width: 50px !important;
    }

    .naver-table tr td:first-child {
        min-width: 50px !important;
    }
}


@media (min-width: 1200px) {
    .customerBtn {
        float: right;
    }


}

@media (max-width: 1199px) {
    .transTopBox .row .col-md-2 {
        padding: 10px;
    }

    .inquiry-box .col-xs-6 {
        margin-left: 0;
    }

    .su-table-img .themeB .hover-btn {
        padding: 15% 0;
    }

    .su-table-img .themeB.wp-core .hover-btn {
        padding: 0 0;
    }

    .ServerfeatureBox .row div {
        padding: 30px 0px;
    }

    .NaverIntoBox .row div {
        padding: 30px 0px;
    }


}

@media (min-width:992px) and (max-width: 1199px) {
    .inquiry-box {
        min-height: 252px;
    }

    .faq-Box .col-md-4 {
        min-height: 136px;
    }

    .faq-Box .faq-sub-Box1 {
        min-height: 150px;
    }

}

@media (max-width: 991px) {
    .manual-btn {
        background-position: 50% 80%;
        background-size: 130%;
    }

    .pro-compare li:first-child {
        line-height: 3;
    }

    .pro-compare li:first-child hr {
        width: 50px;
        margin-top: 0;
        margin-bottom: 30px;
        border-top: 1px solid #555;
        display: block !important;
    }

    .customer-main {
        padding-right: 0;
    }

    .ndomain-info .col-md-3 #toggleButton {
        float: none !important;
    }
}

@media (min-width: 768px) {
    #customerModal .modal-dialog {
        width: 680px;
        margin: 120px auto;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .su-table-img .themeB .hover-btn {
        padding: 8% 0;
    }

    .su-table-img .themeB {
        float: left;
    }

    .su-table-img .themeB.wp-core .hover-btn p {
        margin: 0px auto;
    }

    .su-table-img .themeB.wp-core .hover-btn {
        padding: 2% 0;
    }

    .su-table-img .themeB.wp-core .hover-btn .demo.d2 {
        margin-top: 5px;
    }

    .member-join-box .col-xs-3 {
        width: 100px;
    }

    .member-join-box .col-xs-9 {
        float: right;
        width: 100%;
        margin-top: -32px;
    }

    .member-join-box .col-xs-9 img {
        float: right !important;
    }

}

@media(max-width:767px) {
    .manual-btn .je-domain {
        text-align: left;
        padding: 0 !important;
    }

    .su-table-img .themeB .hover-btn {
        padding: 20% 0;
    }

    .su-table-img .themeB.wp-core .hover-btn {
        padding: 20% 0;
    }

    .su-table-img .themeB {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }

    .table.complete {
        width: 80% !important;
    }

}

@media (max-width:618px) {
    .cat_btn2 {
        margin-top: 10px !important;
    }

    .cat_btn4 {
        margin-top: 10px !important;
    }
}

@media (min-width: 613px) {

    /* 613px 이상 닷홈 비밀번호 입력창 20190531*/
    #web_dothome_pw {
        width: 70% !important;
        margin-right: 1%;
    }

    .btn-pw {
        width: 20%;
        margin-top: 0.5rem;
    }

    .pw_error {
        left: 27% !important;
        bottom: 12% !important;
    }
}

@media (max-width: 612px) {
    .manual-btn .je-domain a {
        min-width: 32%;
        margin-top: 30px;
    }

    /* 612px 이하 닷홈 비밀번호 입력창 20190531*/
    #web_dothome_pw {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
    }

    .btn-pw {

        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0.5rem !important;
    }

    .pw_error {
        left: 33% !important;
        bottom: 5% !important;
    }
}

@media (max-width: 555px) {
    .inquiry-box a {
        float: none;
    }

    .inquiry-box .col-xs-6 {
        float: none;
        width: 100%;
    }
}

@media (max-width: 501px) {
    .display-none span {
        display: none;
    }
}

@media (max-width: 485px) {
    .cat_btn {
        margin-top: 10px;
        margin-right: 0;
    }
}


@media (max-width: 480px) {
    .su-table-img .themeB .hover-btn {
        padding: 10% 0;
    }

    .table.complete {
        width: 100% !important;
    }

    .su-table-img .themeB.wp-core .hover-btn {
        padding: 5% 0;
    }

    #customerModal .modal-content {
        padding: 0 5px !important;
    }
}


@media (max-width: 340px) { 
    .su-table-img .themeB.wp-core .hover-btn {
        padding: 0 !important;
    }

    .su-table-img .themeB.wp-core .hover-btn p {
        margin: 8px auto;
    }

    .su-table-img .themeB.wp-core .hover-btn .demo.d2 {
        margin-top: 10px;
    }
}
/* 고객센터 리뉴얼 19.09.19 */
/* 고객센터 상단배너, nav */
.top-banner-bg-cs .container{padding-top: 105px; padding-bottom: 104px }
.top-banner-bg-cs {width: 100%; height: 300px; background-size: cover;}
.top-banner-bg-cs-main {background-image: url(/static/images/dh2019/top-banner-cs-main.jpg); }
.pub-web-box-cs {height: 134px}
.cs-nav {background: #0070c0; }
.cs-nav hr {display: none;}
.cs-nav ul {margin-bottom: 0; height: 38px}
.cs-nav ul li{float: left; width: 20%; text-align: center;  }
.cs-nav ul li a {color: #fff; width: 100%; display: block; min-height: 37px; font-size: 16px; line-height: 2.5; transition: .2s; font-weight:700; }
.cs-nav ul li a:hover{background: #2a93dc;}
.cs-nav ul::after{content: ""; display: block; clear: both;}
@media (max-width:992px){
    .top-banner-bg-cs{height: 200px;}
    .cs-nav hr {display: block;margin-bottom: 0; margin-top: 0;  margin-left: -150px; width: 150%; background: #5ca3cf; height: 1px; border: none; clear: both;}
    .cs-nav ul li:nth-of-type(1), .cs-nav ul li:nth-of-type(2), .cs-nav ul li:nth-of-type(3){ width: 33.3333%}
    .cs-nav ul li:nth-of-type(4), .cs-nav ul li:nth-of-type(5){ width: 50%;}
}
@media (max-width:550px){
    #scroll-section1.top-banner-bg-cs-main {background-position: 70%!important;}
    .top-banner-bg-cs .container .my-con p {background: rgba(255, 255, 255, 0.8); display: inline-block}
    .cs-nav hr{display: none;}
    .cs-nav .container{padding-left: 0; padding-right: 0}
    .cs-nav ul li:nth-of-type(1), .cs-nav ul li:nth-of-type(2), .cs-nav ul li:nth-of-type(3), .cs-nav ul li:nth-of-type(4), .cs-nav ul li:nth-of-type(5) {width: 100%; border-top:1px solid #5ca3cf; margin-top: 0}
}
/* 고객센터 메인페이지 시작 */
.cs_button:hover{text-decoration: underline;}
.my-con {padding-left: 15px; padding-right: 15px}
.bgsection-beige {background:#f9f4f0; }
.bgsection-beige.cs{padding: 20px 0;}
.cs-searchbox input{width: 90%; float: left; height: 60px; border:1px solid #ddd; border-right: none; padding: 0 15px}
.cs-searchbox input:active, .cs-searchbox input:hover, .cs-searchbox input:focus{border: 1px solid #0070c0;}
.cs-searchbox button {width: 10%; float: right; height: 60px; font-size: 30px; background: #0070c0; color: #fff; border: none; line-height: 0}
.cs-searchbox button:hover{background: #0065ad; transition: .2s;}
.cs-searchbox::after{content: ""; display: block; clear: both; }
.cs .cs-faq, .cs .cs-faq table td{text-align: left;}
.cs .panel-heading {padding: 15px;}
.cs .panel-title{font-size: 24px}
.cs .panel-title a{font-size: 16px; font-weight: 500; line-height: 1.5}
.cs .panel-title::after{content: ""; display: block; clear: both}
.cs .cs-faq-qna{padding: 20px 0}
.cs .cs-faq .panel-title h5 {display: inline-block}
.cs .cs-faq .panel-title a{float: right; margin-top: 10px}
.cs .cs-faq .panel-title::after{content: ""; display: block; clear: both}
.cs .cs-faq table tr td a{display: block; height: 38px; line-height: 2.4; padding-left: 10px; font-size: 16px;}
.cs .cs-faq ul{margin-top:10px;}
.cs .cs-faq ul li {padding: 0.7rem 0.5rem; border-top: 1px solid #ddd;  text-overflow: ellipsis;   white-space: nowrap; overflow: hidden;}
.cs .cs-faq ul li:hover span{font-weight:700;}
.cs .cs-faq ul li:last-child{border-bottom: 1px solid #ddd}
.cs .cs-faq ul li a{width: 100%; text-overflow: ellipsis;   white-space: nowrap;  overflow: hidden;}
.cs .cs-qna .text, .cs .cs-qna .col-sm-6 a{border: 1px solid #ddd; background: #fff;}
.cs h4 {font-size: 22px;}
.cs h5 {font-size: 20px; font-weight:300; margin:0;}
.cs-main .cs-qna .text {padding: 20px 20px 16px; background: #5ca3cf; color: #fff; border:none; border-radius: 5px; text-align: left} 
.cs-main .cs-qna .text  h5 {margin-bottom: 20px; display: inline-block}
.cs-main .cs-qna .text a{border: 1px solid #fff; border-radius: 3px;  background: #fff;  transition: .2s; display: inline-block;  float: right;   color: #5ca3cf;  margin-top: 2px;  font-weight: 600; padding: 3px 6px;}
.cs-main .cs-qna .text a:hover{background: #5ca3cf; color: #fff; }
.cs-main .cs-qna .text::after {content: ""; display: block; clear: both}
.cs-main .cs-qna .text ul {margin-top: 10px;}
.cs-main .cs-qna .col-sm-6:nth-of-type(1){padding-right: 8px;}
.cs-main .cs-qna .col-sm-6:nth-of-type(2){padding-left: 8px;}
.cs-main .cs-qna .col-sm-6 a{padding: 10px; margin-top: 13px; background: #f6f6f6; display: block; transition: .2s; font-weight:700; }
.cs-main .cs-qna .col-sm-6 a:hover{border-color: #0070c0; background: #f2f2f2; color: #0070c0}
.cs-main .cs-manual {margin-top: 60px; margin-bottom: 20px;}
.cs-main .cs-manual .col-md-3 {text-align: left}
.cs-main .cs-manual .col-md-3 a {margin-top: 20px; display: inline-block}
.manual-list{margin-top:8px;}
.manual-list li {float: left; width: 32%; height:128px; margin:0 11px 11px 0;}
.manual-list li:nth-child(3n){margin-right:0;}
.manual-list li a{display: block; transition: .2s; font-weight: 600; padding:10px 0; transition:all .3s; height:100%;  border-radius:10px; border: 1px solid #ddd; letter-spacing:-1px}
.manual-list li a:hover {background: #fff; box-shadow:1px 1px 1px 1px rgba(0,0,0,.3); border:1px solid #0070C0;}
.manual-list li:hover img{transform:scale(1.05);}
.manual-list li img{text-align: center; transition: all .2s ease-in-out; margin-top:10px;}
.manual-list::after{content: ""; display: block; clear: both;}
.cs .pull:hover {font-weight: 600; text-decoration: underline;}
.bgsection-blue.cs{background: #5ca3cf; color: #fff;}
.cs .cs-info p:nth-of-type(2){font-size: 16px; margin-top: 20px}
.cs .cs-info p:nth-of-type(3){font-size: 15px; margin-top: 20px}
.cs .cs-info p span{display: inline-block}
.cs .cs-notice, .cs .cs-ns {margin: 50px 0}
.cs .cs-notice, .cs .cs-notice table td{text-align: left;}
.cs .cs-notice .panel-default{overflow: hidden}
.cs .cs-notice table tr td a{display: block; height: 38px; line-height: 2.4; padding-left: 10px; font-size: 16px;}
.cs .cs-ns {border: 1px solid #ddd; padding-top: 30px; padding-bottom: 15px; }
.cs .cs-ns p{font-size: 18px; font-weight: 600; border: 1px solid #ddd; margin-bottom: 0; background: #f2f2f2;    margin-top: 30px;line-height: 2.8; padding: 19px 0;}
.cs-main.cs-link {background: #f9f4f0; }
.cs-main.cs-link .row {display: flex}
.cs-main.cs-link a {background: #f9f4f0; color: #fff; display: inline-block; width: 50%;  float: left; padding: 30px 10px;}
.cs-main.cs-link::after{ content: ""; display: block; clear: both;}
.cs-main.cs-link a:hover{background: #6fb2db;}
.cs-main.cs-nameserver {padding: 20px 0;}
.cs-main.cs-nameserver .title {margin-bottom: 30px;}
.cs-main.cs-nameserver tr td {padding: 1.1rem 1rem}
.cs-main.cs-nameserver tr:last-child th, .cs-main.cs-nameserver tr:last-child td{border-bottom: 1px solid #ddd;}
.cs.cs-notice{padding: 50px 0}
.cs-main.cs-notice .col-md-9 li {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cs-main.cs-notice .col-md-9 li a { width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cs-main.cs-notice .col-md-9 li span {  float: right;  margin-right: 5px;}
.cs-main.cs-notice .col-md-9 li, #section5 .main-news .col-sm-3 li { padding: 1rem 0; border-top: 1px solid #ddd;}
.cs-main.cs-notice .col-md-9 li:last-child, #section5 .main-news .col-sm-3 li:last-child { border-bottom: 1px solid #ebd8c8;}
.cs-main.cs-notice .btn { font-size: 16px;  margin-top: 8rem;  border-bottom: 1px solid transparent;  transition: all 0.3s;}
.cs-main.cs-notice .btn:hover { border-bottom: 1px solid #333;  transition: all 0.3s;}
.cs-main.cs-notice .conBox {  margin: 2% 7%;}
.cs-main.cs-notice h1 i { color: #F44336; font-size: 50px;}
.cs-main.cs-notice .m-parallax#section5 h3, .m-parallax#section5 p { color: #555; font-weight: normal;}
.cs-main.cs-notice .m-parallax#section5 h3 { font-size: 30px;  font-weight: 500 !important;  line-height: 1.4;}
.cs-main.cs-notice .pull {display: inline-block; margin-top: 20px;}

@media (max-width:1300px){
    #scroll-nav.cs{right: 1%;}
}
@media (max-width:992px){
    #scroll-nav.cs{right: 3%;}
    .pub-web-box-cs {height: 86px;}
    .top-banner-bg-cs .container{padding-top: 50px; padding-bottom: 50px }
    .cs .cs-qna{margin-top: 30px;}
    .cs .cs-qna .text .right{margin-top: 0}
    .cs-main .cs-qna .text .left, .cs-main .cs-qna .text .right{display: inline-block;}
    .cs-main .cs-qna .text .left {width: 40%; vertical-align: top; text-align: center; margin-top: 30px;}
    .cs-main .cs-qna .text .left a{margin-top: 10px; display: inline-block}
    .cs-main .cs-qna .text .right{width:55%; margin-bottom: 0; margin-left: 15px;}
    .cs-main .cs-qna .text .right li:nth-of-type(2){margin-bottom: 0}
    .cs-main .cs-qna .text .left h5, .cs .cs-qna .text .left a {float: none;}
    .cs-main .cs-qna .text .left h5{display: block;}
    .cs .cs-qna .text .left a {margin-top: 0; margin-bottom: 20px}
    .cs-main .cs-manual .col-md-3 .title{float: left}
    .cs-main .cs-manual .col-md-3 a{float: right}
    .cs-main .cs-manual .col-md-3::after{content: ""; display: block; clear: both;}
    .cs-main .cs-manual .manual-list {margin-top: 30px;}
    .cs .cs-ns {margin: 0 15px; margin-bottom: 50px;}
    .cs-main.cs-notice .col-md-3 a {float: right} 
    .cs-main.cs-notice .col-md-3 h3 {display: inline-block}
    .cs-main.cs-notice .col-md-3 .adTxt::after{content: ""; display: block; clear: both}
    .cs-main.cs-notice .col-md-9 {width: 100%}
    .cs-main.cs-notice .col-md-9 ul {margin-top: 20px;}
}
@media (max-width:768px){
    #scroll-nav.cs{right: 4px;}
    .cs-main .cs-qna .col-sm-6:nth-of-type(1){padding-right: 15px;}
    .cs-main .cs-qna .col-sm-6:nth-of-type(2){padding-left: 15px;}
    .cs-main .cs-qna .text .left {margin-top: 10px;}
    .cs-main .cs-qna .text .left, .cs .cs-qna .text .right{width: 100%;}
    .cs-main .cs-qna .text .right{margin-left: 0;}
    .cs-main .cs-manual .manual-list li{height: 120px;}
    .cs-main.cs-link .row {display: block}
    .cs-main.cs-link a {width: 100%}
    .cs-main.cs-link a:nth-of-type(2){background: #6fb2db}
    .cs-main.cs-link a:nth-of-type(1):hover, .cs-main.cs-link a:nth-of-type(2):hover{background: #4b95c3;}
}
@media (max-width:550px){
    .cs-searchbox input{width: 80%; height: 50px}
    .cs-searchbox button{width: 20%; height: 50px; font-size:22px}
    .cs-main .cs-faq table tr td a {width: 90%;}
    .cs-main .cs-manual .manual-list li{width:33.333333%; height: 110px;}
    .cs-main .cs-manual{margin-bottom: 0}
    .cs-main .cs-notice{margin-bottom: 20px;}
    .cs .cs-ns, .cs .cs-ns p{padding-top: 10px;}
    .cs .cs-ns p {line-height: 1.6; padding: 10px 0}
    .cs .cs-notice table tr td a, .cs .cs-faq table tr td a{font-size: 14px;}
    .cs-main .cs-qna .text{font-size: 14px;}
    .cs-main.cs-notice .col-md-9 li a {width: 70%}
}

@media (max-width:410px){
    .cs-main.cs-notice .col-md-9 li a {width: 100%}
    .cs-main.cs-notice .col-md-9 li span {display: none;}
}
/* 고객센터 메인페이지 끝 */

/* 고객센터 검색 결과 페이지 시작*/
.bgsection-beige.cs-search{padding-bottom: 10px;}
.cs-search .search-searchbox p{margin-top: 20px;}
.cs-search .search-tag {padding-top: 25px;}
.cs-search .search-tag p, .cs-search .search-tag ul{float: left;}
.cs-search .search-tag::after{content: ""; display: block; clear: both;}
.cs-search .search-tag p {margin-right: 30px; font-weight: 600;  margin-top: 5px}
.cs-search .search-tag ul li{float: left;     background: #0070c0; border-radius: 15px;  margin: 0 5px;  margin-top: 5px; }
.cs-search .search-tag ul li a{color: #fff; padding: 0 15px; font-size: 14px;}
.cs-search .search-tag ul::after{content: ""; display: block; clear: both;}
.cs-search .result .panel-heading {background: #f2f2f2; margin-top: 30px; margin-bottom: 20px;}
.cs-search .result-faq .panel-heading {margin-top: 20px;}
.cs-search .result ul li div{padding-left: 15px; padding-right: 15px;}
.cs-search .result ul li h4{font-size: 18px; font-weight: 400 }
.cs-search .result ul li h5{font-size: 16px; font-weight: 400}
.cs-search .result ul li span{font-size: 14px;}
.cs-search .result ul hr:last-child{display: none;}
.cs-search .result-service {margin-bottom: 30px;}
.cs-search .result-service .comment{padding-left: 15px; padding-right: 15px; padding-bottom: 15px;}
.cs-search .result-service .with_prd_card{text-align: center; height: 350px; color:#333; margin-bottom: 20px; border-radius:5px; border:1px solid #ddd; background-position: center!important;}
.cs-search .result-service .with_prd_card:hover{border:1px solid #0070c0;}
.cs-search .result-service .with_prd_card p { padding: 40px 15px 15px;  margin: 0;}
.cs-search .result-service .with_prd_title span{font-size: 22px; font-weight:bold; padding:4px 15px; border-radius:10px; background:#0070c0; color:#fff; border:1px solid #fff; letter-spacing:-1px;}
.cs-search .result-service .with_prd_card p:last-child {padding-top: 20px;}
/* 고객센터 검색 결과 페이지 끝*/
/* 고객센터 IDC 페이지 시작 */
.top-banner-bg-cs-idc {background-image: url(/static/images/dh2019/data-img0.jpg); height: 500px;}
.bgsection-beige.cs-idc .my-con div:nth-of-type(1){background: #5ca3cf; border-radius: 3px; font-size: 18px; width: 500px; padding: 20px 0 ; margin: 30px auto; color: #fff;}
.bgsection-beige.cs-idc .my-con div:nth-of-type(2){ width: 550px; margin: 0 auto}
.container.cs-idc{margin-top: 50px; margin-bottom: 100px; }
.cs-idc .my-con  img{width: 100%;}
.cs-idc .my-con h4{font-size: 24px; margin: 20px 0}
.cs-idc .my-con ul li {text-align: left}
.cs-idc .my-con ul li i {color: #0070c0}
.cs-idc .my-con .col-md-4 {margin-bottom: 40px;}
.cs-idc .btn {background: #0070c0; color: #fff; border-radius: 3px; border: none; border:1px solid #0070c0; font-size: 16px; padding: 1.5rem 3.5rem; margin-top: 4rem;}
.cs-idc .btn:hover{background: #fff; border:1px solid #0070c0; color: #0070c0; transition: .2s}

@media (max-width:992px){
    .top-banner-bg-cs-idc{height: 300px;}
}
@media (max-width:768px){
    .bgsection-beige.cs-idc .my-con div:nth-of-type(1), .bgsection-beige.cs-idc .my-con div:nth-of-type(2) {width: 100%}
}

@media (max-width: 1199px) and (min-width: 992px){body {font-size:  16px ;}}
/* 고객센터 IDC 페이지 끝 */
/* 고객센터 공지사항 시작*/
.container.cs-notice, .container.cs-inquiries, .container.cs-faq, .container.cs-manual {margin-bottom:50px}
.top-banner-bg-cs-notice {background-image: url(/static/images/dh2019/top-banner-cs-notice.jpg); }
.cs-notice #frm  {margin-top: 30px; margin-bottom: 10px; text-align: right}
.cs-notice .form-group select, .cs-notice .form-group input, .cs-notice .form-group button{margin-top: 5px;}
.cs-notice .table-responsive{width: 100%; }
.cs-notice .table-responsive tr th{text-align: center; background: #f2f2f2;}
.cs-notice .table-responsive tr td:nth-of-type(3){text-align: left}
.cs-notice .table-responsive tr td .notice{display: inline-block; background: #f46d00; color: #fff; border-radius: 3px; font-size: 14px; padding: 0 5px;}
.cs-pagination .pagination li{display: inline-block; float: left}
.cs-pagination .pagination:after{content: ""; display: block; clear: both}
.cs-view {margin-top: 30px; margin-bottom: 50px;}
.cs-view .cs-view-info .title { position: relative;  border: 1px solid #ddd; text-align: left; font-size: 24px;}  
.cs-view .cs-view-info .title h3{font-size: 24px; padding: 2rem 3rem; margin: 0px; font-weight: bold; background: #f2f2f2}
.cs-notice-view .cs-view-info .title h3{background: none}
.cs-view .cs-view-info .info{    background: #f2f2f2; position: relative; border: 1px solid #ddd; border-top: 0px solid #fff; padding: 8px 8px 7px 8px;}
.cs-view .cs-view-info .info ul {margin-bottom: 0}
.cs-view .cs-view-info .info ul li {float: right; margin-left: 20px;}
.cs-view .cs-view-info .info ul::after{content: ""; display: block; clear: both;}
.cs-view .cs-view-content {    border: 1px solid #ddd; border-top: none;  padding: 15px;  text-align: left;}
.cs-view .paging {text-align: left}
.cs-view .paging .prev{padding-right: 0}
.cs-view .paging .next{padding-left: 0}
.cs-view .paging div a {float: left}
.cs-view .paging div::after{content: ""; clear: both; display: block;}
.cs-view .paging div a:nth-of-type(1){width: 20%; border-right: none; background: #f2f2f2}
.cs-view .paging div a:nth-of-type(2){width: 80%; overflow: hidden; text-overflow: ellipsis;}
.cs-view .paging .prev a:nth-of-type(2){border-right: none;}
.cs-view .cs-view-content{padding: 2rem 3rem}
.cs-view .cs-view-content img {width: auto; max-width: 100%}
.vs-board-view-btm .btn-default{background: #0070c0; color: #fff; border-radius: 3px; border: none; border:1px solid #0070c0; font-size: 16px; padding: 1.5rem 3.5rem; margin-top: 3.5rem; }
.vs-board-view-btm .btn-default:hover{background: #fff; border:1px solid #0070c0; color: #0070c0; transition: .2s}
.cs-view .paging div a:hover{background: #ddd; border: 1px solid #ccc;}
@media (max-width:992px){
    .cs-view .paging div a:nth-of-type(1){width: 100%; }
    .cs-view .paging div a:nth-of-type(2){display: none}
    .cs-view .paging .next a:nth-of-type(1){border-right: 1px solid #ddd;}
}
@media (max-width:768px){
    .cs-view .cs-view-info .title h3{padding: 1rem; font-size: 22px;}
    .cs-view .cs-view-content{padding: 1rem}
}
/* 고객센터 공지사항 끝*/
/* 고객센터 서비스매뉴얼 */
.top-banner-bg-cs-manual {background-image: url(/static/images/dh2019/top-banner-cs-manual.jpg); }
.cs-manual #frm { margin-top: 30px;   margin-bottom: 10px; text-align: right;} 
.cs-manual .form-group select, .cs-manual .form-group input, .cs-manual .form-group button{margin-top: 5px;}
.cs-table .infobox{padding: 3rem;}
.cs-table .infobox a{background: #0070c0; color: #fff; border-radius: 3px; border: none; border:1px solid #0070c0; font-size: 16px; padding: 1.5rem 3.5rem; margin-top: 2rem; }
.cs-table .infobox a:hover{background: #fff; border:1px solid #0070c0; color: #0070c0; transition: .2s}
/* 고객센터 자주묻는질문 */
.top-banner-bg-cs-faq {background-image: url(/static/images/dh2019/top-banner-cs-faq.jpg); }
.cs-faq #frm { margin-top: 30px;   margin-bottom: 10px; text-align: right;}
.cs-faq .form-group select, .cs-faq .form-group input, .cs-faq .form-group button{margin-top: 5px;}
.color-dh{background: #0070c0; border-color: #0070c0; color: #fff; transition: .2s;}
.color-dh.btn:hover{background:#0065ad; border-color: #0065ad; color: #fff;}
/*고객센터 1:1문의*/
.cs-inquiries #info-service h3, .cs-inquiries  #info-goods h3, .cs-inquiries #info-pay h3{font-size:19px; color:#333; margin-top: 10px}
.cs-inquiries #info-service h3 i, .cs-inquiries  #info-pay h3 i, .cs-inquiries #info-goods h3 i{vertical-align:3px; color: #0D67AB;}
.cs-inquiries .qna-info ul{margin-bottom:0px;  color: #333;}
.cs-inquiries .qna-info ul li{letter-spacing:0.4; }
.cs-inquiries #info-goods li:nth-child(4), .cs-inquiries  #info-goods li:nth-child(6), .cs-inquiries #info-goods li:nth-child(8){
    font-weight: 700;
    font-size: 14px;
    margin-bottom:0!important;
    color:#0D67AB;
}
@media (min-width: 768px){
    .cs-inquiries .form-horizontal .control-label {text-align: left;}
}
.cs-inquiries .qna-info, .cs-inquiries .refund-info {margin-bottom: 10px; border: 1px solid #ddd; background: #f9f9f9; padding: 20px}
.cs-inquiries .refund-info {margin-left: -15px; margin-right: -15px; padding-bottom: 10px }
.cs-inquiries .qna-info ul {margin-top: 30px}
.cs-inquiries .qna-info ul:first-child{margin-top: 0}
.cs-inquiries .qna-info ul li, .refund-info ul li{list-style: none; margin-bottom: 10px}
.cs-inquiries .qna-info ul p{margin-bottom: 5px;}
.cs-inquiries .qna-info ul span{font-weight: 600;}
.cs-inquiries .refund-info p:first-child{font-size: 15px; font-weight: 600}
.top-banner-bg-cs-inquiries {background-image: url(/static/images/dh2019/top-banner-cs-inquiries.jpg); }
.cs-inquiries {margin-top: 30px;}
.cs-inquiries #frm_DHBBS_List_Search  {margin-top: 30px; margin-bottom: 10px; text-align: right}
.cs-inquiries #frm_DHBBS_List_Search .left{float:left; }
.cs-inquiries #frm_DHBBS_List_Search .right {float: right; }
.cs-inquiries #frm_DHBBS_List_Search::after{content: ""; display: block; clear: both;}
.cs-inquiries #frm_DHBBS_List_Search .form-group {margin-bottom: 0;}
.cs-inquiries #frm_DHBBS_List_Search .left button{border-radius: 2px; padding: 0.7rem 3rem; background: #0070c0; color: #fff; border-color: #0070c0}
.cs-inquiries #frm_DHBBS_List_Search .left button:hover{background: #fff; border:1px solid #0070c0; color: #0070c0; transition: .2s}
.cs-inquiries #frm_DHBBS_List_Search .form-control input{vertical-align: top}
.cs-inquiries .pull-left button, .cs-inquiries .pull-right button{border-radius: 2px; padding: 1rem 3rem; background: #0070c0; color: #fff; border-color: #0070c0}
.cs-inquiries .pull-left button:hover, .cs-inquiries .pull-right button:hover{background: #fff; border:1px solid #0070c0; color: #0070c0; transition: .2s}
.cs-inquiries #btn_DHBBS_Write_Ins {border-radius: 2px; padding: 1.5rem 3rem; background: #0070c0; color: #fff; border-color: #0070c0}
.cs-inquiries #btn_DHBBS_Write_Ins:hover{background: #fff; border:1px solid #0070c0; color: #0070c0; transition: .2s}
@media (max-width:768px){
    .cs-inquiries #frm_DHBBS_List_Search .left, .cs-inquiries #frm_DHBBS_List_Search .right {float: none;}
    .cs-inquiries #frm_DHBBS_List_Search .form-group {margin-bottom: 5px;}
}

/*2월이벤트
.event_bg{color:#fff; padding:2px 3px;line-height:20px; text-align:left;}
.event_bg_24{background:#1b9ae6;}
.event_bg_36{background:#0070c0;}
.event_icon{background:#ffba00; border-radius:15px; padding:5px 10px; font-weight:700; color:#fff; margin-left:10px; display:none;}*/