@charset "utf-8";
.banner_list { background:#fff;}
.banner_list_wrap { position:relative; max-width:720px; margin:0 auto; padding-bottom:40px; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box;}
.banner_list_wrap * { font-family:'Noto Sans KR'; text-align:center;}
/* 타이틀 */
.banner_list_wrap .banner_title { position:relative; padding:35px 0 15px; font-size:25px; font-weight:500; color:#000; line-height:1.2; letter-spacing:-2px;}
.banner_list_wrap .banner_title strong {color:#dd3d3d; letter-spacing:-2px;}
/* .banner_list_wrap .banner_title:before { content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:25px; background:#f7b400;} */
.black .banner_list_wrap .banner_title { position:relative; padding:40px 0 30px; font-size:23px; font-weight:700; color:#d40000; line-height:1.2; letter-spacing:-2px;}
.black .banner_list_wrap .banner_title strong {color:#202020; letter-spacing:-2px;}
.black .banner_list_wrap .banner_title:before { content:''; display:none;}
.job .banner_list_wrap .banner_title { position:relative; padding:40px 0 30px; font-size:23px; font-weight:700; color:#202020; line-height:1.2; letter-spacing:-2px;}
.job .banner_list_wrap .banner_title strong {color:#d40000; letter-spacing:-2px;}
.job .banner_list_wrap .banner_title:before { content:''; display:none;}

.banner_list_wrap .banner_list li { position:relative; height:95px; margin-top:5px;}
.banner_list_wrap .banner_list li:first-child { margin-top:0;}
.banner_list_wrap .banner_list li:after { content:''; display:block; clear:both;}

/* 배경 */
.banner_list_wrap .banner_list li.banner_bg_1 { background:#bbf9f7;}
.banner_list_wrap .banner_list li.banner_bg_2 { background:#d0bbf9;}
.seven .banner_list_wrap .banner_list li.banner_bg_1 { background:#bbd4f9;}
.cop .banner_list_wrap .banner_list li.banner_bg_1 { background:#f9bbf8;}
.cop .banner_list_wrap .banner_list li.banner_bg_2 { background:#bbe1f9;}
.fire .banner_list_wrap .banner_list li.banner_bg_1 { background:#f9bbbb;}
.fire .banner_list_wrap .banner_list li.banner_bg_2 { background:#f9e0bb;}
.post .banner_list_wrap .banner_list li.banner_bg_1 { background:#ffc5c5;}
.post .banner_list_wrap .banner_list li.banner_bg_2 { background:#bbf9d3;}
.black .banner_list_wrap .banner_list li.banner_bg_1 { background:#ffe5e1;}
.black .banner_list_wrap .banner_list li.banner_bg_2 { background:#d1e6ff;}
.job .banner_list_wrap .banner_list li.banner_bg_1 { background:#ffe5e1;}
.job .banner_list_wrap .banner_list li.banner_bg_2 { background:#d1e6ff;}

.banner_list_wrap .banner_list li a { position:absolute; display:block; padding:20px 0 0 28px; width:100%; height:100%; box-sizing:border-box;}
.banner_list_wrap .banner_list li a .bn_flag { float:left; display:table;  width:60px; height:60px; border-radius:50%; background:#fff;}
.banner_list_wrap .banner_list li a .bn_flag span { display:table-cell; vertical-align:middle; font-size:15px; font-weight:bold; letter-spacing:-1px;}
.banner_list_wrap .banner_list li a .bn_flag span.best { color:#ff0000;}
.banner_list_wrap .banner_list li a .bn_flag span.hot { color:#005aff;}
.black .banner_list_wrap .banner_list li a .bn_flag span.best { color:#de301e;}

.banner_list_wrap .banner_list li a .product_info { float:left; padding:0 0 0 20px; text-align:left;}
.banner_list_wrap .banner_list li a .product_info strong { display:block; margin-bottom: 4px; line-height:1; font-size:25px; color:#000; text-align:left; letter-spacing:-2px; font-weight:bold;}
.banner_list_wrap .banner_list li a .product_info span { display: inline-block; font-size: 12px; color:#187f7c; font-weight:400; letter-spacing:-1px; line-height:1.2;}
.banner_list_wrap .banner_list li.banner_bg_2 a .product_info span { color:#522d9c;}
.seven .banner_list_wrap .banner_list li a .product_info span { color:#2e5fa7;}
.cop .banner_list_wrap .banner_list li a .product_info span { color:#b031ae;}
.cop .banner_list_wrap .banner_list li.banner_bg_2 a .product_info span { color:#0f4364;}
.fire .banner_list_wrap .banner_list li a .product_info span { color:#bc1414;}
.fire .banner_list_wrap .banner_list li.banner_bg_2 a .product_info span { color:#aa8143;}
.post .banner_list_wrap .banner_list li a .product_info span { color:#bc1414;}
.post .banner_list_wrap .banner_list li.banner_bg_2 a .product_info span { color:#0a6e31;}
.black .banner_list_wrap .banner_list li a .product_info span { color:#905a52;}
.black .banner_list_wrap .banner_list li.banner_bg_2 a .product_info span { color:#4f75a2;}
.job .banner_list_wrap .banner_list li a .product_info span { color:#905a52;}
.job .banner_list_wrap .banner_list li.banner_bg_2 a .product_info span { color:#4f75a2;}

.banner_list_wrap .banner_list li a .tax_info { position:absolute; bottom:5px; right:10px; text-align:right; font-size:11px; color:#000; opacity:0.5; filter:alpha(opacity=50);}
@media only screen and (min-width: 720px) {
	.banner_list_wrap { padding-bottom:80px;}
	.banner_list_wrap .banner_title { padding:70px 0 30px; font-size:50px;}
	.banner_list_wrap .banner_title:before { height:50px;}
	.black .banner_list_wrap .banner_title,
	.job .banner_list_wrap .banner_title{ padding:80px 0 60px; font-size: 46px;}

	.banner_list_wrap .banner_list li { height:185px; margin-top:10px;}
	.banner_list_wrap .banner_list li a { padding:33px 0 0 56px;}
	.job .banner_list_wrap .banner_list li a { padding:33px 0 0 23px;}
	.banner_list_wrap .banner_list li a .bn_flag { width:120px; height:120px;}
	.banner_list_wrap .banner_list li a .bn_flag span { font-size:30px;}
	.banner_list_wrap .banner_list li a .product_info { padding:20px 0 0 56px;}
	.job .banner_list_wrap .banner_list li a .product_info { padding:20px 0 0 18px;}

	.banner_list_wrap .banner_list li a .product_info strong { margin-bottom:10px;font-size:50px;}
	.banner_list_wrap .banner_list li a .product_info span { font-size: 24px;}
	.banner_list_wrap .banner_list li a .tax_info { bottom:10px; right:20px; font-size:15px;}

	.job .banner_list_wrap .banner_list li a .product_info span { margin-bottom: 5px;}
}