/*/////////////////////////////////////////////////pc버전이에요//////////////////////////////////////////////////////////*/ @media all and (min-width:769px){ /* 중간 레이아웃 */ .main_img{min-width:1200px;width:100%;height:auto;margin:0 auto;padding:0;height:403px;background-repeat:repeat;background:url('/V2/mobile_ulsmba/img/main_img01.jpg')top center;overflow:hidden} #wrapper {margin:0 auto;clear:both;width:1200px;height:auto;background:#fff;z-index:99999;} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #wrapper .main_wrap{width:100%;margin:0 auto;height:auto} #wrapper .main_wrap .main_content_wrap{margin:0 auto;width:100%;} #wrapper .main_wrap .main_content_wrap .main_content_01{clear:both;float:left;width:49%;margin:15px 0;border:1px solid #ddd;height:auto;padding-bottom:10px} #wrapper .main_wrap .main_content_wrap .main_content_01 .latest_span{margin-left:12%} #wrapper .main_wrap .main_content_wrap .main_content_03{float:right;width:49%;margin:15px 0;border:1px solid #ddd;height:auto;padding-bottom:10px} #wrapper .main_wrap .main_content_wrap .main_content_03 .latest_span{margin-left:12%} #wrapper .main_wrap .main_content_wrap .main_content_02{clear:both;float:left;width:49%;margin:15px 0;border:1px solid #ddd;height:auto;padding-bottom:10px} #wrapper .main_wrap .main_content_wrap .main_content_04{float:right;width:49%;margin:15px 0;border:1px solid #ddd;height:auto;padding-bottom:10px;} /* 최근게시물 스킨 (latest) */ #wrapper .main_wrap .main_content_wrap .lt {clear:both;margin:0 auto;padding:0;width:97%;height:auto;} #wrapper .main_wrap .main_content_wrap .lt p{padding:0 0 0 10px;margin:0;height:40px;border-bottom:1px solid #efefef} #wrapper .main_wrap .main_content_wrap .lt a {display:block;padding:5px 0;color:#000;text-decoration:none} #wrapper .main_wrap .main_content_wrap .lt a.lt_title{display:inline-block;padding:10px 0;font-weight:600;font-size:16px} #wrapper .main_wrap .main_content_wrap .lt ul {clear:both;margin:0;padding:0;list-style:none;width:100%} #wrapper .main_wrap .main_content_wrap .lt ul li{clear:both;width:100%;height:auto;vertical-align:middle} #wrapper .main_wrap .main_content_wrap .lt ul li.li_line{clear:both;border-bottom:1px solid #efefef;vertical-align:middle;height:33px} #wrapper .main_wrap .main_content_wrap .lt ul li.li_line a{display:block;width:70%;float:left;} #wrapper .main_wrap .main_content_wrap .lt ul li.li_line a span.cnt_cmt{clear:both;display:inline;vertical-align:middle;font-size:9px} #wrapper .main_wrap .main_content_wrap .lt ul li.li_line button{display:block;float:right;vertical-align:middle;margin:4px 0} #wrapper .main_wrap .main_content_wrap .lt ul li.li_line button.color1{padding:3px 0;width:60px;background:#069;border-radius:2px;border:1px solid #065;color:#fff} #wrapper .main_wrap .main_content_wrap .lt ul li.li_line button.color2{padding:3px 0;width:60px;background:#f60;border-radius:2px;border:1px solid #f40;color:#fff} #wrapper .main_wrap .main_content_wrap .lt ul li.li_line button.color3{padding:3px 0;width:60px;background:#096;border-radius:2px;border:1px solid #094;color:#fff} #wrapper .main_wrap .main_content_wrap .lt .lt_more {clear:both;width:100%;text-align:right} #wrapper .main_wrap .main_content_wrap .lt .lt_more a{color:#888;font-weight:600} #wrapper .main_wrap .main_content_wrap .lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} #wrapper .main_wrap .main_btn_info{clear:both;width:100%;margin:0 auto;background:#ccc;} #wrapper .main_wrap .main_btn_info ul{width:100%;margin:0 auto;padding:0;background:#ccc;} #wrapper .main_wrap .main_btn_info ul li img{float:left;margin:0;padding:0} /*최근게시물의 구성원*/ #wrapper .main_wrap .main_content_wrap .lt_img {clear:both;margin:0 auto;padding:0;width:97%;height:auto;overflow:hidden;} #wrapper .main_wrap .main_content_wrap .lt_img p{padding:0 0 0 10px;margin:0;height:40px;border-bottom:1px solid #efefef} #wrapper .main_wrap .main_content_wrap .lt_img a {display:block;padding:5px 0;color:#000;text-decoration:none} #wrapper .main_wrap .main_content_wrap .lt_img a.lt_title{display:inline-block;padding:10px 0;font-weight:600;font-size:16px} #wrapper .main_wrap .main_content_wrap .lt_img ul.ul_img {position:relative;clear:both;margin:0;padding:0;list-style:none;height:auto} #wrapper .main_wrap .main_content_wrap .lt_img ul.ul_img:after {clear:both} #wrapper .main_wrap .main_content_wrap .lt_img ul.ul_img li{position:relative;float:left;width:33.33%;margin:0 auto;text-align:center;padding:0;height:auto} #wrapper .main_wrap .main_content_wrap .lt_img ul.ul_img li span{position:absolute;overflow:hidden;display:block;width:98%;padding:1% 0;height:auto;left:1%;bottom:8px;background:#444;margin:0 auto;z-index:9999;color:#fff;opacity:0.8} #wrapper .main_wrap .main_content_wrap .lt_img ul.ul_img li img{width:98%;margin:0 auto;padding:0;cursor:pointer;height:auto} #wrapper .main_wrap .main_content_wrap .lt_img .lt_more {clear:both;width:100%;text-align:right} #wrapper .main_wrap .main_content_wrap .lt_img .lt_more a{color:#888;font-weight:600} #wrapper .main_wrap .main_content_wrap .lt_img .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 최근게시물의 구성원 끝*/ } /*/////////////////////////////////////////////////모바일버전이에요//////////////////////////////////////////////////////////*/ @media all and (max-width:768px){ .main_img{width:100%;height:180px;padding:0;margin:0 auto;background:url('/V2/mobile_ulsmba/img/main_img01.jpg')no-repeat top center;background-size:215%;} /* 중간 레이아웃 */ #wrapper {margin:0 auto;clear:both;width:100%;height:auto;background:#fff;z-index:99999;} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #wrapper .main_wrap{width:100%;height:auto} #wrapper .main_wrap .main_content_01{width:96%;margin:15px auto;border:1px solid #ddd;height:auto;padding-bottom:10px} #wrapper .main_wrap .main_content_01 .latest_span{margin-left:5%} #wrapper .main_wrap .main_content_02{width:96%;margin:15px auto;border:1px solid #ddd;height:auto;padding-bottom:10px} #wrapper .main_wrap .main_content_03{width:96%;margin:15px auto;border:1px solid #ddd;height:auto;padding-bottom:10px} #wrapper .main_wrap .main_content_03 .latest_span{margin-left:5%} #wrapper .main_wrap .main_content_04{width:96%;margin:15px auto;border:1px solid #ddd;height:auto;padding-bottom:10px;text-align:center} #wrapper .main_wrap .main_btn_info{clear:both;width:96%;margin:0 auto} #wrapper .main_wrap .main_btn_info ul{float:left;width:100%;margin:0 auto;padding:0} #wrapper .main_wrap .main_btn_info ul li{float:left;margin:0;padding:0;width:50%} #wrapper .main_wrap .main_btn_info ul li img{float:left;width:99%;margin:0 auto;border-bottom:1px solid #ddd;} #wrapper .main_wrap .main_content_04 textarea{height:80px;border-radius:5px;width:92%;margin:0 auto;border:1px solid #ddd;padding:5px} #wrapper .main_wrap .main_content_04 .sms_div {width:95%;text-align:left;margin:0 auto} #wrapper .main_wrap .main_content_04 .sms_div input[type="text"]{width:65%} #wrapper .main_wrap .main_content_04 .sms_div input[type="submit"]{margin:0;background:#4b545e;padding:6px 0;width:100px;color:#fff;border:1px solid #444;vertical-align:middle;border-radius:2px} /* 최근게시물 스킨 (latest) */ #wrapper .main_wrap .lt {clear:both;margin:0 auto;padding:0;width:97%;height:auto;} #wrapper .main_wrap .lt p{padding:0 0 0 10px;margin:0;height:40px;border-bottom:1px solid #efefef} #wrapper .main_wrap .lt a {display:block;padding:5px 0;color:#000;text-decoration:none} #wrapper .main_wrap .lt a.lt_title{display:inline-block;padding:10px 0;font-weight:600;font-size:16px} #wrapper .main_wrap .lt ul {clear:both;margin:0;padding:0;list-style:none;width:100%} #wrapper .main_wrap .lt ul li{clear:both;width:100%;height:auto;vertical-align:middle} #wrapper .main_wrap .lt ul li.li_line{clear:both;border-bottom:1px solid #efefef;vertical-align:middle;height:33px} #wrapper .main_wrap .lt ul li.li_line a{display:block;width:70%;float:left;} #wrapper .main_wrap .lt ul li.li_line a span.cnt_cmt{clear:both;display:inline;vertical-align:middle;font-size:9px} #wrapper .main_wrap .lt ul li.li_line button{display:block;float:right;vertical-align:middle;margin:4px 0} #wrapper .main_wrap .lt ul li.li_line button.color1{padding:3px 0;width:60px;background:#069;border-radius:2px;border:1px solid #065;color:#fff} #wrapper .main_wrap .lt ul li.li_line button.color2{padding:3px 0;width:60px;background:#f60;border-radius:2px;border:1px solid #f40;color:#fff} #wrapper .main_wrap .lt ul li.li_line button.color3{padding:3px 0;width:60px;background:#096;border-radius:2px;border:1px solid #094;color:#fff} #wrapper .main_wrap .lt .lt_more {clear:both;width:100%;text-align:right} #wrapper .main_wrap .lt .lt_more a{color:#888;font-weight:600} #wrapper .main_wrap .lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} /*최근게시물의 구성원*/ #wrapper .main_wrap .lt_img {clear:both;margin:0 auto;padding:0;width:97%;height:auto;overflow:hidden;} #wrapper .main_wrap .lt_img p{padding:0 0 0 10px;margin:0;height:40px;border-bottom:1px solid #efefef} #wrapper .main_wrap .lt_img a {display:block;padding:5px 0;color:#000;text-decoration:none} #wrapper .main_wrap .lt_img a.lt_title{display:inline-block;padding:10px 0;font-weight:600;font-size:16px} #wrapper .main_wrap .lt_img ul.ul_img {position:relative;clear:both;margin:0;padding:0;list-style:none;height:auto} #wrapper .main_wrap .lt_img ul.ul_img:after {clear:both} #wrapper .main_wrap .lt_img ul.ul_img li{position:relative;float:left;width:33.33%;margin:0 auto;text-align:center;padding:0;height:auto} #wrapper .main_wrap .lt_img ul.ul_img li span{position:absolute;overflow:hidden;display:block;width:98%;padding:1% 0;height:auto;left:1%;bottom:8px;background:#444;margin:0 auto;z-index:9999;color:#fff;opacity:0.8} #wrapper .main_wrap .lt_img ul.ul_img li img{width:98%;margin:0 auto;padding:0;cursor:pointer;height:auto} /* 최근게시물의 구성원 끝*/ }