/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

.main_body_lay {width:1063px; margin:0 auto;}
.w100 {width:100%}
.center {text-align:center}
.left {text-align:left}
.right {text-align:right}



.r-board {border-right:1px solid #f3f3f3}
.l-board {border-left:1px solid #f3f3f3}

.link01 a{color:#fff}


.padd_lr20{padding:0px 20px;}

.padd_top10 {padding-top:10px}
.padd_top15 {padding-top:15px}
.padd_top20 {padding-top:20px}
.padd_top25 {padding-top:25px}
.padd_top30 {padding-top:30px}
.padd_top35 {padding-top:35px}
.padd_top40 {padding-top:40px}
.padd_top45 {padding-top:45px}
.padd_top50 {padding-top:50px}
.padd_top80 {padding-top:80px}

.padd_bottom10 {padding-bottom:10px}
.padd_bottom15 {padding-bottom:15px}
.padd_bottom20 {padding-bottom:20px}
.padd_bottom25 {padding-bottom:25px}
.padd_bottom30 {padding-bottom:30px}
.padd_bottom35 {padding-bottom:35px}
.padd_bottom40 {padding-bottom:40px}
.padd_bottom45 {padding-bottom:45px}
.padd_bottom50 {padding-bottom:50px}
.padd_bottom80 {padding-bottom:180px}

.mar_top10 {margin-top:10px}
.mar_top15 {margin-top:15px}
.mar_top20 {margin-top:20px}
.mar_top25 {margin-top:25px}
.mar_top30 {margin-top:30px}
.mar_top35 {margin-top:35px}
.mar_top40 {margin-top:40px}
.mar_top45 {margin-top:45px}
.mar_top50 {margin-top:50px}
.mar_top60 {margin-top:60px}
.mar_top70 {margin-top:70px}
.mar_top80 {margin-top:80px}


.mar_bottom10 {margin-bottom:10px}
.mar_bottom15 {margin-bottom:15px}
.mar_bottom20 {margin-bottom:20px}
.mar_bottom25 {margin-bottom:25px}
.mar_bottom30 {margin-bottom:30px}
.mar_bottom35 {margin-bottom:35px}
.mar_bottom40 {margin-bottom:40px}
.mar_bottom45 {margin-bottom:45px}
.mar_bottom50 {margin-bottom:50px}


.fs5 {font-size:5px}
.fs12 {font-size:12px}
.fs14 {font-size:14px}
.fs16 {font-size:16px}
.fs18 {font-size:18px}
.fs20 {font-size:20px}
.fs22 {font-size:22px}
.fs24 {font-size:24px}
.fs26 {font-size:26px}
.fs28 {font-size:28px}
.fs30 {font-size:30px}
.fs40 {font-size:40px}
.fs50 {font-size:50px}


.parallax_content{width:1060px;margin:0 auto}
.parallax section{background-repeat:no-repeat;background-color:transparent;background-attachment:fixed;background-position:center 0;padding:1px 0}


.bg_gray {background-color:#f6f6f6}
/*----------------------------------------------------------------------------------------
									title
----------------------------------------------------------------------------------------*/
.heading h2 {

	font-size:30px;
	display: block;
	position: relative;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	font-weight:bold;
	letter-spacing:-2px;
	color:#fff;
	font-size:40px;
	
}



.heading h2:after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 30px;
	background-color: #fff;
	bottom: 0;
	left: 50%;
	margin-left: -14px;
}



.heading h4 {
	font-size:40px;
	display: block;
	position: relative;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	font-weight:bold;
	letter-spacing:-2px;
/*	color:#000;*/

}



.heading h4:after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 30px;
	background-color: #000;
	bottom: 0;
	left: 50%;
	margin-left: -14px;
}

/*----------------------------------------------------------------------------------------
									company
----------------------------------------------------------------------------------------*/

.company_bg{background-image:url('../image/sub/company_bg01.jpg'); background-position: center; background-size:1906px 754px}


/*----------------------------------------------------------------------------------------
									sub_concept
----------------------------------------------------------------------------------------*/

.concept_bg{background-color:#989898; background-position: center;  }
.s_con_title {color:#000; font-size:16px; }
.s_con_title span {color:#f54325; border-bottom:1px solid #f54325; font-weight:bold}
.s_con_title p {color:#989898; font-size:13px; font-weight:100;padding-left:20px;}
.f54325 {color:#f54325}
.concept_bg img {max-width:971px; width:90%}



/*----------------------------------------------------------------------------------------
									sub_ci
----------------------------------------------------------------------------------------*/

.ci_img01 img {width:100%; max-width:530px; }
.s_ci_title {color:#000; font-size:16px; }
.s_ci_title span {color:#f54325; font-weight:bold}
.s_ci_title p {color:#989898; font-size:13px; font-weight:100;padding-left:25px; padding-top:10px; line-height:24px;}

.ci_img02 img {width:100%; max-width:176px; padding-right:20px; }
.s_ci_title01 {color:#000; font-size:18px; }
.s_ci_title01 span {color:#000; font-weight:bold}
.s_ci_title01 p {color:#989898; font-size:14px; font-weight:100; padding-top:10px; line-height:24px;}

@media (max-width: 767px){
.m_padd_top10 {padding-top:10px;}
.m_padd_top20 {padding-top:20px;}
.m_padd_top30 {padding-top:30px;}
.m_padd_top40 {padding-top:40px;}
.m_padd_top50 {padding-top:50px;}

.ci_img02 img {width:100%; max-width:120px; }
}

.flo_left {float:left}



/*----------------------------------------------------------------------------------------
									sub_brand
----------------------------------------------------------------------------------------*/

.brand_bg{background-image:url('../image/sub/brand_img01.jpg'); background-position: center; width:100%;  height:384px }
.s_brand_title {color:#fff; font-size:14px; padding:50px 20px 0px 20px; line-height:24px;}
.s_brand_txt01 {color:#989898; font-size:14px; padding:50px 20px 0px 20px; line-height:24px;}
.s_brand_txt02 {color:#f1592a; font-size:14px; padding:50px 20px 0px 20px; line-height:24px; font-weight:bold}
.s_brand_txt02 p {color:#f1592a; font-size:12px;}

.brand_bg img {max-width:174px;}

.bradn_img01 img {max-width:628px; width:100%}
.bradn_img02 img {width:100%;}

@media (max-width: 767px){
.s_brand_title { padding:30px 20px 0px 20px; }
}


/*----------------------------------------------------------------------------------------
									sub_brand
----------------------------------------------------------------------------------------*/

.his_img01 img {width:100%;}


/*----------------------------------------------------------------------------------------
									sub_franchise
----------------------------------------------------------------------------------------*/

.fr_img01 img {width:100%;}




#overview .container i.icon {
color:#fc0001;
font-size: 40px;
font-weight:bold;
padding: 25px;
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;;
}

.gray {color:#989898}


.fr_r-board {border-right:1px solid #f3f3f3}

.fr_02_a {padding:50px 0px 40px 0px; }
.fr_02_a span{background-color:#f54325; color:#fff;padding:20px 30px;}
.fr_02_b { padding:30px 0px; }
.fr_02_b span{background-color:#484343; color:#fff; padding:10px 15px;}





@media (min-width: 768px){
.fr_chart {display:none}	
}



@media (max-width: 767px){
.fr_chart {}
.fr_img02 {display:none}
.fr_r-board {border-bottom:0px solid #f3f3f3; margin-bottom:0px;}
.fr_02_b { padding:10px 5px; float:left}	
}

/*----------------------------------------------------------------------------------------
									main_margin
----------------------------------------------------------------------------------------*/


@media (max-width: 767px){
	.main_body_lay {width:100%; margin:0 auto;}
	.m_magin420 {margin-top:0px;}
	.r-board {border-right:0px solid #f3f3f3; border-top:1px solid #f3f3f3; padding-bottom:20px}
	.l-board {border-left:0px solid #f3f3f3; border-bottom:1px solid #f3f3f3; padding-top:20px}
	.m_b20 {padding-bottom:20px}
	.m_t20 {padding-top:20px}
	.m_padd-top50 {padding-top:50px;}
	
}

.m_magin420 {margin-top:0px;}




/*----------------------------------------------------------------------------------------
										CHART
----------------------------------------------------------------------------------------*/

@media (max-width: 767px){
.chart {float: left; margin:10px 0px 10px 0px;}
.chart_container {width:170px; margin: auto;}
.chart_container01 {width:180px; margin: auto;}
.m_mar_top20 {margin-top:20px}
.chart_container p {color:#fff; padding-top:10px; text-align:center}
.sec_why {background-image:url('../image/main/main_bg04.jpg'); background-position: center;  background-attachment:fixed; background-repeat:no-repeat}

}

@media (min-width: 768px)  {
.sec_why {background-image:url('../image/main/main_bg04.jpg'); background-position: center;  background-attachment:fixed; background-repeat: no-repeat}

.chart_container p {color:#fff; padding-top:20px; text-align:center}

.chart_container {width:760px; margin: auto; text-align:center}
.chart_container01 {width:180px; margin: auto;}
.chart {float: left; margin: 40px;}
}

/*----------------------------------------------------------------------------------------
									MAIN_CONCEPT
----------------------------------------------------------------------------------------*/
.bold {font-weight:bold}
.con_title {color:#000; font-size:16px; }
.con_title span {color:#fee5e2; border-bottom:1px solid #fee5e2; font-weight:bold}
.con_title p {color:#fff; font-size:13px; font-weight:100}
.com_lr20{padding:0px 20px}

.000 {color:#000}
.fff {color:#fff}

.title h2 {
	display: block;
	position: relative;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-1px;
}

.title h2:after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 60px;
	background-color: #fff;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
}

.title_black h2 {
	display: block;
	position: relative;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-1px;
}

.title_black h2:after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 60px;
	background-color: #666666;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
}



.title h3 {
	display: block;
	position: relative;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-2px;
}

.title h3:after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 60px;
	background-color: #000;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
}

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

.qbutton.no_fill{color:#f54325;background-color:transparent;background-image:none;border:2px solid #f54325}
.qbutton.tiny{height:31px;line-height:31px;font-size:11px;padding:0 11px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}
.qbutton.tiny:hover{padding:0 21px}
.qbutton.tiny.no_fill{height:30px;line-height:27px}
.qbutton.no_fill:hover{color:#f54325;background-color:#fff }

.qbutton{
position:relative;
display:inline-block;
width:auto;
margin:0;
padding:0 20px;
font-size:11px;
font-weight:700;
letter-spacing:1px;
height:36px;
text-align:center;
line-height:36px;
color:#ffffff;
background-color:#0092d7;
text-decoration:none;
cursor:pointer;
white-space:nowrap;
-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;
-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;
-o-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
outline:0
}

.qbutton:hover{/*padding:0 30px;*/color:#fff;background-color:#005e8b}
.qbutton.small{padding:0 14px;height:39px;line-height:37px;-o-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; color:#fff;}
.qbutton.small:hover{/*padding:0 24px;*/ color:#fff;}
.qbutton.small.no_fill{height:37px;line-height:37px; color:#fff;}



.qbutton01{
position:relative;
display:inline-block;
width:auto;
margin:0;
padding:5px 50px;
font-size:13px;
font-weight:700;
letter-spacing:1px;
height:36px;
text-align:center;
line-height:36px;
color:#ffffff;
background-color:#0092d7;
text-decoration:none;
cursor:pointer;
white-space:nowrap;
-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;
-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;
-o-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
outline:0
}

.qbutton01:hover{/*padding:0 30px;*/color:#fff;background-color:#005e8b}
.qbutton01.small{padding:0px 80px;height:39px;line-height:37px;-o-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; color:#fff;}
.qbutton01.small:hover{/*padding:0 24px;*/ color:#fff;}
/*----------------------------------------------------------------------------------------
										Page
----------------------------------------------------------------------------------------*/


@media (max-width: 767px){
.Page_header {height:55px; background-position:center 0px ; background-repeat:no-repeat; }

}

@media (min-width: 768px)  {
.Page_header {height:100px; background-position:center 0px ; background-repeat:no-repeat; }


}