@import url(loginbox.css); /* 변형 (notice_bar 있을때) */ /* #main-region { padding:0 0px; margin-top:130px;} */ /* 기본 (notice_bar 없을때) */ #main-region { padding:0 0px; margin-top:100px;} #main-region .section01 { padding:20px 10px; background:#fff; border-bottom:solid 1px #e6e5df; } #main-region .section01 > ul { max-width:1190px; margin:0 auto; } #main-region .section01 > ul { display:table; width:100%; } #main-region .section01 > ul > li { display:table-cell; vertical-align:top; } #main-region .section01 > ul > li.loginset { padding:0 16px;border:1px solid #e6e4df;} #main-region .section01 > ul > li.space { width:20px; } #main-region .section01 > ul > li.hotpost ul { height:350px; overflow:hidden; position:relative; } #main-region .section01 > ul > li.hotpost ul > li { position:relative; } #main-region .section01 > ul > li.hotpost ul > li a { position:absolute; top:0px; left:50%; margin-left:-292px; } #main-region .section01 div.hotpost .slide img { width:909px;height:450px;} #main-region .section01 > ul > li.board { width:247px; border:solid 1px #e6e4df; padding:0 16px; } #main-region .section01 > ul > li.board .notice { margin-top:2px; } #main-region .section01 > ul > li.board .notice h4 { height:40px; line-height:40px; font-size:18px; font-weight:bold; border-bottom:solid 1px #eee;letter-spacing:-1.5px; } #main-region .section01 > ul > li.board .notice h4 a { float:right; font-size:12px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; } #main-region .section01 > ul > li.board .notice ul > li { display:block; margin-top:0px; line-height:28px;height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block; } #main-region .section01 > ul > li.board .notice ul > li a { background:url(../images/main/bullet01.png) no-repeat 5px center; padding-left:14px; font-size:13px; font-weight:normal; color:#66635c; letter-spacing:-0.5px;} #main-region .section01 > ul > li.board .brief { margin-top:20px; } #main-region .section01 > ul > li.board .brief h4 { height:40px; line-height:40px; font-size:18px; font-weight:bold; border-bottom:solid 1px #eee;letter-spacing:-1.5px; } #main-region .section01 > ul > li.board .brief h4 a { float:right; font-size:12px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; } #main-region .section01 > ul > li.board .brief ul > li { display:block; margin-top:0px; line-height:28px;height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block; } #main-region .section01 > ul > li.board .brief ul > li a { background:url(../images/main/bullet01.png) no-repeat 5px center; padding-left:14px; font-size:13px; font-weight:normal; color:#66635c; letter-spacing:-0.5px;} /* #main-region .section01 > ul > li.loginset { width:247px; border:solid 1px #e6e4df; padding:0 16px; } #main-region .section01 > ul > li.loginset .loginbox { padding-bottom:10px; } #main-region .section01 > ul > li.loginset .loginbox h4 { height:52px; line-height:52px; font-size:15px; font-weight:bold; } #main-region .section01 > ul > li.loginset .loginbox h4 span { float:right; font-size:14px; font-weight:bold; color:#a1a19d; } #main-region .section01 > ul > li.loginset .loginbox h4 span input { vertical-align:middle; margin-top:-1px; } #main-region .section01 > ul > li.loginset .loginbox .form input { border:solid 1px #e6e4df; padding:0px; height:38px; line-height:38px; text-indent:33px; width:100%; margin-bottom:10px; font-size:14px; font-weight:bold; } #main-region .section01 > ul > li.loginset .loginbox .form input[name=id] { background:url(../images/main/f_id_icon.png) no-repeat 10px center; } #main-region .section01 > ul > li.loginset .loginbox .form input[name=pwd] { background:url(../images/main/f_pwd_icon.png) no-repeat 10px center; } #main-region .section01 > ul > li.loginset .loginbox .btn { height:40px; } #main-region .section01 > ul > li.loginset .loginbox .btn > li { float:left; width:50%; text-align:right; } #main-region .section01 > ul > li.loginset .loginbox .btn > li a { display:inline-block; zoom:1; *display:inline; background:#99968a; color:#fff; font-size:17px; font-weight:bold; height:40px; line-height:40px; width:98%; text-align:center; } #main-region .section01 > ul > li.loginset .loginbox .btn > li:first-child { text-align:left;} #main-region .section01 > ul > li.loginset .loginbox .btn > li:first-child a { background:#ffed00; color:#000;} */ /*로그인박스-로그인후*/ /* #main-region .section01 > ul > li.loginset .loginbox2 { padding-bottom:10px; } #main-region .section01 > ul > li.loginset .loginbox2 h4 { height:30px; padding-top:12px; font-size:17px; font-weight:bold; border-bottom:solid 1px #e6e4df; } #main-region .section01 > ul > li.loginset .loginbox2 h4 a { float:right; font-size:12px; font-weight:bold; color:#fff; background:#99968a; display:block; padding:2px 5px; border-radius:4px; } #main-region .section01 > ul > li.loginset .loginbox2 > ul li { border-bottom:solid 1px #e6e4df; padding:10px 0 10px 0; font-size:14px; font-weight:bold; } #main-region .section01 > ul > li.loginset .loginbox2 > ul li:last-child { border-bottom:none; padding-bottom:0px; } #main-region .section01 > ul > li.loginset .loginbox2 > ul li.board label.msg { background:url(../images/commons/icon_msg.png) no-repeat left center; padding-left:22px; margin-right:10px; } #main-region .section01 > ul > li.loginset .loginbox2 > ul li.board label.reply { background:url(../images/commons/icon_reply.png) no-repeat left center; padding-left:22px; } #main-region .section01 > ul > li.loginset .loginbox2 > ul li.board label .cnt { display:inline-block; zoom:1; *display:inline; background:#ffed00; padding:3px 8px; border-radius:4px; font-size:12px; line-height:12px; margin-left:4px; } #main-region .section01 > ul > li.loginset .loginbox2 > ul li.mypage a { background:url(../images/commons/icon_mypage.png) no-repeat left center; padding-left:22px; } #main-region .section01 > ul > li.loginset .loginbox2 > ul li.club select { border:solid 1px #ccc8b8; height:22px; } */ #main-region .section01 > ul > li.loginset .banner { width:247px;border:solid 1px #e6e4df;margin-top:5px; } #main-region .section01 > ul > li.loginset .banner img{ width:100%;height:78px;border:solid 0px #e6e4df; } #main-region .section01 > ul > li.loginset .notice { margin-top:2px; } #main-region .section01 > ul > li.loginset .notice h4 { height:40px; line-height:40px; font-size:18px; font-weight:bold; border-bottom:solid 1px #eee;letter-spacing:-1.5px; } #main-region .section01 > ul > li.loginset .notice h4 a { float:right; font-size:12px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; } #main-region .section01 > ul > li.loginset .notice ul > li { display:block; margin-top:0px; line-height:28px;height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block; } #main-region .section01 > ul > li.loginset .notice ul > li a { background:url(../images/main/bullet01.png) no-repeat 5px center; padding-left:14px; font-size:13px; font-weight:normal; color:#66635c; letter-spacing:-0.5px;} #main-region .section02 { padding:50px 0px; background:#f7f6f0; border-bottom:solid 1px #e6e5df; } #main-region .section02 > ul.inner { max-width:1190px; margin:0 auto; display:table; width:100%; } #main-region .section02 > ul.inner > li { display:table-cell; width:33.3%; vertical-align:top; } #main-region .section02 > ul.inner > li.community { padding-right:10px;} #main-region .section02 > ul.inner > li.community .box { margin:0 auto; border:solid 1px #e6e4df; border-top:solid 5px #ffed00; padding:0px 9px 0 9px; background:#fff;height:331px; } #main-region .section02 > ul.inner > li.community h5 { line-height:20px; font-size:18px; font-weight:bold; padding-bottom:12px; } #main-region .section02 > ul.inner > li.community h5 a { float:right; font-size:12px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; margin-top:3px; } #main-region .section02 > ul.inner > li.community .map {} #main-region .section02 > ul.inner > li.community .map #map { width:360px;display:block; position:relative; height:250px; overflow:hidden; } #main-region .section02 > ul.inner > li.community .map .marker { font-size:14px !important;width:250px;padding:5px;text-overflow:ellipsis;} #main-region .section02 > ul.inner > li.community .map .marker a h4 { font-size:12px;font-weight:bold;} #main-region .section02 > ul.inner > li.community .map .marker a p { font-size:11px;font-weight:normal;} #main-region .section02 > ul.inner > li.community .map .marker a p.date { color:#0099cc;font-weight:bold;} /* #main-region .section02 > ul.inner > li.community .notice { margin-top:2px; } #main-region .section02 > ul.inner > li.community .notice h4 { height:40px; line-height:40px; font-size:18px; font-weight:bold; border-bottom:solid 1px #eee;letter-spacing:-1.5px; } #main-region .section02 > ul.inner > li.community .notice h4 a { float:right; font-size:12px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; } #main-region .section02 > ul.inner > li.community .notice ul > li { display:block; margin-top:0px; 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-region .section02 > ul.inner > li.community .notice ul > li a { background:url(../images/main/bullet01.png) no-repeat 5px center; padding-left:14px; font-size:14px; font-weight:normal; color:#66635c; letter-spacing:-0.5px;} */ #main-region .section02 > ul.inner > li.community .brief { margin-top:0px; } #main-region .section02 > ul.inner > li.community h4 { height:50px; line-height:50px; font-size:24px; font-weight:bold; border-bottom:solid 1px #eee;letter-spacing:-2px; } #main-region .section02 > ul.inner > li.community h4 a { float:right; font-size:12px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; } #main-region .section02 > ul.inner > li.community ul > li { display:block; margin-top:0px; 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-region .section02 > ul.inner > li.community ul > li a { background:url(../images/main/bullet01.png) no-repeat 5px center; padding-left:14px; font-size:14px; font-weight:normal; color:#66635c; letter-spacing:-0.5px;} #main-region .section02 > ul.inner > li.community .desc { display:block; } #main-region .section02 > ul.inner > li.community .desc ul { padding:8px 0 18px 0; } #main-region .section02 > ul.inner > li.community .desc ul > li { border-bottom:1px dotted #ccc; display:block; padding:0px 0 2px 2px; height:35px; display:block; text-overflow: ellipsis; overflow: hidden;} #main-region .section02 > ul.inner > li.community .desc ul > li:last-child { border-bottom:0px dotted #ccc;} #main-region .section02 > ul.inner > li.community .desc ul > li label { background:#808080; color:#f7f6f0; font-size:14px; font-weight:bold; padding:2px 5px; border-radius:4px; margin:0 5px 0 2px; } #main-region .section02 > ul.inner > li.community .desc ul > li a { font-size:14px; font-weight:normal; line-height:35px;letter-spacing:-0.5px;} #main-region .section02 > ul.inner > li.community .desc ul > li a:hover { color:#cc0066; } #main-region .section02 > ul.inner > li.community .desc ul > li a span { font-size:10px; font-weight:normal; } #main-region .section02 > ul.inner > li.community .desc ul > li a i { font-size:22px;} #main-region .section02 > ul > li.board { padding:0 10px; } #main-region .section02 > ul > li.board .notice { border:solid 1px #e6e4df; border-top:solid 5px #99968a; padding:0px 0px 0 0px; background:#fff;height: 330px; } #main-region .section02 > ul > li.board .notice h4 { font-size:24px; font-weight:bold; padding:0 10px; letter-spacing:-2px;height:50px; line-height:50px;} #main-region .section02 > ul > li.board .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; } #main-region .section02 > ul > li.board .notice .tab { display:table; width:100%; border-top:solid 1px #e6e4df; border-bottom:solid 1px #e6e4df; margin-top:0px; } #main-region .section02 > ul > li.board .notice .tab > li { display:table-cell; width:25%; text-align:center; padding:10px 3px; border-bottom:solid 3px #fff;cursor:pointer; } #main-region .section02 > ul > li.board .notice .tab > li a { font-size:14px; font-weight:bold; color:#b4b3b1; } #main-region .section02 > ul > li.board .notice .tab > li a:hover { color:#4d4b45; } #main-region .section02 > ul > li.board .notice .tab > li.cur { border-bottom:solid 3px #ffed00; } #main-region .section02 > ul > li.board .notice .tab > li.cur a { color:#4d4b45; } #main-region .section02 > ul > li.board .notice .list { padding:5px; } #main-region .section02 > ul > li.board .notice .list > li { display:block; margin-top:0px; height:30px; line-height:30px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block; } #main-region .section02 > ul > li.board .notice .list > li a { background:url(../images/main/bullet01.png) no-repeat 5px center; padding-left:14px; font-size:14px; font-weight:normal; color:#66635c; letter-spacing:-0.5px;} #main-region .section02 > ul > li.board .news { border:solid 1px #e6e4df; border-top:solid 5px #baee2f; padding:12px 5px 0 5px; background:#fff; margin-top:12px;height: 300px; } #main-region .section02 > ul > li.board .news h4 { height:21px; font-size:24px; font-weight:bold; padding:0 5px; } #main-region .section02 > 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; } /* #main-region .section02 > ul > li.board .news .list { padding:0px 5px 11px 5px; } */ #main-region .section02 > ul > li.board .news .list { padding:5px; margin-top:10px;} #main-region .section02 > ul > li.board .news .list > li { display:table; width:100%; margin-top:15px; cursor:pointer; } #main-region .section02 > ul > li.board .news .list > li a { display:table-row; } #main-region .section02 > ul > li.board .news .list > li .img { width:150px;height:95px;padding-top:13px;} /* #main-region .section02 > ul > li.board .news .list > li .img img { width:150px;height:105px;} */ #main-region .section02 > ul > li.board .news .list > li .desc { width:180px;display:table-cell; vertical-align:top; padding:0 5px 0 10px; background:#fff; border:solid 0px #e6e4df;} #main-region .section02 > ul > li.board .news .list > li .desc h5 { font-size:15px; font-weight:bold; height:20px; line-height:19px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block;padding-bottom:5px;white-space:nowrap;letter-spacing:-0.5px;} #main-region .section02 > ul > li.board .news .list > li .desc p { font-size:12px; display:block; color:#555555; 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;} /* #main-region .section02 > ul > li.board .news .list > li .desc span { font-size:14px; display:block; color:#bdbdbd; margin-top:8px; } */ #main-region .section02 > ul > li.board .news .list > li .desc span { display: block; font-size: 12px; color: #00ace6; padding-top: 0px; letter-spacing: -0.5px; display:block; margin-top:4px; } #main-region .section02 > ul.inner > li.media { padding-left:10px; } #main-region .section02 > ul.inner > li.media .photo { border:solid 1px #e6e4df; border-top:solid 5px #fc9d23; padding:0px 0px 0px 0px; background:#fff;height:auto; } #main-region .section02 > ul.inner > li.media .photo h4 { height:50px; line-height:50px; font-size:24px; font-weight:bold; padding:0 10px; letter-spacing:-2px;} #main-region .section02 > ul.inner > li.media .photo h4 a { float:right; font-size:12px; line-height:50px;height:50px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:23px; } /* #main-region .section02 > ul.inner > li.media .photo .item { padding:10px 10px 0px; margin-bottom:24px;} */ #main-region .section02 > ul.inner > li.media .photo .item { padding:10px; margin-bottom:20px;height:245px;} #main-region .section02 > ul.inner > li.media .photo .item:last-child { margin-bottom:9px;margin-top:5px;} #main-region .section02 > ul.inner > li.media .photo .item .img {position:relative;width:100%;height:225px;cursor:pointer;} #main-region .section02 > ul.inner > li.media .photo .item img { width:100%; height:0 auto !important; } #main-region .section02 > ul.inner > li.media .photo .item span { display:block; margin:5px 0 4px 0; font-size:14px; font-weight:normal; height:19px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block; letter-spacing:-0.5px;} #main-region .section03 { padding:50px 0px; background:#ffffff; border-bottom:solid 0px #e6e5df; } #main-region .section03 h4 {height:60px; line-height:60px;font-size:24px; font-weight:normal; letter-spacing:-2px; color:#000;padding-left:10px;text-align:center;font-weight:bold;} #main-region .section03 h6 {height:30px; line-height:30px;margin-top:-15px;font-size:12px; font-weight:normal; letter-spacing:-0.5px; color:#000;padding-left:10px;text-align:center;font-weight:normal;} #main-region .section03 div.map_api { border:1px solid #eee;} @media all and (max-width: 950px) { #main-region .section01 > ul > li.loginset { display:none; } #main-region .section01 > ul > li.space { display:none; } #main-region .section02 > ul.inner { display:block; } #main-region .section02 > ul.inner > li { display:block; width:auto; clear:both; margin-top:20px; } #main-region .section02 > ul.inner > li.community{ width:auto; clear:both; padding-left:0px; } } @media all and (max-width: 750px) { } @media all and (max-width: 640px) { #main-region .section01 { padding:0px 0px 30px 0px; margin-top:-17px;} #main-region .section01 > ul { display:block; } #main-region .section01 > ul > li { display:block; width:auto; clear:both; margin-top:20px; } #main-region .section01 > ul > li.hotpost { width:auto; clear:both; padding-left:0px; } #main-region .section01 > ul > li.hotpost ul { height:auto; } #main-region .section01 > ul > li.hotpost ul > li a { position:static; top:0px; left:0px; margin-left:0px; } #main-region .section01 > ul > li.hotpost ul > li a img { width:100%; height:auto !important; } #main-region .section01 > ul > li.board { width:auto; clear:both; padding-top:10px; padding:0px 10px 20px; margin:30px 10px 0; } #main-region .section01 > ul > li.board .notice h4 { height:40px; } #main-region .section01 > ul > li.board .brief h4 { height:40px; } #main-region .section01 > ul > li.hotpost ul { height:250px; overflow:hidden; position:relative; } #main-region .section01 div.hotpost .slide img { width:584px;height:250px;} #main-region .section02 { padding:20px 0px; } #main-region .section02 > ul.inner > li.community { padding:0 10px; } #main-region .section02 > ul.inner > li.media { padding:0 10px; } } @media all and (max-width: 380px) { #main-region .section02 > ul.inner > li.community .map #map { width:320px;display:block; position:relative; height:220px; overflow:hidden; } }