/* ------------------------------ USER STYLE  2016.11.29 ------------------------------ */

/* Layout */
p { margin: 0 0 10px 0; }
.page-wrap { width: 100%; max-width: 992px; margin: 80px auto 50px; padding: 0 20px; }
.input-field { margin-top: 30px; }

/* ------------------------------ Main ------------------------------ */
/* Event Slider */
.slider .indicators .indicator-item { background-color: #c1c1c1; opacity: 0.8; }
.slider .indicators .indicator-item.active { background-color: #414141; }
.slider-main-title { font-size: 32px; font-weight: bold; }
.slider-sub-title { font-size: 24px; }
.slider-sub-desc { font-size: 18px; }
.slider .slides li .slide-con .btn-slide { font-size: 16px; font-weight: normal; background-color: #414141; border-radius: 0; box-shadow: 0 0 0 0; }
/* Slider 01 */
.slider .slides li:first-child { background: #fafafa; }
.slider .slides li:first-child .caption { background-color: rgba(255,255,255,0.1); }
.slider .slides li:first-child .slider-main-title { color: #414141; }
.slider .slides li:first-child .slider-sub-title { color: #414141; }
.slider .slides li:first-child .slider-sub-desc { color: #414141; }
/* Slider 02 */
.slider .slides li:nth-child(2) .slider-main-title { color: #fff; }
.slider .slides li:nth-child(2) .slider-sub-title { color: #fff; }
.slider .slides li:nth-child(2) .slider-sub-desc { font-weight: bold; color: #3d4340; }
/* Slider 03 */
.slider .slides li:nth-child(3) .slider-main-title { color: #fff; }
.slider .slides li:nth-child(3) .slider-sub-title { color: #fff; }
.slider .slides li:nth-child(3) .slider-sub-desc { color: #fff; }
.slider .slides li:nth-child(3) .btn-slide { font-weight: bold; color: #212121; background-color: #fecb01; }
/* Slider 04 */
.slider .slides li:nth-child(4) { background: #fafafa; }
.slider .slides li:nth-child(4) .slider-main-title { color: #414141; }
.slider .slides li:nth-child(4) .slider-sub-title { color: #414141; }
.slider .slides li:nth-child(4) .slider-sub-desc { color: #414141; }
/* Slider 05 */
.slider .slides li:nth-child(5) .caption { background-color: rgba(239,238,230,0.3); }
.slider .slides li:nth-child(5) .slider-main-title { color: #414141; }
.slider .slides li:nth-child(5) .slider-sub-title { color: #414141; }
.slider .slides li:nth-child(5) .slider-sub-desc { color: #414141; }

/* 4 Column Banner */
.main-push-card { background-color: #212121; }
.main-push-card:hover { background-color: #414141; }
.main-push-card i { font-size: 42px; color: #fff; }
.main-push-card h4 { font-size: 16px; font-weight: bold; color: #e1e1e1; }
.main-push-card span { font-size: 12px; color: #c1c1c1; }

/* Company Info */
.main-info-card { color: #ffffff; }
.main-info-card .info-title2 { opacity: 0.8; }
.main-info-card p { font-size: 16px; }
.main-info-card ul li strong { font-size: 36px; }

/* Customer Center */
.customer-col { background-color: #f4f4f4; }
.customer-col:first-child .tabs .tab .active, .customer-col:nth-child(2) .tabs .tab a:hover { color: #424242; }
.customer-col:first-child .tabs .indicator { background-color: #424242; }
.customer-col:nth-child(2) .tabs .tab .active, .customer-col:nth-child(2) .tabs .tab a:hover { color: #ffc107; }
.customer-col:nth-child(2) .tabs .indicator { background-color: #ffc107; }
.main-notice li, .main-pds li { font-size: 13px; border-bottom: 1px dotted #616161; }
.customer-nameserver { background-color: #fafafa; }

/* User Guide */
.main-guide-card .icon-circle { border: 2px solid #a1a1a1; }

/* Partner Slider */
.slick-vertical .slick-slide { border: 1px solid transparent }

/* Site Map */
.main-sitemap { font-size: 12px; }
.main-sitemap a { color: #212121; }
.main-sitemap .sitemap-title { font-size: 14px; font-weight: bold; }
.main-sitemap dt { font-weight: bold; }
.sitemap-category { border-right: 1px dotted #a1a1a1; }

/* ------------------------------ Footer ------------------------------ */
footer.page-footer { background-color: #414141; }
footer a { color: #fff; }
.footer-menu li a { font-size: 13px; }
.footer-add li { font-size: 12px; color: #fff; }
.footer-copyright { background-color: #212121 !important; }
.copyright { font-size: 12px; color: #fff; }

/* ------------------------------ Sub ------------------------------ */
/* Sub Side Bar */
.sub-side-bar { margin-top: 20px; }
.sub-side-bar .active a { font-weight: bold; color: #fff; }
.sub-side-bar .active a:hover { color: #fff; }
.sub-side-bar h4 { line-height: 100px; }
.sub-side-bar dl { border-bottom: 1px solid #e1e1e1; padding-bottom: 5px; }
.sub-side-bar dd { line-height: 36px; margin: 0; }
.sub-side-bar .active { padding-left: 10px; }
.sub-contents { box-shadow: 0 0 5px #e1e1e1; padding: 30px !important; }

/* Page Top */
.page-top { text-align: center; padding: 15px 0 0 0; margin-bottom: 15px; }
.page-title { font-size: 24px; font-weight: bold; }
.page-title-small { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #9e9e9e; }

/* Section */
.section-title { margin-bottom: 10px; font-weight: bold; text-transform: uppercase; }
.section-title-new { font-size: 18px; margin-bottom: 15px; font-weight: bold; color: #616161; }

/* Tab */
.tabs-wrap { margin-right: 0 !important; margin-left: 0 !important; }
.tabs-wrap > .row > .col { padding: 0; }
.tab-content { padding: 15px 30px !important; border: 1px solid #e1e1e1; }
.tabs { overflow: hidden; background-color: inherit; }
.tabs .tab a { font-size: 14px; font-weight: bold; color: #9e9e9e ; }
.tabs .tab a:hover { color: #818181; }
.tabs .tab .active { font-size: 14px; font-weight: bold; }
.tabs .tab.disabled a { color: #cccccc; }
.tabs .indicator { height: 2px; margin: 0 auto; }

/* Panel */
.card { margin: 0; background-color: transparent; }

/* Button */
.btn { font-size: 13px; font-weight: bold; color: #fff; }
.btn-small { font-size: 11px; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.18), 0 0px 0px 0 rgba(0, 0, 0, 0.15); }
.btn.disabled { color: #616161 !important; }

.btn-small { height: 26px; line-height: 26px; margin: 0; padding: 0 10px; }
.btn-small i.left { margin-right: 5px; }
.btn-small i.right { margin-left: 5px; }
.btn-large { line-height: 54px; }

/* Table */
.table-top { margin-bottom: 10px; }
.table-top .col { padding: 0; }
.table-data { font-size: 13px; font-weight: bold; line-height: 32px; }
.table-list { margin-bottom: 15px; }
.table-bottom .col { padding: 0; }

.table-loader { padding-top: 3px !important; }
.table-list th { padding: 12px 8px; background-color: #fafafa; border-top: 1px solid #c1c1c1; }
.table-list th:first-child { border-left: 1px solid #c1c1c1; }
.table-list th:last-child { border-right: 1px solid #c1c1c1; }
.table-list td { padding: 8px 10px; font-size: 13px; border-right: 1px dotted #ccc; }
.table-list td:first-child { border-left: 1px dotted #ccc; }
.table-list .collapsible-body { overflow: hidden; }
.table-list .table-bottom ul { text-align: center; }

/* Search */
.search-set { margin: 0; }
.search-set li { display: inline-block; padding-left: 5px; }
.search-select { width: 160px; }

/* Label */
label { color: #414141; font-weight: bold; }
.input-field label  { font-size: 12px !important; top: 8px; }
.input-field label.active { top: 3px; color: #414141; }
input[type=text]:disabled + label { font-weight: bold; color: #818181; }
input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label { top: 3px; }
[type="radio"]:disabled+label { color: #c1c1c1; }
input[type="radio"]:not(:checked) + label, input[type="radio"]:checked + label { font-size: 13px; }
input[type="checkbox"] + label { font-size: 12px; }
.select-wrapper+label { top: -25px; }
.static-modal .select-wrapper+label { top: -25px; } /* 서비스콘솔 > 네트워크관리 */
.refund-list .modal .modal-content input[type=text]:disabled+label { color: #212121; } /* 마이페이지 > 환불목록 */
.label { font-size: 12px; display: inline-block; padding-right: 15px; width: 110px;  color: #616161; }
.customer-question label { color: #919191; } /* 메인 문의 */
.label-dark { font-size: 12px; display: inline-block; padding-right: 15px; width: 110px; color: #ffc107; }
.radio-label { font-weight: bold; font-size: 12px; margin-bottom: 10px; }
.form-list .form-check label { padding-left: 25px; }
.print-label { width: 80px; padding-right: 15px; display: inline-block; font-size: 12px; color: #616161; } /* 서버 견적서 */
.payment-box-label { background-color: #f4f4f4; font-weight: normal !important; font-size: 12px !important; width: 20%; } /* 클라우드 서버 > 사용자지정 서버생성 */
.list-set ul li > label { padding-right: 10px; font-size: 12px; color: #919191 } /* 마이페이지 > 내 결제관리 */
.agree-check .collapsible-header span label { line-height: 22px; padding-left: 25px; } /* 회원가입 */

/* Select */
.select-wrapper input.select-dropdown { width: calc(100% - 20px); height: 36px; line-height: 36px; border: 1px solid #c1c1c1; border-radius: 3px; margin: 0; padding: 0 10px; font-size: 13px; background-color: #fff; }
.select-wrapper span.caret { top: 10px; right: 10px; z-index: 1; }
select.browser-default { height: 36px; line-height: 36px; border: 1px solid #c1c1c1; border-radius: 3px; margin: 0; padding: 0 10px; }
.browser-default option { font-size: 13px; font-weight: bold; }
.search-select .select-wrapper input.select-dropdown, .table-list .select-wrapper input.select-dropdown { height: 28px; line-height: 28px; font-size: 12px; }
.search-select .select-wrapper span.caret, .table-list .select-wrapper span.caret { top: 7px; }

/* Dropdown */
.dropdown-content li { border-bottom: 1px solid #e1e1e1; text-align: center; min-height: 28px; }
.dropdown-content li>a, .dropdown-content li>span { font-size: 13px; font-weight: bold; color: #414141; padding: 0; line-height: 28px; box-shadow: 0 0 0 0; }

/* Input */
input[type=text], input[type=password] { width: calc(100% - 20px); height: 36px; line-height: 36px; margin: 0; padding: 0 10px;  font-size: 13px; border: 1px solid #c1c1c1; border-radius: 3px; background-color: #fff; }
input[type=text]:disabled { color: #919191; background-color: #f1f1f1; }
.search-input input[type=text], .table-list input[type=text] { height: 28px; line-height: 28px; font-size: 12px; }
.captcha-area input[type=text] { width: calc(100% - 182px); } /* 보안코드 인증 */
.file-path-wrapper > input[type=text] { width: calc(50% - 30px); } /* ? */
.servername-select input { ime-mode: disabled; } /* ? */

/* Pagination */
.pagination li { padding: 2px 14px; font-size: 14px; }
.pagination li.active { background-color: rgba(0,150,136,0.1); border-radius: 20px; }
.pagination li.active a { color: #616161; }

/* View, Text Editer */
.view-con { min-height: 300px; padding: 15px; font-size: 13px; background-color: #fafafa; border: 1px solid #c1c1c1; }
.view-file { font-size: 12px; }
.view-file a { padding-left: 10px; font-weight: bold; color: #3f51b5; }
.view-list { font-size: 13px; }
.view-list a { padding-left: 10px; }
.cke_chrome { border: 1px solid #e1e1e1 !important; box-shadow: 0 0 0 0 !important; }
.cke_bottom { background: #616161 !important; }
.cke_reset { min-height: 300px; }

/* Form */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-size: 12px; color: #a1a1a1; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 12px; color: #a1a1a1; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 12px; color: #a1a1a1; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 12px; color: #a1a1a1; }
:placeholder-shown { /* Standard */ font-size: 12px; color: #a1a1a1; }
textarea.materialize-textarea { width: calc(100% - 30px); min-height: 300px; margin-top: 10px; padding: 15px; background-color: #fafafa; border: 1px solid #c1c1c1; border-radius: 3px; }
.myserver-detail textarea.materialize-textarea { min-height: inherit; }
textarea.materialize-textarea:disabled { color: #919191; background-color: #f1f1f1 !important; }
.form-list textarea.materialize-textarea { width: calc(100% - 30px); height: 36px; margin: 0; padding: 15px; font-size: 13px; background-color: #fafafa; border: 1px solid #c1c1c1; border-radius: 3px; }
.form-list .form-check { position: absolute; top: -28px; right: 20px; }
.file-field .btn { height: 38px; line-height: 38px; margin: 10px 0; }

/* Tooltip */
.material-tooltip { font-size: 12px; }
.material-tooltip span { font-weight: bold; color: #212121; }
.material-tooltip .backdrop { background-color: #ffc107; }
.blur-square { width: 300px; margin: 50px auto; padding: 15px; border: 3px solid #ffffff; border-radius: 0 15px 0 15px; }

/* Captcha */
.captcha-area img  { width: 150px; height: 38px; float: left; margin-right: 10px; background-color: #eee; }

/* Progress */
.progress-icon { text-align: center; margin-top: 15%;}
.progress-icon li { display: inline-block; padding: 0 5px; }
.progress-icon i { font-size: 50px; }
.progress { max-width: 600px; margin: 30px auto 50px auto; }
.progress-msg { text-align: center; font-weight: bold; font-size: 20px; margin-bottom: 15px; }
.progress-msg-sub { text-align: center; font-weight: bold; color: #e91e63; }

/* Password Check */
.security-display { display: none; }
.security_min .security-display { display: none; font-size: 12px; color: #f44336; }
.security_0 .security-display, .security_1 .security-display, .security_2 .security-display, .security_3 .security-display, .security_4 .security-display { display: block; }
.security_0 .eb-progress-bar { width: 10%; }
.security_1 .eb-progress-bar { width: 25%; }
.security_2 .eb-progress-bar { width: 50%; }
.security_3 .eb-progress-bar { width: 75%; }
.security_4 .eb-progress-bar { width: 100%; }
.security_0 .eb-progress-danger .eb-progress-bar { height: 3px; background: #757575 ; }
.security_1 .eb-progress-danger .eb-progress-bar { height: 3px; background: #f44336 ; }
.security_2 .eb-progress-danger .eb-progress-bar { height: 3px; background: #818181 ; }
.security_3 .eb-progress-danger .eb-progress-bar { height: 3px; background: #8bc34a ; }
.security_4 .eb-progress-danger .eb-progress-bar { height: 3px; background: #4caf50 ; }
.security_0 .security-heading .right:after { content: "매우약함"; }
.security_1 .security-heading .right:after { content: "약함"; }
.security_2 .security-heading .right:after { content: "보통"; }
.security_3 .security-heading .right:after { content: "강함"; }
.security_4 .security-heading .right:after { content: "아주강함"; }
.pass-check-text { width: 50%; float: right; margin: 2px 0; font-size: 14px; font-weight: bold; }
.pass-check-text li { width: 12px; height: 12px; margin-right: 1px; display: inline-block; border-radius: 8px; }
.pass-check-text li:first-child { min-width:80px; position: relative; top: -1px; text-align: left; font-size: 12px; font-weight: bold; background-color: inherit; }

/* 서비스소개 > 유클라우드 비즈 */
.ucloud-biz .pushcard img { height: 50px; }

/* 클라우드서버 > 기본 서버생성 */
.zone-select ul li { padding-right: 30px; display: inline-block; }
.reco-tab .tab { background-color: #f7f7f7; line-height: 40px; height: 40px; }
.reco-tab .tab .active { background-color: #818181; color: #fff !important; border-radius: 3px 3px 0 0; }
.reco-tab .tabs { margin: 0; height: 40px; }
.reco-tab .tabs .indicator { background-color: #818181; }
.reco-tab .reco-tab-content { padding: 30px; background-color: #e1e1e1; border: 2px solid #818181; border-left: 0; border-right: 0; }
.reco-basic, .reco-premium, .reco-ssd { background-color: #fafafa; padding: 15px; border-radius: 5px; }
.reco-banner { font-size: 0; text-align: center; }
.reco-banner-title { font-weight: bold; }
.reco-banner li { width: 20%; min-height: 220px; font-size: 14px; background-color: #fff; display: inline-block; border: 1px solid #c1c1c1; border-right: 0; margin: 20px 0; box-shadow: 1px 1px 2px rgba(0, 0, 0, .1); padding: 15px; overflow: hidden; }
.reco-banner li:nth-child(3) { min-height: 250px; margin: 0 0 10px 0; border-right: 1px solid #c1c1c1; box-shadow: 1px 2px 4px rgba(0, 0, 0, .2); }
.reco-banner li:nth-child(4) { border-left: 0; }
.reco-banner li:last-child { border-right: 1px solid #c1c1c1; }
.reco-banner dl { margin-top: 0; }
.reco-banner dt { font-size: 16px; margin-top: 0; }
.reco-banner li:nth-child(3) dt { font-size: 20px; margin-top: 2px; }
.reco-banner dd { margin-left: 0; }
.reco-banner li:nth-child(3) dd { font-weight: bold; }
.reco-ssd-banner { font-size: 0; text-align: center; }
.reco-ssd-banner li { width: 20%; min-height: 220px; font-size: 14px; background-color: #fff; display: inline-block; border: 1px solid #c1c1c1; border-right: 0; margin: 20px 0; box-shadow: 1px 1px 2px rgba(0, 0, 0, .1); padding: 15px; overflow: hidden; }
.reco-ssd-banner li:last-child { border-right: 1px solid #c1c1c1; }
.reco-ssd-banner dl { margin-top: 0; }
.reco-ssd-banner dt { font-size: 16px; margin-top: 0; }
.reco-ssd-banner dd { margin-left: 0; }
/* 보안그룹 추가 팝업 */
.account-add-popup { max-width: 600px; }
.account-add-popup .popup-title { padding: 15px; font-weight: bold; text-transform: uppercase; }
.account-add-popup .modal-wrap { text-align: center; }

/* 클라우드 서버 */
.server-tabs { overflow: hidden; margin-bottom: -1px;}
.server-tabs li {  -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; float: left; text-align: center; line-height: 48px; height: 48px; padding: 0; margin: 0; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; letter-spacing: .8px; width: 160px; }
.server-tabs li a { background-color: #f1f1f1; border-radius: 3px 3px 0 0; border: 1px solid #d1d1d1; color: #818181; display: block; width: 100%; height: 100%; text-overflow: ellipsis; overflow: hidden; transition: color .28s ease; }
.server-tabs .active { background-color: #fff; font-weight: bold; border-bottom: 0; }
.server-tabs .indicator { background-color: #fff; height: 2px; margin: 0 auto; }
.tab-contents { padding: 30px !important; border: 1px solid #d1d1d1; }

/* 클라우드 서버 > 사용자지정 서버생성 */
.createserver-os-card { text-align: center; margin: 0 0 20px 0; padding: 20px; border: 1px solid #ccc; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; }
.createserver-os-card:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.createserver-os-card img { width: 100%; max-width: 80px; }
.os-over { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.spec-select ul li { padding-right: 30px; display: inline-block; }
.apply-popup .print-btn { position: absolute; top: 30px; right: 30px; }
.payment-box { padding: 15px 30px; }
.payment-box td { font-weight: bold; }
.page-move-btn { text-align: right; margin-top: 33px; }
.page-move-btn-demo { text-align: right; }

/* 클라우드서버 >  웹 서비스 서버 생성 */
.web-server-box { background-color: #fff; min-height: 36px; line-height: 36px; padding: 0 10px; border: 1px solid #c1c1c1; margin-bottom: 15px; }+
.web-server-box li { display: inline-block; }

/* 클라우드서버 >  DB 서버 생성 */
.db-image { text-align: center; height: 230px; display: flex; align-items: center; justify-content: center; }
.db-image img { border-radius: 3px; }

/* 통합 결제페이지 */
.payment-total { border-radius: 5px; }
.payment-total dl { text-align: right; padding-right: 80px; }
.payment-total dt { color: #ccc; }
.payment-total dd { font-size: 24px; font-weight: bold; }
.popup-msg { position: absolute; top: 15px; left: 30px; font-size: 13px; font-weight: bold; color: red; }
.tax-popup .tax-contents { padding: 0px 20px 5px 20px; clear: both; border: 1px solid #e1e1e1; border-radius: 5px; }
.payment-vm-list label, .payment-common label { color: #ff9800; padding-right: 15px; }
.payment-vm-list td { padding: 10px 5px; }
.payment-vm-list td:nth-child(2n) { width: 35%;  }
.payment-vm-list td:nth-child(2n-1) { width: 15%; text-align: right; color: #ffa726; font-size: 13px; }
.payment-list-tip { text-align: right; font-size: 12px; color: #ffeb3b; margin-right: 10px; }
.payment-vm-list .divider { margin: 15px 0; background-color: #818181; }
.payment-common td { padding: 10px 5px; }
.payment-common td:nth-child(2n) { width: 35%;  }
.payment-common td:nth-child(2n-1) { width: 15%; text-align: right; color: #ffa726; font-size: 13px; }
.payment-list-result { text-align: right; margin: 15px 10px 15px 0; }
.payment-list-result span { font-size: 18px; margin-left: 10px; }
.payment-vm-table { width: 98%; margin: 5px auto; }
.payment-vm-table th, .payment-vm-table td { width: 25% !important; text-align: center !important; border: 1px solid #818181; padding: 3px; color: #fff !important; font-weight: normal; min-height: 30px; }
.payment-vm-table th { color: #c1c1c1 !important; }

/* 클라우드서버 > 기본 서버생성 > 상세내역 */
.payment-list-box { padding: 30px 20px; border: 1px solid #e1e1e1; background-color: #f7f7f7; }
.payment-list-box table { margin-bottom: 15px; }
.payment-list-box th { padding: 5px; border-right: 1px solid #c1c1c1; font-size: 12px; font-weight: normal; } 
.payment-list-box th:first-child { border-left: 1px solid #c1c1c1; }
.payment-list-box td { font-size: 13px; font-weight: bold; background-color: #fff; }
.payment-list-box td:first-child { border-left: 1px solid #c1c1c1; }
.payment-list-box td:last-child { border-right: 1px solid #c1c1c1 !important; }
.payment-list-box-title { text-align: right; font-weight: bold; }
.payment-list-box-title span { font-size: 18px; margin-left: 15px; color: #4caf50; }
.payment-list-box2 { padding: 30px 20px; border: 1px solid #e1e1e1; background-color: #fff; }
.payment-list-box2 tr { border: 1px solid #c1c1c1; }
.payment-list-box2 td { background-color: #fff; }
.payment-list-box2 td:first-child { background-color: #fafafa; font-size: 12px; }
.payment-list-box2 td:last-child { font-weight: bold; }
.payment-list-box3 { padding: 30px 20px; border: 1px solid #e1e1e1; background-color: #616161; border-radius: 10px; }
.payment-list-box3 td:first-child { font-size: 12px; border-right: 0; color: #e1e1e1; text-align: right; }
.payment-list-box3 td:last-child { font-weight: bold; color: #fff; font-size: 14px; }
.payment-list-box3 .payment-list-box-title { text-align: right; font-weight: bold; color: #fff; margin-right: 15px; }
.payment-list-box3 .payment-list-box-title span { font-size: 18px; margin-left: 15px; color: #ffeb3b; }

/* 클라우드마켓 메인 */
.market-top { height: 36px; background-color: #616161; padding: 0 30px; }
.market-title { font-size: 14px; line-height: 36px; font-weight: bold; color: #fff; }
.market-title span { font-size: 12px; }
.market-category { background-color: #fafafa; padding: 10px 20px 0px 20px; border: 1px solid #e1e1e1; border-bottom: 2px dotted #e1e1e1; border-top: 0; }
.market-category-title { font-size: 14px; line-height: 32px; font-weight: bold; padding-left: 10px; color: #414141; }
.market-app { border: 1px solid #e1e1e1; margin: 5px 0 0 0; padding: 15px 20px 15px 20px; text-align: center; box-shadow: 1px 1px 2px #e1e1e1; height: 180px; background-color: #fff; border-radius: 3px; }
.market-app:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); transition: 0.1s; border: 0px solid #e1e1e1; }
.market-app img { width: 100%; max-width: 120px; margin-bottom: 10px; border-radius: 5px; }
.market-app span { font-size: 12px }
.app-disabled { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); opacity: 0.7; }
.cloud-market .sub-side-bar dl { margin-top: 130px; }

/* 클라우드마켓 서비스소개 */
.market-info-title { font-size: 30px; font-weight: bold; margin-bottom: 30px; }
.market-info section { margin-bottom: 30px; }
.market-info a { color: #2196f3; }
.market-info-logo { text-align: right; }
.lamp-contents { border: 1px solid #414141; border-top: 5px solid #414141; padding: 30px; border-radius: 0 0 15px 0; line-height: 2; }
.lamp-version { border: 1px solid #d1d1d1; background-color: #f3f3f3; padding: 15px 30px; border-radius: 0 0 15px 0; }
.lamp-mc { color: #414141; }
.mysql-contents { border: 1px solid #f59620; border-top: 5px solid #f59620; padding: 30px; border-radius: 0 0 15px 0; line-height: 2; }
.mysql-version { background-color: #e8f3f9; padding: 15px 30px; border-radius: 0 0 15px 0; }
.mysql-mc { color: #3e78a6; }
.mysql-sc { color: #f59620; }
.maria-contents { border: 1px solid #002B64; border-top: 5px solid #002B64; padding: 30px; border-radius: 0 0 15px 0; line-height: 2; }
.maria-version { border: 1px solid #d1d1d1; background-color: #f3f3f3; padding: 15px 30px; border-radius: 0 0 15px 0; }
.maria-mc { color: #002B64; }
.sysman-contents { border: 1px solid #255696; border-top: 5px solid #255696; padding: 30px; border-radius: 0 0 15px 0; line-height: 2; }
.sysman-version { border: 1px solid #d1d1d1; background-color: #f3f3f3; padding: 15px 30px; border-radius: 0 0 15px 0; }
.sysman-mc { color: #255696; }
.wisemon-contents { border: 1px solid #DF0102; border-top: 5px solid #DF0102; padding: 30px; border-radius: 0 0 15px 0; line-height: 2; }
.wisemon-version { border: 1px solid #d1d1d1; background-color: #f3f3f3; padding: 15px 30px; border-radius: 0 0 15px 0; }
.wisemon-mc { color: #043F5F; } 
.openvpn-contents { border: 1px solid #F68220; border-top: 5px solid #F68220; padding: 30px; border-radius: 0 0 15px 0; line-height: 2; }
.openvpn-version { border: 1px solid #d1d1d1; background-color: #f3f3f3; padding: 15px 30px; border-radius: 0 0 15px 0; }
.openvpn-mc { color: #F68220; } 
.webcon-contents { border: 1px solid #CE4220; border-top: 5px solid #CE4220; padding: 30px; border-radius: 0 0 15px 0; line-height: 2; }
.webcon-version { border: 1px solid #d1d1d1; background-color: #f3f3f3; padding: 15px 30px; border-radius: 0 0 15px 0; }
.webcon-mc { color: #F68220; } 


/* 고객센터 > 제휴안내 */
.partner-form-title { font-size: 22px; color: #414141; }
.partner-step ul li { display: inline-block; }
.partner-form-title { line-height: 60px; }

/* 고객센터 > 이용가이드 */
.guide-img { border-radius: 10px; }

.guide-img { text-align: center; margin-bottom: 10px; overflow: hidden; }
.guide-content { cursor: pointer; text-align: center }

/* 서비스콘솔 > 네트워크관리 */
.static-modal { max-width: 600px; }

/* 서비스콘솔 > CIP관리 */
.console-cip .modal { max-width: 600px; }
#cip-detail thead th { background-color: #fafafa; }
#cip-detail tbody td:first-child { background-color: #e9e9e9; }
#cip-detail tbody td:last-child { font-weight: bold; }

/* 마이페이지 > 내 정보관리 > 패스워드 팝업 */
.pw-popup { max-width: 600px; }
.pw-popup .collapsible { box-shadow: 0 0 0 0; }
.pw-popup .collapsible-body { background-color: #fff; padding: 20px; }

/* 비밀번호 변경 */
.changepw-wrap { width: 100%; max-width: 600px; margin: 0 auto; padding: 30px; }

/* 마이페이지 > 내 결제관리 */
.pay-detail dt { margin-bottom: 5px; display: inline-block; font-size: 12px; color: #d1d1d1; }
.pay-detail dd { display: inline-block; font-size: 16px; }
.pay-accordion .collapsible-header li { padding: 0 15px; display: inline-block; }
.pay-accordion .collapsible-header li:last-child { float: right; }
.list-set li { margin: 0 2%; display: inline-block; font-weight: bold; }

/* 마이페이지 > 환불목록 */
.refund-list .modal-trigger i { font-size: 14px; }
.refund-list .modal { max-width: 600px; }
.refund-list .modal .modal-content { padding: 25px 30px 0 30px; }

/* 회원가입 */
.agree-check .collapsible-header span { float: right; padding-right: 15px; }
.agree-check .collapsible-header i { margin-right: 5px; }
.agree-check .collapsible-body { max-height: 300px; padding: 0 30px; overflow-x: hidden; }

/* 서비스 이용약관, 회원 이용약관 */
.terms-list dt { padding-left: 10px; }

/* Change Padding */
.border-card-solid-radius { padding: 30px; }

 /* TABLET STYLE */
@media only screen and (max-width : 992px) {
    /* ------------------------------ Basic ------------------------------ */
    body { line-height: 1.5 !important; }
    
    /* Layout */
    .container { min-width: 600px; min-height: auto; margin-top: 50px; padding: 30px; }
    /* ------------------------------ Main ------------------------------ */
    /* Event Slider */
    .slide-con a { font-size: 11px; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.18), 0 0px 0px 0 rgba(0, 0, 0, 0.15); }
    .slider-main-title { font-size: 24px; }
    .slider-sub-title { font-size: 14px; }
    .slider-sub-desc { font-size: 12px; } 
    /* ------------------------------ Sub ------------------------------ */
    /* Sub Side bar */
    .sub-side-bar { display: none; }
    .sub-contents { padding: 0px !important; box-shadow: 0 0 0 #e1e1e1; }

    /* Search */
    .search-box { display: none; }

    /* Table */
    .table-loader { padding-top: 15px !important; }
    .table-image { padding-top: 8px !important; }
    table.responsive-table.bordered { overflow: hidden; border: 2px solid #e1e1e1; }
    table.responsive-table.bordered > thead > tr { box-shadow: 2px 0 3px #c1c1c1; }
    table.responsive-table.bordered th { height: 46px; line-height: 46px; padding: 0 10px; border-bottom: 1px solid #c1c1c1; }
    table.responsive-table.bordered tr { padding: 0; }
    table.responsive-table.bordered td { height: 46px; line-height: 46px; padding: 0 10px; border-bottom: 1px solid #c1c1c1; }
    table.responsive-table.bordered tbody .modal-content { line-height: 28px; white-space: normal; }
    .table-list th { border-top: 0; }
    .table-list td { padding: 12px 8px; }

    /* Select */
    .table-list select { position: relative; top: 7px; }
    .table-list .select-wrapper input.select-dropdown { display: inline-block; }
    .table-list .select-wrapper span.caret { top: 0; }
    .search-select .select-wrapper span.caret { top: 7px; }

    /* Dropdown */
    .side-nav .dropdown-content li { font-size: 11px; font-weight: bold; }
    .side-nav .dropdown-content li:hover, .side-nav .dropdown-content li > a:hover { background-color: transparent; }
    .side-nav .dropdown-content li > a { font-size: 12px; color: #616161; }
    table.responsive-table.bordered > tbody > tr > td { position: relative; }
    table.responsive-table.bordered > tbody > tr > td > .dropdown-content { top: -140px !important; left: 13px !important;  }
    /* 서비스콘솔 > 디스크관리 */
    .console-disk table.responsive-table.bordered > tbody > tr > td > .dropdown-content { top: 418px !important; }

    /* Input */
    .table-input { padding-top: 9px !important; padding-bottom: 9px !important; }

    /* Label */
    .cloud-createserver .table-list input[type="radio"] + label { height: 16px; padding-left: 24px; } /* 클라우드 서버 > 사용자지정 서버생성 */
    .console-account .table-list input[type="radio"] + label { height: 16px; padding-left: 24px; } /* 서비스콘솔 > 보안그룹관리 */

    /* 서비스소개 */
    .about-multizone .border-card-solid-radius .height-150 { height: 100px; }
}

/* MOBILE STYLE */
@media only screen and (max-width : 600px) {
    /* Basic */
    .mobile-hide { display: none; }
    dd { margin-left: 0; }
    ol { padding-left: 15px; }
    ol > li > ol { margin: 10px; }

    /* Layout */
    .container { min-width: 320px !important; padding: 15px; }
    /* ------------------------------ Main ------------------------------ */
    /* Event Slider */
    .slider .slides li .slide-con .btn-slide { font-size: 14px; }
    .slider-main-title { font-size: 20px; }

    /* Main info */
    .main-info-card p { font-size: 14px; }
    /* ------------------------------ Sub ------------------------------ */
    /* Basic */
    ol > li > ol { font-size: 12px; }
    .p-30 { padding: 15px !important; }

    /* Page Top */
    .page-title { font-size: 18px; }
    .page-title-small { font-size: 14px;}

    /* Popup */
    .modal { width: 90%; }
    .modal-small { width: 600px !important; }
    .refund-list .modal .modal-content { padding: 15px 15px 0 15px; }

    /* Panel */
    .card { margin-bottom: 15px; }

    /* Tab */
    .tab-contents { padding: 15px !important; }
    .server-tabs li { width: 50% }

    /* Table */
    .table-top { display: none; }
    .table-list th { padding: 12px 5px; }
    .table-list td { height: 45px; line-height: 45px; padding: 0; }
    .table-drop { padding-top: 0px !important; padding-bottom: 0px !important; }
    .table-list .btn { padding: 0 1rem; }
    .table-list .btn-flat { height: 45px; line-height: 45px; }
    .table-image { height: 45px; line-height: 45px; padding: 0 !important; }
    .table-image img { margin-top: 7px; }

    /* Input */
    .table-input { padding: 0 !important; }
    input[type=text], input[type=password], .select-wrapper input.select-dropdown { margin-bottom: 15px; }

    /* Label */
    .cloud-createserver .label-dark { width: auto; }
    .payment .label-dark { width: auto; }
    .pay-complete .label { width: auto; }
    .console-disk-add .label-dark { width: auto; }

    /* 회원가입 > 회원약관동의 */
    .agree-check .collapsible-body { padding: 0 15px; }

    /* 서비스약관 */
    .terms-list dt { padding-left: 0px; }

    /* 고객센터 > 제휴안내 */
    .partner-step { display: none; }
    .partner-form-title { line-height: 28px; font-size: 18px; }

    /* 서비스소개 */
    .about-ours .height-150 { height: 100px; }
    .about-ucloud .table-list li { line-height: 24px; text-align: left; padding: 0 15px; }
    .about-customercase .right { float: none !important; }

    /* 서비스안내 */
    .product-server .border-card-solid-radius .height-150, .cloud-server .border-card-solid-radius .height-250 { height: 100px; }
    .product-server .table-list td { height: 18px; line-height: 18px; text-align: left; padding: 15px; }
    .product-japan .border-card-solid-radius .height-150 { height: 100px; }
    .product-hybrid .border-card-solid-radius .height-150 { height: 100px; }
    .product-db .table-list td { height: 18px; line-height: 18px; text-align: left; padding: 15px; }
    .product-mssql .border-card-solid-radius .height-150 { height: 100px; }

    /* 클라우드 서버 > 사용자지정 서버생성 */
    .cloud-createserver .border-card-dark { padding: 15px 10px; }
    .payment-box { padding: 10px; }
    .page-move-btn { display: none; }

    /* 클라우드 서버 > 기본 서 버생성 */
    .reco-banner li { width: 100%; border: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1 !important; margin: 5px 0 !important; }
    .reco-ssd-banner li { width: 100%; border: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1 !important; margin: 5px 0 !important; }

    /* 통합 결제페이지 */
    .tax-popup .tax-contents { padding: 0 15px; }

    /* 클라우드 마켓 */
    .market-app { max-width: 145px; }
    .market-category { padding: 15px; }
    .market-category-title { font-size: 16px; }
    .market-info-title { font-size: 24px; }
    .market-info-logo { text-align: center; margin: 10px 0; }
    .market-info-logo img { width: 200px; }
    .market-info-contents { padding: 15px; }
    .market-info-version { padding: 15px; }

    /* 결제완료 */
    .pay-complete .border-card { padding: 15px; }

    /* 고객센터 */
    .border-card-solid-radius { padding: 15px; }
    .customer-qna-view .border-card-solid-radius { margin-bottom: 0; padding: 15px; }
    .view-con { min-height: 150px; padding: 0 15px; }

     /* 마이페이지 > 내 정보 */
    .changepw-wrap { padding: 15px; }
 }

/* PRINT STYLE */
@media print {
    .print-cancel { display: none; }
}