/* common */
#top_line { border-top:solid 5px #4653d3; width:100%; height:0px; }
#divpop { width:950px; height:86px; margin:0 auto; position:relative; display:none;}
#divpop #btn_close { width:200px; height:21px; position:absolute; top:60px; left:750px; z-index:2; color:#fff; }
#body_con { padding-top:30px; padding-bottom:30px; min-height:400px; width:700px; margin:0 auto; }
.body_set_01 { }
.body_set_01 dt { font-weight:bold; color:#000; height:20px; }
.body_set_01 dd { line-height:21px; }
.subtext { font-family:'돋움'; font-size:11px; color:#0e8bf7; line-height:18px; padding:15px; display:block; margin:15px 0 15px 0; }
.line_box { border:1px solid #0e8bf7; }
.sub_title_01 { width:700px; height:35px; border-bottom:1px solid #CCC; }
.sub_title_01 h3 { font-size:20px; float:left; font-family: Nanum Gothic; }
.sub_title_01 span { float:right; margin-top:10px; font-size: x-small; font-family:Verdana, Geneva, sans-serif; color:#a3a3a3}
.sub_title_02 { width:700px;padding-left:35px; font-size:15px; float:left; font-family: Nanum Gothic; color:#4653d3; height:35px; background-image: url(/image/managed/bullet_title.gif); background-repeat: no-repeat; }
.sub_title_03 { width:auto;padding-left:35px; font-size:15px; float:left; font-family: Nanum Gothic; color:#4653d3; height:30px; background-image: url(/image/managed/bullet_title.gif); background-repeat: no-repeat; }
.desc_01 {font-size:15px; font-family:'돋움'; line-height:21px; padding:15px;margin-top:15px;}
.box_type01 {float:left; width:100%; height:60px; border:1px solid #CCC; margin-bottom:20px;}
.box_type01 ul li {vertical-align:middle; text-align:center;}
.block_01 {float:left; width:140px; height:60px; background-color:#999; font-size:17px; font-family:'Nanum Gothic'; color:#fff; line-height:350%;}
.block_02 {float:left; width:185px; height:60px; font-size:13px; font-weight:bold; font-family:'Nanum Gothic'; color:#000; line-height:18px;}
.block_03 {float:left; width:170px; height:60px; font-size:25px; font-weight:bold; font-family:'Nanum Gothic'; color:#000; line-height:250%;}
.block_04 {float:left; width:200px; height:60px; font-size:12px; font-weight:bold; font-family:'Nanum Gothic'; color:#000; line-height:500%;}
.block_04 img {margin-top:0px;}
.font_type_01 {font-size:13px; font-weight:bold;}
.font_type_02 {font-size:17px; font-weight:bold; font-family:'Nanum Gothic';}
.font_blue {color:#06F}
.font_black {color:#000}
.font_orange {color:#ec8500;}
.font_red {color:#F00;}
.font_point {color:#01adfd}
.fontcolorange {color:#FF6600;}
.font_white {color:#fff;}
.line_height18 {line-height:18px;}
.line_height21 {line-height:21px;}
.p_title {font-weight:bold; color:#fff; text-align:center; height:25px;}
.borderL {border-left:1px solid #ccc;}
.borderR {border-right:1px solid #ccc;}
.borderT {border-top:1px solid #ccc;}
.borderB {border-bottom:1px solid #ccc;}


/* position  */
.mgT10 {margin-top:10px;}
.mgT20 {margin-top:20px;}
.mgT30 {margin-top:30px;}
.mgT40 {margin-top:40px;}
.mgT50 {margin-top:50px;}
.mgL10 {margin-left:10px;}
.mgL20 {margin-left:20px;}
.mgL30 {margin-left:30px;}
.mgL40 {margin-left:40px;}
.mgL50 {margin-left:50px;}
.mgR20 {margin-right:20px;}
.mgB30 {margin-bottom:30px;}
.pdL10 {padding-left:10px;}
.pdL20 {padding-left:20px;}
.float_L {float:left;}
.float_R {float:right;}
.clear {clear:both;}
.align_center {text-align:center;}

/* 서버관리운영 */
.server01 {background-image:url(/image/managed/server_img_02.jpg);background-repeat: no-repeat; width:700px; height:345px;}
.server01-1 {float:left; width:150px; margin-left:50px; margin-top:90px;}
.server01-1 li {height:18px; color:#000}
.server01-2 {float:left; width:380px; margin-left:110px; margin-top:90px; }
.server01-2 li {height:18px; color:#000}
.server02 {float:left; width:700px; height:auto;  border:1px solid #CCC;clear:both;}
.server02-1 {float:left; width:180px; padding:10px; line-height:21px;}
.server02-2 {float:right; margin:10px 10px 10px 0; width:450px; padding:10px; height:auto; border:1px solid #ccc;}
.server02-2 h3 {height:30px; text-align:center; color:#000;}
.server02-3 {float:left; width:257px; height:264px; background-color:#26a8fe; padding:10px;}
.server02-3 ul li {padding:10px; line-height:18px; background-color:#fff; color:#000; margin-bottom:10px;}
.server02-4 {float:right; width:147px; height:264px; background-color:#26a8fe; padding:10px;}
.server02-4 ul li {padding:10px; line-height:18px; background-color:#fff; color:#000; margin-bottom:10px;}
.server02-5 {clear:both; float:left; position:relative; width:700px; height:307px; background-image: url(/image/managed/server_img_03.jpg); background-repeat: no-repeat; border:1px solid #ccc;}
.server02-5 dl {margin-top:195px; margin-left:20px;}
.btn_view_01 { position:absolute; top:268px; left:610px;}
.server02-6 {clear:both; float:left; position:relative; width:700px; height:246px; background-image: url(/image/managed/server_img_04.jpg); background-repeat: no-repeat; border:1px solid #ccc;}
.server02-6 dl {margin-top:30px; margin-left:20px;}
.btn_view_02 { position:absolute; top:207px; left:610px;}
.server02-7 {clear:both; float:left; position:relative; width:700px; height:245px; background-image: url(/image/managed/server_img_05.jpg); background-repeat: no-repeat; border:1px solid #ccc;}
.server02-7 dl {margin-top:30px; margin-right:20px; text-align:right;}
.server02-7 dd {text-align:right;}
.btn_view_03 { position:absolute; top:207px; left:610px;}
.server02-8 {clear:both; float:left; position:relative; width:700px; height:243px; background-image: url(/image/managed/server_img_06.jpg); background-repeat: no-repeat; border:1px solid #ccc;}
.server02-8 dl {margin-top:30px; margin-left:20px;}
.server03 {float:left; width:700px; height:auto; padding-bottom:10px; border:1px solid #ccc;}
.server03-1 {float:left; width:204px; height:288px; padding:10px;}
.server03-1 dl {float:left; clear:both;}
.server03-1 dl dt {font-weight:bold; color:#000; text-align:center; height:30px;}
.server03-1 dl dd ul li {margin-bottom:8px; font-size:11px; font-family:'돋움'; color:#000; line-height:14px;}
.server03-1 p {text-align:center; padding:10px 0 30px 0;}
.server04 {width:700px; height:360px;}
.server04 li {float:left; width:222px; height:169px; }
.server05 {width:700px;}
.server05 li {width:100px; height:50px; float:right;margin-left:2px; line-height:18px; font-weight:bold; color:#fff; text-align:center; padding-top:10px;}
.server05-table_set tr th {font-weight:bold; font-size:17px; font-family:'Nanum Gothic';padding:5px; color:#192bd7; }
.server05-table_set tr td {padding:5px;}
.server06 dt { font-weight:bold; color:#000; height:21px; background-image: url(/image/managed/dot_puple.gif); background-repeat: no-repeat; padding-left:17px;}
.server06 dd {line-height:18px;  padding-left:17px;}
.server07_box {float:left; width:690px; height:auto; padding:5px; border:1px solid #E7E7E7;}
.server07_left_con {float:left; width:300px;  padding:3px;}
.server07_left_con dl dt {font-weight:bold; height:21px;}
.server07_left_con dl dd {line-height:16px; font-size:11px; font-family:'돋움'; }
.server07_right_con {float:right; width:377px;border-left:1px solid #E4E4E4;}
.server08 {float:left; width:230px; line-height:18px;}
.server08_right_con {float:right; width:446px;}
.server08_box {width:700px; height:auto;}
.server08_left_box {float:left; width:337px; height:auto;}
.server08_right_box {float:right; width:358px; height:auto;}
.server09_box {float:left; width:690px; height:auto; }
.server09 {float:left; width:206px;}
.server09_right_con {float:right; width:466px;}
.server09_lst li {height:21px; background-image: url(/image/managed/dot_puple.gif); background-repeat: no-repeat; padding-left:17px; color:#000;}
.table_pd5 td {padding:5px;}
.server10 {width:700px; height:auto; float:left; clear:both;}
.server10 p {width:78px; height:72px;float:left;}
.server10 dl {width:610px; height:auto; float:right;}
.server10 dt {font-weight:bold; font-size:15px; font-family:'Nanum Gothic'; height:25px;}
.server10 dd {line-height:18px;}
.server11 {padding:10px;}
.server11 dl {width:600px; height:auto; margin:0 auto; border:3px solid #ff6700;}
.server11 dl dt {background-color:#ff6700;text-align:center; padding:5px;}
.server11 dl dd {line-height:18px; padding:20px;}
.server12 {width:700px; height:auto; float:left; clear:both;}
.server12 p {width:126px; height:72px;float:left;}
.server12 ul li {height:40px;margin-bottom:20px;}
.server13 {width:600px;height:30px; margin:0 auto; display:block; margin-top:30px;}
.server13 li {display:inline; float:left; margin-left:15px;}
.server13-2 li {margin-bottom:30px;}
.server13-2 li dl dt {font-weight:bold;height:20px;}
.server13-2 li dl dd {line-height:18px;padding-left:20px;}
.server14 {padding:20px; border:1px solid #ccc; background-color:#E8E8F4; line-height:21px; color:#655C6D}
.hand {cursor:pointer;}
#menu2 {display:none;}
#menu3 {display:none;}

/* istope */
/* ---- button ---- */

.button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #606060;
  border: none;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-family: sans-serif;
  font-size: 12px;
  cursor: pointer;
}

.button:hover {
  background-color: #fe7800;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #fd6500;
}

.button:active,
.button.is-checked {
  background-color: #fe7800;
}

.button.is-checked {
  color: white;
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 2px;
}

/* ---- isotope ---- */

.isotope {
  border: 0px solid #333;
  margin-top:20px;
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}



/* ---- .element-item ---- */

.element-item {
  position: relative;
  float: left;
  width: 365px;
  height: 246px;
  margin: 4px;
  padding: 0px;
  background: #888;
  color: #262524;
}

.element-item > * {
  margin: 0;
  padding: 0;
}



.point_line {
	background: url("/image/common/bg_line.gif") 0px; height: 1px;
}

.btn_detail {
	background: rgb(28, 107, 173); border: 1px solid rgb(15, 87, 149); border-image: none; height: 26px; color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; cursor: pointer;
}
.mar_left25 {
	margin-left: 25px;
}
.mar_top3 {
	margin-top: 3px;
}
.mar_right5 {
	margin-right: 5px;
}
.btn_webh {
	height: 170px; margin-top: 30px; margin-left: 45px;
}
.btn_webh ul li {
	padding: 0px 20px; height: 150px; text-align: center;
}
.btn_webh ul li img {
	margin-bottom: 15px;
}
#partner {
	border: 1px solid rgb(202, 202, 202); border-image: none; width: 960px; height: 70px; text-align: center; margin-top: 10px; margin-bottom: 22px;
}
#partner img {
	margin-top: 20px;
}
.btn_01 {
	background: rgb(255, 255, 255); padding: 1px 8px; border: 1px solid rgb(153, 153, 153); border-image: none; width: 50px; height: 21px; color: rgb(102, 102, 102); font-size: 11px; font-weight: bold; cursor: pointer;
}
.btn_02 {
	background: rgb(209, 108, 100); padding: 1px 8px; border: currentColor; border-image: none; width: 50px; height: 21px; color: rgb(255, 255, 255); font-size: 11px; font-weight: bold; cursor: pointer;
}
.btn_03 {
	background: rgb(75, 114, 163); padding: 1px 8px; border: currentColor; border-image: none; width: 50px; height: 21px; color: rgb(255, 255, 255); font-size: 11px; font-weight: bold; cursor: pointer;
}
.btn_04 {
	background: rgb(231, 231, 231); padding: 1px 8px; border: currentColor; border-image: none; width: 50px; height: 21px; color: rgb(102, 102, 102); font-size: 11px; font-weight: bold; cursor: pointer;
}
.opens_txt {
	padding: 25px; border: 1px solid rgb(219, 219, 219); border-image: none; width: 420px; line-height: 26px; margin-left: 30px;
}
.btn_detail2 {
	background: rgb(28, 107, 173); padding: 7px 10px 8px; border: 1px solid rgb(15, 87, 149); border-image: none; width: 240px; height: 35px; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; margin-right: 5px; cursor: pointer;
}
.content_line00 {
	margin: 30px; border-bottom-color: rgb(207, 209, 212); border-bottom-width: 1px; border-bottom-style: solid;
}
.content_line06 {
	margin: 0px 30px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid;
}
.server_event {
	margin: -5px 0px 0px 7px; position: absolute;
}
.lh18 {
	line-height: 18px;
}
.lh22 {
	line-height: 22px;
}
.tel_box {
	line-height: 24px; margin-left: 120px;
}
input[type=range].monitoring {
	width: 200px;
}
.btn_05 {
	background: rgb(67, 181, 235); padding: 1px 8px; border: currentColor; border-image: none; width: 50px; height: 21px; color: rgb(255, 255, 255); font-size: 11px; font-weight: bold; cursor: pointer;
}
.margin_bottom60 {
	margin-bottom: 60px;
}
.m_txt a {
	color: rgb(255, 255, 255); font-size: 12px; text-decoration: none;
}
.m_txt a:hover {
	color: rgb(252, 183, 18); text-decoration: underline;
}
.m_txt {
	line-height: 22px;
}


.pt_mf {
	height: 35px; color: rgb(21, 105, 163); padding-top: 8px;
}
.pt_mp {
	background-color: rgb(151, 189, 224);
}
.pt_mn {
	height: 1px !important; font-size: 0px; background-color: rgb(213, 222, 233);
}
.pt_mt1 {
	text-align: left; color: rgb(20, 87, 143); padding-top: 6px; padding-bottom: 6px; padding-left: 15px !important; background-color: rgb(234, 239, 245);
}
.pt_mt2 {
	text-align: left; color: rgb(20, 87, 143); letter-spacing: -1px; padding-left: 15px !important; background-color: rgb(234, 239, 245);
}
.pt_mt3 {
	text-align: left; color: rgb(20, 87, 143); padding-left: 15px !important; background-color: rgb(248, 251, 252);
}
.pt_mt4 {
	text-align: center; color: rgb(20, 87, 143); padding-top: 6px; padding-bottom: 6px; padding-left: 15px; background-color: rgb(234, 239, 245);
}
.pt_mt5 {
	text-align: left; color: rgb(20, 87, 143); padding-left: 15px !important; background-color: rgb(228, 237, 246);
}
.pt_mtd1 {
	background: rgb(255, 255, 255); color: rgb(77, 77, 77); padding-top: 6px; padding-bottom: 5px; padding-left: 12px;
}
.pt_mtd2 {
	background: rgb(248, 251, 252); color: rgb(20, 87, 143); padding-top: 6px; padding-bottom: 5px; padding-left: 12px;
}
.pt_mtd3 {
	background: rgb(248, 251, 252); text-align: left; color: rgb(20, 87, 143); padding-top: 6px; padding-bottom: 5px; padding-left: 12px !important;
}
.pt_mtd4 {
	background: rgb(248, 251, 252); text-align: center; color: rgb(20, 87, 143); padding-top: 6px; padding-bottom: 5px; padding-left: 12px;
}
.pt_t1 {
	text-align: center; color: rgb(20, 87, 143); padding-left: 15px; background-color: rgb(234, 239, 245);
}
.pt_t2 {
	text-align: center; color: rgb(20, 87, 143); padding-top: 4px; padding-bottom: 4px; padding-left: 15px; background-color: rgb(234, 239, 245);
}


.tbbl {
	background: rgb(255, 255, 255); margin: 4px 0px 8px; width: 100%; font-family: tahoma; font-size: 9pt; vertical-align: top; border-top-color: rgb(151, 189, 224); border-bottom-color: rgb(151, 189, 224); border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; table-layout: fixed;
}
.tbbl td {
	padding: 7px 3px 6px 4px;
}
.tbbl .tbtit {
	background: rgb(234, 239, 245); color: rgb(20, 87, 143);
}
.tbbl .tbtit2 {
	background: rgb(244, 247, 250); color: rgb(20, 87, 143);
}
.tbbl .tbtit3 {
	background: rgb(249, 250, 251);
}
.tbbl .price {
	color: rgb(205, 35, 53);
}
.tbbl .wonga {
	color: rgb(205, 35, 53); font-size: 11px;
}
.tbbl .wonul {
	color: rgb(255, 0, 0); font-size: 11px;
}