body{margin:0;} caption{display:none;} .mR2{margin-right:2px;} .w99_{width:99%;} .boardTitle{font-size:40px; font-weight:300; color:#333; text-align:center; margin-bottom:50px;} .boardTitle span {font-weight:500;} @media screen and (max-width:980px){ .boardTitle{margin-bottom:40px; font-size:35px;} } @media screen and (max-width:880px){ .boardTitle{margin-bottom:35px; font-size:32px;} } @media screen and (max-width:780px){ .boardTitle{margin-bottom:30px; font-size:30px;} } @media screen and (max-width:680px){ .boardTitle{margin-bottom:27px; font-size:27px;} } @media screen and (max-width:580px){ .boardTitle{margin-bottom:25px; font-size:25px;} } .selectBox{height:28px; line-height:28px !important; float:left; position:relative; background:#fff; background:url("./img/selectbox.gif") no-repeat top left;} .selectBox a{font-size:11px; color:#666; display:table; cursor:pointer; text-decoration:none;} .selectBox a em{width:23px; height:24px; top:0; right:0; _right:-1px; text-indent:-9000px; position:absolute; background:url("./img/selectbox.gif") no-repeat -303px 0;} .selectBox .selected{width:100%; padding:6px 0 1px 0; text-indent:5px; float:left;} .selectBox ul{margin:0; padding:5px 0; left:0; z-index:100; position:absolute; border:1px solid #a0a0a0; border-top:0 none; display:none; background:#fff;} .selectBox li{width:100%; text-indent:5px; list-style:none;} .selectBox li a{width:100%; padding:4px 0 2px; _margin-right:-5px; line-height:15px !important; float:left; overflow:hidden; background:none;} .selectBox li a:hover{background-color:#f0f0f0;} .selectBox li a.on{color:#fff; border-top:1px solid #999; border-bottom:1px solid #999; background-color:#a6a6a6 !important;} .down_open{background-position:0 -24px;} .down_open a em{width:23px; height:24px; top:0; right:0; _right:-1px; text-indent:-9000px; position:absolute; background-position:-303px -24px;} .up_open{background-position:0 -48px;} .up_open ul{border-top:1px solid #a0a0a0; border-bottom:0 none;} .up_open a em{width:23px; height:24px; top:0; right:0; _right:-1px; text-indent:-9000px; position:absolute; background-position:-303px -48px;} .inputzone{margin-right:1px; position:relative; float:left;} .inputzone label{top:5px; left:6px; position:absolute; font:14px; letter-spacing:-1px; color:#999;} .textbox{width:100%; height:300px; margin:0; padding:7px 1px 3px 8px; line-height:160%; color:#000; border:1px solid #d1d2d4;} .ctextbox{width:537px; height:64px; margin:0; padding:10px; border:1px solid #dedede;} .checkbox .ui-button{margin:0; padding:0; line-height:1; display:inline-block; *display:inline; cursor:pointer; display:inline-block; border:0;} .checkbox .ui-button-text{height:15px; padding-left:12px; text-indent:5px; display:table;} .checkbox .ui-helper-hidden-accessible{left:-9000px; position:absolute;} .checkbox .ui-widget{color:#666;} .checkbox .ui-state-default{background:url("./img/sprites_ico.gif") no-repeat 0 -127px; font-weight:normal;} .checkbox .ui-state-hover{background:url("./img/sprites_ico.gif") no-repeat 0 -150px; font-weight:normal;} .checkbox .ui-state-active{background:url("./img/sprites_ico.gif") no-repeat 0 -173px; font-weight:normal;} .tb_top{*zoom:1;} .tb_top:after{clear:both; content:""; display:table;} .tb_top .fLeft{padding-top:10px;} .tb_top div span{line-height:15px; font-size:14px; float:left;} .tb_top span.bar{padding:0 10px; color:#d5d5d5;} .tb_top span.txt_bo_name{padding-left:21px; font-weight:bold; color:#333; background:url('./img/sprites_ico.gif') no-repeat;} .tb_top span.txt_count em {color:#ff4200; font-weight:bold; font-style:normal; letter-spacing:0;} .list_top{position:relative; padding-bottom:9px; padding-bottom:8px\9; *zoom:1; clear:both;} .list_top:after {clear:both; display:block; content:"";} .list_top .fRight {height:25px; height:26px\9;} #list_zone{padding-bottom:100px;} #list_zone:after{clear:both; content:""; display:block;} #write_zone .fLeft, #list_zone .fLeft, #view_zone .fLeft{float:left;} #write_zone .fRight, #list_zone .fRight, #view_zone .fRight{float:right;} #list_zone .list_body{width:100%; text-align:left; border-collapse:collapse; border-top:2px solid #585858;} #list_zone .list_body .list-box{margin:0 -15px;} #list_zone .list_body .list-box:after{clear:both; content:""; display:block;l} #list_zone .list_body .post_info{width:33.333%; padding:0 15px; float:left;} #list_zone .list_body .post_info .post_chk{top:0; left:0; margin-bottom:5px; display:block; position:absolute;} #list_zone .list_body .post_info .post_img {text-align:center; border:1px solid #dedede; margin-top:30px; position:relative;} #list_zone .list_body .post_info .post_img a img {text-align:center;max-width:100%; height:auto;} #list_zone .list_body .post_info .post_no{font-size:16px; color:#999; float:left;} #list_zone .list_body .post_info .post_subject{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display:block;} #list_zone .list_body .post_info .post_subject a{ font-size:17px; font-weight:400; overflow:hidden; float:left;} #list_zone .list_body .post_info .post_subject .txt_comment{padding:3px; display:block; color:#ff4800; font:13px tahoma;} #list_zone .list_body .post_txt{margin-top:20px; clear:both;} #list_zone .list_body .post_txt .post_stxt{padding:20px 0; clear:both;} #list_zone .list_body .post_txt .post_stxt:after{clear:both; content:""; display:block;} #list_zone .list_body .post_txt .post_stxt .post_writer{float:left; font-size:14px; color:#999;} #list_zone .list_body .post_txt .post_stxt .post_date{float:right; font-size:14px; color:#999;} #list_zone .list_body span.ico_pack{margin-left:5px; text-indent:-9000px; float:left; background:url("./img/sprites_ico.gif") no-repeat;} #list_zone .list_body span.ico_new{width:16px; height:11px; margin-top:3px; background-position:0 -465px;} #list_zone .list_body span.ico_file{width:12px; height:16px; margin-left:20px; background-position:0 -486px; text-align:center;} #list_zone .list_body span.ico_secret{width:10px; height:14px; margin:0 5px 0 0; background-position:0 -510px; } #list_zone .list_body span.ico_reply{width:15px; background-position:0 -193px;} #list_zone .list_body .no_data{padding:50px 0; font-size:15px; text-align:center; color:#525252;} #list_zone .list_btm{padding-top:30px; clear:both;} #list_zone .list_btm:after {clear:both; content:""; display:table;} @media screen and (max-width:880px){ #list_zone .list_body .list-box{margin:0 -10px;} #list_zone .list_body .post_info{padding:0 10px;} #list_zone .list_body .post_info .post_subject a{font-size:16px;} #list_zone .list_body .post_txt{margin-top:10px;} #list_zone .list_body .post_txt .post_stxt{padding:15px 0;} #list_zone .list_body .post_txt .post_stxt .post_writer{font-size:13px;} #list_zone .list_body .post_txt .post_stxt .post_date{font-size:13px;} } @media screen and (max-width:800px){ #list_zone .list_body .list-box{margin:0 -5px;} #list_zone .list_body .post_info{padding:0 5px;} #list_zone .list_body .post_info .post_subject a{font-size:14px;} } @media screen and (max-width:680px){ #list_zone .list_body .post_info{width:50%;} } #shop-list-section{padding:50px 0 0;} #shop-list-section .title-area{width:100%; max-width:1190px; padding:0 10px; margin:0 auto;} #shop-list-section .title-area h1{font-size:42px; font-weight:700; color:#202020;} #shop-list-section .title-area h1 span.blue{font-weight:300; color:#0d62a6;} #shop-list-section .title-area h1 span.green{font-weight:300; color:#26afa6;} #shop-list-section .title-area .total-area{margin-top:10px;} #shop-list-section .title-area .total-area:after{clear:both; display:block; content:"";} #shop-list-section .title-area .total-area p{float:left; font-size:16px; font-weight:700; color:#4c4c4c; margin-top:20px;} #shop-list-section .title-area .total-area p span{color:#0d62a6;} #shop-list-section .title-area .total-area h3{height:40px; width:200px; border:1px solid #aeaeae; position:relative; float:right;} #shop-list-section .title-area .total-area h3 a{display:block;} #shop-list-section .title-area .total-area h3 a em{width:100%; z-index:10000; font-size:16px; font-weight:500; line-height:38px; text-align:center; color:#525252; display:block; position:absolute;} #shop-list-section .title-area .total-area h3 a:after{width:0; height:100%; max-width:100%; top:0; left:0; right:0; bottom:0; z-index:0; opacity:0; transition:all 0.33s ease-out 0s; -moz-transition:all 0.33s ease-out 0s; -webkit-transition:all 0.33s ease-out 0s; border:1px solid #69C0DE; background-color:#69C0DE; content:""; position:absolute; overflow:hidden;} #shop-list-section .title-area .total-area h3 a:hover:after{width:100%; opacity:1;} #shop-list-section .title-area .total-area h3 a:hover em{color:#fff;} #shop-list-section .shop-list{width:100%; max-width:1190px; padding:0 10px; margin:0 auto;} #shop-list-section .shop-list:after{clear:both; display:block; content:"";} #shop-list-section .shop-list ul{margin:0 -12.5px} #shop-list-section .shop-list ul:after{clear:both; content:""; display:block;} #shop-list-section .shop-list ul li{width:25%; padding:15px 12.5px; float:left; position:relative;} #shop-list-section .shop-list ul li a{display:block; border:1px solid #dadada; position:relative; overflow:hidden;} #shop-list-section .shop-list ul li .img{width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover;} #shop-list-section .shop-list ul li .info{width:100%; background:#fff; padding:20px 16px 15px;} #shop-list-section .shop-list ul li .info h1{font-size:16px; color:#525252; font-weight:500;} #shop-list-section .shop-list ul li .info h2{font-size:14px; color:#909090; margin:15px 0 20px; height:30px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} #shop-list-section .shop-list ul li .info div span.place{font-size:13px; color:#525252;} #shop-list-section .shop-list ul li .info div span.tel{font-size:14px; color:#525252; font-weight:500; float:right;} #shop-list-section .shop-list-btn{width:100%; max-width:1190px; padding:0 10px; margin:40px auto 0; text-align:center;} #shop-list-section .shop-list-btn a{width:100%; display:inline-block; background:#fff; line-height:60px; border:1px solid #bababa; font-size:16px; color:#4c4c4c;} @media screen and (max-width:1020px){ #shop-list-section{padding:40px 0 0;} #shop-list-section .title-area h1{font-size:38px;} #shop-list-section .shop-list ul{margin:0 -10px} #shop-list-section .shop-list ul li{padding:10px 10px;} #shop-list-section .shop-list ul li .img{height:200px;} } @media screen and (max-width:940px){ #shop-list-section .shop-list ul li{width:33.3333%;} } @media screen and (max-width:680px){ #shop-list-section{padding:20px 0 0;} #shop-list-section .title-area h1{font-size:30px;} #shop-list-section .shop-list ul li{width:50%;} } @media screen and (max-width:480px){ #shop-list-section{padding:10px 0 0;} #shop-list-section .title-area h1{font-size:26px;} #shop-list-section .shop-list ul{margin:0 -7px} #shop-list-section .shop-list ul li{padding:5px 7px;} #shop-list-section .shop-list ul li .info h2{margin:15px 0 15px;} #shop-list-section .shop-list ul li .info div span.tel{float:none; display:block; margin-top:5px;} } @media screen and (max-width:360px){ #shop-list-section{padding:0 0 0;} #shop-list-section .shop-list ul li{width:100%;} #shop-list-section .shop-list ul li .info h2{height:auto;} } #write_zone{padding:50px 0 100px} #write_zone .w100_{width:100%;} #write_zone .w100{width:100px;} #write_zone .w200{width:200px;} #write_zone .w300{width:300px;} #write_zone .tb_top{padding:10px 0;} #write_zone .write_body{width:100%; border-collapse:collapse; border-top:2px solid #585858; table-layout:fixed;} #write_zone .write_body th{width:15%; padding:20px 15px; font-size:15px; color:#666; text-align:left; background:#f8f8f8; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;} #write_zone .write_body td{padding:12px 15px; font-size:15px; color:#707070; text-align:left; background:#fff; border-bottom:1px solid #e0e0e0;} #write_zone .write_body td input.inputbox{height:35px; padding:5px; font-size:15px; border:1px solid #d0d0d0; color:#666; vertical-align:middle;} #write_zone .etc_section{border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3;} #write_zone .etc_section .etc_btn{*zoom:1; padding:0; background:#fafafa;} #write_zone .etc_section .etc_btn:after{clear:both; content:""; display:table;} #write_zone .etc_section .etc_btn a{padding:15px 20px; z-index:10; font-size:15px; position:relative; float:left; border-right:1px solid #e3e3e3;} #write_zone .etc_section .etc_btn a span{padding:0 5px 0 25px; float:left; color:#666; background:url("./img/sprites_ico.gif") no-repeat;} #write_zone .etc_section .etc_btn a.btn_file span{background-position:0 -19px;} #write_zone .etc_section .etc_btn a.btn_link span{background-position:0 -65px;} #write_zone .etc_section .etc_btn a.btn_file span.on{background-position:0 -42px;} #write_zone .etc_section .etc_btn a.btn_link span.on{background-position:0 -88px;} #write_zone .etc_section .etc_btn a.on{margin-bottom:-1px; border-bottom:1px solid #ebebeb; background:#f8f8f8;} #write_zone .etc_section .etc_btn a em{float:left; font-weight:bold; font-style:normal; color:#ff4200;} #write_zone .etc_section .etc_btn .btn_wrap{padding:18px 20px 0 0; float:right;} #write_zone .etc_section .etc_btn .btn_wrap a{width:14px; height:15px; padding:0; text-indent:-9000px; border:none; background:url('./img/sprites_ico.gif') no-repeat; overflow:hidden;} #write_zone .etc_section .etc_btn .btn_wrap a.btn_close{background-position:0 -417px; display:none;} #write_zone .etc_section .etc_form{margin:0; padding:20px; clear:both; display:none; border:none; border-top:1px solid #e3e3e3; background:#f8f8f8;} #write_zone .etc_section .etc_form legend{width:0; height:0; top:0; left:0; font-size:0; line-height:0; position:absolute; overflow:hidden; visibility:hidden;} #write_zone .etc_section .etc_form input{float:left;} #write_zone .etc_section .etc_form ul{margin:0; padding:0; *zoom:1; list-style:none;} #write_zone .etc_section .etc_form ul:after{clear:both; display:table; content:"";} #write_zone .etc_section .etc_form li{height:30px; position:relative; margin-bottom:5px;} #write_zone .etc_section .etc_form li:after{clear:both; display:table; content:"";} #write_zone .etc_section .etc_form li.first{margin:0; padding:0; background:none;} #write_zone .etc_section .etc_form li label{top:3px; left:5px; font-size:14px; position:absolute; color:#999; font-weight:400;} #write_zone .etc_section .etc_form .inputbox{float:none; height:28px; border:1px solid #dedede;} #write_zone .etc_section .etc_form .filebox{height:28px; margin-right:1px; padding:5px 3px 2px 5px !important; line-height:15px; font-size:12px; border:1px solid #d2d2d2; background:#fff; float:left;} #write_zone .etc_section .etc_form .file_search{width:65px; height:28px; margin-left:1px; line-height:26px; text-align:center; color:#fff; position:relative; display:inline; float:left; background:#999; overflow:hidden; cursor:pointer;} #write_zone .etc_section .etc_form .file_search .btn_file{width:100%; height:100%; top:0; right:1px; opacity:0; filter:alpha(opacity=0); position:absolute; cursor:pointer;} #write_zone .etc_section .etc_form .btn_del{width:65px; height:28px; line-height:26px; text-align:center; color:#fff; float:left; background:#ff4545;} #write_zone .write_btm{padding:15px 0; text-align:center;} .file_btm{padding-top:10px;} .file_btm .btn_file_add{width:19px; height:19px; text-indent:-9000px; float:left; background:url("./img/sprites_btn.png") no-repeat -1248px 0; overflow:hidden;} .file_btm .btn_file_del{width:19px; height:19px; margin-left:1px; text-indent:-9000px; float:left; background:url("./img/sprites_btn.png") no-repeat -1268px 0; overflow:hidden;} .file_btm .txt_file_add{height:19px; margin:0; padding-left:10px; line-height:21px; font-size:14px; float:left; color:#999; font-weight:400;} .file_btm .txt_file_add strong{color:#ff4200;} .ui-resizable-s{width:100%; height:5px; clear:both; font-size:0; border:1px solid #d1d2d4; border-bottom:1px solid #b5b5b5; border-top:none; background:#fafafa url("./img/sprites_ico.gif") no-repeat; cursor:s-resize;} .ui-resizable-resizing .ui-resizable-s{background-color:#c5cdd7 !important;} @media screen and (max-width:740px){ #write_zone .write_body th{width:100%; padding:10px 15px; font-size:14px; background:#f7f7f7; border-right:0; border-bottom:1px solid #e0e0e0; display:block;} #write_zone .write_body td{width:100%; height:auto; padding:20px 15px; font-size:15px; color:#707070; text-align:left; background:#fff; border-bottom:1px solid #e0e0e0; display:block;} } #view_zone{padding:50px 0 100px;} #view_zone .btn_top, #view_zone .btn_btm{padding:30px 0; position:relative; clear:both;} #view_zone .btn_top:after, #view_zone .btn_btm:after{clear:both; content:""; display:table;} #view_zone .post_head{border-top:2px solid #bdbdbd; border-bottom:1px solid #dedede; clear:both;} #view_zone h4.post_tit{margin:0; padding:20px; font-size:16px; font-weight:bold; color:#101010; border-bottom:1px solid #dedede; background:#f8f8f8; font-weight:500;} #view_zone .post_info{padding:20px; *zoom:1;} #view_zone .post_info:after{clear:both; content:""; display:table;} #view_zone .post_info span{float:left; font-size:14px; color:#525252; font-weight:400;} #view_zone .post_info span.post_writer span, #view_zone .post_info span.post_writer a span{font-size:14px; color:#727272;} #view_zone .post_info span.post_writer a{float:left; cursor:pointer;} #view_zone .post_info span.post_ip{padding-left:15px; font-size:14px; color:#aaa;} #view_zone .post_info span.bar{width:27px; text-align:center; color:#acacac; font-size:12px;} #view_zone .post_info .fright span span{padding-right:3px;} #view_zone .post_etc{padding:15px 20px 0 0; float:right;} #view_zone .post_body{padding:0; border-bottom:1px solid #e4e4e4;} #view_zone .post_body .post_contents{padding:20px 20px 50px 20px; *zoom:1; color:#444; word-wrap:break-word;} #view_zone .post_body .post_contents a{color:#0066cc !important;} #view_zone .post_body .post_contents:after{clear:both; content:""; display:table;} #view_zone .post_body .post_contents .img-area{} #view_zone .post_body .post_contents .img-area:after{clear:both; display:block; content:"";} #view_zone .post_body .post_contents .img-area div{float:left;} #view_zone .post_body .post_contents .img-area div.fir-area{width:55%;} #view_zone .post_body .post_contents .img-area div.sec-area, #view_zone .post_body .post_contents .img-area div.thi-area{width:22%;} #view_zone .post_body .post_contents .img-area div.sec-area ul li, #view_zone .post_body .post_contents .img-area div.thi-area ul li{margin:0 0 2px 2px;} #view_zone .post_body .post_contents .img-area div.fir-area a{height:422px;} #view_zone .post_body .post_contents .img-area div.sec-area ul li:first-child a{height:270px;} #view_zone .post_body .post_contents .img-area div.sec-area ul li:last-child a{height:150px;} #view_zone .post_body .post_contents .img-area div.thi-area ul li:first-child a{height:150px;} #view_zone .post_body .post_contents .img-area div.thi-area ul li:last-child a{height:270px;} #view_zone .post_body .post_contents .img-area div img{width:100%; height:100%;} #view_zone .post_body .post_contents .info-area{margin-top:20px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;} #view_zone .post_body .post_contents .info-area:after{clear:both; display:block; content:"";} #view_zone .post_body .post_contents .info-area div{float:left;} #view_zone .post_body .post_contents .info-area .left-area{width:45%; height:94px; background:#f6f6f6; position:relative;} #view_zone .post_body .post_contents .info-area .left-area:after{width:1px; height:94px; top:0; right:0px; background:#e7e7e7; content:""; display:block; position:absolute;} #view_zone .post_body .post_contents .info-area .left-area h1{text-align:center; width:100%; font-size:20px;top:50%; left:center; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;} #view_zone .post_body .post_contents .info-area .left-area h1 span.num{color:#259ed9; font-weight:300; padding-right:20px; position:relative;} #view_zone .post_body .post_contents .info-area .left-area h1 span.num:after{width:1px; height:22px; top:2px; right:0px; background:#dadada; content:""; display:block; position:absolute;} #view_zone .post_body .post_contents .info-area .left-area h1 span.name{color:#282828; font-weight:700; margin-left:20px;} #view_zone .post_body .post_contents .info-area .right-area{width:55%; height:94px; position:relative;} #view_zone .post_body .post_contents .info-area .right-area ul{width:100%; top:50%; left:40px; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;} #view_zone .post_body .post_contents .info-area .right-area ul li{margin:7px 0; font-size:16px;} #view_zone .post_body .post_contents .info-area .right-area ul li:first-child{color:#282828;} #view_zone .post_body .post_contents .info-area .right-area ul li:last-child{color:#525252;} #view_zone .post_body{font-size:15px; line-height:1.6;} view_zone .post_body img{max-width:100%;} #view_zone .post_body *{white-space:normal;} #view_zone .post_btm{margin:10px 0; *zoom:1; position:relative;} #view_zone .post_btm:after{clear:both; content:""; display:table;} #view_zone .post_comment{margin-top:30px;} #view_zone .post_comment .comment_top{font-size:15px; padding:20px; *zoom:1; border-top:2px solid #bdbdbd; border-bottom:1px solid #e3e3e3; background:#f9f9f9; color:#525252; font-weight:400; } #view_zone .comment_top em{font-style:normal; font-weight:700; color:#ff4200;} #view_zone ul.comment_post{margin:0; padding:7px 5px; clear:both; border-bottom:1px solid #e3e3e3;} @media screen and (max-width:860px){ #view_zone .post_body .post_contents .img-area div.fir-area{width:99%; margin-bottom:2px;} #view_zone .post_body .post_contents .img-area div.sec-area, #view_zone .post_body .post_contents .img-area div.thi-area{width:49.5%;} #view_zone .post_body .post_contents .info-area .left-area{width:100%;} #view_zone .post_body .post_contents .info-area .left-area:after{width:0px;} #view_zone .post_body .post_contents .info-area .right-area{width:100%;} #view_zone .post_body .post_contents .info-area .right-area ul{left:20px;} } @media screen and (max-width:680px){ #view_zone .post_body .post_contents .img-area div.sec-area, #view_zone .post_body .post_contents .img-area div.thi-area{width:99%;} #view_zone .post_body .post_contents .info-area .right-area ul{left:10px;} #view_zone .post_body .post_contents .img-area div.sec-area ul li:first-child a{height:700px;} #view_zone .post_body .post_contents .img-area div.sec-area ul li:last-child a{height:420px;} #view_zone .post_body .post_contents .img-area div.thi-area ul li:first-child a{height:420px;} #view_zone .post_body .post_contents .img-area div.thi-area ul li:last-child a{height:700px;} } @media screen and (max-width:540px){ #view_zone h4.post_tit{padding:15px 10px; font-size:15px; line-height:20px;} #view_zone .post_info{padding:10px;} #view_zone .post_info span{font-size:12px;} #view_zone .post_info span.bar{width:15px;} } ul.comment_post .cpost_list{padding:20px; border-top:1px dashed #ccc;} ul.comment_post .cpost_first{border-top:0;} ul.comment_post .cpost_list .cpost_head{height:16px; clear:both;} ul.comment_post .cpost_list .cpost_head:after{clear:both; content:""; display:table;} .cpost_head .cpost_info {float:left; margin:0;} .cpost_head .cpost_info:after {clear:both; content:""; display:table;} .cpost_head .cpost_info span {float:left; vertical-align:middle; font-size:15px;} .cpost_head .cpost_info .ico_level {float:left; margin-right:5px;} .cpost_head .cpost_info .cpost_writer span, .cpost_head .cpost_info .cpost_writer a span {color:#666;} .cpost_head .cpost_info .cpost_writer {padding-right:10px; font-weight:500; color:#333;} .cpost_head .cpost_info .cpost_writer a {float:left; cursor:pointer;} .cpost_head .cpost_info .cpost_time {float:left; line-height:22px; font-size:12px; color:#727272;} .cpost_head .cpost_btn {float:right; margin:0;} .cpost_head .cpost_btn a{height:15px; padding-left:15px; line-height:15px; font:9px tahoma; float:left; background:url("./img/sprites_ico.gif") no-repeat; overflow:hidden; color:#a8a8a8;} .cpost_head .cpost_btn a.btn_reco1{margin-left:20px; color:#999; background-position:0 -342px;} .cpost_head .cpost_btn a.btn_reco1:hover, .cpost_head .cpost_btn a.btn_reco1.over{color:#00529f; background-position:0 -362px;} .cpost_head .cpost_btn a.btn_reco2{margin-left:20px; color:#999; background-position:0 -382px;} .cpost_head .cpost_btn a.btn_reco2:hover, .cpost_head .cpost_btn a.btn_reco2.over{color:#9f0010; background-position:0 -402px;} .cpost_head .cpost_btn span.cpost_ip {float:left; line-height:15px; font-family:tahoma; font-size:9px; color:#aaa;} #view_zone .comment_form .write_body{padding:10px; border:1px solid #e3e3e3; border-top:none; background:#f8f8f8;} #view_zone .comment_form .write_body .write_mb{padding:0 0 10px 0; border:none;} #view_zone .comment_form .btn_area {clear:both;} #view_zone .comment_form .btn_area .fLeft{padding-top:8px;} #view_zone .comment_form .btn_area .fLeft:after {clear:both; content:""; display:table;} #view_zone .comment_form .checkbox{width:60px; float:left; margin-left:20px;} #view_zone .comment_form .checkbox:after {clear:both; content:""; display:table;} #view_zone .comment_form .checkbox label{font-size:14px; color:#777;} #view_zone .comment_form .checkbox label span{height:13px;} #view_zone .cpost_content{*zoom:1; position:relative;} #view_zone .cpost_content:after{clear:both; content:""; display:table;} #view_zone .cpost_content label{top:10px; left:10px; position:absolute; font-size:15px; color:#bbb; font-weight:400;} #view_zone .write_body .btn_area{padding-top:5px; *zoom:1;} #view_zone .write_body .btn_area:after{clear:both; content:""; display:table;} #view_zone .write_body .btn_area input{float:right;} #view_zone .write_mb{padding:10px; border:1px solid #e3e3e3; border-bottom:none; *zoom:1;} #view_zone .write_mb:after{clear:both; content:""; display:table;} #view_zone .write_mb span.inputzone{float:left; position:relative; display:table;} #view_zone .write_mb span.inputzone .inputbox {height:28px; border:1px solid #ccc; padding-left:5px; width:200px} #view_zone .write_mb span.inputzone label{top:4px; left:6px; position:absolute; font-size:13px; color:#999; font-weight:400;} .cpost_list .cpost_body{padding:10px; line-height:28px; font-size:14px; color:#666; text-align:left; clear:both;} .cpost_list .cpost_body a{color:#525252;} .cpost_list .cpost_body .ico_secret{float:left; width:16px;background:url("./img/sprites_ico.gif") no-repeat 0 -588px; text-indent:-9000px; margin-right:5px;} .cpost_list .cpost_body .txt_secret{color:#ff6600;} .cpost_list .cpost_body .edit_area{margin:10px; padding:5px; border:1px solid #ccc; background:#fafafa; line-height:normal;} .cpost_list .cpost_body .edit_area textarea{line-height:16px; font-size:12px; color:#666;} .cpost_list .reply_area{margin:10px; padding:5px; border:1px solid #ccc; background:#fafafa; line-height:normal; *zoom:1;} .cpost_list .reply_area:after {content:""; display:table; clear:both;} .cpost_list .reply_area .thumb {position:absolute; left:0; top:17px; background:url('./img/sprites.gif') no-repeat -65px -195px;} .cpost_list .reply_area .reply_body {padding-left:45px;} .cpost_list .reply_area .reply_body textarea {line-height:16px; font-size:12px; color:#666;} p.app_co_foot{margin:0; padding-top:8px; *zoom:1; position:relative;} p.app_co_foot:after{clear:both; content:""; display:table;} p.app_co_foot label.lab_secret{font-size:14px; color:#777;} p.app_co_foot label.lab_secret span.triv {color:#aeaeae; font-size:13px;} p.app_co_foot .app_comment_btn{position:absolute; top:3px; right:0;} p.app_co_foot .app_comment_btn .submit_cmodify{float:left; margin-right:2px;} p.app_co_foot .app_comment_btn a.btn_cancel{float:left; text-align:center; color:#fff; font-size:14px; font-weight:400; display:inline-block; padding:5px 20px 4px; background:#acacac;} .comment_post .cpost_depth1{padding-left:50px !important;} .comment_post .cpost_depth2{padding-left:100px !important;} .comment_post .cpost_depth3{padding-left:150px !important;} .comment_post .cpost_depth4{padding-left:200px !important;} .comment_post .cpost_depth5{padding-left:250px !important;} .cpost_depth{position:relative; float:left; width:0; font-size:0;} .cpost_depth span{width:12px; height:11px; top:0; left:-20px; text-indent:-9000px; position:absolute; background:url("./img/sprites_ico.gif") no-repeat 0 -571px;} .cpost_list .cpost_btm{margin:0; padding:0; *zoom:1;} .cpost_list .cpost_btm:after{clear:both; content:""; display:table;} .cpost_list .cpost_btm a{width:auto; margin:17px 16px 0 0; padding-left:12px; font-size:13px; float:left; color:#999; background:url("./img/sprites_ico.gif") no-repeat; overflow:hidden;} .cpost_list .cpost_btm a.btn_creply{background-position:0 -193px;} .cpost_list .cpost_btm a.crover, .cpost_list .cpost_btm a.btn_creply:hover{background-position:0 -210px;} .cpost_list .cpost_btm a.btn_cmodify{background-position:0 -246px;} .cpost_list .cpost_btm a.cmover, .cpost_list .cpost_btm a.btn_cmodify:hover{background-position:0 -265px;} .cpost_list .cpost_btm a.btn_cdelete{background-position:0 -303px;} .cpost_list .cpost_btm a.btn_cdelete:hover{background-position:0 -320px;} .comment_form .txt_limit span {float:left; font-size:11px; color:#777;} .comment_form .txt_limit span.txt_min {padding:0 10px; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;} .comment_form .txt_limit span.txt_max {padding-left:10px; padding-right:10px; border-right:1px solid #dcdcdc;} .comment_form .txt_limit span.txt_letter {padding-left:10px;} .comment_form .txt_limit span em {padding:0 1px; font-style:normal; color:#ff4200;} .comment_form .btn_area{margin-top:0;} /* 검색 */ .search-section:after {clear:both; content:""; display:table;} .search-section select {float:left; height:28px; margin-right:5px; font-size:13px; color:#727272; font-weight:300;} .search-section .search_inputzone{position:relative; float:left; } .search-section .search_inputzone label{top:3px; left:6px; position:absolute; font-size:13px; color:#727272; font-weight:300;} .search-section .search_inputbox{width:180px; height:28px; padding:2px 1px 2px 5px; border:1px solid #dedede; float:left;} .control-section:after {clear:both; content:""; display:table;} .control-section select {float:left; height:31px; margin-right:5px; font-size:13px; color:#727272; font-weight:300;} /* 게시판 버튼 */ .abtn{_text-indent:-9000px; float:left; _background:url("./img/sprites_btn.png") no-repeat; overflow:hidden; font-size:14px; color:#fff; font-weight:400; display:inline-block; padding:5px 20px;} .btn_rss{width:65px; height:28px; margin-left:2px; background-position: -160px 0;} .btn_admin{margin-left:2px; background:#ED61A0;} .btn_search{padding:4px 20px 4px; border:0 none; background:#737373; cursor:pointer; display:table; color:#fff; font-size:13px; font-weight:300;} .ie7 .btn_search{margin-top:0;} .btn_write{margin-left:2px; background:#4E4588;} .btn_list{ background:#5A4F4A;margin-left:2px;} .btn_copy{width:65px; height:28px; background-position:-292px 0;} .btn_move{width:65px; height:28px; background-position:-358px 0;} .btn_modify{ background:#6156A9;} .btn_delete{ background:#4C4E57;margin-left:2px;} .btn_reply{ background:#999;margin-left:2px;} .btn_prev{ background:#B0B1B5;margin-left:2px;} .btn_next{ background:#B0B1B5;margin-left:2px;} .btn_plus{width:19px; height:19px; margin-right:2px; background-position:-1248px 0;} .btn_minus{width:19px; height:19px; margin-right:2px; background-position:-1268px 0;} .btn_print{width:19px; height:19px; background-position:-1288px 0;} .btn_print2{width:65px; height:22px; margin-right:3px; background-position:-1036px 0;} .btn_close{width:41px; height:22px; background-position:-994px 0;} .btn_facebook{width:19px; height:18px; margin-right:2px; background-position:-1308px 0;} .btn_twitter{width:19px; height:18px; margin-right:2px; background-position:-1328px 0;} .btn_yozm{width:19px; height:18px; margin-right:2px; background-position:-1348px 0;} .btn_me2day{width:19px; height:18px; background-position:-1368px 0;} .btn_mylist{width:121px; height:28px; margin:0 5px; background-position:-28px -25px;} .btn_alllist{width:121px; height:28px; background-position:-150px -25px;} .button{border:0 none; _text-indent:-9000px; _background:url("./img/sprites_btn.png") no-repeat; cursor:pointer; color:#fff; font-size:14px;} .submit_comment{width:85px; height:30px; background:#999; float:left;} .submit_cmodify{width:85px; height:30px; background:#6e7dd7;} .submit_btn{width:120px; height:40px; background:#4E4588;} .button_list{width:120px; height:40px; background:#acacac;} /* 페이징 */ .paging_zone{padding:15px 0; text-align:center; clear:both;} .paging a, .paging span{margin:0 1px; padding:11px 15px; font-size:12px; color:#888; background:#f8f8f8; border:1px solid #dedede; display:inline-block;} .paging a:hover, .paging span.on{color:#fff; border:1px solid #777; background:#999;} @media screen and (max-width:780px){ .paging a, .paging span{padding:7px 11px; font-size:11px;} } .ad_list_area{margin:0; padding:0; border-bottom:1px solid #e4e4e4;} .ad_list_area li{*height:auto; margin:0; padding:10px 20px 9px 20px; clear:both; list-style:none; border-top:1px solid #f3f3f3;} .ad_list_area li:after {content:""; display:table; clear:both;} .ad_list_area li.first {border-top:none;} .ad_list_area li a{padding:0 0 0 22px; font-size:12px; line-height:14px; background:url('./img/sprites_ico.gif') no-repeat; display:block;} .ad_list_area li a.txt_name {color:#666; background-position:0 -24px;} .ad_list_area li a.txt_name:hover {background-position:0 -47px; text-decoration:underline;} .ad_list_area li a.txt_link {color:#0066cc; background-position:0 -184px;} .ad_list_area li a.txt_link:hover {background-position:0 -207px; text-decoration:underline;} .ad_list_area li span {float:left; line-height:14px; font-size:9px; font-family:tahoma;} .ad_list_area li .txt_size {padding-left:9px; color:#999;} .ad_list_area li .txt_hit {padding-left:7px; color:#ff4200;} .ad_list_area li .txt_date {padding-left:10px; color:#aaa;} .ad_list_area li .btn_handle {float:right; padding:0; width:14px; background-position:3px -388px; text-indent:-9000px; overflow:hidden;} .ad_list_area li .btn_handle.on {background-position:3px -403px;} .ad_list_area li p.txt_file_content {clear:both; margin:0; padding:8px 0 0 22px; font-size:11px; color:#999; word-wrap:break-word;} @media screen and (max-width:540px){ .ad_list_area li a{font-size:11px;} } /* 게시물 비밀번호 START */ #password_section{width:600px; margin:0 auto;} #password_section .password_box{width:600px; height:235px; background:url("img/password_bg.gif"); position:relative;} #password_section .password_box .pinput{width:345px; top:131px; right:33px; position:absolute;} #password_section .password_box .pinput input{float:left;} #password_section .password_box .pinput #bbs_password{width:207px; height:46px; margin-right:11px; padding-left:5px; font-size:20px; border:1px solid #d7d7d7;} /* 게시물 비밀번호 END */ /* 게시물 인쇄 START */ .print_head{padding:17px 0 18px 30px; border-top:2px solid #909090; border-bottom:1px solid #d7d7d7; background:#fafafa;} .print_head h2{margin:0; padding-top:2px; font:14px; font-weight:bold; color:#404040;} .print_head .info{padding-top:7px; font:11px; color:#909090; *zoom:1;} .print_head .info:after{clear:both; content:""; display:table;} .print_head .info span{float:left; font-size:11px;} .print_head .info span.post_writer {color:#666;} .print_head .info span.bar{padding:0 10px; color:#d5d5d5;} .print_head .print_btn{position:absolute; right:19px; top:27px;} .print_container{padding:30px 30px 40px 30px; color:#444; font:12px;} .print_footer p {margin:0; padding:20px 0 20px 29px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; color:#666; *zoom:1;} .print_footer p:after {content:''; display:table; clear:both;} .print_footer p span {float:left; height:13px; font:11px;} .print_footer p span.post_link {padding:0 8px 0 19px; font-weight:bold; background:url('./img/sprites_ico.gif') no-repeat 0 -93px;} .print_footer .print_btn{width:115px; margin:0 auto; padding:20px 0;} /* 게시물 인쇄 END */ .category-tab{margin:20px 0 20px; padding:0 10px;} .category-tab ul{} .category-tab ul:after{clear:both; content:""; display:block;} .category-tab ul li{width:25%; float:left;} .category-tab ul li:first-child{display:none;} .category-tab ul li a{margin-left:-1px; font-weight:400; font-size:17px; line-height:48px; text-align:center; color:#606060; border:1px solid #dedede; background:#f4f4f4; display:block;} .category-tab ul li.curr a{color:#fff; border:1px solid #69C0DE; background:#69C0DE;} @media screen and (max-width:780px){ .category-tab ul li a{font-size:16px; line-height:45px;} } @media screen and (max-width:700px){ .category-tab ul li{width:50%; margin-top:-1px;} } @media screen and (max-width:520px){ .category-tab ul li a{font-size:14px; line-height:42px;} }