/* banner */
#banner {height:200px;}
.banner {background:url(../images/bg_banner_navercomment-min3.jpg) center top no-repeat;height: inherit;background-color:#eee;}
#banner h2 {text-align: center; font-size: 40px; line-height: 50px; color: #fff; font-weight: bold; padding-top:40px;
    font-family: "Roboto", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif;
    text-shadow: 3px 3px 2px #333;}
#banner h3 {text-align: center; font-size: 15px; line-height: 22px; color: #fff; 
    font-family: "Roboto", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif;
    text-shadow: 1px 1px 1px #333;padding: 5px 10px 0 10px; }
#banner p {text-align: center; font-size: 26px; line-height: 50px; color: #fff; font-weight: normal; margin-top:-5px;
    font-family: "Roboto", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif;}
#banner .banner_icon {position: absolute;left: 0;bottom: 0;width: 100%;height: 67px;background-color: rgba(215,94,80,0.6);}
#banner .banner_icon ul {overflow:hidden;}
#banner .banner_icon li {float: left;width: 12.5%; text-align: center;}
#banner .banner_icon li a {display: block;color:#fff;margin-top:12px;}
#banner .banner_icon li a i {font-size: 20px;}
#banner .banner_icon li a span {display: block}

/* contents */
.contents1 {padding:30px 0 40px;}
.contents1 h2 {font-weight: bold; font-size: 26px; line-height: 30px; color: #333; letter-spacing: 0.025em; 
    font-family: "Roboto", Malgun Gothic, "맑은 고딕", Dotum, "돋움", sans-serif;text-align:center;}
.contents1 h3 { display: inline-block; position: relative; margin: 4px 0 5px 0; width: 100%; font-weight: bold; 
    font-size: 16px; letter-spacing: -0.075em; color: #222; line-height: 24px;}
.contents1 > p {color:#666;margin-top: 20px;text-align:center;}

.contents1 .unfair_desc { padding: 14px 10px; border: 1px solid #ddd; }
.contents1 .unfair_desc span{font-size:13px;color:#555;line-height:24px}
.contents1 .unfair_desc dl{margin-top:24px}
.contents1 .unfair_desc dt,.unfair_desc dd{font-size:13px;color:#555;line-height:24px}
.contents1 .unfair_desc dt{font-weight:bold}
.contents1 .unfair_desc .responsive-table{margin-top:15px}
.contents1 .unfair_desc em{display:block;margin-top:27px;font-size:13px;color:#464e6b;line-height:24px}
.contents1 .agree_chk {display:block;margin-top:15px}
.contents1 .agree_chk input[type="checkbox"]{width:18px;height:18px;margin:0 8px 0 0;vertical-align:middle}
.contents1 .agree_chk label{margin-bottom:0;font-size:13px;font-weight:normal;color:#555;line-height:18px}

.contents1 .navi_box {}
.contents1 .navi_box .navi {background:#fff;overflow:hidden;border-bottom:1px solid #858585;}
.contents1 .navi_box .navi li {text-align:center;float:left;width:33.3%;box-sizing:background-color:#fff;border:1px solid #ddd;box-sizing: border-box;padding:10px;}
.contents1 .navi_box .navi li a {color:#333;font-weight:bold;font-size:12px;}
.contents1 .navi_box .navi li.on {background-color:#EA5D4B;border:1px solid #EA5D4B;color:#fff;font-weight:bold;}
.contents1 .navi_box .navi li.on a {color:#fff;font-weight:bold;}

body::after{
	/* 소스만 다운받고 화면은 나태내지 않는다. (숨김 처리) */
    position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    /* load images */
    content:url(../images/bg_banner_navercomment-min3.jpg); /* 필요한 이미지 소스들 다운 */
}