#Board{position:relative; margin-bottom:30px;padding:0 0 0 0px} #Board th{font-size:18px; font-weight:400;} #Board td{font-size:16px} #Board th, #Board td{padding:13px 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:1px 0 0 0; border-color:#2b70aa;} #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:95px; padding-left:25px; vertical-align:top; background:#f9f9f9; font-size:16px;} #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;} #Board.form .product_textarea {width:99%;} /*list.skin*/ #Board.list .type1{width:100%; overflow:hidden; border-top:1px solid #2b70aa;} #Board.list .type1 caption{display:none} #Board.list .type1 table{width:100%; margin-top:-1px; border-bottom:1px solid #ccc; font-size:11px} #Board.list .type1 th, #Board .type1 td{border-top:1px solid #e7e7e7; text-align:center;} #Board.list .type1 th{vertical-align:top;} #Board.list .subject{text-align:left;} #Board.list .subject span{margin-left:4px} #Board.list .subject img{vertical-align:middle} #Board.list .W_photo{padding:10px;} #Board.list .seminar_info {overflow:hidden; line-height:25px; padding-left:10px;} #Board.list .seminar_info dt {clear:both; float:left; margin-right:15px; min-width:60px; color:#333; font-size:16px; font-weight:400;} #Board.list .seminar_info dd {float:left; font-size:16px;} #Board.list .comment{color:#333;} #Board.list .type1 .nodata{height:50px; font-size:15px; color:#777;} #Board.list .postsArea{text-align:right; overflow:hidden; margin-bottom:4px;} #Board.list .posts{padding-left:16px; font-size:11px; background:url("/images/common/icon/icon_post.gif") left top no-repeat; display:none;} #Board.list .posts span{margin-left:5px; color:#333;} #Board.list .faq_content {background:url('/images/bbs/icon_a.png') no-repeat left 13px; padding-top:16px; padding-left:30px;} #Board.list .faq_content p {line-height:18px;} #Board.list span.title {color:#222;} #Board.list span.title a {color:#222;} #Board.list span.title a:hover {text-decoration:none;} #Board.list span.ctt a {color:#f37032;} #Board.list .report_title * {display:inline;} #Board.event .type1 {width:100%; overflow:hidden; border-top:2px solid #2b70aa;} #Board.event .type1 table {width:100%;border-bottom:1px solid #ccc; font-size:11px} #Board.event .W_photo {padding:30px 10px;} #Board.event .W_photo .thumb {border:1px solid #dedede;padding:2px; width:280px; height:120px; background-color:#fff;} #Board.event .W_photo .thumb img {height:100%; width:auto;} #Board.event .subject_webzine {vertical-align:top; text-align:left; font-size:13px; position:relative; padding:30px 10px;} #Board.event .Wsubject {font-size:16px; font-family:'Nanum GothicB'; text-align:left; margin-bottom:10px;} #Board.event .btn_more {position:absolute; left:0; bottom:30px; width:80px; height:28px; line-height:27px; font-size:13px; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; padding:0px; margin-left:1px; display:inline-block; color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; cursor:pointer; border-radius:2px;} /*view.skin (W.blog)*/ #Board.list .type2{width:100%; overflow:hidden; border-top:1px solid #e0e0e0; border-bottom:1px solid #d0d0d0;} #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*/ #Board.view .type1{width:100%; overflow:hidden; border-top:1px solid #2b70aa; border-bottom:1px solid #d0d0d0;} #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.view .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:11px; color:#333} #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:#333; font-weight:bold; text-decoration:underline} #Board.view .posts{padding-left:16px; font-size:12px; background:url("/images/common/icon/icon_post.gif") left top no-repeat;} /* W.staff list.skin (20160120 추가) */ #Board.list .type2{width:100%; overflow:hidden; border-top:1px solid #e0e0e0; border-bottom:1px solid #d0d0d0;} #Board.list .type2 td{border-bottom:1px solid #e0e0e0;} #Board.list .type2.staff {border:0} #Board.list .type2.staff tr:first-child td {padding:0 20px 50px 20px;} #Board.list .type2.staff tr:first-child td:first-child {padding-left:0;} #Board.list .type2.staff td {padding:50px 20px; border-bottom:1px dashed #ccc;} #Board.list .type2.staff td:first-child {padding-left:0;} #Board.list .type2.staff td.subject {vertical-align:top;} #Board.list .type2.staff td .name {font-size:22px; color:#101010;} #Board.list .type2.staff td .position {font-size:16px; color:#101010;} #Board.list .type2.staff td .con {position:relative; height:120px; padding-left:95px; margin-bottom:5px; color:#101010; font-size:13px; line-height:24px; overflow:hidden} #Board.list .type2.staff td .con .title {position:absolute; left:0; top:0; display:inline-block; width:95px; color:#888; } #Board.form .type1.staff .profile {width:600px; height:160px} #Board.form .type1.staff th {padding-left:20px;} #Board.list .subject .btn_red3 {display:inline-block; width:92px; height:25px; margin-top:15px; background:url('/images/common/btn/btn_bg1.gif') repeat-x 0 0; padding:0; word-spacing:3px; text-align:center; line-height:25px; color:#1f60b6; font-size:12px; border:1px solid #1f60b6; } #Board.list .subject .btn_red3:hover {text-decoration:none; color:#fff; background:#0c4b9e; border:1px solid #004bae} /* W.staff view.skin (20160120 추가) */ #Board.view .type2.staff {border:0} #Board.view .type2.staff td {padding:0} #Board.view .type2.staff td .subject {margin-bottom:10px; padding:0 20px; font-size:18px; color:#000; font-weight:bold; vertical-align:top; background-color:#fff;} #Board.view .type2.staff td .name {font-size:22px; color:#101010;} #Board.view .type2.staff td .position {font-size:16px; color:#101010; font-weight:normal} #Board.view .type2.staff #DivContents {padding:10px 20px; margin:0 0 20px 0;} #Board.view .type2.staff #DivContents .title {font-weight:bold; margin-bottom:10px; color:#004bae;} #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;} /* history.list and view (20160120 추가) */ #Board.view .historyTitle {font-size:24px; font-weight:bold; margin:30px 0; padding:0;} #Board.list .history caption{display:none} #Board.list .history td{border-bottom:1px dashed #dfdfdf;} #Board.list .history .year{width:92px; background:url('/images/bbs/02_bg_02.gif') left 30px no-repeat; font-size:22px; font-weight:bold; color:#1f60b6; line-height:128px; text-align:center; vertical-align:top} #Board.list .history .year a{color:#1f60b6;} #Board.list .history .year a:hover{color:#1f60b6; text-decoration:none} #Board.list .history .history_con{padding:30px 15px 30px 15px; vertical-align:top;} #Board.list .history .W_photo{padding:30px 0;} /*view.skin (G.product) (20160120 추가) */ #Board.view .product {overflow:hidden;} #Board.view .product .thumb {float:left; width:300px; } #Board.view .product .thumb > img {width:300px; height:100%;} #Board.view .product .thumbList {overflow:hidden; margin-top:-11px;} #Board.view .product .thumbList li {float:left; width:52px; height:52px; margin-left:10px; background-color:#000; } #Board.view .product .thumbList li img {width:100%; height:100%; opacity:.5; filter:Alpha(opacity=50);} #Board.view .product .thumbList li.on img {opacity:1; filter:Alpha(opacity=100);} #Board.view .product .thumbList li:first-child {margin:0; } #Board.view .product .con {float:right; width:420px; padding:20px 0; border-top:2px solid #222; border-bottom:1px solid #d0d0d0; } #Board.view .product .con .title {padding:10px 50px 30px 10px; font-weight:bold; color:#252525; font-size:28px; border-bottom:2px solid #000; } #Board.view .product .con #DivContents {margin:0; padding:10px 0;} /*view.skin (G.product_2) (20160624 추가) */ #Board.view .product_2 {overflow:hidden;} #Board.view .product_2 .product_info {overflow:hidden;} #Board.view .product_2 .thumb {float:left; width:300px; } #Board.view .product_2 .thumb > img {width:300px; height:100%;} #Board.view .product_2 .thumbList {overflow:hidden; margin-top:-11px;} #Board.view .product_2 .thumbList li {float:left; width:52px; height:52px; margin-left:10px; background-color:#000; } #Board.view .product_2 .thumbList li img {width:100%; height:100%; opacity:.5; filter:Alpha(opacity=50);} #Board.view .product_2 .thumbList li.on img {opacity:1; filter:Alpha(opacity=100);} #Board.view .product_2 .thumbList li:first-child {margin:0; } #Board.view .product_2 .con {float:right; width:420px; padding:20px 0; border-top:2px solid #222; } #Board.view .product_2 .con .title {padding:10px 50px 30px 10px; font-weight:bold; color:#252525; font-size:28px; border-bottom:2px solid #000; } #Board.view .product_2 .overview {padding:20px 10px; white-space:pre-line;} #Board.view .product_2 #DivContents {margin:30px 0; padding:20px 0;} #Board.view .product_2 .down_catalogue {width:165px; background:#fafafa url('/images/common/icon/icon_download.png') no-repeat 30px center; display:inline-block; text-indent:48px; padding:10px; border:1px solid #cbcbcb; color:#8a8a8a; font-size:12px; font-weight:bold;} #Board.view .product_2 .down_catalogue:hover {border:1px solid #0c4b9e; background:#0c4b9e url('/images/common/icon/icon_download_on.png') no-repeat 30px center; color:#fff;} /*view.skin (schedule)*/ #Board.view .type1_schedule{width:100%; overflow:hidden; border-top:2px solid #333} #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} #Board.view .type1_schedule td{text-align:left; padding-left:15px;} #Board.view .subject strong{margin-right:4px; font-size:11px; color:#333} #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:#333; font-weight:bold; text-decoration:underline} #Board.view .posts{padding-left:16px; font-size:12px; background:url("/images/common/icon/icon_post.gif") left top no-repeat;} /*view.skin (GRID)*/ #pjtView {overflow:hidden;} #pjtView .left {width:40%; float:left;} #pjtView .left .pjtSlider li img {width:100%; max-width:700px;} #pjtView .left .bx-controls {overflow:hidden; margin:20px 0 40px;} #pjtView .left .bx-controls div {float:left; margin-right:5px;} #pjtView .left .bx-controls div a {text-indent:-9999px; overflow:hidden; display:block; width:8px; height:8px; background:#9d9d9d;} #pjtView .left .bx-controls div a.active {background:#0c4b9e;} #pjtView .right {float:right; width:56%;} #pjtView .right h4.view_title {padding:20px; font-weight:bold; color:#252525; font-size:28px; border-top:2px solid #000; border-bottom:2px solid #000;} #pjtView .right #DivContents {margin:20px 10px;} /* list.skin (store) */ .store_find {border:1px solid #e4e1dc; border-top:2px solid #000; margin-bottom:70px; *zoom:1} .store_find:after {content:""; display:block; clear:both; } .store_find .map {float:left; position:relative; width:345px; height:471px; margin-left:20px; background:url('/images/common/board/map_korea.png') no-repeat 0 0; position:relative; border-right:none;} .store_find .map ul li {position:absolute;} .store_find .map ul li a {padding:5px 10px; font-size:15px; font-weight:300;} .store_find .map ul li:hover a, .store_find .map ul li.on a {color:#fff; background:#0c4b9e; border-radius:100px; display:inline;} .store_find .map ul li.city01 {left:99px; top:103px;} .store_find .map ul li.city02 {left:234px; top:295px;} .store_find .map ul li.city03 {left:-14px; top:97px; background-position:right center; padding-left:0; padding-right:13px;} .store_find .map ul li.city04 {left:201px; top:237px;} .store_find .map ul li.city05 {left:120px; top:203px;} .store_find .map ul li.city06 {left:46px; top:299px; text-align:center; padding-left:0; padding-top:15px; background-position:center top;} .store_find .map ul li.city07 {left:246px; top:265px;} .store_find .map ul li.city08 {left:66px; top:404px;} .store_find .map ul li.city09 {left:90px; top:135px;} .store_find .map ul li.city10 {left:151px; top:302px; text-align:center; padding-left:0; padding-top:15px; background-position:center top;} .store_find .map ul li.city11 {left:217px; top:195px;} .store_find .map ul li.city12 {left:20px; top:192px; background-position:right center; padding-left:0; padding-right:13px;} .store_find .map ul li.city13 {left:157px; top:152px;} .store_find .map ul li.city14 {left:24px; top:341px; background-position:right center; padding-left:0; padding-right:13px;} .store_find .map ul li.city15 {left:80px; top:246px; text-align:center; padding-left:0; padding-top:15px; background-position:center top;} .store_find .store_search {float:right; width:320px; height:400px; padding:50px 30px; border-left:1px dashed #e4e1dc; background-color:#f5f5f5;} .store_find .store_search .title {font-size:45px; font-family:'Nanum GothicB'; color:#353535; margin-bottom:20px;} .store_find .store_search p {font-size:16px; line-height:23px; color:#444; letter-spacing:-0.5px; padding-bottom:30px; border-bottom:1px dashed #333; } .store_find .store_search p .little {font-size:12px; color:#666;} .store_find .store_search .search_area {margin-bottom:25px; *zoom:1 } .store_find .store_search .search_area:after {content:""; display:block; clear:both; } /* list.skin (Layer) */ #Board .Layer {width:100%; overflow:hidden; position:relative;} #Board .Layer ul {width:auto !important; margin-right:-13px; } #Board .Layer ul li {position:relative; float:left; width:240px !important; margin-right:13px; overflow:hidden; } #Board .Layer .thumb {margin-bottom:10px;} #Board .Layer .nodata {width:750px !important; height:30px; padding-top:15px; text-align:center; border-top:2px solid #333; border-bottom:1px solid #ddd; background:none} #Board .Layer .subject {position:absolute; left:0; top:-240px; display:block; width:180px; height:60px; padding:90px 30px; text-align:center; font-size:18px; font-weight:bold; color:#fff; line-height:28px; background:url('/images/common/board/subject_bg.png') repeat left top; } #Board .Layer img{vertical-align:top} /* calendar */ #schedule .box {overflow:hidden; width:100%;} #schedule .w320 {width:320px;} #schedule .w390 {width:390px;} #schedule .box .subject {padding:30px 0; text-align:center; font-family:'Arial'; border:1px solid #e0e0e0; border-bottom:0; background:#848484 url('/images/bbs/calendar_top_bg.png') repeat-x left bottom;} #schedule .box .subject span {font-weight:bold;font-size:24px;line-height:24px;vertical-align:top;color:#fff; display:inline-block; padding-top:5px;} #schedule .box .subject a {display:inline-block; margin-top:5px;} #schedule .box .calendar { width:100%; overflow:hidden; border-left:1px solid #e0e0e0; background:url('/images/bbs/calendar_bg.gif') repeat-x left bottom; padding-bottom:10px; } #schedule .box .calendar table {width:100%; border-right:1px solid #e0e0e0; } #schedule .box .calendar table th ,#Board .box table td {font-family:'Arial'; } #schedule .box .calendar table th { font-size:18px; height:35px; color:#5c5c5c; font-weight:bold; padding:15px 0; text-align:center; } #schedule .box .calendar table td { font-size:16px; height:60px; text-align:left; vertical-align:top; color:#666; padding:20px 10px; font-weight:normal; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0;} #schedule .box .calendar table td a {display:block; margin-bottom:3px;} #schedule .box .calendar table td a.title {font-size:12px;} #schedule .box .calendar table td a.plan:hover {text-decoration:none;} #schedule .box .calendar table td div {margin-bottom:10px; text-align:center;} #schedule .box .calendar table td.today {background-color:#f3f3f3 !important} #schedule .box .calendar table th.saturday { border-right:1px solid #e0e0e0; } #schedule .box .calendar table .sunday {color:#e00900; } #schedule .box .calendar table .saturday {color:#2a67a9} #schedule .view .box .subject {padding:20px 0;} #schedule .view .box .calendar table th {padding:10px 0; font-size:15px;} #schedule .view .box .calendar table td {height:35px; padding:7px 10px; font-size:13px; text-align:center;} #schedule .view .box .calendar table td a {display:inline-block; width:10px; height:10px; margin:0;} #schedule .view .box .calendar table td div {margin-bottom:5px; } /***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:25%; 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 .subject{ text-align:center;} /* G.intro list.skin 170216 추가 */ #Board #intro.basic ul li {position:relative; overflow:hidden;} #Board #intro.basic .overImage {position:absolute; left:0px; top:0px; z-index:10; display:none;} /*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{padding:10px 0 20px 0; border:1px solid #e7e7e7; background-color:#fafafa; text-align:center;} #search fieldset{padding-top:12px} #search label{display:none} #search .search_input{width:170px;} #search input {margin-left:1px;} #search select {width:100px; height:33px; border:1px solid #d0d0d0; color:#666; outline:0; } #search input.text {width:300px; height:19px; line-height:19px; padding:6px 3px; border:1px solid #d0d0d0; color:#666;} /*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*/ #Board .pageArea {width:100%; margin-top:20px; text-align:center; position:relative; padding:5px 0px; line-height:15px;} #Board .pageArea a:link { color:#777; } #Board .pageArea > b {color: #1f60b6; font-size: 11px; font-family:'Nanum GothicB'; margin-right:3px; width: 31px; padding:8px 0 7px 0; border:1px solid #1f60b6; border-radius:2px; display: inline-block; text-align: center;} #Board .pageArea > a span {color: #999999; margin-right:3px; font-size: 11px; font-family:'Nanum GothicB'; width: 31px; border:1px solid #dfdfdf; border-radius:2px; padding:8px 0 7px 0; display: inline-block; text-align: center;} #Board .pageArea > a.arrow {color: #999999; margin-right:3px; font-size: 11px; font-family:'Nanum GothicB'; width: 31px; border:1px solid #dfdfdf; border-radius:2px; padding:8px 0 7px 0; display: inline-block; text-align: center;} /*개인정보동의*/ #Board .privacy {width:100%; height:188px; display:inline-block; background:#f9f9f9; font-size:12px;} #Board .privacy .tit{padding-left:15px; margin:15px 0 0 0; font-weight:bold} #Board .privacy .textarea{width:95%; height:105px; margin:10px 15px 0;} #Board .privacy .privacyCheck{ margin-top:10px; padding-right:15px; text-align:right} /*passcheck*/ .xfCon {z-index:100} .pssscheckWrap {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; top:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;} .pssscheck { padding:30px 0; border-top:1px solid #222; border-bottom:1px solid #bbb;} .pssscheck h3 {margin-bottom:13px; display:none;} .pssscheck p {margin-bottom:30px; display:none;} .pssscheckWrap .writeBtnArea {padding-left:0px; margin-top:20px} .pssscheckWrap .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:11px} .cWrite .userInfo .writer{font-size:12px; font-weight:bold; font-family:"NanumGothic",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:"NanumGothic",dotum,taroma} .commentList .listMenu .date{float:left; font-size:11px; color:#999; font-family:"NanumGothic",dotum,taroma} .commentList .listMenu .option{float:right; font-size:11px;} .commentList .listMenu .option span{padding-left:3px} .commentList .listMenu .option .best a{text-decoration:underline} /*latest.basic */ .latest{width:100%;} .latest.basic {font-size:17px;} .latest.basic li{} .latest.basic li .date {float:right;} .latest.basic a{display:inline-block;} .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:0px; border:2px solid #fff;} #gallery #thumb .over{border:2px solid #ff0000; padding:0px;} #gallery .bbsSubject{font-size:11px; color:#666;} .latest.webzine li {width:280px; float:left; margin-left:10px; box-sizing:border-box; border:1px solid #dfdfdf; transition:0.2s; overflow:hidden;} .latest.webzine li:first-child {margin-left:0;} .latest.webzine li img {max-width:100%; width:280px; height:180px; transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s;} .latest.webzine li .img {display:block; width:280px; height:180px; overflow:hidden;} .latest.webzine li:hover {-webkit-box-shadow: 10px 10px 20px -7px rgba(0,0,0,0.36); -moz-box-shadow: 10px 10px 20px -7px rgba(0,0,0,0.36); box-shadow: 10px 10px 20px -7px rgba(0,0,0,0.36);} .latest.webzine li:hover img {transform:scale(1.1); -webkit-transform:scale(1.1);} .latest.webzine li .latestContents {padding:20px;} .latest.webzine li .title {font-size:20px; color:#202020p; display:block; margin:0 0 15px 0; text-align:left; line-height:24px; min-height:48px;} .latest.webzine li .title:hover {color:#2b70aa; text-decoration:underline;} .latest.webzine li .contt {height:140px; overflow:hidden;} .latest.webzine li .contt, .latest.webzine li .contt * {font-size:17px; line-height:24px;} .latest.webzine li .date {font-size:15px; color:#ababab;} /* latest.product */ .latest.product li {position:relative; width:219px; height:221px; border:1px solid #d5d5d5; background:#fff;} .latest.product li span.title {display:block; height:44px; border-top:1px solid #d5d5d5; color:#333; font-size:16px; font-weight:400; text-align:center; line-height:43px;} .latest.product li:hover span.border {position:absolute; top:-1px; left:-1px; display:block; width:217px; height:219px; border:2px solid #0c4b9e;} .latest.product li:hover span {color:#0c4b9e;} .latest.product li a {display:block; width:100%; height:223px; text-align:center;} .latest.product li a img {width:100%; height:175px;} .mainProduct_slide .bx-controls-direction a {position:absolute; top:50%; display:block; width:50px; height:50px; margin-top:-25px; font-size:0; line-height:0;} .mainProduct_slide .bx-controls-direction a.bx-prev {left:-50px; background:url('/images/common/board/main_slide_prev.png') no-repeat 0 0;} .mainProduct_slide .bx-controls-direction a.bx-next {right:-50px; background:url('/images/common/board/main_slide_next.png') no-repeat 0 0;} /* 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 */ #DivContents {margin:30px auto;} #DivContents p {line-height:18px;} #DivContents{clear:both; line-height:1.6; width:95%;} #DivContents p{ margin-top:7px; margin-bottom:7px;} #DivContents blockquote.q1, #DivContents blockquote.q2, #DivContents blockquote.q3, #DivContents blockquote.q4, #DivContents blockquote.q5, #DivContents blockquote.q6, #DivContents blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;} #DivContents blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;} #DivContents blockquote.q2{ padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat;} #DivContents blockquote.q3{ border:1px solid #d9d9d9;} #DivContents blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;} #DivContents blockquote.q5{ border:2px solid #707070;} #DivContents blockquote.q6{ border:1px dashed #707070;} #DivContents blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;} #DivContents sup{ font:10px Tahoma, monospace;} #DivContents sub{ font:10px Tahoma, monospace;} #DivContents table td{ padding:4px;} #DivContents ul li {list-style-type:disc; list-style-position:inside;} #DivContents ol li {list-style-type:decimal; list-style-position:inside;} #Board.list.result-table { } #Board.list.result-table .type1 { border-top: 3px solid #2b70aa;border-bottom:1px solid #808080; } #Board.list.result-table table { border-collapse: collapse; } #Board.list.result-table thead th, #Board.list.result-table tbody td { padding:15px; text-align:center; font-size:18px; border-bottom: 1px solid #aaaaaa; line-height: 24px; border-right: 1px solid #aaaaaa;} #Board.list.result-table thead th { background: #f5f5f5; border-right: 1px solid #2b70aa; color: #2b70aa; font-weight: 400; border-bottom: 2px solid #707070;} #Board.list.result-table thead th:last-child {border-right: none;} #Board.list.result-table tbody td:last-of-type { border-right: none; }