@charset 'utf-8';

section.bsh_intro01,
section.bs_intro01 { position:relative; background:#fff; }
section.bsh_intro01 p{ text-align:center; }
section.bsh_intro01,
section.bs_intro01 img { width:100%; }

section.bs_intro02 { position:relative; background:#f8f8f8; margin-top:10%; padding-top:5%; }
section.bs_intro02 img { width:100%; }

/*브랜드 스토리 텍스트*/
hr{margin-bottom:4%;margin-left:8%; width:15%; border:1px solid #ddd;}
p.bs_text_tit { color:#e3313f; font-size:38px; font-weight:bold; padding:5% 0 2% 7.5%; }
p.bs_text_tit_sub { color:#666; font-size:30px; margin-bottom:4%; line-height:38px; padding:0 9% 0 7.5%; }
p.bs_text { color:#777; font-size:21px; line-height:29px; padding:0 8% 3% 7.5%; }

/*브랜드 비젼 텍스트*/
.bv_top_bg { background:url('../img/brand/vision_top_bg.jpg') 90% 0 no-repeat; background-size:36%; }
p.bv_vision_tit { font-size:54px; padding:5% 0 2% 8%; color:#333; letter-spacing:12px; line-height:60px; word-break:break-word; }
p.bv_vision_tit span { color:#e3313f; }
p.bv_vision_tit span span {font-weight:bold; }

p.bv_text_tit { font-size:54px; padding:5% 0 3% 8%; }
p.bv_text_tit_sub { font-size:27px; padding:0 9% 0 8%; color:#777; line-height:38px; }

p.bv_text {padding:3% 9% 0 8%; color:#777; font-size:22px; line-height:35px; }

.img_in_text {position:relative;}
.img_in_text span {position:absolute;fonssssssssssssssssst-size:11px; top:42%; color:#fff; text-align:center; line-height:16px;}
.img_in_text .it_1 { left:17.5%; }
.img_in_text .it_2 { left:46%; }
.img_in_text .it_3 { left:72.5%; }

table.bv_corevalue  { width:81%;margin:7% 9.5% 14% 8%; overflow:hidden;vertical-align:middle; border-bottom:2px solid #e0e0e0; }
table.bv_corevalue th {  font-size:27px; padding:10.5% 0; border-top:2px solid #e12f45; color:#e1333d;  text-align:left; font-weight:bold; vertical-align:middle; }
table.bv_corevalue td { line-height:28px; font-size:21px; padding:3% 2% 3% 9%;  border-top:2px solid #e0e0e0; color:#666; vertical-align:middle; }

.mb_5p{margin-bottom:5%;}


/*브랜드 히스토리 전체 / 신제품출시 / 수상실적 / 프로모션 탭 */
.history_view_wrap { position:relative; width:100%; background:#f8f8f8; }

.history_view_wrap h3.history_all { left:0%; width:25%; }
.history_view_wrap h3.history_new { left:25%; width:25%; }
.history_view_wrap h3.history_award { left:50%; width:25%; }
.history_view_wrap h3.history_promotion { left:75%; width:25%; }
.history_view_wrap h3 a { background:#fff; border:1px solid #dddddd; color:#666; display:block; font-size:16px; font-weight:bold; height:48px; line-height:48px; text-align:center; width:100%; }
.history_view_wrap h3 a.on { background:#181238; border:1px solid #181238; color:#fff; }

.history_view_wrap article { background:#f8f8f8; width:100%; max-width:640px; margin:0 auto; }/*  background:#f8f8f8; */

.history_list_section { width:81%; margin:0 auto; padding-bottom:40px; }
.history_list > dt{position:relative; margin-top:40px; background:url('../img/brand/m_history_list_bg.png') 0 0 no-repeat; overflow:hidden; background-size:100%; padding-bottom:35%; }
.history_list > dt a.btn_toggle { position:absolute; display:block; left:12%; top:53%; width:16%; height:16%; font-weight:bold; background:#efeeee; text-align:center; line-height:165%; padding:0; }
.history_list > dt h3{position:absolute; font-size:45px; color:#df3343;  left:12%; top:25%; font-size:38px;}
.history_list > dt .hs_list_tit{ width:47%; left:44%; top:30%; font-size:25px; height:40%; font-weight:bold; line-height:30px; position:absolute; overflow:hidden; }
.history_list > dt .hs_list_tit span{ margin:auto auto; display:inline-block; word-break:break-word; }
.history_list > dt .hs_list_tit span.line_01 { line-height:250%; }
.history_list > dt .hs_list_tit span.line_02 { line-height:140%; }

.history_list > dd { padding-top:40px; display:none; }  
.history_list > dd ul > li { margin-bottom:10px; }
.history_obj { border:1px solid #efeeee; width:100%; }
.history_obj:after { content:""; display:block; clear:both; }
.history_obj dt { float:left; position:relative; width:100%; border-right:1px solid #efeeee; }
.history_obj dt img { width:100%; }
.history_obj dt i { position:absolute; left:0; bottom:0; }
.history_obj dd { float:left; width:91%; padding:4.5% 5%; }
.history_obj dd .hs_title { font-size:20px; color:#222; font-weight:bold; line-height:1.4; }
.history_obj dd .hs_text { font-size:20px; color:#666; line-height:1.2; }

/* 글로벌  */
.global_wrap { width:84%; margin:0 auto; }
p.global_wrap_tit {font-size:32px; color:#222; margin-bottom:5%;}
div.gb_slider_wrap { border:1px solid #ddd; height:95px; padding-top:30px; border-radius:3px; position:relative; margin-bottom:80px; overflow:hidden;  }
div.gb_slider_wrap li { text-align:center; vertical-align:middle; }
div.gb_slider_wrap .bx-wrapper img { width:auto; text-align:center; display:inline; }

.gb_slider_wrap p.btn_prev { position:absolute; left:0; top:0; width:7%; height:125px; border-right:1px solid #ddd; vertical-align:middle; text-align:center; }
.gb_slider_wrap p.btn_next { position:absolute; right:0; top:0; width:7%; height:125px; border-left:1px solid #ddd; text-align:center; }

.gb_slider_wrap p.btn_prev a, 
.gb_slider_wrap p.btn_next a { background:#fff; display:block; vertical-align:middle; height:125px; line-height:125px; }
.gb_slider_wrap p.btn_prev a img, 
.gb_slider_wrap p.btn_next a img { vertical-align:middle; }

table.gb_national { width:84%;margin:7% 9.5% 10% 8%; overflow:hidden;vertical-align:middle; border-bottom:2px solid #e0e0e0; }
table.gb_national th{  font-size:27px; padding:8% 0 8% 2%;  text-align:left;  vertical-align:middle; letter-spacing:1; }
table.gb_national td { font-size:20px; line-height:30px; padding:5% 2% 5% 2%;  border-top:2px solid #e0e0e0; color:#666; vertical-align:middle; }

.fc_0f9ce3 { color:#0f9ce3; border-top:2px solid #0f9ce3; }
.fc_205da0 { color:#205da0; border-top:2px solid #205da0;}
.fc_34aea1 { color:#34aea1; border-top:2px solid #34aea1; }
.fc_91bd4e { color:#91bd4e; border-top:2px solid #91bd4e; }
.fc_b68036 { color:#b68036; border-top:2px solid #b68036; }


/* 히스토리탭 */

.history_tab li { width:25%; }
ul.history_tab { width:100%; margin-bottom:40px; }
ul.history_tab:after { content:""; display:block; clear:both; }
ul.history_tab li { float:left; width:50%; overflow:hidden; position:relative; }

ul.history_tab a { display:block; width:99.5%; height:33px;  border:1px solid #ddd; font-size:13px; color:#666; text-align:center; font-weight:bold; }
ul.history_tab a.selected { background:#181138; color:#fff; width:100%; height:35px;  border:0; }
ul.history_tab a  { display:-webkit-flex; display:flex; /* 플렉스박스로 지정 */ -webkit-align-items: center; align-items: center; /* 세로 중앙정렬 */  -webkit-justify-content: center; justify-content: center; /* 가로 중앙정렬 */ }

@media screen and (max-width:640px) {
	p.bs_text_tit { font-size:36px; }
	p.bs_text_tit_sub { font-size:28px;  }
	p.bs_text { font-size:18px; }
	
	p.bv_vision_tit { font-size:44px; line-height:1.3; letter-spacing:8px; }
	p.bv_text { font-size:19px; line-height:26px; }
	p.img_in_text span { font-size:5px; top:41%; line-height:17px;}
	p.img_in_text .it_1 { left:16.5%; }
	p.img_in_text .it_2 { left:45%; }
	p.img_in_text .it_3 { left:71%; }
	p.bv_text_tit { font-size:46px; }
	p.bv_text_tit_sub { font-size:23px; line-height:26px; }
	table.bv_corevalue th {  font-size:23px;  }
	table.bv_corevalue td { font-size:19px; line-height:20px; }
	
	.history_list > dt a.btn_toggle {  left:12%; top:53%; font-size:90%; width:18%; }
	.history_list > dt h3{ left:12%; top:25%; font-size:38px; }
	.history_list > dt .hs_list_tit{; font-size:22px;  line-height:26px; }
	p.global_wrap_tit { font-size:30px; }
	table.gb_national { margin:7% 9.5% 14% 8%; }
	table.gb_national th{  font-size:24px; padding:8% 0 8% 2%; }
	table.gb_national td { font-size:15px; line-height:22px;  }

}

@media screen and (max-width:550px) {
	p.bs_text_tit { font-size:31px; }
	p.bs_text_tit_sub { font-size:24px; line-height:30px; }
	p.bs_text { font-size:17px; }

	p.bv_vision_tit { font-size:39px; line-height:1.2; letter-spacing:8px; }
	p.bv_text { font-size:16px; line-height:24px; }
	p.img_in_text span { font-size:5px; top:41%; line-height:15px;}
	p.img_in_text .it_1 { left:15.5%; }
	p.img_in_text .it_2 { left:44%; }
	p.img_in_text .it_3 { left:70%; }
	p.bv_text_tit { font-size:36px; }
	p.bv_text_tit_sub { font-size:20px; line-height:22px; }
	table.bv_corevalue th {  font-size:20px; }
	table.bv_corevalue td { font-size:17px; line-height:18px; }
	
	.history_list > dt a.btn_toggle { left:12%; top:53%; font-size:80%; width:18%; }
	.history_list > dt h3{ left:12%; top:25%; font-size:34px; }
	.history_list > dt .hs_list_tit{; font-size:20px;  line-height:26px; }
	p.global_wrap_tit { font-size:28px; }
	table.gb_national { margin:7% 9.5% 14% 8%; }
	table.gb_national th{  font-size:22px; padding:8% 0 8% 2%; }
	table.gb_national td { font-size:14px; line-height:20px; }

}

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

	.history_obj dd .hs_title { font-size:14px; color:#222; font-weight:bold; line-height:1.4; }
	.history_obj dd .hs_text { font-size:14px; color:#666; line-height:1.2; }
	
	p.bs_text_tit { font-size:28px; }
	p.bs_text_tit_sub { font-size:22px; line-height:28px; }
	p.bs_text { font-size:15px; line-height:23px; }
	
	p.bv_vision_tit { font-size:32px; line-height:1.2; letter-spacing:8px; }
	p.bv_text { font-size:14px; line-height:20px; }
	p.img_in_text span { font-size:5px; top:40%; line-height:13px;}
	p.img_in_text .it_1 { left:13.5%; }
	p.img_in_text .it_2 { left:42%; }
	p.img_in_text .it_3 { left:68.5%; }
	p.bv_text_tit { font-size:33px; }
	p.bv_text_tit_sub { font-size:17px; line-height:22px; }
	table.bv_corevalue th {  font-size:16px;  }
	table.bv_corevalue td { font-size:14px; line-height:18px; }

	.history_list > dt a.btn_toggle { left:12%; top:53%; font-size:70%; }
	.history_list > dt h3{ left:12%; top:25%; font-size:31px; }
	.history_list > dt .hs_list_tit{; font-size:18px;  line-height:26px; }
	
	p.global_wrap_tit { font-size:24px; }
	table.gb_national { margin:7% 9.5% 14% 8%; }
	table.gb_national th{  font-size:20px; padding:8% 0 8% 2%; }
	table.gb_national td { font-size:12px; line-height:18px; }
}

@media screen and (max-width:400px) {
	p.bs_text_tit { font-size:22px; }
	p.bs_text_tit_sub { font-size:15px; line-height:22px; }
	p.bs_text { font-size:12px; line-height:18px; }

	p.bv_vision_tit { font-size:28px; line-height:1.2; letter-spacing:8px; }
	p.bv_text { font-size:12px; line-height:18px; }
	p.img_in_text span { font-size:5px; top:40%; line-height:13px;}
	p.img_in_text .it_1 { left:12.5%; }
	p.img_in_text .it_2 { left:41%; }
	p.img_in_text .it_3 { left:67.5%; }
	p.bv_text_tit { font-size:30px; }
	p.bv_text_tit_sub { font-size:15px; line-height:20px; }
	table.bv_corevalue .ftb_left { border-top:2px solid #e12f45; }
	table.bv_corevalue .ftb_right {  border-top:2px solid #e0e0e0; }
	table.bv_corevalue th {  font-size:13px; border-bottom:2px solid #e12f45; }
	table.bv_corevalue td { font-size:12px; line-height:18px; border-top:2px solid #e0e0e0; }
	
	.history_list > dt a.btn_toggle { left:12%; top:53%;  font-size:70%; }
	.history_list > dt h3{ left:12%; top:25%; font-size:24px; }
	.history_list > dt .hs_list_tit{; font-size:16px;  line-height:20px; }
	
	p.global_wrap_tit { font-size:20px; }
	table.gb_national { margin:7% 9.5% 14% 8%; }
	table.gb_national th{  font-size:18px; padding:8% 0 8% 2%; }
	table.gb_national td { font-size:11px; line-height:17px; }

}

@media screen and (max-width:360px){
	p.bs_text_tit { font-size:20px; }
	p.bs_text_tit_sub { font-size:13px; line-height:20px; }
	p.bs_text { font-size:10px; line-height:16px; }

	p.bv_vision_tit { font-size:25px; line-height:1.2; letter-spacing:8px; }
	p.bv_text { font-size:11px; line-height:18px; }
	p.img_in_text span { font-size:5px; top:40%; line-height:11px;}
	p.img_in_text .it_1 { left:17%; }
	p.img_in_text .it_2 { left:45.5%; }
	p.img_in_text .it_3 { left:72%; }
	p.bv_text_tit { font-size:26px; }
	p.bv_text_tit_sub { font-size:13px; line-height:20px; }

	.history_list > dt a.btn_toggle { left:12%; top:56%; font-size:50%; width:20%; }
	.history_list > dt h3{ left:12%; top:25%; font-size:24px; }
	.history_list > dt .hs_list_tit{; font-size:14px;  line-height:20px; }
	
	p.global_wrap_tit { font-size:18px; }
	table.gb_national { margin:7% 9.5% 14% 8%;  }
	table.gb_national th{  font-size:16px; padding:8% 0 8% 2%; }
	table.gb_national td { font-size:10px; line-height:15px; }

	
}