ul {
    padding: 0px;
    list-style: none;
}
.visible-h{visibility:hidden;}
@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; 달력 수정*/
}

/* flex 적용 */
.f-row { display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.f-row >  .col, .f-row >  .col-1, .f-row >  .col-10, .f-row >  .col-11, .f-row >  .col-12, .f-row >  .col-2, .f-row >  .col-3, .f-row >  .col-4, .f-row >  .col-5, .f-row >  .col-6, .f-row >  .col-7, .f-row >  .col-8, .f-row >  .col-9, .f-row >  .col-auto, .f-row >  .col-lg, .f-row >  .col-lg-1, .f-row >  .col-lg-10, .f-row >  .col-lg-11, .f-row >  .col-lg-12, .f-row >  .col-lg-2, .f-row >  .col-lg-3, .f-row >  .col-lg-4, .f-row >  .col-lg-5, .f-row >  .col-lg-6, .f-row >  .col-lg-7, .f-row >  .col-lg-8, .f-row >  .col-lg-9, .f-row >  .col-lg-auto, .f-row >  .col-md, .f-row >  .col-md-1, .f-row >  .col-md-10, .f-row >  .col-md-11, .f-row >  .col-md-12, .f-row >  .col-md-2, .f-row >  .col-md-3, .f-row >  .col-md-4, .f-row >  .col-md-5, .f-row >  .col-md-6, .f-row >  .col-md-7, .f-row >  .col-md-8, .f-row >  .col-md-9, .f-row >  .col-md-auto, .f-row >  .col-sm, .f-row >  .col-sm-1, .f-row >  .col-sm-10, .f-row >  .col-sm-11, .f-row >  .col-sm-12, .f-row >  .col-sm-2, .f-row >  .col-sm-3, .f-row >  .col-sm-4, .f-row >  .col-sm-5, .f-row >  .col-sm-6, .f-row >  .col-sm-7, .f-row >  .col-sm-8, .f-row >  .col-sm-9, .f-row >  .col-sm-auto, .f-row >  .col-xl, .f-row >  .col-xl-1, .f-row >  .col-xl-10, .f-row >  .col-xl-11, .f-row >  .col-xl-12, .f-row >  .col-xl-2, .f-row >  .col-xl-3, .f-row >  .col-xl-4, .f-row >  .col-xl-5, .f-row >  .col-xl-6, .f-row >  .col-xl-7, .f-row >  .col-xl-8, .f-row >  .col-xl-9, .f-row >  .col-xl-auto {position: relative;  width: 100%; padding-right: 15px; padding-left: 15px;}

@media (min-width: 768px){
    .f-row >  .col-md-8 {flex: 0 0 66.66666667%; max-width: 66.66666667%;}
    .f-row >  .col-md-4 {flex: 0 0 33.33333333%; max-width: 33.33333333%;}
    .f-row >  .col-md-6 {flex: 0 0 50%; max-width: 50%;}
}

@media (min-width: 992px){
    .f-row >  .col-lg-8 {flex: 0 0 66.66666667%; max-width: 66.66666667%;}
    .f-row >  .col-lg-4 {flex: 0 0 33.33333333%; max-width: 33.33333333%;}
}
/*----------리뉴얼 페이지_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;}



.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: 30px 0  ;
}


#popover{cursor:pointer}
.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 {
    padding-top:20px;
    padding-bottom: 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-question-section{min-height: 400px}
.prd-free-section,
.prd-question-section {
    margin: 0;
    width: 100%;
    background: #f9f4f0;
}

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



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



/* 도메인 등록, 기관이전 - 쿠폰코드 띠 */
.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;
}

.domain-search {
    margin: 0;
}

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



.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 {
    width: 100%;
}
.find-domain #basic-addon2, .domain-multi #basic-addon3{color:#333;}
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%;
    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, prd-plan-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, prd-plan-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, .prd-plan-section .prd-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,  .prd-plan-section .prd-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,  .prd-plan-section .prd-cardspan{
    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, .prd-plan-section .prd-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, .prd-plan-section .prd-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, .prd-plan-section .prd-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, .prd-plan-section .prd-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, .prd-plan-section .prd-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, .prd-plan-section .prd-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, .prd-plan-section .prd-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-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%;
    }


    .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;
        font-size: 20px;
    }

    #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: 18px;
        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-top: 1px 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: 500px) {
    .my-con-box:has(button){
        padding: 0 15px 50px;
    }
}

@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;
    }

}





/* 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: 84px;
    right: 25px;
    z-index:10!important;
}
#back-top.on{bottom: 710px}
/* arrow icon (span tag) */
#back-top span {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 0;
    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;
}
#back-top.mo{bottom: 58px; right: 14px}
#back-top.mo span{width: 42px; height: 42px}



/*
Scroll-nav button
*/
#back-top, #scroll-nav span{display:none;}
.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) {
    #ssl_owner_list{margin-bottom:4px;}
    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: 61px; padding-bottom:61px }
.top-banner-bg-cs {width: 100%;  background-size: cover; background-image: url("/static/images/dh2019/top-banner-cs-manual.jpg") }
.top-banner-bg-cs .my-con{text-align: center}
.top-banner-bg-cs .my-con .title{margin-top: 0; }
.top-banner-bg-cs .my-con p {margin-bottom: 0}
.pub-web-box-cs {height: 134px}

@media (max-width:992px){
    .top-banner-bg-cs .my-con .title{font-size: 24px !important}
    .top-banner-bg-cs .container{padding-top: 30px; padding-bottom:30px }
}
@media (max-width:550px){
    .top-banner-bg-cs .my-con .title{font-size: 20px !important}
    
}
/* 고객센터 메인페이지 시작 */
.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{display:flex; flex-wrap: wrap; margin-top:6px;}
.manual-list li{padding:12px 14px; width: 32%; margin-right:2%; border:1px solid #ddd; border-radius: 10px; height:96px; margin-bottom:9px;display:flex; justify-content: center;
flex-wrap: wrap; flex-direction: column;}
.manual-list li:nth-child(3n){margin-right:0;}
.manual-list li .small {font-size:0.9em;}
.manual-list li p{margin-bottom:0; font-weight: bold;}
.manual-list li img{padding-bottom:4px;}
.manual-list li:hover {background:#fff; border:2px solid #0082de;}
.manual-list li:hover p{color:#0070c0;}
.manual-list li:hover a{transform:scale(1.05); transition: all .2s ease-in-out;}
.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;}
    .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}
.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 .container{padding: 35px 15px;}
.top-banner-bg-cs-manual .container p{margin-bottom: 10px !important}
.top-banner-bg-cs-manual .search-bar{position: relative; max-width: 860px; margin: 0 auto}
.top-banner-bg-cs-manual .search-bar input{width: 100%; outline: none; border:1px solid #0070c0; padding: 8px 15px; padding-right: 50px; border-radius: 4px}
.top-banner-bg-cs-manual .search-bar button{min-width: 50px; position: absolute; right: 0; height: 100%; background: none; border: none; font-size: 22px; }
.top-banner-bg-cs-manual .search-bar button i{vertical-align: 2px}
.top-banner-bg-cs-manual .search-bar button:hover{color: #0070c0 }
.container.cs-manual{margin-top: 35px}
.cs-manual .f-row .col-lg-4{padding-bottom: 30px}

.cs-manual .box{border: 1px solid rgba(219,232,242, 1); border-radius: 10px; padding: 15px; width: 100%; height: 100%; position: relative; background: rgba(219,232,242, .3)}
.cs-manual .box .box-title{font-size: 18px; font-weight: 600; margin-bottom: 10px; display: block}
.cs-manual .box ul{padding-left: 25px; margin-bottom: 35px}
.cs-manual .box ul li{list-style: disc; }
.cs-manual .box ul li a{display: inline-block; width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 2; vertical-align: middle}
.cs-manual .box .more{font-size: 14px; display: inline-block; padding: 5px; position: absolute; left: 15px; bottom: 10px}
.cs-manual li a:hover {color: #0070c0}
.cs-manual .location {margin-bottom: 15px; font-size: 14px}
.cs-manual .location i{display: inline-block; padding-left: 10px; padding-right: 10px}
.cs-manual .location span{color: #0070c0}
.cs-manual .manual-title{display: flex; justify-content: space-between; align-items: center; padding: 10px ; font-size: 20px;}
.cs-manual .content{margin-top: 15px}
.cs-manual .manual-title a{padding: 0 10px; }
.cs-manual .content ul{padding-left: 25px}
.cs-manual .content ul li{list-style: disc}
.cs-manual .content ul li a{line-height: 2}
.cs-manual .manual-right-list ul .cat-title{font-weight: 600}
.cs-manual .manual-right-list ul > li ul{padding-left: 15px; font-size: 14px;margin-bottom: 15px}
.cs-manual .manual-right-list ul  a {padding: 5px 0; display: block}
.cs-manual .manual-right-list ul  a.active{color: #0070c0; font-weight: 600}
.cs-manual .manual-m-menu a.active{color: #0070c0; font-weight: 600}
.cs-manual .manual-m-menu .panel{box-shadow: none; border: none; margin-bottom: 0}
.cs-manual .manual-m-menu .panel-default>.panel-heading{background: none; padding: 0}
.cs-manual .manual-m-menu ul li {border-bottom: 1px solid #ddd}
.cs-manual .manual-m-menu a{padding: 10px 10px; display: block; text-decoration: none} 
.cs-manual .manual-m-menu a.cat-title{font-weight: 600; display: flex; justify-content: space-between; align-items: center; }
.cs-manual .manual-m-menu a.cat-title i{padding-right: 10px}
.cs-manual .manual-m-menu a.cat-title:not(.collapsed) .fa-angle-down:before{content: "\f106"}
.cs-manual .manual-m-menu a.cat-title{background:rgba(219,232,242, .5) }
.cs-manual .manual-m-menu  ul{padding-left: 35px; margin-bottom: 15px}
.cs-manual .manual-m-menu  ul li{list-style: disc; border-bottom: none}
.cs-manual .manual-m-menu-btn:not(.collapsed) i:before{content: "\f00d"}

.cs-manual .cat-btn .btn{width: 100%;  padding: 12px 12px; margin-bottom: 15px; border-radius: 4px; transition: .3s}
.cs-manual .cat-btn .btn:hover{background: rgba(0, 0, 0, .2)}
.cs-manual .cat-btn .btn.active{background: #0070c0; color: #fff}
.cs-manual .cat-btn .col-md-2{padding-left: 5px; padding-right: 5px}
.cs-manual .m-cat{display: none}
.cs-manual .result {margin-bottom: 15px; margin-top: 15px}
.cs-manual .search-list a{display: block}
.cs-manual .search-list a{margin-bottom: 5px;}
.cs-manual .search-list .r-title{font-weight: 600}
.cs-manual .search-list .r-text{font-size: 15px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.6em;  max-height: 3.1em;}
.cs-manual .search-list .r-cat{font-size: 14px; color: #747474; font-weight: 600}
.cs-manual .search-list .result-item {border-bottom: 1px solid #ddd; padding: 15px 0}
.cs-manual .back-btn{border: 1px solid #0070c0; padding: 10px 18px; color: #0070c0; border-radius: 4px; transition: .3s}
.cs-manual .back-btn:hover{background: rgba(0, 0, 0, .05)}
.cs-manual .m-cat select{width: 100%; padding: 8px 10px; border-radius: 4px;}
@media (max-width:767.99px){
    .cs-manual .cat-btn{display: none;}
    .cs-manual .m-cat{display: block}
}
@media (min-width:992px){
    .cs-manual .manual-m-menu-btn{display: none}
}
@media (max-width:991.99px){
    .cs-manual .manual-right-list{display: none} 
}

/* 고객센터 자주묻는질문 */
.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}
.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:767px){
.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;}
}

/* ----------------------- 서브페이지 index 20210122 시작 --------------------------- */
/* 타이틀  */

.subpage-title{background: url(/static/images/homepage/top-bg.png)no-repeat; background-size: cover; padding: 35px 0;  color: #fff; background-position: center center; background-repeat: no-repeat;}
.subpage-title .title{margin-top: 0; margin-bottom: 10px; color: #fff; line-height: 1.3; font-size: 26px }
.subpage-title p{margin-bottom: 0}
@media (max-width:991.99px){
    .subpage-title {padding: 20px 0}
    .subpage-title .title{font-size: 18px; margin-bottom: 5px}
    .subpage-title p{font-size: 14px}
}


/* 고정메뉴 */
.sticky-menu{    position: sticky;  width: 100%; padding: 0;  box-sizing: border-box;  left: 0;  background: #fff; box-shadow: 0 4px 4px -2px rgba(0,0,0,.1); -moz-box-shadow: 0 4px 4px -2px rgba(0,0,0,.1); -webkit-box-shadow: 0 4px 4px -2px rgba(0,0,0,.1); z-index: 19!important;}
.sticky-menu ul  {display: flex; justify-content: center; margin-bottom: 0; flex-wrap: wrap;}
.sticky-menu ul li a{padding: 10px 15px; display: inline-block}
.sticky-menu ul li a.on{color: #0070c0; font-weight: 600}
.sticky-menu ul li a:focus{text-decoration: none; outline: none;}
@media (hover: hover) {
    .sticky-menu ul li a:hover{color: #5ca3cf; font-weight: 600}
}
@media (max-width:768px){
    .sticky-menu ul{padding: 5px 0}
    .sticky-menu ul li a{padding: 5px 10px;}
}
@media (max-width:384.99px){
    .sticky-menu ul{padding: 8px 0}
    .sticky-menu ul li a{padding: 0 8px}
}

/* 기간 선택 */
.term-bar{margin-bottom: 30px}
.term-bar .btn{border: 1px solid #0070c0; background: #fff; color: #0070c0; padding: 7px 40px; }
.term-bar .btn:first-of-type{border-radius: 20px 0 0 20px;}
.term-bar .btn:last-of-type{border-radius: 0 20px 20px 0;}
.term-bar .btn.on{background: #0070c0; color: #fff}
.term-bar .btn:hover{background: #5ca3cf; color: #fff}
.term-bar .btn:focus{outline: none;}
@media (max-width:767.99px){
    .term-bar {    position: sticky;  width: 100%;  padding: 10px 0;  box-sizing: border-box;  left: 0; top: 105px;   background: #f4f4f4; z-index: 19!important;}
}
@media (max-width:494.99px){
    .term-bar .btn{padding: 5px 22px}
}
@media (max-width:459.99px){
    .term-bar {top: 102px; margin-bottom: 10px}
}

/* 상품테이블 */
.sub-index-section.prd-plan-new{padding: 40px 0 }
.sub-index-section.prd-addoption-section {padding: 40px 0}
.prd-plan-new {background: #f4f4f4}
.prd-plan-new  table tr th, .prd-plan-new  table tr td{width: 16.666667% !important; min-width: 160px; text-align: center; vertical-align: middle}
.prd-plan-new .prd-info table { border-collapse: collapse;   box-sizing: border-box; border: 1px solid transparent; margin: 0;overflow-y: hidden;}
.prd-plan-new .btn-box{margin-top: 0; margin-bottom: 0}
.prd-plan-new .btn-box .btn_apply{margin-bottom: 0}
.prd-plan-new .prd-name {font-size: 24px; font-weight: 600; padding-bottom: 5px}
.prd-plan-new .prd-description{font-size: 14px;  padding-bottom: 15px; height: 55px; white-space: normal}
.prd-plan-new .prd-price {height: 89px; display: table; width: 100%;}
.prd-plan-new .prd-price .table-cell{display: table-cell; vertical-align: middle}
.prd-plan-new .prd-price .default-price {color: #747474; text-decoration: line-through;  font-size: 15px}
.prd-plan-new .prd-price .sale-price{color: #0070c0; font-size: 18px; font-weight: 600; padding-bottom: 5px}
.prd-plan-new .prd-price .sale-price span:last-of-type{font-size: .8em}
.prd-plan-new .prd-price .setting{font-size: 15px; padding-bottom: 15px }
.prd-plan-new .prd-info td, .prd-plan-new .prd-info th{border: none; border-top: none}
.prd-plan-new .bg-hot{    background: #ffba00;  color: #fff; border-radius: 10px 10px 0 0;}
.prd-plan-new  .product-card{ padding: 15px 8px; border-bottom: none; background: #fff}
.prd-plan-new .prd-info .product-card{border: 1px solid #ddd;}
.prd-plan-new .prd-info  tr:last-child{border-bottom: none}
.prd-plan-new a.pop:focus{outline: none}
.prd-plan-new .row{padding: 0}

.prd-plan-new .prd-spec table td{background: #fff}
.prd-plan-new .prd-spec table .bg-gray{background: rgba(0,0,0, .03)}
.prd-plan-new .prd-spec table .bg-gray a{color: #333}
.display-md{display: none;}
@media (max-width:991.99px){
    .prd-plan-new .container{width: 100%}
    .display-pc-only{display: none;}
    .display-md{display: block;}
}

.sub-index-section.prd-addoption-section table tr th, .sub-index-section.prd-addoption-section table tr td{text-align: center; vertical-align: middle}

/* 상품테이블 태블릿 */
.prd-plan-new .prd-list{display: flex;    flex-wrap: wrap;  margin-right: -15px; margin-left: -15px; margin: 0}
.prd-plan-new .prd-list .prd-5{flex: 0 0 20%;  max-width: 20%;  padding: 5px; }
.prd-plan-new .prd-list .prd-2{flex: 0 0 50%;  max-width: 50%;  padding: 5px; }
.prd-plan-new .prd-list  .wrap{background: #fff; border: 1px solid #ddd; border-radius: 15px; padding: 10px}
.prd-plan-new .prd-list .wrap .product-card{background: none;}
.prd-plan-new .prd-list .wrap .prd-description{height: 75px;}
.prd-plan-new .prd-list .wrap ul{padding-top: 15px}
.prd-plan-new .prd-list .wrap ul li{padding: 10px 0; letter-spacing:-1.9px}
.prd-plan-new .prd-list .wrap .btn{padding: .8rem 1rem; width: 100%}
.prd-plan-new .prd-list .prd-label{ height: 35px }
.prd-plan-new .prd-list .prd-label .bg-hot{line-height: 35px}
.prd-plan-new .prd-list  .prd-label.on + .wrap{border-radius: 0px 0px 15px 15px }
.prd-plan-new .prd-list  .prd-price{line-height: 1.4}
.prd-price .line-through{ text-decoration: line-through; color: #747474}
 
.prd-plan-new .prd-list .prd-3{flex: 0 0 33.333333%;  max-width: 33.333333%;  padding: 5px; margin-bottom: 30px; }

@media (max-width:450px){
    .prd-plan-new .prd-list .prd-2{flex: 0 0 100%;  max-width: 100%;  padding: 5px;}
}


/* 서비스 안내 */
.sub-index-section {padding: 70px 0;}
.sub-index-section.info-section{text-align: left; background:#f9f4f0 }
.sub-index-section.info-section h3{padding-bottom: 15px}
.sub-index-section.info-section ul li{list-style: inside; padding: 7px 0}

/* 서비스 소개 */
.sub-index-section.about-section{background:#5ca3cf; color: #fff; }
.sub-index-section.about-section h3{padding-bottom: 15px; color: #fff}
.sub-index-section.about-section img{max-width: 920px; width: 100%;  margin: 0 auto}
.sub-index-section.about-section p{line-height: 2}

.sub-index-section .title {color: #555}


.display-mobile{display: none}

@media (max-width:767.99px){
    .display-pc, .display-pc-tablet{display: none}
    .display-mobile{display: block}
    .sub-index-section.about-section img{max-width: 400px; }
    .sub-index-section .title{font-size: 22px !important}
    .sub-index-section {padding: 30px 0;}
}



/* ----------------------- 서브페이지 index 20210122 끝--------------------------- */



/* 이미지호스팅 index 20210122 시작*/
.subpage-title.image .title span:first-of-type{font-size: .7em}
.subpage-title.image .title span:last-of-type{font-size: .8em}

.imgbuilder-about .section-title{padding : 20px 0; margin-top: 0; margin-bottom: 0;font-weight: 500; padding-bottom: 50px}
.imgbuilder-about h4{font-size: 22px;  line-height: 1.5; padding-bottom: 15px; color: #0070c0}

.imgbuilder-function{background:#f9f4f0}
.imgbuilder-function .section-title {padding-bottom: 20px ; margin-top: 0; margin-bottom: 0;font-weight: 500}
.imgbuilder-function .section-title + p{padding-bottom: 50px}

@media (min-width:1400px){
    .imgbuilder-function .container{width: 1340px}
}
.imgbuilder-function .fn { margin-bottom: 30px;word-break: keep-all; }
.imgbuilder-function .fn div:nth-of-type(1){width: 50px; display: inline-block; vertical-align: top; padding-top: 10px;}
.imgbuilder-function .fn div:nth-of-type(2) {    width: calc(100% - 55px); display: inline-block;padding: 0 10px; text-align: left}
.imgbuilder-function .fn p{margin-bottom: 0; }
.imgbuilder-function .fn div:nth-of-type(2) p:first-child{font-weight: 600; line-height: 1.6}

.imgbuilder-sample .bx-wrapper{box-shadow: none; border: none;}

@media (max-width:1199.99px){
    .imgbuilder-function .fn {height: 150px }
    .main-contents.image .prd-plan-new .container{width: 100%; padding: 0 15px !important}
}
@media (max-width:991.99px){
    .imgbuilder-function .fn {height: 130px }
}
@media (max-width:767.99px){
    .imgbuilder-function .fn {height: auto }
}

@media (max-width:849.99px){
    .main-contents.image .prd-plan-new .prd-list .prd-5{flex: 0 0 33.33333%;  max-width: 33.33333%;}
} 
@media (max-width:600px){
    .main-contents.image .prd-plan-new .prd-list .prd-5{flex: 0 0 50%;  max-width: 50%;}
    .main-contents.image .prd-plan-new .prd-list .prd-5 .prd-label:not(.on){display: none}
} 
@media (max-width:460px){
    .main-contents.image .prd-plan-new{padding: 20px 0}
    .main-contents.image .prd-plan-new .prd-list .prd-5{flex: 0 0 100%;  max-width: 100%;}
    .main-contents.image .prd-plan-new .prd-list .prd-5 .wrap .prd-description, .main-contents.image .prd-plan-new .prd-list .prd-5 .wrap .prd-price{height: auto;}
    .main-contents.image .prd-plan-new .prd-list .prd-5 .wrap .opac0 {display: none;}
    .main-contents.image .prd-plan-new .prd-list .prd-5 ul li{padding: 8px 0}
} 
/* 이미지호스팅 index 20210122 끝 */

/* 홈페이지 빌더 리뉴얼 index 20210125 시작 */
.builder-renewal .prd-plan-new{ padding: 60px 0 }
.builder-renewal.line-banner .col-md-12{padding:5px 15px; color: #fff; font-size: 17px; font-weight: 600; background:#ff5c5c }
.builder-renewal.line-banner .col-md-12 span{display: inline-block; margin: 5px 0}
.builder-renewal.line-banner .col-md-12 a{background: #fff; border-radius: 20px; display: inline-block; padding: 4px 22px; font-size: .85em; margin: 5px 20px}
.builder-renewal.line-banner .col-md-12 a{color: #ff5c5c; font-weight:600 }

.builder-renewal .prd-plan-new .event-td{background: #ffa200; color: #fff;  }
.builder-renewal .prd-plan-new .event-td{background: #ffa200; color: #fff; font-weight: 600 }
.builder-renewal .prd-plan-new .event-td a{background: #fff; border-radius: 20px; display: inline-block; padding: 4px 22px; margin: 5px 20px; font-size: 15px; color: #f46d00; font-weight:600 }

.builder-renewal .prd-plan-new .prd-name span{display: block; }
.builder-renewal .prd-plan-new .prd-name span:first-of-type{font-size: .7em}
.builder-renewal .prd-plan-new .prd-price{height: auto; margin: 15px auto}
.builder-renewal .prd-plan-new .event{margin-left: -10px; margin-right: -10px;  background:#ffa200; color:#fff;}

.builder-renewal .prd-plan-new .event a {color: #f46d00; background:#fff; ; display: inline-block; border-radius: 20px; padding: 2px 18px;  margin-top: 5px; font-size: 15px }
.builder-renewal .prd-plan-new .event span{word-break: keep-all; display: block}
.builder-renewal .prd-plan-new .event a:hover, .builder-renewal .prd-plan-new .event a:focus{text-decoration: none; outline: none}
.builder-renewal .prd-plan-new .no-event{visibility: hidden}

.builder-renewal .event-section {background: #ffa200; color: #fff; text-align: left}
.builder-renewal .event-section img{width: 100%; max-width: fit-content}
.builder-renewal .event-section .title{color: #fff; font-size: 60px; line-height: 1.3; padding-bottom: 15px; font-weight: 600}
.builder-renewal .event-section .title span{display: block;}
.builder-renewal .event-section p.sub {font-size: 18px; font-weight: 500}
.builder-renewal .event-section p.sub span{display: block}
.builder-renewal .event-section .info-wrap {background: #fff; border-radius: 10px; padding: 15px; color: #333; margin-top: 30px}
.builder-renewal .event-section .info-wrap span{background: #f46d00; border-radius: 20px; color: #fff; display: inline-block; padding: 2px 10px; margin-bottom: 5px}
.builder-renewal .event-section .info-wrap div:not(.btn-box){padding-bottom: 15px}
.builder-renewal .event-section .info-wrap div:not(.btn-box):last-of-type{padding-bottom: 0}
.builder-renewal .event-section a.btn{background: #f46d00; color:#fff; border:1px solid #f46d00; border-radius: 4px;  font-weight: 600; padding: 10px 40px; transition: all .2s; margin-top: 30px }
.builder-renewal .event-section a.btn:hover{background: #fff; color:#f46d00; }
.builder-renewal .event-section .row {display: flex; flex-wrap: wrap; align-items: center;}


.builder-renewal .notice-section {background: #f9f4f0}
.builder-renewal .notice-section img{width: 100%; max-width: 600px}
.builder-renewal .notice-section .title {margin-bottom: 30px; color: #ff5c5c; font-weight: 600}
.builder-renewal .notice-section .text{line-height: 1.8; }
.builder-renewal .notice-section .btn-box{padding: 20px 0}
.builder-renewal .notice-section .btn-box a{background: #ff5c5c; color: #fff; border: 1px solid #ff5c5c; font-size: 16px; border-radius: 4px; margin: 5px 10px; font-weight: 600; padding: 10px 22px; transition: all .2s; min-width: 190px;  }
.builder-renewal .notice-section .btn-box a:hover{background: #fff; color: #ff5c5c;  border: 1px solid #ff5c5c;}

.builder-renewal .feature-section.section4{padding-bottom: 0}
.builder-renewal .feature-section.section4 .title{line-height: 1.8}
.builder-renewal .feature-section.section4 ul{margin-top: 100px; margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: flex-end; }
.builder-renewal .feature-section.section4 ul li{  flex: 0 0 20%; max-width: 20%; }
.builder-renewal .feature-section.section4 ul li img{width: 100%}
.builder-renewal .feature-section.section4 ul:after{display: block; clear: both; content: ""}

.builder-renewal .feature-section.section2 .row, .builder-renewal .feature-section.section3 .row{display: flex; flex-wrap: wrap; align-items: center; text-align: left}
.builder-renewal .feature-section.section2 img, .builder-renewal .feature-section.section3 img{margin: 0 auto}
.builder-renewal .feature-section.section3 {background: #f9f4f0}

@media (max-width:991.99px){
    .builder-renewal.line-banner .col-md-6{flex: 0 0 100%;  max-width: 100%; font-size: 15px; padding: 5px 15px}
    .builder-renewal .feature-section.section4 ul li:first-of-type, .builder-renewal .feature-section.section4 ul li:last-of-type{display: none;}
    .builder-renewal .feature-section.section4 ul li{flex: 0 0 33.333333%; max-width: 33.333333%;}
    .builder-renewal .feature-section.section2 .row, .builder-renewal .feature-section.section3 .row{text-align: center}
    .builder-renewal .col-md-6.col-sm-12{width: 100%}
    .builder-renewal .event-section{text-align: center}
    
}

@media (max-width:767.99px){
    .builder-renewal .prd-plan-new {padding: 40px 0 }
    .builder-renewal .col-sm-12{width: 100%}
    
    .builder-renewal .event-section .title {font-size: 40px !important; }
}

@media (max-width:600px){
    .builder-renewal .prd-plan-new .prd-list .prd-3{flex: 0 0 50%;  max-width: 50%;}
} 

@media (max-width:460px){
    .builder-renewal .prd-plan-new .prd-list .prd-3{flex: 0 0 100%;  max-width: 100%;}
}  


.btn-trans {    transition: all.2s; background: transparent; color: #0070c0; border: 1px solid #0070c0; border-radius: 5px}
.btn-trans:hover{background: #0070c0;  color: #fff;  transition: all .2s;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline: none}


/*-------------------- 파트너 웹호스팅 시작 20210728  ---------------------*/

.partner-web .sub-index-section.prd-addoption-section {padding: 70px 0 80px}

.partner-web .prd-feature-section {background: #f9f4f0}
.partner-web .prd-feature-section h3{margin-bottom: 50px}
.partner-web .spec-section table{background: #fff}
.partner-web .spec-section h3{margin-bottom: 50px} 
.partner-web .spec-section table tr th, .partner-web .spec-section table tr td.bg{background: #f4f4f4}
.partner-web .spec-section .spec tr th{width: 22%; text-align: center; min-width: 100px} 
.partner-web .spec-section .spec tr td{width: 39%} 
.partner-web  .prd-plan-section{padding-top: 15px!important}
.partner-web  .prd-plan-section .prd_list{margin: 0 auto}
.partner-web .prd-feature-section .feature{margin-bottom: 30px}
@media (min-width:992px){
    .partner-web .prd-feature-section .feature{min-height: 250px; margin-bottom: 0}
}

/*-------------------- 파트너 웹호스팅 끝  ---------------------*/




/*-------------------- 1:1문의 수정 시작 20210215  ---------------------*/
.inquiries-con .download-btn {background: #23ADE3; border: 1px solid #23ADE3; color: #fff; border-radius: 4px; padding: 3px 10px; transition: .4s; margin-top: 10px; display: inline-block}
.inquiries-con .download-btn:focus{color: #fff; outline: none; text-decoration: none}
.inquiries-con .download-btn:hover{background: none; color: #23ADE3;}
.inquiries-con .refund-file-info{color:#DB0000; margin-top: 10px; font-size: 15px }
.inquiries-con red, .inquiries-con .color-red{color:#DB0000;}

/* 1:1문의 서비스 상품 선택 팝업 */
.popup-title{background: #0070c0; text-align: center; padding: 15px}
.popup-title h1{color: #fff; font-size: 20px;margin: 0}
.popup-content .service-info{border-radius: 4px; border: 1px solid #FFD3B0; background: #f9f4f0; padding: 15px; margin-bottom: 20px}
.popup-content .service-info li{margin-bottom: 8px; line-height: 1.4}
.popup-content .service-info li:last-of-type{margin-bottom: 0}
.popup-content .service-info-web a{color: #0070c0; text-decoration: underline !important}
.popup-content .service-info-web a:hover{color: #1f8bd8 }
.popup-content .top.nstore form{display: flex; justify-content: space-between}
.popup-content .top form .form-group {margin-bottom: 15px}
.popup-content .top form .form-group#nstore-box{margin-bottom: 0}
.popup-content{padding: 15px}
.popup-content .searchbox {display: flex; justify-content: flex-end}
.popup-content .searchbox input{border: 1px solid #bcbcbc; border-right: none; padding-left: 5px}
.popup-content .searchbox input:focus{outline: none}
.popup-content .searchbox button{border-left: none; border-color: #bcbcbc }
.popup-content table tr td{padding: 10px 5px; border:1px solid #bcbcbc; min-height: 41px }
.popup-content table .select-prd{font-size: 20px; color: #8C8C8C; display: block; margin-top: -10px; margin-bottom: -10px; padding: 10px 5px}
.popup-content table .select-prd:hover{color: #0070c0}
.popup-content table tr td .unselectable{color: #a8a8a8; display: inline-block; padding: 2px 0}
.popup-paging .pagination{display: flex; justify-content: center; margin: 0}
.popup-paging .pagination>li>a, .popup-paging .pagination>li>span {float: none;}
.popup-footer{text-align: center; padding: 15px; padding-top: 30px }
.popup-content .active { background-color:#0070c0; border-color:#0070c0 ; color:#fff;}

.popup-content .sort ul{display: flex; justify-content: flex-end;margin-bottom: 15px}
.popup-content .sort a{display: inline-block; padding: 2px 5px; color: #8C8C8C; font-size: 13px}
.popup-content .sort a.on{color: #333; font-weight: 600}
.popup-content .sort ul li:after { content: "|";color: #ddd;padding: 0 5px;}
.popup-content .sort ul li:last-of-type:after{ display: none;}
/*-------------------- 1:1문의 수정 끝  ---------------------*/

/* 타이틀 디자인 통일 */
@media (min-width:992px){
    .main-contents .container{padding-left: 15px !important; padding-right: 15px !important;}
}
.subpage-title.web {background-image: url(/static/images/dh2019/title-bg-01.png) ;}
.subpage-title.builder {background-image: url(/static/images/dh2019/title-bg-02.png) ;}
.subpage-title.idc {background-image: url(/static/images/dh2019/title-bg-03.png) ;}
.subpage-title.mail {background-image: url(/static/images/dh2019/title-bg-04.png) ;}
.subpage-title.ssl {background-image: url(/static/images/dh2019/title-bg-05.png) ;}

.subpage-title + .line-banner {padding:5px 15px; color: #fff; font-size: 18px; font-weight: 600; background:#ff5c5c }
.subpage-title + .line-banner b{font-size: 20px;}
.subpage-title + .line-banner  span{display: inline-block; margin: 5px 0}
.subpage-title + .line-banner  a.btn{background: #fff; border-radius: 20px; display: inline-block; padding: 4px 22px; font-size: .85em; margin: 5px 20px}
.subpage-title + .line-banner  a.btn{color: #ff5c5c; font-weight:600 }

.subpage-title.builder + .line-banner.builder-renewal   {font-size: 17px;}

.prd-section .sub-title {font-weight: 600;}


.cs-nav {background: #0070c0; }
.cs-nav hr {display: none;}
.cs-nav ul {margin-bottom: 0;display: flex; flex-wrap: wrap; justify-content: space-between;}
.cs-nav ul li{  text-align: center;  }
.cs-nav ul li a {color: #fff; width: 100%; display: inline-block; font-size: 16px;  transition: .2s; font-weight:700; padding: 5px 15px;}
.cs-nav ul li a:hover{color: #FAF4C0;}

.prd-question-section   .panel-heading .fa-angle-down {position: absolute; top: 30%; right:15px; float: none !important;}
.prd-question-section   .panel-heading  {padding-right: 30px !important; position: relative}

.modal {z-index: 10400;}
@media (max-width:992px){
    .subpage-title + .line-banner  {font-size: 14px;}
    .subpage-title + .line-banner  b{font-size: 16px;}
    .prd-section .title{font-size: 24px;}
    .sub-copy{font-size: 22px;}
    .subpage-title + .line-banner  {font-size: 16px;}
    .cs-nav ul {justify-content: center;}
}

@media (max-width:768px){
    .subpage-title + .line-banner {font-size: 14px;}
    .subpage-title + .line-banner  b{font-size: 16px;}
    .prd-section .title{font-size: 20px; margin: 15px 0; margin-bottom: 30px;}
    .sub-copy{font-size: 19px;}
    .sub-title {font-size: 18px;}
    .prd-section{padding: 30px 0}
    .prd-section .row {padding-top: 0; padding-bottom: 30px;}
    .subpage-title.builder + .line-banner.builder-renewal {font-size: 15px;}
    .subpage-title + .line-banner {font-size: 15px;}
    .cs-nav ul li a{padding: 2px 10px; font-weight: 400; font-size: 15px}
    .cs-nav ul {padding: 5px;}
    .li-space{display: none;}
    .modal-header h3{font-size: 20px;}
    #back-top span {background-size: 60% !important;}
}
@media (max-width:460px){
    .subpage-title .title {font-size: 18px !important; }
    .prd-section .title{font-size: 18px !important; }
    .sub-copy{font-size: 17px;}
    .sub-title {font-size: 16px;}
    #scroll_section2{    padding-top: 120px!important; margin-top: -90px;  }
    #scroll_section3{    padding-top: 120px!important; margin-top: -90px; }
    #scroll_section4{    padding-top: 120px!important; margin-top: -90px; }
    #scroll_section5{    padding-top: 120px!important; margin-top: -90px; }
    .subpage-title.builder + .line-banner.builder-renewal  {font-size: 14px;}
    .subpage-title + .line-banner {font-size: 14px;}
}
.prd-section.prd-question-section.scroll-section h3.title > a > i.fa-angle-right{float: right;opacity: 0.3;}

/* 단일 상품 테이블 */
.one-prd-card {border: 1px solid #ddd; border-radius: 15px; }
.one-prd-card .prd-header{background: #0070c0; border-radius: 15px 15px 0 0; color: #fff; padding:15px}
.one-prd-card .row{padding-top: 0;padding-bottom: 0;}
.one-prd-card .prd-header .prd-title span:last-of-type{font-size: 24px; font-weight: 600; }
.one-prd-card .prd-header .col-sm-8{text-align: right; }
.one-prd-card .prd-header  .prd-price{display: inline-block; vertical-align: middle;}
.one-prd-card .prd-header .col-sm-8 .btn_apply{margin-bottom: 0; background: #fff !important;color:#0070c0 !important;padding: 5px 24px; font-size: 16px; font-weight: 600; margin-left: 15px;}
.one-prd-card .prd-header  .prd-price .default-price {font-size: 14px; text-decoration: line-through; margin-right: 5px;}
.one-prd-card .prd-header  .prd-price .sale-price .price{font-size: 24px; font-weight: 600;}
.one-prd-card .prd-contents{padding: 15px;}
.one-prd-card .prd-contents ul li{border-bottom:1px dashed #ddd; padding: 10px 15px;}
.one-prd-card .prd-contents ul li:last-of-type{border-bottom:none}
.one-prd-card .prd-contents ul{margin-bottom: 0;}
.dothome_info_box{background-color: #dff0d8 !important;  border:#d6e9c6 !important;}