/* 20190905 추가 */
.moappBg {background:url(../images/service/moapp_img03_bg.jpg)no-repeat 90% 100%;}
.subMenu{
	display:inline-block;
	background-color:#2674bc;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	padding:5px;
	margin-top: 20px;
	width: 100px;
	text-align:center;}
.mobileTit{
	color:#2674bc;
	font-size: 35px;
	margin-top: 20px;}
.mobileCon{
	color:#6a8699;
	font-size: 14px;
	margin-top: 30px; margin:20px 0 35px; line-height:1.4;}


/* 20180710 정기유지관리 추가 */

.hosting_price{width:100%; margin-bottom:70px }
.hosting_price table{width:100%; margin:0 auto; border-top:4px solid #004b9b; border-left:1px solid #ddd; }
.hosting_price th{background:#fafafa; border-right:1px solid #dddddd; border-bottom:1px solid #ddd; padding:17px 0; font-size:15px; letter-spacing:-0.5pt; color:#333333; font-weight:600;}
.hosting_price th.left{background:#fafafa; border-right:1px solid #dddddd; border-bottom:1px solid #ddd; padding:17px 0 17px 17px ; font-size:15px; letter-spacing:-0.5pt; color:#333333; font-weight:600; text-align:left; vertical-align:top; }
.hosting_price th img{display:block; margin:0 auto 16px;}
.hosting_price td{text-align:center;border-right:1px solid #dddddd; border-bottom:1px solid #ddd;  padding:15px 0; font-size:15px; letter-spacing:-0.3pt; }
.hosting_price td.title{letter-spacing:-0.3pt; color:#333; font-weight:600;}
.hosting_price td.left{text-align:left; padding:15px 20px;}
.hosting_price td span{font-weight:600; color:#444; font-size:15px;}
.mt20 {margin-top:20px;}
.btn_request {display:block; width:215px; height:57px; line-height:57px; text-align:center; font-size:16px; color:#fff; background:#3e79da; border-radius:30px; border:none; margin:0 auto; cursor:pointer;}

.maintenance02_cont{padding:0 0 210px}
.maintenance02_cont .ko_tit{background:url('/threeway/img/ko_tit_bg.gif') no-repeat left 15px, url('/threeway/img/ko_tit_bg.gif') no-repeat right 15px; width:100%; margin:0 auto;}
.maintenance02_top{width:1180px; margin:0 auto 129px; height:423px; background:url('/hosting/img/case_bg.jpg') no-repeat left top; box-sizing:border-box; padding:58px 0 0 42px}
.maintenance02_top h5{font-size:36px; font-weight:900; color:#004b9b; text-transform:uppercase;}
.maintenance02_top h5 span{display:block; line-height:28px; font-size:20px; letter-spacing:-0.75pt; color:#444444; font-weight:400}
.maintenance02_top h5 span.bold{font-weight:600; padding:0 0 24px}
.maintenance02_top p{font-size:15px; letter-spacing:-0.55pt; line-height:24px; padding:28px 0 0}
.maintenance02_top a{display:block; width:250px; height:60px; background:url('/hosting/img/btn_arrow.gif') no-repeat right 23px center, #004b9b; font-size:17px; letter-spacing:-0.75pt; line-height:60px; color:#fff; text-indent:20px; margin:34px 0 0; font-weight:600;}
.maintenance02_in{width:100%; margin:0 auto 50px; }
.maintenance02_in h6{height:65px; line-height:65px; background:#0b71b0; font-size:22px; letter-spacing:-0.75pt; color:#fff; font-weight:600; }
.maintenance02_in h6 span{font-family: 'PT Sans', sans-serif; color:#fff; font-size:31px; letter-spacing:-0.5pt; padding:0 16px 0 20px; font-weight:400; line-height:100%; position:relative; top:4px}
.maintenance02_in table{border-left:1px solid #ddd;  width:100%; }
.maintenance02_in th{background:#f9f9f9; border-right:1px solid #ddd;border-bottom:1px solid #ddd; border-top:1px solid #ddd;font-size:15px; letter-spacing:-0.55pt; color:#333333; padding:14px 0; font-weight:600; }
.maintenance02_in td{border-right:1px solid #ddd;border-bottom:1px solid #ddd; letter-spacing:-0.35pt; padding:11px 0; text-align:center; font-size:16px; line-height:160%;}
.maintenance02_in td.title{font-size:15px; letter-spacing:-0.55pt; color:#333333; padding:14px 0; font-weight:600; }
.dep_exclamation{font-size:14px; letter-spacing:-0.35pt; text-align:right; margin-bottom:20px;}



/*20171123 빅데이터 추가*/
.bigdata .data_box {border-bottom:1px solid #ddd; margin-bottom:40px;}
.bigdata .data_box p {font-size:14px; color:#333; line-height:23px; margin-bottom:20px;}
.bigdata .data_box span {font-size:14px; color:#333; border-bottom:1px solid #333; font-weight:600;}
.bigdata .data_box .tit {font-size:24px; font-weight:600; position:relative; padding-bottom:10px; margin:10px 0 30px;}
.bigdata .data_box .tit01 {font-size:16px; font-weight:600; }
.bigdata .data_box .w100 {width:100%;}
.bigdata .data_box .w50 {width:50%;}
.bigdata .data_box .img01 {border-bottom:1px solid #ddd; margin-bottom:40px;}
.bigdata .data_box .tit:after {width: 30px; height: 2px; background:#58a6ed; bottom: -10px; left:0px; position:absolute; display:block; content:"";}


table {table-layout: fixed;}



/* .content li{float: left;}	 */
.free{color:#fff600;}

.search{
	text-align:center;
	float:right;
	color:#ffffff;
	height:28px;
	padding-top:22px;
	}





.project_request{width:100%;height:auto;background-color:#0082c0;}
.project_con{width:1000px;margin:0 auto;color:#fff;}
.project_con h1{font-size:1.8em;color:#fff;padding-top:30px;font-weight:bold;}
.pro_tit{color:#fff;line-height:30px;}
.pro_tit2{color:#fff;line-height:30px;font-size:1.4em;float: inherit;}
.pro_tel_con{float:right;color:#fff;}
.pro_tel_con li{color:#fff;}
.pro_tel_con .tel{font-size:2.5em;}
.txt.t1{float:left;line-height:30px;font-size:1.4em;}
.pro_form{width:100%;text-align:center;padding-top:40px;position:relative;}
/* .pro_wrap div, ul{color:#8bc7ee;} */
.input1{width:340px;height:30px;line-height:30px;font-size:14px;padding:5px;border:0px;color:#000;float:right;background-color:#fff;}
.pr_range.input1.color{background:#e8e8e8;}
.slide_text{position:absolute;top:30px;background:#fff;left:150px;border:5px solid #e8e8e8;width:340px;border-top:0px;color:#525252;cursor:pointer;z-index:50;}
.slide_text ul li{font-size:14px;line-height:30px;padding:0px 5px;list-style:none;text-align:left;background:#fff;float: none;}
.slide_text ul li:hover{ background:#e8e8e8;}
.project{
  width:107px;
  height:18px;
}

.memo{
  height:100px;
  width:390px;
  font-weight:normal;
  resize: none;
  cursor:text;
}
.input2{width:450px;height:70px;line-height:20px;font-size:12px;padding:5px;border:0px;color:#000;float:right;background-color:#fff;}
.file_input_hidden{
  cursor:pointer;
  top:0px;
  left:400px;
  width:100px;
  height:30px;
  position:absolute;
  z-index:11;
}

#submit2{
    /*background:url('/images/basic/pr_icon2.png');*/
    width:162px;
    height:34px;
    cursor:pointer;
	border:0px;
}


.

.pro_wrap{}
.pro_line{height:1px;width:100%;background-color:#8bc7ee;}
.pro_space{clear:both; height:10px;}
.pro_con_left{width:500px; height:auto; float:left;}
.pro_con_right{width:450px; height:230px; float:right;}


/*  서브 페이지 */

.contents {
	clear: both;
	width: 1000px;
	vertical-align: top;
	/* _overflow: hidden;*/
	padding: 20px 0 0px 0;
	position: relative;
	margin:auto;
	/* background:#fF6600;	*/
	height:100%;


}

 .sub_content{
	  width:780px;
	  position:relative;
	  float:left;
	  margin-left:30px;
	  display: inline;
  }

.sub_content h2{
	  border:none;
	  /* margin:20px 0 15px 18px; */
	  font-size:24px;
	  font-weight:bold;
	  padding:20px 0 15px 15px;
	  border-bottom:solid 1px #999999;
 }
 .line{
	 border-bottom:solid 2px #e5e5e5;
	 margin-bottom:20px;
 }


 .sub_tit {position: relative; display: block; padding: 0 0 0 20px; margin: 0 0 20px 0; font-size: 18px; color: #333; line-height: 1.6;}
 .sub_tit:before {display: block; position: absolute; top: 3px; left: 0; width: 4px; height: 22px; background-color: #58a6ed; content: '';}

 /* LNB 영역 */

 #lnb {
	  width: 190px !important;
	  margin-left: 0;
	  float:left;
	  position:relative;
	  display: inline;
  }
  #lnb h2 {
	  border:none;
	  margin:20px 0 15px 18px;
	  font-size:21px;
	  color: #1e739a;
  }
  #lnb ul {
	  list-style: none;
	  border-radius: 0px;
  }
  #lnb ul li {
	  width: 190px;
	  margin: 0;
	  border-bottom: 1px solid #fff;
	 /*  border: 1px solid #d7d7d7;*/
	  font-size:14px;
  }
  #lnb ul li a {
	  position: relative;
	  display: block;
	  background: #f3f3f3;
	  color: #444444;
	  padding: 13px 28px 13px 21px;
	  text-decoration: none;
  }
  #lnb ul li a:hover,
  #lnb ul li a:focus,
  #lnb ul li a.on {
	  color: #444444;
	  padding: 12px 27px 12px 20px;
	  border: 1px solid #d7d7d7;
	  background: url(../images/common/lnb_arrow.png) no-repeat 175px;
  }


 /* 가치 */
.won{
	width:100%;
	float:left;
}
.won p{
	font-size:32px;
	padding:40px 0 50px 0;
}
.won ul{
	text-align:justify;
}
.won ul li {
	box-sizing: border-box;
	width:100%;
	padding: 0 20px;
	margin: 40px 0 0 0;
	height: 150px;
	position: relative;
}
.won ul li:first-child {margin: 0;}
.won ul li:after {display: block; clear: both; *zoom: 1; content: '';}
.won ul li .image{
	width:190px;
	float: left;
	box-sizing: border-box;
	padding: 0 40px 0 0;
}
.won ul li .txt_box {position: absolute; top: 50%; transform: translateY(-50%); left: 210px; width: 670px;}
.won ul li .title{
	font-size:18px;
	margin: 0 0 10px 0;
	color:#000000;
	display: block;
	width: 100%;
}
.won ul li .description{
	display: block;
	width: 100%;
	line-height:1.6;
	font-size:16px;
}
.won ul li .title_point{
	font-size:24px;
    color:#559fd2;
	padding-left:5px;
	font-weight: 600;
}



/* 제품 */

.btn_blue{
	padding:5px 10px;
	line-height:18px;
	background:#58a6ed;
	color:#ffffff !important;
	border-radius: 4px;
	border:1px solid #3e97e8;
	font-size:14px;

}
.btn_blue a{
	color:#ffffff !important;
}

.btn_gray{
	padding:5px 10px;
	line-height:18px;
	background:#909090;
	color:#ffffff !important;
	border-radius: 4px;
	border:1px solid #868686;
	font-size:14px;
}
.btn_gray a{
	color:#ffffff !important;
}

.btn_yellow{
	padding:5px 10px;
	line-height:18px;
	background:#eca327;
	color:#ffffff !important;
	border-radius: 4px;
	border:1px solid #cc8b1b;
	font-size:14px;
}
.btn_yellow a{
	color:#ffffff !important;

}
.btn_orange{
	padding:5px 10px;
	line-height:18px;
	background:#dd5034;
	color:#ffffff !important;
	border-radius: 4px;
	font-size:14px;
	border:1px solid #c63417;
}
.btn_orange a{
	color:#ffffff !important;
}
.btn_cyan{
	padding:5px 10px;
	line-height:18px;
	background:#48bcaf;
	color:#ffffff !important;
	border-radius: 4px;
	border:1px solid #4da79d;
	font-size:14px;
}
.btn_cyan a{
	color:#ffffff !important;
}



/* 기능성  이미지 */

.block3{
	margin:auto;
	float:left;
}
.block3 p{
	font-size:32px;
	padding:40px 0 50px 0;
}
.block3 ul{
	text-align:justify;
}
.block3 ul li{
	float: left;
	width:280px;
    margin:20px 10px 40px 10px;
    text-align:center;
	background:#f5f5f5;
	height: 265px;     padding-top: 20px;

}

.block3 img{border:1px solid #c5c5c5;}
.block3 ul li .title{
	font-size:14px;
	margin:20px 0 10px 0;
	display:block;
	color:#000000;
}

.btn_view{
	padding:5px;
	line-height:18px;
	background:#58a6ed;
	color:#ffffff !important;
	border-radius: 4px;
	border:1px solid #4a98e0;
}
.btn_view a{
	color:#ffffff !important;
}

/* 조직도 */
.organization p {line-height: 1.6;}
.organization img {display: block; margin: 30px auto 0;}




   /* 기능성  핸드폰 bg */
.hp_bg{

	margin:auto;
	float:left;
}
/* .hp_bg p{
	font-size:32px;
	padding:40px 0 50px 0;
} */
.hp_bg ul{
	text-align:justify;
}
.hp_bg ul li{
	width:240px;
    margin:40px 10px 40px 10px;
    text-align:center;
}
.hp_bg .hp{
	width:206px;
	height:346px;
	margin:auto;
	background:url(../images/phone.png) no-repeat;
}
.hp_bg .hp img{
	width:150px;
	height:262px;
	padding-top: 33px;
}
.hp_bg ul li .title{
	font-size:14px;
	margin:20px 0 10px 0;
	display:block;
	color:#000000;
}



.function_img{
	float:left;
	width:280px;
	height:400px;
	border:1px solid #dedede;
	margin:40px 0 40px 10px;
}
.function_img p{padding:20px;}
.function_view {
    margin:0px 10px 40px 0px;
	width:420px;
	text-align:left;
	float:right;
	padding-right:10px;

}
.function_view th{
	width:120px !important;
	vertical-align:top;
	font-size:14px;
	font-weight:400;
}

.function_view td {
	font-size:14px;
}

.function_view p, .function_tit p{
	background:url(../images/ico_line.png) repeat left;
	height:1px;
	margin:20px 0;
}

.function_tit {
    margin:60px 10px 0px 0px;
	width:420px;
	text-align:left;
	float:right;
	padding-right:10px;
	font-size:20px;
	padding-top:20px;

}
.detail{
	box-sizing: border-box;
	width: 100%;
}
.detail p {line-height: 1.6;}
.detail img{ padding:20px 10px 20px 0;}
.detail p img {display: inline-block; vertical-align: top;}


.view_tit{
	width:100%; margin:20px 10px;
	font-size:20px; display: inline-block;
}


.view_tit img{padding:20px 10px 20px 0;}



/* 제작사례 */

.block4{
	margin:auto;
	float:left;
}
.block4 p{
	font-size:32px;
	padding:40px 0 50px 0;
}
.block4 ul{
	text-align:justify;
}
.block4 ul li{
	/* width:165px;
    padding:40px 10px 40px 5px;*/
	padding:40px 40px 40px 0px;
    text-align:center;
}

.block4 ul li .title{
	font-size:14px;
	margin:20px 0 10px 0;
	display:block;
	color:#000000;
}

.block4 .image img{width:160px; height:160px;}


/* .btn_phone{
	padding:5px;
	line-height:18px;
	background:#AEAEAE;
	color:#ffffff !important;
	border-radius: 4px;
	border:1px solid #B8B8B8;
}*/

.btn_phone{
	line-height: 34px;
    font-size: 14px;
    color: #3e90da;
    display: inline-block;
    width: 130px !important;
    height: 36px !important;
    position: relative !important;
    border: 1px solid #3e90da;
	text-align: center;
	box-sizing: border-box;
	background: #3e90da;
	vertical-align: top;
	}
.btn_phone a{
	color:#fff !important;
}

/* .btn_phone a:hover{
	color:#e0e0e0 !important;
}*/

/* 고객센터 */

/* faq */
.q{
	color:#2897ff;
	font-size:18px;
	padding-top:20px;
}
.q img{padding:10px 20px 10px 10px;}
.a{
	color:#414141;
	font-size:14px;
	padding:10px 0 20px 0;

}
.a img{
	padding:0px 20px 10px 10px;
}
.a_01{
	width:65px;
    height:70px;
    float:left;
}

.ico_line{
	background:url(../images/ico_line.png) repeat left;
	height:1px;
	margin:20px 0;
	clear: both;
}

.btn_box {margin: 50px 0 0 0;}


/* 오시는길 */

.map_box{
	width:90px;
	height:550px;
	margin:0px 10px;
}
.map_box iframe {border: 0; vertical-align: top;}
.map_text{
	padding:20px 0 30px 10px;
	font-size:14px;
}

.map_text02{font-size:14px;}



.s01{
	width:190px;
	display:inline-block;
	font-size:14px;
	padding:20px 10px 20px 10px;
}
.s01 img{vertical-align: middle;     margin-right: 10px;}
.s02{
	font-size:14px;
	display:inline-block;
	width:650px;
}

.s02 span{font-size:14px; }

/* 온라인문의 */

.input_entry {
    margin:40px 0px;
	text-align:left;
	border-top: 2px solid #3687d0;
}
.input_entry tr {border-bottom: 1px solid #ddd;}
.input_entry th{
	padding:18px 0 0 20px;
	text-align:left;
	vertical-align:top;
	font-size:14px;
	background:#f2f2f2;
}

.input_entry td {
	padding: 10px;
	-ms-width:80%;

}

.input_entry input{box-sizing: border-box; height: 36px;}
.input_entry .address div input {margin: 0 0 5px 0;}

.h12{height:12px !important;}
.input_entry select{height: 36px; border: 1px solid #ccc;}
caption{display:none;}
.w100p {width: 100% !important;}


/* BTN  */

.btn_submit {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 0 !important;
	font-size: 18px;
	font-family:나눔고딕;
	color: white;
	border-radius: 4px;
	line-height: 24px;
	padding: 10px 30px !important;
	margin-top: 30px !important;
	background: #4f4f4f !important;
}
.btn_submit:hover,
.btn_submit:focus {
	color: #bfe9ff;
}
.btn_submit[disabled="disabled"] {
	background-color: #999999;
	color: #DEDEDE;
}



.btn_submit01 {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 0 !important;
	font-size: 18px;
	font-family:나눔고딕;
	color: white;
	border-radius: 4px;
	width:300px;
	line-height: 40px;
	padding: 10px 30px !important;
	margin-top: 30px !important;
	background: #3687d0 !important;
}

.span1000{
	width:1000px;
    margin:auto;
}
.span4 {
    width: 330px;
	float:left;
	padding:60px 0 30px 0;
}

.block-title {
  margin: 0 0 1em 0;
  font-size: 20px;
  border-bottom: 1px solid rgba(55, 124, 168, 0.3);
  border-bottom: 1px solid #e1e1e1;
  padding-bottom:10px;
}
.block-title.sub-title {
  font-size: 16px;
}
.block-title.sub-title span {
  padding-bottom: 8px;
}
.block-title span {
  border-bottom: 1px solid #525252;
  /* border-bottom: 3px solid #3d8abb;*/
  padding-bottom: 12px;
}
.block-title span.label {
  border-bottom: 0;
  padding-bottom: 2px;
  text-transform: none;
}
.block-title span.label.pull-right {
  margin-top: 10px;
}
.block-title small {
  font-size: 14px;
  padding-left: 0.5em;
  margin-left: 0.5em;
  border-left: 1px solid #e1e1e1;
  border-left: 1px solid rgba(55, 124, 168, 0.3);
  text-transform: none;
}
.title {
  line-height: 1;
  margin: 1em 0 0.5em 0;
  color: #377ca8;
  font-size: 16px;
}


ul.big-list {
  font-size: 1.2em;
  padding: 0;
  margin: 0;
}
ul.big-list li {
  list-style: none;
  margin: 0;
  padding: 0.5em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid rgba(204, 204, 204, 0.7);
  border-color: rgba(204, 204, 204, 0.6);
  width:300px;
  line-height: 30px;
}
ul.big-list li:hover {
  background: #ededed;
}


.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: rgba(36, 36, 36, 0.6);
}
.label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.badge {
  padding-left: 9px;
  padding-right: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.label:empty,
.badge:empty {
  display: none;
}
a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label-important,
.badge-important {
  background-color: #b94a48;
}
.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}
.label-warning,
.badge-warning {
  background-color: #fe8b07;
}
.label-warning[href],
.badge-warning[href] {
  background-color: #d17001;
}
.label-success,
.badge-success {
  background-color: #468847;
}
.label-success[href],
.badge-success[href] {
  background-color: #356635;
}
.label-info,
.badge-info {
  background-color: #3a87ad;
}
.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}
.label-inverse,
.badge-inverse {
  background-color: #333333;
}
.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}
.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-mini .label,
.btn-mini .badge {
  top: 0;
}


.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #327199;
  background-image: -moz-linear-gradient(top, #377ca8, #2a6082);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#377ca8), to(#2a6082));
  background-image: -webkit-linear-gradient(top, #377ca8, #2a6082);
  background-image: -o-linear-gradient(top, #377ca8, #2a6082);
  background-image: linear-gradient(to bottom, #377ca8, #2a6082);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff377ca8', endColorstr='#ff2a6082', GradientType=0);
  border-color: #2a6082 #2a6082 #183548;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2a6082;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #2a6082;
  *background-color: #24516e;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #1e435b \9;
}

.btn-small {
padding: 2px 10px;
font-size: 11.9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.btn {
display: inline-block;
margin-bottom: 0;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid #bbbbbb;
}



.btn-danger {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.board{padding:20px 10px;}




.location_text{
	float:right;
	font-size:11px;
	padding:10px 10px 0 0;
	font-weight:400;
	color:#777777;
}




/*상담신청, 온라인 신청 버튼*/
/*.btn_request {
	display: block;
	margin: 0 auto;
	margin-bottom: 40px;
	text-align: center;
	vertical-align: middle;
	border: #c63417 1px solid;
	font-size: 18px;
	font-family:나눔고딕;
	color:#ffffff;
	border-radius: 4px;
	line-height: 24px;
	padding: 10px 30px ;
	background: #dd5034;
}
*/

/*--------------------------  공통  ----------------------------- */

.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pl10{padding:0 10px 0 0 !important;}

.pt40pb80{padding:40px 0 80px 0;}
.pt60pb40{padding:60px 0 40px 0;}

.ptlrb0{padding:0 !important;}

.ml20{margin-left:20px;}
.mb20{margin-bottom:20px !important;}

.mr20{margin-right:20px !important;}

.t_green{color:#4a972e;}
.t_blue{color:#3556a7;}
.t_right{text-align:right;}
.t_center{text-align:center;}

.f_right{float:right;}

.f18{font-size:18px;}
.f20{font-size:20px;}




.h400{height:400px !important;}

/*f20 아래 설명부분*/
.f12{font-size:12px; margin: 5px 0px 20px 15px;}
.f14{font-size:14px; margin: 5px 0px 20px 15px;}
.f14_02{font-size:14px; margin: 5px 0px 40px 15px;}

.f16{font-size:16px; margin: 20px 0px 0px 15px;}
.f16_02{font-size:16px;margin: 10px 0px 0px 15px; }


.bluef16{font-size:16px; margin: 20px 0px 70px 15px; color:#3872b5; font-weight:500;}
.bluef20{font-size:20px; margin: 20px 0px 70px 15px; color:#3872b5; font-weight:500;}

.input_box {border:1px solid #ccc; }
.input_none{border:none; vertical-align: middle;}
.clear{clear:both;}

/* 로컬앱, VIP맴버스 상담신청 버튼 바로 위의 텍스트 부분*/
.local_text4{font-size: 22px;
			 margin: 30px 0;
			 text-align:center;}
.local_text4 .local_text4_point {font-size:16px; }
.local_text4 .local_text4_point1{color:#ff8522; font-size:20px;
				  text-decoration:underline;
				  line-height: 60px;}


/*-------------------------------앱페이지 로컬앱---------------------------------------*/



/*로컬앱 콘텐츠 전체 효과*/
.local_app_content{text-align:center;}


/*로컬앱 이미지*/
.local_img{margin-top: 100px;}

/*로컬앱 이미지 아래 텍스트 부분*/
.local_text1{ font-size:18px;
			  margin:20px 0 40px 0; }
.local_text1_point{color:#5ea128;
				   font-weight: bold; font-size: 20px;}
.local_text2{
	background-color: #85c552;
	color: #ffffff;
	font-size:16px;
	padding:10px 0px;
	border-radius: 4px;
	width: 660px;
	margin: 0 auto;
}
.local_text3{ color:#5ea128;
			  font-size:16px;
			  margin:10px 0 50px 0;}




/*기능설명부분 --이벤트, 메시지 등*/
.local_app_detail {margin: 50px 0 0 0;}
.local_app_detail li:after {display: block; clear: both; *zoom: 1; content: '';}
.local_app_detail li {
	width:100%;
  padding:20px 10px 20px 10px;

}
.local_app_detail li .image {
	float:left;
	padding: 0 30px 0 0;
	box-sizing: border-box;
	width: 130px;
}
.local_app_detail li .image img {
	width: 100%;
	vertical-align: top;
}
.local_app_detail li .txt_box {
	float: left;
	width: calc(100% - 130px);
	padding: 10px 0;
}
.local_app_detail li .txt_box .title {
	display: block;
	font-size: 18px;
	color:#2674bc;
	margin: 0;
	line-height: 1.6;
}

.local_app_detail li .description{
	line-height: 1.6;
	font-size: 16px;
	margin: 10px 0 0 0;
	text-align: left;
}



/*-------------------------------앱페이지 서비스목적---------------------------------------*/

/*서비스 목적 상단 문장부분(P태그)*/
.services_text1{font-size: 22px; margin-top: 20px; }
/*상단 P태그 안에 span태그 부분*/
.services_text1_point1{ color: #386b9e; }
.services_text1_point2{ color: #ff8522; }


/*테이블 부분*/
.local_services table{ border:#58a6ed 1px solid;
						margin-top: 30px;
						border-radius: 4px;}
.services_table1{background-color: #58a6ed;
				 font-size: 22px; color:#ffffff;
				 font-weight:bold;
				 width:160px;
				 text-align: center;}
.services_table2, .services_table3 {width: 600px; padding: 10px 0 10px 10px;
				  font-size:18px;}
.services_table3{border-top: #aac1d6 1px solid; }




/*앱페이지 어플이미지*/
.local_services img {display:block;
					 margin: 0 auto;
					 padding: 50px;}

/*하단 문장부분(P태그)*/
.services_text2 {	font-size: 14px;
					margin-bottom:70px;}
/*하단 P태그 안에 span태그 부분*/
.services_text2_point1{ background-color:#ff8522;
						color: #ffffff;}




/*-------------------------------앱페이지란---------------------------------------*/

/*가운데 이미지*/
.local_apppage_img { display:block;
					 margin: 0 auto;
					 padding: 20px 0;}

/*이미지 아래 텍스트 부분*/
.apppage_text1,.apppage_text2 {text-align:center;}
.apppage_text1{ background-color: #b7b7b7; color:#ffffff;
				font-size:16px;
				width: 660px;
				margin: 0 auto;
				padding: 10px 0;
				border-radius: 4px;}
.apppage_text2{ color: #444444;
				font-size:14px;
				margin: 10px 0 70px 0;
				line-height:25px;}
.apppage_text2_point{ color: #4d78a5;
					  font-size:16px;}


/*-------------------------------앱페이지란---------------------------------------*/

/*NFC 이미지 부분*/
.vip_img_1 {display:block; margin: 0 auto; padding: 30px 0;}

/*VIP멤버스 이미지 부분*/
.vip_content_01 { text-align:center; }
.vip_content_01 img{padding: 20px 20px 40px 20px;}

/* VIP멤버스 설명부분*/
.vip_content_02 .image{ padding: 20px 0;}
.vip_content_02 .number { background-color: #58a6ed;
						  font-size: 24px;
						  color:#ffffff;
						  font-weight:bold;
						  padding: 10px;
						  border-radius: 4px;}
.vip_content_02 .title { color: #58afed;
						 font-weight:bold;}




/*------------------------------- 무료홈페이지제작 ---------------------------------------*/

.free_make{
	font-size: 30px;
	margin: 30px 0;
	text-align:center;
	font-weight:600;
}

.banner{
	width:760px;
	margin:10px 0 40px 0;
    height: 145px;
}
.banner img{
	padding:0 5px;
	float: left;
}

.blue_bg{
    background-color: #58a6ed;
	color:#ffffff;
	font-size:26px;
	width: 760px;
	margin-bottom: 20px;
	padding: 25px 0 20px 0;
	text-align:center;
	font-weight:600;
}
.blue_bg_point{color:#fcff00;}
.blue_small{font-size:14px;}


.free_site{
	height:240px;
}

.free_site ul{
	text-align:justify;
}
.free_site ul li{
	width:240px;
	height:180px;
    margin:10px 5px 0px 5px;
	border:1px solid #c5c5c5;
}

.free_site ul li span{
	text-align:center;
	padding:10px 0 20px 0;
    display: block;
	font-size:14px;
}
.free_site ul li img{padding:0;}

.make_num{
	width:760px;
	height:500px;
	padding-top:20px;
}
.make_num li {
	font-size:16px;
	clear:both;    height: 40px;
}
.make_num li img{padding:10px 15px 10px 0;     vertical-align: middle;}


/*-------------------------------앱페이지란---------------------------------------*/

/*NFC 이미지 부분*/
.vip_img_1 {display:block; margin: 0 auto; padding: 30px 0;}

/*VIP멤버스 이미지 부분*/
.vip_content_01 { text-align:center; }
.vip_content_01 img{padding: 20px 20px 40px 20px;}

/* VIP멤버스 설명부분*/
.vip_content_02 .vip_image{ padding: 20px 20px 20px 0 ;}
.vip_content_02 .vip_number { background-color: #58a6ed;
						  font-size: 24px;
						  color:#ffffff;
						  font-weight:bold;
						  padding: 13px 10px;;
						  border-radius: 4px;
						  margin: 70px 0 30px 0;}
.vip_content_02 .vip_title { color: #58afed;
						 font-weight:500;
						 font-size:18px;
						 width: 500px;}
.vip_description{
	margin-top:25px;
	font-size: 14px; }
.vip_description_1{
	font-size:12px;
	line-height:15px;
	margin-top: 10px;
}
.vip_description_point {color: #58a6ed;}




/*-------------------------------모바일 홈페이지 제작---------------------------------------*/

/*모바일 홈페이지 제작 상단 이미지 부분*/
.free_top {
	background-image: url(../images/free_mobile/background.jpg);
	height: 230px;
	width: 100%;
	margin: 0 auto 50px;}

/*모바일 홈페이지 제작 상단 이미지 부분 중 텍스트 내용*/
.free_top_text1{
	background-color:#2674bc;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	padding:5px;
	margin-top: 20px;
	width: 100px;
	text-align:center;}
.free_top_text2{
	color:#2674bc;
	font-size: 35px;
	margin-top: 20px;}
.free_top_text3{
	color:#6a8699;
	font-size: 14px;
	margin-top: 30px;}
.free_top_text4{
	color:#6a8699;
	font-size: 12px;
	margin-top: 15px;}


/*앱페이지가 제공하는 모바일 홈페이지는? 부분*/
.free_content {
	width: 420px;
	height: 260px;
	border: #cfcfcf 1px solid;
	float: left;
	margin: 10px;
	position: relative;
	box-sizing: border-box;
}
.free_content div {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align:center;}
.free_content_img{display: block; margin: 0 auto 20px; }
.free_content_text{font-size: 16px; line-height: 1.6; color: #666; }
.free_content_text span{
	display: block;
	margin: 0 0 10px 0;
	color:#000;
	font-weight:600;
	font-size:18px;
}




/*-------------------------------무료 앱 제작---------------------------------------*/

/*하단에 이미지 부분*/
.free_app_content li{
	text-align:center;
	width: 180px;
	padding: 5px 20px;
	margin-bottom:60px;
	font-size: 14px;
}

.free_app_content span{
	display:inline-block;
	padding-top:10px;}

.free_app_content img{padding:0px;}



/*------------------------------- 기본유지보수 ---------------------------------------*/


.free_table{
	width:100%;
	border: 1px solid #58a6ed;
	margin: 20px 0 50px;
}
.free_table tr {height: 50px; border-top: #58a6ed 1px solid;}
.free_table th {
	background-color: #58a6ed;
	font-size: 20px;
	color:#ffffff;
	padding:0 10px;
	width:30%;
	font-weight:500;
}

.free_table td{
	font-size: 16px;
	padding: 10px 20px;}



/* 게시판 목록 */
.board_list table {
	border-top: 0px;
	width:100%;
}
.board_list table thead tr th {
	background: #f0f0f0;
	font-size: 16px;
	text-align: center;
	border-top:2px solid #277fbb;
	height : 50px;
}

.ongray{background: #f7f8fb;}
.board_list table tr {
}
.board_list table tbody tr td {
	text-align:center;
	padding: 5px 10px;
	background: none;
	font-size: 14px;
	height : 40px;
}
.board_list table tbody .bg_line {
	background:url(../images/ico_line.png) repeat left;
    height:1px;
	padding:0;
}

.board_list table tbody tr td.subject a {
	overflow: hidden;
	padding: 0 4px 0 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 360px;
	display: block;
	word-break: break-all;
	text-align: left;
}
.board_list table tbody tr td.subject img {
	vertical-align: middle;
}
.board_list table thead tr th input[type="checkbox"],
.board_list table tbody tr td.ck_box input[type="checkbox"] {
	margin-right: 0px;
}


/* Pagination */

.Pagination {
	width:100%;
	text-align:center;
	padding:12px 0 12px 0;
	margin-top:20px;
	/* border-bottom:1px solid #e0e0e0; */
	}
.Pagination span{
	font-size:12px;
	margin:0 2px 0 0;

}
.Pagination span img{padding:0;}
.Pagination span.line01{
	color:#d6d6d6;
}
.Pagination span.point{
	color:#fff;
	font-weight:bold;
	background:#3488ae;
	padding: 4px 8px;
}

.btn_set{
	width:100%;
	text-align:center;
	padding:12px 0 12px 0;
}


/*------------------------------- 리마케팅 ---------------------------------------*/

.re_marketing {margin-bottom:50px;}
.re_marketing p{ text-align:center;}

/*이미지 안에 폰트 부분*/
.re_txt_01 , .re_txt_02 ,.re_txt_03 { font-size:14px;}

/*한해 사업장을~앱 설치 유도 부분까지*/
.re_txt_01{ line-height: 30px; }

/*방문고객 부분*/
.re_txt_02{ color:#ff8522;}

/*앱설치고객, 연락처기록, 메일주소기록 부분*/
.re_txt_03{ padding: 10px 0 0 0; height: 30px;}
.re_txt_point_01{ color:#1279d2; position: absolute; right: 640px;}
.re_txt_point_02{ color:#569900; position: absolute; left: 370px;}
.re_txt_point_03{ color:#ff8522; position: absolute; left: 625px;}

/*리마케팅 고객군 형성 부분*/
.re_txt_04{
	font-size:26px; color: #fff;
	position:absolute; top: 780px; left: 270px;}
.re_txt_04 span {color: #f0ff00; }




/*------------------------------- 올인원 기본형/고급형 제작 ---------------------------------------*/


/*기본형/고급형 제작 아래 텍스트 부분*/
.f20_1{
	font-size:20px;
	clear:both;
	margin-top: 50px;}

/*파란박스_가격부분*/
.blue_bg_point_02 {
	font-size: 50px;
	color: #fcff00;}
.blue_bg_point_small {
	color:#fcff00;
	font-size:26px; }

/*가격부분 아래 설명부분*/
.production_detaill {overflow: hidden; margin: 0 0 50px 0;}
.production_detaill li {float: left; width: 20%; text-align: center;}
.production_detaill span {display: block; margin-top: 10px; font-weight: 600;}

/*제작안내 부분*/
.production_guide{overflow: hidden; padding: 0 20px; margin: 0 0 50px 0;}
.production_guide li{
	float: left;
	background-image:  url(../images/free_site/base_06.png);
	width: 140px;
	height: 140px;
	margin: 0 0 0 40px;}
.production_guide li:first-child {margin: 0;}
.production_guide_num{
	display:block;
	color: #ffffff;
	font-size:18px;
	margin: 5px 0 0 18px;}
.production_guide_txt{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	height:100px;
	width: 120px;
	line-height:20px;
	padding: 0px 13px;
	font-size:16px;}


/*약 20여종 모듈 무료제공 부분*/
.free_program {overflow: hidden;}
.free_program li{
	float: left;
	border:#bababa 1px solid;
	margin:5px;}
.free_program li span{
	display:table-cell;
	width:415px;
	padding:12px 10px;
	font-size:16px;}
.hosting_price_1 {position: relative; box-sizing: border-box; width: 100%; border: 1px solid #ddd; margin-bottom:50px; padding: 40px;}
.hosting_price_1:after {display: block; clear: both; *zoom: 1; content: '';}
.free_program_txt_1 {position: absolute; top: 50%; transform: translateY(-50%); left: 40px; width: 120px; margin: 0 30px 0 0;}
.free_program_txt_1 img {display: block; margin: 0 auto;}
.free_program_txt_1 span {display: block; margin: 10px 0 0 0; font-size: 20px; font-weight: 600; color:#58a6ed; text-align: center;}

.free_program_txt {float: right; width: calc(100% - 150px); line-height: 1.6; font-size: 16px; font-weight: 600; text-align: left;}
.free_program_txt span {color:#58a6ed;}
.free_program li img {padding:0 10px;}

.notice_txt {margin: 20px 0 0 0;}
.notice_txt li {position: relative; padding: 0 0 0 10px; margin: 10px 0 0 0; font-size: 14px; color: #666;}
.notice_txt li:before {display: block; position: absolute; top: 6px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #999; content: '';}
.notice_txt li:first-child {margin: 0;}

/*유료옵션_맞춤형제작 부분*/
.paid_option {
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0;}
.paid_option li {float: left; margin:0 20px;}
.paid_option_img{width: 250px; height:230px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;}
.paid_option_tit, .paid_option_txt{
	display: block;
	text-align: center; }
.paid_option_tit {font-weight: 600;}
.paid_option_txt {margin-top: 10px; font-size: 14px; line-height: 1.6;}







/*------------------------------- 제작비용안내 ---------------------------------------*/
/*서비스 비용 안내 테이블 부분*/
.order_info_table{width: 100%; margin-bottom: 50px;	text-align: center; border-top: 2px solid #58a6ed; border-bottom: 1px solid #ddd;}
.order_info_table thead th {border-left: 1px solid #ddd;}
.order_info_table thead th:first-child {border: 0;}
.order_info_table tr {height: 50px; border-bottom: 1px solid #ddd;}
.order_info_table th {background-color: #f6f6f6; padding: 10px 0;}
.order_info_table td {padding: 10px 20px; line-height: 1.6; border-left: 1px solid #ddd;}
.order_info_table td span {font-size: 15px;}
.order_info_table td em {font-style: normal;}
.f_blue {font-weight: 600; color: #3687d0;}



.bdl{
	border-left:#c1c1c1 1px solid ;
	border-top:#c1c1c1 1px solid;
	padding: 5px 10px;}
.bdl span{margin-left: 20px;}
.bg1{ border-top:#c1c1c1 1px solid;}




/*테마 맞춤제작 절차안내*/
.order_info_stap{
	display:inline-block;
	text-align:center;
	width: 780px;}
.order_info_stap_01, .order_info_stap_04{
	width: 130px;
	height: 133px;
	border:#E0E1E2 1px solid;
	-webkit-border-radius: 6px;}
.order_info_stap_02, .order_info_stap_05{ padding: 60px 9px;}
.order_info_stap_03{ padding: 0px 55px;; }
.order_info_stap_04, .order_info_stap_05{float:right;}
.stap_point01,.stap_point02,.stap_point03{
	display: inline-block;
	font-weight:bold;
	font-size: 16px;
	padding: 20px 0px 10px 0px ;}
.stap_point01{color:#497CB3;}
.stap_point02{color:#626970;}
.stap_point03{color:#E11500;}



/*------------------------------- 외국어 홈페이지 제작 안내 ---------------------------------------*/

/*외국어 홈페이지 제작 이미지 부분*/
.order-global {
	display:inline-block;
	margin-bottom:50px;}
.order-global li{
	width: 780px;
	text-align:center;}

/*------------------------------- BBS e-Commerce ---------------------------------------*/

.bbs{
	background-image: url(../images/wordpress/img_bbsecommerce_intro.png);
	width: 780px;
	text-align:center;}

/*버튼*/
.btn_red{
	margin: 440px 20px 0 0px;
	width:200px;
	text-align: center;
	vertical-align: middle;
	border: #F04C3E 1px solid;
	font-size: 18px;
	font-family:나눔고딕;
	color:#ffffff;
	border-radius: 3px;
	line-height: 24px;
	padding: 15px 22px ;
	background:#ee3323;}

.btn_red a{ color:#ffffff !important;}

.btn_gray02{
	margin-top: 440px;
	width:200px;
	text-align: center;
	vertical-align: middle;
	border: #818792 1px solid;
	font-size: 18px;
	font-family:나눔고딕;
	color:#ffffff;
	border-radius: 3px;
	line-height: 24px;
	padding: 15px 22px ;
	background:#818792;}

.btn_gray02 a{ color:#ffffff !important;	}

/*작동환경부분*/
.order-buy-att{
	border: #D4E4F1 1px solid;
	border-radius: 4px;
	margin: 30px 0 50px 0;}
.order-buy-att-01, order-buy-att-02{ display:inline; float:left;}
.order-buy-att-01{
	vertical-align:middle;
	text-align:center;
	margin: 50px 10px 0 40px;}
.order-buy-att-02{padding: 10px 10px 10px 100px;}
.order-buy-att-02 ul{display:inline-block;}


/*주요기능 안내*/
.bbs_detail{
	display:inline-block;
	margin-bottom:50px;}
.bbs_detail li .image{
	width:70px;
	float:left;
    padding: 5px 30px 0px 0px;
}
.bbs_detail  li .title{
	width: 680px;
	font-size:18px;
	margin-top:10px;
	color:#000000;
    float:left;
	height:20px;}

.bbs_detail  li .description{
	width:680px;
	line-height:20px;
	font-size:14px;
	float:left;
	margin:5px 0 10px 0;
	text-align:left;
}

/*특장점 소개*/
.class_list {
	margin-bottom:40px;
	display: inline-block;
}
.class_list_01{
	color:#ee3323;
	line-height: 30px;
	font-size: 16px;
	float:none;
	font-weight:500;
	margin: 10px 0px;
	clear: both;}
.class_list_02{
	float:none;
	padding: 0 10px 10px 20px;
	line-height: 22px;
	font-size: 14px;
	clear: both;}

.slg{margin-bottom: 50px;}


/*쇼핑몰 테마/쇼핑몰 플로그인 아래 리스트 부분_공통*/
.list {margin: 10px 0 10px 10px;}
.list li{
	margin-left:25px;
	list-style:circle;
	float:none;
	line-height: 22px;
	font-size: 14px;}


/*------------------------------- SEO 대행서비스 ---------------------------------------*/

.seo_num{
	display:inline-block;
	width:760px;
	padding:20px 0 40px 0;
}


.seo_num li {
	font-size:14px;
	clear:both;
}


.seo_num_img{padding:20px 0px 5px 0;}
.seo_num_img img {padding: 5px 15px 5px 0;}

.seo_num_txt{
margin: 0 0 0px 50px;
list-style:circle;
}




/*------------------------------- 쇼핑몰 창업하기 ---------------------------------------*/

/*리스트 내용*/
.commerce_list li{width:100%;}

/*이미지*/
.commerce_list li .image{
	float:left;
    padding-right:30px;}

/*쇼핑몰 테마/플러그인 설치 부분의 쇼핑몰 이미지*/
.commerce_list li .image02{margin: 10px 0 0 80px;}

/*타이틀*/
.commerce_list li .title{
	width:80%;
	font-size:18px;
	margin-top:10px;
	color:#000000;
    float:left;}

/*내용 부분 공통*/
.commerce_list li .description, .commerce_list li .description_point01,
.commerce_list li .description_point02, .commerce_list li .description_point03{
	width:80%;
	line-height:20px;
	font-size:14px;
	float:left;
	text-align:left;}

/*글씨 마진 설정*/
.commerce_list li .description{	margin:5px 0 5px 0;}
.commerce_list li .description_point01, .commerce_list li .description_point02, .commerce_list li .description_point03{margin:5px 0 5px 103px;}

/*글씨색상 설정*/
.commerce_list li .description_point01{color:#00a99d;}
.commerce_list li .description_point02{color:#448cca;}
.commerce_list li .description_point03{color:#f39700;}

/*리스트 안에 리스트 부분*/
.commerce_list_list {
	margin: 0 0 0 120px;
	list-style-type: circle;}
.commerce_list_list li { list-style:circle; color:#f39700;}



/*온세테마 박스*/
.txt-box{
	border:#E0E1E2 1px solid;
	font-size:14px;
	-webkit-border-radius: 4px;
	margin-bottom:30px;
	padding: 20px ;
	}

/*온세테마 박스 안 버튼*/
.txt-box-btn{
	display:inline-block;
	padding:10px 20px;
	line-height:18px;
	background:#AEAEAE;
	color:#ffffff !important;
	border-radius: 4px;
	border:1px solid #B8B8B8;
	float:right;
	margin-top: -7px}

.txt-box-btn a{
	color:#ffffff !important;
}

.txt-box-btn a:hover{
	color:#e0e0e0 !important;
}

/*온세테마 박스 안 포인트*/
.txt-box p{
	display:inline;
	font-size: 18px;
	color: #2E68B0;
	font-weight: 600;}

/* 20150130 메인 신규 */

.main_visaul01_01{
	background:url(../images/bg_01.jpg) repeat left bottom;
	/* height:458px; */
	height:458px;
	text-align:center;
	}

.main_visaul02_01{
		background:url(../images/bg_02.jpg) repeat left bottom;
	height:200px;
	text-align:center;
}
.main_visaul03_01{
		background:url(../images/bg_03.jpg) repeat left bottom;
	height:230px;
	text-align:center;
}
.main_visaul04_01{
	background:url(../images/bg_04.jpg) repeat left bottom;
	height:300px;
	text-align:center;
	}


.web_acc{
	font-size:16px;
	padding:20px 0 10px 0;
}

.web_acc_point{
	font-size:16px;
	padding:20px 0 10px 0;
	color:#2674bc;
}








/**********************/

.mt30{ margin-top:30px !important;}
.mb5{ margin-bottom:5px !important; }
.mb15{ margin-bottom:15px !important; }
.ml5{ margin-left:5px !important;}
.ml0{ margin-left:0px !important;}
.pl0{ padding-left:0px !important;}
.pr0{ padding-right:0px !important;}

/**********************/

#avan_main{
	width:1000px;
	margin:0 auto;
	padding-top:20px;
}

#avan_lnb {
	width: 190px;
	float: left;
	height: 100%;
	float:left;
	display:inline-block;
}
#avan_content{
	width:780px;
	margin-left:30px;
	display:inline-block;
}




.avan_request_tit{
	font-size:11px;
	color:#888888;
}
.avan_request_tit span{
	color:#277fbb;
	font-size:16px;
	font-weight:600;
	display:block;
}

.avan_request_txt{
	font-size:11px;
	color:#666666;

}
.avan_request_txt span{
	color:#ff1526;
	font-size:32px;
	font-weight:600;
	display:block;
	margin: 15px 0 10px 0;
}


.avan_request label{
	color:#666666;
	font-size:12px;
	padding: 0 10px 0 5px;
	display:inline-block;
	margin-top:5px;
	line-height:20px;
}

.avan_request input{
	height:22px;
	width:138px;
}

#advice_request{
	width:100%;
	margin-bottom:5px;
}
.avan_btn_request{
	color:#fff;
	background:#3697dc;
	border:#218bd7 1px solid;
	font-size:16px;
	font-weight:600;
	width:100%;
	padding: 5px 0;
	display:inline-block;
	text-align:center;
}

.avan_inquiry{
	background:#eaeaea;
	color:#666666;
	font-size:12px;
	font-weight:600;
	padding: 5px;
	margin:10px 0 20px 0;
}
.avan_inquiry span{
	color:#cd4d56;
	margin-left:5px;
}

.avan_banner img{
	border:#d9d9d9 1px solid;
}


.avan_tit{
	color:#444444;
	font-size:16px;
	font-weight:600;
	line-height:40px;
	position:relative;
}
.avan_tit span{
	color:#3697dc;
	font-size:12px;
	font-weight:normal;
	float:right;
	position:absolute;
	right:0;
	bottom:10px;
	line-height:normal;
}
.avan_tit span img{
	vertical-align:bottom;
}

.avan_notice , .avan_best{
	margin-top:20px;
}
.avan_notice ul{
	display:inline-block; width:100%;
	padding-top:15px;
	border-top: #3697dc 2px solid;
}
.avan_notice_img{
	width: 48px;
	height:48px;
	border: #e1e1e1 1px solid;
	display:inline-block;
	float:left;
	margin-right:5px;
}
.avan_notice_txt span{
	color:#666666;
	font-size:12px;
	font-weight:600;
	display:block;
	margin-bottom:10px;
}
.avan_notice_txt{
	color:#888888;
	font-size:11px;
	font-weight:normal;
	line-height:normal;
	display:inline-block;
	width:135px;
}

.avan_best ul{
	display:inline-block;
	width:100%;
	padding:4px 0 14px 0;
	border-top: #3697dc 2px solid;
}
.avan_best li{
	width:188px;
}
.avan_best_img{
	border: #e1e1e1 1px solid;
}
.avan_best_img img{
	width: 188px;
	height:141px;
}



.avan_menu ul{
	display:inline-block;
	width:100%;
}
.avan_menu li{
	width:150px;
	border:#d9d9d9 1px solid;
	background:url(../images/avan_main/menu_back.png) no-repeat bottom;
	margin-left: 5px;
}
.avan_menu li span{
	display:block;
	text-align:center;
	line-height:normal;
}
.avan_menu_tit{
	color:#666666;
	font-size:14px;
	font-weight:600;
	margin:17px 0 13px 0;
	height:30px;
}
.avan_menu_txt{
	color:#888888;
	font-size:12px;
	margin: 10px 0;
}








.avan_board{
	margin-top:30px;
	display:inline-block;
}
.avan_board div{
	width:260px;
	float:left;
}
.avan_board ul{
	display:inline-block;
	margin: 15px 0;
}
.avan_board ul li{
	line-height:16px;
	padding: 5px 14px 5px 18px;

}
.avan_board ul li a{
	font-size:12px;
	color:#666666;
}
.avan_board ul li a:hover{
	font-weight:600;
}

.avan_project p, .avan_process p, .avan_advice p{
	line-height:40px;
	font-size: 16px;
	color:#fff;
	font-weight:600;
	position:relative;
}
.avan_project p img, .avan_process p img, .avan_advice p img{
	vertical-align: baseline;
	margin: 0 10px;
}

.avan_project	{ background:#e1f3ff; }
.avan_process	{ background:#f0ffe1; }
.avan_advice	{ background:#ffe1e9; }

.avan_project p	{ background: url(../images/avan_main/avan_bar01.png) no-repeat;}
.avan_process p	{ background: url(../images/avan_main/avan_bar02.png) no-repeat;}
.avan_advice p	{ background: url(../images/avan_main/avan_bar03.png) no-repeat;}

.avan_btn_process,.avan_btn_advice{
	color:#fff;
	font-size:12px;
	font-weight:600;
	border-radius:4px;
	position:absolute;
	line-height:22px;
	right: 5px;
	top:10px;
	padding: 0 5px;
}
.avan_btn_process img,.avan_btn_advice img{
	margin: 0 2px 0 0 !important;
	vertical-align:middle !important;
}
.avan_btn_process{
	background-color:#439612;
}

.avan_btn_advice{
	background-color:#d33962;
}

.avan_btn_ready, .avan_btn_work, .avan_btn_finish, .avan_btn_check, .avan_btn_advice2{
	color:#fff;
	font-size:11px;
	font-weight:600;
	border-radius:2px;
	line-height: 16px;
	display: inline-block;
	padding: 0 2px;
	margin-left:5px;
}
.avan_btn_ready		{ background:#8cc2e6; }
.avan_btn_work		{ background:#6b9dbe; }
.avan_btn_finish 	{ background:#858585; }
.avan_btn_check		{ background:#7cb35b; }
.avan_btn_advice2	{ background:#dc8ca1; }


.avan_design, .avan_making{
	display:inline-block;
	border-top: #353535 2px solid;
	width:100%;
	margin-top:30px;
}

.avan_design li{
	width:184px;
	height: 180px;
	text-align: center;
	 margin-left: 12px;
}
.avan_design li img{
	width:184px;
	height:138px;
	border: #d9d9d9 1px solid;
    margin-bottom: 5px;
}

.avan_making ul{
	display:inline-block;
	margin-top:10px;
}
.avan_making li{
	width:130px;
	text-align:center;
}
.avan_making li img{
	width:94px;
	height:94px;
}
.avan_making li span{
	color:#666666;
	font-size:12px;
	font-weight:600;
	line-height:normal;
	padding-top:10px;
	display:block;
	text-align:center;
}
.avan_footer{
	clear:both;
	width:100%;
	border:#dddddd 1px solid;
}

.avan_footer ul{
	clear:both;
	width:1000px;
	margin:0 auto;
}

.avan_footer li{
	padding: 22px 0 22px 33px;
}


/** 웹호스팅 **/

.hosting_top {margin: 0 0 50px 0;}
.hosting_top:after {display: block; clear: both; *zoom: 1; content: '';}
.hosting_top img {margin: 10px 0 0 0;}
.hosting_top .txt {line-height: 1.6;}
.hosting_top .txt strong {display: block; margin: 0 0 5px 0;}

/***********************************************/
.avan_web_tit{
	font-size: 32px;
	font-weight:600;
	color:#2674bc;
	line-height: 1.6;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
}

.avan_web_tit span{
	color:#444444;
	font-size:16px;
	display: block;
}


.hosting_tit{
	display: block;
	margin: 30px 0 10px;
}

.hosting_web_table{
	width:100%;
	text-align:center;
	border:#ddd 1px solid;
}
.hosting_web_table tr{
	height: 50px;
}

.hosting_web_table tr th{
	background:#f6f6f6;
	font-size:14px;
	font-weight:600;
}

.hosting_web_table th, .hosting_web_table td{
	border:#ddd 1px solid;
}


/* 서버 호스팅 */

.avan_server_hosting ul{
	display:inline-block;
	width:100%;
	margin-top:20px;
}
.avan_server_hosting li{
	clear:both;
	width:100%;
	margin-bottom:20px;
}
.hosting_comparison {
	margin: 50px 0 0 0;
}
.hosting_comparison ul li {position: relative; width: 100%; height: 140px;}
.hosting_comparison ul li:after {display: block; clear: both; *zoom: 1; content: '';}
.avan_server_img{
	width: 230px;
	text-align: center;
	float: left;
}
.hosting_comparison .txt_box {
	width: calc(100% - 260px);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 260px;
}
.hosting_comparison .txt_box strong {position: absolute; top: 50%; transform: translateY(-50%); width: 100px; text-align: center; margin: 0 20px 0 0;}
.avan_server_txt{
	padding: 0 0 0 120px;
	width: calc(100% - 120px);
	line-height: 1.6;
	box-sizing: border-box;
}


.avan_Rmenu{
	width:80px;
	float:right;
	height:100%;
	background:#39F;
	position: fixed;
    right: 0;
	z-index: 1;
}



/******회사소개> 주식회사 앱피플**/

.avna_apppeople p {margin: 0 0 30px 0; line-height: 1.6;}
.avna_apppeople p em {font-style: normal; font-weight: 600; color: #3687d0;}
.avna_apppeople .order_info_table td {
	text-align: left;
}


/******회사소개> 인증 및 수상**/
.area_div {margin: 30px 0 0 0;}
.award p {line-height: 1.6;}
.award_list {box-sizing: border-box; overflow: hidden; padding: 0 20px; width: 100%;}
.award_list li {
	box-sizing: border-box;
	float: left;
	width: 126.6666666666667px;
	margin: 0 0 50px 20px;
}
.award_list li:nth-child(6n + 1) {margin: 0 0 50px 0;}
.award_list .img_box {box-sizing: border-box; width: 122px; border: 1px solid #ddd;}
.award_list .img_box img {width: 100%; vertical-align: top;}
.award_list li span{display:block; margin: 10px 0 0 0; text-align:center;}


.award_txt li {overflow: hidden; margin: 30px 0 0 0;}
.award_txt li:first-child {margin: 0;}
.award_txt li p {float: left; line-height: 1.6; font-size: 16px;}
.award_txt li span {float: left; display: block; margin: 0 10px 0 0; line-height: 1.6; font-size: 16px; font-weight:600; color:#ff1526;}






/* */



.avan_quick ul{
	background:#e2e2e2;
	height:100%;
	position:fixed;
	width:80px;
}
.avan_quick li{
	border-bottom:#1aaed0 1px solid;
	font-size:12px;
	font-weight:600;
	width:100%;
	background:#3dc2e1;
	text-align:center;
}
.avan_quick li, .avan_quick li a{color:#fff;}

.avan_quick li img { margin-top:9px;}
.avan_quick li span{
	margin:9px 0;
	display:block;
	line-height:12px;
}
.avan_quick .avan_quick_blue, .avan_quick .avan_quick_menu{
	height:68px;
	border-bottom:none !important;
}

.avan_quick .avan_quick_blue{background:#0063a5;  height:184px;}
.avan_quick_blue{position:relative;}
.avan_quick_blue a{
	width:100%;
	display:inline-block;
	position:absolute; top:110px; left:0;
}
.avan_quick_blue img{
	margin:0 !important;
}
.avan_quick_blue span{
	margin:0 !important;
	line-height:16px !important;
}


.avan_quick .avan_quick_menu{
	background:#005086;
	font-size:14px;
}
.avan_quick .avan_quick_menu span{
	margin-top: 23px;
	line-height:normal;
}

.avan_quick_mall span{ margin: 6px !important;	}
.avan_quick_mall img { margin-top: 6px !important;}

.fleft{float:left !important;}
.mr210{margin-right:210px !important;}



.tabMenu			{ margin-bottom:20px; zoom:1; text-align:center;}
.tabMenu:after	{ content:""; clear:both; display:block}
.tabMenu li		{  margin-right:5px; background:#999; display:inline-block; float:left;}
.tabMenu li a	{ display:block; height: 45px; color:#fff; font-size:14px; font-weight: 600; text-align:center; line-height:45px; letter-spacing:0.5px;
	padding: 0 20px; transition: all 0.3s;}
.tabMenu .on,
.tabMenu li a:hover	{background:#3e90da;}
.tabMenu  img {text-align:center; display:none;}
.tabMenu .on img {display: block;}



.mobile{width: 650px;
    height: 900px;
    /*background: url(../images/sub/mockup01.png) no-repeat;*/}

.mobile_content{display: inline-block;
    width: 640px;
    height: 900px;
}