@charset "utf-8";
@font-face {
	font-family: 'ONE Mobile';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


body {
	font-family: "ONE Mobile", "Malgun Gothic", "돋움", "dotum", "AppleGothic", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1;
}

html,body{width:100%;min-width:1200px;height:100%;margin:0;padding:0;font-family: "ONE Mobile","Malgun Gothic", "돋움", "dotum","AppleGothic", HeONE Mobilelvetica, Arial, sans-serif;}
*{box-sizing: border-box;}
.cl:after{display: block;content:'';clear:both;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{margin:0;}
ul,ol{padding:0;margin:0}
ul li{list-style: none}
p{margin:0}
/* input:focus, textarea:focus, select:focus{outline: none;} */

/* button */
.btnBox{margin-top:15px;}
.btnBox:after{display: block;content:'';clear:both;}
.btnBox *{box-sizing: border-box;}
.btnBox input{float:left;margin-right: 5px;}
.btnBox .btn-iteasy{float:left;}
.btn-iteasy {height:40px;line-height:40px;font-size:14px;min-width:120px;padding:0 10px;border-radius: 3px} /*박스형 버튼 기본 class */
.btn-icon {height:40px;line-height:40px;font-size:14px;padding:0 10px} /*아이콘 버튼 기본 class */
.btn-txt{border:none;background:transparent;font-size:14px;}/*텍스트  버튼 기본 class */
.btn-primary {background:#4696d1;color:#fff;border:none;}
.btn-secondary {background:#294e8f;color:#fff;border:none;}
.btn-primary-light {background:#dbdbdb;color:#294e8f;border:none;}
.btn-gray{background:#eaeaec;color:#575958;border:none;}
.btn-ghost{background:#fff;border:1px solid #4696d1;color:#294e8f;}
.btn-outline{background:#fff;border:1px solid #e1e1e1;color:#000}
.btn-txt-primary{color:#294e8f;font-weight:600}
.btn-txt-secondary{color:#4696d1;font-weight:600}
.btn-txt-destruct{color:#ff3939;font-weight:600}
.btn-txt-reg{color:#585858;}
.btn-destruct{background:#ff3939;border:none;color:#fff;}
.btn-destruct-ghost{background:transparent;border:1px solid #ff3939;color:#ff3939}
.btnBox .btn-iteasy:first-child{margin-right:5px}
.btnBox  input+.btn-iteasy{margin-right:5px}


/* 페이징 */
.paging { margin-top: 30px; width: 100%; overflow: hidden; text-align: center; margin-bottom: 30px}
.paging .dataTables_length{ float:right!important;line-height:30px;}
.paging select{ height:30px;line-height:30px; width:auto;min-width:60px;float:right;}

.paging a {display:inline-block !important; width:30px !important;vertical-align: top !important; padding:0px !important; height:30px !important; line-height:30px !important; border:1px solid #ebeaea !important; border-radius:3px !important; position: relative !important; font-size:12px !important; font-weight: 600 !important;color: #585858  !important;cursor: pointer; background:#ebeaea;margin-left: 5px !important;}
.paging  a.current { background:#294f8f !important; border-color:#294f8f !important; color:#fff !important; }
.dataTables_paginate {text-align:center !important;float:none !important;}
#wrapper .dataTables_wrapper .dataTables_paginate span .paginate_button.current{color:#fff !important}
#wrapper .dataTables_wrapper .dataTables_paginate span .paginate_button:hover{background:#294f8f !important; border-color:#294f8f !important; color:#fff !important; }
#wrapper .dataTables_wrapper .dataTables_paginate span .paginate_button.disabled:hover{color: #666 !important; border-color:#666 !important;background:#fff !important}
#wrapper .dataTables_wrapper .dataTables_paginate>.paginate_button:hover{background:#fff !important;}
#wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.previous,#wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.next{border:1px solid #294f8f !important;color:#294f8f !important;background:#fff;}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{box-shadow: none !important;}


/* table */
table.dataTable.iteasy_tbl{width: 100% !important}
table.iteasy_tbl {margin:20px 0;width: 100%;border-collapse:collapse;border:1px solid #ebeaea;}
table.iteasy_tbl th{height:40px;font-weight:600;}
table.iteasy_tbl tbody tr td{font-size:12px; color:#000;background:#fff;height:40px;letter-spacing:0em; text-align:left;}
table.iteasy_tbl tbody tr td.br_y{border-right:1px solid #ebeaea;}
table.iteasy_tbl .border-b{border-bottom:1px solid #ebeaea}
table.iteasy_tbl .alert{padding:0}

table.iteasy_tbl.dataTable.no-footer{border-bottom:none;}
table.iteasy_tbl tbody tr td{padding:0}
table.iteasy_tbl.dataTable tbody tr.selected>*{box-shadow:inset 0 0 0 9999px #294f8f}
table.iteasy_tbl tr.dt-hasChild+tr>td{padding:20px !important;border-bottom:1px solid #ebeaea !important}
table.iteasy_tbl tr.dt-hasChild+tr td .tab-content{border:1px solid #e1e1e1;padding:20px;}
table.iteasy_tbl tr.dt-hasChild+tr td .tab-content .data_detail {border:none;padding:0}
/* table.iteasy_tbl tr.dt-hasChild label.check_box input[type="checkbox"]:checked + .ico{background:url("/images/sub/privacy_check_on.png") center top no-repeat;} */
table.iteasy_tbl .td_checkbox{text-align: center;}
table.iteasy_tbl .td_checkbox label.check_box .ico{top:-13px;}


/* 기본 테이블 */
table.iteasy_tbl.iteasy_tbl_d{border:1px solid #ebeaea;}
table.iteasy_tbl.iteasy_tbl_d thead tr:first-child{border-bottom:1px solid #ebeaea;}
table.iteasy_tbl.iteasy_tbl_d thead tr th{background:#eff0f2;padding:0 10px;font-size:12px;font-weight:600; color:#000; letter-spacing:0em; text-align:left;border-bottom:1px solid #ebeaea;}
table.iteasy_tbl.iteasy_tbl_d thead tr th:last-child{border-right:0;}
table.iteasy_tbl.iteasy_tbl_d tbody tr td{border-bottom:1px solid #ebeaea;padding:0 10px; vertical-align:middle;}
table.iteasy_tbl.iteasy_tbl_d tbody tr th{font-size:12px; color:#000; letter-spacing:0em; font-weight:500; text-align:left;}
table.iteasy_tbl.iteasy_tbl_d tbody tr td:last-child{border-right:none;}
table.iteasy_tbl.iteasy_tbl_d tfoot tr:first-child{border-bottom:1px solid #ebeaea;}
table.iteasy_tbl.iteasy_tbl_d tfoot tr th{background:#eff0f2;padding:0 10px;font-size:12px;font-weight:600; color:#000; letter-spacing:0em; text-align:left;border-bottom:1px solid #ebeaea;}
table.iteasy_tbl.iteasy_tbl_d tfoot tr th:last-child{border-right:0;}

/* 가로테이블 */
table.iteasy_tbl.iteasy_tbl_v tr th{border-right:1px solid #ebeaea;border-bottom:1px solid #ebeaea; background:#eff0f2; padding:10px; font-size:12px; color:#000; letter-spacing:0em; font-weight:500; text-align:right;}
table.iteasy_tbl.iteasy_tbl_v tr td{line-height:20px; border-right:1px solid #ebeaea;border-bottom:1px solid #ebeaea;padding:10px; font-size:12px; color:#000; letter-spacing:0em; text-align:left;}
table.iteasy_tbl.iteasy_tbl_v tr td:last-child{border-right:none;}

/* 전체라인 */
table.iteasy_tbl.iteasy_tbl_l {border:1px solid #ebeaea;}
table.iteasy_tbl.iteasy_tbl_l tr th{border-right:1px solid #ebeaea; background:#eff0f2; padding:10px; font-size:12px; color:#000; letter-spacing:0em; font-weight:500; text-align:center;border-bottom:1px solid #ebeaea}
/* table.iteasy_tbl.iteasy_tbl_l tbody tr{border-bottom:1px solid #ebeaea;} */
/* table.iteasy_tbl.iteasy_tbl_l tbody tr th{border-right:1px solid #ebeaea; background:#fff; padding:20px; font-size:13px; color:#222222; letter-spacing:0em; font-weight:500; text-align:center;} */
table.iteasy_tbl.iteasy_tbl_l tr td{border-right: 1px solid #ebeaea;border-bottom:1px solid #ebeaea}

/* td 한줄 이상 */
table.iteasy_tbl.iteasy_tbl_m td{padding: 5px 10px !important;line-height: 16px;}

/* thead 고정 */
table.sticky_tbl {table-layout: fixed;border-collapse: collapse;}
table.sticky_tbl thead tr th{position: sticky;top: 0;z-index: 9}
table.dataTable.sticky_tbl tbody tr.selected>*{box-shadow: inset 0 0 0 9999px #f6f9ff !important;color: #000;}

/* 디테일 */
.data_detail {padding:30px 20px;border:1px solid #e1e1e1;}
.data_detail li{width:50%;float:left;text-align:left;margin-bottom: 10px;min-height:33px}
.data_detail li:last-child{margin-bottom: 0}
.data_detail li.f_width{width:100%;}
.data_detail li:after{content:'';display: block;clear:both;}
.data_detail li label{display: inline-block;width:200px;font-size:12px;font-weight:700;color:#000;float:left;}
.data_detail li p{color:#6f7681;font-size:12px;width:520px;padding:0 10px;line-height:16px;float:left;}
.data_detail li.f_width label{display: block;width:100%;float:none;}
.data_detail li.f_width div{width:100%;color:#6f7681;font-size:12px;padding:10px 0;line-height:16px;}
.data_detail li.f_txt_width{width:100%;}
.data_detail li.f_txt_width p{width:calc(100% - 200px)}
.data_detail li .btn-txt,.data_detail li .btn-iteasy{font-size:12px;}

/* 체크박스 */
label.check_box{position:relative;margin-right: 0;text-align:left;padding-left: 25px;display: inline-block;width:auto;}
label.check_box input[type="checkbox"]{overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0;line-height:0; clip:rect(0 0 0 0); opacity:0;}
label.check_box .ico {position:absolute; left:0; top:10px; width:20px; height:20px;background:url("/images/console/check_off.png") center top no-repeat; background-size:100% 100%;cursor: pointer;}
label.check_box input[type="checkbox"]:checked + .ico {background:url("/images/console/check_on.png") center top no-repeat; background-size:100% 100%;}
label.check_box span.txt{display:inline-block; font-size:12px; line-height:40px;}

/* 라디오버튼 */
label.radio_box{position:relative;margin-right: 0;text-align:left;padding-left: 25px;display: inline-block;width:auto;}
label.radio_box input[type="radio"]{overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0;line-height:0; clip:rect(0 0 0 0); opacity:0;}
label.radio_box .ico {position:absolute; left:0; top:10px; width:20px; height:20px;background:url("/images/console/radio_off.png") center top no-repeat; background-size:100% 100%;cursor: pointer;}
label.radio_box input[type="radio"]:checked + .ico {background:url("/images/console/radio_on.png") center top no-repeat; background-size:100% 100%;}
label.radio_box span.txt{display:inline-block; font-size:12px; line-height:40px;}
.content_box .boundary .li-style li label.radio_box{padding-right: 50px}

/* input */
input[type=text]{height:40px;border:1px solid #e1e1e1;padding:0 10px;font-size:12px;border-radius:3px;}
input[type=number]{height:40px;border:1px solid #e1e1e1;padding:0 10px;font-size:12px;border-radius:3px;}

input[type=email]{height:40px;border:1px solid #e1e1e1;padding:0 10px;font-size:12px;border-radius:3px;}
input[type=password]{font-family:auto;height:40px;border:1px solid #e1e1e1;padding:0 10px;font-size:12px;border-radius:3px;}
/* input[type=password]::placeholder{} */
input:focus{outline:1px solid #8ebde1}
input.error{border-color:#ff3939}
input::placeholder{color:black; opacity:0.5;font-family:unset}
input:disabled{background:#ebf0f2}
select{min-width:160px;height:40px;line-height:40px;padding: 0 10px;font-size:12px;border-radius:3px;border:1px solid #ebeaea;color:#222;-webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url(/images/console/select_arrow.png) no-repeat;    background-position: 95% 50%;}
select::-ms-expand {display: none;}
textarea.iteasy_textarea{height:100px;margin-top: 10px;font-size:12px}
textarea{border:1px solid #e1e1e1;padding:10px;font-size:12px;resize:none;}


/* tab */
div.tabs .tab-list{margin-bottom: 20px;}
div.tabs .tab-list li button{border-right:none;border-top:none;background:none;border-left:none;border-bottom:3px solid transparent;color:#999797;font-size:12px;font-weight:600}
div.tabs .tab-list li button.active{border-color:#294f8f;color:#222}

/* 팝업 */
.iteasy_modal.sm_modal .modal-dialog{max-width: 500px;}
.iteasy_modal.md_modal .modal-dialog{max-width: 800px;}
.iteasy_modal.lg_modal .modal-dialog{max-width: 1000px;}
.iteasy_modal.sm_modal .modal-content{width:500px;}/* 모달 제일 작은 사이즈 */
.iteasy_modal.md_modal .modal-content{width:800px;}/* 모달 중간 사이즈 */
.iteasy_modal.lg_modal .modal-content{width:1000px;}/* 모달 제일 큰 사이즈 */
.iteasy_modal .btn-iteasy{min-width:80px;height:35px;line-height:35px;font-size:12px;}
.iteasy_modal .btn-txt{font-size:12px;}
.iteasy_modal input[type=text],.iteasy_modal input[type=password],.iteasy_modal input[type=email],.iteasy_modal select,.iteasy_modal input[type=tel],.iteasy_modal input[type=number],.iteasy_modal input[type=date]{height:35px;max-width:250px;color:#6f7681}
.iteasy_modal label.radio_box span.txt{color:#6f7681}

.iteasy_modal .modal-header{margin:0 10px;}
.iteasy_modal .modal-footer{justify-content: center;border-top:none;padding-bottom: 30px}
.iteasy_modal .modal-title{font-size:16px;font-weight:600;color:#000}
.iteasy_modal .btn-close{background-size:12px;width:12px;height:12px;}
.iteasy_modal .modal-body>p{text-align: center;font-size:14px;padding:10px 0 30px;line-height:16px;color:#585858;font-weight:600}
.iteasy_modal .modal-body>p>span{display: block;text-align:left;padding:20px 20px 0px 40px;color:#6f7681;font-size:14px;position: relative;font-weight:400}
.iteasy_modal .modal-body>p>span:before{content:'-';display: inline-block;width:15px;position: absolute;left: 20px;}
/* .iteasy_modal .modal-body>p+div.detail{padding-top:0} */
.iteasy_modal .modal-body div.detail {padding:20px;border-top:1px solid #e3e2e1}
.iteasy_modal .modal-body div.detail ul li{text-align:left;margin-bottom: 10px;min-height:50px;font-size:12px;}
.iteasy_modal .modal-body div.detail ul li:after{content:'';display: block;clear:both;}
.iteasy_modal .modal-body div.detail ul li>label{display: inline-block;width:30%;font-size:12px;line-height:35px;font-weight:700;color:#000;float:left;}
.iteasy_modal .modal-body div.detail ul li label small.require{position: relative;margin-left: 5px}
.iteasy_modal .modal-body div.detail ul li label small.require:after{content:'';width:5px;height:5px;border-radius:100px;background:#ff3939;position: absolute;top:0;left:0;}
.iteasy_modal .modal-body div.detail ul li p{color:#6f7681;font-size:12px;width:70%;padding:0 10px;float:left;display: flex;align-items: center;min-height: 35px;line-height: 16px;}
.iteasy_modal .modal-body div.detail ul li >small{display: block;font-size:11px;color:#707070;margin: 10px 0 15px;padding-left: 30%}
.iteasy_modal .modal-body div.detail ul li input,.iteasy_modal .modal-body div.detail ul li select{width:70%;}
.iteasy_modal .modal-body div.detail .iteasy_tbl_m p{margin-top: 5px;font-size:12px;line-height:14px;text-align:left;color:#707070}
.iteasy_modal .modal-body div.detail .iteasy_tbl_m select{width:100%;}
.iteasy_modal .modal-body div.detail .iteasy_tbl_m td span.txt_route{display: block;font-size:12px;padding:5px;margin-bottom: 5px;border:1px solid #4696d1}
.iteasy_modal .modal-body div.detail .txt_add{width:70%;float:left;}
.iteasy_modal .modal-body div.detail .btn_add{width:19%;float:left;}
.iteasy_modal .modal-body div.detail .btn_remove{float:right;font-size:15px}
.iteasy_modal .modal-body div.detail label.radio_box{width:auto;padding-right: 20px;}
.iteasy_modal .modal-body div.detail label.check_box{width:auto;padding-right: 20px;}
.iteasy_modal .modal-body div.details>p{font-size:12px;}
.iteasy_modal .modal-body div.detail label i.require{display:inline-block;width:5px;height:5px;background:#4696d1;border-radius: 200px;}

/* header&gnb */
.iteasy_nav{height:60px;margin-bottom: 30px;border-bottom: 1px solid #ebeaea;}
.iteasy_nav .menu-item{display: flex;width: 530px;justify-content: space-between;}
.iteasy_nav .menu-item li:first-child{padding-left: 20px}
.iteasy_nav .menu-item li{float:left;width:auto;font-size:16px;padding-left:50px;line-height:60px;}
.iteasy_nav .menu-item li a{display: block;line-height:60px;width: 100%;height:100%;color:#999797;}
.iteasy_nav .menu-item li.active a{color:#294f8f;font-weight:600}
.iteasy_nav .navbar-nav i{display: inline-block;color:#212446}
.iteasy_nav .navbar-nav .dropdown-toggle::after{color:#212446}
.iteasy_nav .nav-item.dropdown .dropdown-toggle::after{content: '\f0dd';margin-top: -7px;font-size: 14px}
.iteasy_nav .nav-item .nav-link{height:45px;font-size:18px;}

/* lnb */
.iteasy_sidebar{background:#121927;width:240px !important;position: fixed;top:0;left:0;height:100%;z-index:15}
.iteasy_sidebar h1 {height:120px;padding-top:30px;padding-left:20px;}
.iteasy_sidebar h1 a{text-align: left !important;padding: 10px 0 !important;width: 100%;display: block;}
.iteasy_sidebar h1 img{width:80%;}
.iteasy_sidebar .sidebar-heading{color:#9a9ca2;font-size:13px;padding: 0 12px;font-weight:600;text-align:left;margin:0 20px;height:40px;line-height: 40px;border-radius:3px;}
.iteasy_sidebar .sidebar-heading.active{color:#fff;background:#282f3b;}
.iteasy_sidebar li ul {border-left:1px solid #282f3b;margin:10px 20px 10px 40px ;padding-left:10px;}
.iteasy_sidebar .sidebar-heading i{display: inline-block;margin-right: 10px;vertical-align: middle;font-size:18px;}
.iteasy_sidebar li ul li a{color:#9a9ca2;font-size:12px;width:100% !important;border-radius:5px;height:35px;}
.sidebar.iteasy_sidebar .nav-item .nav-link{text-align:left;}
.sidebar.iteasy_sidebar .nav-item .nav-link{padding:0.5rem 1rem}
.sidebar.iteasy_sidebar .nav-item .nav-link span{font-size:12px;font-weight:600;line-height:20px;}
.iteasy_sidebar li ul li a.active{color:#4696d1;font-weight:600}
.iteasy_sidebar li ul li a:hover{color:#4696d1;background:#282f3b;}
.iteasy_sidebar li ul li a:focus{color:#9a9ca2}


/* content */
#wrapper{height:100%;}
#wrapper #content-wrapper{margin-left:240px;width:calc(100% - 240px);background:#f8f8f8}
#wrapper #content-wrapper h2{font-size:30px;height:50px;font-weight:600;color:#222;padding-bottom:20px;margin-bottom:15px;border-bottom:1px solid #e1e1e1;}
.content_box .btnBox{margin-bottom: 30px}
p.tit_txt{font-size:14px;color:#6f7681;margin-bottom: 40px;}
#wrapper .container-fluid .dropdown-toggle{width:200px;text-align:left;position:relative;}
#wrapper .container-fluid .dropdown-toggle::after {position: absolute;right: 10px;top: calc(20px - 10px);content: '';width: 10px;height: 10px;border-bottom: 3px solid #c2c1c1;border-left: 3px solid #c2c1c1;transform: rotate(315deg);border-top: none;border-right: none;}
#wrapper .container-fluid .dropdown-menu{width:200px;line-height:25px;}

/* footer */
footer.sticky-footer{border-top:1px solid #e1e1e1;height:40px;line-height:40px;color:#6f7681;font-size:12px;padding:0 20px;}

/* txt color */
.txtblue{color: #4696d1 !important}
.txtnavy{color: #294f8f !important}
.txtred{color: #ff3939 !important}
.txtgray{color: #707070 !important}

/* font-size */
.fs10{font-size:10px}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs15{font-size:15px}
.fs16{font-size:16px}
.fs17{font-size:17px}
.fs18{font-size:18px}
.fs19{font-size:19px}
.fs20{font-size:20px}


/* 서버신청 */
.content_box .boundary{margin-top: 30px;background:#fff;border:1px solid #ebeaea;padding:30px 20px;margin-bottom: 0;}
.content_box .boundary.sfw_box{margin-top: -1px;}
.content_box .boundary .sub-title{font-size:16px;font-weight:600;margin-bottom: 20px}
.content_box .boundary .sub-title small{color:#707070;font-size:12px;position: relative;font-weight:400}
.content_box .boundary .sub-title small i{display: inline-block;width:5px;height:5px;background:#4696d1;border-radius:200px;}
.content_box .boundary .sub-txt{font-size:12px;line-height:27px;font-weight:500}
.content_box .boundary .sub-txt>p{padding-left:30px;}
.content_box .boundary .sub-txt>p font{margin-left:-15px;display: block;}
.content_box .boundary #software_div ul{margin-top: 20px}
.content_box .boundary #software_div ul li {list-style: none;width:15%;height:40px;font-size:12px;float:left;margin-right: 10px;margin-bottom: 10px;text-align:left;}
.content_box .boundary #software_div ul li label{width:100%;height:100%;border:1px solid #ebeaea;color:#999797;position: relative;background:#fff;border-radius:4px;line-height:40px;padding:0 10px 0 40px;}
.content_box .boundary #software_div ul li label:after{content:'';position: absolute;left:10px;top:3px;width:26px;height:37px;}
.content_box .boundary #software_div ul li input:checked+label{border-color:#294f8f;background:#f6f9ff;color:#294f8f}
.content_box .boundary #software_div ul li:nth-child(6n){margin-right: 0;}
.content_box .boundary #software_div ul li input[type=radio]{display: none;}
/* 윈도우 */
.content_box .boundary #software_div ul li label.windows:after{background: left top/80% url('/images/console/software/windows_off.png') no-repeat;}
.content_box .boundary #software_div ul li input:checked+label.windows:after{background: left top/80% url('/images/console/software/windows_on.png') no-repeat;}
/* Ubuntu */
.content_box .boundary #software_div ul li label.ubuntu:after{background: left top/80% url('/images/console/software/ubuntu_off.png') no-repeat;}
.content_box .boundary #software_div ul li input:checked+label.ubuntu:after{background: left top/80% url('/images/console/software/ubuntu_on.png') no-repeat;}
/* debian */
.content_box .boundary #software_div ul li label.debian:after{background: left top/80% url('/images/console/software/debian_off.png') no-repeat;}
.content_box .boundary #software_div ul li input:checked+label.debian:after{background: left top/80% url('/images/console/software/debian_on.png') no-repeat;}
/* fedora */
.content_box .boundary #software_div ul li label.fedora:after{background: left top/80% url('/images/console/software/fedora_off.png') no-repeat;}
.content_box .boundary #software_div ul li input:checked+label.fedora:after{background: left top/80% url('/images/console/software/fedora_on.png') no-repeat;}
/* centos */
.content_box .boundary #software_div ul li label.centos:after{background: left top/80% url('/images/console/software/centos_off.png') no-repeat;}
.content_box .boundary #software_div ul li input:checked+label.centos:after{background: left top/80% url('/images/console/software/centos_on.png') no-repeat;}
/* mariadb */
.content_box .boundary #software_div ul li label.mariadb:after{background: left top/80% url('/images/console/software/mariadb_off.png') no-repeat;}
.content_box .boundary #software_div ul li input:checked+label.mariadb:after{background: left top/80% url('/images/console/software/mariadb_on.png') no-repeat;}
/* sql server */
.content_box .boundary #software_div ul li label.sqlsvr:after{background: left top/80% url('/images/console/software/sqlsvr_off.png') no-repeat;}
.content_box .boundary #software_div ul li input:checked+label.sqlsvr:after{background: left top/80% url('/images/console/software/sqlsvr_on.png') no-repeat;}
/* mySql */
.content_box .boundary #software_div ul li label.mysql:after{background: left top/80% url('/images/console/software/mysql_off.png') no-repeat;}
.content_box .boundary #software_div ul li input:checked+label.mysql:after{background: left top/80% url('/images/console/software/mysql_on.png') no-repeat;}
/* redhat */
.content_box .boundary #software_div ul li label.redhat:after{background: left top/80% url('/images/console/software/redhat_off.png') no-repeat;}
.content_box .boundary #software_div ul li input:checked+label.redhat:after{background: left top/80% url('/images/console/software/redhat_on.png') no-repeat;}
/* suse */
.content_box .boundary #software_div ul li label.suse:after{background: left top/80% url('/images/console/software/suse_off.png') no-repeat;}
.content_box .boundary #software_div ul li input:checked+label.suse:after{background: left top/80% url('/images/console/software/suse_on.png') no-repeat;}
/* rocky */
.content_box .boundary #software_div ul li label.rocky:after{background: left top/80% url('/images/console/software/rocky_off.png') no-repeat;}
.content_box .boundary #software_div ul li input:checked+label.rocky:after{background: left top/80% url('/images/console/software/rocky_on.png') no-repeat;}

.content_box .boundary #server_div ul{margin-top: 20px}
.content_box .boundary #server_div ul li {list-style: none;width:340px;height:40px;font-size:12px;float:left;margin-right: 10px;margin-bottom: 10px;}
.content_box .boundary #server_div ul li label{width:100%;height:100%;border:1px solid #ebeaea;color:#999797;position: relative;background:#fff;border-radius:4px;line-height:40px;padding:0 20px;text-align:center;}
.content_box .boundary #server_div ul li label:after{content:'';position: absolute;left:10px;top:3px;width:26px;height:37px;}
.content_box .boundary #server_div ul li input:checked+label{border-color:#294f8f;background:#f6f9ff;color:#294f8f}
.content_box .boundary #server_div ul li input[type=radio]{display: none;}

.content_box .boundary .li-style li{margin-bottom: 20px}
.content_box .boundary .li-style li:last-child{margin-bottom: 0}
.content_box .boundary .li_tit{width:10%;font-size:14px;display: inline-block;position: relative}
.content_box .boundary .li_tit .require{position: absolute;top:0;width:5px;height:5px;background:#4696d1;border-radius:200px;margin-left: 2px}
.content_box .boundary .li_tit small{color:#6f7681;font-size:11px;display: block;margin-top:5px}
.content_box .boundary .li-style li .btn-txt{font-size:12px;}
.content_box .boundary .li-style li .btn-txt.btn-txt-reg{font-size:18px;height:40px;}
.content_box .boundary .li-style li .add-comment{color:#222222;font-size:12px;}
.content_box .boundary .li-style li#public_warning{font-size:12px;line-height:18px;margin-bottom: 0}
.content_box .boundary .li-style li#public_warning .txtblue{display: inline-block;}
.content_box .btnBox {text-align:center;}
.content_box .btnBox .btn-iteasy{float:none;}

.total_price tr td{background: #f6f9ff;text-align: right;padding: 15px;font-size: 14px;color: #294f8f;font-weight: 600;}
#confirm .data-detail ul li{display: flex;align-items: center;}
#confirm .data-detail ul li:nth-last-child(2){margin-bottom: 0}
#confirm .iteasy_tbl tr th {text-align: center}
#confirm .iteasy_tbl tr td {text-align: center}
#confirm .iteasy_tbl tr td:last-child{text-align:right;padding-right:15px;}


/* 로드밸런스 */
.loadbalancer_signup .lb_listener .lb_listener_box:first-child{width:53%;float:left;}
.loadbalancer_signup .lb_listener .lb_listener_box:last-child{width:47%;float:left;margin-left: -5px;}
.loadbalancer_signup .lb_listener .lb_listener_box i{line-height: 40px}
.loadbalancer_signup #cert_form{margin-top: -1px;}
.loadbalancer_signup #cert_form .btn_cert{font-size:18px;height:40px;}
.loadbalancer_signup .svList_box{padding-bottom: 30px}
.loadbalancer_signup .svList_box>.cl>div{float:left;width:47%;}
.loadbalancer_signup .svList_box>.cl>div .border{height:376px;border:1px solid #ebeaea;overflow-y:auto;position: relative;}
.loadbalancer_signup .svList_box>.cl>p{float:left;width:5%;  height: 440px;padding-top: 64px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.loadbalancer_signup .svList_box>.cl>p button:first-child{margin-bottom: 30px}
.loadbalancer_signup .svList_box>.cl>p button{font-size:30px;color:#d2d2d2}
.loadbalancer_signup .svList_box>.cl>p button i.bi-arrow-right-circle-fill{color:#4696d1}
.loadbalancer_signup .svList_box>.cl>p button i.bi-arrow-left-circle-fill{color:#4696d1}
.loadbalancer_signup #total_server tbody tr.active td:last-child{color:#4696d1 !important}
.loadbalancer_signup #lb_server tbody tr.active td:last-child{color:#4696d1 !important}
.loadbalancer_signup .child-title{font-size:14px;font-weight:600;text-align:center;padding:30px 0 20px}
.loadbalancer_confirm .data_detail .algo{font-size:12px;color:#6f7681}
.loadbalancer_confirm .data_detail li{line-height: 33px}
.loadbalancer_confirm .data_detail li p{line-height: 33px}
.loadbalancer_signup table.iteasy_tbl.listener_tit{margin-bottom: 10px}


.loadbalancer_signup #lb_protocol,
.loadbalancer_signup #server_protocol{width:130px;min-width: 130px;margin-right: 10px !important}
.loadbalancer_signup #lb_port,
.loadbalancer_signup #server_port{width:90px;margin-right: 10px !important}
.loadbalancer_signup #cert-dropdown{width:160px !important;font-size:12px !important;}
.loadbalancer_signup #cert_form .dropdown-item{font-size:12px !important;}
.select2-container { z-index: 100000}
#select2-attend-container li {min-height:auto !important; background-color: white !important;}