/*================================
	¼­ºêÀ̹ÌÁö
================================*/
@media (max-width: 575px){
	.sub_img{
		width: 100%;
		height: 120px;
		background:url('/images/sub/sub_img01.jpg') no-repeat;
		background-size : cover;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		-o-background-size:cover;
		margin: 60px 0 0 0;
		text-align: center;
	}
	.sub_title{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 28px;
		color: #FFFFFF;
		padding: 25px 0 5px 0;
	}
	.sub_text{
		font-family: 'Gmarket Sans', sans-serif;
		font-size: 15px;
		color: #ffffff;	
	}
}
@media (min-width: 576px){
	.sub_img{
		width: 100%;
		height: 200px;
		background:url('/images/sub/sub_img01.jpg') no-repeat;
		background-size : cover;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		-o-background-size:cover;
		margin: 70px 0 0 0;
		text-align: center;
	}
	.sub_title{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 35px;
		color: #FFFFFF;
		padding: 65px 0 10px 0;
	}
	.sub_text{
		font-family: 'Gmarket Sans', sans-serif;
		font-size: 17px;
		color: #ffffff;	
	}
}

/*================================
    ¼­ºê³»¿ë ·¹À̾ƿô
================================*/
@media (max-width: 575px){
	.content{
		width: 100%;
		overflow: hidden;
		padding: 20px 0 20px 0;
	}
}
@media (min-width: 576px){
	.content{
		width: 100%;
		overflow: hidden;
		padding: 30px 0 30px 0;
	}
}

/*================================
    ¼­ºê¸Þ´º
================================*/
.sub_menu1 ul{
	width: 100%;
	overflow: hidden;
}
.sub_menu1 ul .on a{
	color: #006cb7;
}

@media (max-width: 575px){
	.sub_menu1{
		width: 100%;
		overflow: hidden;
	}
	.sub_menu1 .wrap{
		padding: 0;
	}
	.sub_menu1 ul li{
		height: 35px;
		text-align: center;	
		float: left;
		border-right: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
	}
	.sub_menu1 ul li a{
		font-weight: 500;
		font-size: 15px;
		color: #000000;
		line-height: 35px;
		display: block;
		position: relative;
	}
	.sub_menu1 ul .on span{
		width: 100%;
		height: 3px;
		background: #006cb7;
		display: block;
		position: absolute;
		top: 32px;	
	}
	.sub_menu1 ul .li_3{
		border-right: 0;
	}
}
@media (min-width: 576px){
	.sub_menu1{
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #e1e1e1;
	}
	.sub_menu1 ul li{
		height: 40px;
		text-align: center;	
		float: left;
	}
	.sub_menu1 ul li a{
		font-weight: 500;
		font-size: 16px;
		color: #000000;
		line-height: 40px;
		display: block;
		position: relative;
	}
	.sub_menu1 ul .on span{
		width: 100%;
		height: 3px;
		background: #006cb7;
		display: block;
		position: absolute;
		top: 48px;	
	}
}


/*¸Þ´º3°³*/
.sub_menu1_3 ul li{
	width: 33.3%;
}
.sub_menu1_3 ul .li_e{
	width: 33.4%;
}

/*¸Þ´º4°³*/
.sub_menu1_4 ul li{
	width: 25%;
}
.sub_menu1_4 ul .li_e{
	width: 25%;
}

/*¸Þ´º5°³*/
.sub_menu1_5 ul li{
	width: 20%;
}
.sub_menu1_5 ul .li_e{
	width: 20%;
}

@media (max-width: 575px){
	.sub_menu1_5 ul li{
		width: 33.3%;
	}
	.sub_menu1_5 ul .li_e{
		width: 33.4%;
	}
}
@media (min-width: 576px){
	.sub_menu1_5 ul li{
		width: 20%;
	}
	.sub_menu1_5 ul .li_e{
		width: 20%;
	}
}

/*================================
	ÆäÀÌÁö ÁغñÁßÀÔ´Ï´Ù.
================================*/
.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;
}

/*================================
	¼­ºêŸÀÌƲ
================================*/
@media (max-width: 575px){
	.sub_content_title{
		font-weight: 700;
		font-size: 23px;
		color: #000000;
		padding: 0 0 7px 0;
	}
}
@media (min-width: 576px){
	.sub_content_title{
		font-weight: 700;
		font-size: 25px;
		color: #000000;
		padding: 0 0 10px 0;
	}
}

/*================================
	ȸ»ç¼Ò°³-Àλ縻-À̹ÌÁö
================================*/
@media (max-width: 575px){
	.page1_1 .page1_1_img{
		width: 100%;
		background:url('../images/sub/page1_1_img01.jpg') no-repeat;
		background-position: 40% 50%;
		background-size : cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		padding: 30px 0 30px 0;
		text-align: center;
	}
	.page1_1 .page1_1_img .page1_1_img_title{
		font-family: 'NanumSquareNeo', sans-serif;
		font-weight: 700;
		font-size: 20px;
		color: #ffffff;
		line-height: 28px;
		padding: 0 0 5px 0;
	}
	.page1_1 .page1_1_img .page1_1_img_text{
		font-size: 15px;
		color: #ffffff;
	}
}
@media (min-width: 576px){
	.page1_1 .page1_1_img{
		width: 100%;
		height: 250px;
		background:url('../images/sub/page1_1_img01.jpg') no-repeat;
		background-position: 40% 50%;
		background-size : cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		padding: 0 0 0 28%;
	}
	.page1_1 .page1_1_img .page1_1_img_title{
		font-family: 'NanumSquare', sans-serif;
		font-weight: 700;
		font-size: 24px;
		color: #ffffff;
		line-height: 32px;
		padding: 70px 0 10px 0;
	}
	.page1_1 .page1_1_img .page1_1_img_text{
		font-size: 15px;
		color: #ffffff;
	}
}

/*================================
	ȸ»ç¼Ò°³-Àλ縻-³»¿ë
================================*/
@media (max-width: 575px){
	.page1_1 .page1_1_content{
		width: 100%;
		overflow: hidden;
		padding: 20px 0 0 0;
	}
	.page1_1 .page1_1_content p{
		font-size: 15px;
		color: #282828;
		line-height: 20px;
		text-align: center;
		padding: 0 0 20px 0;
	}
}
@media (min-width: 576px){
	.page1_1 .page1_1_content{
		width: 100%;
		overflow: hidden;
		padding: 40px 0 0 0;
	}
	.page1_1 .page1_1_content p{
		font-size: 16px;
		color: #282828;
		line-height: 22px;
		text-align: center;
		padding: 0 0 30px 0;
	}
}

/*================================
	ȸ»ç¼Ò°³-ȸ»ç¿¬Çõ-¿¬Çõ¸®½ºÆ®
================================*/
.page1_2 .page1_2_list{
	width: 100%;
	overflow: hidden;
}
.page1_2 .page1_2_list .page1_2_content dl{
	width: 100%;
	overflow: hidden;
	padding: 0 0 5px 0;
}

@media (max-width: 575px){
	.page1_2 .page1_2_list li{
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #e1e1e1;
		padding: 15px 0;
	}
	.page1_2 .page1_2_list .page1_2_year{
		width: 100%;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 29px;
		color: #006cb7;	
	}
	.page1_2 .page1_2_list .page1_2_content{
		width: 100%;
		padding: 5px 0 0 0;
	}
	.page1_2 .page1_2_list .page1_2_content dl dt{
		width: 100%;
		font-size: 15px;
		color: #000000;
	}
	.page1_2 .page1_2_list .page1_2_content dl dd{
		width: 100%;
		font-size: 15px;
		color: #787878;
	}
}
@media (min-width: 576px){
	.page1_2 .page1_2_list li{
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #e1e1e1;
		padding: 20px 0;
	}
	.page1_2 .page1_2_list .page1_2_year{
		width: 100%;
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 32px;
		color: #006cb7;	
	}
	.page1_2 .page1_2_list .page1_2_content{
		width: 100%;
		padding: 10px 0 0 0;
	}
	.page1_2 .page1_2_list .page1_2_content dl dt{
		width: 10%;
		float: left;
		font-size: 16px;
		color: #000000;
	}
	.page1_2 .page1_2_list .page1_2_content dl dd{
		width: 90%;
		float: left;
		font-size: 16px;
		color: #787878;
	}
}

/*================================
	ȸ»ç¼Ò°³-ȸ»ç¿¬Çõ-ÁÖ¿ä°Å·¡Ã³
================================*/
.page1_2 .page1_2_client{
	width: 100%;
	overflow: hidden;
	padding: 20px 0 0 0;
}
.page1_2 .page1_2_client .page1_2_client_logo{
	width: 100%;
	padding: 20px 0 0 0;
}

@media (max-width: 575px){
	.page1_2 .page1_2_client .page1_2_client_title{
		width: 100%;
		font-weight: 700;
		font-size: 20px;
		color: #000000;	
	}
	.page1_2 .page1_2_client .page1_2_client_logo img{
		margin: 0 10px 0 0;
	}
	.page1_2 .page1_2_client .page1_2_client_logo .pcl_1{
		width: 88px;
	}
	.page1_2 .page1_2_client .page1_2_client_logo .pcl_2{
		width: 92px;
	}
	.page1_2 .page1_2_client .page1_2_client_logo .pcl_3{
		width: 102px;
	}
}
@media (min-width: 576px){
	.page1_2 .page1_2_client .page1_2_client_title{
		width: 100%;
		font-weight: 700;
		font-size: 24px;
		color: #000000;	
	}
	.page1_2 .page1_2_client .page1_2_client_logo img{
		margin: 0 20px 0 0;
	}
	.page1_2 .page1_2_client .page1_2_client_logo .pcl_1{
		width: 108px;
	}
	.page1_2 .page1_2_client .page1_2_client_logo .pcl_2{
		width: 112px;
	}
	.page1_2 .page1_2_client .page1_2_client_logo .pcl_3{
		width: 142px;
	}
}

/*================================
	ȸ»ç¼Ò°³-¿¡½º¿¥ÅØCI-ÀǹÌ
================================*/
.page1_3 .page1_3_content{
	width: 100%;
	overflow: hidden;
}
@media (max-width: 575px){
	.page1_3 .page1_3_content p{
		font-size: 15px;
		color: #282828;
		line-height: 20px;
		padding: 0 0 20px 0;
	}
}
@media (min-width: 576px){
	.page1_3 .page1_3_content p{
		font-size: 16px;
		color: #282828;
		line-height: 22px;
		padding: 0 0 30px 0;
	}
}

/*================================
	ȸ»ç¼Ò°³-¿¡½º¿¥ÅØCI-·Î°íÀ̹ÌÁö-±âº»¼³Á¤
================================*/
.page1_3 .page1_3_list{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
}

@media (max-width: 575px){
	.page1_3 .page1_3_list li{
		width: 100%;		
		float: left;
		border-right: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		padding: 15px 15px 15px 15px;
	}
	.page1_3 .page1_3_list .li_3{
		width: 100%;
	}
}
@media (min-width: 576px){
	.page1_3 .page1_3_list li{
		width: 100%;		
		float: left;
		border-right: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		padding: 20px 30px 30px 30px;
	}
	.page1_3 .page1_3_list .li_3{
		width: 100%;
	}
}

/*================================
	ȸ»ç¼Ò°³-¿¡½º¿¥ÅØCI-·Î°íÀ̹ÌÁö-³»¿ë
================================*/
.page1_3 .page1_3_list .li_1 .page1_3_list_img img{
	width: 100%;
	max-width: 573px;
}
.page1_3 .page1_3_list .li_2 .page1_3_list_img img{
	width: 100%;
	max-width: 560px;
}

@media (max-width: 575px){
	.page1_3 .page1_3_list .page1_3_list_title{
		font-weight: 700;
		font-size: 19px;
		color: #000000;
		padding: 0 0 10px 0;
	}
	.page1_3 .page1_3_list .page1_3_list_text{
		font-size: 14px;
		color: #282828;
		line-height: 20px;
		padding: 0 0 20px 0;
	}
	.page1_3 .page1_3_list .li_3 .page1_3_list_img img{
		margin: 0 20px 0 0;
	}
	.page1_3 .page1_3_list .li_3 .page1_3_list_img .li_3_img01{		
		width: 100px;		
	}
	.page1_3 .page1_3_list .li_3 .page1_3_list_img .li_3_img02{
		width: 80px;		
	}
	.page1_3 .page1_3_list .li_3 .page1_3_list_img .li_3_img03{
		width: 55px;
	}
	.page1_3 .page1_3_list .li_3 .page1_3_list_img .li_3_img04{
		width: 45px;
		margin-right: 0;
	}
}
@media (min-width: 576px){
	.page1_3 .page1_3_list .page1_3_list_title{
		font-weight: 700;
		font-size: 22px;
		color: #000000;
		padding: 0 0 15px 0;
	}
	.page1_3 .page1_3_list .page1_3_list_text{
		font-size: 15px;
		color: #282828;
		line-height: 22px;
		padding: 0 0 20px 0;
	}
	.page1_3 .page1_3_list .li_3 .page1_3_list_img img{
		margin: 0 20px 0 0;
	}
	.page1_3 .page1_3_list .li_3 .page1_3_list_img .li_3_img01{		
		width: 150px;
	}
	.page1_3 .page1_3_list .li_3 .page1_3_list_img .li_3_img02{
		width: 116px;
	}
	.page1_3 .page1_3_list .li_3 .page1_3_list_img .li_3_img03{
		width: 71px;
	}
	.page1_3 .page1_3_list .li_3 .page1_3_list_img .li_3_img04{
		width: 71px;
		margin-right: 0;
	}
}

/*================================
	ȸ»ç¼Ò°³-ÀÎÁõ¼­
================================*/
.page1_4 .page1_4_list_img{
	font-size: 0;
}
.page1_4 .page1_4_list_img img{
	width: 100%;
	border: 1px solid #e1e1e1;	
}

@media (max-width: 575px){
	.page1_4 .page1_4_text{
		font-size: 15px;
		color: #282828;
		line-height: 20px;
	}
	.page1_4 .page1_4_list{
		width: 104%;
		overflow: hidden;
		padding: 4% 0 0 0;
	}
	.page1_4 .page1_4_list li{
		width: 50%;
		float: left;
		padding: 0 4% 4% 0;
		text-align: center;
	}
	.page1_4 .page1_4_list .li_7{
		padding-bottom: 0 !important;
	}
	.page1_4 .page1_4_list_title{
		font-size: 15px;
		color: #282828;
		padding: 5px 0 0 0;
	}
}
@media (min-width: 576px){
	.page1_4 .page1_4_text{
		font-size: 16px;
		color: #282828;
		line-height: 22px;
	}
	.page1_4 .page1_4_list{
		width: 570px;
		overflow: hidden;
		padding: 30px 0 0 0;
	}
	.page1_4 .page1_4_list li{
		width: 33.33333333333333%;
		float: left;
		padding: 0 30px 30px 0;
		text-align: center;
	}
	.page1_4 .page1_4_list .li_5,
	.page1_4 .page1_4_list .li_6{
		padding-bottom: 30px !important;
	}
	.page1_4 .page1_4_list .li_7{
		padding-bottom: 0 !important;
	}
	.page1_4 .page1_4_list_title{
		font-size: 16px;
		color: #282828;
		padding: 12px 0 0 0;
	}
}


/*================================
	ȸ»ç¼Ò°³-ÀÎÁõ¼­-ÀÚ¼¼È÷º¸±â
================================*/
.page1_view{
	display:none;
}
@media (max-width: 575px){
	.yBoxFrame{
		width: 80%;
		margin: 0 auto;
	}
	.yBoxFrame img{
		width: 100%;
	}
}

/*================================
	ȸ»ç¼Ò°³-ã¾Æ¿À½Ã´Â±æ-¸Ê
================================*/
.page1_5_map .root_daum_roughmap{
	width: 100%;
}
.page1_5_map .root_daum_roughmap .wrap_controllers{
	display:none;
}

@media (max-width: 575px){
	.page1_5_map .root_daum_roughmap .wrap_map{
		height: 230px;
	}
}
@media (min-width: 576px){
	.page1_5_map .root_daum_roughmap .wrap_map{
		height: 300px;
	}
}

/*================================
	ȸ»ç¼Ò°³-ã¾Æ¿À½Ã´Â±æ-³»¿ë-±âº»¼³Á¤
================================*/
@media (max-width: 575px){
	.page1_5_content{
		width: 100%;
		overflow: hidden;
		padding: 20px 0 0 0;
	}
	.page1_5_content .page1_5_content_left{
		width: 100%;
		float: left;
		padding: 0 0 15px 0;
	}
	.page1_5_content .page1_5_content_right{
		width: 100%;
		float: left;
		padding: 0 0 0 0;
		border-top: 1px solid #e1e1e1;
	}
}
@media (min-width: 576px){
	.page1_5_content{
		width: 100%;
		overflow: hidden;
		padding: 30px 0 0 0;
	}
	.page1_5_content .page1_5_content_left{
		width: 100%;
		float: left;
		padding: 0 0 15px 0;
	}
	.page1_5_content .page1_5_content_right{
		width: 100%;
		float: left;
		padding: 0 0 0 0;
		border-top: 1px solid #e1e1e1;
	}
}

/*================================
	ȸ»ç¼Ò°³-ã¾Æ¿À½Ã´Â±æ-³»¿ë-ŸÀÌƲ
================================*/
.page1_5_content .page1_5_content_left .pcl_title b{
	font-weight: 700;
}
.page1_5_content .pcl_search a img{
	vertical-align: middle;
	margin: -3px 12px 0 0;
}

@media (max-width: 575px){
	.page1_5_content .page1_5_content_left .pcl_title{
		width: 65%;
		font-family: 'NanumSquareNeo', sans-serif;
		font-weight: 300;
		font-size: 22px;
		color: #000000;
		line-height: 34px;
		float: left;
	}
	.page1_5_content .pcl_search{
		width: 35%;
		overflow: hidden;
		padding: 10px 0 0 0;
		text-align: right;
		float: left;
	}
	.page1_5_content .pcl_search a{
		width: 120px;
		height: 45px;
		border: 1px solid #e1e1e1;
		display: inline-block;
		font-size: 15px;
		color: #282828;
		line-height: 45px;
		text-align: center;
	}
}
@media (min-width: 576px){
	.page1_5_content .page1_5_content_left .pcl_title{
		width: 70%;
		font-family: 'NanumSquareNeo', sans-serif;
		font-weight: 300;
		font-size: 28px;
		color: #000000;
		line-height: 42px;
		float: left;
	}
	.page1_5_content .pcl_search{
		width: 30%;
		overflow: hidden;
		padding: 20px 0 0 0;
		text-align: right;
		float: left;
	}
	.page1_5_content .pcl_search a{
		width: 120px;
		height: 50px;
		border: 1px solid #e1e1e1;
		display: inline-block;
		font-size: 16px;
		color: #282828;
		line-height: 50px;
		text-align: center;
	}
}

/*================================
	ȸ»ç¼Ò°³-ã¾Æ¿À½Ã´Â±æ-³»¿ë-Á¤º¸
================================*/
.page1_5_content .page1_5_content_right .dl_e{
	padding-bottom: 0;
}

@media (max-width: 575px){
	.page1_5_content .page1_5_content_right dl{
		width: 100%;
		overflow: hidden;
		padding: 15px 0 0 0;
	}
	.page1_5_content .page1_5_content_right dl dt{
		font-weight: 700;
		font-size: 15px;
		color: #010101;
		padding: 0 0 5px 0;
	}
	.page1_5_content .page1_5_content_right dl dd{
		font-size: 15px;
		color: #282828;	
	}
}
@media (min-width: 576px){
	.page1_5_content .page1_5_content_right dl{
		width: 100%;
		overflow: hidden;
		padding: 15px 0 5px 0;
	}
	.page1_5_content .page1_5_content_right dl dt{
		font-weight: 700;
		font-size: 16px;
		color: #010101;
		padding: 0 0 5px 0;
	}
	.page1_5_content .page1_5_content_right dl dd{
		font-size: 16px;
		color: #282828;	
	}
}

/*================================
	Á¦Ç°¼Ò°³-ŸÀÌƲ
================================*/
.page2_1 .page2_1_title b{
	color: #006cb7;
}

@media (max-width: 575px){
	.page2_1 .page2_1_title{
		width: 100%;
		overflow: hidden;
		background: #e4eff7;
		text-align: center;
		font-family: 'NanumSquareNeo', sans-serif;
		font-weight: 700;
		font-size: 17px;
		color: #000000;
		line-height: 22px;
		padding: 20px 0;
		margin: 0 0 20px 0;
	}
}
@media (min-width: 576px){
	.page2_1 .page2_1_title{
		width: 100%;
		overflow: hidden;
		background: #e4eff7;
		text-align: center;
		font-family: 'NanumSquareNeo', sans-serif;
		font-weight: 700;
		font-size: 20px;
		color: #000000;
		line-height: 30px;
		padding: 20px 0;
		margin: 0 0 30px 0;
	}
}

/*================================
	Á¦Ç°¼Ò°³-À̹ÌÁö
================================*/
.page2_1 .page2_1_list li img{
	width: 100%;
	border: 1px solid #e1e1e1;
}
.page2_1 .page2_1_list .li_13{
	padding-bottom: 0 !important;
}

@media (max-width: 575px){
	.page2_1 .page2_1_list{
		width: 104%;
		overflow: hidden;
		padding: 2% 0 0 0;
	}
	.page2_1 .page2_1_list li{
		width: 50%;
		float: left;
		padding: 0 4% 4% 0;
		font-size: 0;
	}
}
@media (min-width: 576px){
	.page2_1 .page2_1_list{
		width: 560px;
		overflow: hidden;
		padding: 0 0 0 0;
	}
	.page2_1 .page2_1_list li{
		width: 50%;
		float: left;
		padding: 0 20px 20px 0;
		font-size: 0;
	}
}

/*================================
	¹®ÀÇÇϱâ
================================*/
.page4_3 ul{
	width: 100%;
	overflow: hidden;
	background: #ecf5fb;
}
.page4_3 ul li{
	float: left;
}
.page4_3 ul .page4_3_img{
	width: 100%;
	padding: 20px 0 0 0;
	text-align: center;
}
.page4_3 ul .page4_3_content{
	width: 100%;
	text-align: center;
	padding: 20px 0 30px 0;
}
.page4_3 ul .page4_3_img img{
	width: 100px;
}

@media (max-width: 575px){
	.page4_3 ul .page4_3_content_title{
		font-family: 'NanumSquareNeo', sans-serif;
		font-weight: 700;
		font-size: 17px;
		color: #000000;
		line-height: 22px;
		padding: 0 0 10px 0;
	}
	.page4_3 ul .page4_3_content_tel,
	.page4_3 ul .page4_3_content_tel a{
		font-family: 'NanumSquareNeo', sans-serif;
		font-weight: 700;
		font-size: 22px;
		color: #006cb7;
	}
}
@media (min-width: 576px){
	.page4_3 ul .page4_3_content_title{
		font-family: 'NanumSquareNeo', sans-serif;
		font-weight: 700;
		font-size: 22px;
		color: #000000;
		padding: 0 0 10px 0;
	}
	.page4_3 ul .page4_3_content_tel,
	.page4_3 ul .page4_3_content_tel a{
		font-family: 'NanumSquareNeo', sans-serif;
		font-weight: 700;
		font-size: 26px;
		color: #006cb7;
	}
}