*{margin:0;padding:0;box-sizing:border-box;font-family:NanumGothic;}

/* 서브페이지 전체적인 틀 */
@media(max-width:9999px) {
.sub_page_wrap {width:1260px;margin:0 auto;overflow:hidden;}
.sub_page_wrap > .bon {width:100%;float:left;overflow:hidden;font-family:NanumGothic;margin:5% auto;}
}

@media(max-width:1259px) {
.sub_page_wrap {
	margin: 0 auto;
	padding: 10% 1% 0% 1%;
	width: 98%;
	text-align: justify;
	font-family: NanumGothic;
	font-size: 13px !important;
	}
}

/* 서브 메뉴 */
@media(max-width:9999px) {

.sub_menu1 { width:100%;margin-bottom:2%;margin-top:2%;height:45px;}
.sub_menu1 > ul > li {float:left;background:#014292;text-align:center;width:49%;height:50px;margin-right:1%;color:#fff;}
.sub_menu1 > ul > li+li {width:50%;margin-right:0px;}
.sub_menu1 > ul > li:hover {background:#ff0;color:#000;font-weight:700;}
.sub_menu1 > ul > li > a {font-family:NanumGothic;font-size:16px;line-height:50px;text-decoration:none;color:#000;}
.sub_menu1 > ul > li.on {background:#ff0;color:#000;font-weight:700;}

.sub_menu2 { width:100%;margin-bottom:2%;margin-top:2%;position:relative;}
.sub_menu2 > ul {position:relative;float:left;width:100%;margin-bottom:2%;}
.sub_menu2 > ul > li {float:left;background:#fff;text-align:center;width:49.7%;height:50px;margin-right:0.5%;}
.sub_menu2 > ul > li+li {margin-right:0;}
.sub_menu2 > ul > li > a:hover {background:#fff;color:#014292;font-weight:700;}
.sub_menu2 > ul > li > a {display:block;font-family:NanumGothic;font-size:16px;line-height:50px;text-decoration:none;color:#000;border:1px solid #014292;}
.sub_menu2 > ul > li.on > a {display:block;color:#fff;background:#014292;font-size:18px;border:0px;}

.sub_menu4 { width:100%;margin-bottom:2%;margin-top:2%;position:relative;}
.sub_menu4 > ul {position:relative;float:left;width:100%;margin-bottom:2%;}
.sub_menu4 > ul > li {float:left;background:#fff;text-align:center;width:24.6%;height:50px;margin-right:0.5%;}
.sub_menu4 > ul > li+li+li+li {margin-right:0;}
.sub_menu4 > ul > li > a:hover {background:#fff;color:#014292;font-weight:700;}
.sub_menu4 > ul > li > a {display:block;font-family:NanumGothic;font-size:16px;line-height:50px;text-decoration:none;color:#000;border:1px solid #014292;}
.sub_menu4 > ul > li.on > a {display:block;color:#fff;background:#014292;font-size:18px;border:0px;}

.sub_menu5 { width:100%;margin-bottom:2%;margin-top:2%;position:relative;}
.sub_menu5 > ul {position:relative;float:left;width:100%;margin-bottom:2%;}
.sub_menu5 > ul > li {float:left;background:#fff;text-align:center;width:16.0%;height:50px;margin-right:0.5%;}
.sub_menu5 > ul > li+li+li+li+li+li {margin-right:0;}
.sub_menu5 > ul > li > a:hover {background:#fff;color:#014292;font-weight:700;}
.sub_menu5 > ul > li > a {display:block;font-family:NanumGothic;font-size:16px;line-height:50px;text-decoration:none;color:#000;border:1px solid #014292;}
.sub_menu5 > ul > li.on > a {display:block;color:#fff;background:#014292;font-size:18px;border:0px;}
}

@media(max-width:768px) {
.sub_menu2 > ul > li > a {font-family:NanumGothic;font-size:13px;line-height:50px;text-decoration:none;color:#000;}
.sub_menu2 > ul > li.on > a {display:block;color:#fff;background:#014292;font-size:15px;border:1px solid #014292;}

.sub_menu4 > ul > li > a {font-family:NanumGothic;font-size:13px;line-height:50px;text-decoration:none;color:#000;letter-spacing:-1px;}
.sub_menu4 > ul > li.on > a {display:block;color:#fff;background:#014292;font-size:15px;border:1px solid #014292;}

.sub_menu5 > ul > li {width:32.0%;margin:0.5%;}

.sub_menu5 > ul > li > a {margin-bottom:2%;font-size:10px;}
.sub_menu5 > ul > li.on > a {font-size:11px;}



}


/* 현재위치 */
@media(max-width:9999px) {
.sub_page_wrap > .location {
	text-align: right;
	color: rgb(153, 153, 153); 
	letter-spacing: 0px;
	font-family:NanumGothic;
	font-size: 15px; 
	margin-top: 3%; 
	margin-bottom: 3%;
	margin-right: 2%;
	position:relative;
	}
}

@media(max-width:768px) {
.sub_page_wrap > .location {margin-top:0%;}
}

/* 서브타이틀 */
@media(max-width:9999px) {

.sub_page_wrap > .subtitle {text-align:center;font-family:Malgun Gothic;position:relative;margin:3% auto;}
.sub_page_wrap > .subtitle > p {letter-spacing:-2px;font-size:40px;font-weight:bold;color:#333;}
.sub_page_wrap > .subtitle > p > em {font-size:40px;color:#014292;}
.sub_page_wrap > .subtitle > p:last-child {letter-spacing:-1px;font-size:15px;font-weight:normal;color:#666;line-height:1.5;}
.sub_page_wrap > .line {box-sizing:border-box;height:1px;width:64px;background:#d90000;margin:0px auto;}
}

@media(max-width:1250px) {
.sub_page_wrap > .subtitle > p {font-size:30px;}
.sub_page_wrap > .subtitle > p > em {font-size:30px;}
.sub_page_wrap > .company_txt > div > p {font-size:15px;}
.sub_page_wrap > .company_txt > div > p+p {font-size:20px;}
.sub_page_wrap > .company_txt > h3 {font-size:20px;}
.sub_page_wrap > .company_txt > ul {margin-left:25%;}
}

@media(max-width:768px) {
.sub_page_wrap > .subtitle > p:last-child {letter-spacing:-2px;font-size:15px;font-weight:normal;color:#666;line-height:1.5;}
.sub_page_wrap > .subtitle {margin:10% auto;}
}



/* 회사소개 */
@media(max-width:9999px) {
.sub_page_wrap > .company_txt {color:#000;font-family:NanumGothic;line-height:2.0;margin:5% auto;float:left;background-image:url(/skin_mw1/images/company_bg.jpg);background-size:cover;}
.sub_page_wrap > .company_txt > p {font-size:20px;float:left;padding:0 5%;}
.sub_page_wrap > .company_txt > p:first-child {margin-top:13%;}
.sub_page_wrap > .company_txt > p+p+p {float:right;}
.sub_page_wrap > .company_txt > p > em{font-size:20px;color:#1395e0;font-weight:700;}

h3 > em {color:#d90000;}
}

@media(max-width:768px) {
.sub_page_wrap > .company_txt > p {font-size:15px;}
}

/* ceo 인사말 */

@media(max-width:9999px) {

.sub_page_wrap > div > .ceo_txt {position:relative;width:60%;float:left;color:#909090;font-family: "NanumGothic";line-height:2.0;margin:5% auto;}
.sub_page_wrap > div > .ceo_img {position:relative;width:40%;float:left;text-align:center;}
.sub_page_wrap > div > .ceo_img img{width:100%;padding-top:10%;margin:0 auto;}
.sub_page_wrap > div > .ceo_txt > span {color:rgb(70,70,70);display:block;text-align:justify;width:90%;margin:0 5%;font-size:18px;word-break:break-all;padding-left:10%;}
}

@media(max-width:1259px) {

.sub_page_wrap > div > .ceo_txt {position:relative;width:100%;float:left;line-height:1.5;margin:5% auto;}
.sub_page_wrap > div > .ceo_img {width:100%;}
.sub_page_wrap > div > .ceo_img img{width:80%;text-align:center;padding-top:0;margin:0 10%;}
.sub_page_wrap > div > .ceo_txt > span {color:rgb(70,70,70);display:block;text-align:justify;width:90%;margin:0 5%;font-size:15px;padding-left:0;}

}

/* 회사연혁 */
@media(max-width:9999px) {
.history_img {width:30%;float:left;overflow:hidden;margin:5%;}
.history_table_wrap {width:54%;float:left;}
.history_table {width:100%;float:left;border-bottom:1px solid #555;padding:3% 0;overflow:hidden;}
.history_year {width:25%;float:left;text-align:center;padding:3% 0;color:#555;font-weight:700;overflow:hidden;}
.history_year > span {font-size:30px;}
.history_naka {width:75%;float:left;border-left:3px solid #ffa101;box-sizing:border-box;}
.history_naka > p {padding:3%;}
.history_naka > p > em {font-weight:700;}
}
@media(max-width:768px) {
.history_img {width:90%;}
.history_table_wrap {width:94%;}
.history_year {width:20%;}
.history_year > span {font-size:18px;}
.history_naka > p {font-size:12px;padding:1%;letter-spacing:-1px;line-height:2.0;}
.history_naka > p > em {font-size:12px;}
}


/* 오시는 길 */
@media(max-width:9999px) {
.company_map {width:100%;overflow:hidden;}
.map_txt {font-family:NanumGothic;line-height:2.0;margin:5% 0;border-left:5px solid #d90000;padding-left:2%;}
}

@media(max-width:768px) {
.map_txt {font-size:13px;}
}



/* 브랜드소개 - 자성화코다리 */
@media(max-width:9999px) {

.bon > .brand_txt {
	position:relative;
	width:100%;
	float:left;
	color:#909090; 
	font-family: "NanumGothic"; 
	line-height:1.5;
	margin:5% auto;
}

.bon > .brand_txt > p.brand_tit {text-align:center;font-family:Arita-buriM;font-size:50px;margin-top:2%;}

.bon > .brand_txt > div {
	margin:5% 0;
}

.bon > .brand_txt > div > p {
	line-height:1.5;
	margin:1% 0;
	text-align:justify;
	word-break:break-all;
	color:#000;
	font-size:16px;
	letter-spacing:0;
	font-family:Arita-buriM;
}

.bon > .brand_txt > div > p:first-child {
	background:#b3b083;
	color:#252620;
	padding:1% 2%;
	display:inline-block;
	font-size:18px;
	font-weight:700;
	letter-spacing:0;
	font-family:Arita-buriSB;

}

.bon > .brand_txt > div > span {
	display:block;
	text-align:center;
	word-break:break-all;
	font-size:18px;
	color:#000;
	font-weight:bold;
	font-family:Arita-buriM;
}

.b > .brand_txt > div > img {
	text-align:center;
	display:block;
	margin:0 auto;
}
}

@media(max-width:768px) {
.bon > .brand_txt > div > span {display:block;font-size:11px;text-align:center;}

}

/* 브랜드소개 > 창업문의 */
@media(max-width:9999px) {
.consult_box {width:30.3%;float:left;float:left;margin:1%;background:rgba(0,0,0,0.7);border-radius:15px;min-height:180px;overflow:hidden;}
.consult_box > p {color:#ffff00;font-weight:700;text-align:center;font-size:20px;line-height:1.5;}
.consult_box > ul {line-height:2.0;text-align:center;color:#fff;}
.consult_box > ul > li {font-size:16px;letter-spacing:-1px;}

.connect_link {position:absolute;font-size:20px;background:#f00;display:none;}
.favo {text-align:center;margin:3% 0;}
.favo > span > a{background:#fd3952;padding:1% 2%;border-radius:5px;color:#fff;font-weight:700;font-family:NanumGothic;font-size:25px;}
.favo > span > a:hover{background:#f00;color:#fff;}
}

@media(max-width:768px) {
.consult_box {width:98%;margin:1%;display:show;}
.connect_link {width:50%;}
}

/* 브랜드소개 > 홍보영상 */
@media(max-width:9999px) {
.brand_video {width:100%;overflow:hidden;margin:20% auto;}
.video-container{position:relative;padding-bottom:56.25%;padding-top:10%;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

}

/* 메뉴소개 > 전체메뉴 */
@media(max-width:9999px) {
.bon > .menu {overflow:hidden;}
.bon > .menu > ul {width:100%;}
.bon > .menu > ul > li {float:left;width:33.3%;text-align:center;overflow:hidden;background:#000;font-family:Arita-buriM;border:1px solid #000;box-sizing:border-box;}
.bon > .menu > ul > li > a > span {display:block;padding:5% 0;font-size:20px;text-decoration:none;color:#fff;}
.bon > .menu > ul > li > a:hover > span {color:#ff0;}
.bon > .menu > ul > li > a:hover > img {opacity:0.5;}
.bon > .menu > ul > li > a > img {width:100%;height:100%;}
}

@media(max-width:768px) {
.bon > .menu > ul > li {width:50%;}
.bon > .menu > ul > li > a > span {font-size:15px;}
}


/* 가맹비용 */
@media(max-width:9999px) {
p.cost_title1{text-align:center;font-size:25px;font-weight:700;margin-top:5%;}
p.cost_sub_title1{text-align:right;font-size:15px;}
table.box1{width:100%;border-top:5px solid #000;margin-top:1%;border-bottom:5px solid #000;}
table.box1 > tbody > tr > th {padding:1.5%;border-bottom:2px solid #000;text-align:center;}
table.box1 > tbody > tr > td {padding:1.5%;text-align:center;border-bottom:1px solid #aaa;}
table.box1 > tbody > tr > td.e {background:rgba(220,220,220,0.8)}
table.box1 > tbody > tr > td.y {background:rgba(255,255,000,0.8)}
p{margin:1% 0;}

p.cost_title2{font-weight:700;font-size:20px;text-align:center;}
p.cost_title2 > em {color:#f00;font-size:20px;}
}

@media(max-width:768px) {
p.cost_sub_title1{font-size:11px;margin-top:3%;}
table.box1 > tbody > tr > th {padding:3.5%;}
table.box1 > tbody > tr > td {padding:3.5%;}
p{margin:3%;font-size:13px;}
p.cost_title2{font-size:15px;}

}


/* FAQ */


#faq {
	margin: 10px 0px 30px;
}


#faq_wrap ol {
	list-style: none; margin: 0px; padding: 0px;
}

#faq_naka {

}
#faq_naka h3 a {
	background: url("/skin_mw1/images/q_icon.png") no-repeat 10px 15px; padding: 20px 20px 20px 40px; font-size: 15px; text-decoration: none; border-top-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; display: block;
}
#faq_naka .con_inner {
	background: url("/skin_mw1/images/a_icon.png") no-repeat 45px 20px rgb(250, 248, 249); padding: 20px 20px 20px 80px; line-height: 1.8em; font-size: 12px; display: none;
}
#faq_naka .con_closer {
	margin: 10px 0px 0px; text-align: right;
}
#faq_naka .closer_btn {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
.faq_tolist {
	padding: 0px 10px; text-align: right;
}
.faq_img {
	text-align: center;
}

.con_inner > p {margin-top:0;}


/* 프랜차이즈 뷰페이지 */
@media(max-width:9999px) {

.franchise_main {width:100%;overflow:hidden;margin-top:3%;position:relative;float:left;}
.franchise_main_img {width:40%;height:300px;background:#000;float:left;overflow:hidden;}
.franchise_main_img > img {width:100%;height:100%;}
.franchise_main_right {width:58%;margin-left:2%;float:left;overflow:hidden;border-left:1px solid #ddd;}
.franchise_main_right > ul {font-family:NanumGothic;}
.franchise_main_right > ul > li {display:block;margin:4% 4%;font-size:23px;letter-spacing:-1px;}
.franchise_main_right > ul > li:before {content:counter(item,disc) " ";color:red;font-size:30px;}

.editor_resize{width:100%;}


.bon_franchise {width:100%;float:left;overflow:hidden;font-family:NanumGothic;margin:5% auto;}
.bon_franchise > p {display:block;float:left;overflow:hidden;width:100%;padding:1%;font-weight:700;border-bottom:5px solid #d90000;font-size:30px;}
.bon_franchise > .map > #map_view {height:500px;}

}


@media(max-width:768px) {
.franchise_main_img {width:100%;height:auto;overflow:hidden;}
.franchise_main_right {width:100%;border:0;margin-left:0%;}
.franchise_main_right > ul > li {font-size:16px;margin:0;text-align:left;}
.bon_franchise > p {font-size:16px;}
.bon_franchise > .map > #map_view {height:200px;}
}



/* 시공사례 썸이미지 크기 */

.boxbox {
	float: left;
	margin-right: 0.5%;
	margin-top:2%;
	overflow: hidden;
}







/* 제품소개 테이블 스타일 */
@media(max-width:9999px) {
.bon > img {width:80%;margin:5% 10%}
.bon > p {line-height:1.5;}
.bon > p.title {font-size:20px;font-weight:700;color:#1868c3}
.bon > p.no {font-weight:700;font-size:18px;}
.bon > p.sub {font-weight:700;font-size:18px;display:block;background:#00f;color:#fff;overflow:hidden;}

.bon > table {width:100%;border-top:3px solid #b9caaa;border-bottom:3px solid #b9caaa;padding:0;line-height:1.5;border-spacing:0;}
.bon > table > tbody > tr > th {background:#eaf0e6;text-align:center;padding:1% 0;border-bottom:1px solid #b9caaa;border-right:1px solid #b9caaa;vertical-align:middle;}
.bon > table > tbody > tr > th:last-child {border-right:0;}
.bon > table > tbody > tr > td {text-align:center;padding:0.5% 0;border-right:1px solid #b9caaa;border-bottom:1px solid #b9caaa;vertical-align:middle;}
.bon > table > tbody > tr > td:last-child {border-right:0;}

.bon > ul {}
.bon > ul > li {list-style:none;padding:0.5%;display:block;}
.bon > ul > li:before {content:counter(item,disc) "";color:blue;}


.content {margin:0 auto;width:1260px;text-align:center;font-family:NanumGothic;font-size:16px;}
.content > p.title {font-weight:700;}
.content > p.no {}
.fence_layer{width:100%;float:left;padding:3% 0;}
.fence_layer > .content {margin:0 auto;}
.content > .boxbox {width:15%;height:150px;}
.content > .boxbox > a > img {width:100%;height:100%;}

}

@media(max-width:1260px) {
.content {width:95%;margin:0.5%;}

}
@media(max-width:768px) {
.content > .boxbox {width:32%;height:100px;}
.content > .boxbox > a > img {width:100%;height:100%;}
.bon > table > tbody > tr > th {font-size:9px;}
.bon > table > tbody > tr > td {font-size:9px;padding:1% 0;}

}