/*================================
	¼­ºêÀ̹ÌÁö
================================*/
@media (max-width: 575px){
	.sub_img{
		width: 100%;
		height: 200px;
		background: #000000 url(../images/sub/sub_img01.jpg) no-repeat 50% 50%;
		background-size : cover; 
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		padding: 120px 0 0 0;
	}
	.sub_img h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 30px;
		color: #FFFFFF;
	}
}
@media (min-width: 576px){
	.sub_img{
		width: 100%;
		height: 250px;
		background: #000000 url(../images/sub/sub_img01.jpg) no-repeat 50% 50%;
		background-size : cover; 
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		padding: 140px 0 0 0;
	}
	.sub_img h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 35px;
		color: #FFFFFF;
	}
}
@media (min-width: 768px){
	.sub_img{
		width: 100%;
		height: 270px;
		background: #000000 url(../images/sub/sub_img01.jpg) no-repeat 50% 50%;
		background-size : cover; 
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		padding: 150px 0 0 0;
	}
	.sub_img h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 45px;
		color: #FFFFFF;
	}
}
@media (min-width: 992px){
	.sub_img{
		width: 100%;
		height: 300px;
		background: #000000 url(../images/sub/sub_img01.jpg) no-repeat 50% 50%;
		background-size : cover; 
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		padding: 200px 0 0 0;
	}
	.sub_img h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 50px;
		color: #FFFFFF;
	}
}
@media (min-width: 1100px){
	.sub_img{
		width: 100%;
		height: 400px;
		background: #000000 url(../images/sub/sub_img01.jpg) no-repeat 50% 50%;
		background-size : cover; 
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		padding: 240px 0 0 0;
	}
	.sub_img h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 55px;
		color: #FFFFFF;
	}
}

/*================================
	¼­ºê¸Þ´º
================================*/
/*¼­ºê¸Þ´º 1*/
.sub_menu1 .wrap .li_3{
	width: 33.4%;
}
.sub_menu1 .wrap .on{
	background: #373737;
}
.sub_menu1 .wrap .on a{
	color: #FFFFFF;
}

@media (max-width: 575px){
	.sub_menu1{
		padding: 0 0 0 0;
	}
	.sub_menu1 .wrap{
		border-top: 0;
		border-bottom: 1px solid #cecece;
		border-left: 0;
		padding: 0;
	}
	.sub_menu1 .wrap li{
		width: 33.3%;
		height: 50px;
		float: left;
		border-right: 1px solid #cecece;
		text-align: center;
	}
	.sub_menu1 .wrap li a{
		font-weight: 500;
		font-size: 18px;
		color: #000000;
		line-height: 50px;
		display: block;
	}
	.sub_menu1 .wrap .li_3{
		border-right: 0;
	}
	.sub_menu2 .wrap{
		border-bottom: 0;
	}
	.sub_menu2 .wrap li{
		width: 33.3%;
		height: 42px;
		border-bottom: 1px solid #cecece;
	}
	.sub_menu2 .wrap li a{
		font-size: 16px;
		line-height: 42px;
	}
	.sub_menu2 .wrap .li_3,
	.sub_menu2 .wrap .li_6,
	.sub_menu2 .wrap .li_9{
		width: 33.4%;
	}
	.sub_menu2 .wrap .on{
		background: #e41c16;
	}

	.sub_menu8{
		padding: 0 0 30px 0;
	}
	.sub_menu8 .wrap li{
		width: 25% !important;
	}
	.sub_menu8 .wrap .li_1,
	.sub_menu8 .wrap .li_2,
	.sub_menu8 .wrap .li_3,
	.sub_menu8 .wrap .li_4{
		border-top: 1px solid #cecece;
		border-right: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
	}
	.sub_menu8 .wrap .li_1,
	.sub_menu8 .wrap .li_5{
		border-left: 1px solid #cecece;
	}
	.sub_menu8 .wrap .on{
		background: #e41c16;
	}
}
@media (min-width: 576px){
	.sub_menu1{
		padding: 30px 0 0 0;
	}
	.sub_menu1 .wrap{
		border-top: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
		border-left: 1px solid #cecece;
	}
	.sub_menu1 .wrap li{
		width: 33.3%;
		height: 50px;
		float: left;
		border-right: 1px solid #cecece;
		text-align: center;
	}
	.sub_menu1 .wrap li a{
		font-weight: 500;
		font-size: 18px;
		color: #000000;
		line-height: 50px;
		display: block;
	}
	.sub_menu2 .wrap{
		border-bottom: 0;
	}
	.sub_menu2 .wrap li{
		width: 33.3%;
		height: 42px;
		border-bottom: 1px solid #cecece;
	}
	.sub_menu2 .wrap li a{
		font-size: 16px;
		line-height: 42px;
	}
	.sub_menu2 .wrap .li_3,
	.sub_menu2 .wrap .li_6,
	.sub_menu2 .wrap .li_9{
		width: 33.4%;
	}
	.sub_menu2 .wrap .on{
		background: #e41c16;
	}

	.sub_menu8{
		padding: 0 0 30px 0;
	}
	.sub_menu8 .wrap li{
		width: 25% !important;
	}
	.sub_menu8 .wrap .li_1,
	.sub_menu8 .wrap .li_2,
	.sub_menu8 .wrap .li_3,
	.sub_menu8 .wrap .li_4{
		border-bottom: 1px solid #cecece;
	}
	.sub_menu8 .wrap .on{
		background: #e41c16;
	}
}
@media (min-width: 768px){
	.sub_menu1{
		padding: 40px 0 0 0;
	}
	.sub_menu1 .wrap li{
		width: 33.3%;
		height: 50px;
		float: left;
		border-right: 1px solid #cecece;
		border-bottom: 0;
		text-align: center;
	}
	.sub_menu1 .wrap li a{
		font-weight: 500;
		font-size: 20px;
		color: #000000;
		line-height: 50px;
		display: block;
	}
	.sub_menu2 .wrap{
		border-bottom: 0;
	}
	.sub_menu2 .wrap li{
		width: 20%;
		height: 48px;
		border-bottom: 1px solid #cecece;
	}
	.sub_menu2 .wrap li a{
		font-size: 17px;
		line-height: 48px;
	}
	.sub_menu2 .wrap .li_3,
	.sub_menu2 .wrap .li_6,
	.sub_menu2 .wrap .li_9{
		width: 20%;
	}
	.sub_menu2 .wrap .on{
		background: #e41c16;
	}

	.sub_menu8{
		padding: 0 0 30px 0;
	}
	.sub_menu8 .wrap li{
		width: 12.5% !important;
	}
	.sub_menu8 .wrap .li_1,
	.sub_menu8 .wrap .li_2,
	.sub_menu8 .wrap .li_3,
	.sub_menu8 .wrap .li_4{
		border-bottom: 0;
	}
	.sub_menu8 .wrap .on{
		background: #e41c16;
	}
}
@media (min-width: 992px){
	.sub_menu1{
		padding: 40px 0 0 0;
	}
	.sub_menu1 .wrap li{
		width: 33.3%;
		height: 55px;
		float: left;
		border-right: 1px solid #cecece;
		border-bottom: 0;
		text-align: center;
	}
	.sub_menu1 .wrap li a{
		font-weight: 500;
		font-size: 20px;
		color: #000000;
		line-height: 55px;
		display: block;
	}
	.sub_menu2 .wrap{
		border-bottom: 0;
	}
	.sub_menu2 .wrap li{
		width: 20%;
		height: 48px;
		border-bottom: 1px solid #cecece;
	}
	.sub_menu2 .wrap li a{
		font-size: 17px;
		line-height: 48px;
	}
	.sub_menu2 .wrap .li_3,
	.sub_menu2 .wrap .li_6,
	.sub_menu2 .wrap .li_9{
		width: 20%;
	}
	.sub_menu2 .wrap .on{
		background: #e41c16;
	}

	.sub_menu8{
		padding: 0 0 30px 0;
	}
	.sub_menu8 .wrap li{
		width: 12.5% !important;
	}
	.sub_menu8 .wrap .on{
		background: #e41c16;
	}
}
@media (min-width: 1100px){
	.sub_menu1{
		padding: 60px 0 0 0;
	}
	.sub_menu1 .wrap li{
		width: 33.3%;
		height: 60px;
		float: left;
		border-right: 1px solid #cecece;
		border-bottom: 0;
		text-align: center;
	}
	.sub_menu1 .wrap li a{
		font-weight: 500;
		font-size: 22px;
		color: #000000;
		line-height: 60px;
		display: block;
	}
	.sub_menu2 .wrap{
		border-bottom: 0;
	}
	.sub_menu2 .wrap li{
		width: 20%;
		height: 48px;
		border-bottom: 1px solid #cecece;
	}
	.sub_menu2 .wrap li a{
		font-size: 17px;
		line-height: 48px;
	}
	.sub_menu2 .wrap .li_3,
	.sub_menu2 .wrap .li_6,
	.sub_menu2 .wrap .li_9{
		width: 20%;
	}
	.sub_menu2 .wrap .on{
		background: #e41c16;
	}

	.sub_menu8{
		padding: 0 0 30px 0;
	}
	.sub_menu8 .wrap li{
		width: 12.5% !important;
	}
	.sub_menu8 .wrap .on{
		background: #e41c16;
	}
}

/*================================
	Å×À̺í
================================*/
.page_table1 table{
	width: 100%;
    overflow: hidden;
    border-top: 2px solid #282828;
	margin: 20px 0 15px 0;
}
.page_table1 table th{
	background: #f4f4f4;
    padding: 12px 15px;
    color: #000000;
    font-weight: 500;
    font-size: 16px;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    text-align: center;
}
.page_table1 table td{
	padding: 12px 15px;
    color: #5c5c5c;
    font-size: 16px;
    border-bottom: 1px solid #dddddd;
}

/*================================
	ÆäÀÌÁö ÁغñÁßÀÔ´Ï´Ù.
================================*/
.page_ing{
	width: 100%;	
	color: #000000;
	font-weight: 500;
	font-size: 20px;
}
.page_ing p{
	text-align: center;
}
.page_ing img{
	margin: 0 0 20px -20px;
}

/*================================
	ProductLine
================================*/
.page1 .page1_list_e{
	margin: 0;
}

@media (max-width: 575px){
	.page1 .page1_list{
		width: 100%;
		overflow: hidden;
		background: #f4f4f4;
		padding: 15px 20px 15px 20px;
		margin: 0 0 40px 0;
	}
	.page1 .page1_list .li_left{
		width: 100%;
		float: left;
	}
	.page1 .page1_list .li_right{
		width: 100%;
		float: left;
		text-align: center;
	}
	.page1 h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 32px;
		color: #000000;
		padding: 0 0 10px 0;
	}
	.page1 .page1_list h2{
		font-weight: 500;
		font-size: 24px;
		color: #db1919;
	}
	.page1 .page1_list .page1_text{
		font-size: 17px;
		color: #000000;
		line-height: 28px;
		padding: 10px 0 10px 0;
	}
	.btn_line{
		width: 110px;
		height: 38px;
		border: 1px solid #373737;
		display: block;
		font-size: 15px;
		color: #000000;
		line-height: 36px;
		padding: 0 0 0 15px;
		background: #f4f4f4 url(../images/sub/point01_xs.png) no-repeat 85% 55%;
	}
	.btn_line:hover,
	.btn_line:focus,
	.btn_line:active{
		border: 1px solid #db1919;
		color: #db1919;
		background: #f4f4f4 url(../images/sub/point01_xs_on.png) no-repeat 85% 55%;
	}
	.page1 .page1_list .li_right img{
		padding: 30px 0 0 8px;
	}
}
@media (min-width: 576px){
	.page1 .page1_list{
		width: 100%;
		overflow: hidden;
		background: #f4f4f4;
		padding: 25px 30px 25px 30px;
		margin: 0 0 40px 0;
	}
	.page1 .page1_list .li_left{
		width: 100%;
		float: left;
	}
	.page1 .page1_list .li_right{
		width: 100%;
		float: left;
		text-align: center;
	}
	.page1 h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 34px;
		color: #000000;
		padding: 0 0 10px 0;
	}
	.page1 .page1_list h2{
		font-weight: 500;
		font-size: 26px;
		color: #db1919;
	}
	.page1 .page1_list .page1_text{
		font-size: 17px;
		color: #000000;
		line-height: 28px;
		padding: 16px 0 20px 0;
	}
	.btn_line{
		width: 140px;
		height: 50px;
		border: 1px solid #373737;
		display: block;
		font-size: 17px;
		color: #000000;
		line-height: 50px;
		padding: 0 0 0 18px;
		background: #f4f4f4 url(../images/sub/point01.png) no-repeat 85% 52%;
	}
	.btn_line:hover,
	.btn_line:focus,
	.btn_line:active{
		border: 1px solid #db1919;
		color: #db1919;
		background: #f4f4f4 url(../images/sub/point01_on.png) no-repeat 85% 52%;
	}
	.page1 .page1_list .li_right img{
		padding: 20px 0 0 8px;
	}
}
@media (min-width: 768px){
	.page1 .page1_list{
		width: 100%;
		overflow: hidden;
		background: #f4f4f4;
		padding: 25px 30px 25px 30px;
		margin: 0 0 40px 0;
	}
	.page1 .page1_list .li_left{
		width: 100%;
		float: left;
	}
	.page1 .page1_list .li_right{
		width: 100%;
		float: left;
		text-align: right;
	}
	.page1 h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 36px;
		color: #000000;
		padding: 0 0 10px 0;
	}
	.page1 .page1_list h2{
		font-weight: 500;
		font-size: 28px;
		color: #db1919;
	}
	.page1 .page1_list .page1_text{
		font-size: 18px;
		color: #000000;
		line-height: 30px;
		padding: 16px 0 30px 0;
	}
	.btn_line{
		width: 160px;
		height: 50px;
		border: 1px solid #373737;
		display: block;
		font-size: 18px;
		color: #000000;
		line-height: 50px;
		padding: 0 0 0 18px;
		background: #f4f4f4 url(../images/sub/point01.png) no-repeat 85% 52%;
	}
	.btn_line:hover,
	.btn_line:focus,
	.btn_line:active{
		border: 1px solid #db1919;
		color: #db1919;
		background: #f4f4f4 url(../images/sub/point01_on.png) no-repeat 85% 52%;
	}
	.page1 .page1_list .li_right img{
		padding: 10px 0 0 8px;
	}
}
@media (min-width: 992px){
	.page1 .page1_list{
		width: 100%;
		overflow: hidden;
		background: #f4f4f4;
		padding: 35px 40px 35px 40px;
		margin: 0 0 40px 0;
	}
	.page1 .page1_list .li_left{
		width: 100%;
		float: left;
	}
	.page1 .page1_list .li_right{
		width: 100%;
		float: left;
		text-align: right;
	}
	.page1 h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 40px;
		color: #000000;
		padding: 0 0 20px 0;
	}
	.page1 .page1_list h2{
		font-weight: 500;
		font-size: 28px;
		color: #db1919;
	}
	.page1 .page1_list .page1_text{
		font-size: 20px;
		color: #000000;
		line-height: 32px;
		padding: 16px 0 34px 0;
	}
}
@media (min-width: 1100px){
	.page1 .page1_list .li_left{
		width: 100%;
		float: left;
	}
	.page1 .page1_list .li_right{
		width: 100%;
		float: left;
		text-align: right;
	}
}
@media (min-width: 1300px){
	.page1 .page1_list .li_left{
		width: 61%;
		float: left;
	}
	.page1 .page1_list .li_right{
		width: 39%;
		float: left;
		text-align: right;
	}
}

/*================================
	Works
================================*/
@media (max-width: 575px) {
	.content21 .wrap{
		padding-right: 0;
		padding-left: 0;
	}
	.page2_1{
		width: 96%;
		margin: 0 auto;
	}
	.page2_1 ul{
		width: 100%;
		overflow: hidden;
	}
	.page2_1 ul li{
		width: 50%;
		padding: 0 2% 4% 2%;
		float: left;	
	}
	.page2_1 ul li h1{
		height: 33px;
		font-family: 'Roboto', 'Noto Sans KR', sans-serif;
		color: #000000;	
		font-weight: 500;
		font-size: 17px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 5px 0 3px 0;
		text-align: center;
	}
	.page2_1 ul li img{
		width: 100%;
		height: 120px;
	}
}
@media (min-width: 576px) {
	.page2_1{
		width: 100%;
	}
	.page2_1 ul{
		width: 564px;
		overflow: hidden;
	}
	.page2_1 ul li{
		width: 50%;
		padding: 0 24px 25px 0;
		float: left;	
	}
	.page2_1 ul li h1{
		height: 36px;
		font-family:000000'Roboto', 'Noto Sans KR', sans-serif;
		color: #171717;	
		font-weight: 500;
		font-size: 17px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 8px 0 3px 0;
		text-align: center;
	}
	.page2_1 ul li img{
		width: 100%;
		height: 194px;
	}
}
@media (min-width: 768px){
	.page2_1{
		width: 100%;
	}
	.page2_1 ul{
		width: 744px;
		overflow: hidden;
	}
	.page2_1 ul li{
		width: 33.3%;
		padding: 0 24px 25px 0;
		float: left;	
	}
	.page2_1 ul li h1{
		height: 37px;	
		font-family: 'Roboto', 'Noto Sans KR', sans-serif;
		color: #000000;	
		font-weight: 500;
		font-size: 18px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 8px 0 3px 0;
		text-align: center;
	}
	.page2_1 ul li img{
		width: 100%;
		height: 168px;
	}
}
@media (min-width: 992px){
	.page2_1{
		width: 100%;
	}
	.page2_1 ul{
		width: 1008px;
		overflow: hidden;
	}
	.page2_1 ul li{
		width: 33.3%;
		padding: 0 24px 40px 0;
		float: left;	
	}
	.page2_1 ul li h1{
		height: 42px;
		font-family: 'Roboto', 'Noto Sans KR', sans-serif;
		color: #000000;	
		font-weight: 500;
		font-size: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 10px 0 3px 0;
		text-align: center;
	}
	.page2_1 ul li img{
		width: 100%;
		height: 234px;
	}
}
@media (min-width: 1100px){
	.page2_1{
		width: 100%;
	}
	.page2_1 ul{
		width: 1104px;
		overflow: hidden;
	}
	.page2_1 ul li{
		width: 33.3%;
		padding: 0 24px 40px 0;
		float: left;	
	}
	.page2_1 ul li img{
		width: 100%;
		height: 258px;
	}
}
@media (min-width: 1300px){
	.page2_1{
		width: 100%;
	}
	.page2_1 ul{
		width: 1304px;
		overflow: hidden;
	}
	.page2_1 ul li{
		width: 33.3%;		
		padding: 0 24px 40px 0;
		float: left;	
	}
	.page2_1 ul li img{
		width: 100%;
		height: 308px;
	}
}

/*================================
	Process
================================*/
/*¸Þ´º*/
.page3_1{
	position: relative;
}
ul.ul_menu{
	display: inline-block;
}
ul.ul_menu > li{
  float: left;
  list-style-type: none;
  line-height: 1;
}
ul.ul_menu > li.active a{	
	color: #db1919;
	font-weight: 500;
	border-bottom: 3px solid #db1919;
}

@media (max-width: 575px){
	.page3_1 .div_menu{
		width: 100%;
		overflow: hidden;
		text-align: left;
		background: #FFFFFF;
		padding: 20px 0 0 0;
		z-index:1000;	
	}
	ul.ul_menu > li{
		height: 30px;
	}
	ul.ul_menu > li > a{
		font-size: 15px;
		letter-spacing: -0.7px;
		color: #808080;
		padding: 0 0 5px 0;
		float: left;
	}
	.div_menu .li_icon{
		padding: 3px 5px 0 5px;
		float: left;
	}
	.div_menu_Fixed{
		position: fixed;
		top: 0;
		left: 10px;
		right: 10px;
	}
	.div_menu_Fixed{
		text-align: center !important;		
	}
}
@media (min-width: 576px){
	.page3_1 .div_menu{
		width: 100%;
		overflow: hidden;
		text-align: left;
		background: #FFFFFF;
		padding: 20px 0 20px 0;
		z-index:1000;	
	}
	ul.ul_menu > li{
		height: 30px;
	}
	ul.ul_menu > li > a{
		font-size: 14px;
		letter-spacing: -0.7px;
		color: #808080;
		padding: 0 0 5px 0;
		float: left;
	}
	.div_menu .li_icon{
		padding: 3px 5px 0 5px;
		float: left;
	}
	.div_menu_Fixed{
		position: fixed;
		top: 0;
		left: 0;
	}
	.div_menu_Fixed{
		text-align: center !important;
	}
}
@media (min-width: 768px){
	.page3_1 .div_menu{
		width: 100%;
		overflow: hidden;
		text-align: center;
		background: #FFFFFF;
		padding: 20px 0;
		z-index:1000;	
	}
	ul.ul_menu > li{
		height: auto;
	}
	ul.ul_menu > li > a{
		font-size: 15px;
		letter-spacing: -0.7px;
		color: #808080;
		padding: 0 0 5px 0;
		float: left;
	}
	.div_menu .li_icon{
		padding: 3px 5px 0 5px;
		float: left;
	}
}
@media (min-width: 992px){
	ul.ul_menu > li > a{
		font-size: 17px;
		letter-spacing: -0.25px;
		color: #808080;
		padding: 0 0 5px 0;
		float: left;
	}
	.div_menu .li_icon{
		padding: 5px 12px 0 12px;
		float: left;
	}
}
@media (min-width: 1100px){
	ul.ul_menu > li > a{
		font-size: 19px;
		color: #808080;
		padding: 0 0 7px 0;
		float: left;
	}
	.div_menu .li_icon{
		padding: 5px 14px 0 14px;
		float: left;
	}
}
@media (min-width: 1300px){
	ul.ul_menu > li > a{
		font-size: 20px;
		color: #808080;
		padding: 0 0 7px 0;
		float: left;
	}
}


/*´Ü°è*/
.page3{
	width: 100%;
	overflow: hidden;
}
.page3 ul{
	width: 100%;
	overflow: hidden;
}
.page3 ul li{
	width: 100%;
	overflow: hidden;
	border: 1px solid #cccccc;
}
.page3 ul li .page3_img img{
	width: 100%;
	max-width: 635px;
}

.page3 .li_icon{
	border: 0;
	text-align: center;
	padding: 20px 0 15px 0;
}

@media (max-width: 575px){
	.page3 ul li .page3_info{
		width: 100%;
		float: left;
		padding: 20px 20px 0 20px;
	}
	.page3 ul li .page3_img{
		width: 100%;
		float: left;
		text-align: center;
		padding: 20px 20px 20px 20px;
	}
	.page3 .btn_line{
		background: #ffffff url(../images/sub/point01_xs.png) no-repeat 85% 55%;
		margin-top: 30px;
	}
	.page3 ul li .page3_info h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 28px;
		color: #db1919;	
	}
	.page3 ul li .page3_info h2{
		font-weight: 500;
		font-size: 22px;
		color: #000000;
		padding: 0 0 0 0;	
	}
	.page3 ul li .page3_info_content{
		font-size: 17px;
		color: #000000;
		line-height: 26px;
		padding: 15px 0 0 0;
	}
	.page3 .li_icon img{
		width: 30px;
	}
}
@media (min-width: 576px){
	.page3 ul li .page3_info{
		width: 100%;
		float: left;
		padding: 30px 30px 0 30px;
	}
	.page3 ul li .page3_img{
		width: 100%;
		float: left;
		text-align: center;
		padding: 30px 30px 30px 30px;
	}
	.page3 .btn_line{
		background: #ffffff url(../images/sub/point01.png) no-repeat 85% 52%;
		margin-top: 30px;
	}
	.page3 ul li .page3_info h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 30px;
		color: #db1919;	
	}
	.page3 ul li .page3_info h2{
		font-weight: 500;
		font-size: 22px;
		color: #000000;
		padding: 0 0 0 0;	
	}
	.page3 ul li .page3_info_content{
		font-size: 17px;
		color: #000000;
		line-height: 26px;
		padding: 15px 0 0 0;
	}
	.page3 .li_icon img{
		width: 30px;
	}
}
@media (min-width: 768px){
	.page3 ul li .page3_info{
		width: 100%;
		float: left;
		padding: 40px 30px 0 40px;
	}
	.page3 ul li .page3_img{
		width: 100%;
		float: left;
		text-align: center;
		padding: 40px 40px 40px 40px;
	}
	.page3 .btn_line{
		background: #ffffff url(../images/sub/point01.png) no-repeat 85% 52%;
		margin-top: 30px;
	}
	.page3 ul li .page3_info h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 34px;
		color: #db1919;	
	}
	.page3 ul li .page3_info h2{
		font-weight: 500;
		font-size: 25px;
		color: #000000;
		padding: 0 0 0 0;	
	}
	.page3 ul li .page3_info_content{
		font-size: 18px;
		color: #000000;
		line-height: 28px;
		padding: 20px 0 0 0;
	}
	.page3 .li_icon img{
		width: 50px;
	}
}
@media (min-width: 992px){
	.page3 ul li .page3_info{
		width: 50%;
		float: left;
		padding: 40px 30px 0 50px;
	}
	.page3 ul li .page3_img{
		width: 50%;
		float: left;
		text-align: right;
		padding: 20px 20px 20px 0;
	}
	.page3 .btn_line{
		background: #ffffff url(../images/sub/point01.png) no-repeat 85% 52%;
		margin-top: 30px;
	}
	.page3 ul li .page3_info h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 34px;
		color: #db1919;	
	}
	.page3 ul li .page3_info h2{
		font-weight: 500;
		font-size: 25px;
		color: #000000;
		padding: 0 0 0 0;	
	}
	.page3 ul li .page3_info_content{
		font-size: 18px;
		color: #000000;
		line-height: 28px;
		padding: 20px 0 0 0;
	}
}
@media (min-width: 1100px){
	.page3 ul li .page3_info{
		width: 50%;
		float: left;
		padding: 40px 20px 0 50px;
	}
	.page3 ul li .page3_img{
		width: 50%;
		float: left;
		text-align: right;
		padding: 20px 20px 20px 0;
	}
	.page3 .btn_line{
		background: #ffffff url(../images/sub/point01.png) no-repeat 85% 52%;
		margin-top: 30px;
	}
	.page3 ul li .page3_info h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 38px;
		color: #db1919;	
	}
	.page3 ul li .page3_info h2{
		font-weight: 500;
		font-size: 28px;
		color: #000000;
		padding: 0 0 0 0;	
	}
	.page3 ul li .page3_info_content{
		font-size: 19px;
		color: #000000;
		line-height: 30px;
		padding: 20px 0 0 0;
	}
}
@media (min-width: 1300px){
	.page3 ul li .page3_info{
		width: 45%;
		float: left;
		padding: 58px 0 0 50px;
	}
	.page3 ul li .page3_img{
		width: 55%;
		float: left;
		text-align: right;
		padding: 20px 20px 20px 0;
	}
	.page3 .btn_line{
		background: #ffffff url(../images/sub/point01.png) no-repeat 85% 52%;
		margin-top: 55px;
	}
	.page3 ul li .page3_info h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 40px;
		color: #db1919;	
	}
	.page3 ul li .page3_info h2{
		font-weight: 500;
		font-size: 30px;
		color: #000000;
		padding: 6px 0 0 0;	
	}
	.page3 ul li .page3_info_content{
		font-size: 20px;
		color: #000000;
		line-height: 30px;
		padding: 28px 0 0 0;
	}
}

/*ŸÀÌƲ*/
@media (max-width: 575px){
	.page3_1_title{
		font-weight: 500;
		font-size: 23px;
		color: #000000;
		padding: 15px 0 10px 0;
	}
	.page3_1_title span{
		width: 6px;
		height: 23px;
		background: #db1919;
		display: inline-block;
		margin: -5px 12px 0 0;
		vertical-align: middle;
	}
	.page3_1 .section{
		padding: 0 0 15px 0;
	}
}
@media (min-width: 576px){
	.page3_1_title{
		font-weight: 500;
		font-size: 23px;
		color: #000000;
		padding: 15px 0 20px 0;
	}
	.page3_1_title span{
		width: 6px;
		height: 23px;
		background: #db1919;
		display: inline-block;
		margin: -5px 12px 0 0;
		vertical-align: middle;
	}
	.page3_1 .section{
		padding: 0 0 20px 0;
	}
}
@media (min-width: 768px){
	.page3_1_title{
		font-weight: 500;
		font-size: 23px;
		color: #000000;
		padding: 15px 0 20px 0;
	}
	.page3_1_title span{
		width: 6px;
		height: 23px;
		background: #db1919;
		display: inline-block;
		margin: -5px 12px 0 0;
		vertical-align: middle;
	}
	.page3_1 .section{
		padding: 0 0 20px 0;
	}
}
@media (min-width: 992px){
	.page3_1_title{
		font-weight: 500;
		font-size: 25px;
		color: #000000;
		padding: 25px 0 20px 0;
	}
	.page3_1_title span{
		width: 6px;
		height: 29px;
		background: #db1919;
		display: inline-block;
		margin: -5px 12px 0 0;
		vertical-align: middle;
	}
	.page3_1 .section{
		padding: 0 0 30px 0;
	}
}
@media (min-width: 1100px){
	.page3_1_title{
		font-weight: 500;
		font-size: 27px;
		color: #000000;
		padding: 50px 0 20px 0;
	}
	.page3_1_title span{
		width: 6px;
		height: 29px;
		background: #db1919;
		display: inline-block;
		margin: -5px 12px 0 0;
		vertical-align: middle;
	}
	.page3_1 .section{
		padding: 0 0 0 0;
	}
}

/*º»¶ß±â ´Ü°è*/
.page3_1_step .swiper-button-next,
.page3_1_step .swiper-button-prev{
	color: #858585;
}

.page3_1_step_img img{
	width: 100%;
	max-width: 617px;
}


@media (max-width: 575px){
	.page3_1_step{
		width: 100%;
		overflow: hidden;
		background: #f4f4f4;
		text-align: center;
		padding: 20px 20px 10px 20px;
	}
	.page3_1 h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 28px;
		color: #000000;
		text-align: center;
		padding: 0 0 10px 0;
	}
	.page3_1_step .page3_1_step_title{
		font-weight: 500;
		font-size: 24px;
		color: #db1919;
		padding: 24px 0 20px 0;
	}
	.page3_1_step .page3_1_step_title span{
		width: 30px;
		height: 30px;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 17px;
		color: #FFFFFF;
		line-height: 35px;
		background: #db1919;
		border-radius: 50%;
		vertical-align: middle;
		display: inline-block;
		margin: -3px 10px 0 0;
	}
	.page3_1_step .page3_1_step_content{
		font-size: 16px;
		color: #000000;
		line-height: 23px;
		padding: 15px 0 5px 0;
	}
	.page3_1_step .swiper-button-next{
		right: 0;
	}
	.page3_1_step .swiper-button-prev{
		left: 0;
	}
	.page3_1_btn .trigger{
		width: 180px;
		height: 55px;
		border-radius: 0;
		background: #373737;
		font-size: 16px;
		color: #ffffff;
		line-height: 60px;
	}
	.page3_1_btn .modal-content{
		width: 100%;
		height: 400px;
		background: #000000;
	}
	.page3_1_btn .modal-content iframe{
		width: 100%;
		height: 310px;
		margin: 10px 0 0 0;
	}
	.page3_1_btn{
		width: 100%;
		overflow: hidden;
		text-align: center;
		margin: 10px 0 10px 0;
	}
	.page3_1_btn img{
		padding: 0 10px 0 0;
	}
}
@media (min-width: 576px){
	.page3_1_step{
		width: 100%;
		overflow: hidden;
		background: #f4f4f4;
		text-align: center;
		padding: 20px 20px 20px 20px;
	}
	.page3_1 h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 30px;
		color: #000000;
		text-align: center;
		padding: 0 0 30px 0;
	}
	.page3_1_step .page3_1_step_title{
		font-weight: 500;
		font-size: 24px;
		color: #db1919;
		padding: 24px 0 20px 0;
	}
	.page3_1_step .page3_1_step_title span{
		width: 30px;
		height: 30px;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 17px;
		color: #FFFFFF;
		line-height: 35px;
		background: #db1919;
		border-radius: 50%;
		vertical-align: middle;
		display: inline-block;
		margin: -3px 10px 0 0;
	}
	.page3_1_step .page3_1_step_content{
		font-size: 17px;
		color: #000000;
		line-height: 26px;
		padding: 15px 0 0 0;
	}
	.page3_1_step .swiper-button-next{
		right: 0;
	}
	.page3_1_step .swiper-button-prev{
		left: 0;
	}
	.page3_1_btn .trigger{
		width: 180px;
		height: 55px;
		border-radius: 0;
		background: #373737;
		font-size: 16px;
		color: #ffffff;
		line-height: 60px;
	}
	.page3_1_btn .modal-content{
		width: 100%;
		height: 400px;
		background: #000000;
	}
	.page3_1_btn .modal-content iframe{
		width: 100%;
		height: 310px;
		margin: 10px 0 0 0;
	}
	.page3_1_btn{
		width: 100%;
		overflow: hidden;
		text-align: center;
		margin: 0 0 20px 0;
	}
	.page3_1_btn img{
		padding: 0 10px 0 0;
	}
}
@media (min-width: 768px){
	.page3_1_step{
		width: 100%;
		overflow: hidden;
		background: #f4f4f4;
		text-align: center;
		padding: 40px 0 20px 0;
	}
	.page3_1 h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 35px;
		color: #000000;
		text-align: center;
		padding: 0 0 30px 0;
	}
	.page3_1_step .page3_1_step_title{
		font-weight: 500;
		font-size: 26px;
		color: #db1919;
		padding: 24px 0 20px 0;
	}
	.page3_1_step .page3_1_step_title span{
		width: 30px;
		height: 30px;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		color: #FFFFFF;
		line-height: 35px;
		background: #db1919;
		border-radius: 50%;
		vertical-align: middle;
		display: inline-block;
		margin: -3px 10px 0 0;
	}
	.page3_1_step .page3_1_step_content{
		font-size: 18px;
		color: #000000;
		line-height: 28px;
		padding: 30px 0 20px 0;
	}
	.page3_1_step .swiper-button-next{
		right: 10px;
	}
	.page3_1_step .swiper-button-prev{
		left: 10px;
	}
	.page3_1_btn .trigger{
		width: 220px;
		height: 60px;
		border-radius: 0;
		background: #373737;
		font-size: 18px;
		color: #ffffff;
		line-height: 60px;
	}
	.page3_1_btn .modal-content{
		width: 640px;
		height: 420px;
		background: #000000;
	}
	.page3_1_btn .modal-content iframe{
		width: 600px;
		height: 338px;
		margin: 10px 0 0 0;
	}
}
@media (min-width: 992px){
	.page3_1 h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 40px;
		color: #000000;
		text-align: center;
		padding: 0 0 40px 0;
	}
	.page3_1_step .page3_1_step_title{
		font-weight: 500;
		font-size: 28px;
		color: #db1919;
		padding: 24px 0 20px 0;
	}
	.page3_1_step .page3_1_step_title span{
		width: 35px;
		height: 35px;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		color: #FFFFFF;
		line-height: 40px;
		background: #db1919;
		border-radius: 50%;
		vertical-align: middle;
		display: inline-block;
		margin: -3px 10px 0 0;
	}
	.page3_1_step .page3_1_step_content{
		font-size: 20px;
		color: #000000;
		line-height: 30px;
		padding: 30px 0 20px 0;
	}
	.page3_1_step .swiper-button-next{
		right: 50px;
	}
	.page3_1_step .swiper-button-prev{
		left: 50px;
	}
}

/*================================
	FAQ
================================*/
.accordion-container{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #000000;
}
.accordion-title.open .page6_1_title{
	color: #e41c16;
}
.accordion-content{
	width: 100%;
	padding: 0 0 0 5%;
	background: #f6f6f6;
}

@media (max-width: 575px){
	.accordion-title{
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #cccccc;
		cursor: pointer;
		padding: 0 10px;
		position: relative;
	}
	.accordion-title .page6_1_Q{
		width: 8%;
		float: left;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 17px;
		color: #e41c16;
		padding: 20px 0 18px 0;
	}
	.accordion-title .page6_1_title{
		width: 92%;
		float: left;
		font-weight: 500;
		font-size: 17px;
		color: #000000;
		padding: 16px 0 19px 0;
	}
	.page6_1_A{	
		font-size: 16px;
		color: #000000;
		line-height: 26px;
		padding: 30px 25px 30px 10px;
	}
}
@media (min-width: 576px){
	.accordion-title{
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #cccccc;
		cursor: pointer;
		padding: 0 15px;
		position: relative;
	}
	.accordion-title .page6_1_Q{
		width: 5%;
		float: left;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 17px;
		color: #e41c16;
		padding: 24px 0 22px 0;
	}
	.accordion-title .page6_1_title{
		width: 95%;
		float: left;
		font-weight: 500;
		font-size: 17px;
		color: #000000;
		padding: 20px 0 23px 0;
	}
	.page6_1_A{	
		font-size: 16px;
		color: #000000;
		line-height: 26px;
		padding: 30px 30px 30px 15px;
	}
	.accordion-container .accordion-title::before{
		content: "";
		position: absolute;
		top: 45%;
		right: 25px;
		width: 18px;
		height: 11px;
		background:url('../images/sub/point02.png') no-repeat;
		transition: all .3s ease-in-out;
	}
	.accordion-container .accordion-title::after{
		content: "";
		position: absolute;
		top: 45%;
		right: 25px;
		width: 18px;
		height: 11px;
		background:url('../images/sub/point02_on.png') no-repeat;
		transition: all .2s ease-in-out;
	}

	.accordion-container .accordion-title::before{
		opacity: 1;
	}
	.accordion-container .accordion-title::after{
		opacity: 0;
	}

	.accordion-container .accordion-title.open::before{
		opacity: 0;
	}
	.accordion-container .accordion-title.open::after{
		opacity: 1;
	}
}
@media (min-width: 768px){
	.accordion-title .page6_1_Q{
		width: 5%;
		float: left;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 19px;
		color: #e41c16;
		padding: 28px 0 26px 0;
	}
	.accordion-title .page6_1_title{
		width: 95%;
		float: left;
		font-weight: 500;
		font-size: 19px;
		color: #000000;
		padding: 24px 0 27px 0;
	}
	.page6_1_A{	
		font-size: 17px;
		color: #000000;
		line-height: 30px;
		padding: 30px 30px 30px 15px;
	}
}
@media (min-width: 992px){
	.accordion-title .page6_1_Q{
		width: 5%;
		float: left;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		color: #e41c16;
		padding: 28px 0 26px 0;
	}
	.accordion-title .page6_1_title{
		width: 95%;
		float: left;
		font-weight: 500;
		font-size: 20px;
		color: #000000;
		padding: 24px 0 27px 0;
	}
	.page6_1_A{	
		font-size: 17px;
		color: #000000;
		line-height: 30px;
		padding: 30px 30px 30px 15px;
	}
}

/*================================
	About Company
================================*/
.page7_1{
	width: 100%;
	overflow: hidden;
}
.page7_1 ul{
	width: 100%;
	overflow: hidden;
}
.page7_1 ul .li_right img{
	width: 100%;
	max-width: 638px;
}

.page7_1 .page7_1_content b{
	color: #db1919;
	font-weight: 500;
}

@media (max-width: 575px){
	.page7_1 ul li{
		width: 100%;
		float: left;
		position: relative;
	}
	.page7_1 ul .li_right{
		padding: 20px 0 0 0;
		text-align: center;
	}
	.page7_1 ul li h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 24px;
		color: #000000;
		line-height: 32px;
		position: absolute;
		z-index: 2;
	}
	.page7_1 ul li .page7_1_line1{
		width: 370px;
		height: 15px;
		background: #f8bcba;
		position: absolute;
		top: 80px;
		z-index: 1;
	}
	.page7_1 ul li .page7_1_content{
		padding: 120px 0 0 0;
	}
	.page7_1 ul li .page7_1_content p{
		font-size: 17px;
		color: #000000;
		line-height: 28px;
		padding: 0 0 17px 0;
	}
	.page7_1 ul li .page7_1_content .p_3{
		font-size: 21px;
	}
}
@media (min-width: 576px){
	.page7_1 ul li{
		width: 100%;
		float: left;
		position: relative;
	}
	.page7_1 ul .li_right{
		padding: 20px 0 0 0;
		text-align: center;
	}
	.page7_1 ul li h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 32px;
		color: #000000;
		line-height: 43px;
		position: absolute;
		z-index: 2;
	}
	.page7_1 ul li .page7_1_line1{
		width: 370px;
		height: 15px;
		background: #f8bcba;
		position: absolute;
		top: 110px;
		z-index: 1;
	}
	.page7_1 ul li .page7_1_content{
		padding: 160px 0 0 0;
	}
	.page7_1 ul li .page7_1_content p{
		font-size: 17px;
		color: #000000;
		line-height: 28px;
		padding: 0 0 20px 0;
	}
	.page7_1 ul li .page7_1_content .p_3{
		font-size: 21px;
	}
}
@media (min-width: 768px){
	.page7_1 ul li{
		width: 100%;
		float: left;
		position: relative;
	}
	.page7_1 ul .li_right{
		padding: 20px 0 0 0;
		text-align: center;
	}
	.page7_1 ul li h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 35px;
		color: #000000;
		line-height: 45px;
		position: absolute;
		z-index: 2;
	}
	.page7_1 ul li .page7_1_line1{
		width: 400px;
		height: 15px;
		background: #f8bcba;
		position: absolute;
		top: 115px;
		z-index: 1;
	}
	.page7_1 ul li .page7_1_content{
		padding: 160px 0 0 0;
	}
	.page7_1 ul li .page7_1_content p{
		font-size: 18px;
		color: #000000;
		line-height: 30px;
		padding: 0 0 20px 0;
	}
	.page7_1 ul li .page7_1_content .p_3{
		font-size: 22px;
	}
}
@media (min-width: 992px){
	.page7_1 ul li{
		width: 100%;
		float: left;
		position: relative;
	}
	.page7_1 ul .li_right{
		padding: 20px 0 0 0;
		text-align: center;
	}
	.page7_1 ul li h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 40px;
		color: #000000;
		line-height: 54px;
		position: absolute;
		z-index: 2;
	}
	.page7_1 ul li .page7_1_line1{
		width: 460px;
		height: 15px;
		background: #f8bcba;
		position: absolute;
		top: 135px;
		z-index: 1;
	}
	.page7_1 ul li .page7_1_content{
		padding: 200px 0 0 0;
	}
	.page7_1 ul li .page7_1_content p{
		font-size: 20px;
		color: #000000;
		line-height: 32px;
		padding: 0 0 25px 0;
	}
	.page7_1 ul li .page7_1_content .p_3{
		font-size: 24px;
	}
}
@media (min-width: 1100px){
	.page7_1 ul li{
		width: 100%;
		float: left;
		position: relative;
	}
	.page7_1 ul .li_right{
		padding: 20px 0 0 0;
		text-align: center;
	}
	.page7_1 ul li h1{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 500;
		font-size: 40px;
		color: #000000;
		line-height: 54px;
		position: absolute;
		z-index: 2;
	}
	.page7_1 ul li .page7_1_line1{
		width: 460px;
		height: 15px;
		background: #f8bcba;
		position: absolute;
		top: 135px;
		z-index: 1;
	}
	.page7_1 ul li .page7_1_content{
		padding: 200px 0 0 0;
	}
	.page7_1 ul li .page7_1_content p{
		font-size: 20px;
		color: #000000;
		line-height: 32px;
		padding: 0 0 25px 0;
	}
	.page7_1 ul li .page7_1_content .p_3{
		font-size: 24px;
	}
}
@media (min-width: 1300px){
	.page7_1 ul li{
		width: 50%;
		float: left;
		position: relative;
	}
	.page7_1 ul .li_right{
		padding: 20px 0 0 0;
	}
}