/*================================================================================================
    ¼­ºê top :  ±âº»·¹À̾ƿô
================================================================================================*/
.sub_top{
	width: 100%;
	height: 7.368rem;
	position: fixed;
	background-color: rgba(255, 255, 255, 1.0);
	z-index: 999999999;
}
.sub_top2{
	border-bottom: 1px solid #000000;
}
.sub_top .sub_top_logo{
	width: 40%;
	height: 7.368rem;
	float: left;
	font-size: 0;
	line-height: 0;
	padding: 2.105rem 0 0 0;
}
.sub_top .sub_top_menu{
	width: 60%;
	height: 7.368rem;
	float: left;
	text-align: right;
	padding: 3.158rem 0 0 0;
}

/*================================================================================================
    ¼­ºê top :  ·Î°í
================================================================================================*/
.sub_top .sub_top_logo img{
	width: 200px;
}

/*================================================================================================
    ¼­ºê top :  ¸Þ´º
================================================================================================*/
.sub_top .sub_top_menu ul li{
	float:left;
}
.sub_top .sub_top_menu ul li a{
	font-family: 'Gmarket Sans', sans-serif;
	font-weight: 700;
	font-size: 1.368rem;
	color: #000000;
	line-height: 1.474rem;
	padding: 0 4.211rem 0 0;
	transition: all .2s ease-in-out;
}
.sub_top .sub_top_menu ul .li_e a{
	padding-right: 0;
}
.sub_top .sub_top_menu ul li a:hover,
.sub_top .sub_top_menu ul li a:focus,
.sub_top .sub_top_menu ul li a:active{
	color: #d02027;
}

/*================================================================================================
    ¼­ºê top :  ¸Þ´º
================================================================================================*/
.sub_pagename{
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-family: 'NanumSquareNeoExtraBold';
	font-size: 3.684rem;
	color: #000000;
	line-height: 3.842rem;
	padding: 12.632rem 0 4.737rem 0;	
}

/*================================================================================================
    ¼­ºê ÄÁÅÙÃ÷
================================================================================================*/
.sub_content{
	padding: 0 0 2.632rem 0;
}

/*================================================================================================
    ȸ»ç¼Ò°³-¼Ò°³
================================================================================================*/
.sub_content1{
	padding-top: 7.368rem;
	padding-bottom: 0;
}
.sub_content1 .wrap{
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
}
.page1_1_info{
	width: 100%;
	overflow: hidden;
	background: #fff url(../images/sub/page1_1_01.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-align: center;
	padding: 11.053rem 0 11.579rem 0;
}
.page1_1_info .page1_1_info_logo{
	font-size: 0;
	line-height: 0;	
}
.page1_1_info .page1_1_info_logo img{
	max-width: 513px;
}
.page1_1_info .page1_1_info_text{
	padding: 3.158rem 0 0 0;
}
.page1_1_info .page1_1_info_text p{
	font-weight: 400;
	font-size: 1.263rem;
	color: #FFFFFF;
	line-height: 2.105rem;
	padding: 0 0 2.632rem 0;
}
.page1_1_info .page1_1_info_stext{
	font-weight: 500;
	font-size: 1.684rem;
	color: #FFFFFF;
	line-height: 1.842rem;
	padding: 2.105rem 0 0 0;
}

/*================================================================================================
    ȸ»ç¼Ò°³-¼­ºñ½º
================================================================================================*/
.page1_1_title{
	font-family: 'Gmarket Sans', sans-serif;
	font-weight: 700;
	font-size: 3.158rem;
	color: #000000;
	line-height: 3.421rem;
}
.page1_1_service{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 6.842rem 0 4.737rem 0;
}
.page1_1_service > ul{
	display: inline-block;
	padding: 5.789rem 0 0 0;
}
.page1_1_service > ul > li{	
	float: left;
	padding: 0 5.263rem;
}
.page1_1_service > ul > li > .page1_1_service_icon{
	font-size: 0;
	line-height: 0;
}
.page1_1_service > ul > li > .page1_1_service_icon img{
	max-height: 98px; 
}
.page1_1_service > ul > li > .page1_1_service_title{
	font-family: 'NanumSquareNeoExtraBold';
	font-size: 1.579rem;
	color: #000000;
	line-height: 1.842rem;
	padding: 2.368rem 0 0.895rem 0;
}
.page1_1_service > ul > li > .page1_1_service_text{
	font-size: 1.158rem;
	color: #6d6d6d;
	line-height: 1.842rem;
}

@media (max-width: 1199px){
	.page1_1_service > ul > li{	
		float: left;
		padding: 0 4.211rem;
	}
}

/*================================================================================================
    Æ÷Æ®Æú¸®¿À
================================================================================================*/
.page2_1_portfolio{
	width: 100%;
	overflow: hidden;
	padding: 0 4.211rem 0 4.211rem;
}
.page2_1_portfolio > ul{
	width: 109%;
	overflow: hidden;
}
.page2_1_portfolio > ul > li{
	width: 33.33333333333333%;
	float: left;
	padding: 0 9% 4.211rem 0;
}
.page2_1_portfolio > ul > li .page2_1_portfolio_img{
	font-size: 0;
	line-height: 0;	
}
.page2_1_portfolio > ul > li .page2_1_portfolio_img img{
	width: 100%;
	max-width: 407px;
	transition: all .2s ease-in-out;
}
.page2_1_portfolio > ul > li .page2_1_portfolio_info{
	font-size: 0.842rem;
	color: #656565;
	line-height: 0.947rem;
	padding: 1.421rem 0 0.421rem 0;
}
.page2_1_portfolio > ul > li .page2_1_portfolio_name{
	font-weight: 500;
	font-size: 1.368rem;
	color: #000000;
	line-height: 1.474rem;
}
.page2_1_portfolio > ul > li a:hover .page2_1_portfolio_img img{
	opacity: 0.8;
}

@media (max-width: 1499px){
	.page2_1_portfolio > ul{
		width: 105%;
		overflow: hidden;
	}
	.page2_1_portfolio > ul > li{
		width: 33.33333333333333%;
		float: left;
		padding: 0 5% 4.211rem 0;
	}
}
@media (max-width: 1299px){
	.page2_1_portfolio{
		width: 100%;
		overflow: hidden;
		padding: 0;
	}
}

/*================================================================================================
    ÇÁ·ÎÁ§Æ®¹®ÀÇ
================================================================================================*/
.sub_content3{
	padding-top: 7.368rem;
	padding-bottom: 0;
}
.sub_content3 .wrap{
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
}
.page3_1{
	width: 100%;
	overflow: hidden;
	background: #fff url(../images/sub/page3_1_01.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-align: center;
	padding: 15.579rem 0 17.368rem 0;
}
.page3_1 .page3_1_title{
	font-family: 'NanumSquareNeoExtraBold';
	font-size: 3.158rem;
	color: #000000;
	line-height: 3.421rem;
}
.page3_1 .page3_1_content{
	font-size: 1.158rem;
	color: #6d6d6d;
	line-height: 1.895rem;
	padding: 2.632rem 0 2.211rem 0;
}
.page3_1 .page3_1_info{
	font-family: 'NanumSquareNeoExtraBold';
	font-size: 1.579rem;
	color: #000000;
	line-height: 2.632rem;
}

@media (max-width: 1399px){
	.page3_1{
		width: 100%;
		overflow: hidden;
		background: #fff url(../images/sub/page3_1_01.jpg) no-repeat 50% 50%;
		background-size: cover;
		text-align: center;
		padding: 13.158rem 0 14.211rem 0;
	}
}