@charset 'utf-8';

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

section.ss_intro02 { position:relative; background:url('../img/supersteam/title_bg.jpg') repeat; }
section.ss_intro02 p { text-align:center; }
section.ss_intro02 img { width:100%; }

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

section.ss_intro04 { position:relative; background:#000; }
section.ss_intro04 p { text-align:center; }
section.ss_intro04 img { width:100%; }

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

section.ss_intro06 { position:relative; background:#000; }
section.ss_intro06 p { text-align:center; }
section.ss_intro06 img { width:100%; }

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

section.ss_intro08 { position:relative; background:url('../img/supersteam/title_bg.jpg') repeat; }
section.ss_intro08 p { text-align:center; }
section.ss_intro08 img { width:100%; }

section.ss_intro09 { position:relative; }

section.ss_intro09 img { width:100%; }

section.ss_intro10 { position:relative; background:#fff; }


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

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

section.ss_intro13 { position:relative; background:url('../img/supersteam/title_bg.jpg') repeat; }
section.ss_intro13 p { text-align:center; }
section.ss_intro13 img { width:100%; }

section.ss_intro14 { position:relative; background:url('../img/supersteam/bg14.jpg') repeat; }
section.ss_intro14 p { text-align:center; }
section.ss_intro14 img { width:100%; }

section.ss_intro15 { position:relative; background:url('../img/supersteam/bg15.jpg') repeat; }
section.ss_intro15 p { text-align:center; }
section.ss_intro15 img { width:100%; }

section.ss_intro16 { position:relative; background:url('../img/supersteam/bg16.jpg') repeat; }
section.ss_intro16 p { text-align:center; }
section.ss_intro16 img { width:100%; }

section.ss_intro17 { position:relative; background:url('../img/supersteam/bg17.jpg') repeat; }
section.ss_intro17 p { text-align:center; }
section.ss_intro17 img { width:100%; }

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

.brand_vision_section { position:relative; }
.brand_vision_section img { width:100%; }

/*수상내역 리스트*/
.award_list { overflow:hidden; padding:7%; }
.award_list_tit { font-size:28px; font-weight:bold; color:#333; padding-bottom:5%;  }
.award_list ul li{ overflow:hidden; text-align:center; }
.award_list ul li dl { float:left; overflow:hidden; width:20%; padding:2%; }
.award_list ul li dl dt{  }
.award_list ul li dl dd{ font-size:13px; color:#666; line-height:16px; padding-bottom:2%; }

/* 피스 리스트*/
.ss_intro10 h2 {font-size:47px;}
.red { color:#ff0000; }
.pieces_wrap_tit { font-size:38px; font-weight:bold; padding:5% 0 0 8%; color:#333; line-height:44px; }
.piece_list { overflow:hidden; }
.piece_list div {  }
.piece_list div:after { display:block; content:""; clear:both; }
.piece_list dl { width: 20%; margin-left:10%; margin-bottom:3%; }
.piece_list dt { width:100%; }
.piece_list dt img{ width:100%; }
.piece_list dd { width:100%; text-align:center;}
.piece_list dl { display:inline-table; }

.piece_list div p { border-bottom:2px solid #df3243; background:url('../img/products/shape_tit_icon.png') 7% 55% no-repeat; background-size:8.5%; color:#df3243; font-size:24px; margin:5% 0 5% 0; font-weight:bold; line-height:55px; padding-left:16%; position:relative; }
.piece_list div p span { position:absolute; bottom:-9px; left:90px;height: 9px; }
.piece_list div dd { font-size:14px; margin-bottom:5px; }
.piece_list div dt { position:relative; }
.basic .pieces_tit,
.basic .pieces_tit span { background-color:#f7901e; }
.basic dd { color:#666; }
.acc .pieces_tit,
.acc .pieces_tit span { background-color:#f7901e; }
.acc dd { color:#666; }
.rc .pieces_tit,
.rc .pieces_tit span { background-color:#20bdbe; }
.rc dd { color:#20bdbe; }
.led .pieces_tit,
.led .pieces_tit span { background-color:#97c93c; }
.led dd { color:#97c93c; }
.mb .pieces_tit,
.mb .pieces_tit span { background-color:#6fa4d8; }
.mb dd { color:#6fa4d8; }
.pb .pieces_tit,
.pb .pieces_tit span { background-color:#00aeef; }
.pb dd { color:#00aeef; }
.ab .pieces_tit,
.ab .pieces_tit span { background-color:#aa6bac; }
.ab dd { color:#aa6bac; }
.new{ position:absolute; left:10%; top:8%; background-size:10%; display:block; background:url('../img/pieces/icon_new.png')0px 0px no-repeat; width:48px; height:48px; z-index:5;}
.new_bg { background:url('../img/pieces/bg_new.png') center center no-repeat; background-size:100%; }
.fw_bold { font-weight:bold; }


/*홈쇼핑*/
.homeshopping_txt { background:url('../img/main/icon_tv.png') 0 6px no-repeat; background-size:20px; color:#df3243; display:table; font-size:14px; padding:10px 0 10px 22px;margin:0 auto; margin-bottom:20px; max-width:80%; }

@media screen and (max-width:640px) {
	.new{ left:10%; top:8%; background-size:80%;}

	.award_list_tit { font-size:24px; }
	.award_list ul li dl dd{ font-size:14px; }

	.pieces_wrap_tit{ font-size:33px; line-height:40px; }
	.piece_list div p { font-size:24px;line-height:55px; }
}

@media screen and (max-width:550px) {
	.new{ left:10%; top:8%; background-size:70%;}

	.award_list_tit { font-size:22px; }
	.award_list ul li dl dd{ font-size:11px; line-height:13px; }

	.pieces_wrap_tit{ font-size:30px; line-height:38px; }
	.piece_list div p { font-size:22px;line-height:55px; }
	.piece_list div dd { font-size:13px;}
}

@media screen and (max-width:480px) {
	.new{ left:10%; top:8%; background-size:70%;}

	.award_list_tit { font-size:20px; }
	.award_list ul li dl dd{ font-size:10px; line-height:12px;}

	.pieces_wrap_tit{ font-size:28px; line-height:36px; }
	.piece_list div p { font-size:20px;line-height:55px; }
	.piece_list div dd { font-size:12px; }
}

@media screen and (max-width:400px) {
	.new{ left:8%; top:8%; background-size:50%;}

	.award_list_tit { font-size:18px; }
	.award_list ul li dl dd{ line-height:11px; }

	.pieces_wrap_tit{ font-size:26px; line-height:34px; }
	.piece_list div p { font-size:16px;line-height:55px; }
	.piece_list div dd { font-size:11px;}
}

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

	.award_list_tit { font-size:16px; }
	.award_list ul li dl dd{ line-height:10px; }

	.pieces_wrap_tit{ font-size:24px; line-height:32px; }
	.piece_list div p { font-size:14px;line-height:50px; }
	.piece_list div dd { font-size:10px; }
}