@charset "utf-8";


.index_tit1
{
	font-family		: Microsoft YaHei;
	font-weight		: 700;
	font-size		: 36px;
	color			: #212121;
	line-height		: 150%;
	letter-spacing	: -1px;
}

.index_text1
{
	font-family		: Microsoft YaHei;
	font-weight		: 100;
	font-size		: 16px;
	color			: #9E9E9E;
	line-height		: 200%;
}

.index_cent_text1 a
{
	font-family		: Microsoft YaHei;
	font-weight		: 700;
	font-size		: 42px;
	line-height		: 150%;
	color			: #212121;
	display			: block;
	letter-spacing	: -1px;
}

.index_cent_text1 p
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 21px;
	color			: #212121;
	letter-spacing	: -1px;
}







.index_cent_btn1 a
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 36px;
	color			: #fff;
	margin			: 0 3%;

}

.index_cent_btn1 a.cur
{
	font-weight		: 700;
	border-bottom	: 3px solid #fff;
	display			: inline-block;

}



@media screen and (max-width: 768px) {

	.index_tit1
	{
		font-size		: 24px;
		line-height		: 100%;
	}

	.index_text1
	{
		font-size		: 14px;
	}



	.index_cent_text1 a
	{
		font-size		: 24px;
	}

	.index_cent_text1 p
	{
		font-size		: 16px;
	}

	.index_cent_text1 .col-xs-6
	{
		padding-left	: 0px;
		padding-right	: 0px;
	}


	.index_cent_btn1 a
	{
		font-size		: 24px;

	}


}




.index_cent_ufl ul.ufl li
{

	float			: left;
	width			: 33.33%;
}


.index_cent_ufl .index_cent_slider img
{
	max-width		: 100%;
	transition		: all .3s ease;
}

.index_cent_ufl .index_cent_slider  a:hover img
{
	transform		: scale(1.2);
}



.index_cent_slider
{
	background		: #fff;
	box-shadow		: 0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
	margin			: 0 10px 20px 10px;
	overflow		: hidden;
	
}

.index_cent_slider strong
{
	display			: block;
	font-family		: Microsoft YaHei;
	font-weight		: 700;
	color			: #000;
	font-size		: 16px;
	letter-spacing	: -1px;
	line-height		: 120%;

}

.index_cent_slider p
{
	display			: block;
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	color			: #9e9e9e;
	font-size		: 14px;
	padding-top		: 10px;

}



.index_cent_btn2 a
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 16px;
	line-height		: 200%;
	color			: #212121;
	padding			: 0 20px;
}

@media screen and (max-width: 768px) {

	.index_cent_btn2 a
	{
		display		: inline-block;
		width		: 49%;
		text-align	: left;
		padding		: 20px 0 0 0px;
	}

}

.sub_section
{
	background		: url('../img/comp/image1.png') top center no-repeat;
	background-size	: cover;
	font-family		: Microsoft YaHei;
	font-weight		: 700;
	font-size		: 36px;
	color			: #fff; 
	text-align		: center;
	line-height		: 200px;
	height			: 200px;
}


.sub_s_bg2
{
	background		: url('../img/cont/image1.png') top center no-repeat;
	background-size	: cover;
}

.sub_s_bg3
{
	background		: url('../img/prom/image1.png') top center no-repeat;
	background-size	: cover;
}

.sub_s_bg4
{
	background		: url('../img/recr/image1.png') top center no-repeat;
	background-size	: cover;
}

.sub_s_bg5
{
	background		: url('../img/affi/image1.png') top center no-repeat;
	background-size	: cover;
}

@media screen and (max-width: 768px) {

	.sub_section
	{
		background		: url('../img/comp/m_image1.png') top center no-repeat;
		background-size	: cover;
		font-family		: Microsoft YaHei;
		font-weight		: 700;
		font-size		: 24px;
		color			: #fff; 
		text-align		: center;
		line-height		: 152px;
		height			: 152px;
	}

	.sub_s_bg2
	{
		background		: url('../img/cont/m_image1.png') top center no-repeat;
		background-size	: cover;
	}

	.sub_s_bg3
	{
		background		: url('../img/prom/m_image1.png') top center no-repeat;
		background-size	: cover;
	}

	.sub_s_bg4
	{
		background		: url('../img/recr/m_image1.png') top center no-repeat;
		background-size	: cover;
	}

	.sub_s_bg5
	{
		background		: url('../img/affi/m_image1.png') top center no-repeat;
		background-size	: cover;
	}

}


.cont_tit1
{
	position		: relative;
	z-index			: 2;
	border-bottom	: 1px solid #E0E0E0;
}


ul.sub_tmanNav > li
{
	float			: left;
	width			: 160px;
	text-align		: left;
	position		: relative;
	z-index			: 1;
	border-right	: 1px solid #e0e0e0;
}

ul.sub_tmanNav > li:first-child
{
	width			: 60px;
	height			: 60px;
	text-align		: center;
	border-left		: 1px solid #e0e0e0;
}
ul.sub_tmanNav > li:first-child img
{
	padding-top		: 20px;
}

ul.sub_tmanNav > li > a
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 14px;
	color			: #212121;
	line-height		: 65px;
	height			: 60px;
	letter-spacing	: -1px;
	display			: block;
	padding-left	: 16px;
	background		: url('../img/comp/sub_t_btn1.svg') center right no-repeat;
	background-position	: right 8px center;
}
ul.sub_tmanNav > li:first-child a
{
	background		: url('') center right no-repeat;
	display			: block;
	padding-left	: 0px;
}


ul.sub_tdropMenu > li > a
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 14px;
	color			: #212121;
	line-height		: 30px;
	letter-spacing	: -1px;
	padding-left	: 16px;
	display			: block;
}

ul.sub_tdropMenu > li > a:hover
{
	font-weight		: 500;
	color			: #000;
}

.sub_tdropMenu
{
	position		: absolute;
	width			: 161px;
	background		: #fff;
	border			: 1px solid #E0E0E0;
	padding			: 10px 0;
	display			: none;
	left			: -1px;
}

 

.sub_tdropMenu > li > a:hover
{
	
}



@media screen and (max-width: 768px) {
	.cont_tit1 .col-md-12
	{
		margin: 0 -24px;
	}

	ul.sub_tmanNav > li
	{
		width			: 50%;
	}
	
	ul.sub_tmanNav > li:first-child
	{
		display			: none;
	}
	
	ul.sub_tmanNav > li:last-child
	{
		border-right	: 0px solid #e0e0e0;
	}


	ul.sub_tmanNav > li .sub_tdropMenu
	{
		width			: 100.5%;
	}

	ul.sub_tmanNav > li:nth-child(2) .sub_tdropMenu
	{
	left			: 0px;
	}
	
}


.sub_tit1
{
	font-family		: Microsoft YaHei;
	font-weight		: 700;
	font-size		: 36px;
	color			: #212121;
	line-height		: 150%;
	letter-spacing	: -1px;
}

.sub_tit2
{
	font-family		: Microsoft YaHei;
	font-weight		: 700;
	font-size		: 24px;
	color			: #212121;
	line-height		: 150%;
	letter-spacing	: -1px;
	word-wrap		: break-word;
	word-break		: keep-all;
}

.sub_tit3
{
	font-family		: Microsoft YaHei;
	font-weight		: 700;
	font-size		: 18px;
	color			: #212121;
	line-height		: 150%;
	letter-spacing	: -1px;
}

.sub_text1
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 16px;
	color			: #212121;
	line-height		: 150%;
	letter-spacing	: -1px;
	word-wrap		: break-word;
	word-break		: keep-all;
}

.sub_text2
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 14px;
	color			: #212121;
	line-height		: 150%;
	letter-spacing	: -1px;
}


.sub_text3
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 18px;
	color			: #212121;
	line-height		: 130%;
	letter-spacing	: -1px;
}

ul.sub_text1 li
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 16px;
	color			: #212121;
	line-height		: 180%;
	letter-spacing	: -1px;
	background		: url('../img/comp/bu1.jpg') left 12px no-repeat;
	padding-left	: 15px;
}



@media screen and (max-width: 768px) {

	.sub_tit1
	{
		font-size		: 24px;
		line-height		: 100%;
	}

	.sub_tit2
	{
		font-size		: 21px;
	}

	.sub_text1
	{
		font-size		: 14px;

	}


	ul.sub_text1 li
	{
		font-size		: 14px;
		background		: url('../img/comp/bu1.jpg') left 10px no-repeat;
	}


	.comp1_btn1 button
	{
		width			: 100%;
	}

	.sub_text3
	{
		font-size		: 16px;
	}

}

.comp2_section
{
	background		: url('../img/comp/image2.jpg') top center no-repeat;
	height			: 240px;
}



@media screen and (max-width: 768px) {

	.comp2_section
	{
		background		: url('../img/comp/image2.jpg') top center no-repeat;
		background-size	: cover;
		height			: 240px;
	}

}

@media screen and (max-width: 500px) {

	.comp2_section
	{
		background		: url('../img/comp/m_image2.jpg') top center no-repeat;
		background-size	: cover;
		height			: 130px;
	}

}

.comp8_section
{
	background		: url('../img/comp/api_image.png') top center no-repeat;
	height			: 480px;
}



@media screen and (max-width: 768px) {

	.comp8_section
	{
		background		: url('../img/comp/api_image.png') top center no-repeat;
		background-size	: cover;
		height			: 480px;
	}

}

@media screen and (max-width: 500px) {

	.comp8_section
	{
		background		: url('../img/comp/api_image2.png') top center no-repeat;
		background-size	: cover;
		height			: 280px;
	}

}


.comp2_style1 .brd1
{
	min-height			: 160px;

}

@media screen and (max-width: 768px) {

	.comp2_style1 .brd1
	{
		min-height			: 130px;

	}


}

.sub_tab_btn1
{
	border		: 1px solid #E0E0E0;
	border-left	: 0px;
}

.sub_tab_btn1 a
{
	font-family		: Microsoft YaHei;
	font-weight		: 500;
	font-size		: 16px;
	color			: #212121;
	text-align		: center;
	line-height		: 70px;
	display			: block;
	letter-spacing	: -1px;
	border-left		: 1px solid #E0E0E0;
}

.sub_tab_btn1 a.cur,
.sub_tab_btn1 a:hover
{
	color			: #fff;
	background		: #C51F25;
}


@media screen and (max-width: 768px) {
	.sub_tab_btn1 a
	{
		line-height		: 56px;
		height			: 56px;
	}
}

/* 공유 toggle */

.gx
{
	border			: 1px solid #212121;
	margin-top		: 12px;
	width			: 290px;
	padding			: 32px 0;
	display			: none;
}



.gx_button
{
	font-family		: Microsoft YaHei;
	font-weight		: 500;
	color			: #212121;
	font-size		: 16px;
	background		: #fff;
	height			: 35px;
	padding			: 0 20px 0 40px;
	border-radius	: 100px;
	border			: 1px solid #212121;
	background		: url('../img/comp/bu2.svg') 12px center no-repeat;
}



.gx ul:first-child li
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 14px;
	color			: #212121;
	text-align		: center;
	line-height		: 200%;
	letter-spacing	: -1px;
}

.gx_input1
{
	padding-left	: 32px;
}

 ul.gx_input1 li:first-child
{
	width			: 73%;
}

.gx_input1 input
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 14px;
	color			: #212121;
	background		: #fff;
	border			: 1px solid #E0E0E0;
	border-right	: 0px;
	height			: 35px;
	width			: 100%;
	padding-left	: 10px;
	border-radius	: 3px 0 0 3px;
	letter-spacing	: -1px;
}

.gx_btn1
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	color			: #fff;
	font-size		: 14px;
	background		: #212121;
	width			: 49px;
	height			: 35px;
	border-radius	: 0 3px 3px 0;
	border			: 0px solid #C51F25;
}

@media screen and (max-width: 768px) {

	.gx
	{
		width			: 100%;
	}

}



.comp7_style1 .brd1
{
	width				: 1200px;
	height				: 170px;
	padding				: 0 40px;
	display 			: table-cell;
	vertical-align		: middle;
	background			: url('../img/comp/comp_bg1.jpg') top left;
}


.recr1_style1
{
	margin				: 0 auto;
	border				: 1px solid #C51F25;
	border-radius		: 100px;
	width				: 180px;
	height				: 180px;
	padding-top			: 60px;
	font-family		: Microsoft YaHei;
	font-weight			: 300;
	color				: #C51F25;
	font-size			: 21px;
	letter-spacing		: -1px;
	text-align			: center;
}

.recr1_style2
{
	margin				: 0 auto;
	border				: 1px solid #66C000;
	border-radius		: 100px;
	width				: 180px;
	height				: 180px;
	padding-top			: 60px;
	font-family		: Microsoft YaHei;
	font-weight			: 300;
	color				: #66C000;
	font-size			: 21px;
	letter-spacing		: -1px;
	text-align			: center;
}

.recr1_style3
{
	margin				: 0 auto;
	border				: 1px solid #353D4A;
	border-radius		: 100px;
	width				: 180px;
	height				: 180px;
	padding-top			: 60px;
	font-family		: Microsoft YaHei;
	font-weight			: 300;
	color				: #353D4A;
	font-size			: 21px;
	letter-spacing		: -1px;
	text-align			: center;
}





.recr3_style1
{
	margin				: 0 auto;
	border				: 1px solid #C51F25;
	border-radius		: 100px;
	width				: 180px;
	height				: 180px;
	padding-top			: 40px;
	font-family		: Microsoft YaHei;
	font-weight			: 400;
	color				: #C51F25;
	font-size			: 21px;
	letter-spacing		: -1px;
	text-align			: center;
}

.recr3_style2
{
	margin				: 0 auto;
	border				: 1px solid #EC7A7E;
	background			: #EC7A7E;
	border-radius		: 100px;
	width				: 180px;
	height				: 180px;
	padding-top			: 40px;
	font-family			: Microsoft YaHei;
	font-weight			: 400;
	color				: #fff;
	font-size			: 21px;
	letter-spacing		: -1px;
	text-align			: center;
}

.recr3_style3
{
	margin				: 0 auto;
	border				: 1px solid #C51F25;
	background			: #C51F25;
	border-radius		: 100px;
	width				: 180px;
	height				: 180px;
	padding-top			: 40px;
	font-family			: Microsoft YaHei;
	font-weight			: 400;
	color				: #fff;
	font-size			: 21px;
	letter-spacing		: -1px;
	text-align			: center;
}

.af_txt1
{
	font-family		:'Malgun Gothic', sans-serif;
	font-weight		: 600;
	color			: #212121;
	font-size		: 20px;
	background		: #fff;
}


.af_txt2
{
	font-family		:'Malgun Gothic', sans-serif;
	font-weight		: 600;
	color			: #4a4a4a;
	font-size		: 17px;
	background		: #fff;
}




/* layer_pup */


.layer_pup
{
	position		: fixed;
	z-index			: 100;
	top				: 0px;
	left			: 0px;
	width			: 100%;
	height			: 100%;
	display			: none1;
}

.layer_pup .container
{
	position		: relative;
	z-index			: 1;
	background		: #fff;
	margin-top		: 10%;
	width			: 980px;

}


.layer_pup .quan_bg
{
	position		: absolute;
	z-index			: -1;
	width			: 100%;
	height			: 100%;
	top				: 0px; 
	left			: 0px;
	background		: rgba(0,0,0, 0.8); 
}

.layer_pup .layer_pup_tit1
{
	background			: #14305f;
	height				: 65px;
	margin				: -30px -30px 0px -40px;

	font-family			: 'Nanum Gothic', '나눔고딕', 'AppleGothic', 'sans-serif';
	font-size			: 20px;
	color				: #fff;
	font-weight			: 700;
	padding-left		: 30px;
	line-height			: 65px;
}

.layer_pup .pup_exit {
	position		: absolute;
    	right			: 0px;
}