.cbtl_wrap .title_style{margin: 0 0 35px}
.cbtl_wrap .title_style5{margin: 0 0 55px}
.cbtl_wrap .btn_box1{overflow: hidden; text-align: center}
.cbtl_wrap .btn_box1 a{
	display: inline-block;
	margin-left: 5px;
	height: 40px;
	padding: 0 25px;
	line-height: 40px;
	font-family: 'NanumBarunGothic';
	font-size: 16px;
}
.cbtl_wrap .btn_box1 a:first-child{margin-left: 0;}
.cbtl_wrap .mypage_tab{margin-bottom: 50px;}
.cbtl_wrap .select_tab{margin-bottom: 50px;}
.cbtl_wrap .slide_box{
	position: relative;
	top: 0;
	left: 0;
	margin-bottom: 95px;
}
.cbtl_list{overflow: hidden; margin-left: -15px;}
.cbtl_list li{
	position: relative;
	top: 0;
	left: 0;
	float: left;
	width: 530px;
	margin-left: 15px;
	margin-bottom: 20px;
	padding: 25px 30px 20px;
	background: rgb(236,236,236);
}
.cbtl_list li h3{
	margin: 0 0 25px;
	font-family:'Archer-Semibold', 'NanumBarunGothic';
	font-size: 20px;
	font-weight: normal;
	color: rgb(51,51,51)
}
.cbtl_list li p{
	height: 96px;
	font-family: 'NanumBarunGothic'; 
	font-size: 14px;
	line-height: 24px;
	color: rgb(51,51,51);
}
.cbtl_list li a{
	position: absolute;
	top: 25px;
	right: 30px;
	display: inline-block;
	width: 100px;
	border: 1px solid rgb(51,51,51);
	line-height: 25px;
	font-family: 'NanumBarunGothic'; 
	font-size: 11px;
	text-align: center;
	color: rgb(51,51,51);
}
.overview_photo{margin-bottom: 50px;}
.overview_photo img{width: 100%;}
.overview_con1{
	padding: 50px 0;
	margin-bottom: 50px;
	border-top: 1px solid rgb(232,232,232);
	border-bottom: 1px solid rgb(232,232,232);
}
.overview_con1 .box1{font-family: 'NanumBarunGothic'; }
.overview_con1 .box1 > h3{
	margin:0 0 20px;
	font-size: 20px;
	line-height: 28px;
	color: rgb(204,102,26);
	font-weight:normal
}
.overview_con1 .box1 > p{
	font-size: 14px;
	line-height: 26px;
	color: rgb(51,51,51);
}
.overview_con1 .box2{
	float: right;
	padding-right: 55px;
	margin-top: -120px;
}
.overview_con1 .box2 p{
	float: left;
	width: 130px;
	font-family:'Archer-Semibold';
	font-size: 16px;
	text-align: center;
	color: rgb(51,51,51);
}
.overview_con1 .box2 p span{display: block; margin-top: 10px;}
.overview_con2{overflow: hidden; margin-bottom: 105px;}
.overview_con2 div{
	float: left;
	width: 351px;
	margin-left: 73px;
}
.overview_con2 div:first-child{margin-left: 0;}
.overview_con2 div img{width: 100%;}
.overview_con2 div > h3{
	margin-top: 25px;
	height: 80px;
	font-family:'Archer-Semibold';
	font-size: 20px;
	font-weight: normal;
	color: rgb(204,102,26);
}
.overview_con2 div > h3 span{
	display: block;
	margin-top: 5px;
	font-family: 'NanumBarunGothic'; 
	font-size: 12px;
	color: rgb(51,51,51);
}
.overview_con2 div > p{
	padding-right: 25px;
	font-family: 'NanumBarunGothic'; 
	font-size: 14px;
	line-height: 26px;
	color: rgb(51,51,51);
}

.overview_con3 .title{
	clear:both;
	display: block;
	font-size: 16px;
	font-family:'Archer-Semibold';
	font-weight: 400;
	color:rgb(207,102,26);
	text-align: center;
	background: url(/images/common/bg_bar6.gif) repeat-x 0 50%  
}
.overview_con3 .title span{
	display: inline-block;
	margin: 0 auto;
	padding: 0 65px;
	background: rgb(255,255,255)
}
.indicator_txt{
	margin-top: 40px;
	font-family:'Archer-Semibold';
	font-size: 16px;
	text-align: center;
}
.indicator_txt strong{	
	display: inline-block;
	margin-right: 15px;
	font-weight: normal;
	color: rgb(51,51,51);
}
.indicator_txt span{color: rgb(202,149,82);}
.indicator_txt .indicator{display: inline-block; margin: 0 4px;}
.indicator_txt .indicator img{margin: 0 3px; width: 10px;}
.capsule_title{
	margin: 45px 0 0;
	font-family:'Archer-Semibold';
	font-weight: normal;
	font-size: 39px;
	text-align: center;
}
.capsule_con2 .capsule_list{margin-bottom: 50px;}
.capsule_txt{
	margin-top: 10px;
	font-family: 'NanumBarunGothic'; 
	font-size: 20px;
	line-height: 30px;
	color: rgb(51,51,51);
	text-align: center;
}
.capsule_list{
	overflow: hidden; 
	margin-top: 40px;
	border-bottom: 1px solid rgb(232,232,232);
}
.capsule_list li{
	float: left;
	width: 400px;
}
.capsule_list li .photo{
	overflow: hidden;
	width: 400px;
	margin-bottom: 25px;
}
.capsule_list li .photo img{width: 100%;}

.capsule_list .txt{padding-right: 40px;}
.capsule_list .txt .name{
	font-family:'Archer-Semibold';
	font-size: 18px;
	color: rgb(51,51,51);
	margin-bottom: 15px;
}
.capsule_list .txt .name span{display: inline-block;}
.capsule_list .txt .name span:first-child{margin-right: 15px;}
.capsule_list .txt .indicator img{margin-left: 6px; width: 10px;}
.capsule_list .txt .info{
	overflow: hidden;
	height: 100px;
	font-family: 'NanumBarunGothic'; 
	line-height: 20px;
	color: rgb(51,51,51);
}

.machine_list{overflow: hidden; margin-left: -30px;}
.machine_list li{
	float: left;
	width: 585px;
	margin-left: 30px;
	margin-bottom: 50px;
}
.machine_list .top_txt{
	padding: 15px 0;
	border-top: 2px solid rgb(105,81,157);
	border-bottom: 1px solid rgb(232,232,232);
	font-family: 'NanumBarunGothic'; 
	text-align: center;
	background: rgb(250,250,250);
}
.machine_list .name{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 5px;
	color: rgb(51,51,51);
}
.machine_list .type{
	color: rgb(51,51,51);
}
.machine_list .photo{
	text-align: center;
}
.machine_list .photo img{width: 450px; max-width: 100%}
.machine_table{overflow: hidden}
.machine_table table{
	width: 100%;
	font-family: 'NanumBarunGothic'; 
	border: 1px solid rgb(232,232,232);
	border-top: 0;
}
.machine_table th{
	padding: 20px 0 15px;
	border-top: 1px solid rgb(232,232,232);
	color: rgb(51,51,51);
	text-align: center;
	background: rgb(250,250,250);
}
.machine_table td{
	padding: 20px 0 15px 20px;
	color: rgb(51,51,51);
	border-top: 1px solid rgb(232,232,232);
}
.machine_txt{
	font-family: 'NanumBarunGothic'; 
	font-size: 14px;
	line-height: 30px;
	color: rgb(51,51,51);
	text-align: center;
}
.machine_txt a{color: rgb(51,51,51);}
.manual_con h4{margin: 0}
.manual_con > p{
	margin-top: 25px;
	font-family: 'NanumBarunGothic'; 
	font-size: 16px;
	line-height: 18px;
	color: rgb(51,51,51);
	text-align: center;
}
.button_manual{
	padding: 40px 90px 90px;
	overflow: hidden;
}
.button_manual figure{
	float: left;
	padding: 0;
	margin: 0 0 0 50px;
}
.button_manual figure:first-child{margin-left: 0;}
.model_manual{
	overflow: hidden;
	padding: 40px 0 0 45px
}
.model_manual li{
	float: left;
}
.model_manual li > div{float: left;}
.model_manual .model_2{
	float: right;
	padding-left: 85px; 
	border-left: 1px solid rgb(238,238,238);
}
.model_manual .info{margin: 20px 0 0 45px;}
.model_manual .info p{
	padding-bottom: 15px;
	font-family: 'NanumBarunGothic'; 
	font-size: 16px;
	line-height: 22px;
	color: rgb(51,51,51);
}
.model_manual .info a{
	margin-top: 10px;
	display: block;
	width: 210px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
.cbtl_service > h3{
	margin: 0;
	padding-bottom: 15px;
	font-family: 'NanumBarunGothic'; 
	font-size: 20px;
	border-bottom: 1px solid rgb(0,0,0);
	font-weight:normal;
}
.cbtl_service .info_1 dl{
	overflow: hidden;
	font-family: 'NanumBarunGothic'; 
	padding: 25px 0;	
	border-top: 1px solid rgb(238,238,238);
}
.cbtl_service .info_1 dl:first-child{border-top: 0;}
.cbtl_service .info_1 dt{float: left; color:rgb(51,51,51); font-size: 14px; line-height: 26px;} 
.cbtl_service .info_1 dd{padding-left: 175px;color: rgb(51,51,51); font-size: 14px; line-height: 26px;}
.cbtl_service .info_1 strong{font-weight: 400; color: rgb(51,51,51);}
.cbtl_service .info_1 .txt_style1 span{display: inline-block; margin-right: 60px;}
.cbtl_service .info_1 .txt_style2{margin-top: 15px;}
.cbtl_service .info_1 .txt_style2:first-child{margin-top:0;}
.cbtl_service .info_1 .txt_style2 span{
	display: block;
	padding-left: 15px;
	background: url(/images/sub/bg_list_style2.gif) no-repeat 0 14px;
}
.cbtl_service .info_1 .txt_style3{margin-top: 15px; padding-left: 36px;}
.cbtl_service .info_1 .txt_style3 strong{float: left; margin-left: -36px;}
.service_process{
	overflow: hidden;
	padding:25px 0 0;
}
.service_process > h4{
	margin: 0;
	font-family: 'NanumBarunGothic'; 
	font-size: 14px;
	font-weight: 400;
	color: rgb(207,102,26);
	text-align: center;
}
.service_process ul{overflow: hidden; margin-top: 45px}
.service_process li{
	float: left; 
	width: 320px;
	margin: 0 -10px;
	font-family: 'NanumBarunGothic'; 
	text-align: center;
	background: url(/images/sub/bg_members_step.gif) no-repeat 0 68px
}
.service_process li:first-child{background: 0;}
.service_process .photo img{
	width: 160px;
	display: block;
	margin: 0 auto 25px;
}
.service_process dt{
	font-family: 'Archer-Semibold';
	font-weight: 700;
	font-size: 14px;
	color: rgb(105,81,157);
}
.service_process dd{
	margin-top: 15px;
	font-size: 18px;
	line-height: 26px;
	color: rgb(47,28,17);
}
.service_process dd:first-child{margin-top: 10px;}
.service_process dd.txt1{
	font-size: 14px;
	line-height: 20px;
	color: rgb(105,81,157)
}
.cbtl_service .info_2{padding-top: 35px; overflow: hidden}
.cbtl_service .info_2 dl{
	float: left; 
	height: 205px;
	font-family: 'NanumBarunGothic'; 
	font-size: 14px;
	color: rgb(51,51,51);
}
.cbtl_service .info_2 dl.box1{
	width: 480px;  
	padding: 25px 0 30px 100px; 
	margin-right: 40px; 
	background: rgb(238,238,238) url(/images/sub/bg_as_service_info01.png) no-repeat 25px 27px;
}
.cbtl_service .info_2 dl.box2{
	width: 490px; 
	padding: 25px 0 30px 90px; 
	background: rgb(238,238,238) url(/images/sub/bg_as_service_info02.png) no-repeat 19px 21px
}
.cbtl_service .info_2 dt{
	font-size: 16px;	
	margin-bottom: 15px;
	color: rgb(207,102,26);
}
.cbtl_service .info_2 dd{
	font-size: 14px;
	line-height: 24px;
}
.cbtl_service .info_2 strong{font-weight: 400; color: rgb(51,51,51);}
/* 데스크탑 전용 */
@media screen and (min-width:1200px) {
	
}

/*태블릿 & 모바일*/
@media screen and (max-width:1199px) {
	.cbtl_wrap{margin: 0 20px}
	.cbtl_list{margin-left: 0;}
	.cbtl_list li{
		width: 100%;
		padding: 25px 15px 25px;
		margin-left: 0;
		box-sizing: border-box;
		text-align: center;
	}
	.cbtl_list li h3{margin-bottom: 15px;}
	.cbtl_list li p{
		height: auto; 
		margin-bottom: 15px;
		font-size: 14px;
		line-height: 26px;	
	}
	.cbtl_list li a{
		position: static;
		width: 130px;
		line-height: 38px;
		font-size: 13px;
	}


	.machine_list{overflow: hidden; margin-left: 0}
	.machine_list li{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.machine_table table{box-sizing: border-box}

	.button_manual{
		padding: 25px 0 55px;
	}
	.button_manual figure{
		float: none;
		width: 100%;
		margin: 0 0 20px;
		text-align: center;
	}
	.button_manual figure img{max-width: 100%;}
	.model_manual{padding: 40px 0 0}
	.model_manual li{
		float: none;
		width: 100%;
	}
	.model_manual li > div{float: none !important; text-align: center;}
	.model_manual .model_2{
		margin-top: 65px;
		padding-left: 0 
		border-left: 0;
	}
	.model_manual .info{margin: 20px 0 0}
	.model_manual .info p{padding-bottom: 5px;}
	.model_manual .info a{
		display: block;
		margin: 10px auto;
	}
	.cbtl_service .info_2 dl:first-child{padding: 0 0 25px; margin: 0 0 25px; border-right: 0; border-bottom: 1px solid rgb(238,238,238)}
	.cbtl_service .info_2 dl{
		float: none;
		height: auto;
		width: 100% !important;  
		padding: 0 20px 20px 20px !important; 
		box-sizing: border-box;
	}
	.cbtl_service .info_2 dl.box1{
		margin: 0 0 20px;
		background: rgb(238,238,238) url(/images/sub/bg_as_service_info01_m.png) no-repeat 18px 15px;
		background-size: 43px 32px
	}
	.cbtl_service .info_2 dl.box2{
		background: rgb(238,238,238) url(/images/sub/bg_as_service_info02_m.png) no-repeat 19px 14px;
		background-size: 38px 37px
	}
	.cbtl_service .info_2 dt{
		padding: 20px 0 0 50px;
		margin-bottom: 15px;
		font-size: 16px;
	}
}

/* 태블릿 */
@media screen and (min-width:768px) and (max-width:1199px) {


	.overview_con1 .box2{
		float: none;
		overflow: hidden;
		margin-top: 25px;
		padding-right: 0;
	}
	.overview_con2 div{
		width: 29.25%;
		margin-left: 6.08%;
	}
	.overview_con2 div > h3{
		margin-top: 25px;
		height: 80px;
		font-family:'Archer-Semibold';
		font-size: 20px;
		font-weight: normal;
		color: rgb(204,102,26);
	}
	.overview_con2 div > h3 span{
		display: block;
		margin-top: 5px;
		font-family: 'NanumBarunGothic'; 
		font-size: 12px;
		color: rgb(51,51,51);
	}
	.overview_con2 div > p{
		font-family: 'NanumBarunGothic'; 
		font-size: 14px;
		line-height: 26px;
		color: rgb(51,51,51);
	}
	.capsule_list li{width: 33.3%;}
	.capsule_list li .photo{width: 100%}
	.capsule_list .txt{padding-right: 20px;}
	.capsule_list .txt .info{height: 120px;}
	.capsule_list .txt .name{
		overflow: hidden;
		height: 40px;
		margin-bottom: 0;
	}
	.capsule_list .txt .name span:first-child{
		float: left; 
		width: 63%;
		margin-right: 0;
		line-height: 1;
	}
	.capsule_list .txt .name .indicator{float: right;}
	.service_process li{ 
		width: 26.65%;
		margin: 0 -1%;
		background: url(/images/sub/bg_members_step.gif) no-repeat 0 35px
	}
	.service_process li:first-child{background: 0; padding-left: 0; margin-left: 0;}
	.service_process li .photo{text-align: center;}
	.service_process li .photo img{width: 100px;}
}

/* 모바일  */
@media screen and (max-width:767px) {
	.cbtl_wrap .title_style5{margin-bottom: 25px;}
	.cbtl_wrap .mypage_tab{margin-bottom: 20px;}
	.cbtl_wrap .select_tab{margin-bottom: 20px;}
	.cbtl_wrap .btn_box1{overflow: hidden}
	.cbtl_wrap .btn_box1 a{
		width: 48.2%;
		font-size: 13px;
	}
	.cbtl_wrap .btn_box1 a.w100{
		width: 100%; 
		font-size: 13px; 
		box-sizing: border-box
	}
	.cbtl_wrap .slide_box{margin-bottom:45px}

	.overview_photo{margin-bottom: 30px;}
	.overview_con1{
		padding: 25px 0 20px;
		margin-bottom: 40px;
	}
	.overview_con1 .box1 > h3{
		margin:0 0 10px;
		line-height: 30px;
	}
	.overview_con1 .box1 > p{line-height: 24px;}
	.overview_con1 .box2{
		float: none;
		margin-top: 20px;
		padding-right: 0;
	}
	.overview_con1 .box2 p{
		float: none;
		width: auto;
		margin-bottom: 10px;
		font-size: 18px;
		text-align: left;
	}
	.overview_con1 .box2 p span:before{
		display: inline-block;
		content: '-';
		margin-right: 3px;
	}
	.overview_con1 .box2 p span{margin-top: 0;}
	.overview_con2{margin-bottom: 70px;}
	.overview_con2 div{
		float: none;
		width: auto;
		margin-left: 0;
		margin-top: 55px;
	}
	.overview_con2 div:first-child{margin-top: 0;}
	.overview_con2 div img{width: 100%;}
	.overview_con2 div > h3{
		margin: 25px 0 20px;
		height: auto;
		font-size: 22px;
	}
	.overview_con2 div > h3 span{font-size: 14px;}
	.overview_con2 div > p{padding-right: 0;}

	.overview_con3 .title{font-size: 14px;}
	.overview_con3 .title span{padding: 0 20px;}
	.indicator_txt{
		margin-top: 35px;
		font-size: 18px;
	}
	.indicator_txt strong{	
		display: block;
		margin: 0 0 5px;
	}
	.indicator_txt .indicator img{width: 13px; }
	.capsule_title{
		margin: 35px 0 0;
		font-size: 3.167em;
	}
	.capsule_txt{
		margin-top: 5px;
		font-size: 18px;
	}
	.capsule_list{margin-top: 15px;}
	.capsule_list li{
		float: left;
		width: 100%;
		margin-bottom: 40px;
	}
	.capsule_list li .photo{width:100%;}
	.capsule_list .txt{padding-right: 0;}
	.capsule_list .txt .name{font-size: 18px; margin-bottom: 10px;}
	.capsule_list .txt .neme span:first-child{float: left;}
	.capsule_list .txt .indicator{float: right;}
	.capsule_list .txt .indicator img{width: 13px;}
	.capsule_list .txt .info{
		height: auto;
		line-height: 1.167em;
		line-height: 24px;
	}

	.machine_list .top_txt{
		padding: 15px 0;
		border-top: 2px solid rgb(105,81,157);
		border-bottom: 1px solid rgb(232,232,232);
		font-family: 'NanumBarunGothic'; 
		text-align: center;
		background: rgb(250,250,250);
	}


	.machine_table th{
		padding: 15px 0 15px 20px; 
		text-align: left;
	}
	.machine_table td{padding: 15px 0 15px 20px;}
	.machine_txt{line-height: 26px;}
	.manual_con > p{margin-top: 20px; font-size: 14px; line-height: 24px;}
	.model_manual .info a{
		width: 100%;
		font-size: 13px;
	}
	.cbtl_service > h3{
		padding-bottom: 25px;
		text-align: center;
	}
	.cbtl_service .info_1 dl{padding: 25px 0;}
	.cbtl_service .info_1 dt{
		float: none; 
		width: 100% !important;
		margin-bottom: 10px;
		font-size: 16px;
	}
	.cbtl_service .info_1 dd{padding-left: 175px; padding-left: 0 !important;line-height: 24px;}
	.cbtl_service .info_1 .txt_style1 span{display: block; margin-right: 0;}
	.cbtl_service .info_1 .txt_style2{margin-top: 25px;}
	.cbtl_service .info_1 .txt_style2 span{
		display: block;
		padding-left: 9px;
		background: url(/images/sub/bg_list_style2.gif) no-repeat 0 14px;
		background-size: 4px 1px;
	}
	.cbtl_service .info_1 .txt_style3{margin-top: 10px; padding-left: 0;}
	.cbtl_service .info_1 .txt_style3 strong{float: none;  display: block; margin-left: 0;}
	.cbtl_service .info_2{padding-top: 55px; overflow: hidden}
	.service_process{
		margin-top: 25px;
		padding:0;
	}
	.service_process ul{margin: 0;}
	.service_process li{
		width: 100%;
		margin: 30px 0 0;
		background: none
	}
	.service_process li .photo img{width: 200px; margin-bottom: 15px;}
	.service_process dd{
		margin-top: 10px;
		font-size: 18px;
	}
	.service_process dd:first-child{margin-top: 15px;}
	.service_process dd.txt1{
		line-height: 22px;
	}
}