.row {clear:both; position:relative; overflow:hidden;}
/* ----------------------------
	상단 레이아웃
-----------------------------*/

/* 상단메뉴 */ 
#hd_m {position:relative; background:url(../img/head_bg.png) center top; background-size:100%; padding:10px 0; border-bottom:1px solid #00473c;}

@media(max-width:768px) {
#hd_m {background-size: cover;}
}
#lang {margin-top: -1px; }
#hd_m .mobile_menu {margin-top:4px;}
@media(max-width:480px) {
	#hd_m .mobile_menu {margin-top:4px;}
	#lang {margin-top: 0px;}
}
 
/*-------------------------------------------------
 서브 메뉴
-------------------------------------------------*/
 
.snb {position:relative; background:#f5f5f5; border-bottom:1px solid #eee;}
.snb li {display:inline-block; padding: 0; }
.snb li a {display: block;  font-weight:400; color: #777; padding:15px 20px; margin:0; font-size: 14px; border-bottom: 3px solid transparent; text-transform:uppercase;}
.snb li a:hover {color:#333; border-bottom-color:#ddd;} 
.snb li a.active { color: #88b04c; border-bottom-color:#88b04c;}

@media(max-width:768px) {
	.snb {background:#fff}
	.snb li a {padding: 13px 13px; font-size: 14px;line-height:1em;}
}
@media(max-width:480px) {
	.snb li a {padding: 13px 11px; font-size: 13px; letter-spacing:-1px;}
}
#lang {position:absolute !important; top:23px !important; }
 

/* -----------------------------
	개인정보 처리방침
------------------------------*/
.privacy_wrap {position:relative; box-sizing:border-box;max-width:1120px; background:#f5f5f5; border:1px solid #eee; margin:0 auto; padding:30px; margin-bottom:50px;}
.privacy_cont {position:relative;  font-size:13px; color:#777; margin-bottom:50px; }
.privacy_cont h1 {font-size:18px; padding:0; margin:0;font-weight:bold; color:#333; }
.privacy_cont ul {margin:20px 0; padding:0 10px; line-height:23px; }
.privacy_cont li {margin:0; padding:0; margin-bottom:10px;}
.privacy_cont li span {display:block; padding-left:20px; }
 
 /* table-privacy */ 
.table-privacy {font-size: 13px;  margin: 10px 0;; border: 1px solid #ddd; width: 100%; max-width: 100%;border-collapse: collapse !important;}
.table-privacy > thead > tr > td {padding: 7px; color: #555; font-weight:normal; vertical-align: middle; text-align: center; background: #f9f9f9; border: 1px solid #ddd !important; width:auto;}
.table-privacy > tbody > tr > td  {padding: 7px; line-height: 20px; color: #777; vertical-align: middle; background: #fff; border: 1px solid #ddd; text-align:left;}

/* -----------------------------
	다운로드 페이지
------------------------------*/
 /*
.pro_wrap .down_wrap {position:relative; float:left; width:48%; min-height:650px; margin:0 1%; background:#fdfdfd; border:1px solid #ddd; text-align:center; box-sizing:border-box; padding:30px; overflow:hidden; }
.pro_wrap .down_wrap .down_title {font-size:30px; margin:30px 0; color:#555; font-weight:bold; letter-spacing:-1px;}
.pro_wrap .down_wrap .down_img {height:250px; line-height:250px; vertical-align:middle;}

.pro_wrap .down_wrap .down_btn a {display:inline-block; margin-top:20px;}
.pro_wrap .down_wrap .down_txt {margin:0; padding:0; padding-top:30px; font-size:15px; line-height:32px; color:#777; letter-spacing:-0.5px;}

@media(max-width:992px) {	
	.pro_wrap .down_wrap {padding:20px; }
	.pro_wrap .down_wrap .down_title {font-size:26px}
	.pro_wrap .down_wrap .down_img img {width:100%; max-width:300px;}
}
@media(max-width:768px) {
	.pro_wrap .down_wrap {width:100%; margin:10px auto; min-height:0;}
}
@media(max-width:480px) {
	.pro_wrap .down_wrap {padding:10px;}
	
}*/

.down_wrap {position:relative; width:100%; margin-bottom:50px; display:block; background:#fdfdfd; border:1px solid #999; text-align:left; box-sizing:border-box; padding:40px; overflow:hidden; }
.down_wrap h1.title {font-size:24px; margin:0; color:#88b04c; font-weight:500; letter-spacing:-1px; margin-bottom:40px;}
.down_wrap .down_txt {margin:0; padding:0; padding-top:30px; font-size:15px; line-height:32px; color:#777; letter-spacing:-0.5px;}
.down_wrap hr {position:relative; border:none; border-bottom:1px solid #e3e3e3; display:block; width:100%; margin:40px 0;} 

.download_list .col-md-6 {padding:0px 15px;}

.latest_ver {background:#333; padding:30px 20px; margin-bottom:40px;}
.ver_info {margin-top:10px; padding:15px; border:1px solid #eee; background:#fff; line-height:24px;  border-radius:2px; overflow:hidden;}
.ver_info dt {list-style-type : disc;width:30%; float:left; color:#555;}
.ver_info dd {width:70%;float:left; color:#888;}

.download_list .table-basic > thead > tr > td {background:#eee;}
.download_list .table-basic > tbody > tr > td {padding:15px; font-size:12px;}
.download_list .table-basic > tbody > tr > td:nth-child(2) {text-align:center;} 
.download_list .table-basic > tbody > tr > td strong {font-size:15px; line-height:20px; color:#333; display:inline-block; padding-bottom:7px;}


/* -----------------------------
	소모품안내 페이지
------------------------------*/

.equip-wrap { background: #fff; width: 100%; padding: 40px;margin-bottom:50px;}
.equip-item {overflow:hidden; padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #ddd; }
.equip-img { padding: 40px; background: #fff; width: 100%;  }
.equip-img img { width: 100%; max-width: 600px; }
.equip-wrap h3 {font-size:22px;color:#333; line-height:35px;}
.equip-wrap h3 span {display:block; margin-left:35px; margin-top:10px;font-size: 13px; line-height:26px; color:#777;}
.equip-wrap h3 span.num  {font-size:15px; line-height:35px; font-weight:bold; color:#fff; background:#333; border-radius:50%; display:inline-block; width:35px; height:35px; text-align:center; vertical-align:middle; margin:0;margin-right:5px; }
.equip-item .btn-link {border-bottom:1px solid #e89bb5; padding:0; line-height:22px; height:22px; color:#e91e63; vertical-align:middle; margin-left:5px; margin-top:-7px;}
@media(max-width:768px) {
.equip-img { padding: 40px 0px;  }
	.equip-img img { max-width: 100%; }
.equip-wrap h3 span {margin-left:0px;}
}

/* -----------------------------
	등록기기 페이지
------------------------------*/
	.device_notice_txt {width:100%; font-size:15px; line-height:20px; color:#888; text-align:center; margin-bottom:40px;}
	.device_wrap {display:inline-block; width:100%}
	.device_wrap .device_list {width:100%; border:1px solid #ddd; padding:40px; border-top:0; cursor:default;}
	.device_wrap li:first-child.device_list {border-top:1px solid #ddd; padding:40px;}
	.device_wrap .device_list:hover {background:#f5f5f5}
	.device_wrap .device_list div {display:inline-block}
	.device_wrap .device_img{width:15%; text-align:center;}
	.device_wrap .device_img i{font-size:30px; line-height:30px;}
	.device_wrap .device_name {width:25%; text-align:center; font-size:18px; text-align:left;}
	.device_wrap .device_inf {width:50%; text-align:center; font-size:14px; color:#aaa; text-align:left;}

/* -----------------------------
	동기화 페이지
------------------------------*/
	.synch_txt {width:100%; font-size:15px; line-height:20px; color:#888; text-align:center; margin-bottom:40px;}
	.synch_wrap {display:inline-block; width:100%}
	.synch_wrap .synch_list {width:100%; border:1px solid #ddd; padding:20px; border-top:0; cursor:default;}
	.synch_wrap li:nth-child(2).synch_list {border-top:1px solid #ddd; padding:20px;}
	.synch_wrap .synch_list:hover {background:#f5f5f5}
	.synch_wrap .synch_list div {display:inline-block}
	.synch_wrap .synch_img{width:18%; text-align:center;}
	.synch_wrap .synch_img a{display:block; width:100px; height:100px; margin:0 auto;}
	.synch_wrap .synch_name {width:18%; text-align:center; font-size:18px;}
	.synch_wrap .synch_cate {width:17%; text-align:center; font-size:14px;}
	.synch_wrap .synch_inf {width:37%; text-align:center; font-size:14px; color:#aaa;}
	.synch_wrap .synch_del {width:8%; text-align:center; font-size:14px;}
	.synch_wrap .synch_btn {width:auto; text-align:center}
	.synch_wrap li.synch_list.list_head {border-bottom:0; border-top:1px solid #ddd; background-color:#fafafa; height:auto; padding:20px;}
	.synch_wrap li.synch_list.list_head span {display:inline-block; font-size:15px; font-weight:bold; color:#777;}
	
	/*---------------------------------------
  본문 개별 - 템플릿 리스트, 등록
--------------------------------------*/

/* 템플릿 리스트 스텝 */
.cp-step {position:relative; overflow:hidden; padding:60px 30px 40px 30px;}
.cp-step h2 {height:0;font-size:0;line-height:0;overflow:hidden}

.cp-step ul li {position:relative; float:left; width:20%; height:70px; text-align:center; }
/*.cp-step ul li:before {content:""; position:absolute; display:block; z-index:1; left:0; top:13px; width:100%; height:6px; background-image:url(../img/step-bar.png); background-position:50% center;}*/

.cp-step ul li .progress-bar {position:absolute; z-index:1; left:0; width:100%; height: 6px; background:#fff; overflow: hidden; height: 8px; margin: 11px 0;}
.cp-step ul li:first-child .progress-bar {left:50%; width:50%;}
.cp-step ul li:last-child .progress-bar {left:0; width:50%;}

.cp-step ul li a {position:absolute; z-index:2; left:50%; margin-left:-15px;}
.cp-step ul li a span.round {position:absolute; z-index:2; width:30px; height:30px; left:50%; margin-left:-15px; display:block; border-radius:50%; box-sizing:border-box;background:#fff;}
.cp-step ul li a span.stepname {display:block; margin-top:35px; color:#fff; font-size:15px; font-weight:500; line-height:24px;}

.cp-step ul li a.selected span.round{ background:#ff6980; border:7px solid #fae7a9;}
.cp-step ul li a.selected span.stepname {color:#fae7a9;}

/* 에러메세지 */ 
.error {display:block;}
.error p {display:inline-block; width:auto; line-height:17px; margin-top:5px; padding:7px 10px; margin:5px 0; font-size: 13px; color: #f00; border:1px solid #f00; background:rgba(255,0,0,0.0.1); border-radius: 3px;}
.error p:before {content: "\f071";font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:7px; font-size:16px; vertical-align:middle; }

/* table-image */ 
.table-image {font-size: 13px;  margin: 0; border-top: 1px solid #e9e9e9;}
.table-image > tbody > tr > th {padding: 7px; color: #555; font-weight:normal; vertical-align: top; text-align: center; background: #f9f9f9; min-width:50px; width:auto;}
.table-image > tbody > tr > td  {padding: 7px; line-height: 20px; color: #777; vertical-align: top; background: #fff; border-bottom: 1px solid #e9e9e9; text-align:left;}


/* 이미지 upload */
.upload-preview {width:100%; max-height:300px; min-height: 200px; position: relative; overflow: hidden; background-color: #ffffff; color: #ecf0f1; background-size:100% !important; background-repeat:no-repeat; background-position:center top !important; max-width:200px !important; margin:0 auto;}
.upload-preview input {line-height: 200px; font-size: 200px; position: absolute; opacity: 0; z-index: 10;}
.upload-preview label {position: absolute; z-index: 5; opacity: 0.8; cursor: pointer; background-color: #bdc3c7; color:#fff; width: 100%; height: 40px; font-size: 15px; line-height: 40px; text-transform: uppercase; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center;}

/* help버튼 */
.btn-help {float:right; margin-top:-10px; border:1px solid #ddd; background:#f5f5f5; color:#777;-webkit-transition: all .3s linear; transition: all .3s linear; padding:4px 7px; font-size:12px; }
.btn-help:before {content: "\f059";font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px; font-size:18px; vertical-align:middle; }
.btn-help:hover {background:#ff6980; border:1px solid #ff6980; color:#fff;}

.btn-cx-confirm {position:fixed; top:93px; right:0; font-size:15px; height:auto; line-height:32px; padding:10px 15px;}
.btn-cx-confirm b {font-size:24px;}

/*---------------------------------------
 모달팝업 bpopup.js
 --------------------------------------*/
.bpop-modal {-webkit-border-radius:2px; -moz-border-radius:2px;border-radius:2px; overflow:hidden; width:800px;}
.bpop-modal .head {padding:15px 15px; background:#777; color:#fff; font-size:15px; font-weight:500;}
.bpop-modal .body {padding:15px 20px 30px; background:#fff; max-height:700px; overflow-y:auto; font-size:12px; line-height:22px; color:#555;}
.bpop-modal .b-close {box-shadow: none;  font: bold 131% sans-serif; padding: 0 6px 2px; position: absolute; right: 10px;  top: 10px; cursor:pointer;}

/*---------------------------------------
	프로그램가격
--------------------------------------*/
.pricing { position: relative; margin: 10px; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04); background: #ffffff; border: 1px solid #ececec; padding: 30px; border-radius: 6px; }
.pricing h1 { font-size: 22px; line-height: 37px; display: block; color: #555; font-weight: 300; }
.pricing h2 { position: relative; font-size: 38px; line-height: 50px; font-weight: 400; color: #252525; letter-spacing: -2px; margin-bottom: 15px; }
.pricing h2 .pricing_dollar { position: relative; display: inline-block; font-size: 22px; font-weight: 200; vertical-align: middle; margin-top: -12px; }
.pricing .disc { display: block; font-size: 12px; line-height: 26px; font-weight: 300; color: #666; }
.pricing hr { display: block; border: 0; border-bottom: 1px solid #eee; margin: 26px 0; }
.pricing .disc2 { margin-bottom: 50px; }
.pricing .disc2 li { display: block; font-size: 14px; line-height: 35px; vertical-align: middle; font-weight: 300; color: #666; }
.pricing .disc2 li .checkmark { display: inline-block; margin-right: 7px; width: 19px; height: 18px; border-radius: 50%; overflow: hidden; background: url(/tmpl/shop_basic/img/sub/price_check.png); vertical-align: middle; margin-top: -2px; }
.pricing .btn { width: 100%; display: block; position: absolute; margin-left: -30px; margin-right: -30px; margin-bottom: -30px; border-top-left-radius: 0; border-top-right-radius: 0; padding: 14px; }