/* 변형 (notice_bar 있을때) */ /* #main-news { padding:0 0px; margin-top:150px;} */ /* 기본 (notice_bar 없을때) */ #main-news { padding:0 0px; margin-top:120px;} #main-news .section01 { padding:40px 0px 0; background:#fff; } #main-news .section01 > ul { max-width:1210px; margin:0 auto; } #main-news .section01 > ul { display:table; width:100%; } #main-news .section01 > ul > li { display:table-cell; vertical-align:top; width:33.3%; } /* #main-news .section01 > ul > li.brief { padding:0 20px 0 0; } #main-news .section01 > ul > li.brief h4 { height:26px; font-size:24px; font-weight:bold; letter-spacing:-2px;} #main-news .section01 > ul > li.brief h4 a { float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:5px; } #main-news .section01 > ul > li.brief .list { border-top:solid 0px #99968a; border-bottom:solid 0px #e6e4df; padding-top:13px; } #main-news .section01 > ul > li.brief .list > li { display:table; margin-bottom:36px; } #main-news .section01 > ul > li.brief .list > li:last-child { margin-bottom:14px; } #main-news .section01 > ul > li.brief .list > li .img { display:table-cell; vertical-align:top;display:none; } #main-news .section01 > ul > li.brief .list > li .img img { width:78px;height:65px; } #main-news .section01 > ul > li.brief .list > li .desc { display:table-cell; vertical-align:top; padding:0px 0px 0 0px; } #main-news .section01 > ul > li.brief .list > li .desc h5 { font-size:14px; font-weight:normal; height:25px; line-height:25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; *display:block;letter-spacing:-0.5px;} #main-news .section01 > ul > li.brief .list > li .desc p { font-size:12px; display:block; color:#8d8d8d; margin-top:5px; height:40px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; *display:block;} #main-news .section01 > ul > li.brief .list > li .desc span { font-size:11px; display:block; color:#0099cc; margin-top:0px; font-weight:normal;} */ #main-news .section01 > ul > li.brief { padding:0 20px 0 0; } #main-news .section01 > ul > li.brief .margin_top { margin-top:40px;} #main-news .section01 > ul > li.brief .news h4 { height:40px; font-size:24px; font-weight:bold;letter-spacing:-2px;} #main-news .section01 > ul > li.brief .news h4 a { float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:5px; } #main-news .section01 > ul > li.brief .news .list { border:solid 1px #e6e4df; /* border-top:solid 3px #99968a;*/ background:#FFF; padding:13px; } #main-news .section01 > ul > li.brief .news .list > li { display:block; margin-top:0px; line-height:36px; height:36px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;border-bottom : 1px dotted #bbbbbb;} #main-news .section01 > ul > li.brief .news .list > li:last-child { border-bottom : 0px; } #main-news .section01 > ul > li.brief .news .list > li a { background:url(../images/community/icon_dot.png) no-repeat left center; padding-left:12px; font-size:13px; font-weight:normal;} #main-news .section01 > ul > li.brief .news .list > li .no { display:table-cell; vertical-align:middle; } #main-news .section01 > ul > li.brief .news .list > li .no span { display:block; border:solid 1px #e6e6e6; line-height:15px; font-size:12px; font-weight:bold; width:15px; text-align:center; color:#585858; } #main-news .section01 > ul > li.brief .news .list > li .desc { display:table-cell; vertical-align:top; padding:0px 5px 0 13px; } #main-news .section01 > ul > li.brief .news .list > li .desc h5 { font-size:13px; font-weight:bold; height:17px; line-height:17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;} #main-news .section01 > ul > li.brief .news .list > li .desc span { font-size:14px; display:block; color:#bdbdbd; margin-top:0px; } #main-news .section01 > ul > li.board { padding:0 20px 0 0; } #main-news .section01 > ul > li.board .news h4 { height:40px; font-size:24px; font-weight:bold;letter-spacing:-2px;} #main-news .section01 > ul > li.board .news h4 a { float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:5px; } #main-news .section01 > ul > li.board .news .list { border:solid 1px #e6e4df; /* border-top:solid 3px #99968a;*/ background:#FFF; padding:13px; } #main-news .section01 > ul > li.board .news .list > li { display:block; margin-top:0px; line-height:36px; height:36px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;border-bottom : 1px dotted #bbbbbb;} #main-news .section01 > ul > li.board .news .list > li:last-child { border-bottom : 0px; } #main-news .section01 > ul > li.board .news .list > li a { background:url(../images/community/icon_dot.png) no-repeat left center; padding-left:12px; font-size:13px; font-weight:normal;} #main-news .section01 > ul > li.board .news .list > li .no { display:table-cell; vertical-align:middle; } #main-news .section01 > ul > li.board .news .list > li .no span { display:block; border:solid 1px #e6e6e6; line-height:15px; font-size:12px; font-weight:bold; width:15px; text-align:center; color:#585858; } #main-news .section01 > ul > li.board .news .list > li .desc { display:table-cell; vertical-align:top; padding:0px 5px 0 13px; } #main-news .section01 > ul > li.board .news .list > li .desc h5 { font-size:13px; font-weight:bold; height:17px; line-height:17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;} #main-news .section01 > ul > li.board .news .list > li .desc span { font-size:14px; display:block; color:#bdbdbd; margin-top:0px; } #main-news .section01 > ul > li.board .policy { margin-top:42px; } #main-news .section01 > ul > li.board .policy h4 { height:40px; font-size:24px; font-weight:bold; letter-spacing:-2px;} #main-news .section01 > ul > li.board .policy h4 a { float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:5px; } #main-news .section01 > ul > li.board .policy .list { border:solid 1px #e6e4df; /* border-top:solid 3px #99968a;*/ background:#FFF; padding:13px; } #main-news .section01 > ul > li.board .policy .list > li { display:block; margin-top:0px; height:36px; line-height:36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;border-bottom : 1px dotted #bbbbbb;} #main-news .section01 > ul > li.board .policy .list > li:last-child { border-bottom : 0px dotted #bbbbbb;} #main-news .section01 > ul > li.board .policy .list > li a { background:url(../images/community/icon_dot.png) no-repeat left center; padding-left:12px; font-size:13px; font-weight:normal;} #main-news .section01 > ul > li.board .policy .list > li .no { display:table-cell; vertical-align:middle; } #main-news .section01 > ul > li.board .policy .list > li .no span { display:block; border:solid 1px #e6e6e6; line-height:15px; font-size:12px; font-weight:bold; width:15px; text-align:center; color:#585858; } #main-news .section01 > ul > li.board .policy .list > li .desc { display:table-cell; vertical-align:top; padding:0px 5px 0 13px; } #main-news .section01 > ul > li.board .policy .list > li .desc h5 { font-size:13px; font-weight:bold; height:17px; line-height:17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;} #main-news .section01 > ul > li.board .policy .list > li .desc span { font-size:14px; display:block; color:#bdbdbd; margin-top:0px; } #main-news .section01 > ul > li.board .region { margin-top:42px; } #main-news .section01 > ul > li.board .region h4 { height:40px; font-size:24px; font-weight:bold; letter-spacing:-2px;} #main-news .section01 > ul > li.board .region h4 a { float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:5px; } #main-news .section01 > ul > li.board .region .list { border:solid 1px #e6e4df; /* border-top:solid 3px #99968a;*/ background:#FFF; padding:13px; } #main-news .section01 > ul > li.board .region .list > li { display:block; margin-top:0px; height:36px; line-height:36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block; border-bottom : 1px dotted #bbbbbb;} #main-news .section01 > ul > li.board .region .list > li:last-child { border-bottom : 0px dotted #bbbbbb;} #main-news .section01 > ul > li.board .region .list > li a { background:url(../images/community/icon_dot.png) no-repeat left center; padding-left:12px; font-size:13px; font-weight:normal;} #main-news .section01 > ul > li.board .region .list > li .no { display:table-cell; vertical-align:middle; } #main-news .section01 > ul > li.board .region .list > li .no span { display:block; border:solid 1px #e6e6e6; line-height:15px; font-size:12px; font-weight:bold; width:15px; text-align:center; color:#585858; } #main-news .section01 > ul > li.board .region .list > li .desc { display:table-cell; vertical-align:top; padding:0px 5px 0 13px; } #main-news .section01 > ul > li.board .region .list > li .desc h5 { font-size:13px; font-weight:bold; height:17px; line-height:17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;} #main-news .section01 > ul > li.board .region .list > li .desc span { font-size:14px; display:block; color:#bdbdbd; margin-top:0px; } #main-news .section01 > ul > li.community { border: 3px solid #555; background:#f8f8f8;box-sizing : border-box;max-width:403px;} #main-news .section01 > ul > li.community .notice h4 { height:40px; line-height:40px;font-size:18px; font-weight:normal; letter-spacing:-2px;background:#555; color:#ffed00;padding-left:10px;} #main-news .section01 > ul > li.community .notice h4 a { float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:10px; } #main-news .section01 > ul > li.community .notice .list { border:solid 0px #e6e4df; /* border-top:solid 3px #99968a;*/ /* background:#eee; */ padding:13px; } #main-news .section01 > ul > li.community .notice .list > li { display:table; margin-top:0px; line-height:35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;border-bottom : 0px dotted #bbbbbb;} #main-news .section01 > ul > li.community .notice .list > li:last-child { border-bottom : 0px dotted #bbbbbb;} /* #main-news .section01 > ul > li.community .notice .list > li a { background:url(../images/community/icon_dot.png) no-repeat left center; padding-left:12px; font-size:13px; font-weight:normal;} */ #main-news .section01 > ul > li.community .notice .list > li a { padding-left:5px; font-size:14px; font-weight:normal;} #main-news .section01 > ul > li.community .notice .list > li .no { display:table-cell; vertical-align:middle; } #main-news .section01 > ul > li.community .notice .list > li .no span { display:block; border:solid 1px #e6e6e6; line-height:15px; font-size:12px; font-weight:bold; width:15px; text-align:center; color:#585858; } #main-news .section01 > ul > li.community .notice .list > li .desc { display:table-cell; vertical-align:top; padding:0px 5px 0 13px; } #main-news .section01 > ul > li.community .notice .list > li .desc h5 { font-size:13px; font-weight:bold; height:17px; line-height:17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;} #main-news .section01 > ul > li.community .notice .list > li .desc span { font-size:14px; display:block; color:#bdbdbd; margin-top:0px; } #main-news .section01 > ul > li.community .event { margin-top:10px;width:100%;/* background:#888;*/} /* #main-news .section01 > ul > li.community .event h4 { height:40px; font-size:24px; font-weight:bold; letter-spacing:-2px;} */ #main-news .section01 > ul > li.community .event h4 { height:40px; line-height:40px;font-size:18px; font-weight:normal; letter-spacing:-2px;background:#555; color:#ffed00;padding-left:10px;} #main-news .section01 > ul > li.community .event h4 .cursor { float:right; } #main-news .section01 > ul > li.community .event h4 .cursor ul > li { background:url(../images/main/cursor01.png) no-repeat; width:13px; height:12px; display:inline-block; zoom:1; *display:inline; } #main-news .section01 > ul > li.community .event h4 .cursor ul > li.cur { background:url(../images/main/cursor01_over.png) no-repeat; } #main-news .section01 > ul > li.community .event h4 a { float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:10px; } #main-news .section01 > ul > li.community .event .slide { display:table; margin-top:0px; /* background:#f5f5ef;*/ border:0px solid #dddddd;} #main-news .section01 > ul > li.community .event .slide .img { display:table-cell; vertical-align:top;width:60px;height:60px; background-size:contain;border:1px solid #dddddd;box-sizing : border-box;} #main-news .section01 > ul > li.community .event .slide .img img { border:solid 1px #e6e4df; width:60px; height:60px;} #main-news .section01 > ul > li.community .event .slide .desc { display:table-cell; vertical-align:top; padding:0px 5px 0 10px; } #main-news .section01 > ul > li.community .event .slide > li { position:relative; cursor:pointer;padding:11px;/* background:#888;*/ padding-bottom:0px;} /* #main-news .section01 > ul > li.community .event .slide > li:last-child { padding-bottom:11px;} */ #main-news .section01 > ul > li.community .event .slide > li span { font-size:16px; display:block; color:#000; margin-top:0px; line-height:30px;font-weight:bold;letter-spacing:-1px;} #main-news .section01 > ul > li.community .event .slide > li span.club_name { font-size:16px; display:block; color:#000; margin-top:0px; line-height:25px;font-weight:bold;letter-spacing:-1px;} #main-news .section01 > ul > li.community .event .slide > li span.club_info { font-size:11px; display:block; color:#444; margin-top:0px; line-height:20px;font-weight:normal;letter-spacing:-1px;} #main-news .section01 > ul > li.community .event .slide > li span.club_desc { font-size:12px; display:block; color:#222; margin-top:0px; line-height:20px;font-weight:normal;letter-spacing:-1px;} #main-news .section01 > ul > li.community .event .slide > li h5 { font-size:13px; font-weight:bold; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; *display:block;letter-spacing:-1px;} #main-news .section01 > ul > li.community .event .slide > li h5 a { font-size:14px; letter-spacing:-1px;color:#FFF;} #main-news .section01 > ul > li.community .event .slide > li p { font-size:12px; display:block; color:#8d8d8d; margin-top:8px; height:60px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; *display:block;letter-spacing:-0.5px;letter-spacing:-0.5px;} #main-news .section01 > ul > li.community .schedule { margin-top:0px; } /* #main-news .section01 > ul > li.community .schedule h4 { height:40px; font-size:24px; font-weight:bold; letter-spacing:-2px;} */ #main-news .section01 > ul > li.community .schedule h4 { height:40px; line-height:40px;font-size:18px; font-weight:normal; letter-spacing:-2px;background:#555; color:#ffed00;padding-left:10px;} #main-news .section01 > ul > li.community .schedule h4 a { float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:10px; } #main-news .section01 > ul > li.community .schedule .cal { border:solid 1px #e6e4df; /* border-top:solid 3px #99968a;*/ background:#fcfcfa; padding:0 10px 10px 14px; } #main-news .section01 > ul > li.community .schedule .cal .head { display:table; width:100%; line-height:40px; } #main-news .section01 > ul > li.community .schedule .cal .head li { display:table-cell; text-align:center; font-size:15px; font-weight:bold; } #main-news .section01 > ul > li.community .schedule .cal .head li:first-child { width:20px; text-align:left;} #main-news .section01 > ul > li.community .schedule .cal .head li:last-child { width:20px; text-align:right;} #main-news .section01 > ul > li.community .schedule .cal table { width:100%; background:#fff; } #main-news .section01 > ul > li.community .schedule .cal table thead th { font-size:12px; font-weight:bold; text-align:center; vertical-align:middle; height:32px; border-top:solid 1px #e6e4df; border-bottom:solid 1px #e6e4df; } #main-news .section01 > ul > li.community .schedule .cal table thead th:first-child { color:#ff0024; border-left:solid 1px #e6e4df;} #main-news .section01 > ul > li.community .schedule .cal table thead th:last-child { color:#008aff; border-right:solid 1px #e6e4df;} #main-news .section01 > ul > li.community .schedule .cal table tbody td { font-size:12px; font-weight:bold; text-align:center; vertical-align:middle; height:38px; border:solid 1px #e6e4df; } #main-news .section01 > ul > li.community .schedule .cal table tbody td:first-child { color:#ff0024; } #main-news .section01 > ul > li.community .schedule .cal table tbody td:last-child { color:#008aff; } #main-news .section01 > ul > li.community .schedule .cal table tbody td.cur { border-bottom:solid 3px #fdd001; } #main-news .section01 > ul > li.community .schedule .cal table tbody td.today { background:#e6e4df; } #main-news .section01 > ul > li.community .schedule .cal .foot { display:table; width:100%; line-height:40px; } #main-news .section01 > ul > li.community .schedule .cal .foot li { display:table-cell; text-align:center; } #main-news .section01 > ul > li.community .schedule .cal .foot li span { display:block; padding:0 5px; text-align:center; font-size:13px; font-weight:bold; line-height:30px; height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;} #main-news .section01 > ul > li.community .schedule .cal .foot li:first-child { width:20px; text-align:left;} #main-news .section01 > ul > li.community .schedule .cal .foot li:last-child { width:20px; text-align:right;} #main-news .section02 { padding:90px 0px; background:#f8f8f2; margin-top:20px; background:#ffed00;} #main-news .section02 > ul { max-width:1210px; margin:0 auto; } #main-news .section02 > ul { display:table; width:100%; } #main-news .section02 > ul > li { display:table-cell; vertical-align:top; width:33.3%; } #main-news .section02 > ul > li.photo { padding:0 20px 0 0; } #main-news .section02 > ul > li.photo .box h4 { height:45px; line-height:45px;font-size:21px; font-weight:bold;letter-spacing:-2px; color:#FFF;} #main-news .section02 > ul > li.photo .box h4 a { display:none;float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:5px; } #main-news .section02 > ul > li.photo .box h4 i { font-size:35px;margin-right:5px; color:#ffde66;} #main-news .section02 > ul > li.photo .box ul { border:solid 0px #e6e4df; /* border-top:solid 3px #99968a;*/ /* background:#fcfcfa;*/ padding:0px 0px 10px 0px; } #main-news .section02 > ul > li.photo .box ul > li { float:left; width:50%; padding:10px 0 0 0; text-align:center; } #main-news .section02 > ul > li.photo .box ul > li img { width:95%; height:135px !important; } #main-news .section02 > ul > li.mov { padding:0 20px 0 0; } #main-news .section02 > ul > li.mov .box h4 { height:45px; line-height:45px;font-size:21px; font-weight:bold;letter-spacing:-2px;color:#FFF; } #main-news .section02 > ul > li.mov .box h4 a { display:none; float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:5px; } #main-news .section02 > ul > li.mov .box h4 i { font-size:35px;margin-right:5px;color:#ffde66;} #main-news .section02 > ul > li.mov .box ul { border:solid 0px #e6e4df; /* border-top:solid 3px #99968a;*/ /* background:#fcfcfa;*/ padding:0px 0px 10px 0px; } #main-news .section02 > ul > li.mov .box ul > li { float:left; width:50%; padding:10px 0 0 0; text-align:center; } #main-news .section02 > ul > li.mov .box ul > li img { width:95%; height:135px !important; } #main-news .section02 > ul > li.campaign { padding:0 0 0 0; } #main-news .section02 > ul > li.campaign .box h4 { height:45px; line-height:45px;font-size:21px; font-weight:bold;letter-spacing:-2px;color:#FFF; } #main-news .section02 > ul > li.campaign .box h4 a { display:none;float:right; font-size:12px; line-height:17px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; } #main-news .section02 > ul > li.campaign .box h4 i { font-size:35px;margin-right:5px;color:#ffde66;} #main-news .section02 > ul > li.campaign .box .item { border:solid 0px #e6e4df; /* border-top:solid 3px #99968a;*/ /* background:#fcfcfa;*/ padding:10px 0px 10px 0px; cursor:pointer;} #main-news .section02 > ul > li.campaign .box .item .img{ width:100%;height:225px;} #main-news .section02 > ul > li.campaign .box .item .subject { display:block; height:27px; font-size:16px; font-weight:bold; padding-top:12px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block; } /* #main-news .section02 > ul > li.campaign .box .item img { width:100%; height:auto !important; } */ /* #main-news .section02 > ul > li.campaign .box .item img { width:100%; height:auto !important; } */ #main-news .section02 > ul > li.campaign .box .item img { width:360px; height:223px !important; } @media all and (max-width: 900px) { #main-news .section01 > ul { display:block; } #main-news .section01 > ul > li { display:block; } #main-news .section01 > ul > li.brief { width:auto; clear:both; padding:0 10px 0 10px; } #main-news .section01 > ul > li.board { width:auto; clear:both; padding-top:10px; padding:0 10px 0 10px; margin-top:30px;} #main-news .section01 > ul > li.community { width:auto; clear:both; /* padding-top:10px; padding:0 10px 0 10px; */ margin-top:30px;max-width:100%;margin:10px;} #main-news .section02 > ul { display:block; } #main-news .section02 > ul > li { display:block; } #main-news .section02 > ul > li.photo { width:auto; clear:both; padding:0 10px 0 10px;} #main-news .section02 > ul > li.mov { width:auto; clear:both; padding:30px 10px 0 10px;} #main-news .section02 > ul > li.campaign { width:auto; clear:both; padding:30px 10px 0 10px;} #main-news .section01 > ul > li.community .event { margin-top:16px; width:100%;padding:30px 10px 0 0px;} #main-news .section01 > ul > li.community .event .slide { width:100% !important;} #main-news .section01 > ul > li.community .event .slide > li { width:100% !important;} } @media all and (max-width: 640px) { #main-news .section01 { margin-top:-17px; padding:0px; } #main-news .section02 > ul > li.campaign .box .item img { width:100%; height:auto !important; } }