body { overflow: inherit; color: #2d343e; background-color: #fff; } 
textarea::-webkit-input-placeholder {color: #b1b3b7 !important;}
textarea:-ms-input-placeholder {color: #b1b3b7 !important;}
textarea:-mos-input-placeholder {color: #b1b3b7 !important;}
input::-webkit-input-placeholder {color: #b1b3b7 !important;}
input:-ms-input-placeholder {color: #b1b3b7 !important;}
input:-mos-input-placeholder {color: #b1b3b7 !important;}
svg.error-icon {fill:#ee445f !important; float: left;}
 

#nav.default-nav { 
    font-family: 'Noto Sans KR';/*'Raleway','Nanum Gothic';*/
    position: relative; 
    top:0px; left:0px;
    width:100%;
    padding: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color: #3c4451;
    max-height:55px; 
}
#nav.default-nav.transparent { width: 100%; position: absolute; z-index: 3; background:transparent; border-bottom:0;}
#nav.default-nav .header { height:55px;position: relative;}
#nav.default-nav .header .header-container { position: relative; width: 946px;margin: 0 auto; height: inherit;}
#nav.default-nav .header .navbar-header {padding: 0;  left:0; }
#nav.default-nav .header .navbar_right {float:right; right:0;top:0; height:55px; z-index:0; overflow:visible; text-align: right;position: relative;}
#nav.default-nav .full-width .navbar-header { margin-left:50px; }
#nav.default-nav .header .navbar-header a { color:#fff; }
#nav.default-nav .header .navbar-header a.navbar-brand { padding:0; line-height: 55px; }
#nav.default-nav .header .navbar-header a.navbar-brand span { font-size:14px; font-weight:600; display:none; }
#nav.default-nav._admin .header .navbar-header a.navbar-brand span { display: inline-block; font-weight: normal; font-size: 26px; }
#nav.default-nav .header .navbar-header a.navbar-toggle { margin:10px 15px; padding:10px; border:0; }
#nav.default-nav .header .navbar-header a.navbar-toggle .icon-bar { background-color:#222428;  border:1px solid #222428;  width:20px;  }

#nav.default-nav .header .headerbox { position:relative; top:0; left:0; width:60%; margin:0 auto; height:55px; max-height:55px; z-index:1; }
#nav.default-nav .header .headerbox .header_navbar { height:55px; max-height:55px; }
#nav.default-nav .header .headerbox .header_navbar .btn { 
    font-family:'Noto Sans KR';/*'Raleway','Nanum Gothic';*/ height:100%; color:#7a838f; font-size:12px; font-weight:600; letter-spacing: 0.01em; width:140px; background-color:#3c4451; 
    box-shadow:none; -webkit-box-shadow:none; -moz-border-radius:0; border-radius:0;z-index:0;
}
#nav.default-nav .header .headerbox .header_navbar .btn img { margin-right:7px; opacity:0.25; z-index:0;}
#nav.default-nav .header .headerbox .header_navbar .btn.active { color:#f0efef; background-color:#ee445f;}
#nav.default-nav .header .headerbox .header_navbar .btn:hover,
#nav.default-nav .header .headerbox .header_navbar .btn:focus { color:#f0efef; background-color:#46505d;}
#nav.default-nav .header .headerbox .header_navbar .btn.active img, 
#nav.default-nav .header .headerbox .header_navbar .btn:hover img,
#nav.default-nav .header .headerbox .header_navbar .btn:focus img { opacity:1; }

#nav.default-nav .header .header_user.menu {z-index:105;}
#nav.default-nav .header .header_user ul.nav { margin:0; vertical-align: middle; position: relative !important; background-color: transparent;}
#nav.default-nav .header .header_user.in ul.nav { z-index: 120; }
#nav.default-nav .header .header_user ul.nav li, #nav.default-nav .header .header_user ul.nav div{ width:100%; height: 100%; position: relative;}
#nav.default-nav .header .header_user ul.nav li svg.menu-icon { position: absolute;right: 15px;top: 9px;fill: #d9dcdf; }
#nav.default-nav .header .header_user ul.nav li.bottom { border-bottom: 1px solid #424f62; /*padding-bottom: 5px;*/}
/*#nav.default-nav .header .header_user ul.nav li.bottom + li { border-top: 1px solid #5f6b7c; padding-top: 5px; }*/
#nav.default-nav .header .header_user ul.nav div.btn-group { text-align: right; }
#nav.default-nav .header .header_user a,
#nav.default-nav .header .header_user .cl-logOut { color:#fff; font-size:12px; line-height:1; padding:0; text-decoration:none; background: none; display: inline-block;font-weight: 300;}

#nav.default-nav .header .newCount { left: -6px; display:inline-block; z-index:2; width: 16px!important; height: auto!important; margin-right:5px; position: absolute; top: 50%;transform: translateY(-50%);cursor: pointer; }
#nav.default-nav .header .newCount a, 
#nav.default-nav .header .newCount a:hover, 
#nav.default-nav .header .newCount a:focus{ color:#fff; }
#nav.default-nav .header .newCount i.fa { font-size:13px; margin:0; }
#nav.default-nav .header .newCount span.badge { font-size: 9px; padding: 3px 4px 2px; background-color: #ee445f; position: absolute; top: -5px; right: -10px; color: #fff;line-height: 1;text-align: left;min-width: 16px;}

#nav.default-nav .header .header_user .inner-box { padding: 16px 0; max-height: 55px;}
#nav.default-nav .header .header_user .btn-group .dropdown-toggle { text-align: right; }
#nav.default-nav .header .header_user .btn-group .dropdown-toggle .name-text { padding: 5px 0 5px 10px; margin:0; border: none; max-width: 150px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display: inline-block;  }
#nav.default-nav .header .header_user .btn-group .dropdown-toggle .name-text + span.caret { margin-top: -11px; }
#nav.default-nav .header .header_user .btn-group .dropdown-toggle span.caret { border-top:4px solid #ee445f; border-right:3px solid transparent; border-left:3px solid transparent; margin-bottom: 0;}
#nav.default-nav .header .header_user .btn-group.open .dropdown-toggle { box-shadow:none; -webkit-box-shadow:none; }
#nav.default-nav .header .header_user .btn-group.open .dropdown-toggle .name-text { border-bottom: none; }
#nav.default-nav .header .header_user .btn-group.open .dropdown-toggle span.caret { border-top:0 dotted; border-bottom:4px solid #fff }
#nav.default-nav .header .header_user .dropdown-menu { text-align: left; margin: 0; }
#nav.default-nav .header .header_user .btn-group.open .dropdown-menu {
    font-family: 'Noto sans KR', 'Noto sans', sans-serif;
    max-width: 200px;
    min-width: 200px;
    background-color:#4c5b70;
    -moz-border-radius:3px;
    border-radius:3px;
    border:none;
    top: 47px;
    left:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding: 8px 0px;
}
#nav.default-nav .header .header_user .btn-group.open .dropdown-menu li a,
#nav.default-nav .header .header_user .btn-group.open .dropdown-menu li .cl-logOut { background-color:#4c5b70; color:#fff; width:100%; max-width: 100%;padding: 15px 20px; }
#nav.default-nav .header .header_user .btn-group.open .dropdown-menu li a:hover, 
#nav.default-nav .header .header_user .btn-group.open .dropdown-menu li a:focus,
#nav.default-nav .header .header_user .btn-group.open .dropdown-menu li .cl-logOut:hover, 
#nav.default-nav .header .header_user .btn-group.open .dropdown-menu li .cl-logOut:focus  { color:#fff; background-color:#435062;}
#nav.default-nav .header .header_user .nav .lang-box { line-height: 53px; margin: 0 0 0 20px; cursor:pointer; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background:transparent; }
.navbar-collapse { max-height: none; }
.dash-lang { float: right !important; }
#nav.default-nav .header .header_user .btn-group.dash-lang .dropdown-menu { /* display: none;  */}
#nav.default-nav .header .header_user .btn-group.dash-lang.open .dropdown-menu { 
    display: block;
    min-width: 120px;
    background-color: #4c5b70;
    border-radius: 3px;
    color:#fff;
    left:-21px;
    padding: 8px 0px;
    top: 47px;
    /*width: 100%;
    top: 52px; 
    float: left; 
    min-width: 100px; 
    line-height: 20px; 
    padding: 0; 
    margin: 2px 0 0; 
    list-style: none; 
    background-color: #fff;
    border: 1px solid #ccc; 
    border: 1px solid rgba(0,0,0,.15); 
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); 
    box-shadow: 0 6px 12px rgba(0,0,0,.175); 
    background-clip: padding-box; */
}
#nav.default-nav .header .header_user .btn-group.dash-lang.open .dropdown-menu li { line-height: normal; }
#nav.default-nav .header .header_user .btn-group.dash-lang.open .dropdown-menu li a { line-height: 20px; font-size: 12px; background-color:#4c5b70; color:#fff; width: 100%; padding: 11px 20px;}
#nav.default-nav .header .header_user .btn-group.dash-lang.open .dropdown-menu li a:hover { background-color: #435062; }
.ctsHelp a {margin-left:10px;}
.ctsHelp a {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.1em;
    background-color:#4789e7;
    color:#ffffff;
    padding: 4px 12px;
    margin-top: 12px;
    min-width: 92px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
.ctsHelp a:hover,
.ctsHelp a:focus {
    color:#ffffff;
}
.ctsHelp a .fa { margin-left: 0; margin-right: 5px; }

@media only screen and (min-width: 480px) and (max-width: 991px){ 
    #nav.default-nav .header .headerbox .header_navbar .btn { width:100px; }
}

@media only screen and (min-width: 769px){
    #nav.default-nav {   z-index: 100; }
    #nav.default-nav .header .header_user { display: inline-block!important; padding-right:0px;}
    #nav.default-nav .header .header_user ul.nav div.btn-group { width: auto;}
    #nav.default-nav .header .header_user .btn-group.open .dropdown-menu { /*right:-13px; left: inherit;*/}
    #nav.default-nav .header .header_user > ul.nav > li ,
    #nav.default-nav .header .header_user > ul.nav > div { display: inline-block; float:left; width: auto; }
}
@media only screen and (max-width: 960px){
    #nav.default-nav .header .header-container {width:100%; padding: 0 27px;}
}

@media only screen and (max-width: 768px){
    #nav._admin.default-nav {background-color: #3c4451;}
    #nav.default-nav._admin .header .navbar-header a.navbar-toggle .cl_icon_menu {color:#fff;}
    #nav.default-nav .header .navbar_right {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        z-index:99; 
        /* width: 88%;*/
    }
    .header_user {display: none;}
    #nav.default-nav {background-color: #3e4653; position: relative; /* top: 50px; */ }
    #nav.default-nav .header .navbar-header { position: relative; top:0; left:0; z-index:99; padding:0 2%; width:100%; text-align: center;}
    #nav.default-nav .header .header-container {width:100%;padding: 0;}
    #nav.default-nav .header .navbar-header a.navbar-toggle {  z-index: 100; padding: 10px 3px; margin:10px 0 0 10px; float: left; left: 0;}
    #nav.default-nav .header .navbar-header a.navbar-toggle .cl_icon_menu {color:#fff; font-size:18px;}
    #nav.default-nav .header .headerbox { width:80%; margin-left:20%;  }
    #nav.default-nav .header .headerbox .header_navbar .btn { width:60px;}
    #nav.default-nav .header .headerbox .header_navbar .btn img { margin-right: 0 }
    #nav.default-nav .header .headerbox .header_navbar .btn span { display:none;}
    #nav.default-nav .header .navbar-header a.navbar-brand {
        float: none;
        padding: 0;
        margin-right:24px;
    }
    .ctsHelp a { min-width: 40px; margin-top: 15px; padding: 2px 7px; }
    .ctsHelp a span { font-size:12px; }
    .site-img .img-wrapper .site-view-btn { display:none !important; }
    #nav.default-nav .header .header_user a,
    #nav.default-nav .header .header_user .cl-logOut { 
        position:relative; 
        top:0; 
        left:0; 
        right:0; 
        width:100%; 
        padding:0; 
        margin-left:0; 
        border-top: none; 
        padding:0 18px; 
        text-align: center; 
        background-color:#556274;
        color:#fff; 
        line-height:34px; 
        width:100%;
    }
    #nav.default-nav .header .newCount {right: 9px; left: auto; top: 27px;}
    #nav.default-nav .header .newCount .cl_icon_alarm { font-size: 18px; color: #fff; float: right; margin-right: 5px;}
    #eventNotice {top:0;}

    .navbar-nav { margin:0; }
    .navbar-nav .dropdown-menu { width: 100%; } 
    .navbar-nav .dropdown-menu { position:static; float:none; width:auto; margin-top:0; background-color:#556274; -moz-border-radius:0; border-radius:0;}
    #nav.default-nav .header { width: 100%; padding:0;}
    #nav.default-nav .header .headerbox { position:absolute; width:70%; margin-left:30%; }  
    #nav.default-nav .header .newCount i.fa { font-size: 14px; }

    #nav.default-nav .header .header_user ul.nav { background:rgba(251,251,251,0.9); position: relative; top:0; left:0; width: 100%; }
    #nav.default-nav .header .header_user .inner-box { padding: 0; text-align: center;}
    #nav.default-nav .header .header_user a,
    #nav.default-nav .header .header_user .cl-logOut { padding:0 18px; text-align: center; background-color:#556274; color:#fff; line-height:34px; width:100%;}
    #nav.default-nav .header .header_user .newCount { display: none;  }
    #nav.default-nav .header .header_user .btn-group .dropdown-toggle,
    #nav.default-nav .header .header_user .btn-group.open .dropdown-menu { display: block;  text-align: center;  max-width:100%;}
    #nav.default-nav .header .header_user .btn-group .dropdown-toggle .name-text { padding:0; }
    #nav.default-nav .header .header_user .btn-group.open .dropdown-menu li a,
    #nav.default-nav .header .header_user .btn-group.open .dropdown-menu li .cl-logOut { padding: 0 18px; }
    #nav.default-nav .header .header_user .btn-group .dropdown-toggle span.caret { display: none; }
    #nav.default-nav .header .header_user .nav .lang-box .dropdown-toggle { border-top: 1px solid #5f6b7c; padding: 5px 0; }
    #nav.default-nav .header .header_user .nav .lang-box .dropdown-toggle .caret { display: inline-block; }
    #nav.default-nav .header .header_user .nav .lang-box.open .dropdown-menu { display: block; width: 100%; padding: 0; margin: 0; }
    #nav.default-nav .header .header_user .btn-group.dash-lang.open .dropdown-menu li a { font-size: 12px; }
    .navbar-nav .dash-lang { border-top: 1px solid #4b5565; }
  
    #nav.default-nav .header .newCount span.badge:empty {
        min-width: 5px;
        max-width: 5px;
        display: block;
        border-radius: 50%;
        max-height: 5px;
        min-height: 5px;
        padding: 0;
        top: -1px;
        right: 1px;
    }
    .ctsHelp { display:none; /* position: absolute; right: 85px; top: 0;  */}
}
@media only screen and (min-width: 481px){
    #nav.default-nav .header .navbar_right .m-headerClose {display: none;}
}
@media only screen and (min-width: 768px){
    .m-header_user.menu {display: none !important;}
}
@media only screen and (max-width: 480px){
    .drag-handle {display: none;}
    #eventNotice {position: relative;}
}
@media only screen and (max-width: 340px){
    .ctsHelp { right: 80px; } 
    .ctsHelp a { min-width: 20px; background-color: transparent; }
    .ctsHelp a span { display: none; }
    .ctsHelp a .fa { margin-right: 0; }
}
/*header css - END*****************************************************************************/

/* 20180828 유료제작 문의 주석처리 START*/
.footer .footer_info > div > .panel-group .panel .panel-title.point { height: 23px; }
.footer .footer_info > div > .panel-group .panel .panel-title.point > a { display: none; }
/* 20180828 유료제작 문의 주석처리 END*/


/***************************************************************************/
/***************************************************************************/
/*************홈페이지 제작방법 팝업 ***************************************/
.homep-create *{  }
.scrollOff {overflow: hidden; position:fixed; -webkit-overflow-scrolling:touch; }
.homep-create .w1100 {width:940px; max-width: 940px; overflow:hidden;}
.homep-create.modal-default .modal-dialog .modal-body h3.modal-title {  text-align: center;display: inline-block; width: 100%; font-size: 26px; margin-top:50px; font-weight: 500;}
.homep-create.modal-default .modal-dialog .modal-body { width: 100% !important; max-width: 100% !important; }
.homep-create button.close {position: relative; z-index: 999;}
.homep-create .full-video  {
    margin:10px 50px 20px 0;    
    text-align: right;
} 
.homep-create .full-video a {
    position: relative;
    text-align: right;
    display: inline-block;
    padding: 4px 24px;
    border-radius: 5px;
    border: solid 1px #dbdcdf;
}
.homep-create .full-video a span {
    font-size: 14px;
    color:#696c71;
}
.homep-create .full-video img { display: inline-block;}
.homep-creatediv .create-step {
    text-align: center;
    margin:35px auto;
    width: 780px;
    max-width: 780px;
    float: none;
    margin-top: 0px;
}
.homep-creatediv .create-step ul.tab-ul {
    width: 780px;
    border-radius: 22px;
    background-color: #f6f7f8;
}
.homep-creatediv .tab-nav.nav-pills li {
    position: relative;
    display: inline-block;
    border-radius: 22px;
    color: #b1b3b7;
    font-size: 14px;
    padding: 10px 0px;
    width: 156px;
    line-height: normal;
    z-index: 1;
}
.step-info-tab-pc { display: block; }
.step-info-tab-mobile { display: none; }
.homep-creatediv .tab-nav.nav-pills li span > p {
    width: 20px;
    height: 20px;
    background-color: #ecedee;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    top: 4px;
    margin-right: 8px;
    color: #b1b3b7;
    font-size: 12px;
    line-height: normal;
    transition: all 0.1s ease 0s;
}
.homep-creatediv .tab-nav.nav-pills li span { transition: all 0.1s ease 0s; }
.homep-creatediv .tab-nav.nav-pills li span > p > span {
    font-size: 12px;
    position: absolute;
    transform: translate(-40%, -44%);
    top: 40%;
    left: 44%;
    transition:none;
}
.homep-creatediv .tab-nav.nav-pills li.active span p {
    background-color: #fff;
    color: #4789e7;
}
.homep-creatediv .tab-nav.nav-pills li span > span {
/*    background-color: #ecedee;
    color: #b1b3b7;
    font-size: 12px;
    padding: 1px 8px 2px 6px;
    line-height: normal;
    border-radius: 50%;
    margin-right: 8px;*/
}
.homep-creatediv .tab-nav.nav-pills li.active span > span {
/*    background-color: #fff;
    color: #4789e7;
    transition: all 0.5s ease 0s;
*/
}
.homep-creatediv .tab-nav.nav-pills > li + li { margin-left: 0; }
.homep-creatediv .tab-nav.nav-pills li:first-child {margin-left:0px;}
.homep-creatediv .tab-nav.nav-pills li:last-child {margin-right:0px;}
.homep-creatediv .tab-nav.nav-pills li a { font-size:16px; font-weight:500; }
.homep-creatediv .tab-nav.nav-pills li .tab { -webkit-border-radius: 20px; border-radius: 20px; padding: 0;}
.homep-creatediv .tab-nav.nav-pills li:nth-child(1) .tab { border-left-width: 1px;}
.homep-creatediv .tab-nav.nav-pills li .tab:hover,
.homep-creatediv .tab-nav.nav-pills li .tab:focus { color: inherit; background-color: transparent;}
.homep-creatediv .tab-nav.nav-pills li.active .tab,
.homep-creatediv .tab-nav.nav-pills li.active .tab:hover,
.homep-creatediv .tab-nav.nav-pills li.active .tab:focus { background-color:transparent; border-radius: 22px; width:auto; color: #fff; transition: all 0.5s ease 0s;}
.homep-creatediv .tab-nav.nav-pills .tab-nav-bg         { width:156px;background-color: #488be4;z-index: 0;top:0;border-radius: 22px;height: 100%;position: absolute;transition: all .4s ease 0s; }
.homep-creatediv .tab-nav.nav-pills li:nth-child(1).active~.tab-nav-bg { left: 0; }
.homep-creatediv .tab-nav.nav-pills li:nth-child(2).active~.tab-nav-bg { left: 156px; }
.homep-creatediv .tab-nav.nav-pills li:nth-child(3).active~.tab-nav-bg { left: 312px; }
.homep-creatediv .tab-nav.nav-pills li:nth-child(4).active~.tab-nav-bg { left: 468px; }
.homep-creatediv .tab-nav.nav-pills li:nth-child(5).active~.tab-nav-bg { left: 624px; }
.homep-creatediv .tab-content { height:460px; }
.homep-creatediv .tab-content .carousel-inner { border: 35px solid #fff;border-top: none;border-bottom: none; }
.homep-creatediv .tab-content .carousel-inner > .item {
    -webkit-transition: 0.3s ease-in-out left;
    -mos-transition: 0.3s ease-in-out left;
    -ms-transition: 0.3s ease-in-out left;
    -o-transition: 0.3s ease-in-out left;
    transition: 0.3s ease-in-out left;
}
.create-control.left,
.create-control.right { position:absolute; top: 50%; z-index: 99;}
.create-control:hover, 
.create-control:focus {opacity: 1;}
.create-control.left{ left: -18px;}
.create-control.right{ right: -18px;}
.create-control span {
    display: inline-block;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.create-control svg { fill:#b1b3b7; }
.create-control.off svg { fill:#e7e8e9; }
.create-control span i {
    display: inline-block;
    width: 28px; height: 28px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 60px;
}
.create-control.left span i {border-top: 1px solid #000000;border-left: 1px solid #000000;}
.create-control.right span i {border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
/*768~991*/
@media only screen and (max-width: 991px) {
    .homep-creatediv        { padding:0; }
    .modal-dialog.w1100 { width:740px; max-width: 740px;  }
    .homep-creatediv .create-step { width: 680px; max-width: 680px; }
    .homep-creatediv .create-step ul.tab-ul { width: 680px;  }
    .homep-creatediv .tab-nav.nav-pills li { width: 136px; margin-right:0px; padding: 7px 0px 11px; }
    .homep-creatediv .tab-nav.nav-pills li a { font-size: 14px; }
    .homep-creatediv .tab-nav.nav-pills li span > p { top:5px; }
    .homep-creatediv .tab-nav.nav-pills .tab-nav-bg { width:136px; }
    .homep-creatediv .tab-nav.nav-pills li:nth-child(2).active~.tab-nav-bg { left: 136px; }
    .homep-creatediv .tab-nav.nav-pills li:nth-child(3).active~.tab-nav-bg { left: 272px; }
    .homep-creatediv .tab-nav.nav-pills li:nth-child(4).active~.tab-nav-bg { left: 408px; }
    .homep-creatediv .tab-nav.nav-pills li:nth-child(5).active~.tab-nav-bg { left: 544px; }
    .homep-creatediv .tab-content .carousel-inner { border: 10px solid #fff; border-top: none; border-bottom: none; }
    .homep-creatediv .tab-content { height:auto; }
    .homep-creatediv .tab-content iframe { width: 100%;height:390px; }
    .homep-create .full-video { margin:10px 10px 20px; }
    .create-control {display: none !important;}
    .homep-creatediv .tab-nav.nav-pills li span > p > span {
        transform: translate(-39%, -44%);
        top: 39%;
        left: 44%;
    }
}
/*360~767*/
@media only screen and (max-width: 767px){
    .modal-dialog.w1100     { height:100%; padding-bottom: 0px !important; }
    .homep-creatediv        { padding:0; }
    .homep-create button.close { z-index: 2000; }
    .homep-create.modal-default .modal-dialog .modal-body .tab-content p.step-info {font-size:15px !important; display:block !important;}
    .modal-dialog.w1100 { width:100%; max-width: 100%; padding-top: 0px !important;  }
    .homep-creatediv .create-step { width: 100%; max-width: 100%; margin-top: 0px;margin-bottom: 35px; }
    .homep-creatediv .create-step ul.tab-ul { width: 100%;  }
    .homep-creatediv .tab-nav.nav-pills li { width: 20%; padding: 10px 0px; }
    .homep-creatediv .tab-nav.nav-pills li a { font-size: 14px; }
    .homep-creatediv .tab-nav.nav-pills .tab-nav-bg { width:20%; }
    .homep-creatediv .tab-nav.nav-pills li:nth-child(2).active~.tab-nav-bg { left: 20%; }
    .homep-creatediv .tab-nav.nav-pills li:nth-child(3).active~.tab-nav-bg { left: 40%; }
    .homep-creatediv .tab-nav.nav-pills li:nth-child(4).active~.tab-nav-bg { left: 60%; }
    .homep-creatediv .tab-nav.nav-pills li:nth-child(5).active~.tab-nav-bg { left: 80%; }
    .homep-creatediv .tab-content iframe { width: 100%; }
    .homep-creatediv .tab-content .carousel-inner { border:none; }
    .homep-create.modal-default .modal-dialog .modal-body h3.modal-title { padding-top:0px; font-size: 22px; margin-bottom:45px; margin-top:30px; }
    .homep-creatediv .tab-content { height:auto; }
    .homep-create .full-video { margin-top:50px; text-align: center; }
    .homep-create .full-video a { padding:6px 34px; }
    .step-info-tab-pc { display: none; }
    .step-info-tab-mobile { display: block; }

    .youtube{position:relative;width:100%;padding-bottom:56.25%; height: 0;}
    .youtube iframe{position:absolute;width:100%;height:100% !important;left: 0; top: 0;}

    .homep-create-modal ~ .modal-backdrop.fade.in { opacity: 0.8; }
}

@media only screen and (min-width: 1601px){
  .homep-create.modal-default .modal-dialog .modal-body .tab-content p.step-info {display: none !important;}
}
/*
@media only screen and (max-width: 1600px) {
  .create-control {display: none !important;}
  .create-control.left.arrowch, .create-control.right.arrowch {display: none !important;}
}
*/
@media only screen and (max-width: 1023px) {
  /*.homep-create .w1100 {width:90%;}
  .homep-creatediv { padding:0 20px 20px 20px;}
  .homep-creatediv .create-step.mobile_st { width:100%; margin-bottom: 20px;}
  .homep-creatediv .create-step.mobile_st .tab-ul { margin:0 auto;}
  .homep-creatediv > .container {  padding:0;margin-top: 23px; }
  .homep-creatediv > .container > h2 {  font-size:26px; margin-bottom: 50px;}
  /*.homep-creatediv .tab-nav.nav-pills li { width:17%;  margin-bottom:10px; }
  .homep-creatediv .tab-content { height:400px;}*/
  .homep-creatediv .tab-content .tab-panel {text-align: center;}
  .homep-create.modal-default .modal-dialog .modal-body .tab-content p.step-info { font-size: 18px; margin-bottom: 13px;  text-align: center; width: 100%;}
  /*.homep-creatediv .tab-content iframe { height:400px; }*/
  .homep-create-close { top: 5%; right: 3%; float:right;}
  .homep-create-close span img {width:65%;}
  /*.homep-create .full-video a { text-align: center; font-size: 14px;}
  .homep-create.modal-default .modal-dialog .modal-body h3.modal-title { margin:25px 0 30px 0;}
  .homep-create .full-video a:after {font-family: 'FontAwesome';font-size: 19px; line-height: 32px; content: '\f105'; line-height: 1.4; margin-left: 7px; }*/
  .homep-create .homep-creatediv > h3 { margin: 0 0 20px 0; display:inline-block; font-size: 24px; width:auto;}
}

@media only screen and (max-width:1440px) {
    .homep-creatediv .container > h2 { margin-bottom: 50px; }
    .homep-creatediv .tab-content .step-info { font-size:18px; display:none; }
}
/*@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .homep-creatediv .create-step {transform: translateX(-47%);}
    .homep-creatediv .create-step.col-md-9 {width:80%;}
    .homep-create .w1100 {width:98%;}
    .homep-create .full-video a { width:72.5%;}
    .homep-create.modal-default .modal-dialog .modal-body .tab-content p.step-info {display:none !important;}
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
    .homep-creatediv .create-step.col-md-9 {width:97%;}
    .homep-creatediv .create-step {transform: translateX(-50%);}
}

@media only screen and (max-width:768px) {
    .homep-create .full-video a { width:auto;}
    /*.homep-create.modal-default .modal-dialog .modal-body .tab-content p.step-info {display:block !important;}
    .homep-creatediv .tab-content iframe { width : 100%; height:360px;}
    .homep-creatediv .tab-content {height:360px;}
}

@media only screen and (max-width: 468px) {
    .homep-creatediv {padding:0;}
    .homep-create.modal-default .modal-dialog .modal-body h3.modal-title {margin:0 0 25px 0;}
    .homep-creatediv .tab-content iframe {height:300px;}
    .homep-creatediv .create-step.mobile_st { transform: translateX(-50%);}
    .homep-creatediv .create-step.mobile_st .tab-nav.nav-pills li {width: auto; margin-right:8px; margin-left: 0px;} 
    .homep-create.modal-default .modal-dialog .modal-body .tab-content p.step-info { text-align: center;}
    .homep-create.modal-default .modal-dialog .modal-body h3.modal-title { font-size:20px;}
    .homep-creatediv .create-step { margin:30px auto 20px;}
    .homep-creatediv .tab-nav.nav-pills li:first-child {margin-left:0px;}
    .homep-creatediv .tab-nav.nav-pills li:last-child {margin-right:0px;}
    .homep-creatediv .tab-content { height:272px;}
    .homep-creatediv .tab-content iframe { width : 100%; height:230px;}
    .homep-creatediv .tab-nav.nav-pills li a {font-size:14px;}
    .homep-creatediv .create-step.mobile_st {margin : 20px auto 10px;}
    .homep-create .full-video {margin:0px;}
}

@media only screen and (max-width: 360px) {
    .homep-creatediv .create-step.mobile_st .tab-nav.nav-pills li { margin-right:4px;} 
    .homep-creatediv .tab-nav.nav-pills li a {font-size:12px;}
}*/

.user-none-dashboard { 
    background-image: url(https://storage.googleapis.com/i.addblock.net/intro/dashboard_topBG.jpg); 
    background-repeat: no-repeat; 
    background-size: cover; 
    padding: 100px 15px;
    text-align: center;
    position: relative;
}
.user-none-dashboard:before {
    content: '';
    display: block;
    position: absolute;
    top: 0; left:0; right: 0; bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(40,43,48,0.6);
}
.user-none-dashboard h4 { position: relative; margin-bottom: 25px; color: #fff; }
.user-none-dashboard .list-header { position: relative; }
.user-none-dashboard .list-header .create-site {
    font-size: 15px; 
    letter-spacing: -0.03em; 
    background-color: rgba(0,0,0,0.1);
    border: 1px solid #86888c; 
    color: #fff;
    min-width: 225px; 
    padding: 10px 15px; 
    display: inline-block; 
    -moz-border-radius: 25px;
    border-radius: 25px;
    cursor: pointer;
}
.user-none-dashboard .list-header .create-site img { margin-right: 6px; margin-bottom: 3px; }
.user-none-dashboard ~ .dashboard .container,
.user-none-dashboard ~ .dashboard-section .container { opacity: 0.4; pointer-events: none; padding-bottom: 0px; } 
.detail-domain .domain-list li { display:inline-block;}
.domain-status { vertical-align: middle !important;}
.domain-status .label-primary { background-color: #4789E7; }
.domain-status > .fa { padding-right:5px; }

/*switch :: onoff icon*/
.switch {
    position: relative;
    display: inline-block !important;
    vertical-align: top !important;
    width: 57px !important;
    height: 20px !important;
    padding: 3px !important;
    border-radius: 18px !important;
    cursor: pointer !important;
}
.switch-input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.switch-label{
    width: 52px;
    position: relative;
    display: block;
    height: inherit;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    background: #949FAB;
    border-radius: inherit;
    font-family: 'open sans';
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}
.switch-label:before, .switch-label:after{
    position: absolute;
    top: 45%;
    margin-top: -.4em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.switch-label:before{
    content: 'Off';
    right: 8px;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.5);
}
.switch-label:after{
    content: '';
    left: 10px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.switch-input:checked ~ .switch-label {
    background: #4789E7;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-handle{
    left: 36px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-input:checked ~ .switch-label:after{
    content: "on";
    opacity: 1;
}

.switch-handle{
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) !important;
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}
.switch-handle:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 15px;
    height: 15px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    background-image: -webkit-linear-gradient(top, #eeeeee, white);
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    background-image: -o-linear-gradient(top, #eeeeee, white);
    background-image: linear-gradient(to bottom, #eeeeee, white);
}

.simple-switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 57px;
    height: 20px;
    padding: 3px;
    border-radius: 18px;
    cursor: pointer !important;
}
label.simple-switch { margin:0; }
.simple-switch-label {
    position: relative;
    display: block;
    height: inherit;
    background: #939faa;
    border-radius: inherit;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}
.simple-switch-label:before, .simple-switch-label:after{
    position: absolute;
    top: 45%;
    margin-top: -.4em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.simple-switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.simple-switch-input:checked ~ .simple-switch-label {
    background: #4789E7;
}
.simple-switch-input:checked ~ .simple-switch-handle{
    left: 21px;
}
.simple-switch-handle{
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    position: absolute;
    background: #fff;
    border-radius: 10px;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.simple-switch.site-publish{
    width: 24px !important;
    height: 12px !important;
    /*transform: translate(-2px, 3px);*/
    padding: 0;
    transform: translateY(50%);
}
.simple-switch.site-publish .simple-switch-label { width: 24px; }
.simple-switch.site-publish .simple-switch-handle {
    width: 10px;
    height: 10px;
    top: 1px;
    left: 1px;
}
.simple-switch.site-publish .simple-switch-input { margin:0; }
.simple-switch.site-publish .simple-switch-input:checked ~ .simple-switch-handle{
    left: 13px;
}

@media only screen and (max-width: 767px) {
    .simple-switch.site-publish { display: none; }
}

.dashboard { padding: 0; font-family: 'Noto sans KR', 'Noto sans', sans-serif;}
.dashboard.gabia { padding-top:40px; }
.dashboard.dashboard_u .container {padding-left:0; padding-right: 0;}
.dashboard.none { padding:0px; }

.dashboard._admin_dashboard {
    background-color: #fff;
    padding-top: 30px;
}

/* 1 dashboard *******************************************************************************************/
.dashboard-top:before, .dashboard-top:after,
.dashboard-top-sub:before, .dashboard-top-sub:after {
  content: '';
  display: table;
  clear: both;
}
.dashboard-section { 
    padding-top:30px;
    padding-bottom: 80px; 
    background-color:#eef0f4;
    font-family: 'Noto sans KR', 'Noto sans', sans-serif;
}
.dashboard-section.gabia-mode { padding-bottom: 60px; }
.dashboard-main-box {max-width:947px; position: relative; margin: 0 auto;}
.dashboard-main-box:after {content: ' '; display: table; clear: both;}
.sitecaptraffic-title,
.dashboard-subtitle-wrap {display: none;}

.dashboard .dashboard-top { padding-top:40px; }

.dashbottom-wrap .setting-sub-content-title .cm-popover-info,
.dashbottom-wrap .uadminTitle .cm-popover-info { transform: translateY(2px); }
.dashbottom-wrap .mngSaveNotice .cm-popover-info { transform: translateY(3px); }
.dashbottom-wrap .setting-cert .mng-panel-label .cm-popover-info { transform: translateY(1px); }
.dashbottom-wrap .setting-sub-title.tax-use .cm-popover-info { transform: translateY(0px); }
.dashbottom-wrap .cm-popover-info + .popover > .popover-content { word-break: keep-all; line-height: 1.5; }
.dashbottom-wrap .mng-member .setting-text-box .switch { transform: translateX(-3px); }

/* 1.1 dashboard-top > .site-info [top-left:select 사이트 정보] **********************************************/
.site-info .left .site-img { position:relative; max-width:86%;}
.site-info .left {
    padding-right:0px;
    width: 100%;
    max-width: 188px;
    float: left;
}
.dashboard .site-info {
    width: 100%;
    float: left;
}
.dashboard .site-info .right {
    float: left;
    width: calc(100% - 188px);
    position: relative;
}
#nav.fixed ~ .dashboard .site-info .right { z-index: 10; }
.site-img .img-wrapper {
  position: absolute; 
  top:0; left:0; right: 0;
  padding: 3% 3% 0;
  width: 100%;
}
.site-img .img-wrapper .default-shot + .over-box.none-site { 
    position: absolute;
    top:53%; left:50%;
    width: 90%;
    text-align: center;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: 'Noto sans kr';
    line-height: 50px;
    height: auto;
    overflow: hidden;
    color: #959ca2;  
}
.site-img .img-wrapper .site-shot + .over-box.none-site { 
    display: none;
}
.site-img .img-wrapper .site-view-btn {
    display:block;
    position: absolute;
    top:5%; 
    left:3%; 
    right:3%;
    height: 95%;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    opacity: 0;
    z-index:10;
}
.site-img .img-wrapper .site-view-btn:hover {
    opacity: 1;
    -webkit-transition: all 0.4s ease; 
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.site-img .img-wrapper .site-view-btn.disabled:hover { opacity: 0; }
.site-img .img-wrapper .site-view-btn.disabled {
    display: none;
    pointer-events: none;
    cursor: default;
}

.site-img .img-wrapper .site-view-btn.abled { display: block; } 
.site-img .img-wrapper .site-view-btn .site-view-btn-wrap {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0; right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.site-img .img-wrapper .site-view-btn .site-view-btn-wrap .site-view-screen {/*line-height: 1.2;*/}
.site-img .img-wrapper .site-view-btn .site-view-btn-wrap a {
    font-size: 12px;
    letter-spacing: -0.6px;
    width:100%;
    text-decoration: none;
    color: #696c71;
    display: block;
    background-color: #fff;
    line-height: normal;
    max-width: 130px;
    margin: auto;
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 5px 0px 6px;
}
.site-img .img-wrapper .site-view-btn .site-view-btn-wrap a svg { transform: translateY(2px);margin-left: 7px;fill: #696c71; }
.site-img .img-wrapper .site-view-btn .site-view-btn-wrap a:last-child {
    margin-bottom: 0px;
}
.site-img .img-wrapper .site-view-btn .site-view-btn-wrap a:hover {
    color:#4789e7;
}
.site-img .img-wrapper .site-view-btn .site-view-btn-wrap a:hover svg {
    fill:#4789e7;
}

/*.site-img .img-wrapper .site-view-btn a {
  position: absolute;
  top:39%; left:50%;
  font-size: 10px;
  letter-spacing: 0px;
  width:100%;
  text-decoration: none;
  color: #ffffff;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.site-img .img-wrapper .site-view-btn a.site-view-screen { top:60%; }*/

.dashboard-select-box { max-width: 361px; }

.site-img .img-wrapper .site-view-btn a img {
    width: 12px;
}
.dashboard #m-site-select {display: none;}
#site-select {
    max-width: 100%;
    min-width: 313px;
}
#m-site-select[data-isuadmin="1"] .dropdown-toggle,
#m-site-select[data-isuadmin="1"] .dropdown-toggle:hover,
#m-site-select[data-isuadmin="1"] .dropdown-toggle:focus {
    cursor: auto;
}
#m-site-select .dropdown-toggle,
#m-site-select .dropdown-toggle:hover,
#m-site-select .dropdown-toggle:focus,
#site-select .dropdown-toggle,
#site-select .dropdown-toggle:hover,
#site-select .dropdown-toggle:focus{
    font-size: 15px;
    color: #2d343e;
    text-decoration: none;
    cursor: pointer;
}
.dashboard #m-site-select .dropdown-toggle{
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ffffff;
    border: 1px solid #dde1e2;
    display: inline-block;
    width: 100%;
    padding: 9px 15px;
    -moz-border-radius: 3px;
    border-radius: none;
}
#site-select .dropdown-toggle {
    border: solid 1px #f2f4f8;
    background-color: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    width: 100%;
    padding: 7px 15px 9px;
    border-radius: 0px;
}
#site-select .dropdown-toggle .site-name-pc{
    max-width: 180px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#site-select .dropdown-toggle label.site-plans {
    /*font-family: 'Noto Sans', 'Noto Sans KR';*/
    height: 16px;
    font-size: 12px;
    padding: 0px 4px;
    color:#fff;
    border-radius: 3px;
    line-height: 14px;
    margin-left: 8px;
    font-weight: normal;
    margin-bottom: 0px;
    background-color: #b1b3b7;
}
#site-select .dropdown-toggle label.site-plans.SM { background-color: #ee445f; }
#site-select .dropdown-toggle label.site-plans.BS { background-color: #00c82a; }
#site-select .dropdown-toggle label.site-plans.BN { background-color: #4789e7; }
#site-select .dropdown-toggle label.site-plans.PK { background-color: #ddbcee; }
#site-select .dropdown-toggle label.site-plans.free {background-color: #fff; border: solid 1px #c0bfc4; color: #c0bfc4;}
.site-create-btn {
    width: 43px;
    height: 43px;
    float: right;
    border: solid 1px #f2f4f8;
    background-color: #fafafa;
    margin-left: 5px;
    position: relative;
    cursor: pointer;
}
.site-create-btn svg {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 17px;
    fill: #4789e7;
    shape-rendering: optimizespeed;
}
.site-create-btn.site-limit svg { fill: #dbdcdf; }
.dashboard #m-site-select .dropdown-toggle span.caret,
#site-select .dropdown-toggle span.caret { 
    float: right; 
    margin-top: 10px; 
    border-top: 6px solid #2d343e;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
#site-select .dropdown-menu { 
    /*width: 100%; 
    margin-top: 0;
    padding-top: 0;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    border: 1px solid #e5e8eb;
    max-height: 390px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    z-index: 16;*/
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 620px;
    margin: auto;
    z-index: 1001;
    overflow:hidden;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    border:none;
}

.site-select-open { overflow:hidden;overflow-y: unset;height: inherit; }
.site-select-backdrop {
    width: 100%;
    height: 100%;
    background: #eeeff3;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    opacity: 0.9;
}
#site-select.open { z-index: 998; }
#site-select.open .dropdown-menu { z-index: 999; }
#nav.fixed ~ .dashboard #site-select.open,
#nav.fixed ~ .dashboard #site-select.open .dropdown-menu { z-index: 10; }

#site-select .dropdown-menu .list-header {
    position: relative;
    /*padding: 10px 15px;*/
    border-bottom: 1px solid #f3f5f6;
    height: 134px;
/*    height: 74px;*/
}
#site-select .dropdown-menu.ismainservicecss .list-header{
    position: relative;    
    border-bottom: 1px solid #f3f5f6;
    height: 74px;    
}
#site-select .list-header:before,
#site-select .list-header:after {
    content: '';
    display: table;
    clear: both;
}
#site-select .create-site-box {
    width: 100%;
    height: 77px;
    background-color: #fff;
    bottom: 0px;
    cursor: pointer;
    position: absolute;
}
#site-select .create-site-box:hover {
    background-color: #f7fafd;
}
#site-select .create-site-box:hover .create-site {
    text-decoration: underline;
}
#site-select .create-site,
#site-select .site-list
 {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.05em;
    color: #4789e7;    
    cursor: pointer;
    position: absolute;
    bottom: 27px;
    left: 50%;
    transform: translateX(-50%);


/*    padding-left: 54px;*/
/*    padding-right: 20px;*/
/*    position: absolute;*/
/*    bottom: 27px;*/
/*    left: 16.8%;*/
/*    transform: translateX(-50%);*/

}

#site-select .ismainservicecss .create-site,
#site-select .ismainservicecss .site-list{

    font-size: 18px;
    cursor: pointer;
    font-weight: 400;
    letter-spacing: -0.01em;
    color: #222428;    
    padding-left: 54px;
    padding-right: 20px;   
    position: static; 
    transform: unset;
}



#site-select .create-site svg {
    fill:#4789e7;
    margin-right: 10px;
}
#site-select .create-site-close {
    position: absolute;
    right: 20px;
    top: 20px;    
/*    top: 26px;*/
    cursor: pointer;

    /*box-sizing: border-box;
    padding-left: 10px;
    padding-right: 20px;*/
}


#site-select .ismainservicecss .create-site-close {
    cursor: pointer;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 20px;
    position: unset;
}
#site-select .create-site:hover,
#site-select .create-site:focus { text-decoration: underline; }
#site-select .create-site .fa {
    /*font-size: 20px;
    position: absolute;
    top: 11px; left: 15px;*/
}
#site-select .site-count {
    font-size: 14px;
    color: #b1b3b7;
    right:26px;    
/*    flex: 1;
    top:24px;
    right:402px;*/
    bottom: 27px;
    position: absolute;
}

#site-select .ismainservicecss .site-count {
    font-size: 14px;
    color: #b1b3b7;
    flex: 1;
    top:24px;
    bottom: 27px;
    position: unset;
}

#site-select .ismainservicecss .site-list-flex{    display: flex;
    align-items: center;
    line-height: 74px;}
#site-select .ismainservicecss .site-count span {color: #4789e7;padding-right: 2px;}
#site-select .site-count svg { fill:#b1b3b7;transform: translateY(2px);margin-left: 2px; }
#site-select .site-count svg[data-toggle="tooltip"] { 
    margin-left: 4px; 
/*    margin-left: 1px; */
    -wekbit-transform: translateY(2px); 
    -moz-transform: translateY(2px); 
    -ms-transform: translateY(2px); 
    -o-transform: translateY(2px); 
    transform: translateY(2px); 
}
/*#site-select .site-count svg[data-toggle="tooltip"] + .tooltip,
#site-select .site-count svg[data-toggle="tooltip"] + .tooltip.in { margin-left: -118px; }
#site-select .site-count svg[data-toggle="tooltip"] + .tooltip.bottom .tooltip-arrow { left: 93%; }
#site-select .site-count svg[data-toggle="tooltip"] + .tooltip .tooltip-inner { width: 270px; }
#site-select .ismainservicecss .site-count svg[data-toggle="tooltip"] + .tooltip.in { margin-left: -78px; }
#site-select .ismainservicecss .site-count svg[data-toggle="tooltip"] + .tooltip.bottom .tooltip-arrow { left: 80%; }*/

#site-select ul.list-site {
    overflow-y: auto;
    height: calc(100% - 134px);
}
#site-select .ismainservicecss ul.list-site {
    overflow-y: auto;
    height: calc(100% - 74px);
}
#site-select ul.list-site::-webkit-scrollbar {
    right: 1px;
    width: 8px;
    height: 8px;
    border: 5px solid #f3f4f5;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
#site-select ul.list-site::-webkit-scrollbar-thumb {
    height: 50px;
    width: 50px;
    background: #d1d3d5; 
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 0;
}
#site-select .list-site li {
    display: table;
    clear: both;
    border-bottom: 1px solid #f3f5f6;
    position: relative;
    background-color:#fff;
    /*font-family: 'Noto sans kr';*/
    width: 100%;
    padding:20px 0px;
}
#site-select .list-site li.active { /*background-color: #eeeff1; background-color: #ecf7fe; background-color: #f7fafd;*/border:2px solid #4789e7 !important; }
#site-select .list-site li:hover { /*background-color: #eeeff1; background-color: #ecf7fe;*/ background-color: #f7fafd; }
#site-select .list-site li .drag-handle svg,
#site-select .list-site li .site-dropdown-box svg { visibility: hidden; }
#site-select .list-site li:hover .drag-handle svg,
#site-select .list-site li:hover .site-dropdown-box svg { visibility: visible; }
#site-select .list-site li .drag-handle {
    float: left;
    width: 54px;
    height: 69px;
    position: relative;
}
#site-select .list-site li .drag-handle.on span,
#site-select .list-site li .drag-handle span:hover {
    position: absolute; 
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #fff;
}
#site-select .list-site li .drag-handle svg { 
    color:#bdbdbd; 
    position: absolute; 
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill:#91959c;
}
#site-select .list-site li .drag-handle.on svg,
#site-select .list-site li .drag-handle svg:hover { fill:#696c71; }

#site-select .list-site li .screenshot{
    display: inline-block;
    width: 120px;
    float: left;
    position: relative;
}

#site-select .list-site li.active .screenshot img { /*border:2px solid #4789e7 !important;*/ }

#site-select .list-site li .info {
    float: left;
    padding: 0px 0px 0px 30px;
    position: relative;
    width: calc(100% - 186px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 69px;
}
#site-select .list-site li .screenshot > img {
    cursor: pointer;
}
#site-select .list-site li .screenshot > img.img-responsive { 
    width: 100%; 
    border: 1px solid #dde1e2;
}
#site-select .list-site li .screenshot .over-box.none-site {
    position: absolute;
    top:50%; left:50%;
    text-align: center;
    width: 70%;
    font-size: 12px;
    background-color: #ffffff;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#site-select .list-site li .screenshot .site-shot ~ .over-box.none-site {
    display: none;
}
#site-select .list-site li .screenshot label.site-plans {
    /*position: absolute;
    bottom: 13px;
    left: 19px;
    font-family: 'Inter';
    font-size: 10px;
    font-weight: 100;
    line-height: 1;
    padding: 4px 5px;
    color: #fff;
    background-color: #bababa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color:#2D343E;*/
}
#site-select .list-site li .info a,
#site-select .list-site li .info a:hover,
#site-select .list-site li .info a:focus { text-decoration: none; }
#site-select .list-site li .info .site-sid {
    /*color: #2d343e;
    font-size: 13px;
    text-overflow:ellipsis; 
    white-space:nowrap; 
    overflow:hidden; 
    display:block;*/
    font-size: 18px;
    margin-bottom: 10px;
}
#site-select .list-site li .info .site-sid span {
    max-width: 200px;
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow:ellipsis; 
    white-space:nowrap; 
}
#site-select .list-site li .info .site-url { color:#91959c; }
#site-select .list-site li .info .site-url a:hover { color:#4789e7;text-decoration: underline; }
#site-select .list-site li .info .site-url a:hover svg { color:#4789e7;fill:#4789e7; }
#site-select .list-site li .info .site-url svg { fill:#91959c;margin-left: 5px;transform: translateY(2px); }
#site-select .list-site li .info .site-sid label.site-plans {
    margin-bottom: 0px;
    /*font-family: 'Noto Sans', 'Noto Sans KR';*/
    height: 16px;
    font-size: 12px;
    padding: 0px 4px;
    color:#fff;
    border-radius: 3px;
    line-height: 14px;
    margin-left: 8px;
    font-weight: normal;
    margin-bottom: 0px;
    background-color: #b1b3b7;

}
/*gabia site-select start*/
#site-select .dropdown-toggle label.site-plans.fr {    background-color: #fff;
    border: 1px solid rgb(192 191 196 / 50%);
    color: #c0bfc4;
    opacity: unset;
    
}
#site-select .list-site li .info .site-sid label.site-plans.fr{    background-color: #fff;
    border: 1px solid rgb(192 191 196 / 50%);
    color: #c0bfc4;
    opacity: unset;}
/*gabia site-select end*/

#site-select .list-site li .info .site-sid label.site-plans.FREE { background-color: #fff; border: solid 1px #c0bfc4; color: #c0bfc4; }
#site-select .list-site li .info .site-sid label.site-plans.SHOPPING { background-color: #ee445f; }
#site-select .list-site li .info .site-sid label.site-plans.BASIC { background-color: #00c82a; }
#site-select .list-site li .info .site-sid label.site-plans.BUSINESS { background-color: #4789e7; }
#site-select .list-site li .info .site-sid label.site-plans.PARKING { background-color: #ddbcee; }

#site-select .list-site li .info .site-view-btn,
#site-select .list-site li .info .site-config-btn,
#site-select .list-site li .info .site-clone-btn {
    border: none;
    text-align: center;
    display: inline-block;
    padding: 0px 8px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #afb5bc;
    color:#fff;
    cursor: pointer;
    z-index: 1000;
}
#nav.fixed ~ .dashboard #site-select .list-site li .info .site-select-btn,
#nav.fixed ~ .dashboard #site-select .list-site li .info .site-view-btn,
#nav.fixed ~ .dashboard #site-select .list-site li .info .site-config-btn,
#nav.fixed ~ .dashboard #site-select .list-site li .info .site-clone-btn { z-index: 10; }

#site-select .list-site li .info .site-select-btn {
    /*background-color: #4192ef;
    color: #fff;*/
    cursor: pointer;
}
#site-select .list-site li .info .site-select-btn:hover,
#site-select .list-site li .info .site-select-btn:focus {
    /*background-color: #5894e9;*/
}
#site-select .list-site li .info .site-select-btn {
    display: inline;
}
#site-select .list-site li .info .site-view-btn, 
#site-select .list-site li .info .site-view-btn a,
#site-select .list-site li .info .site-config-btn  {
    background-color: #afb5bc;
    color:#fff;
}
#site-select .list-site li .info .site-config-btn:hover,
#site-select .list-site li .info .site-config-btn:focus {
    color: #5894e9;
}
#site-select .list-site li.active .info .site-view-btn a,
#site-select .list-site li.active .info .site-view-btn {
}
#site-select .list-site li .info .site-config-btn { display: none;}
/*#site-select .list-site li .site-copy-btn span {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 76px;
    transform: translateY(-40%);    
}
#site-select .list-site li .site-copy-btn svg {
    fill : #91959c;
}
#site-select .list-site li .site-copy-btn svg:hover {
    fill : #696c71;
}*/
#site-select .list-site li .site-dropdown-box { 
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    z-index: 0;
}
#site-select .list-site li .site-dropdown-box:hover {
    background-color: #fff;
    border-radius: 50%;
}
#site-select .list-site li .site-dropdown-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: yellow;
    opacity: 0;
    z-index: 1;
}
#site-select .list-site li .site-dropdown-box svg {
    fill:#696c71;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
/*
#site-select .list-site li .site-dropdown-btn { 
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    height: 36px;
    padding: 3px 9px 9px 9px;
    z-index: 1;
}
#site-select .list-site li .site-dropdown-btn:hover {
    background-color: #fff;
    border-radius: 50%;
}
#site-select .list-site li .site-dropdown-btn svg { fill:#696c71;width: 18px; height: 4px; }
*/
#site-select .list-site li.drop-open { z-index: 1; }
#site-select .site-btn-drop {
    width: 86px;
    border:1px solid #dfe3e4;
    background-color: #fff;
    border-radius: 5px;
    z-index: 1002;
    cursor: pointer;
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
}
#site-select .site-btn-drop.open {
    display: block;
}
#site-select .site-btn-drop.open.onscroll  {
    display: flex;
    /*flex-direction: column-reverse; 거꾸로 출럭 되어서 주석 처리 후 아래 코드로 수정..*/
    flex-direction: column;
    top: -50px;
}
#site-select .site-btn-drop div {
    text-align: center;
    padding:10px 0px;
    border-bottom: 1px solid #f3f5f6;
}
#site-select .site-btn-drop div:last-child { border-bottom: none; }
#site-select .site-btn-drop.open.onscroll div:last-child { border-bottom: 1px solid #f3f5f6; }
#site-select .site-btn-drop div:hover { background-color: #f5f6f6; }
#site-select .site-btn-drop div.site-clone-btn.upgrade,
#site-select .site-btn-drop div.site-clone-btn.upgrade:hover,.site-transfer-btn.basicnoti { color: #d1d3d5; }
.site-transfer-btn.basicnoti {position: relative;}
.site-transfer-btn.basicnoti .upgrade-noti {position: absolute;}
#site-select .basicnoti.pc,#site-select .basicnoti.mobile{padding:0}

/*230215백업*/
#site-select .basicnoti span {padding: 10px 0;    display: block;}
/*#site-select .basicnoti span {padding: 10px 0;    display: block;margin-left: 15px;
    padding-right: 15px;}*/

.tooltip-margin-left{margin-left: 10px!important;pointer-events: none;}
.tooltip-margin-right{margin-left: -10px!important;pointer-events: none;}
@media only screen and (min-width: 1157px){
    .site-transfer-btn.basicnoti.pc{display:block;}
    .site-transfer-btn.basicnoti.mobile {display:none;}
}
@media only screen and (max-width: 1156.9px){
    .site-transfer-btn.basicnoti.pc{display:none;}
    .site-transfer-btn.basicnoti.mobile {display:block;}
}
.input-username { 
    box-shadow: none;
    background-color: #ffffff;
    border: 1px solid #dde1e2;
    border-radius: 2px;
    width: 67%;
    margin-top: 20px;
    display: inline-block;
    margin-right: 19px;
}

.cl-userNick-wrap input { height: inherit; }

.fileinput-button.profile-text-box label { 
    display: inline-block; 
    padding: 6px 0px; 
    width: 150px;
    height: 34px;
    color: #4789e7; 
    font-size: 14px;
    font-weight: 300;
    line-height: normal; 
    vertical-align: middle; 
    background-color: #ffffff; 
    cursor: pointer; 
    border: 1px solid #4789e7; 
    border-radius: 3px; 
}

.fileinput-button.profile-text-box input[type="file"] {
    position: absolute; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip:rect(0,0,0,0); 
    border: 0;
}
/*여기*/
.site-data {
    padding-top: 20px;
    font-size: 12px;
    letter-spacing: 0.05em;
    padding-bottom: 30px;
}
.site-data div label {
    font-weight: normal;
    color: #2d343e;
    width: 90px; 
}
.site-data .site-url { position: relative;max-width: 361px; }
.site-data .site-url .domain-info-wrap { position: relative;line-height: normal;display: flex;align-items: center; }
.site-data .site-url.host { max-width: 100%; }
.site-data .site-url label.change-profile {
    width: 30px;
    height: 30px;
    margin-bottom: 0px;
}
.site-data .site-url span { flex: 1; }
.site-data .site-url span,
.site-data .site-last-update span { color: #797f86; }
.dashboard:not(._admin) .site-data .site-url .domain.active .domain-text-pc,
.dashboard:not(._admin) .site-data .site-url .domain.ing .domain-text-pc { display: block; color: #fff;line-height: normal; }
.site-validplan-info {display: none;}
.dashboard .site-data .site-url svg.ssl-default {
    fill:#aeb3bb; margin-right: 3px;
}
.dashboard .site-data .site-url svg.ssl-default.on {
    fill:#31db91;
}
.dashboard:not(._admin) .site-data .site-url .site-username,
.dashboard:not(._admin) .site-data .site-url > #pubhost {
    vertical-align: top;
    display: inline-block;
    margin-top: 3px;
    /*padding-left: 10px;*/
    padding-right: 10px;
    font-size:13px; 
}
.dashboard:not(._admin) .site-data .site-url .domain-btn.domain.set-domain {
    position: relative;
    border:none;
    margin-top: 5px;
    line-height: normal;
    background-color: transparent;
}
.dashboard:not(._admin) .site-data .site-url .domain-btn.domain {
    /*padding: 2px 8px 3px 9px;
    border-radius: 3px;
    margin: 0;
    margin-top: 2px;
    position: absolute;
    right: 0;*/
    justify-items: flex-end;
}
.dashboard:not(._admin) .site-data .site-url.host .domain-btn.domain { position: relative; }
.dashboard:not(._admin) .site-data .site-url.host span { flex: unset; }
.dashboard:not(._admin) .site-data .site-url .domain-btn.domain svg:not(.domain-connect)     { display: none; }
.dashboard:not(._admin) .site-data .site-url .domain-btn.domain.set-domain svg { display: none; fill:#696c71;width: 12px; }
.dashboard:not(._admin) .site-data .site-url .site-username { padding-right:11px;}
.dashboard .site-data .site-url .domain-btn.domain svg.domain-connect { fill: #fff; }
.dashboard .site-data .site-publish-info { margin-top: 10px; }
.dashboard .site-data .site-publish-info span.publish-text { color:#8e9095; margin-left: 8px; font-size: 13px; }
.host-icon { 
    border-left: 1px solid #ddd;
    padding-left: 15px !important; 
    margin-left: 10px;
    height:23px;
}
.host-icon.on { color: #12BC00 !important;}
.site-data div .domain-guide {
    color: #a7afb8;
    font-size: 13px;
    margin-left:5px;
    cursor: pointer;
}
.site-data .site-url .domain-btn {
    color: #fff;
    font-size: 12px!important;
    margin-left: 7px;
    padding: 2px 12px 3px 12px;
    line-height: normal;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    cursor: pointer;
    background-color: #a7afb8;
    border: 1px solid transparent;
    /*width: 92px;*/
    text-align: center;
}
.site-data .site-url .domain-btn.en .domain-text-pc { font-size: 11px !important; white-space: nowrap; }
.site-data .site-url .domain-btn.active {
    background-color: #4789e7;
}
.site-data .site-url .domain-btn.set {
    background-color: #fff;
    border: 1px solid #dbdcdf;
}
.dashboard .site-data .site-url .domain-btn.domain.set svg.domain-connect { fill: #696c71; }
.site-data .site-url .domain-btn.ing {
    background-color: #ffc02d;
}
.site-data .site-url .domain-btn .caret {
    border-top: 3px solid transparent;
    border-right: 0 dotted;
    border-bottom: 3px solid transparent;
    border-left: 4px solid #fff;
    margin-left: 5px;
    color: #fff;
    width: 6px;
    padding-left: 0px;
}
.siteInfo-right {display: none;}

/* 1.1 dashboard-top > .site-toolbar [top-right:사이트편집및 업그레이드 버튼] ***************************************/
.site-toolbar { 
    text-align: right;
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.site-toolbar .toolbar { display: inline-block;}
.site-toolbar .toolbar li { display: inline-block; position: relative; }
.site-toolbar .toolbar li img.newicon { position: absolute; top: -5px; left: -5px; display: none; }
.site-toolbar .toolbar li .point img.newicon { display: inline-block; }
.site-toolbar .toolbar li a { 
    line-height: 1.63;
    display: inline-block;
    color: #2d343e;
    font-size: 13px;
    font-weight: normal;
    padding: 10px 15px;
    min-width: 132px;
    background-color: #fff;
    border: 1px solid #2d343e;
    text-align: center;
    text-decoration: none;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
    text-transform: uppercase;
}
.site-toolbar .toolbar li a:hover,
.site-toolbar .toolbar li a:focus,
.site-toolbar .toolbar li a.point { 
    color: #fff;
    background-color: #2d343e;
}
.site-toolbar .toolbar li a.point:hover,
.site-toolbar .toolbar li a.point:focus {
    background-color: #3c4451;
}
.site-toolbar .toolbar li.active a {
    color: #4789e7;
    border-color: #4789e7;
}
.site-toolbar .toolbar li.active a:hover,
.site-toolbar .toolbar li.active a:focus {
    color: #fff;
    border-color: #4789e7;
    background-color: #4789e7;
}
.site-toolbar .toolbar li.active a:hover svg,
.site-toolbar .toolbar li.active a:focus svg,
.site-toolbar .toolbar li a.upgrade:hover svg,
.site-toolbar .toolbar li a.upgrade:focus svg { fill:#fff; }

.site-toolbar .toolbar li a .fa { margin-right: 5px; }
.site-toolbar .toolbar li a.upgrade .fa:before { content:'\f013'; font-family: 'FontAwesome'!important; }
.site-toolbar .toolbar li a.upgrade.point .fa:before { content:'\f148'; font-family: 'FontAwesome'!important; }
.site-toolbar .toolbar li a .fa_view { max-width: 14px; margin-right: 5px; margin-bottom: 2px; }
.site-toolbar .toolbar li a svg                     { margin-right: 8px;transform: translateY(3px); }
.site-toolbar .toolbar li a.go-config svg,
.site-toolbar .toolbar li a.goto-config-btn svg    { fill:#4789e7; }
.site-toolbar .toolbar li a.upgrade svg             { fill:#2d343e;margin-right: 6px; }
.site-toolbar .toolbar li a.go-config:hover svg,
.site-toolbar .toolbar li a.goto-config-btn:hover svg,
.site-toolbar .toolbar li a.upgrade.point svg       { fill:#fff; }

.site-toolbar > .site-sub-title[data-href="site-detail"] { 
    float: right; 
    margin-top: 15px;
    min-width: 160px;
}
.site-toolbar > .site-sub-title { margin-left: 20px; }
.site-toolbar > .site-sub-title .fa { float: right; margin-left: 6px; margin-top:2px; }
.site-toolbar > .site-sub-title span { cursor: pointer; }



/* 1.2 .dashboard-top-sub > .site-detail || .site-notice || .site-cts [사이트상세정보 || 공지사항 || 문의사항]********/
/******************************************************************************************************************/
.dashboard-top-sub {
    max-width: 950px; 
    margin:0 auto;
    padding-top: 20px;
    padding-bottom: 0px;
}

/************************ 1.3 dashboard-settings/marketing ********************/
.dashboard-settings { background-color: #F5F5F5;}
.dashbottom-wrap .dashbottom-container .site-detail {margin-top: 0;}
.dashbottom-wrap .marketing-dashboard,
.dashbottom-wrap .settings-dashboard {
    margin-top: 58px;
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 0;
}
.dashbottom-wrap .marketing-dashboard .setting-sub-content,
.dashbottom-wrap .settings-dashboard .setting-sub-content { max-width: calc(100% - 283px);}
.dashbottom-wrap .marketing-dashboard .setting-sub-title,
.dashbottom-wrap .settings-dashboard .setting-sub-title { max-width:140px; margin-right: 143px;}
.dashboard-top-sub .site-detail .inner-box ul > li > div,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-nicktext {
    font-size: 13px;
    color: #696c71;
}
.dashbottom-wrap .site-detail .inner-box ul > li .edit-nicktext  {
    position: absolute;
    right: 0;
    display: none;
} 
.dashbottom-wrap .site-detail .inner-box ul > li .edit-titletext,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-siteinfotext {
    position: relative;
    display: none;
}
.dashbottom-wrap .site-detail .inner-box ul > li .edit-titletext .error svg,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-siteinfotext .error svg {
    margin-left: 0;
    margin-right: 5px;
    transform: translateY(5px);
}
.dashbottom-wrap .site-detail .inner-box ul > li .edit-titletext .site-title,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-siteinfotext .site-desc {
    background-color: #fff;
    word-break: break-all;
    padding: 0px 10px;
    border-radius: 0px;
    box-shadow: none;
    color: #676767;
    border: 1px solid #dbdcdf;
    border-right: none;
    font-size: 14px;
    min-height: 80px;
    width: 100%;
    resize: none;
}
.dashbottom-wrap .site-detail .inner-box ul > li .edit-titletext .input-group,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-siteinfotext .input-group { height:100%; display: flex; }
.dashbottom-wrap .site-detail .inner-box ul > li .edit-titletext .input-group-btn,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-siteinfotext .input-group-btn {
    position: relative;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    width: auto;
}
.dashbottom-wrap .site-detail .inner-box ul > li .edit-titletext > .input-group .edit-titlesave,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-siteinfotext > .input-group .edit-infosave {
    padding:0;
    height:calc(100% - 40px);
    height:-webkit-calc(100% - 40px);
    height:-moz-calc(100% - 40px);
    height:-ms-calc(100% - 40px);
    min-height: 40px;
    width:40px;
    border-radius: 0px;
    border: none;
    background-color: #4789e7;
    border: 1px solid #2f6dc5;
}
.dashbottom-wrap .site-detail .inner-box ul > li .edit-titletext .edit-titlecancel,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-siteinfotext .edit-siteinfocancel {
    height: 40px;
    background-color: #fff;
    border: 1px solid #dbdcdf;
    border-bottom: none;
    position: relative;
}
.dashbottom-wrap .site-detail .inner-box ul > li .edit-titletext .edit-titlecancel svg,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-siteinfotext .edit-siteinfocancel svg {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 12px;
    margin: 0;
}
.dashbottom-wrap .site-detail .inner-box .edit-nickname .edit-nick-pencil,
.dashbottom-wrap .site-detail .inner-box .plan-paydate + .upgrade,
.dashbottom-wrap .site-detail .inner-box #adm-easylogin-config,
.dashbottom-wrap .site-detail .inner-box .billing {color:#4789e7;}
.dashbottom-wrap .site-detail .inner-box .edit-nickname a,
.dashbottom-wrap .site-detail .inner-box .plan-paydate + a,
.dashbottom-wrap .site-detail .inner-box .detail-adm-easylogin a,
.dashbottom-wrap .site-detail .inner-box .detail-template a {
    float: right;
}
.dashbottom-wrap .site-detail .inner-box ul > li > div {
    font-size: 13px;
    color: #696c71;
    float: right;
    width: calc(100% - 207px);
    position: relative;
}
.dashbottom-wrap .site-detail .inner-box ul > li:first-child {padding-top:0;}
.dashbottom-wrap .site-detail .inner-box ul > li:last-child {padding-bottom: 23px;}
.dashbottom-wrap .site-detail .inner-box ul > li.naver-rg {padding-bottom: 17px;}
.dashbottom-wrap .site-detail .inner-box ul > li { 
    vertical-align: middle;
    padding: 20px 0;
    word-wrap: break-word;
    position: relative;
    float: left;
    width: 100%;
    color: #696c71;
}
.dashbottom-wrap .site-detail .inner-box ul > li > div span.profile-content {
    position: absolute;
    top: -5px;
}
.dashbottom-wrap .site-detail .inner-box ul > li > div span.profile-content label {
    margin-bottom: 0px;
}
.dashbottom-wrap .site-detail .inner-box ul > li > div span.profile-content span {
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
}
.dashbottom-wrap .site-detail .inner-box ul > li > div span.profile-content svg {
    width: 30px;
    height: 30px;
    position: relative;
    top: 0px;
    transform: none;
    margin-left: 0;
}
.dashbottom-wrap .site-detail .inner-box ul > li > div span.mb-sitetitle,
.dashbottom-wrap .site-detail .inner-box ul > li > div span.mb-siteinfo {
    display: block;
    margin-right: 30px;
    word-break: break-all;
}
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-screen > div img {
    width: 106px;
    margin: 0;
    border: 1px solid #dfe0e2;
}
.detail-site-screen .site-screen-content .site-shot + .over-box.none-site { display: none; }
.detail-site-screen .site-screen-content .default-shot + .over-box.none-site { 
    position: absolute;
    top: 14px;
    left: 3px;
    width: 100px;
    text-align: center;
    background-color: #fff;
    font-family: 'Noto sans kr';
    line-height: 30px;
    height: auto;
    overflow: hidden;
    color: #959ca2;
}
.dashbottom-wrap .site-detail .inner-box ul > li > div.icon-pen a {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
}
.dashbottom-wrap .site-detail .inner-box ul > li > div.icon-pen svg { fill: #4789e7; }
.dashbottom-wrap .site-detail .inner-box ul > li > div .noplan-btn svg,
.dashbottom-wrap .site-detail .inner-box ul > li > div .edit-upgrade-btn svg,
.dashbottom-wrap .site-detail .inner-box ul > li > div .site-noneScreen svg { fill: #b1b3b7; }
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-info a,
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-favicon a {
    color: #4789e7;
    position: absolute;
    right: 0;
    top: 0;
}
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-favicon .popover.right {
    word-break: break-word;
    max-width: 301px;
    padding:15px;
}
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-favicon .popover.right .popover-content { padding:0; }
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-favicon .popover.right p {
    margin-bottom: 0;
}
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-favicon .popover.right img {
    margin:0;
    margin-bottom: 10px;
}
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-favicon input.site-favicon-upload {
    position: absolute; opacity: 0; width: 50px;
}
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-favicon span.site-favicon-delete {
    position: absolute;
    top: 6px;
    left: 40px;
    display: none;
    cursor: pointer;
}
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-favicon span.site-favicon-delete.on { display: block; }
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-favicon span.site-favicon-delete svg { width: 12px;fill:#ee445f; }
.dashbottom-wrap .site-detail .inner-box ul > li.detail-site-favicon .favicon-img { margin:0; width: 32px; border: 1px solid #dfe0e2; }
.dashbottom-wrap .site-detail .inner-box .isAnalyticsClass,
.dashbottom-wrap .site-detail .inner-box .seoClass {width: auto;}
.dashbottom-wrap .site-detail .inner-box .isAnalyticsClass + div,
.dashbottom-wrap .site-detail .inner-box .seoClass + div  { margin-top: 0;}
.dashbottom-wrap .site-detail .inner-box ul > li .nonused-color svg {fill:#b1b3b7; }
.dashbottom-wrap .site-detail .inner-box ul > li svg {fill:#4789e7; margin-left: 6px;}
.dashbottom-wrap .site-detail .inner-box:before,
.dashbottom-wrap .site-detail .inner-box:after{
    display: table;
    content: '';
    clear: both;
}
.dashbottom-wrap .site-detail .inner-box ul > li label svg { transform: translateY(2px); }
.dashbottom-wrap .site-detail .inner-box ul > li.settings-language {display: none;}
.dashbottom-wrap .site-detail .inner-box ul > li.settings-language label svg { transform: translateY(2px); }

.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li svg.btn-delete { float: right; margin-top: 4px; fill: #ee445f; }
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-edit-save svg,
.dashbottom-wrap .site-detail .inner-box ul > li .registerSaveBtn svg,
.dashbottom-wrap .site-detail .inner-box ul.kakaolink-setting > li .kakaolink-key-save svg { fill: #fff; margin-left: 0; }
.dashbottom-wrap .site-detail .inner-box ul.navermap-setting > li .navermap-key-save svg { fill: #fff; margin-left: 0; }
.dashbottom-wrap .site-detail .inner-box ul.kakaolink-setting .kakaolink-delete svg {fill:#ee445f;}
.dashbottom-wrap .site-detail .inner-box ul.navermap-setting .navermap-delete svg {fill:#ee445f;}

.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-info { display: inline; }
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-info a,
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-info a:hover,
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-info a:focus {
    font-size:13px;
    float: right;
    color: #4789e7;
    text-decoration: none;
    word-wrap: break-word;
}

.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li[data-type="sitemap"] .msetting-info span.msetting-val {
    width: calc(100% - 50px);
    display: inline-block;
}
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li[data-type="sitemap"] .msetting-info .btn-sitemap { /*padding-right:12px;*/ } 
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li[data-type="sitemap"] .msetting-info svg.btn-sitemap { float: right; margin-top: 6px; }

.dashbottom-wrap .site-detail .inner-box ul.kakaolink-setting > li .kakaolink-info > .kakaolink-add { float: right; color: #4789e7; }
.dashbottom-wrap .site-detail .inner-box ul.navermap-setting > li .navermap-info > .navermap-add { float: right; color: #4789e7; }

.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-info a svg,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-nicktext a svg,
.dashbottom-wrap .site-detail .inner-box ul > li.detail-language a svg,
.dashbottom-wrap .site-detail .inner-box ul > li.detail-member a svg {
    transform: translateY(-1px);
} 

.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-edit-box,
.dashbottom-wrap .site-detail .inner-box ul.kakaolink-setting > li .kakaolink-edit-box { 
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.dashbottom-wrap .site-detail .inner-box ul.navermap-setting > li .navermap-edit-box { 
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-edit-box > .input-group > input,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-nicktext > .input-group > input,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-titletext > .input-group > input,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-siteinfotext > .input-group > input,
.dashbottom-wrap .site-detail .inner-box ul.kakaolink-setting > li .kakaolink-edit-box > .input-group > input,
.dashbottom-wrap .site-detail .inner-box ul.navermap-setting > li .navermap-edit-box > .input-group > input {
    padding:0px 10px;
    height:30px;
    border-radius: 0px;
    box-shadow: none;
    color: #676767;
    border : 1px solid #dbdcdf;
    font-size: 14px;
}
.dashbottom-wrap .site-detail .inner-box ul.kakaolink-setting > li .kakaolink-edit-box > .input-group > input {
    padding: 0px 30px 0px 10px;
}
.dashbottom-wrap .site-detail .inner-box ul.navermap-setting > li .navermap-edit-box > .input-group > input {
    padding: 0px 30px 0px 10px;
}
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-edit-box > .input-group .msetting-edit-save,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-nicktext > .input-group .edit-nicksave,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-nicktext > .input-group .edit-nicksave,
.dashbottom-wrap .site-detail .inner-box ul.kakaolink-setting > li .kakaolink-edit-box > .input-group .kakaolink-key-save,
.dashbottom-wrap .site-detail .inner-box ul.navermap-setting > li .navermap-edit-box > .input-group .navermap-key-save {
    padding:3px 9px;
    height:30px;
    width:50px;
    border-radius: 0px;
}

.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-edit-box .msetting-edit-cancel,
.dashbottom-wrap .site-detail .inner-box ul > li .edit-nicktext .edit-nickcancel,
.dashbottom-wrap .site-detail .inner-box ul.kakaolink-setting > li .kakaolink-edit-box .kakaolink-key-cancel,
.dashbottom-wrap .site-detail .inner-box ul.navermap-setting > li .navermap-edit-box .navermap-key-cancel {
    position: absolute;
    cursor: pointer;
    top: 5px;
    right: 60px;
}
.dashbottom-wrap .site-detail .inner-box ul.kakaolink-setting > li.setting-detail-btn span { color:#4789e7;text-decoration: underline; }
.dashbottom-wrap .site-detail .inner-box ul.kakaolink-setting > li > label .popover .popover-content a { color:#4789e7; }

.dashbottom-wrap .site-detail .inner-box ul.navermap-setting > li.setting-detail-btn span { color:#4789e7;text-decoration: underline; }
.dashbottom-wrap .site-detail .inner-box ul.navermap-setting > li > label .popover .popover-content a { color:#4789e7; }

.dashbottom-wrap .site-detail .inner-box ul > li .kakaolink-detail { float: right; width: auto; }
.dashbottom-wrap .site-detail .inner-box ul > li .navermap-detail { float: right; width: auto; }
.simple-switch.language-use,
.simple-switch.kakaolink-use {
    width: 30px !important;
    height: 15px !important;
}
.simple-switch.language-use .simple-switch-label,
.simple-switch.kakaolink-use .simple-switch-label { width: 30px; }
.simple-switch.language-use .simple-switch-handle,
.simple-switch.kakaolink-use .simple-switch-handle {
    width: 13px;
    height: 13px;
    top: 4px;
    left: 4px;
}
.simple-switch.language-use .simple-switch-input:checked ~ .simple-switch-handle,
.simple-switch.kakaolink-use .simple-switch-input:checked ~ .simple-switch-handle {
    left: 19px;
}

[data-mode="no-key"] .simple-switch-label { background: #d6d9dc !important; }
[data-mode="no-key"] .simple-switch-handle { background: #bcbfc2; }


.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-edit-cancel svg,
.dashbottom-wrap .site-detail .inner-box ul.kakaolink-setting > li .kakaolink-edit-box .kakaolink-key-cancel svg,
.dashbottom-wrap .site-detail .inner-box ul.navermap-setting > li .navermap-edit-box .navermap-key-cancel svg,
.dashbottom-wrap .site-detail .inner-box ul > li .editCancel-btn svg { fill: #b1b3b7; }
.dashbottom-wrap .site-detail .inner-box .log-analytitle { margin-left:45px;}
.dashbottom-wrap .site-detail .inner-box ul > li > label {
    min-width: 157px;
    max-width: 157px;
    margin-right: 50px;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.03em;
    color: #222428;
    margin-bottom: 0;
    float: left;
    line-height: normal;
}
.setting-sub-title .popover,
.dashbottom-wrap .site-detail .inner-box ul > li > label .popover {
    letter-spacing: 0em;
    z-index: 10;
}
.dashbottom-wrap .site-detail .inner-box ul > li[data-type="naver-webmaster"] > label .popover {
    z-index: 9999;
}
.dashbottom-wrap .site-detail .inner-box ul > li > span.pub_onoff_btn {
    float:right;
    width: auto;
}
.dashbottom-wrap .site-detail .inner-box span.txt-line-through { text-decoration: line-through; }
.dashbottom-wrap .site-detail .inner-box small.error { color: #ee445f; }
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-info a.editSeo svg {
    margin: 0 6px 0 0;
    transform: translateY(1px);
}
.dashbottom-wrap .site-detail .popover

.dashboard-top-sub .site-detail .inner-box ul > li > span > a,
.dashboard-top-sub .site-detail .inner-box ul > li > a,
.dashboard-top-sub .site-detail .inner-box ul > li > a:hover, 
.dashboard-top-sub .site-detail .inner-box ul > li > a:focus {
    font-size:13px;
    float: right;
    color: #4789e7;
    text-decoration: none;
    word-wrap: break-word;
}
.dashboard-top-sub .site-detail .inner-box ul > li > span > a:before,
.dashboard-top-sub .site-detail .inner-box ul > li > a:before {
    float: right;
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height: 32px;
    content: '\f105';
    color: #4789e7;
    line-height: 1.4;
    margin-left: 7px; 
}
.dashboard-top-sub .site-detail .inner-btn-box { text-align: right; padding:5px 0 20px; }
.dashboard-top-sub .site-detail .inner-btn-box a { text-decoration: none; font-size: 13px; color: #9ba0a7; letter-spacing: -0.03em;}
.dashboard-top-sub .site-detail .inner-btn-box a:hover,
.dashboard-top-sub .site-detail .inner-btn-box a:focus { text-decoration: underline; }
.dashboard-top-sub .site-detail .inner-btn-box a#siteDelete {
    color: #ee445f;
}
.site-delete-wrap {
    padding: 30px 40px;
    text-align: right;
    float: left;
    width: 100%;
    border-top: 1px solid #eeeff0;
    background-color: #fff;
    position: relative;
    display: inline-block;
    margin-top: -1px;
}
.site-delete-wrap a,
.site-delete-wrap a:hover {color:#ee445f;}
.site-delete-wrap svg {fill:#ee445f; transform: translateY(1px); margin-right: 4px;}





/************************ 1.3.1 language(다국어) *******************************/
.dashbottom-wrap .site-detail .inner-box ul > li.detail-language + li > div {height: auto;}
.dashbottom-wrap .site-detail .inner-box ul > li .language-detail {float: right; width: auto; }
.dashbottom-wrap .site-detail .inner-box .add-language {color:#4789e7;float: left; width:100%;margin-top: 7px;}
.dashbottom-wrap .site-detail .inner-box .langTitle {
    margin: 0;
    font-size: 13px;
    color: #b1b3b7;
    float: left;
    width: 100%;
    margin-top: 5px;
}
.dashbottom-wrap .site-detail .inner-box .langTitle.difLangTitle {
    margin-top: 30px;
}
.dashbottom-wrap .site-detail .inner-box .selected-languages li { padding: 10px 0 0 0;}
.dashbottom-wrap .site-detail .inner-box .language-delete {fill:#ee445f;}
.dashbottom-wrap .site-detail .inner-box .language-update {fill:#696c71;}
.dashbottom-wrap .site-detail .inner-box ul > li .subContentsDetail input::-webkit-input-placeholder { color: #b4b4b4; } 
.dashbottom-wrap .site-detail .inner-box ul > li .subContentsDetail input:-moz-placeholder { color: #b4b4b4; } 
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language p {font-size: 14px; color: #696c71; word-break: keep-all;}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language p.cm-notice {
    font-size: 13px;
    color:#ee445f;
    text-align: left;
    margin-bottom: 2px;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language p.cm-notice:last-child {
    margin-bottom: 0;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .addlang-text {word-break: keep-all;}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete hr.divider {margin: 30px auto;}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .top-sub-text strong,
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .agreement-info strong {color:#222428;}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .language-select {
    margin: 30px 0 15px 0;
    text-align: left;
    overflow-y: auto;
    height: 218px;
    border: 1px solid #dbdcdf;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .language-select li { padding: 13px 20px; }
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .language-select li.active { background-color: #f1f6fc; }

.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .modal-footer .ok-button-dialog{ color:#fff;}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .language-select::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border: 5px solid #f3f4f5;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .language-select::-webkit-scrollbar-thumb {
    height: 50px;
    width: 50px;
    background: #d1d3d5; 
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);
    border: 0;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .guide-list {
    float: left;
    width: 100%;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .guide-list li { 
    line-height: 1.4;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .point,
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-p130 .point { color: #ee445f; font-weight: 400; }
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal .site-not-delete strong {display: inline-block;}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal .site-not-delete .mb-10 {margin-bottom: 10px;}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-p70 .site-delete .guide-list li .number-list {
    background-color: #ee445f;
    color: #fff;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    float: left;
    font-size: 12px;
    margin-right: 10px;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .guide-text {
    word-break: keep-all;
    display: inline-block;
    line-height: 1.4;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .top-sub-text + hr {
    margin: 30px 0; 
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .top-sub-text + hr,
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .guide-list + hr {
    border-top: 1px solid #eeeff0;
    float: left;
    width: 100%;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .guide-list + hr {
   margin: 0 0 30px 0; 
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .top-sub-text {word-break: keep-all; margin-bottom: 10px;}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .agreement-info {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    word-break: keep-all;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .agreement-info .point {color:#222428; font-weight: 600;}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .agreement-box { 
    margin: 20px 0 0;
    text-align: center;
    width: 100%;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .agreement-input { 
    border: 1px solid #dbdcdf;
    width: 100%;
    line-height: 2.4;
    padding: 3px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
} 
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-language .site-delete .agreement-box .error { 
    display: none; 
    width: 100%;
    font-family: 'Noto Sans KR','Open sans', 'Tahoma', 'Verdana', 'Trebuchet MS'; 
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 400;
}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-p130.cl-language-delete .modal-footer,
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-p130.cl-site-delete .modal-footer {margin-bottom: 30px;}
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-p130.cl-language-delete .modal-footer .btn.btn-default.close-button-dialog,
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-p130.cl-site-delete .modal-footer .btn.btn-default.close-button-dialog {
    background-color: #4789e7 !important;
    color: #fff !important;
    margin-top: 0;
}
.site-deleting .deleting-info { margin-bottom: 15px; }
.cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-p130 .site-deleting .deleting-info + div .point { color: #4789e7; }
.settings-language .langcinfo { line-height:1.5; display: inline-block;}
.settings-language .langcopy-info { margin:8px 0;display: inline-block;}


.cl-common-modal .modal-default .modal-dialog.dashbord-kakaolink .modal-footer { max-width: 240px !important;margin-bottom:30px !important; }

/************************ 1.3.2 meta 팝업 *******************************/
.cl-metatagSetModal .meta-top { /*margin: 0 0 30px;*/ margin-bottom:30px !important;}
/*.cl-metatagSetModal .op05 {opacity: 0.5; cursor: none;}*/
.cl-metatagSetModal .modal-content.validcheckError .modal-footer .ok-button-dialog,
.cl-metatagSetModal .modal-content.validcheckError .meta-pagesame,
.cl-metatagSetModal .modal-content .meta-pagesame.nonUse .meta-pgapply {opacity: 0.5; cursor: default;}
.cl-metatagSetModal .modal-content.validcheckError .meta-plus {pointer-events: none;}
.cl-metatagSetModal .modal-content.validcheckError .meta-plus,
.cl-metatagSetModal .modal-content.addmeta_disabled .meta-plus {color:#d1d3d5; cursor: auto; }
.cl-metatagSetModal .modal-content.addmeta_disabled .meta-plus {pointer-events: auto;}
.cl-metatagSetModal .modal-content.validcheckError .meta-plus svg,
.cl-metatagSetModal .modal-content.addmeta_disabled .meta-plus svg {fill :#d1d3d5;}

.cl-metatagSetModal #meta-source li input.errorLine {border-color: #ee445f;}
/*.cl-metatagSetModal #meta-source li.nonPoint,
.cl-metatagSetModal #meta-source .meta-plus.nonPoint  {
    pointer-events: none;
}*/
.cl-metatagSetModal #meta-source li input:disabled {
    background-color: transparent !important;
}
.cl-metatagSetModal .meta-top h2 {
    margin:0;
    word-break: keep-all;
    font-size: 14px;
    display: inline-block;
    color: #696c71;
    line-height: 1.4;
    text-align: left;
}
.cl-metatagSetModal .meta-top .list-icon { float: left; margin-right: 5px;}
.cl-metatagSetModal .meta-top .metainfo-text { float: left; width:calc(100% - 10px);}
.cl-metatagSetModal .meta-top .list-icon:nth-child(3),
.cl-metatagSetModal .meta-top .metainfo-text:nth-child(4) {margin-top: 5px;}
.cl-metatagSetModal #meta-source.scrollPadding {
    /*padding-right: 10px;*/
}
.cl-metatagSetModal #meta-source::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border: 5px solid #f3f4f5;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.cl-metatagSetModal #meta-source::-webkit-scrollbar-thumb {
    height: 50px;
    width: 50px;
    background: #d1d3d5; 
    -webkit-border-radius: 8px;
    border-radius: 8px;
    /* -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); */
    border: 0;
}
.cl-metatagSetModal .meta-top a {}
.cl-metatagSetModal .meta-box { width: 100%; text-align: left; }
.cl-metatagSetModal .meta-box #meta-source { /*max-height: 345px; overflow-y: auto;*/ overflow: hidden;}
.cl-metatagSetModal .meta-top .help { 
    color: #4789E7; 
    float: left;
    width: 100%;
    margin-top: 15px; 
    text-align: center;
}
.cl-metatagSetModal .meta-top .help svg {fill:#4789E7; margin-left: 6px; transform: translateY(-1px);}
.cl-metatagSetModal .meta-top .help + .help { margin-left: 7px; }
.cl-metatagSetModal .meta-box label.error {
    margin: 5px 0 0px 0;
    font-weight: 400;
    font-size: 13px;
    float: right;
    width: calc(100% - 120px);
    clear: unset;
}
.cl-metatagSetModal .meta-box label.error.keyError {
    margin-left: 0;
    float: left;
    position: relative;
}
.cl-metatagSetModal .meta-box label.error.keyError svg {
    transform: translateY(-1px);
}
.cl-metatagSetModal .meta-box .error-icon {margin-top:4px; margin-right: 6px;}
.cl-metatagSetModal #meta-source li.per-pagemeta:first-child {margin-top:0px;}
.cl-metatagSetModal .meta-pageSet {border-top: 1px solid #eeeff0;padding-top: 20px;}
.cl-metatagSetModal #meta-source li,
.cl-metatagSetModal #langmeta li {
    margin-top: 10px;
    position: relative;
    width: 100%;
    float: left;
} 
.cl-metatagSetModal #meta-source li input { 
    padding: 0 20px;
    border: 1px solid #dbdcdf;
    height: 40px;
    color: #696c71;    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.cl-metatagSetModal #meta-source li input.key { 
    margin-right: 10px;
    width: 100%;
    display: inline-block;
    color: #696c71;
    max-width: 110px;
}
.cl-metatagSetModal #meta-source li input.val,
.cl-metatagSetModal #meta-source li input.site-meta-title{ 
    width: calc(100% - 120px);
    float: right;
}
.cl-metatagSetModal #meta-source .menu-pagemeta li.addmeta div.meta-cancel { 
    position: absolute;
    right: 10px;
    max-width: unset;
    width: auto;
    top: 0;
}
.cl-metatagSetModal #meta-source li .meta-cancel svg {
    fill: #b1b3b7;
}
.cl-metatagSetModal .meta-language {position: relative; padding-bottom: 20px;}
.cl-metatagSetModal #meta-source li.default > div:not(.tooltip),
.cl-metatagSetModal #meta-source li.addmeta > div:not(.tooltip),
.cl-metatagSetModal .meta-language .langmeta-title {
    max-width: 110px;
    margin-right: 10px;
    display: inline-block;
    color: #696c71;
    line-height: 40px;
    width: 100%;
}
.cl-metatagSetModal #meta-source li.default > i.fa { margin-right: 5px; }
.cl-metatagSetModal #meta-source li.default > span#site-meta-title { 
    max-width: 280px; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    overflow:hidden; 
    display: inline-block; 
    line-height: 1; 
    margin-bottom: -2px;
}
.cl-metatagSetModal #meta-source li.default > div.tooltip { display: inline-block; }
.cl-metatagSetModal #meta-source li.default > div.tooltip .tooltip-inner { max-width: initial; text-align: left; background-color: rgba(0,0,0,0.6); }
.cl-metatagSetModal #meta-source li.description > span.linkguidetext, #meta-source li.metakeyword > span.linkguidetext { 
    margin : 4px 0 0 83px;
    display: inline-block; 
    color:#FF0000;
}
.cl-metatagSetModal #meta-source li.description > span.linkguidetext i.text-limit-img, 
#meta-source li.metakeyword > span.linkguidetext i.text-limit-img { margin-right:6px;}
.cl-metatagSetModal .meta-box > span.linkguidetext { display:block; color:#FF0000;}
.cl-metatagSetModal .meta-box > span.linkguidetext i.text-limit-img { margin-right:6px;}
.cl-metatagSetModal #meta-source .menu-pagemeta { float: left; width: 100%;} 
.cl-metatagSetModal #meta-source li.default .zindex100 { z-index: 100;}
.cl-metatagSetModal #meta-source li.default .zindex10 { z-index: 10;}
.cl-metatagSetModal #meta-source li.per-pagemeta .pagemeta-title { line-height: 40px;}
.cl-metatagSetModal #meta-source li.default .pagemeta-area { 
    position: absolute;
    height: 40px;
    right: 0;
    width: 100%;
    max-width: calc(100% - 100px);
}
.cl-metatagSetModal #langmeta .btn-group .inner-toggle:not(.disabled) {
    background-color: #fff;
    border: 1px solid #dbdcdf;
}
.cl-metatagSetModal .group-wrap#langmeta {top:0;}
.cl-metatagSetModal #meta-source li.default #pagemeta {height:auto;}
.cl-metatagSetModal #meta-source li.default #pagemeta,
.cl-metatagSetModal #langmeta {
    position: absolute;
    height: 40px;
    background-color: #4789e7;
    text-align: left;
    margin-right: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: calc(100% - 120px);
    max-width: none;
    right: 0;
}
.cl-metatagSetModal #meta-source li.default #pagemeta .btn-group,
.cl-metatagSetModal #langmeta .btn-group {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.cl-metatagSetModal .meta-box .btn-group .dropdown-toggle.disabled .inner-toggle,
.cl-metatagSetModal #meta-source li .btn-group .dropdown-toggle.disabled .inner-toggle,
.cl-metatagSetModal #meta-source li.default #pagemeta[disabled] .btn-group .inner-toggle {cursor: unset;}

.cl-metatagSetModal .meta-box .btn-group .dropdown-toggle.disabled .select-menu,
.cl-metatagSetModal #meta-source li.default #pagemeta .btn-group .dropdown-toggle.disabled .select-menu,
.cl-metatagSetModal #meta-source li.default #pagemeta[disabled] .btn-group .select-menu {color:#696c71;}

.cl-metatagSetModal .meta-box .btn-group .dropdown-toggle.disabled svg,
.cl-metatagSetModal #meta-source li.default #pagemeta .btn-group .dropdown-toggle.disabled svg,
.cl-metatagSetModal #meta-source li.default #pagemeta[disabled] .btn-group svg {fill:#696c71;}
.cl-metatagSetModal #meta-source li.default #pagemeta .btn-group .inner-toggle,
.cl-metatagSetModal #langmeta .btn-group .inner-toggle {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    line-height: 40px;
}
.cl-metatagSetModal .group-wrap#langmeta .btn-group .select-lang {color:#696c71;}
.cl-metatagSetModal #meta-source li.default #pagemeta .btn-group .select-menu,
.cl-metatagSetModal #langmeta .btn-group .select-lang {
    margin-left: 20px;
    color: #fff;
}
.cl-metatagSetModal .btn-group.open .dropdown-toggle {box-shadow: none;}
.cl-metatagSetModal .group-wrap#langmeta .inner-toggle svg {fill:#696c71;}
.cl-metatagSetModal #meta-source li.default #pagemeta .inner-toggle svg,
.cl-metatagSetModal #langmeta .inner-toggle svg { 
    position: absolute;
    right: 20px;
    fill: #fff;
    top: 50%;
    transform: translateY(-50%);
}
.cl-metatagSetModal #meta-source li .onclickbox{
    position: absolute;
    display: inline-block;
    height: 34px;
    width: calc(100% - 100px);
}
.cl-metatagSetModal #meta-source li .onclickkey {
    position: absolute;
    display: inline-block;
    height: 34px;
    width: 18%;
}
.cl-metatagSetModal #meta-source li.default.description input[readonly],
.cl-metatagSetModal #meta-source li.default.metakeyword input[readonly],
.cl-metatagSetModal #meta-source li input[readonly].key,
.cl-metatagSetModal #meta-source li input[readonly].val {
    background-color: #f3f4f5; 
    color:#696c71; 
    cursor: default;
}
.cl-metatagSetModal .meta-box .btn-group .dropdown-toggle.disabled,
.cl-metatagSetModal #meta-source li .btn-group .dropdown-toggle.disabled,
.cl-metatagSetModal #meta-source li.default #pagemeta[disabled]{ 
    background-color: #f3f4f5;
    border: 1px solid #dbdcdf;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /* pointer-events: none; */
}
/*.cl-metatagSetModal #meta-source li.default #pagemeta[disabled] .caret {
    border-bottom-color: #000;
    border-top-color: #000;
}*/

.cl-metatagSetModal #meta-source li.default #pagemeta[disabled] .open > .dropdown-menu {display: none;}
.cl-metatagSetModal #meta-source li.default.per-pagemeta ul.dropdown-metamenu,
.cl-metatagSetModal #langmeta ul.dropdown-metalang {
    width: 100%;
    overflow-y: auto;
    max-height: 140px;
    margin-top: 0;
    border: 1px solid #4789e7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: none;
    padding: 0;
}
.cl-metatagSetModal #meta-source li.default.per-pagemeta ul.dropdown-metamenu li:hover,
.cl-metatagSetModal #meta-source li.default.per-pagemeta ul.dropdown-metamenu li:focus,
.cl-metatagSetModal #meta-source li.default.per-pagemeta ul.dropdown-metamenu li:active ,
.cl-metatagSetModal #langmeta ul.dropdown-metalang li:hover,
.cl-metatagSetModal #langmeta ul.dropdown-metalang li:focus,
.cl-metatagSetModal #langmeta ul.dropdown-metalang li:active {
    background-color: #f3f4f5;
}
.cl-metatagSetModal #meta-source li.default.per-pagemeta ul.dropdown-metamenu li span,
.cl-metatagSetModal #langmeta ul.dropdown-metalang li span {
    padding: 0 20px;
    display: inline-block;
    width: 100%;
    line-height: 40px;
}
.cl-metatagSetModal #meta-source li.default li,
.cl-metatagSetModal #langmeta li { background-color:#fff; color:#696c71; margin:0;}
.cl-metatagSetModal .text-centermodal.pagemeta-modal a { color: #4789e7;}
.cl-metatagSetModal #meta-source li.default.per-pagemeta ul.dropdown-metamenu::-webkit-scrollbar,
.cl-metatagSetModal #langmeta ul.dropdown-metalang::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border: 5px solid #f3f4f5;
}
.cl-metatagSetModal #meta-source li.default.per-pagemeta ul.dropdown-metamenu::-webkit-scrollbar-thumb,
.cl-metatagSetModal #langmeta li.default.per-pagemeta ul.dropdown-metalang::-webkit-scrollbar-thumb {
    height: 50px;
    width: 50px;
    background: #d1d3d5; 
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);
    border: 0;
}
.cl-metatagSetModal #meta-source .disN { display:none;}
.cl-metatagSetModal .meta-plus-wrap {
    width: 100%;
    /*float: left;*/
    /*border-bottom: 1px solid #eeeff0;*/
    /*padding: 20px 0 20px 0;*/
    padding-top:20px;
    width:100%;
    text-align: right;
}
.cl-metatagSetModal .meta-plus { 
    font-size: 14px;
    padding: 0;
    min-width: auto;
    /*float: right;*/
    color: #4789e7;
}
.cl-metatagSetModal .meta-plus svg { fill:#4789e7; margin: 6px 2px 0 0;/*margin: 6px 10px 0 0; float: left;*/ }
.cl-metatagSetModal .meta-plus[data-validplan="false"]{color:#d1d3d5; cursor: auto; }
.cl-metatagSetModal .meta-plus[data-validplan="false"] svg {fill :#d1d3d5;}

.cl-metatagSetModal .meta-box > div.btn[data-validplan="false"] {
    background-color: #9B9EA5; 
    border:none;  
    cursor:default;
}
.cl-metatagSetModal .meta-pagesame {
    /*float: left;*/
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.cl-metatagSetModal .meta-pagesame:after { border-bottom: 1px solid #eeeff0;padding-top:20px; content:''; display:block; }
.cl-metatagSetModal .meta-pagesame .meta-pgapply i.fa-check {margin-right:4px;}
.cl-metatagSetModal .meta-pagesame .meta-pgapply { 
    color: #4789e7;
    width: 100%;
    display: inline-block;
    padding: 9px 0;
    border: 1px solid #d1e1f9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.cl-metatagSetModal .error svg {fill:#ee445f; transform: translateY(1px);  margin-right: 6px;}


/************************ 1.3.3 webMaster 도구 *******************************/
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-edit-box .webmaster_name {
    width: 100%;
    float: left;
    left: 0;
    background-color: #fff;
    font-size: 13px;
}
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting#webmaster-setting .msetting-edit-box {
    top: auto;
    transform: translateY(0px);
}
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-edit-box .webmaster_name ~ .msetting-edit-cancel {
    top: 28px;
}

.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li[data-type="daum-webmaster"] > div { height: auto; }
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li[data-type="daum-webmaster"] > .msetting-detail > .msetting-info { padding-top: 4px; display: block; }
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li[data-type="daum-webmaster"] .msetting-val { max-width: 95%; word-break: break-all; float: left; line-height: 1.3; }
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li[data-type="daum-webmaster"] .msetting-val + .webmaster-delete { transform: translateY(-3px); }
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li[data-type="daum-webmaster"] .msetting-edit-box { transform: translateY(-4px)!important; }
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li[data-type="daum-webmaster"] .msetting-edit-box > .input-group > input { padding: 0px 30px 0 10px; }
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li[data-type="daum-webmaster"] .webmaster-add,
.dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li[data-type="daum-webmaster"] .btn-upgrade { margin-top: -4px; }


/************************ 1.3.4 검색 차단 설정 *******************************/
.dashbottom-wrap .site-detail .inner-box ul .blockSearch-onoff-btn {float: right;margin-top: -4px;}




/**/

.adm-easylogin-modal .easylogin-wrap { text-align: left; padding: 0 10px; }
.adm-easylogin-modal .easylogin-wrap > ul { margin-top: 20px; margin-left: 10px; display: inline-block; }
.adm-easylogin-modal .easylogin-wrap > ul > li { position: relative; }
.adm-easylogin-modal .easylogin-wrap > ul > li + li { margin-top: 8px; }
.adm-easylogin-modal .easylogin-wrap > ul > li > label { display: inline-block; width: 75px; margin-right: 3px; font-weight: normal; font-size: 12px; }
.adm-easylogin-modal .easylogin-wrap > ul > li > span.info, 
.adm-easylogin-modal .easylogin-wrap > ul > li > span.error { margin-left: 82px; font-size: 11px; color:#9B9EA5; display: block;}
.adm-easylogin-modal .easylogin-wrap > ul > li > div { display: inline-block; }
.adm-easylogin-modal .easylogin-wrap > ul > li > input { 
    display: inline-block;
    border: none; 
    border-bottom: 1px solid #9B9EA5; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 235px; 
    font-size: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 3px 0;
    height: auto;
}
.adm-easylogin-modal .easylogin-wrap > ul > li ::-webkit-input-placeholder { color:#9B9EA5; font-size: 0.89em; }
.adm-easylogin-modal .easylogin-wrap > ul > li > input:-moz-placeholder { color:#9B9EA5; font-size: 0.89em; }
.adm-easylogin-modal .easylogin-wrap > ul > li > i.fa {
    position: absolute;
    top: 3px;
    right: 8px;
    color: #9B9EA5;
}
.adm-easylogin-modal .easylogin-wrap > ul > li > i.fa.active:before { content: '\f06e'; color: #25272b; }


/******************************** 1.4 공지사항 *********************************/
/******************************************************************************/
.m-site-notice {
    margin-top: 0;
    position: relative;
    text-align: center;
    float: right;
    z-index: 10;
    display: none;
}
.pc-site-notice{
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 15px;
    z-index: 100;
}
.site-notices[data-isUadmin="1"] {display: none}
.site-notices[data-isUadmin=""] { 
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0px 0px;
}
.site-notice a  { 
    font-size: 9px;
    display: block; 
    letter-spacing: 0.1em;
    color: #46505d;
    float: left;
}
.site-notice a:hover,
.site-notice a:focus {
    color: #46505d;
    text-decoration: none;
}
.site-notice .more { float: right; position: relative;}
.site-notice .more .mobile { display: none; margin-top: 7px; font-size: 15px; }
.site-notice .notice {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-align: left; 
    letter-spacing: -0.385px;
    max-width: 230px;
    font-size: 12px;
    margin-bottom: 0;
}
.pc-site-notice .notice,
.pc-site-notice .moreBtn { color: #989ea7; }
.m-site-notice .notice,
.m-site-notice .moreBtn { color: #82888d; }
.site-notice .notice:hover,
.site-notice .notice:focus { text-decoration: underline; }
.site-notice .notice .mobile { color: #2d343e; font-size: 15px; margin-right: 15px; letter-spacing: 0.01em;  }
.site-notice .notice-box { float: left; width: 100%; padding: 0 0 15px 0; }
.site-notice .notice-box:before, .site-notice .notice-box:after { content: ''; clear:both; }
.site-notice .notice .notice-icon { transform: translateY(3px); margin-right: 8px;}
.pc-site-notice .notice .notice-icon { fill:#989ea7;}
.m-site-notice .notice .notice-icon { fill:#82888d;}
.site-notice .moreBtn { font-size: 12px; float: right; }
.site-notice .divider {
    width: 1px;
    height: 15px;
    margin-right: 10px;
    display: inline-block;
    margin: 5px 9px 0 10px;
}
.pc-site-notice .divider { background-color: #989ea7; }
.m-site-notice .divider { background-color: #82888d; }

@media only screen and (max-width: 768px) {
    .pc-site-notice   { display: none; }
}

@media only screen and (max-width: 767px) {
    .m-site-notice    { display: block; }
}


/******************************** 1.5 문의사항 *********************************/
/******************************************************************************/

.site-cts-banner {
    --site-cts-banner: -50px;
    position: fixed;
    bottom: 145px; right: 32px;
    opacity: 0;
    z-index: 200;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); 
    -ms-transform: translateY(0); 
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.site-cts-banner.ready { bottom: 100px; }
.site-cts-banner:not(.ready) { bottom: 166px; }
.site-cts-banner.show { opacity: 1; }
/*.site-cts-banner.up {
    -webkit-transform: translateY(var(--site-cts-banner));
    -moz-transform: translateY(var(--site-cts-banner));
    -ms-transform: translateY(var(--site-cts-banner));
    -o-transform: translateY(var(--site-cts-banner));
    transform: translateY(var(--site-cts-banner));
}*/

.site-cts-banner .shop-guide-button {
    text-align: center;
    margin-bottom: 14px;
    width: 70px;
}
.site-cts-banner .shop-guide-button > svg { fill: black; position: absolute; right: -15px; cursor: pointer; }
.site-cts-banner > a {
    display: inline-block;
    text-align: center;
    -moz-border-radius: 200px;
    overflow: hidden;
    width: 106px;
}

.site-cts-banner > .qna-button { width: 70px; text-align: center; }
.site-cts-banner > .qna-button > svg { fill: black; position: absolute; right: -15px; cursor: pointer; bottom: 60px;z-index: 1; }
.site-cts-banner > a span, .site-cts-banner > .qna-button > a span {
    font-size: 16px;
    color: #4882de;
    position: absolute;
    bottom: -15px;
    width: 100%;
    left: 0;
}
.site-cts-banner > a > img {
    display: inline-block;
    max-width: 100%;
    width: 46px;
}
.site-cts .cts-box {
    font-size: 15px;
    letter-spacing: -0.05em;
    background-color: #4789e7;
    color: #fff;
    padding: 15px;
    display: block;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.site-cts .cts-box:hover,
.site-cts .cts-box:focus {
    color: #fff;
    text-decoration: none;
    background-color: #5894e9;
}
.site-cts .cts-box label {
    color: #2d343e;
    letter-spacing: 0.01em;
    margin-right: 15px;
    margin-bottom: 0; 
    font-weight: normal;
}
.site-cts .cts-box label .fa {
    font-size: 17px;
    margin-right: 6px;
}
.site-cts .cts-box strong {
    font-size: 17px;
    margin-left: 7px;
    margin-right: 7px;
}
.site-cts .cts-box span.none-mobile strong b { font-family: 'Noto Sans KR';/*'Nanum Gothic';*/ }
.site-cts .cts-box .fa {
    font-size: 12px;
}

/**********************************************************************************************************/
/* 2 dashboard-contents [공통]******************************************************************************/
.site-sub-title {
    color: #2d343e;
    font-size:  16px;
    letter-spacing: -0.03em;
    height: 30px;
    margin-bottom: 15px;
}
.site-sub-title .fa { color: #2d343e; font-size: 15px; }


/**********************************************************************************************************/
/* 2.1 dashboard-main > .site-visit [사이트방문자통계]******************************************************/
/*********************************************************************************************************/
.site-visit.maintaining > h3 { font-size:16px; line-height: 12.2; vertical-align: middle; text-align: center; opacity: 0.6; }
@media only screen and (max-width:991px) {
    .site-visit.maintaining > h3 { font-size:15px; line-height: 1.6; }
    .dashboard .site-info {max-width: 100%;}
    .site-info .left {max-width: 308px; width: 100%;}
}
.site-visit,
.site-space {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #dfe3e4;
    background-color: #fff;
    padding: 20px 25px;
    position: relative;
}
.site-visit {
    margin-bottom: 20px;
}
.site-visit .site-sub-title {
    float: left;
}
.site-visit .visit-date { float: right; }
.site-visit .visit-info:before,
.site-visit .visit-info:after { clear: both; }
.site-visit .visit-info  { line-height: 1; float: right; width: 100%; text-align: left;}
.site-visit .visit-info li {
    display: inline-block;
    float: left;
    line-height: 26px;
}
.site-visit .visit-info li:before {
    content: '';
    display: inline-block;
    width: 5px; height: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
    background-color: #556274; 
}
.site-visit .visit-info > li > label,
.site-visit .visit-info > li > span {
    font-size: 13px; 
    line-height: 1;
}
.site-visit .visit-info > li > label {
    color: #a1a7af;
    font-weight: normal;
    margin-bottom: 0;
}
.site-visit .visit-info > li > span {
    color: #556274;
    margin-left: 0;
}
.site-visit .visit-info > li:nth-child(1) > span {
    margin-right: 15px;
}

.site-visit .input-group {
    float: left;
    z-index: 1;
    border: 1px solid #e5e8eb;
}
.site-visit .input-group > input[readonly] {
    position: relative;
    cursor: -webkit-grabbing;
    background-color: transparent;
    cursor: pointer;
    width: 95px; height: 28px;
    line-height: 1.4;
    padding: 5px 8px 5px 8px;
    font-size: 13px;
    color: #a1a7af;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 1;
    text-align: center;
}
.site-visit .input-group:after:not(.smSearchdate) {
    font-family: 'FontAwesome';
    content: '\f073';
    position: absolute;
    top: 3px; right: 6px;
    z-index: 0;
    color: #2d343e;
}
.site-visit .input-group + .fa {
    content: '';
    float: left;
    display: inline-block;
    width: 7px;
    height: 2px;
    background-color: #556274;
    margin: 14px 4px;
}
.site-visit .visit-chart {
    padding-top: 76px;
}
.site-visit .visit-chart > canvas {
    width: 100%;
    height: 142px;
}
.site-visit .analytics-source { 
    position: absolute;
    top: 67px; right: 25px;
    display: inline-block;
}   
.site-visit .analytics-source a {
    font-size: 12px;
    min-width: 60px;
    color: #a1a7af;
    background-color: #ffffff;
    border: 1px solid #e5e8eb;
    padding: 4px 7px;
    text-decoration: none;
    -webkit-transition:ease-in-out 0.2s;
    -moz-transition:ease-in-out 0.2s;
    -ms-transition:ease-in-out 0.2s;
    -o-transition:ease-in-out 0.2s;
    transition:ease-in-out 0.2s;
}
.site-visit .analytics-source a:hover,
.site-visit .analytics-source a:focus {
    color: #ffffff;
    background-color: #a1a7af;
    border: 1px solid #a1a7af;
}

.site-visit .bootstrap-datetimepicker-widget {
    max-width: 218px;
    min-width: 218px;
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    word-break: break-word;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
}
.site-visit .bootstrap-datetimepicker-widget table { width: 100%; text-align: center;}
.site-visit .bootstrap-datetimepicker-widget table th.picker-switch { text-align: center; cursor: pointer; }
.site-visit .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.site-visit .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"] { width: 73%;}
.site-visit .bootstrap-datetimepicker-widget table td.day { line-height: 15px; cursor: pointer;}
.site-visit .bootstrap-datetimepicker-widget table td.active/* ,
.site-visit .bootstrap-datetimepicker-widget table span:hover  */{ background-color: #4789e7; color: #fff; }
.site-visit .bootstrap-datetimepicker-widget table span { padding: 5px 0; float: left; width: 25%; line-height: 1.2; cursor: pointer;}

.site-space {
    display: table;
    width: 100%;
    min-height: 194px;
}
.site-space .space-capacity,
.site-space .space-traffic {
    display: table-cell;
    width: 1%;
    position: relative; 
}
.marketing-setting .fa,
.site-space .site-sub-title .fa,
.detail-sname .fa,
.detail-adm-easylogin .fa {
    color: #a7afb8;
    margin-left: 7px;
    font-size: 15px;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.site-space .site-sub-title .fa.active {
    color: #ee445f;
}
.marketing-setting .popover { max-width: 320px; }
.detail-adm-easylogin .popover { max-width: 330px; }
.detail-adm-easylogin .popover-content { letter-spacing: -0.04em; font-size: 0.96em; }

/**********************************************************************************************************/
/* 2.2 dashboard-main > .site-capacity|| .site-traffic [용량 및 트래픽]****************************************/
/**********************************************************************************************************/
.site-capacity, .site-traffic { text-align: center; }
.space-traffic .site-sub-title span { color: #a1a7af; }
.site-capacity .circles-text > div, .site-traffic .circles-text > div {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.site-capacity.over-limit .circles-text div, .site-traffic.over-limit .circles-text div { color: #f8b2bd; }
.site-capacity + p + .over-box, .site-traffic + p + .over-box { 
    color: #fff;
    cursor: pointer;
    letter-spacing: -0.03em;
    text-align: center;
    position: absolute; 
    left:50%; bottom:0;
    width:  auto;
    min-width: 80%;
    padding: 4px 8px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: rgba(60,68,81,0.6); 
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
}
.site-traffic + p + .over-box { min-width: 90%; }
.site-capacity.over-limit + p + .over-box, .site-traffic.over-limit + p + .over-box { display: block; }

.site-capacity + p + .over-box a, .site-traffic + p + .over-box a { color: #fff; text-decoration: none; }
.site-capacity + p + .over-box a .fa, .site-traffic + p + .over-box a .fa { font-size: 15px; margin-left: 7px; }
.site-capacity .circles-text div > label, .site-traffic .circles-text div > label{
    font-weight: normal;
}
.site-capacity .circles-text div > span.val, .site-traffic .circles-text div > span.val {
    display: inline-block;
    font-size: 12px;
    color: #a1a7af;
    margin-left: 3px;
}
.disk-capacity-trigger, .disk-traffic-trigger { cursor: pointer; }
svg.disk-capacity-trigger { transform: translateY(1px); }
.disk-capacity-trigger.fa-question-circle[data-plan='1'], .disk-traffic-trigger[data-plan='1'] { display: none; }
.disk-traffic-trigger { display: none!important; pointer-events: none!important; } 
.disk-capacity-trigger.fa-exclamation-circle[data-plan='1'] { pointer-events: none; }
.site-sub-title .disk-over-use-info {
    word-wrap: break-word;
    background-color: #fff;
    border:1px solid #e5e8eb;
    margin-top: 5px;
    width: 90%;
    float: right;
}
.site-sub-title .disk-over-use-info .tooltip-inner {
    max-width: 100%;
    float: right;
    white-space: pre-line;
    text-align: left;
    font-size: 13px;
    background-color: #fff;
    color: #797f86;
    padding: 0 10px;
}
.site-sub-title .disk-over-use-info .tooltip-inner p { margin-bottom: 0;}



/* 2.3 .dashboard-main > .main-activity .inbox [메세지관리]***************************************************/
/**********************************************************************************************************/
.inbox { position: relative; }
.inbox .nav-tabs { border-bottom: 0; display: table; width: 100%; }
.inbox .nav-tabs > li { display: table-cell; text-align: center; width: 16.66%; }
.inbox .nav-tabs > li > a {
    height: 78px;
    color: #a1a7af; 
    letter-spacing: -0.03em;
    margin: 0;
    padding: 15px 0;
    line-height: 1.4;
}
.inbox .nav-tabs > li > a:hover,
.inbox .nav-tabs > li > a:focus {
    color: #4192ef;
    border: 1px solid transparent;
    background-color: transparent;
}
.inbox .nav-tabs > li.active > a,
.inbox .nav-tabs > li.active > a:hover, 
.inbox .nav-tabs > li.active > a:focus { 
  cursor: pointer; 
  background-color: #ffffff;
  border: 1px solid #dfe3e4;
  border-bottom: 1px solid #ffffff;
  color: #4192ef;
}
.inbox .nav-tabs > li > a > div.count {
  font-size: 20px;
  font-weight: bold;
}

.inbox .tab-content {
  padding: 0;
  height: 427px;
  overflow: auto;
  width: 100%;
  margin-bottom: 0;
  background-color: #fff;
  border: 1px solid #dfe3e4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.inbox .tab-content.empty {
  padding: 0;
  height: 427px;
}
.inbox .tab-content.not-empty { 
  height: 427px;
}

.inbox .tab-content.not-empty.inbox-ctrls-on {
  border-bottom: none;
  height: 387px;
  word-wrap: break-word;
}
.inbox .mark-read { 
  font-size: 17px; 
  color: #555353; 
}
.inbox .mark-read, .inbox .mark-read:hover, .inbox .mark-read:focus {
  cursor: pointer;
  margin-right: 5px;
}
.inbox .inbox-ctrls {
  padding: 10px 20px 5px;
  background-color: #fff;
  display: none;
}
.inbox .inbox-ctrls.show {
  border: 1px solid #dde1e2;
  -moz-border-radius: 0;
  border-radius: 0;
}
.inbox .see-all {
  font-size: 13px;
  text-decoration: none;
  width: auto;
  display: none;
}
.inbox .see-all.on {
  display: inline-block;
}
.inbox .see-all.on, .inbox .see-all.on:hover, .inbox .see-all.on:focus {
  color: #4789e7;
}
.inbox .mark-all-read:hover, .inbox .mark-all-read:focus {
  text-decoration: underline;
  cursor: pointer;
}

.inbox .inbox-list { position: relative; min-height: 1px; width: 100%; }
.inbox .inbox-list .icon { float: left; padding: 2px 10px 0 20px; line-height: 3; }
.inbox .inbox-list .unread { background-color: #f7f8fc; }
.inbox .list-item.row {
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
}
.inbox .list-item.row + .row {
  border-top: 1px solid #dde1e2;
}

.inbox .user-profile-img { height: 40px; }
.inbox .user-profile-img > svg { width: 40px; height: 40px; }
.inbox .user-profile-img.profile-user svg { width: 35px; height: 35px; }

.inbox .no-updates-list {
  height: 0;
}
.inbox .no-updates-list span {
  display: none;
}
.inbox .tab-content.empty + .no-updates-list {
  position: absolute;
  display: block;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.inbox .no-updates {
  font-size: 13px;
  text-align: center;
  position: relative;
  color: #a1a7af;
  display: none;
  padding: 15px;
}
.inbox .list-content {
  color: #78818a;
  padding: 0 20px 10px 0;
  line-height: 1.4;
  position: relative;
  -webkit-padding-start: 16.666666666666664%;
}
.inbox .list-content .inner-box * { word-break: break-all; }
.inbox .list-content:before
.inbox .list-content:after {
  content: '';
  display: table;
  clear: both;
}
.inbox .list-content .ib-name {
  color: #4c98f0;
  margin-right: 10px;
}
.inbox .list-content a {
  max-width: 64%;
  text-decoration: none;
  color: #78818a;
  cursor: default;
}
.inbox .list-content a[data-url],
.inbox .list-content a[target=_blank] {
  cursor: pointer;
}
.inbox .list-content .list-date {
  color: #aaaaaa;
  font-size: 11px;
  padding: 0 20px 0 0;
  text-align: left;
}
.inbox .list-content .list-date .ib-time {
  float: left; padding: 3px 5px 0 0;
}
.inbox .inbox-list .tooltip-inner {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 360px;
  overflow: hidden;
  text-align: left;
  letter-spacing: -0.035em;
}
/*대시보드 알림창 밑 알림톡 영역*/
.cl-s-talkPayCharge .price-section-paypal {
    color: #222428;
    float: left;
    width: 100%;
    padding: 26px 40px;
    font-size: 18px;
    border-radius: 3px;
    border: solid 1px #eaeaea;
    margin-bottom: 10px;
    line-height: 28px;
}
.cl-s-talkPayCharge .price-section-paypal:hover {
    border-color:#4789e7;
}
.cl-s-talkPayCharge .price-section-paypal .newcheckbox {float: left;margin: 0;}
.cl-s-talkPayCharge .price-section-paypal .newcheckbox label {
    transform: translateY(4px);
}
.cl-s-talkPayCharge .price-section-paypal .newcheckbox span {}






.cl-s-talkPayCharge .price-section:hover {
    border-color: #4789e7;
}
@media screen and (min-width:992px) {
.main-act-top-wrap + .main-kakaotalk-wrap{display: unset!important;}
.site-space + .main-kakaotalk-wrap{display: none!important;}
body .main-input-charge-wrap-en + .main-planchk-second{width: 137px;}
}
@media screen and (max-width:991px) {
.main-act-top-wrap + .main-kakaotalk-wrap{display: none!important;}
.site-space + .main-kakaotalk-wrap{display: unset!important;}
body .main-input-charge-wrap-en + .main-planchk-second{width: auto;}
}

.cl-s-talkPayCharge .warring {
    width: 100%;
    text-align: right;
    float: left;
    color: #ee445f;
    margin-bottom: 34px;
}
.modal-body form {
    float: left;
    width: 100%;
}

.talk-charge-form {
    display: block;
}
.cl-s-talkPayCharge .price-section {
    color: #222428;
    float: left;
    width: 100%;
    padding: 26px 40px;
    font-size: 18px;
    border-radius: 3px;
    border: solid 1px #eaeaea;
    margin-bottom: 10px;
    line-height: 28px;
}
.cl-s-talkPayCharge .price-section .newcheckbox {
    float: left;
    margin: 0;
}
.cl-s-talkPayCharge .price-section .newcheckbox label {
    transform: translateY(4px);
}
.cl-s-talkPayCharge .kakao-talk-box {
    font-size: 14px;
    color: #696c71;
    float: right;
}
.main-kakaotalk-wrap .popover.top{
   left: 14px!Important;
 }

.main-kakaotalk-wrap .popover.top .arrow{
   left: 67px!Important;
 }
.generalkakaotalk-cls .inbox .tab-content.not-empty {
  height: 336px;  
}
.generalkakaotalk-cls{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 510px;
}
@media screen and (max-width:991px) {
.generalkakaotalk-cls{height: unset;}
}
@media screen and (max-width:991px) {
body .main-kakaotalk-wrap .main-input-charge-wrap-en,body .main-kakaotalk-wrap .main-input-charge-wrap {
width: 100px;
}
body .main-kakaotalk-wrap .kakao-responsive-wrap-top{padding-bottom: 8px;padding-top: 0}
body .main-kakaotalk-wrap .main-planchk-second {width:auto;}
body .main-kakaotalk-wrap .main-pc-wrap {
height: unset;
flex-direction: column;
border: unset;
background: unset;
padding:0;
}
body .main-kakaotalk-wrap .main-kt-text {
padding-left:12px;
font-weight: 500;

}
body .main-kakaotalk-wrap .kakao-responsive-wrap-bottom {
margin-bottom:48px;
border-radius: 10px;
flex: unset;
height: 80px;
padding: 20px;
background: #fff;
}
.generalkakaotalk-cls{height: unset;}
}
@media only screen and (min-width: 993px) and (max-width: 1436px){ 
 .generalkakaotalk-cls{height: 517px;}
}

@media screen and (max-width:767px){
body .main-kakaotalk-wrap .main-planchk-first{display: flex;color: #ee445f;
    font-size: 11px;
    line-height: 1.36;
    align-items: center;
    padding-right: 12px;
}
body .main-kakaotalk-wrap .kakao-responsive-wrap-top {
    display: flex;
     flex-wrap: wrap;
    justify-content: space-between;
}    
.main-planchk-second {display: none;}
}
@media screen and (max-width:480px){
    body .main-kakaotalk-wrap .kakao-responsive-wrap-bottom {margin-top: 4px;padding:20px 16px;}
    body .main-kakaotalk-wrap .main-btn-setting {    padding-left: 16px;}
    body .main-kakaotalk-wrap .main-kt-text {padding-bottom: 4px;}
    body .main-kakaotalk-wrap .main-planchk-first {padding-bottom: 4px;padding-left: 12px;}
    body .main-kakaotalk-wrap .kakao-responsive-wrap-top {    padding-bottom: 0;    }

    .cl-s-talkPayCharge .kakao-talk-box {
        font-size: 14px;
        color: #696c71;
        float: left;
    }
    .cl-s-talkPayCharge .price-section .newcheckbox {float:unset;margin-bottom: 5px;}
    .cl-s-talkPayCharge .price-section-paypal .newcheckbox {
        float: unset;
        margin: 0;
        margin-bottom: 10px;
    }
}
@media screen and (max-width:340px){
body .main-kakaotalk-wrap .main-btn-upgrade a {
    
    width: 100px;  
}    
body .main-kakaotalk-wrap .main-btn-upgrade-en a {
        width: 100px;  
}
}

.generalkakaotalk-cls .inbox .tab-content.not-empty.inbox-ctrls-on {
    height: 285px;
}
.generalkakaotalk-cls .inbox .tab-content.not-empty.operator {
    height: 427px!important;
}
.generalkakaotalk-cls .inbox .tab-content.not-empty.inbox-ctrls-on.operator {
    height: 387px!important;
}

.generalkakaotalk-cls .inbox .tab-content.empty {
height: 336px;
}
.main-kakaotalk-wrap .main-pc-wrap  {height: 80px;    display: flex;    background: #ffffff;    padding: 20px 20px 20px 25px;    border-radius: 3px;    border: 1px solid #dfe3e4;}
.main-kakaotalk-wrap .main-planchk-first{display: none;}
.main-kakaotalk-wrap .main-planchk-second{float:left;color: #ee445f;font-size:11px;line-height:1.36;margin-left: 12px;width:122px;}
.main-kakaotalk-wrap .main-kt-text {font-size: 16px;color:#2d343e;}
.main-kakaotalk-wrap .main-input-charge-wrap {width:100px;}
.main-kakaotalk-wrap .main-input-charge-wrap-en {width:80px;}
.main-kakaotalk-wrap .cl-common-form-group{font-size:13px;}
.main-kakaotalk-wrap .cl-common-form-group input {color:#b1b3b7!important;}
.main-kakaotalk-wrap .cm-popover-info {margin-bottom: 2px;    margin-right: 20px;   margin-left: 5px}
.main-kakaotalk-wrap .main-btn-upgrade{background: #4789e7;color: #ffffff;border-radius: 3px;font-size: 14px;}
.main-kakaotalk-wrap .main-btn-upgrade a{display: block;    width: 140px;    text-align: center;    padding: 8px 0px;}
.main-kakaotalk-wrap .main-btn-upgrade-en{background: #4789e7;color: #ffffff;border-radius: 3px;font-size: 14px;}
.main-kakaotalk-wrap .main-btn-upgrade-en a {display: block;    width: 120px;    text-align: center;    padding: 8px 0px;}
.main-kakaotalk-wrap .main-btn-setting svg{vertical-align: middle;}
.main-kakaotalk-wrap .main-btn-setting {padding-left: 20px;}
.main-kakaotalk-wrap .main-btn-float{margin-left: auto;    display: flex;    align-items: center;}
.main-kakaotalk-wrap .kakao-responsive-wrap-top{display: inline-block;padding-top:7px;}
.main-kakaotalk-wrap .kakao-responsive-wrap-bottom{    display: flex;     align-items: center;     flex: 1;}
.main-kakaotalk-wrap .main-kt-text ul li{position: relative;}
.main-kakaotalk-wrap .main-kt-text ul li svg{   position: absolute;top:8px;left:-10px;fill:#696c71;}
.main-kakaotalk-wrap .popover{max-width: 316px;}
.main-kakaotalk-wrap .popover .popover-content {
     padding: 20px 14px 20px 25px;width: 301px;
}
.main-kakaotalk-wrap .br-tag-height{line-height: 60%;}
/* 2.4 사이트 만들기 Modal CSS******************************************************************************/
/**********************************************************************************************************/
.cl-creatSite.modal-default .modal-dialog .modal-body { text-indent: 0; }
.cl-creatSite .form-horizontal .form-group { text-align:left; }
.cl-creatSite .form-horizontal .form-group .input-group {
    margin: 0 0 5px 0; 
    border: 1px solid #dbdcdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.form-control.input-url-box { 
    font-size:13px; 
    color:#696c71; 
    box-shadow: none; 
    -webkit-box-shadow: none; 
    padding: 14px 18px; 
    line-height: 1; 
    height: 46px;
    border : none;
}
.form-control.input-url-box { border-right: none; }
.cl-creatSite .form-control.input-url-box + br { display: none; }
.cl-creatSite .input-group-addon {
    border: none;
    border-left: none;
    color: #696c71;
    font-size: 22px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: none;
    letter-spacing: 0.05em;
}
.input-group-addon.site { 
    -moz-border-radius:0; 
    border-radius: 0; 
    background: none; 
    border-left: none; 
    letter-spacing: 0.05em; 
    color:#696c71; 
    font-size: 21px;
}
.cl-creatSite label { 
    font-size: 18px; 
    letter-spacing: 0.05em; 
    color:#2e3034; 
    line-height: 1.8; 
    margin-top:0; 
    padding-top: 0; 
    padding-bottom: 7px; 
}
#msg_sid.checkmsg {margin-top: 6px;}
#msg_site,
.checkmsg {     
    text-align: left; 
    line-height:1; 
    font-size: 13px; 
    font-weight: 400; 
    letter-spacing: 0; 
    margin-top: 10px
}
.sub-text.site,
.cl-creatSite .sub-text {  
    line-height: 1; 
    margin-top: 15px; 
}
.cl-creatSite .sub-text .point { /* color: #ee445f;  */}
.sub-text.site,
.sub-text.siteCreate { 
    text-align: left; 
    /* color: #ee445f;  */
    font-size: 13px;
    word-break: keep-all;
    line-height: 1.4;
    letter-spacing: -0.6px;
}

.cl-siteclone .modal-title {word-break: keep-all;}
.cl-siteclone .form-horizontal .form-group .input-group {
    margin: 0 0 5px 0; 
    border: 1px solid #dbdcdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.cl-siteclone svg.active .st19 {fill:#fff;}
.cl-siteclone svg .st6 {fill:#fff;}
.cl-siteclone svg .st19 {fill:#dbdcdf;}
.cl-siteclone .cm-popover-info {fill:#c0c3c6;}
.cl-siteclone .input-group-addon.site {
    border : none; 
    border-left: none;
    color: #696c71; 
    font-size:22px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.popover-detail {color:;}
.cl-siteclone #msg_site,
.cl-creatSite #msg_site { text-align: left;}
.cl-siteclone .cm-popover-info {margin-left: 0;}
.sub-text.site .point,
.sub-text.siteCreate .point {display: block; margin-bottom: 8px; line-height: 1.4;}
.cl-siteclone .form-group,
.cl-creatSite .form-group {margin-bottom: 0;}
.cl-siteclone  .form-control.input-url-box:focus + br + .input-group-addon, 
.cl-siteclone .form-control.input-url-box:focus + .input-group-addon {
    border-left: none;
}
.form-control.input-url-box::-webkit-input-placeholder { color: #d1d3d5; } 
.form-control.input-url-box:-moz-placeholder { color: #d1d3d5; }
.form-control.input-url-box:focus + br + .input-group-addon,
/* .form-control.input-url-box:focus,.form-control.input-url-box:focus + .input-group-addon { border-color: #4789e7;} */

/*notice view modal*/
#noticeModal .modal-dialog  { padding-top:5%; width: 500px; }
#noticeModal .modal-dialog .modal-content { -moz-border-radius: 0; border-radius: 0; padding:15px;}
#noticeModal .modal-dialog .modal-body { padding:0 25px 0; color:#25272b; }
#noticeModal .modal-dialog .modal-body .modal-title { margin-top: 30px; margin-bottom: 30px; font-size: 15px; letter-spacing: 0.05em; text-align: center}
#noticeModal .modal-dialog .modal-body .subject {font-family: 'Noto Sans KR','Open sans', 'Tahoma', 'Verdana', 'Trebuchet MS'; font-weight: 900; font-size: 16px; padding-top:10px;}
#noticeModal .modal-dialog .modal-body p { font-family: 'Noto Sans KR','Open sans', 'Tahoma', 'Verdana', 'Trebuchet MS'; margin-bottom:0; font-size: 13px; letter-spacing: -0.5px; }
#noticeModal .modal-dialog .modal-body p img { max-width: 100%; }
#noticeModal .modal-dialog .modal-footer { text-align: center; border-top: none; padding:0 25px 25px; margin-top:23px; }
#noticeModal .modal-dialog .modal-footer .btn { padding:10px 40px; -moz-border-radius:0; border-radius:0;  border:none; color:#fff;}
#noticeModal .modal-dialog .modal-footer .btn-primary { background-color: #2d343e; text-decoration: none; margin-right: 8px; }

/* us-memberList levelButton css */
.level-modal .active { border:none!important; }
.level-btn { margin-right: 15px; margin-bottom: 15px; width:48px; height:48px; border-radius: 50%; border: none; background-color: #eee; font-family: roboto; font-weight: bold; background-color: #f3f4f5; color: #696c71; line-height: 18px!important; }
.level-btn:last-of-type { padding-left: 13px;}
.level-btn:nth-of-type(5), .level-btn:nth-of-type(10){ margin-right:0px; }
.level-btn:nth-child(n + 7){ margin-bottom: 0px; }
.level-btn:hover { background-color: #f1f6fc; }
.member-leave-btn, .member-block-btn, .member-level-btn { opacity: 0.5; }
.member-level-btn { padding: 1px 15px;}

@media (min-width: 1200px) {
  .site-bestSite .container, .creatorlinkqna .container
  {width:946px; padding:0;}
}
@media (min-width: 992px) {
    .dashboard .container {width:946px; padding:0;}
}

@media only screen and (max-width:991px) {
    #noticeModal .modal-dialog  { width: 80%; }
    #noticeModal .modal-dialog .modal-content { padding:20px;}
}
@media only screen and (max-width:768px) {
    #noticeModal .modal-dialog  { padding-top:5%; width:100%; }
}
@media only screen and (max-width:479px) {
    #noticeModal .modal-dialog .modal-body { padding:0 10px 0; }
    .creatSite-modal .input-group-addon { font-size:15px;}
}

/* 2.5 사이트 삭제 및 Modal (상단 toolbar 관련) *************************************************************/
/**********************************************************************************************************/

.modal-default .modal-dialog .modal-body h3.modal-title {
  font-family: 'Noto Sans KR', sans-serif;
  text-align: left;
  padding: 0 25px; 
}
.modal-default .modal-dialog .modal-body h3.modal-title { text-align: center; }
.rv-cancel-paddingedit .modal-title{margin-bottom: 40px!important;}

/* 2.6 스크린샷 모달 ***************************************************************************************/
/**********************************************************************************************************/

.screen-content .screenshotType {
    margin: 0 0 0 14px;
    float: left;
    text-align: left;
    font-size: 14px;
    color: #696c71
}
.screen-content .capture-tooltip {
    float: left;
    margin: 11px 0 0 6px;
    fill: #4789e7;
}
.screen-content .screenshotType .recommendImg { 
    font-size: 12px;
    color: #b1b3b7;
    display: block;
    margin-top: 5px;
}
.modal-default .modal-dialog.cl-cmmodal.cl-p70.cl-screenUpload .modal-content {padding-bottom: 70px}
.screen-content .screen-type:first-child {border : 1px solid #eeeff0;}
.screen-content .screen-type:last-child .newcheckbox { width: 64%;}
.screen-content .screen-type:last-child .screenshotType {margin-top: -10px;}
.screen-content .screen-type {float: left; width: 100%;}
.screen-content .screen-type .newcheckbox { margin: 0; float: left; top: 13px;}
.screen-content .screen-type:last-child .newcheckbox label { top:-3px; }
.screen-content .screen-type span.btn.upload-screen {
    width: 120px;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #dbdcdf;
    background-color: #fff;
    padding: 9px 17px;
    color: #696c71;
    line-height: initial;
    font-size: 14px;
    min-width: 120px;
}
.screen-content .screen-type .upload-screen > svg {
    position: relative;
    float: left;
    fill: #696c71;
    margin: 2px 6px 0 0px;
}
input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer; 
}
.screen-content .screen-type:nth-child(2) { margin-top: 30px;}
.screen-content .screen-type:nth-child(n+2) {     
    padding: 20px;
    height: 80px;
    position: relative;
}
.screen-content .screen-type:last-child {
    border-top: 1px solid #eeeff0;
}
.screen-content:not('.gallery') > .screen-type { padding: 15px 20px 20px; }
.screen-content > .screen-type.disabled { background-color: #ffffff; }
.screen-content > li > .lock-password,
.screen-content > .screen-type > .screen-out,
.screen-content > .screen-type > .screen-inner,
.screen-content > .screen-type > .screen-bookmark,
.screen-content > .screen-type > .screen-menu { padding: 5px 0 5px 40px; }
.screen-content > .screen-type > .screen-bookmark .cm-popover-info { display: inline-block; float: right; padding-top: 2px; }
.screen-content > .screen-type.disabled > div > h5 { color: #9B9EA5; }
.screen-content > li > div > p,
.screen-content > .screen-type > div > p { margin: 0; text-align: left; color: #373737; }
.screen-content > li > div > .fa,
.screen-content > .screen-type > div > .fa { 
    font-size: 21px;
    color:#d1d4d6;
    position: absolute; 
    top: 50%; left: 10px; 
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    -o-transform: translateY(-50%); 
    transform: translateY(-50%); 
}
.screen-content > .screen-type.active > div > .fa { color: #4789e7; }
.screen-fileinput-button {
  position: relative;
}
.screen-fileinput-button input#fileupload {
    position: absolute;
    height:auto;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    left:0;
    bottom:0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 20px;
    direction: ltr;
    cursor: pointer;
}

/*.dashboard-main.lg-right {width: 570px;}*/

@media only screen and (min-width: 768px) {
    .user-dashboard { display:none; }

    .dashboard .site-info .right { padding-left: 0; }

    .site-toolbar .toolbar li + li:not(:empty) { margin-left: 8px; }
    .site-toolbar .toolbar li:nth-child(2) { display: none; }

    .site-cts-banner { display: inline-block; }
    .site-cts { display: none; }
    .site-cts .cts-box { text-align: center; }
    .site-cts .cts-box label { display: none; } 
    .main-activity .site-sub-title { display: none; } 
}
@media only screen and (min-width: 992px) {

    .site-info .left { padding-right: 15px; }

    .dashboard-top-sub { padding-left: 0; padding-right: 0; }
    .dashboard._admin .site-info .right { padding-left: 15px; }

    .dashboard-main.lg-left { padding-left: 0; padding-right: 0; }
    .dashboard-main.lg-right { padding-left: 20px; padding-right: 0; }
}
@media only screen and (min-width: 1200px) {

    .inbox .inbox-list .icon { padding: 0 20px 0 10px; }
    .inbox .list-content { padding:  5px 5px 5px 5px; }
    .inbox .list-content .ib-content a:after { content: ''; clear: right;}
    .inbox .list-content .inner-box { float: left; max-width: 78%; }
    .inbox .list-content .list-date { float: right; text-align: right; padding: 0; line-height: 1.4; vertical-align: bottom; }
    .inbox .list-content .list-date .ib-time { float: none; }

    .site-toolbar .toolbar li a { padding: 10px 15px; min-width: 162px; }
}

@media only screen and (min-width: 1440px) {
    .inbox .inbox-list .icon { padding: 0 15px; }
    .inbox .list-content { padding:  10px 20px 10px 5px; }
    .inbox .list-content .inner-box { float: left; max-width: 84%; }
}
@media only screen and (min-width: 1620px) {
    .inbox .inbox-list .content { width: 70% }
    .inbox .inbox-list .icon { padding:0 25px 0 20px; }
}
@media only screen and (max-width: 1439px ){
    .generalkakaotalk-cls .site-sub-title { margin-bottom: 10px; }
    .generalkakaotalk-cls .main-activity .site-sub-title { margin-bottom: 0; }
  
    .site-visit .visit-info { float: none; clear: both; position: absolute; top: 20px; right: 25px;  width: auto; display: inline-block; }
    .site-visit .site-sub-title { margin-bottom : 0; }
    .site-visit .site-sub-title,
    .site-visit .visit-date { float: none; clear: both; position: relative; margin-top: 3px; display: table; width: 100%; }
    .site-visit .change-date-box { display: table; width: 100%; }
    .site-visit .visit-date .input-group, .site-visit .visit-date .fa { display: table-cell; float: none;}
    .site-visit .visit-date .input-group > input[readonly] { width: 100%; }
    .site-visit .visit-date .fa { text-align: center; min-width: 20px; background-color: transparent;}
    .site-visit .visit-date .fa:before { content: ''; background-color: #556274; display: inline-block; width: 7px; height: 2px; }
    .site-visit .visit-chart { padding-top: 0; padding-bottom: 25px;}
    .site-visit .analytics-source { top: inherit; bottom: 20px; left: 50%; right: inherit; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
    .site-visit .analytics-source  a { border: none; border-bottom: 1px solid #a1a8b0; padding: 0; }
}
@media only screen and (max-width: 1199px) {
    .site-info .right { z-index: 2; }

    .inbox .mark-read, .inbox .mark-read:hover, .inbox .mark-read:focus { margin-top: 5px; }
    .inbox .list-content { -webkit-padding-start: 3.333333333333332%; }
}
@media only screen and (max-width:991px) {
    .site-toolbar { 
        text-align: left;
        float: left;
        width: 100%;
        position: relative;
    }
    .dashboard-select-box { max-width: 100%; }
    #site-select { width: calc(100% - 48px); }
    .site-toolbar .toolbar { margin-top: 30px; margin-bottom: 0;  width: 100%;}
    .site-toolbar .toolbar li { float: left; position: relative; width: calc(50% - 4px);}
    .site-toolbar .toolbar li a { min-width: 100%;}
    .dashboard .site-info .right {width: calc(100% - 308px);}
    .site-toolbar > .site-sub-title[data-href="site-detail"]  { 
        float: none; 
        clear: both; 
        position: relative; 
        top: 0; left:0; 
        text-align: right; 
        padding: 0 0 10px;
        display: block;
        height: auto;
        margin-top: 20px;
        margin-left: 0;
        margin-bottom: 0;
    }
    .site-toolbar > .site-sub-title.active[data-href="site-detail"] { border-bottom: 0; margin-bottom: 0; text-decoration: underline;}

    .site-data { padding-top: 15px; padding-bottom: 0px; }
    .site-notice {  }

    .dashboard-top-sub { padding-top: 0; padding-bottom: 0; } 
    .dashboard-top-sub .site-detail .inner-box { padding: 15px 10px;}
    .dashboard-top-sub .site-detail .inner-box > div > ul > li { position: relative;}
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > label { display: block; }
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > a { position: absolute; bottom: 5px; right: 0; }
    .dashboard-top-sub .site-detail .inner-box > div:nth-child(1) { margin-bottom: 0; }
    .dashboard-top-sub .site-detail .inner-btn-box { padding-bottom: 0; }
    .dashboard-top-sub .site-cts { padding-top: 20px; }

    .site-cts .cts-box label + span { display: block; }
    .site-data .site-url            { max-width: 100%; }
  
    .inbox .list-item.row { min-height: 61px; position: relative; }
    .inbox .list-img { float: left; position: absolute; padding-left: 10px;}
    .inbox .list-img .user-profile-img { float: left; }
    .inbox .list-content { padding: 0 10px 0 55px;}
    .inbox .inbox-list .icon { display: none; }

    .dashboard-top-sub .site-detail .inner-box > div > ul li.detail-nickname {padding:12px 0;}
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .edit-nicktext,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .edit-titletext { margin-left:0px; top:35px; width:100%;} { margin-left:0px; top:35px; width:100%;}
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .edit-nicktext > .input-group > input,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .edit-titletext > .input-group > input { font-size:11px;}
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > span > a,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > a,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > a:hover, 
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > a:focus {
        margin-top: -22px;
    }
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > a { bottom:8px;}
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .google-editBox {
        bottom: 0px;
        right: 0;
    }

    .dashboard-top-sub .site-detail .inner-box > div > ul > li .naver-editBox,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .facebook-editBox {
        width: 78%;
        bottom: 0px;
        right: 0;
    }

    .dashboard-top-sub .site-detail .inner-box .site-right {
        padding-right:20px;
    }
    .dashboard-top-sub .site-detail .inner-box .site-left {
        padding-left:20px;
        padding-right:15px;
    }   

    .dashboard-top-sub .site-detail .inner-box > div > ul > li.detail-language > a.upgrade-btn,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li.detail-member > a.upgrade-btn {
        right:0px;
        position:absolute;
    }
 
}

/* 2.5 사이트 삭제 및 Modal (상단 toolbar 관련) *************************************************************/
/**********************************************************************************************************/
.cl-cmnotice .noticeWrap {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}
.cl-cmnotice .noticeWrap * { font-family: 'Noto sans KR', 'Noto sans', sans-serif;}
.cl-cmnotice .noticeWrap .noticeTitle { 
    font-size: 18px;
    color: #222428;
    font-weight: 600;
    margin: 0;
    letter-spacing: normal;
    line-height: 25px;
}
.cl-cmnotice .noticeWrap .noticeBox {font-size: 14px; color:#696c71;}

.modal-default .modal-dialog.cl-cmmodal.cl-cmnotice.cl-p70 .modal-footer {
    max-width: 240px;
    margin-bottom: 20px;
}

.cl-cmnotice.sslnotice { width:616px !important; max-width: 616px !important; overflow: hidden; }
.cl-cmnotice.sslnotice .modal-content { padding:20px 0px 0px !important; }
.cl-cmnotice.sslnotice .noticeWrap { float: unset; margin:0px; }
.cl-cmnotice.sslnotice .modal-content .modal-body { width:100% !important; max-width: 100% !important; padding:0px 55px !important; }
.cl-cmnotice.sslnotice .noticeWrap .noticeBox {font-size: 14px; color:#696c71; letter-spacing: -0.7px;}
.cl-cmnotice.sslnotice .noticeWrap .noticeBox p.p_title { color:#ee445f; font-size: 16px; letter-spacing: -0.8px; }
.cl-cmnotice.sslnotice .noticeWrap .noticeBox p.p_title:before {
    content:'';
    display: inline-block;
    width:2px;
    height:15px;
    margin-right: 5px;
    background-color:#ee445f;
    transform: translateY(2px); }
.cl-cmnotice.sslnotice .noticeWrap .noticeBox span.p_point { color:#338ae3; }
.cl-cmnotice.sslnotice .modal-content .modal-footer {
    margin:0px !important;
    max-width: 100% !important;
    display: flex;
    border-top: 1px solid #dddddd;
    margin-top:50px !important;
}
.cl-cmnotice.sslnotice .modal-content .modal-footer button {
    background-color: #fff !important;
    color:#696c71 !important;
    border-radius: 0;
    margin-top: 0px !important;
    padding: 14px !important;
}
.cl-cmnotice.sslnotice .modal-content .modal-footer button:nth-child(1) {
    border-right:1px solid #dddddd;
    word-break: keep-all;
    white-space: normal;
}
.cl-cmnotice.sslnotice .noticeWrap .noticeBox .pc { display: block; }
.cl-cmnotice.sslnotice .noticeWrap .noticeBox .mobile { display: none; }
@media only screen and (max-width: 767px) {
    .cl-cmnotice.sslnotice { width:100% !important; max-width: 100% !important; }
    .cl-cmnotice.sslnotice .modal-content { padding-top:30px !important; overflow: hidden !important; }
    .cl-cmnotice.sslnotice .modal-content .modal-body { padding:0px 10px !important; height:100%; }
    .cl-cmnotice.sslnotice .modal-content .modal-footer { position: fixed; bottom:0; }
    .cl-cmnotice.sslnotice .noticeWrap { height: calc(100% - 200px); overflow-y: auto; padding: 0px 5px 0px 10px; }

    .sslnotice .noticeWrap::-webkit-scrollbar {
        right: 1px;
        width: 5px;
        height: 5px;
        border: 5px solid #ffffff;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }
    .sslnotice .noticeWrap::-webkit-scrollbar-thumb {
        height: 50px;
        width: 50px;
        background: #ececec; 
        -webkit-border-radius: 8px;
        border-radius: 8px;
        /* -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); */
        border: 0;
    }
    .cl-cmnotice.sslnotice .noticeWrap .noticeBox .pc { display: none; }
    .cl-cmnotice.sslnotice .noticeWrap .noticeBox .mobile { display: block; }
}


/* m-dashboard-section ,mobile-dashboard-settings */
@media only screen and (max-width: 992px){
    /* .dashboard-section, */ .label-default.label-country {display: none;}
    .dashboard-section { padding-top:18px; background-color:#F5F5F5; font-family: 'Noto sans KR', 'Noto sans';padding-bottom: 0px;}
    .dashboard-section.gabia-mode { padding-bottom: 60px; }
    .inbox-list .list-item .user-profile-img {display: none;}
    .inbox {
        display: block;
        position: relative;
        background-color: #ffffff;
        padding: 0 10px 0 0;
        border-radius: 10px;
        margin-top:3px;
    }
    .inbox .nav-tabs > li > a > div.count,
    .inbox .list-content .ib-name {display: none;}
    .inbox .nav-tabs {display: inline-block; width: auto;}
    .inbox .nav-tabs > li {
        float: none;
        display: block;
        width: 100%;
        border: none;
        border-right: 1px solid #eee;
    }
    .inbox .nav-tabs.inbox-nav > li:first-child > a {
        padding-top: 20px;
        border-radius: 10px 0 0 0;
    }
    .inbox .nav-tabs > li:last-child > a {
        padding-bottom: 20px;
    }
    .inbox .nav-tabs > li > a {
        color: #a1a7af;
        letter-spacing: -0.03em;
        margin: 0;
        line-height: 1.4;
    }
    .inbox .nav-tabs > li.active > a,.inbox .nav-tabs > li.active > a:hover, .inbox .nav-tabs > li.active > a:focus {border-bottom:none;border: 1px solid #fff;}
    .inbox .nav-tabs > li > a,.inbox .nav-tabs > li > a:hover, .inbox .nav-tabs > li > a:focus {
        word-wrap: break-word;
        padding: 0 20px 24px 13px;
        min-height: auto;
        border-bottom: none;
        text-align: left;
    }
    .inbox .nav-tabs > li > a > .type {font-size: 12px;padding-top:4px;color:#222428;}
    .inbox .nav-tabs > li.active > a > .type {padding-top: 4px;}
    .inbox .nav-tabs > li.active > a > .type {color: #458ae8;}
    .inbox .nav-tabs > li.active > a::before {
        content: "";
        width:3px;
        height:24px;
        background-color:#458ae8;
        position: absolute;
        left:0;
    }
    .inbox .tab-content {
        border: none;
    }
    .inbox .tab-content.empty, .inbox .tab-content.not-empty, .inbox .tab-content.not-empty.inbox-ctrls-on {
        float: right;
        width: calc(100% - 96px);
        max-height:219px;
        padding-left:19px;
    }
    .inbox .tab-content.empty[data-lang="ko"],  .tab-content.not-empty[data-lang="ko"],  .tab-content.not-empty.inbox-ctrls-on[data-lang="ko"] {
        padding-left:0;
    }

    .inbox.inbox .inner-box {float:left;width:63%}
    .inbox.inbox .list-date {float:right;padding:0;font-size: 12px;}
    .inbox.inbox .list-date .ib-time {float:none; padding:0; margin-right: 10px;color: #696c71;}
    .inbox .show { border: none;/*  border-top: 1px solid #d1d4d9; */ color: #a1a7af; text-align: center; }
    .inbox .see-all {
        font-size: 13px;
        text-decoration: none;
        width: auto;
        display: none;
    }
    .dashboard-subtitle-wrap {  
        display: block;  
        background-color: inherit;
        position: relative;
        overflow: hidden;
    }
    .main-activity .site-sub-title,
    .site-visit .site-sub-title,
    .lg-left .site-space .dashboard-subtitle-wrap .site-sub-title {
        display: inline-block;
        margin-left:12px;
        font-size: 16px;
        font-weight: 500;
    }
    .inbox-ctrls {
        float: right;
        margin-right: 14px;
    }
    .dashboard-main-box .lg-right {
        background-color: inherit;
        padding: 0 15px 22px 15px;
        margin-bottom: 3px;
    }
    .inbox-ctrls span {
        float:left;
        position: relative;
        font-size: 12px;
        color: #82888d;
    }
    .inbox-ctrls span.mark-all-delete {padding-left:10px; padding-right: 0px;}
    .inbox .list-content{padding:0;}
    .inbox .list-item.row {
        min-height: 44.5px;
        position: relative;
        padding:0;
        padding-top: 24px;
    }
    .inbox .list-item.row.unread {background-color:inherit;}
    .inbox .list-item.row.unread * {color:#4c98f0;}
    .mark-read {display: none;}
    .inbox .list-item.row + .row {border:none;}
    .lg-left {padding:0 15px; background-color: inherit;border-bottom: 0px;}
    .site-visit .site-sub-title,
    .lg-left .site-visit {background-color: inherit; margin-top: 0px;border: none;}
    .lg-left .site-visit .visit-chart {padding-bottom: 0;}
    .lg-left .site-space {
        border-radius: 10px;
        background-color: inherit;
        width: 100%;
        border: none;
    }
    .lg-left .site-space .space-traffic {float: right;}
    .lg-left .site-space .space-capacity {float: left;}

    .lg-left .site-space .space-capacity .sitecaptraffic-title,
    .lg-left .site-space .space-traffic .sitecaptraffic-title {
        font-size: 12px;
        color: #222428;
        bottom: 29px;
        margin-bottom: 2px;
        text-align: center;
        display: block;
    }
  
    .lg-left .site-space .space-capacity,
    .lg-left .site-space .space-traffic {width:50%; border-radius: 0 10px 10px 0;margin-bottom:0px;}
    .lg-left .site-space .site-capacity { border-radius: 10px 0 0 10px;}
    .lg-left .site-space .site-traffic { border-radius: 0 10px 10px 0;}
    .lg-left .site-space .site-capacity, 
    .lg-left .site-space .site-traffic {/* background-color: #fff; padding:28px 13px 55px 13px; */ }
    .site-date-wrap {background-color: #fff;padding: 16px 13px;border-radius: 10px;margin-top:4px;}
    .lg-left .site-space .dashboard-subtitle-wrap .site-sub-title {margin:0 0 4px 12px;}
    .site-visit,.site-space {padding: 0;}
    .site-visit .analytics-source {
        float: right;
        top: 0;
        right: 0;
        left: inherit;
        transform:none;
        margin-right: 14px;
    }
    .site-visit .analytics-source a {background-color:inherit; transform:none; border-bottom: 0;color:#82888d;}
    .site-space .space-capacity .over-box, .site-space .space-traffic .over-box {
        color: #fff;
        cursor: pointer;
        letter-spacing: -0.03em;
        text-align: center;
        position: relative; 
        left:50%; bottom:auto;
        width: 80%;
        min-width: 80%;
        padding: 4px 8px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        background-color: rgba(60,68,81,1); 
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        display: none;
    }
    .site-visit .visit-info {display: none;}
    .sitecaptraffic-title {display: block;}
    .site-space .site-sub-title {display: none;}
    .site-space .site-capacity.over-limit + p + .over-box,
    .site-space .site-traffic.over-limit + p + .over-box {display: block;}
    .space-captraffic {
        background-color: #fff;
        padding:28px 5px 22px 5px;
        position: relative;
        width: 100%;
        overflow: hidden;
        display: block;
        margin-bottom: 24px;
        border-radius: 10px;
    }
    .main-activity .site-on {position: relative;}
    .inbox .inbox-ctrls.show {
        border: none;
        display: inline-block;
        position: absolute;
        top: -34px;
        right: 0;
        background: transparent;
        padding: 0;
    }
    .dashboard:not(._admin) .site-data .site-url #pubhost {
        /*max-width: 300px;*/
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
        display: inline-block;
        /*transform: translateY(4px);*/
    }
    .dashboard:not(._admin) .site-data .site-url.host span {
        flex: 1 !important;
    }
    .dashboard:not(._admin) .site-data .site-url.host .domain-btn.domain.active {
        /*position: absolute;*/
    }
}
@media only screen and (max-width:767px) {
    .dashboard-settings,
    .site-menu {display: none;}
    .dashboard.dashboard_u .container {padding:0;}
    .dashboard, .dashboard-top-sub, .site-bestSite,  .inbox .inbox-list .ib-time { font-family: 'Open Sans','Noto Sans KR'; }
    .dashbottom-wrap .settingMarketing-Dash .mobile-title {border-bottom: 5px solid #eff0f4;}
    .inbox .tab-content.empty + .no-updates-list {top:41%;left:30%;width:60%;}
    .mobile-detail-popup ~ .m-dashboard {display: none;}
    .dashboard {padding:0; background-color: #f5f5f5;}
    body .dashboard._admin_dashboard.dashboard_u {
        padding: 20px 0 0 0;
        background-color: #f5f5f5;
    }

    .dashboard .dashboard-top {float: left; width: 100%; padding-top:15px;}
    .dashboard * {
        font-family: 'Noto sans kr';
    }
    .dashboard .site-info {
        border-radius: 15px;
        position: relative;
    }
    .site-toolbar {display: none;}
    .dashboard .site-info .left .site-img {width:105px; max-width: 105px; margin:3px 0 0 0; float: left;}
    .dashboard .site-info .right { padding: 2px 15px 0 27px;  width: calc(100% - 120px); float: left;} 
    .site-info .left {
        width: 100%;
        max-width: 105px;
        float: left;
        margin-left: 15px;
    }
    .siteInfo-right { 
        display: block;
        float: right;
        width: calc(100% - 120px);
        position: relative;
        padding: 0 0 0 27px;
        margin-right: 15px;
    }
    .dashboard #m-site-select {display: block;}
    .dashboard #site-select {display: none;}
    .dashboard #m-site-select,
    .dashboard #site-select {
        border: 1px solid #acb5c3;
        border-radius: 6px;
        background-color: #fff;
        padding: 3px 14px;
        position: relative;
        width: 100%;
    }
    #site-select .dropdown-menu,
    .site-select-backdrop,
    .site-create-btn {display: none;}
    .dashboard #m-site-select .dropdown-toggle,
    #site-select .dropdown-toggle {
        display: block;
        -webkit-box-shadow: none; 
        box-shadow: none; 
        background-color: #ffffff; 
        border: none; 
        width: 100%; 
        padding:0; 
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .dashboard #m-site-select .dropdown-toggle {
        line-height: normal;
    }
    .dashboard #m-site-select .dropdown-toggle .site-name-pc {
        width: calc(100% - 20px);
        overflow: hidden;
        display: inline-block;
        line-height: normal;
    }
    .dashboard .site-data,
    .site-data .site-url {float: left; width: 100%; max-width: 100% !important;}
    .site-data .site-url {padding:0px 5px;}
    .site-data .site-url label.change-profile,
    .dashboard:not(._admin) .site-data .site-url .site-username {display: none;}
    .dashboard:not(._admin) .site-data .site-url .domain-text-pc {display: none !important;}
    .dashboard:not(._admin) .site-data .site-url #pubhost {
        border-left: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        /*width: 82%;*/
        overflow: hidden;
        /*padding-left: 14px;*/
        /*float: left;*/
        margin-top: 0;
        max-width: none;
        transform: unset;
        width:calc(100% - 20px);
    }
    .dashboard:not(._admin) .site-data .site-url #pubhost a {
        font-size: 13px; 
        color: #82888d;
        width: calc(100% - 10px);
        padding:0px;
        /*padding-left: 20px;*/
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
        display: block;
    }
    .dashboard:not(._admin) .site-data .site-url .domain-btn.domain,
    .dashboard:not(._admin) .site-data .site-url.host .domain-btn.domain {
        box-shadow: none;
        border: none !important;
        /*float: right;*/
        background-color: transparent;
        /*margin: 4px 0 0 0 !important;
        padding: 0 12px 0 0 !important;*/
        margin:0px !important;
        padding:0px !important;
        position: relative !important;
    }
    .dashboard:not(._admin) .site-data .site-url .domain-btn.domain.active {
        padding:0px;
    }
    .dashboard:not(._admin) .site-data .site-url .domain-btn.domain svg {
        display: block;
        fill: #82888d;
    }
    .dashboard:not(._admin) .site-data .site-url .domain-btn.domain.set-domain svg {
        width: auto;
        display: block;
    }
    .dashboard .site-data .site-url svg.ssl-default { /*position: absolute;transform: translateY(1px);*/ }
    .dashboard .site-data .site-publish-info { display: none; }
    .dashboard:not(._admin) .site-data .site-url .domain-btn.domain svg:not(.domain-connect) { display: block; /*position: absolute; right: 0;*/ }
    .dashboard:not(._admin) .site-data .site-url .domain-btn.domain { width: auto; }
    .dashboard #site-select .cl_icon_home {
        color: #222428;
        font-size: 18px;
         margin-right: 7px;
        float: left;
         margin-top: 2px;
    }
    .dashboard #site-select .site-name {
        font-size: 16px;
         display: table-cell;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        width:77%;
        overflow: hidden;
        color: #222428;
        vertical-align: middle;
    }
    .dashboard .site-list-btn {
        border-radius: 50%;
        text-align: center;
        margin-top: 3px;
        position: absolute;
        right:14px;
        top: 0;
    }
    .dashboard .site-selectwrap {
        border: 1px solid #acb5c3;
        border-radius: 6px;
        background-color: #fff;
        padding: 3px 14px;
        position: relative;
    }
    .dashboard .site-list-btn .cl_icon_dropdown02{
        color: #222428;
        font-size: 10px;
    }
    .list-content .inner-box .ib-content {
        overflow: hidden; 
        max-height: 1.8em; 
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 100%;
        font-size: 12px;
        letter-spacing: -0.5px;
        font-weight: 300;
    }
    #m-pubhost {
        margin-top:14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        width:82%;
        overflow: hidden;
        padding-left: 14px;
        float: left;
    }
    #m-pubhost span a {
        color: #82888d;
        font-size: 13px;
    }
    #site-select .domain-btn {
        box-shadow: none;
        padding: 18px 12px 0 0;
        border: none;
        float: right;
    }
    #site-select .domain-btn svg {
        fill: #82888d;
    }

    .site-img { position:relative; max-width:86%;}
    .site-img .img-wrapper {
        position: absolute; 
        top:0; left:0; right: 0;
        padding: 3% 3% 0;
        width: 100%;
    }
    .site-img .img-wrapper .default-shot + .over-box.none-site { 
        font-size:13px;
        position: absolute;
        top:53%; left:50%;
        width: 90%;
        text-align: center;
        background-color: #fff;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-family: 'Noto sans kr';
        line-height:1;
        height: auto;
        overflow: hidden;
        color: #959ca2;  
    }
    .site-img .img-wrapper .site-shot + .over-box.none-site { 
        display: none;
    }
    .site-img .img-wrapper .site-view-btn {
        display:block;
        position: absolute;
        top:5%; left:3%; right:3%;
        height: 95%;
        background-color: rgba(0,0,0,0.7);
        text-align: center;
        opacity: 0;
        z-index:10;
    }
    .site-img .img-wrapper .site-view-btn:hover {
        opacity: 1;
        -webkit-transition: all 0.4s ease; 
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .site-img .img-wrapper .site-view-btn.disabled:hover { opacity: 0; }
    .site-img .img-wrapper .site-view-btn.disabled {
        display: none;
        pointer-events: none;
        cursor: default;
    }

    /*site-list modal*/
    .flat-modal .modal.fade .site-listmodal.modal-dialog {
        transform: translate(0, 5%);
        -webkit-transform: translate(0, 5%);
        -ms-transform: translate(0, 5%);
        padding: 0 15px 15px 15px;
        margin-bottom: 80px;
    }
    .site-listmodal.modal-dialog .modal-content {border-radius: 10px;padding:1px 15px 15px 18px;}
    .site-listmodal.modal-dialog button.close { display: none;}
    .site-listmodal.modal-dialog ul.sitelist-wrap > li {
        position: relative;
        display: block;
        overflow: hidden;
        padding: 18px 0;
        border-bottom: 1px solid #d9d9d9;
    }
    .site-listmodal.modal-dialog ul.sitelist-wrap > li:first-child {
        padding-top:0;
    }
    .site-listmodal.modal-dialog ul.sitelist-wrap > li:last-child {
        padding-bottom:0;
        border-bottom: none;
    }
    .site-listmodal.modal-dialog ul.sitelist-wrap > li .sitelimodal-img {
        width: 80px;
        max-width: 80px;
        margin: 0;
        position: relative;
        float: left;
    }
    .site-listmodal.modal-dialog ul.sitelist-wrap > li .sitelimodal-img .img-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 3% 3% 0;
        width: 100%;
    }
    .site-listmodal.modal-dialog .img-wrapper .site-shot + .over-box.none-site { 
        display: none;
    }
    .site-listmodal.modal-dialog ul.sitelist-wrap > li img {
        position: relative;
        background-color: #fff;
    }
    .site-listmodal.modal-dialog ul.sitelist-wrap > li .over-box {
        position: absolute;
        top:50%;
        width: 94%;
        text-align: center;
        background-color: #fff;
        left: 3%;
        color: #959ca2;
        transform: translateY(-50%);
        line-height: 1.3; 
    }
    .site-listmodal.modal-dialog ul.sitelist-wrap > li .msite-info {
        float: left;
        text-align: left;
        width: 54%;
    }
    .site-listmodal.modal-dialog ul.sitelist-wrap > li .sitelist-name {
        font-size: 19px;
        text-align: left;
        padding: 6px 0 0 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
    }
    .site-listmodal.modal-dialog ul.sitelist-wrap > li .sitelist-validtype {
        font-size:12px;
        display: inline-block;
        padding: 0 0 0 10px;
    }
    .site-listmodal.modal-dialog ul.sitelist-wrap > li .cl-select-site {
        font-size:20px;
        float: right;
        position: relative;
        margin-top: 22px;
        right:11px;
    }
    .site-listmodal.modal-dialog ul.sitelist-wrap > li .cl_icon_unchecked04 {
        color:#a1a7af;
    }
    .site-listmodal.modal-dialog ul.sitelist-wrap > li .cl_icon_checked04,
    .site-listmodal.modal-dialog ul.sitelist-wrap > li .sitelist-validtype.active {    
        color:#4888e9;
    }

    .site-img .img-wrapper .site-view-btn.abled { display: block; } 
    .site-img .img-wrapper .site-view-btn .site-view-btn-wrap {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0; right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
    }
    .site-img .img-wrapper .site-view-btn .site-view-btn-wrap a {
        font-size: 11px;
        letter-spacing: 1px;
        width:100%;
        text-decoration: none;
        color: #ffffff;
        display: block;
    }
    .site-info-top {
        position: relative;
        padding:0 5px 0 0;
        width:100%;
        overflow: hidden;
    }
    .site-validplan-info.validplanfree  {
        position:relative;
        font-size: 12px;
        text-align: center;
        border-radius: 16px;
        background-color: #4789e7;
        color: #fff;
        width: 100%;
        padding: 4px 12px;
    }
    .site-validplan-info.gabiatext {
        text-align: center;
    }
    .site-validplan-info a.btnplan {
        position: relative;
    }

    .site-validplan-info #site-toolbar-uplink {margin-right: 2px;}
    .site-validplan-info { 
        background-color:transparent;
        text-align: left;
        display: inline-block; 
        width: 100%;
        padding: 0;
        border-radius: 0;
        margin-top: 13px;
    }
    .site-validplan-info.validplanpay > .btn {
        color:#458ae8; 
        font-weight: 400; 
        text-align: center;
        box-shadow: none;
        border-radius: 6px;
        box-sizing: border-box; 
        border: none;
        font-size: 13px;
        padding:0;
    }
    .site-validplan-info.validplanpay .validplaninfo {
        margin-right: 6px;
        float: left;
        width: 100%;
        text-align: left;
        padding-top:0;
    }
    .site-validplan-info.validplanpay .validplaninfo .btnpay span {
       float: left; 
    }
    .site-validplan-info.validplanpay .validplaninfo .btnpay .planbtn {float: right; padding-top: 1px;}
    .site-validplan-info.validplanpay .validplaninfo .planbtn svg {fill:#82888d;}

    .site-validplan-info.validplanfree .validplaninfo {
        padding:0;
        border: none;
    }
    .site-validplan-info.validplanfree .validplaninfo .btnpay {
        display: block;
        position: absolute;
        left: 50%;
        top: 49%;
        transform: translate(-50%,-49%);
    }
    .site-validplan-info.validplanfree .validplaninfo .btnpay span {color:#fff;}
    .site-validplan-info.validplanfree .validplaninfo .btnpay > span:not(.cl_icon_arrow03) {float: left;} 
    .site-validplan-info.validplanfree > span {
        position: absolute;
        top: 3px;
        left: 50%;
        transform: translateX(-50%);
    }
    .site-validplan-info.validplanpay > span {color:#4789e7; font-weight: 600;}
    .site-validplan-info.validplanpay #site-toolbar-uplink {
        margin-right:2px; 
        color: #82888d;
        font-weight:400;
        float: left;
    }
    .site-validplan-info.validplanfree .cl_icon_arrow03 {
        position: relative;
        margin-left: 8px;
        color: #fff;
    }
    .site-validplan-info .cl_icon_arrow03 {    
        color: #458ae8;
        font-size:10px;    
        position: absolute;
        right:1px;
        top: 50%;
        transform: translateY(-50%);
    }
    .site-validplan-info .cl_icon_arrow03.upgradelf {
        right: -13px;
        top: 53%;
    }
    .site-validplan-info.validplanpay .span.not_free {}
    .site-validplan-info.validplanpay a.btnpay { margin-right: 12px;}

    .site-info .right {background-color:inherit;}
    .site-cts .cts-box { padding: 10px 0;}
    .m-site-notice { margin-top: 0; float: left; width: 100%;background-color: #fff;} 
    .site-notice .divider {display: none;}
    .site-notice .notice {max-width: 275px;}
    .site-cts .cts-box, .site-cts .cts-box .fa.fa-chevron-right,
    .site-notice .notice, .site-notice .notice .mobile, .site-notice .more .mobile { font-size: 13px; }
    .site-cts .cts-box label + span { 
        text-overflow:ellipsis; 
        white-space:nowrap; 
        overflow:hidden; 
        vertical-align: middle; 
        width: 66%; 
    }
    .site-cts .cts-box label { margin-right: 7px; }
    .site-cts .cts-box label .fa { margin-right: 0; }
    .site-notice .notice .fa.fa-bell { margin-right: 3px; }
    .site-notice .more .mobile { margin-left: 10px; }
    .site-notice .notice-box { padding: 10px 15px; }
    .site-notices[data-isUadmin=""] {
        float: left;
        width: 100%;
        margin: 0 0 15px 0;
        padding: 0;
        background-color: #fff;
    }

    .inbox .nav-tabs > li > a,
    .inbox .nav-tabs > li > a:hover,
    .inbox .nav-tabs > li > a:focus { /* word-wrap: break-word; padding:5px; min-height: 70px; */}
    .inbox .nav-tabs > li > a > .type { /* line-height: 1.2; */ }
    /* .inbox .tab-content.empty,
    .inbox .tab-content.not-empty,
    .inbox .tab-content.not-empty.inbox-ctrls-on { max-height: 312px; } */
    .inbox .inbox-list .icon { display: none; }

    .site-space .space-capacity { margin-bottom: 20px; }
    .site-space .space-capacity, .site-space .space-traffic { display: block; width: 100%;}
    .dashboard-top-sub .site-detail .inner-box > div > ul li.detail-nickname {padding:12px 0;}
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .edit-nicktext > .input-group > input { font-size:11px;}
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > span > a,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > a,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > a:hover, 
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > a:focus {margin-top: -22px; }
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > a { bottom:8px;}

    .dashboard-top-sub .site-detail .inner-box > div > ul > li .google-editBox { width: 60%; bottom: 0px; right: 0; }
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > span > a,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > a,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > a:hover, 
    .dashboard-top-sub .site-detail .inner-box > div > ul > li > a:focus { margin-top: -22px;}
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .facebook-editBox { width: 60%; bottom: 0px;right: 0;}
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .google-useinfo > a.upgrade-btn {
        right:0px;
        top:6px;
        position:absolute;
    }
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .facebook-useinfo > a.upgrade-btn {
        right:0px;
        top:5px;
        position:absolute;
    }
    .dashboard-top-sub .site-detail .inner-box .site-right { padding-right:0px;}
    .dashboard-top-sub .site-detail .inner-box .site-left {padding-left:0px;padding-right:0px; }
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .google-useinfo a.upgrade-btn:before,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .google-useinfo a.upgrade-btn:before,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .facebook-useinfo a.upgrade-btn:before,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .facebook-useinfo a.upgrade-btn:before,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .sname-useinfo a.upgrade-btn:before,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li .sname-useinfo a.upgrade-btn:before,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li.detail-language a.upgrade-btn:before,
    .dashboard-top-sub .site-detail .inner-box > div > ul > li.detail-member a.upgrade-btn:before {
        float: right;
        font-family: 'FontAwesome';
        font-size: 16px;
        line-height: 32px;
        content: '\f105';
        color: #4789e7;
        line-height: 1.2;
        margin-left: 7px; 
    }

    /*dashboard_shopping*/
    .summary-main-title {color:#222428;}
    .dashboard-top-sub .site-detail,
    .dashboard-top-sub .site-cts,
    .dashboard-top-sub .site-notice { padding: 0px; }
    .dashboard-top-sub .site-cts { border-top: 6px solid #eaebf1; border-bottom: 1px solid #e5e8eb; }
    .dashboard-top-sub .site-detail .inner-box > .col-sm-6 + .col-sm-6 { padding-top: 15px; border-top: 1px solid #e5e8eb; }
    .dashboard-top-sub .site-detail .inner-box > div { padding: 0 5px; }
    .dashboard-top-sub .site-detail .inner-btn-box { padding-bottom: 20px;}
    
    .site-cts {display: none;}
    .site-cts .cts-box { color: #2d343e; position: relative; display: block; background-color: transparent; padding: 15px 0; letter-spacing: -0.03em; }
    .site-cts .cts-box:hover,
    .site-cts .cts-box:focus { color: #2d343e; background-color: transparent;}
    .site-cts .cts-box label + span { display: inline-block; color: #93969c;}
    .site-cts .cts-box span.none-mobile { display: none; }
    .site-cts .cts-box .fa.fa-chevron-right { float: right; font-size: 15px; margin-top: 7px;}
            
    .inbox { margin-bottom: 0; }
    

    /** dashboard-marketing/settings ***********************/
    .dashbottom-wrap .site-detail .inner-box ul > li:first-child { height: 80px; }
    .dashbottom-wrap .site-detail .inner-box ul > li > div {float: left; width: 100%;}
    .dashbottom-wrap .dashbottom-container .site-detail {margin-top: 53px;}
    .dashbottom-wrap .marketing-dashboard .setting-sub-box .setting-subInfoBox:first-child .setting-sub-title,
    .dashbottom-wrap .settings-dashboard .setting-sub-box .setting-subInfoBox:first-child .setting-sub-title {margin-top: 25px;}
    .dashbottom-wrap .marketing-dashboard .setting-sub-title,
    .dashbottom-wrap .settings-dashboard .setting-sub-title { max-width: 100%; margin: 0 0 40px 0;}
    .dashbottom-wrap .site-detail .inner-box ul.marketing-setting[data-fn="analytics"] > li[data-type="naver"] { padding-bottom:2px; }
    .dashbottom-wrap .marketing-dashboard .setting-sub-content,
    .dashbottom-wrap .settings-dashboard .setting-sub-content {max-width: 100%;}
    .dashbottom-wrap .site-detail .inner-box ul > li > label {width: 100%; margin-right: 0; margin-bottom: 15px;}
    .dashbottom-wrap .site-detail .inner-box ul > li .pub_lang { width: auto; margin: 0;}
    .dashbottom-wrap .site-detail .inner-box ul > li > span {
        float: left;
        width: 100%;
        position: relative;
    }
    .dashbottom-wrap .site-detail .inner-box ul > li.settings-language .subContentsDetail {margin-bottom: 0;}
    .dashbottom-wrap .site-detail .inner-box .add-language {margin-top: 30px;text-decoration: underline;}
    .dashbottom-wrap .site-detail .inner-box ul .detail-language > span,
    .dashbottom-wrap .site-detail .inner-box ul .language-name,
    .dashbottom-wrap .site-detail .inner-box ul .language-name + span {width: auto; margin-top: 0;}
    .dashbottom-wrap .site-detail .inner-box ul > li #upgrade-language {margin-top: 3px;}
    .dashbottom-wrap .site-detail .inner-box ul > li .language-detail {margin-bottom:-3px; transform: translateY(-2px);}
    .dashbottom-wrap .site-detail .inner-box ul > li:last-child > span,
    .dashbottom-wrap .site-detail .inner-box ul > li:last-child > div {margin-bottom: 0;}
    .dashbottom-wrap .site-detail .inner-box ul > li .subContentsDetail {width: 100%;}
    .dashbottom-wrap .site-detail .inner-box .langTitle + li[data-default="1"] {margin-bottom:30px;}
    .dashbottom-wrap .site-detail .inner-box ul > li.detail-plan .plan-detail {margin-bottom: 23px;}
    
    .site-delete-wrap {padding: 30px 15px 50px;}
    .dashbottom-wrap .site-detail .inner-box ul > li .edit-nicktext,
    .dashbottom-wrap .site-detail .inner-box ul > li .edit-titletext,
    .dashbottom-wrap .site-detail .inner-box ul > li .edit-siteinfotext {top: 50%;}
    .dashbottom-wrap .site-detail .inner-box ul.marketing-setting li span > div {
        display: inline-block;
        width: 100%;
        position: relative;
        margin: 0 0 20px 0;
    }
    .dashbottom-wrap .site-detail .inner-box ul.marketing-setting > li .msetting-edit-box,
    #sname {
        display: inline-block;
        margin: 15px 0 35px 0;
        left: 0;
        top: 0;
    }
    .dashbottom-wrap .site-detail .inner-box ul.marketing-setting#webmaster-setting .msetting-edit-box {transform: unset; margin: 0;}
    .dashbottom-wrap .site-detail .inner-box .isAnalyticsClass + div,
    .dashbottom-wrap .site-detail .inner-box .seoClass + div {float: right; width: calc(100% - 180px);}
    .dashbottom-wrap .site-detail .inner-box ul li:last-child .isAnalyticsClass + div {margin-bottom: 0;}
    .dashbottom-wrap .site-detail .inner-box ul > li:last-child { margin-bottom: 0; }
    .dashbottom-wrap .site-detail .inner-box ul > li:last-child,
    .dashbottom-wrap .site-detail .inner-box ul > li[data-ismainservice='gabia'] { padding-bottom: 0;padding-top:0px;margin-top: 20px; }
    .dashbottom-wrap .site-detail .inner-box ul > li.detail-site-meta > div { position: absolute;top: 0; }

    .dashbottom-wrap .site-detail .inner-box ul > li > span.usekakaolinkText { width: auto; }
    .dashbottom-wrap .site-detail .inner-box .simple-switch.language-use,
    .dashbottom-wrap .site-detail .inner-box .simple-switch.kakaolink-use { right: 3px; }

    .cl-common-modal .modal-default .modal-dialog.cl-cmmodal.cl-p130.dashboard {background-color: transparent;}
    .cl-siteclone .input-group-addon.site,
    .cl-creatSite .input-group-addon {font-size: 18px;}
    .flat-modal.cl-common-modal .modal.fade.in .modal-dialog.dashboard.cl-cmmodal.cl-language  {background-color: transparent;}


    /************************ meta 팝업 *******************************/
    .cl-metatagSetModal #meta-source li.default > div:not(.tooltip) {
        width: 100%;
        float: left;
        max-width: unset;
        line-height: normal;
        margin-bottom: 5px;
    }
    .cl-metatagSetModal .meta-box li label.error {margin-left: 0 !important; float: left;}
    .cl-metatagSetModal #meta-source li.addmeta {margin-top: 20px;}
    .cl-metatagSetModal #meta-source li,
    .cl-metatagSetModal #langmeta li {margin-top:15px;}
    .cl-metatagSetModal .meta-language .langmeta-title {line-height: normal; margin-bottom: 5px;}
    .cl-metatagSetModal #meta-source li.default #pagemeta {margin-bottom: 0;}
    .cl-metatagSetModal #meta-source li:not(.addmeta) input.val,
    .cl-metatagSetModal #meta-source li.default #pagemeta,
    .cl-metatagSetModal .meta-language .langmeta-title,
    .cl-metatagSetModal .group-wrap#langmeta {width: 100%; position: relative;}
    .cl-metatagSetModal .meta-box #meta-source {max-height: 400px;}
    /* 사이트 대표 이미지 팝업 **/
    .screen-content .screen-type:nth-child(n+2) {padding-left: 15px;}
    .screen-content .screenshotType { margin: 0; }
    .screen-content .screen-type:last-child .screenshotType { margin-top: -17px; margin-left: 23px; }
    
}
@media only screen and (max-width:360px) {
    
}

.no-site-text { padding-top:12px; display:block;}
#msg_sname, #msg_sid { color:#ee445f; }
.cl-siteclone #msg_site .error-icon,
#msg_sid .error-icon {fill:#ee445f; margin-right: 6px; transform: translateY(1px);}
.popover { font-size:12px; line-height: 1.6; -moz-border-radius: 3px; border-radius: 3px; }
.popover .popover-content { padding: 10px 12px;word-break: keep-all !important; }
.popover .popover-content a { color: #4789e7; text-decoration: none; }




/*best site CSS***********************************************************************/
.site-bestSite { background-color:#fff;  padding: 80px 0;}
.site-bestSite .title {
  font-family: 'Noto Sans', 'Noto Sans KR';
  font-size: 45px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 30px;
  word-wrap:break-word;
}
.site-bestSite .title.en {
  font-family: 'Open Sans', 'Noto Sans KR';
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.site-bestSite .title + p { 
  color: #878791;
  font-size: 14px;
  letter-spacing: -0.03em;
  margin-bottom: 0;
}
.site-bestSite .title + p > strong {
  color: #2d343e;
}
.site-bestSite .title + p + .btn-box {
  padding-top: 0;
  padding-bottom: 50px;
}
.site-bestSite .title + p + .btn-box a {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.05em;
}

.site-bestSite .bestsite-type { margin-top: 20px; margin-bottom: 50px; }
.site-bestSite .bestsite-type .nav-tabs {
  border-bottom: 0 none;
  display: inline-block;
}
.site-bestSite .bestsite-type .nav-tabs > li + li { margin-left: 50px; }
.site-bestSite .bestsite-type .nav-tabs > li > a { 
  font-family: 'Noto Sans', 'Noto Sans KR';
  font-size: 18px; 
  font-weight: bold;
  color: #a6a6a6;
  border-radius: 0;
  padding: 3px 0;
}
.site-bestSite .bestsite-type .nav-tabs > li > a:hover ,
.site-bestSite .bestsite-type .nav-tabs > li > a:focus {
  border-bottom-width: 2px;
  border-color: transparent;
  background-color: transparent;
}
.site-bestSite .bestsite-type .nav-tabs > li.active > a,
.site-bestSite .bestsite-type .nav-tabs > li.active > a:hover {
  color: #212327;
  border-bottom-width: 2px;
  background-color: transparent;
  border-color: transparent transparent #212327;
}

.site-bestSite a { font-family: "Open SansRaleway","Noto Sans KR", "Nanum Gothic"; font-size: 12px; color: #212327; text-decoration: none; word-wrap:break-word; }
.site-bestSite .bestsite-list .grid { 
  position: relative; 
  margin-bottom: 20px;
  min-height: 270px;
}
.site-bestSite .bestsite-list .grid .img-wrap { 
  position: absolute; 
  top: 0; left: 0; right: 0;
  padding: 50px  90px 0 90px;
}

.site-bestSite .bestsite-list .grid.tablet .img-wrap { padding: 56px  77px 0 85px; }
.site-bestSite .bestsite-list .grid.laptop .img-wrap { padding: 40px  70px 0 70px; }
.site-bestSite .bestsite-list .grid.desktop .img-wrap { padding: 15px  60px 0 60px; }
.site-bestSite .bestsite-list .grid > a > p { color: #999999; margin-bottom: 0; }
.site-bestSite .bestsite-list .grid > a > p > strong { color: #212327; font-weight: normal; }
.site-bestSite .btn-box { padding-top: 15px; }
.site-bestSite .btn-box.mng10_btn {text-align: center;}
.site-bestSite .btn-box .btn,
.site-bestSite .btn-box a { 
  font-size: 14px;
  letter-spacing: 0.02em;
  min-width: 195px;
  padding:16px 30px;
  color:#46505d;
  background-color:transparent;
  border:1px solid #46505d; 
  margin-top: 35px; 
  -moz-border-radius: 0; 
  border-radius: 0; 
  display: inline-block; 
  text-decoration: none; 
  -webkit-transition:ease-in-out 0.5s;
  -moz-transition:ease-in-out 0.5s;
  -ms-transition:ease-in-out 0.5s;
  -o-transition:ease-in-out 0.5s;
  transition:ease-in-out 0.5s;
  position: relative;
}
.site-bestSite .btn-box.mng10_btn a + a { margin-left: 10px; }
.site-bestSite .btn-box .btn.bestsite-loadmore {
  padding: 8px 30px;
  min-width: 110px;
  color: #46505d;
  margin-top: 0; 
  text-align: left;
}
.site-bestSite .btn-box .btn .fa { 
  margin-left: 7px;
  position: absolute;
  top: 19px;
}
.site-bestSite .btn-box .btn.bestsite-loadmore .fa {
  top: 12px;
}
.site-bestSite .btn-box a.active, .site-bestSite .btn-box a:hover, .site-bestSite .btn-box a:focus { 
  color:#fff; 
  background-color:#46505d; 
  -webkit-transition:ease-in-out 0.5s;
  -moz-transition:ease-in-out 0.5s;
  -ms-transition:ease-in-out 0.5s;
  -o-transition:ease-in-out 0.5s;
  transition:ease-in-out 0.5s;
}
.site-bestSite a p { margin-bottom: 0;}


@media only screen and (max-width: 1199px) {
  .site-bestSite .title { font-size: 38px; }
  .site-bestSite .bestsite-list .grid { min-height: 200px; }
  .site-bestSite .bestsite-list .grid.tablet .img-wrap { padding: 47px 68px 0 73px; }
  .site-bestSite .bestsite-list .grid.laptop .img-wrap { padding: 33px 62px 0 62px; }
  .site-bestSite .bestsite-list .grid.desktop .img-wrap { padding: 13px 52px 0 52px; }
}
@media only screen and (max-width: 991px) {
  .site-bestSite .title { margin-bottom: 40px; font-size: 35px; }
  .site-bestSite .bestsite-list .grid { min-height: 180px; }
  .site-bestSite .bestsite-list .grid.tablet .img-wrap { padding: 33px 54px 0 54px; }
  .site-bestSite .bestsite-list .grid.laptop .img-wrap { padding: 25px 50px 0 50px; }
  .site-bestSite .bestsite-list .grid.desktop .img-wrap { padding: 9px  42px 0 42px; }
}
@media only screen and (max-width: 768px) {
  .site-bestSite .bestsite-list .grid.tablet .img-wrap { padding: 14% 20.333% 0 22%; }
  .site-bestSite .bestsite-list .grid.laptop .img-wrap { padding: 10.333% 19.333%; }
  .site-bestSite .bestsite-list .grid.desktop .img-wrap { padding: 4% 16.666%; }
  .site-bestSite .title + p + .btn-box a { font-size: 13px; padding: 8px 25px;}
  .site-bestSite .btn-box .btn.bestsite-loadmore { font-size: 13px; padding: 8px 25px 8px 15px; min-width: 80px; }
  .site-bestSite .btn-box .btn .fa { top: 12px; }
}
@media  only screen and (max-width: 600px) {
    .site-bestSite .bestsite-type .nav-tabs > li { padding: 0 20px; min-width: 130px; }
    .site-bestSite .bestsite-type .nav-tabs > li > a { display: inline-block; padding: 0; margin: 0; }
    .site-bestSite .bestsite-type .nav-tabs > li + li { margin-left: 0; }
    .site-bestSite .bestsite-type .nav-tabs > li:nth-child(even) { margin-left: 10px; } 
    .site-bestSite .bestsite-type .nav-tabs > li:nth-child(3) { clear: both; }
    .site-bestSite .bestsite-type .nav-tabs > li:nth-child(n + 3) { margin-top: 18px; }
}
@media  only screen and (max-width: 479px) {
  .site-bestSite .bestsite-list .grid { min-height: auto; }
  .site-bestSite .bestsite-list .grid.tablet .img-wrap { padding: 14.222% 21% 0 22.666%; }
  .site-bestSite .bestsite-list .grid.laptop .img-wrap { padding: 10.333% 19.999%; }
  .site-bestSite .bestsite-list .grid.desktop .img-wrap { padding: 3.888% 16.999%; }
  .site-bestSite > .container { padding:0 15px; }
  .site-bestSite .container .row .col-xs-6 { width: 100%; }
  .site-bestSite .title { margin-bottom: 20px; font-size: 27px; }
}

/*creatorlinkqna CSS - ***********************************************************************/
/*main content_section3::: creatorlinkqna - START*/
#creatorlinkqna { position: relative; padding: 80px 0; background-color: #eef0f4; }
#creatorlinkqna #qnaaccordion { border-bottom: 1px solid #e5e8eb; }
#creatorlinkqna #qnaaccordion * { text-align: left; }
#creatorlinkqna #qnaaccordion .panel + .panel {
  margin-top: 0;
}
#creatorlinkqna #qnaaccordion .panel.panel-default,
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading, 
#creatorlinkqna #qnaaccordion .panel-default > .panel-body { 
  background-color: transparent;
  border: none transparent;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#creatorlinkqna #qnaaccordion .panel-default:not(:first-child) {
  border-top: 1px solid #e5e8eb;
}
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading {
  padding: 20px 15px 20px 0;
}
#creatorlinkqna #qnaaccordion .panel-default:first-child > .panel-heading { padding-top: 0; }
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading > .panel-title {
  position: relative;
}
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading > .panel-title > a {
  display: block;
  font-family: 'Open Sans', 'Noto Sans KR', 'Nanum Gothic';
  font-size: 20px;
  font-weight: 300; 
  letter-spacing: -0.03em; 
  color: #212327; 
  padding-right: 30px;
  text-decoration: none; 
}
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading > .panel-title > a:after {
  display: inline-block;
  content: '';
  position: absolute;
  top: 5px; right: 5px;
  width: 16px; height: 16px;
  background-image: url(https://storage.googleapis.com/i.addblock.net/icon/fa_intro_creatorlinkqna_plus.png);
  background-position: center center;
  background-repeat: no-repeat;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s; 
}
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading > .panel-title a:not(.collapsed),
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading > .panel-title a:hover,
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading > .panel-title a:focus { color: #4789e7; }
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading > .panel-title a.collapsed { color: #212327; }
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading > .panel-title a:not(.collapsed):after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body {
  font-size: 14px;
  font-weight: 400; 
  letter-spacing: 0.02em; 
  color: #878791; 
  border-top: none transparent;
  padding: 0 15px 20px 0;
}
#creatorlinkqna #qnaaccordion .panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom: none;
}
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol.naver-webmaster-guideline > li,
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol.google-webmaster-guidline > li {
    margin-bottom: 5px;
}
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol { list-style-type: none; counter-reset: item; -webkit-padding-start: 25px;  padding-left: 25px; }
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li { counter-increment: item; position: relative; margin-bottom:17px;}
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li:before { content: counters(item, ".") ". "; position: absolute; top: 0; left: -25px;}
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li.sub-ol:before { content: ''; }
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li.sub-ol > ol { list-style-type: none; counter-reset: item; -webkit-padding-start: 0; padding-left: 0; }
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li.sub-ol > ol > li { counter-increment: item; position: relative; }
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li.sub-ol > ol > li:before { content: counters(item, "-") ". "; position: absolute; top: 0; left: -25px;}
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body img.img-responsive { margin: 10px auto 15px 0; }
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body ul.list-unstyled { margin-left: 20px; }
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body a { color: #4789e7; }
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body p > b { color: #212327; }
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body p.qnanotice {
    background-color: rgba(255,255,255,0.5);
    border-radius: 4px;
    border-left: 5px solid #4789e7;
    padding: 20px 20px 20px 35px;
    position: relative;
}
#creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body p.qnanotice svg {
    fill: #4789e7;
    position: absolute;
    left: 15px;
    top: 25px;
}
#creatorlinkqna .btn-spcenter { 
  font-family: 'Open Sans', 'Noto Sans KR', 'Nanum Gothic';
  display: inline-block;
  margin-top: 20px;
  color: #46505d; 
  font-size: 16px; 
  font-weight: 400; 
  position: relative; 
  text-transform: uppercase;
}
#creatorlinkqna .btn-spcenter:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 8px; right: -15px;
  width: 8px; height: 8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #46505d;
  border-right: 1px solid #46505d;
} 
#creatorlinkqna .btn-spcenter:hover,
#creatorlinkqna .btn-spcenter:focus,
#creatorlinkqna .btn-spcenter:active {
  text-decoration: none;
  color: #4789e7;
}
#creatorlinkqna .btn-spcenter:hover:after,
#creatorlinkqna .btn-spcenter:focus:after,
#creatorlinkqna .btn-spcenter:active:after  {
  border-top-color: #4789e7;
  border-right-color: #4789e7;
}

@media  only screen and (max-width: 640px){
  #creatorlinkqna #qnaaccordion .panel-default > .panel-heading { padding: 15px 0; }
  #creatorlinkqna #qnaaccordion .panel-default > .panel-heading > .panel-title > a { font-size: 17px; padding-right: 20px; }
  #creatorlinkqna #qnaaccordion .panel-default > .panel-heading > .panel-title > a:after { top: 4px; right: 4px; width: 12px; height: 12px; }
  #creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body { line-height: 1.4; font-size: 12px; padding: 0 0 15px 0; }
  #creatorlinkqna .btn-spcenter { font-size: 15px; }
  #creatorlinkqna .btn-spcenter:after { width: 6px; height: 6px; top: 8px; right: -10px; }

  #creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body p.qnanotice { padding: 15px 15px 15px 30px; }
  #creatorlinkqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body p.qnanotice svg { top: 17px; left:12px; }
}
/*main content_section3::: creatorlinkqna - END*/

.check-wrap { text-align:left; font-size: 13px;}
.check-wrap .checkbox { margin:5px 0px;}
.check-wrap .box { 
    padding: 10px 20px;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f7fafd;
    color: #696c71;
}
.modal-default .modal-dialog.cl-cmmodal.cl-siteclone .check-wrap .box + p {margin-bottom: 2px;}
.modal-default .modal-dialog.cl-cmmodal.cl-siteclone .check-wrap .cm-notice svg {margin-right: 0;}
.check-wrap .box .newcheckbox label + span { 
    position: absolute;
    top: -4px;
    margin-left: 10px;
    font-size: 14px;
    color: #696c71;
}

.dashboard-shot { position: relative; background-color:#fff;}
.recom_width {width:56%; line-height: 17px;}
.top-style { top:57%!important;}
.screen-shot-size { max-width: 79% !important; }

.account-link,
.account-link:hover {color:#4789e7; text-decoration: underline;}

.copymodal-btn-box a {
  font-size: 13px;
  color: #fff;
  background-color: #4789e7;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  min-width: 165px;
  padding: 12px;
}

.copymodal-btn-box a:hover {
  color: #fff;
  text-decoration: none;
}
.copymodal-btn-box a .fa { margin-right: 5px; }
.sitecopy-modaltitle { margin-left:-10px;}
.upgradetext-pd { padding-left: 18px;}
.nonused-color { color:#b1b3b7 !important;}
.nonused-color:before { color:#ababab !important;}
.site-menu { border-bottom:1px solid #CCCCCC; background-color:#fff;}
.site-menu ul { padding: 10px 0px 0px; display: flex;}
.site-menu li { display: inline-block; position:relative; padding:0;}
.site-menu li a { padding:10px 15px; font-size:15px; color:#888; min-width:102px; display: block; text-align: center; box-sizing: border-box;}
.site-menu li.active a{border-bottom:3px solid rgb(107,137,231); color:#000;}
.site-menu li:hover:not(.active) a{ border-bottom:3px solid rgba(107,137,231, .15); color:#000;}
.site-menu .container:before, .site-menu .container:after { display:block; content:none;}

.site-detail .hr { width:100%; border-top:1px solid #E0E0E0; margin:40px 0px; }
.site-detail .hr.last-child { margin-bottom: 0px; }


/*site mode ( MY | EDIT )*/
.site-mode {
  border-bottom:1px solid #CCCCCC; 
  background-color:#fff;
  text-align: center;
}
.site-mode ul,
.site-mode ul li { display: inline-block; }
.site-mode li a { 
  padding:11px 20px; 
  font-size:15px; 
  color:#888; 
  min-width:120px; 
  display: block; 
}
.site-mode li.active a { 
  border-bottom:3px solid #4789E7; 
  color:#4789E7;
}

.site-menu .hambager-menu {
  width: 16px;
  padding:0px;
  height:100%;
  position:relative;
  background-color: #fff;
  float:left;
  cursor:pointer;
  margin: 25px 30px 0 10px;
}
.site-menu .hambager-menu span { 
  border: 1px solid #82888d; 
  margin-bottom:4px;
  width:100%;
  float:left;
  height:0px;
  transition:transform 0.3s;
  position:relative;
  top:0px;
}
.site-menu li.shopping:hover .shopping_menu { display: block; }
.site-menu .shopping_menu { 
  display: none; 
  width: 102px;
  float: left;
  position: absolute;
  display: none;
  z-index: 19;
  padding-top:0px;
  border : 1px solid #e7e8ea;
  background-color: rgb(255,255,255);
}
.site-menu .shopping_menu li {padding:0;}
.site-menu .shopping_menu li a {
  border:none; 
  padding-left: 0;
  padding-right: 0;
  min-width: 100px;
  padding: 10px 0;
}
.site-menu .shopping_menu li:hover {background-color:#f8f8f8;}
.site-menu .shopping_menu li:hover a {color:#4886e3;}

/*shopping*/
.shopping-container {width:100%;margin:0 auto;position:relative;}
#shopping-container {display:inline-block;margin-bottom: 40px;}
#m-shopping-container {padding:0px;display:none;margin:0px;}
.statistics-title {width:100%;margin-bottom:20px;display:inline-block;position:relative;z-index:2;}

.main-dot-menu {width:26px;height:6px;position:absolute;cursor:pointer;display:inline-block;right:0px;top:calc(50% + 7px);transform:translateY(-50%);margin-right:15px;}
.main-dot-menu > span {border:3px solid #000;border-radius:50%;float:right;position:relative;top:50%;transform:translateY(-50%);transition:transform 1s;position:absolute;}
.main-dot-menu > span:first-child {left:0px;}
.main-dot-menu > span:nth-child(2) {left:10px;}
.main-dot-menu > span:last-child {right:0px;}

.shopping-sub-title {float:left;margin-left:20px;font-size:18px;color:#3c4450;}

.card-container {width:100%;margin-bottom:40px;overflow:hidden;}
.shopping-dashboard {width:100%;max-width:947px;padding:0 0 0px 0;margin:auto;position:relative;float:none; margin-bottom:0;}
.shopping-card {width:100%;max-width:31.8%;height:182px;float:left;border-radius:5px;padding:35px 35px;cursor:pointer;}
.primary-card {background-color:rgb(112,171,247);margin-right:9.5px;}
.cancel-card {background-color:rgb(255,119,141);margin:0px 9.5px;}
.disabled-card {background-color:rgb(172,182,192);margin-left:9.5px;}

.summary-icon-box {width:50%;float:left;height:100%;position:relative;}
.summary-icon-box > img {position:relative;}
.summary-text-box {width:50%;height:100%;float:left;text-align:left;color:white;}
.summary-text-box > .summary-number {font-size:72px;padding-bottom:10px;height:50%;display:flex;justify-content:center;align-items:flex-end;margin-bottom:5px;}
.summary-text-box > .summary-text {font-size:16px;height:50%;display:flex;justify-content:center;align-items:center;}

.statistics-nav {display:inline-block;float:right;position:relative;z-index:2;}
.statistics-nav > ul {overflow:auto;}
.statistics-nav > ul > li {color:#82888d;float:left;padding:0px 35px 0 0;cursor:pointer;height:20px;line-height:20px; font-size:13px;}
.statistics-nav > ul > li.active {color:rgb(0,0,0);font-weight:bold;}
.statistics-nav > ul > li:hover {color:rgb(0,0,0);font-weight:bold;}
.statistics-nav > ul > li i {font-size:12px;}
.statistics-nav > ul > li:last-child {margin-top:-2px; padding-right: 24px;position:relative;}

.site-visit #site-visit-start-wrap .bootstrap-datetimepicker-widget,
.site-visit #site-visit-end-wrap .bootstrap-datetimepicker-widget,
.site-visit #msite-visit-start-wrap .bootstrap-datetimepicker-widget,
.site-visit #msite-visit-end-wrap .bootstrap-datetimepicker-widget  {cursor:pointer; padding:25px;}

.site-visit #site-visit-start-wrap .bootstrap-datetimepicker-widget,
.site-visit #site-visit-end-wrap .bootstrap-datetimepicker-widget,
.site-visit #msite-visit-start-wrap .bootstrap-datetimepicker-widget,
.site-visit #msite-visit-end-wrap .bootstrap-datetimepicker-widget {
  max-width: 218px;
  min-width: 218px;
  padding: 5px 10px;
  font-size: 12px;
  text-align: center;
  word-break: break-word;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  height:248px !important;
  box-sizing : border-box;
}
.site-visit #site-visit-start-wrap .bootstrap-datetimepicker-widget table thead th:hover,
.site-visit #site-visit-end-wrap .bootstrap-datetimepicker-widget table thead th:hover,
.site-visit #msite-visit-start-wrap .bootstrap-datetimepicker-widget table thead th:hover,
.site-visit #msite-visit-end-wrap .bootstrap-datetimepicker-widget table thead th:hover {
  background: #eeeeee;
  color:#333333 !important;
  padding:3px 5px;
  width:auto;
}
.site-visit #site-visit-start-wrap .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.site-visit #site-visit-end-wrap .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.site-visit #msite-visit-start-wrap .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.site-visit #msite-visit-end-wrap .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover {
  background: #fff;
  color:#333333 !important;
}
.site-visit #site-visit-start-wrap .bootstrap-datetimepicker-widget table td.active ,
.site-visit #site-visit-end-wrap .bootstrap-datetimepicker-widget table td.active,
.site-visit #msite-visit-start-wrap .bootstrap-datetimepicker-widget table td.active ,
.site-visit #msite-visit-end-wrap .bootstrap-datetimepicker-widget table td.active { background-color: #4789e7; color: #fff; }

.site-visit #site-visit-start-wrap .bootstrap-datetimepicker-widget table,
.site-visit #site-visit-end-wrap .bootstrap-datetimepicker-widget table,
.site-visit #msite-visit-start-wrap .bootstrap-datetimepicker-widget table,
.site-visit #msite-visit-end-wrap .bootstrap-datetimepicker-widget table { width: 100%; text-align: center;}

.site-visit #site-visit-start-wrap .bootstrap-datetimepicker-widget table th.picker-switch,
.site-visit #site-visit-end-wrap .bootstrap-datetimepicker-widget table th.picker-switch,
.site-visit #msite-visit-start-wrap .bootstrap-datetimepicker-widget table th.picker-switch,
.site-visit #msite-visit-end-wrap .bootstrap-datetimepicker-widget table th.picker-switch { text-align: center; cursor: pointer; }

.site-visit #site-visit-start-wrap .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.site-visit #site-visit-start-wrap .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.site-visit #site-visit-end-wrap .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.site-visit #site-visit-end-wrap .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.site-visit #msite-visit-start-wrap .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.site-visit #msite-visit-start-wrap .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.site-visit #msite-visit-end-wrap .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.site-visit #msite-visit-end-wrap .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"] { width: 73%;}

.site-visit #site-visit-start-wrap .bootstrap-datetimepicker-widget table td.day,
.site-visit #site-visit-end-wrap .bootstrap-datetimepicker-widget table td.day,
.site-visit #msite-visit-start-wrap .bootstrap-datetimepicker-widget table td.day,
.site-visit #msite-visit-end-wrap .bootstrap-datetimepicker-widget table td.day { line-height: 15px; cursor: pointer;}

.site-visit #site-visit-start-wrap .bootstrap-datetimepicker-widget table span,
.site-visit #site-visit-end-wrap .bootstrap-datetimepicker-widget table span,
.site-visit #msite-visit-start-wrap .bootstrap-datetimepicker-widget table span,
.site-visit #msite-visit-end-wrap .bootstrap-datetimepicker-widget table span { padding: 5px 0; float: left; width: 25%; line-height: 1.2; cursor: pointer;}

.summary-title {
    width: 100%;
    max-width: 947px;
    height: 43px;
    position: relative;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 20px;
}
.summary-main-title {/*width:calc(100% - 118px);*/float:left;font-size:18px;color:#3c4450;}
.shopping-visit-date .bootstrap-datetimepicker-widget {cursor:pointer; padding:27px;}
.shopping-visit-date .bootstrap-datetimepicker-widget {
  max-width: 218px;
  min-width: 218px;
  padding: 5px 10px;
  font-size: 12px;
  text-align: center;
  word-break: break-word;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
}
.shopping-visit-date .bootstrap-datetimepicker-widget table thead th {text-align: center;}
.shopping-visit-date .bootstrap-datetimepicker-widget table thead th:hover {
  background: #eeeeee;
  color:#333333 !important;
  padding:3px 5px;
  width:auto;
}
.shopping-visit-date .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover{
  background: #fff;
  color:#333333 !important;
}
.shopping-visit-date .bootstrap-datetimepicker-widget table td.active { background-color: #4789e7; color: #fff; }
.shopping-visit-date .bootstrap-datetimepicker-widget table { width: 100%; text-align: center;}
.shopping-visit-date .bootstrap-datetimepicker-widget table th.picker-switch { text-align: center; cursor: pointer; }
.shopping-visit-date .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.shopping-visit-date .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"] { width: 73%;}
.shopping-visit-date .bootstrap-datetimepicker-widget table td.day { line-height: 15px; cursor: pointer;}
.shopping-visit-date .bootstrap-datetimepicker-widget table span { padding: 5px 0; float: left; width: 25%; line-height: 1.2; cursor: pointer;}

.shopping-visit-date {float:none;clear:both;margin-top:3px;display:table;width:342px;position:absolute;top:25px;background-color:#fff;padding:9px 25px 22px 25px;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.1);border-radius:5px;display:none;}
.shopping-visit-date .visitdate-close-btn-box { float: right; right: 0; margin-bottom: 7px;}
.shopping-visit-date .change-date-box {display:table;position: relative;left: 50%;transform: translateX(-50%); clear: both;}
.shopping-visit-date .change-date-box > span {float:left;display:inline-block;margin:0px 5px;line-height:25px;font-size:16px;font-weight:bold;}
.shopping-visit-date .change-date-box > .input-group {display:table;border-collapse: separate;border:1px solid #e5e8eb;float:left;}
.shopping-visit-date .change-date-box input {
    position: relative;
    cursor: -webkit-grabbing;
    background-color: transparent;
    cursor: pointer;
    width: 95px;
    height: 28px;
    line-height: 1.4;
    padding: 5px 20px 5px 8px;
    font-size: 12px;
    color: #a1a7af;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 1;
}
.shopping-visit-btn {width:60px;height:30px;background-color:#3c4451;color:white;border:none;margin-left:20px;}
.statistics-container .table-statistics{    border: 1px solid #dfe3e4;}
.table-statistics {width:100%;background-color:rgb(255,255,255);padding:10px 25px;position:relative;z-index:1;}
.table-statistics > table {width:100%;}
.table-statistics > table > thead > tr > th {text-align:center;padding:10px 0px;color:#888888;font-weight:500; font-size: 14px;}/* 
.table-statistics > table > thead > tr > th:nth-child(2) { display: inline-block; margin-left: 50%; transform: translateX(-60%);}
.table-statistics > table > thead > tr > th:nth-child(3) { display: inline-block; margin-left: 50%; transform: translateX(-60%);} */
.table-statistics > table > tbody > tr > td {text-align:center;padding:10px 0px;font-size:18px;}
.table-statistics > table > tbody > tr > td:first-child {font-weight:500; color:#3c4450; font-size: 18px;}
.table-statistics > table > tbody > tr > td {font-size:13px; color:#82888d;}
.table-statistics > table > tbody > tr > td > span {color:rgb(83,138,212);font-size:30.5px;display:inline-block;margin-right:4px;font-weight:bold; margin-left:14px;}

@media only screen and (max-width:992px) {
    .mall-product-detail-wrap {padding-top:0px;}
    .mall-product-detail-container {padding:15px;padding-top:50px;}

    .main-dot-menu {width:auto;height:auto;position:absolute;cursor:pointer;display:inline-block;right:0px;top:25%;margin-right:15px;font-size:13px;color:#82888d;border:none;background-color:transparent;}

    #shopping-container {display:none;}
    #m-shopping-container {display:inline-block;}

    .statistics-title {width:calc(100% - 30px);margin:0px 15px;position:relative;}
    .shopping-sub-title {margin-left:15px;font-size:12pt;}
    #m-shopping-container {padding:0 15px 25px 15px;}
    .m-shopping-dashboard {
        border-radius: 10px;
        position:relative;
        width:100%;
        padding:5px 17px;
        background-color:rgb(255,255,255);
        margin:0px;
        color: #222428;
    }

    #m-480-table-statistics {width:100%;background-color:rgb(255,255,255);padding:10px 0px;font-size:13px;color: #696c71;}
    #m-480-table-statistics > div {width:100%;text-align:right;margin-bottom:10px;}
    #m-480-table-statistics > div > span {display:inline-block;float:left;color:#3e4653;}
    #m-480-table-statistics .totalzero {color:#4789e7;}
    .m-shopping-card {width:100%;overflow:hidden;}
    .m-shopping-card > div {float:left;font-size:13px;height:25px;line-height:50px;}
    .m-shopping-card > .card-img {width:28px;height:25px;}
    .m-shopping-card > .card-img > img {width:100%;height:100%;}
    .m-shopping-card > .card-subject {width:calc(75% - 50px);height:100%;padding-left:18px;color:#3e4653;}
    .m-shopping-card > .card-count {width:25%;height:100%;text-align:center;font-weight:bold;position:relative;font-size:24px;float:right;color: #82888d;}
    .m-shopping-card > .isCount {color:#ff778d;}
    .m-shopping-card > .card-count .cl_icon_arrow03 {font-size:10px; color:#222428; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    .m-shopping-card > .card-count > i {font-size:10pt;color:rgb(0,0,0);display:inline-block;position:absolute;right:0px;top:50%;transform:translateY(-30%);}
    .m-statistics-container {width:100%;background-color:rgb(255,255,255);}
    .m-shopping-date-box {display:none;width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.7);padding:15px;z-index:1300;left:0px;top:0px;}
    .m-shopping-date-box > ul {width:100%;background-color:#fff;position:relative;left:50%;top:50%;transform:translate(-50%, -50%);}
    .m-shopping-date-box > ul > li {width:100%;padding:30px 0px;text-align:center;border-bottom:1px solid #e0e0e0;cursor:pointer;}
    #m-480-table-statistics > div:last-child {margin-bottom: 0;}
    .summary-main-title {
        padding-left:12px;
        font-size: 16px;
        font-weight: 500;
        width: 100%;
        float:none;
        padding-bottom:11px;
        position:relative;
    }
    .summary-main-title span.selectTerm {float: right;font-size:12px; color:#82888d; margin-right: 14px; }

    /*모바일 기간 설정 mselectTerm-modal*/
    .flat-modal .modal.fade .mselectTerm-modal.modal-dialog * {
    font-family: 'Noto Sans', 'Noto Sans KR';
    }
    .flat-modal .modal.fade .mselectTerm-modal.modal-dialog {
        transform: translate(0, 11%);
        -webkit-transform: translate(0, 11%);
        -ms-transform: translate(0, 11%);
        padding-left:26px;
        padding-right: 26px;
    }
    .flat-modal .modal.fade .mselectTerm-modal.modal-dialog h3.modal-title {
        margin-top: 0;
        margin-bottom: 0;
    }
    .mselectTerm-modal.modal-dialog .modal-content {border-radius: 10px;}
    .mselectTerm-modal.modal-dialog button.close { display: none;}
    .mselectTerm-modal.modal-dialog ul.main-dot-menu > li {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #d9d9d9;
    }
    .mselectTerm-modal.modal-dialog .modal-content {padding:0;}
    .mselectTerm-modal.modal-dialog ul.mdashboard-dot-menu {padding:22px 0;}
    .mselectTerm-modal.modal-dialog ul.mdashboard-dot-menu > li:first-child {
        padding-top:0;
    }
    .mselectTerm-modal.modal-dialog ul.mdashboard-dot-menu > li:last-child {
        padding-bottom:0;
        border-bottom: none;
    }
    .mselectTerm-modal.modal-dialog ul.mdashboard-dot-menu > li {
        padding: 23px 0;
        font-size:24px; 
        color:#222228;
        border-bottom: 1px solid #e0e0e0;
    }
    .mselectTerm-modal.modal-dialog ul.mdashboard-dot-menu > li img {
        position: relative;
        background-color: #fff;
    }
    .mselectTerm-modal.modal-dialog ul.mdashboard-dot-menu > li .over-box {
        position: absolute;
        top:28%;
        width: 94%;
        text-align: center;
        background-color: #fff;
        left: 3%;
        color: #959ca2;
    }
    .mselectTerm-modal.modal-dialog ul.mdashboard-dot-menu > li p {
        font-size: 19px;
        text-align: left;
        float: left;
        padding: 16px 0 0 10px;
    }
    .mselectTerm-modal.modal-dialog ul.mdashboard-dot-menu > li .selectbtn {
        width:24px;
        height:24px;
        border-radius: 50px;
        float: right;
        position: relative;
        background-color: #a1a7af;
        margin-top: 22px;
        right: 1%;
    }
    .mselectTerm-modal.modal-dialog ul.mdashboard-dot-menu > li.active .selectbtn {
        background-color: #4888e9;
    }
    .mselectTerm-modal.modal-dialog ul.mdashboard-dot-menu > li .selectbtn input {opacity: 0; cursor:pointer;}
    .mselectTerm-modal.modal-dialog ul.mdashboard-dot-menu > li.active .selectbtn .checkmark {
        background-color: #4888e9;
    }

}

.modal-default .guidePopup.modal-dialog.sclogin-modal .guide-wrap .step p,
.guidePopup.modal-dialog.sclogin-modal .guide-wrap .step #step2 p {margin: 6px 0 70px 0; text-align: left;}
.modal-default .guidePopup.modal-dialog.sclogin-modal .guide-wrap .step .subDetail {margin: 0 0 15px 0;}
.modal-default .guidePopup.modal-dialog.sclogin-modal .guide-wrap .step .subDetail.mt50 {margin-top: 50px;}
.guidePopup.sclogin-modal .guide-wrap .step h3 {margin-bottom: 70px;}
.guidePopup .socialLoginSmallStep {
    margin: 9px 0 70px 0;  
    text-align: left;
    width: 100%; 
    overflow: hidden;
    color: #696c71;
    font-size: 14px;
    word-break: keep-all;
}
.guidePopup .socialLoginSmallStep li {float: left; width: 100%;}
.modal-default .guidePopup.modal-dialog.sclogin-modal .socialLoginSmallStep li:nth-child(4) .guidelistBox {float: right;}
.modal-default .guidePopup.modal-dialog.sclogin-modal .subDetail .guide_important {float: none; margin-right: 0;}
.modal-default .guidePopup.modal-dialog.sclogin-modal .guide_important {margin-right: 5px; float: left;}
.modal-default .guidePopup.modal-dialog.sclogin-modal .guidelistBox { float: left; width: calc(100% - 19px);}
.modal-default .guidePopup.modal-dialog.sclogin-modal .guide-menu ul li {flex: 1 1 auto;}
.modal-default .guidePopup.modal-dialog.sclogin-modal .guide-menu ul div.line.right {left: 100%;}
.mb-0 { margin-bottom: 0px !important; }

@media only screen and (max-width:767px) {
    .modal-default .guidePopup.modal-dialog.sclogin-modal .guide-menu ul li { width: 30%;}
    .modal-default .guidePopup.modal-dialog.sclogin-modal .guide-menu ul div.line.right {left: 100%;}
    .modal-default .modal-dialog.setting-save-notice .modal-footer .btn.close-button-dialog,
    .modal-default .modal-dialog.setting-save-notice .modal-footer .btn.ok-button-dialog,
    .modal-default .modal-dialog .modal-footer .btn,
    .modal-default .modal-dialog .modal-footer .btn + .btn {color:#fff !important;}
    .setting-sub-content .setting-email-smsNum-select.setting-common-select.common-selectbox > .bootstrap-select .btn.btn-default,
    .setting-sub-content .setting-common-select.common-selectbox > .bootstrap-select .btn.btn-default {max-width: 100%;}
    .site-bestSite .btn-box.mng10_btn a + a { margin: 10px 0px 0px; }
}


/* 도메인 미연결시 설정안내 팝업 **************************************************************************************************************** */
.cl-common-modal .modal-default#domainSetModal .cl-cmmodal.noActive-domain-check .modal-content {
    padding-bottom: 70px;
}
.cl-common-modal .cl-cmmodal.noActive-domain-check .domain_cnt { color:#4789e7; }
.cl-common-modal .cl-cmmodal.noActive-domain-check p { margin: 0; font-size: 16px;}
.cl-common-modal .cl-cmmodal.noActive-domain-check .modal-title ~ p:not(.conn-help-link) { margin-bottom: 5px; }
.cl-common-modal .cl-cmmodal.noActive-domain-check .modal-title ~ p.conn-help-link {color:#4789e7;}
.cl-common-modal .cl-cmmodal.noActive-domain-check .domain-icon-arrow svg {fill: #4789e7;} 

.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists {
    margin-top: 36px;
    margin-bottom: 10px;
    border-top: 1px solid #eeeff0;
    float: left;
    width: 100%;
}
.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .noActive-info {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eeeff0;
    padding: 23px 20px;
    display: flex;
    align-items: start;
}
.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .title { width: 100%; max-width: 190px; text-align: left; font-size: 16px; color: #222428;}
.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status { width: 100%; max-width: calc(100% - 190px); }
.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li {
    padding: 0 16px 0 70px;
    text-align: left;
    display: flex;
    align-items: start;
}

.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li .list-title { 
    width: 100%; 
    max-width: calc(100% - 70px); 
    text-align: left; 
    color: #9d9fa4;
}
.cl-common-modal [data-lang="en"] .cl-cmmodal.noActive-domain-check .noActive-lists .status li .list-title {max-width: calc(100% - 81px); }
.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li .list-status { display: flex; align-items: center; justify-content: center;}
.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li[data-status="none"] .status-color {background-color: #ee445f;}
.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li[data-status="active"] .status-color {background-color: #4789e7;}
.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li[data-status="wait"] .status-color {background-color: #ff9100;}
.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li .status-color {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}
.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li .status-text {font-size: 13px;}
.cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li.ssl {margin-top: 10px;}


@media only screen and (max-width:991px) {
    .cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .noActive-info {display: block;}
    .cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .title {max-width: 100%;}
    .cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status {max-width: 100%; margin-top: 15px;}
    .cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li {padding: 0;}
    .cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li.ssl {margin-top: 7px;}
}

@media only screen and (max-width:767px) {
    .cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .noActive-info {padding: 10px 15px;}
    .cl-common-modal .cl-cmmodal.noActive-domain-check .modal-title ~ p {font-size: 13px;}
    .cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists {margin-top: 60px; margin-bottom: 0;}
    .cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status {margin-top: 10px;}
    .cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li .list-title {font-size: 13px;}
    .cl-common-modal .cl-cmmodal.noActive-domain-check .noActive-lists .status li.ssl {margin-top: 10px;}
    .cl-common-modal .modal-default .cl-cmmodal.noActive-domain-check.modal-dialog.cl-cmmodal .modal-content .modal-title {margin-bottom: 30px;}
    .cl-common-modal .cl-cmmodal.noActive-domain-check .domain-icon-arrow svg {width: 10px; height: 10px;} 
}


/* 카카오싱크 가이드 */
.guidePopup.kakaosync-guide-modal p,
.guidePopup.kakaosync-guide-modal ul { text-align: left; word-break: normal!important; }
.guidePopup.kakaosync-guide-modal .step-point { color: #4789e7; font-weight: bold; }

.modal-default .guidePopup.modal-dialog .guide-wrap.ksync .step p { margin: 40px 0 15px 0; }