#Board{position:relative; margin-bottom:30px;padding:0 0 0 30px} #Board th{font-size:8pt; font-weight:bold} #Board td{font-size:9pt} #Board th, #Board td{padding:7px 0;} #Board table, #Board table th, #Board table td{border:0 none} #Board h3{min-height:17px; padding-left:25px; margin-bottom:3px; background:url("/images/common/icon/icon_h_red.gif") left top no-repeat} #Board label{margin-right:10px} /*form.skin*/ #Board.form .type1{width:100%; overflow:hidden; border-style:solid; border-width:2px 0 0 0; border-color:#dd0000;} #Board.form .type1 caption{display:none} #Board.form .type1 table{width:100%; margin-top:-1px; border-bottom:1px solid #ccc} #Board.form .type1 th, #Board.form .type1 td{border-top:1px solid #e7e7e7; text-align:left;} #Board.form .type1 th{width:120px; padding-left:25px; vertical-align:top; background:#f9f9f9} #Board.form .type1 td{padding-left:15px;} #Board.form .subject .text{width:60%} #Board.form .subject span{margin-left:10px} #Board.form h3{display:none} .noneEditor{width:98%; height:200px;} #Board.form .type1 .require{background:url("/images/common/icon/icon_require.gif") 16px 10px no-repeat #f9f9f9;} /*list.skin*/ #Board.list .type1{width:100%; overflow:hidden; border-top:2px solid #dd0000;} #Board.list .type1 caption{display:none} #Board.list .type1 table{width:100%; margin-top:-1px; border-bottom:1px solid #ccc; font-size:8pt} #Board.list .type1 th, #Board .type1 td{border-top:1px solid #e7e7e7; text-align:center;} #Board.list .type1 th{vertical-align:top; background:url(/images/common/board/list_th_bg.gif) left top repeat-x} #Board.list .subject{text-align:left; font-size:9pt} #Board.list .subject span{margin-left:4px} #Board.list .subject img{vertical-align:middle} #Board.list .comment{color:#dd0000; font-weight:bold} #Board.list .type1 .nodata{height:50px; font-size:9pt} #Board.list .postsArea{text-align:right; overflow:hidden; margin-bottom:4px;} #Board.list .posts{padding-left:16px; font-size:8pt; background:url("/images/common/icon/icon_post.gif") left top no-repeat;} #Board.list .posts span{margin-left:5px; color:#dd0000; font-weight:bold} /*view.skin*/ #Board.view .type1{width:100%; overflow:hidden; border-top:2px solid #dd0000} #Board.view .type1 caption{display:none} #Board.view .type1 table{width:100%; margin-top:-1px; border-bottom:1px solid #ccc} #Board.view .type1 th, #Board.form .type1 td{border-top:1px solid #e7e7e7;} #Board.view .type1 th{width:140px; text-align:center; vertical-align:top; background:#f9f9f9} #Board.view .type1 td{text-align:left; padding-left:15px;} #Board.view .subject strong{margin-right:4px; font-size:8pt; color:#dd0000} #Board.view .data{padding-left:18px; background:url(/images/common/icon/icon_data.gif) left top no-repeat } #Board.view .postsArea{text-align:left; overflow:hidden; margin-bottom:4px; color:#dd0000; font-weight:bold; text-decoration:underline} #Board.view .posts{padding-left:16px; font-size:9pt; background:url("/images/common/icon/icon_post.gif") left top no-repeat;} /***bbs.Gallery***/ #Board .gallery{width:100%; display:inline-block; overflow:hidden; position:relative; } #Board .gallery ul{width:100%; display:inline-block;} #Board .gallery dl{width:100%; margin-top:15px; text-align:center} #Board .gallery dd{color:#999} #Board .gallery .nodata{width:100%; height:30px; padding-top:15px; text-align:center; border-top:2px solid #333; border-bottom:1px solid #ddd; background:none} #Board .gallery .subject span{margin-left:5px; } #Board .gallery img{vertical-align:top} /*Gallery basic list.skin */ #Board .basic ul li{width:24%; float:left; margin:0 0 30px; display:inline-block;} #Board .basic .thumb{width:160px; position:relative; margin:0 auto; border:1px solid #ddd} #Board .basic .thumb .magnifier{position:absolute; right:0px; top:0px} #Board .basic .subject{ text-align:center;} /*Gallery certificate list.skin */ #Board .certifi ul li{width:24%; float:left; margin:0 0 30px; display:inline-block; background:url("/images/common/board/certifi_bg.gif") center top no-repeat} #Board .certifi .thumb{width:139px; position:relative; margin:0 auto;} #Board .certifi .thumb .magnifier{position:absolute; right:8px; top:1px} #Board .certifi .thumb span{padding:1px 0 0 1px; display:block;} #Board .certifi .subject{ text-align:center; margin:10px 0 0 0;} /*Gallery banner list.skin */ #Board .banner ul li{width:33%; float:left; margin-bottom:20px; display:inline-block; background:url("/images/common/board/partner_bg.gif") left top no-repeat} #Board .banner .thumb{width:241px; height:68px; position:relative;} #Board .banner .thumb .magnifier{position:absolute; right:1px; top:1px; display:none} #Board .banner .thumb span{ padding:1px 0 0 1px; display:block;} #Board .banner .subject{ text-align:center; margin:10px 0 0 0;} /***end***/ /*search*/ #search{height:44px; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; background:#fafafa} #search fieldset{padding-top:12px} #search label{display:none} /*writeBtnArea*/ #Board .lineType1{padding-top:20px; background:url("/images/common/board/line_dot.gif") left top repeat-x} #Board .writeBtnArea{width:100%; overflow:hidden; margin:20px 0 20px; text-align:center; } #Board .writeBtnArea .colLeft{float:left} #Board .writeBtnArea .colRight{float:right} /*page*/ .pageArea{display:block; margin:10px 0; text-align:center; position:relative;} .pageArea *{font-family:arial; font-size:8pt} .pageArea a{border:1px solid #cccccc; color:#505050; cursor:pointer; padding:1px 5px; background:#fff; margin:0 2px} .pageArea b{border:1px solid #D60000; color:#fff; cursor:pointer; padding:1px 5px; background:#D60000; font-weight:bold; margin:0 2px} .pageArea .arrow{ border:0 none; padding:0; line-height:0; display:inline-block;} .pageArea .arrow img{vertical-align:middle} /*개인정보동의*/ #Board .privacy{width:100%; height:188px; display:inline-block; background:url("/images/common/board/privacy_bg.gif") left top no-repeat} #Board .privacy .textarea{width:715px; height:105px; margin:40px 25px 0;} #Board .privacy .privacyCheck{ margin-top:5px; padding-right:35px; text-align:right} /*passcheck*/ .xfCon{z-index:100} .pssscheckWrap{width:400px; height:233px; background:url("/images/common/board/passcheck_bg.gif") left top no-repeat} .pssscheck{padding:30px 0 0 50px} .pssscheck h3{margin-bottom:13px} .pssscheck p{margin-bottom:30px} .pssscheck label{width:60px; padding-top:2px; display:block; float:left} .pssscheck .writeBtnArea{padding-left:70px; margin-top:50px} .pssscheck .writeBtnArea img{vertical-align:middle} /*comment*/ #commentArea{background:#f9f9f9} .cWrite input, #commentArea textarea{background:#fff} #CommentWrite, .commentList{padding:6px 18px 0; overflow:hidden} .cWrite .userInfo{padding-top:8px; font-size:8pt} .cWrite .userInfo .writer{font-size:9pt; font-weight:bold; font-family:"돋움",dotum,taroma} .cWrite .confirm{text-align:right} .cWrite .textarea{width:100%; height:46px} .commentList .list{padding-bottom:12px; border-bottom:1px solid #ddd; margin-bottom:-1px} .commentList .listMenu{height:20px; padding-top:10px} .commentList .listMenu .writer{float:left; padding-right:5px; font-weight:bold; font-family:"돋움",dotum,taroma} .commentList .listMenu .date{float:left; font-size:8pt; color:#999; font-family:taroma} .commentList .listMenu .option{float:right; font-size:8pt;} .commentList .listMenu .option span{padding-left:3px} .commentList .listMenu .option .best a{text-decoration:underline} /*latest.basic */ .latest{width:100%;} .latest.basic {font-size:9pt;} .latest.basic li{padding-left:8px; margin-bottom:5px; background:url("/images/common/icon/icon_bul1.gif") left 4px no-repeat} .latest.basic a{display:inline-block; color:#fff} .latest.basic img{vertical-align:middle} .latest.basic strong{margin-right:5px} /*latest.slide_gallery */ #viewArea {position:relative; width:100%; height:59px;overflow:hidden;} #imgList {position:absolute; width:2000px; left:0px; top:0px;} #imgList li {float:left; margin:0px; padding:0px;} /*latest.gallery */ #gallery{position:relative; width:100%; height:59px; overflow:hidden;} .galleryList {position:absolute; width:2000px; left:0px; top:0px;} #gallery #thumb{text-align:center; padding:0 5px;} #gallery #thumb img{vertical-align:top} #gallery #thumb a{display:inline-block; margin-bottom:2px} #gallery #thumb .out{padding:1px; border:1px solid #119d33;} #gallery #thumb .over{border:2px solid #ffe400} #gallery .bbsSubject{font-size:8pt; color:#fff;} /* Gallery Board Zoom 관련 css */ .highslide { cursor:url(/highslide/graphics/zoomin.cur), pointer; outline: none;} .highslide img { border: 0px solid gray; } .highslide:hover img {} .highslide-image { border: 2px solid #dddddd; } .highslide-image-blur {} .highslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; } .highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding:3px; border-top: 1px solid white; border-bottom: 1px solid white; ackground-color: black; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px;} a.highslide-credits:hover,a.highslide-credits:hover i {color: white; background-color: gray;} .highslide-move {cursor: move;} .highslide-display-block {display: block;} .highslide-display-none {display: none;} .control {float: right; display: block; position: relative; margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-top: 1px; margin-bottom: 1px;} .control:hover { border-top: 0px solid #333; border-bottom: 1px solid #333; margin-top: 0; margin-bottom: 0;} .control, .control * {color: #666;} /*/ Gallery Board Zoom 관련 css */