@charset "utf-8";

/*******************
	    레이아웃
********************/
.intro_group {
	width: 100%;
	overflow: hidden;
	background:#f7f7f7;
}
.intro_box {
	width:100%;
}
.intro_group div.con_w1100 {
	width: 1400px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
h3.intro_h3 {
	font-size:32px;
	line-hegiht:36px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}
.intro_box h3.text_l {
	text-align:left;
}
/*******************
	회사소개 부분
********************/
/** box01 **/
.intro_box01 {
	height:979px;
	background:url("/images/intro/bg_intro01.jpg") no-repeat top center;
}
.intro_box01 p {
	font-size:25px;
	line-hegiht:38px;
	text-align:center;
	color:#fff;
}
/** box02 **/
.intro_box02 {
	height:988px;
	background:url("/images/intro/bg_intro02.jpg") no-repeat top center;
}
.intro_way_bn_wrap{
	position:relative;
	width:100%;
	height:580px;
	overflow:hidden;
	margin:auto;
	margin-top:120px;
}
.intro_way_bn_img{
	width: 1400px;
	overflow:hidden;
	margin-left:-700px;
	position:absolute;
	top:0;
	left:50%;
}
.intro_way_bn .bx-viewport {
	height:480px;
}
.intro_way_bn .bx-controls div.bx-pager,
.intro_way_bn .bx-controls div.bx-controls-auto {
	display:none;
}
/** box02 tab 메뉴 **/
div.box2_tab_menu {
	width: 1400px;
	text-align:center;
}
div.box2_tab_menu ul {
	display: inline-block;
	color:#dcdcdc;
	overflow: hidden;
	border-left:1px solid #dcdcdc;
}
div.box2_tab_menu ul li {
	width: 123px;
	float:left;
	border:1px solid #dcdcdc;
	margin-left:-1px;
	cursor: pointer;
	font-size:16px;
	line-height:30px;
}
div.box2_tab_menu ul li.on,
div.box2_tab_menu ul li:hover {
	background:#dcdcdc;
	color:#242426;
}
div.box2_tab_menu ul li a:hover,
div.box2_tab_menu ul li a:active,
div.box2_tab_menu ul li a.active {
	background:#dcdcdc;
	color:#242426;
}
div.box2_tab_menu ul li a{
	display:block; 
	width: 123px;
	height:100%;
	text-align:center; 
	background:none; 
	color:#dcdcdc;
}

/** box02 배너  내용 **/
div.visual_bn01 {
	display: inline-block;
	color:#fff;
	overflow: hidden;
	text-align:center;
}
div.visual_bn01 p {
	font-size:67px;
	line-height:105px;
}
div.visual_bn01 p strong {
	border-bottom:2px solid #fff;
}
ul.intro02_slid {
	display: inline-block;
	overflow: hidden;
	text-align:left;
}
ul.intro02_slid li {
	float:left;
	margin-left:1px;
	position: relative;
	background:#000000;
}
ul.intro02_slid li img {
	opacity: 0.65;
}
ul.intro02_slid li:hover img {
	opacity: 1;
}
ul.intro02_slid li span {
	position: absolute;
	top:143px;
	left:75px;
	color:#fff;
	font-size:24px;
	line-height:28px;
	font-weight:300;
}
/** box02 배너 롤링 **/
.intro_way_bn_img ul.visual_b {
	width:1400px;
}
.intro_way_bn_img ul.visual_b li{
	float:left;
}
/*box02 롤링 배너 버튼제어*/
div.intro_way_bn_wrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: 0;
	outline: 0;
	width: 41px;
	height: 76px;
	text-indent: -9999px;
	/*z-index: 9999;*/
	z-index: 9900;
}
/*box02 롤링 배너너 버튼제어*/
div.intro_way_bn_wrap .bx-wrapper .bx-controls-direction a.bx-prev {
	left: 88px;
	background: url("/images/intro/controls_intro.png") no-repeat 0 -76px;
}
div.intro_way_bn_wrap .bx-wrapper .bx-controls-direction a.bx-next {
	right: 88px;
	background: url("/images/intro/controls_intro.png") no-repeat -41px -76px;
}
div.intro_way_bn_wrap .bx-wrapper .bx-controls-direction a.bx-prev:hover {
	background-position: 0 0;
}
div.intro_way_bn_wrap .bx-wrapper .bx-controls-direction a.bx-next:hover {
	background-position: -41px 0;
}


/** box03 **/
.title_intro {
	text-align:center;
	line-height:28px;
	color:#fff;
	margin-top:160px;
}
.title_intro h3.intro_h3 {
	text-align:center;
	font-size:40px;
}
.title_intro p {
	font-size:18px;
}
.intro_box03 {
	height:1120px;
	background:url("/images/intro/bg_intro03.jpg") no-repeat top center;
}
.intro_history ul {
	overflow: hidden;
}
.intro_history ul li {
	width:455px;
	height:550px;
	padding-bottom:60px;
	background:#fff;
	margin-left:20px;
	float:left;
	text-align:left;
}
.intro_history ul li h5 {
	display: inline-block;
	color:#2a2a2a;
	font-size:29px;
	line-height:36px;
	padding:0 0 10px 0;
	margin:62px 0 0 60px;
	font-weight:600;
	border-bottom:2px solid #de203f;
}
.intro_history ul li p {
	width:365px;
	display: inline-block;
	color:#585858;
	font-size:17px;
	line-height:20px;
	margin:40px 0 0 60px;
	letter-spacing: -1px;
}

/* 온라인서점 롤링 버튼 */
div.intro_box03 div.bx-wrapper {
	height:680px;
	position: relative;
}
div.intro_box03 div.bx-wrapper div.bx-controls {
	position: absolute;
	bottom:25px;
	right:725px;
}
div.intro_box03 .bx-wrapper .bx-prev {
	left: 0px;
	background:url("/images/intro/intro_box03_slide_selector.png") no-repeat 0px 0px;
}
div.intro_box03 .bx-wrapper .bx-next {
	left: 27px;
	background:url("/images/intro/intro_box03_slide_selector.png") no-repeat -24px 0px;
}
div.intro_box03 .bx-wrapper .bx-prev:hover {
	background-position: 0px -24px;
}
div.intro_box03.bx-wrapper .bx-next:hover {
	background-position: -24px -24px;
}
div.intro_box03 .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	margin-top: 0px;
	outline: 0;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	z-index: 999;
}
/* 온라인서점 롤링 버튼 끝 */

/** box04 **/
.intro_box04 {
	background:url("/images/intro/bg_intro04.png") no-repeat center 240px;
}
.intro_box04 .title_intro {
	color:#2a2a2a;
	margin-top:0;
}
.intro_box04 .title_intro h3.intro_h3 {
	color:#2a2a2a;
}
.intro_box04 .con_w1100 {
	height:1500px;
	position: relative;
}
.intro_box04 .mov_box {
	position: absolute;
	top:320px;
	right:147px;
}
.intro_box04 .group_brand {
	width:1400px;
	position: absolute;
	top:1160px;
	lrft:0;
	background:url("/images/intro/bg_intro0402.png") no-repeat center 63px;
}
.group_brand ul {
	overflow: hidden;
}
.group_brand ul li {
	float:left;
	margin-left:42px;
	margin-bottom:42px;
	
}

/** box06 **/
.intro_box06 {
	background:url("/images/intro/bg_intro06.jpg") no-repeat top center;
}
.affiliates_box {
	width:1400px;
	height:462px;
	background:#fff;
	text-align:center;
}
.affiliates_box ul {
	width:1224px;
	display: inline-block;
	overflow: hidden;
	margin-top:80px;
}
.affiliates_box ul li {
	float:left;
	/* padding:0 15px 30px 15px; */
	margin:0 15px 30px 15px;
}

/** box07m **/
.intro_box07 {
	margin-top:40px;
	margin-bottom:180px;
}
.intro_map_box {
	width:1400px;
	height:480px;
	text-align:left;
	background:#fff;
}
.intro_map_box .float_l {
	width:700px;
	height:480px;
}
.intro_map_box .float_r {
	width:700px;
	height:480px;
}
.intro_map_box p {
	margin:56px 0 0 47px;
	color:#585858;
	font-size:15px;
	line-height:24px;
}
.intro_map_box p strong {
	color:#2a2a2a;
	font-size:22px;
	line-height:28px;
}
.intro_map_box p span {
	color:#c9252b;
	font-size:22px;
	line-height:24px;
	font-weight:bold;
}

/** intron_footer **/
.intron_footer #footer_wrap {
	background: #fff;
}
.intron_footer #footer_wrap .footer_group{
	width: 1400px;
}
.intron_footer #footer_wrap .fw_menu {
	width: 1400px;
}