#Board{position:relative; margin-bottom:30px;padding:0 0 0 0px; font-family:'NG'} #Board th{font-size:12px; font-weight:bold} #Board td{font-size:12px} #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:#339fd3;} #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; font-weight:bold} #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;} /* 제품구매등록 */ .purchase {width:863px; padding:20px; border:1px solid #ddd; border-top:0; } .purchase .title {color:#339fd3; font-size:16px; height:16px; padding:10px 0; margin-bottom:10px; font-family:'NGB'} .purchase .backNo{width:100%; position:relative; height:auto; display:inline-block;} .purchase .backNo dt{float:left; width:80px; padding:0px 0px 5px 15px; height:auto; background:url(/images/company/bul_gray.gif) left 3px no-repeat; line-height:20px;} .purchase .backNo dd{float:left; width:780px; padding:0px 0px 5px 10px; height:auto; background:none; line-height:20px;} .line20 {line-height:20px;} .kind {min-width:45%; display:inline-block} /*list.skin*/ #Board.list .type1{width:100%; overflow:hidden; border-top:2px solid #339fd3;} #Board.list .type1 caption{display:none} #Board.list .type1 table{width:100%; margin-top:-1px; border-bottom:0px solid #ccc; font-size:12px} #Board.list .type1 th, #Board .type1 td{border-bottom:1px solid #e7e7e7; text-align:center; padding:10px 0px 8px;} #Board.list .type1 th{vertical-align:top; background:#333/*d6e7f0 355564 url(/images/common/board/list_th_bg.gif) left top repeat-x*/; font-weight:bold; color:#fff; border-bottom:1px solid #111;} #Board.list .type1 th a{color:#fff;} #Board.list .type1 th a:visited{color:#fff;} #Board.list .subject{text-align:left; font-size:9pt} #Board.list .n_subject{text-align:left; font-size:9pt;background-color:#f3f3f3;} #Board.list .subject span{margin-left:4px} #Board.list .notice{font-size:14px; color:#333333; padding-bottom:3px;} #Board.list .notice a{color:#333333 !important;} #Board.list .notice a:link, #Board.list .notice a:hover, #Board.list .notice a:active, #Board.list .notice a:visited{color:#333333 !important;} #Board.list .subject img{vertical-align:middle} #Board.list .W_photo{padding:10px;} #Board.list .comment{color:#339fd3; font-weight:bold} #Board.list .type1 .nodata{height:50px; font-size:12px} #Board.list .postsArea{text-align:right; overflow:hidden; margin-bottom:4px;} #Board.list .posts{padding-left:16px; font-size:12px; background:url("/images/common/icon/icon_post.gif") left top no-repeat;} #Board.list .posts span{margin-left:5px; color:#339fd3; font-weight:bold} /*view.skin*/ #DivContents{font-family:dotum, "돋움"; min-height:450px;} #Board.view .type1{width:100%; overflow:hidden; border-top:2px solid #339fd3} #Board.view .type1 caption{display:none} #Board.view .type1 table{width:100%; margin-top:-1px; border-bottom:0px solid #ccc} #Board.view .type1 th, #Board.view .type1 td{border-bottom:1px solid #e7e7e7;} #Board.view .type1 th{width:100px; text-align:left; vertical-align:middle; background:#f9f9f9; font-weight:bold; padding:15px;} #Board.view .type1 td{text-align:left; padding:15px;} #Board.view .subject strong{margin-right:4px; font-size:12px; color:#339fd3} #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:#339fd3; 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;} /*view.skin (W.blog)*/ #Board.list .type2{width:100%; overflow:hidden; border-top:1px solid #e0e0e0} #Board.list .type2 td{border-bottom:1px solid #e0e0e0;} #Board.view .type2{width:100%; overflow:hidden; border-top:1px solid #e0e0e0} #Board.view .type2 .date{border-bottom:1px solid #e0e0e0; background:#f5f5f5; padding:5px 15px 30px 15px;} #Board.view .type2 .subject{padding:30px 15px 10px 15px; background:#f5f5f5; font-size:18px; color:#000; font-weight:bold;} /*view.skin (product)*/ #Board.view .type1_product{width:100%; overflow:hidden;} #Board.view .type1_product caption{display:none} #Board.view .type1_product .proView{width:100%; position:relative; display:inline-block; vertical-align:top;} #Board.view .type1_product .proView .proIMG, #Board.view .type1_product .proView .proDesc{float:left; position:relative;} #Board.view .type1_product .proView .proIMG{width:330px; height:auto; min-height:200px; margin-right:30px;} #Board.view .type1_product .proView .proIMG .proBig{width:330px; height:auto; min-height:200px; display:block;} #Board.view .type1_product .proView .proIMG .proThum{width:330px; height:53px; margin:10px 0px 0px 0px;} #Board.view .type1_product .proView .proIMG .proThum li{width:53px; height:53px; padding-right:5px; float:left;} #Board.view .type1_product .proView .proDesc{width:545px; height:auto; min-height:300px;} #Board.view .type1_product .proView .proDesc .proName{font-size:21px; color:#333; font-weight:bolder;} #Board.view .type1_product .proView .proDesc .proDescTable{width:100%; border-top:2px solid #339fd3} #Board.view .type1_product .proView .proDesc .proDescTable .sName{background:#444; color:#ffffff; font-weight:bold; border-bottom:1px solid #111; border-right:1px solid #888;} #Board.view .type1_product .proView .proDesc .proDescTable th{text-align:center; padding:10px 10px 10px 15px; background:#f9f9f9; font-weight:bold; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;} #Board.view .type1_product .proView .proDesc .proDescTable td{text-align:center; padding:10px 10px 10px 15px; border-bottom:1px solid #e0e0e0; word-break:break-all;} #Board.view .type1_product .proView .proDesc .proDescTable .view_type_2{border-left:1px solid #e0e0e0; word-break:break-all;} #Board.view td .view_type_2_1{text-align:left;} #Board.view .type1_product .proView .proDesc .proBtn{width:100%; height:31px; text-align:right; margin:20px auto 0px;} #Board.view .type1_product .proContent{width:100%; border-top:0px solid #339fd3; margin-top:20px; padding-top:30px;} /*#Board.view .type1_product .table_solid{width:100%; margin-top:-1px; border-bottom:1px solid #ccc} #Board.view .type1_product .table_solid thead{padding:0px; margin:0px; width:100%;} #Board.view .type1_product .table_no_solid{width:100%; margin-top:-1px;} #Board.view .type1_product th{width:140px; text-align:center; vertical-align:top; background:#f9f9f9; font-weight:normal} #Board.view .type1_product td{text-align:left; padding-left:15px;} #Board.view .type1_product_info{width:120px;overflow:hidden; } #Board.view .type1_product_info caption{display:none} #Board.view .type1_product_info table{width:120px; margin-top:-1px;} #Board.view .type1_product_info th{width:140px; text-align:center; vertical-align:top; background:#f9f9f9; font-weight:normal} #Board.view .type1_product_info td{text-align:left; padding-left:15px;} /*view.skin (schedule)*/ #Board.view .type1_schedule{width:100%; overflow:hidden; border-top:2px solid #339fd3} #Board.view .type1_schedule caption{display:none} #Board.view .type1_schedule table{width:100%; margin-top:-1px; border-bottom:1px solid #ccc} #Board.view .type1_schedule th, #Board.view .type1_schedule td{border-top:1px solid #e7e7e7;} #Board.view .type1_schedule th{width:80px; text-align:center; vertical-align:top; background:#f9f9f9; font-weight:bold} #Board.view .type1_schedule td{text-align:left; padding-left:15px;} #Board.view .subject strong{margin-right:4px; font-size:12px; color:#339fd3} #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:#339fd3; 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 #339fd3; border-bottom:1px solid #ddd; background:none; font-size:12px;} #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{position:relative; margin:0 auto; border:1px solid #ddd} #Board .basic .thumb .out img{opacity:.5; filter: alpha(opacity=50); padding:4px;} #Board .basic .thumb .over img{opacity:1; filter: alpha(opacity=100); border:4px solid #dd0101;} #Board .basic .thumb .magnifier{position:absolute; right:0px; top:0px} #Board .basic dl dt{width:200px; word-break:break-all; display:block;} #Board .basic dl dd{width:200px; word-break:break-all; display:block;} #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; font-size:12px;} /*Gallery banner list.skin */ #Board .banner ul li{width:25%; float:left; margin-bottom:20px; display:inline-block; background:url("/images/common/board/partner_bg.gif") center top no-repeat} #Board .banner .thumb{width:180px; height:51px; position:relative; margin-left:23px;} #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; height:56px; 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:12px} .pageArea a{border:1px solid #cccccc; color:#505050; cursor:pointer; padding:1px 5px; background:#fff; margin:0 2px} .pageArea b{border:1px solid #339fd3; color:#fff; cursor:pointer; padding:1px 5px; background:#339fd3; 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:850px; height:105px; margin:40px 25px 0;} #Board .privacy .privacyCheck{ margin-top:5px; padding-right:35px; text-align:right; font-size:12px;} /*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; font-family:dotum, '돋움';} .cWrite input, #commentArea textarea{background:#fff} #CommentWrite, .commentList{padding:6px 18px 0; overflow:hidden} .cWrite .userInfo{padding-top:8px; font-size:12px} .cWrite .userInfo .writer{font-size:12px; font-weight:bold;} .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-size:12px;} .commentList .listMenu .date{float:left; font-size:12px; color:#999;} .commentList .listMenu .option{float:right; font-size:12px;} .commentList .listMenu .option span{padding-left:3px} .commentList .listMenu .option .best a{text-decoration:underline} /*latest.basic */ .latest{width:100%; font-family:dotum, '돋움';} .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:#666} .latest.basic img{vertical-align:middle} .latest.basic strong{margin-right:5px} .latest.webzine {font-size:9pt;} .latest.webzine li{padding-left:0px; margin-bottom:5px;} .latest.webzine li table td a{display:inline-block; color:#666; text-align:left; vertical-align:top;} .latest.webzine li table .img{vertical-align:middle; width:85px; height:52px; padding-right:10px;} .latest.webzine li table td span.date{color:#999; margin-top:10px;} /*latest.slide_gallery */ #viewArea {position:relative; width:100%; height:59px;overflow:hidden; font-family:dotum, '돋움';} #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:0px solid #119d33;} #gallery #thumb .over{border:2px solid #ffe400} #gallery .bbsSubject{font-size:12px; color:#666;} /* 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; background-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 */ /* 영문버튼css */ .btnBlack{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#333; border:1px solid #111; cursor:pointer;} .btnBlack:hover{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#111; border:1px solid #111; cursor:pointer; text-decoration:underline;} .btnGray{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#777; border:1px solid #555; cursor:pointer;} .btnGray:hover{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#555; border:1px solid #555; cursor:pointer; text-decoration:underline;} .btnRed{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#d20000; border:1px solid #b70303; cursor:pointer;} .btnRed:hover{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#b70303; border:1px solid #b70303; cursor:pointer; text-decoration:underline;} .btnBlue{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#6baccb; border:1px solid #3e94bd; cursor:pointer;} .btnBlue:hover{width:auto; height:auto; padding:5px 10px 2px; font-size:12px; color:#fff; font-weight:bold; background:#3e94bd; border:1px solid #3e94bd; cursor:pointer; text-decoration:underline;} .btnSearch{width:auto; height:auto; padding:2px 10px 4px; vertical-align:middle; line-height:12px; font-size:12px; color:#fff; font-weight:bold; background:#333; border:1px solid #111; cursor:pointer;} .btnSearch:hover{width:auto; height:auto; padding:2px 10px 4px; vertical-align:middle; line-height:12px; font-size:12px; color:#fff; font-weight:bold; background:#111; border:1px solid #111; cursor:pointer; text-decoration:underline;} .btnCommentB{width:70px; height:50px; font-size:12px; color:#fff; font-weight:bold; background:#333; border:1px solid #111; cursor:pointer;} .btnCommentB:hover{width:70px; height:50px; font-size:12px; color:#fff; font-weight:bold; background:#111; border:1px solid #111; cursor:pointer; text-decoration:underline;} a.btnBlackP{width:auto; height:12px; padding:7px 10px 5px; font-size:12px; color:#fff; font-weight:bold; background:#333; border:1px solid #111; cursor:pointer; -moz-border-radius:2px; border-radius:2px;} a.btnBlackP:hover{width:auto; height:12px; padding:7px 10px 5px; font-size:12px; color:#fff; font-weight:bold; background:#111; border:1px solid #111; cursor:pointer; text-decoration:underline; -moz-border-radius:2px; border-radius:2px;} a.btnBlueP{width:auto; height:12px; padding:7px 10px 5px; font-size:12px; color:#fff; font-weight:bold; background:#6baccb; border:1px solid #3e94bd; cursor:pointer; -moz-border-radius:2px; border-radius:2px;} a.btnBlueP:hover{width:auto; height:12px; padding:7px 10px 5px; font-size:12px; color:#fff; font-weight:bold; background:#3e94bd; border:1px solid #3e94bd; cursor:pointer; text-decoration:underline; -moz-border-radius:2px; border-radius:2px;} .btnBlueB{width:130px; height:12px; padding:8px 0px 8px; text-align:center; font-size:12px; color:#fff; font-weight:bold; background:#6baccb; border:1px solid #3e94bd; cursor:pointer; -moz-border-radius:2px; border-radius:2px;} .btnBlueB:hover{width:130px; height:12px; padding:8px 0px 8px; text-align:center; font-size:12px; color:#fff; font-weight:bold; background:#3e94bd; border:1px solid #3e94bd; cursor:pointer; text-decoration:underline; -moz-border-radius:2px; border-radius:2px;} .btnBlueB a{color:#fff;} .btnBlueB a:hover, .btnBlueB a:focus, .btnBlueB a:visit, .btnBlueB a:link{color:#fff;} .newtable { border:1px solid #DDDDDD !important width:856px; margin:0px 0px 25px 0px !important;} .newtable th {text-align:center !important; border:1px solid #dddddd !important;} #Board .newtable th, #Board .newtable td {padding: 8px;} .newminitr01:nth-child(1) { text-align:center!important;} .newminitr01:nth-child(2) { text-align:center!important;} .newminitr01:nth-child(3) { text-align:center!important;}