#Board{position:relative; margin-bottom:30px; padding:0 0 0 0px} #Board thead th{font-weight:400;} #Board td{} #Board th, #Board td{padding:13px 0; font-weight:300;} #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%; border-style:solid; border-width:1px 0 0 0; border-color:#333; padding-top:13px;} #Board.form .type1:after {content:''; display:block; clear:both;} #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{text-align:left; font-size:18px; font-weight:300; padding:10px 0;} #Board.form .type1 th{width:230px;/*20180904수정*/ padding-left:20px; vertical-align:middle; color:#333; font-weight:400;} #Board.form .type1 td{padding-left:20px; border:none;} #Board.form .type1 .text {height:50px; box-sizing:border-box; font-size:18px; font-weight:300; width:50%;} #Board.form .type1 .b_process {width:20%;} #Board.form .type1 .tel {width:100px;} #Board.form .type1 .subject .text {width:80%;} #Board.form .type1 .passwd {width:150px;} #Board.form .type1 .nice-select {height:50px; box-sizing:border-box; line-height:47px; font-size:18px; font-weight:300;} #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%;} #Board.form .essential .text {background:#f9f9f9;} #Board.form .essential .nice-select {background:#f9f9f9;} #Board.form .essential iframe {background:#f9f9f9;} #Board.form .essential textarea {background:#f9f9f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; resize:none;} #Board.form .writeBtnArea {margin-top:50px;} /*list.skin*/ #Board.list .type1{width:100%; border-top:1px solid #333;} #Board.list .type1:after {content:''; display:block; clear:both;} #Board.list .type1 caption{display:none} #Board.list .type1 table{width:100%; border-bottom:1px solid #ccc;} #Board.list .type1 tr {transition:background 0.2s;} #Board.list .type1 .subject:hover {font-weight:400; text-decoration:underline;} #Board.list .type1 th, #Board .type1 td {height:30px; border-top:1px solid #e7e7e7; text-align:center; font-size:18px; padding:14px 10px; color:#555;} #Board.list .type1 th{vertical-align:middle;} #Board.list .subject{text-align:left;} #Board.list .subject b {font-weight:400; color:#004ea2;} #Board.list .subject span{margin-left:4px} #Board.list .subject img{vertical-align:middle} #Board.list .W_photo{padding:10px;} #Board.list .comment{color:#333; font-weight:300; color: #004ea2;} #Board.list .postsArea{display:none;} #Board.list.faq th, #Board.list.faq td {padding:20px 15px; word-break:break-all;} #Board.list.faq .subject {background:url('/images/common/ico_acc_plus.png') no-repeat 98% center;} #Board.list.faq .subject.on {background:url('/images/common/ico_acc_minus.png') no-repeat 98% center; font-weight:400; color:#333;} #Board.list.faq .faq_content {background:url('/images/bbs/icon_a.png') no-repeat 15px 18px; padding-top:20px; padding-left:55px;} #Board.list.faq .view_info {transition:background 0.2s;} #Board.list.faq .view_info:hover {background:#f9f9f9;} #Board.list.faq .view_info .ico_q {display:inline-block; background:url('/images/bbs/icon_q.png') no-repeat 0 top; margin-left:0; padding:5px 0 5px 40px;} #Board.list.faq .view_info.on {background:#f9f9f9;} #Board.list.faq .searchSelect .text {width:570px;} #Board.event .type1 {width:100%; border-top:1px solid #333;} #Board.event .type1:after {content:''; display:block; clear:both;} #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; 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%; border-top:1px solid #e0e0e0; border-bottom:1px solid #d0d0d0;} #Board.list .type2:after {content:''; display:block; clear:both;} #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%; border-top:1px solid #333; border-bottom:1px solid #d0d0d0;} #Board.view .type1:after {content:''; display:block; clear:both;} #Board.view .type1 caption{display:none} #Board.view .type1 table{width:100%; 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:middle; background:#f9f9f9} #Board.view .type1 td{text-align:left; padding-left:15px;} #Board.view .subject strong {margin-right:4px;} #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;} #Board.view .viewTitle {background:#f9f9f9; padding:25px; border-bottom:1px solid #dfdfdf;} #Board.view .viewTitle dt {color:#303030; font-size:18px;} #Board.view .viewTitle dd {font-size:16px; font-weight:300; margin-top:10px;} #Board.view .viewContents {padding:30px;} #Board.view .viewContents #DivContents {width:100%; margin:0;} #Board.view .viewContents iframe {max-width:100%;} #Board.view .viewFile {border-top:1px dashed #dfdfdf; padding:20px 30px; color:#555; font-weight:300; font-size:14px;} #Board.view .viewFile img {vertical-align:middle;} #Board.view .viewFile a:hover {text-decoration:underline;} #Board.view .writer_info {line-height:26px; font-size:18px; font-weight:300; padding:20px 30px; border-bottom:1px dashed #d0d0d0;} /* W.staff list.skin (20160120 추가) */ #Board.list .type2{width:100%; border-top:1px solid #e0e0e0; border-bottom:1px solid #d0d0d0;} #Board.list .type2:after {content:''; display:block; clear:both;} #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:after {content:''; display:block; clear:both;} #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%; border-top:2px solid #333} #Board.view .type1_schedule:after {content:''; display:block; clear:both;} #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-weight:300;} #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;} #Board.view .writeBtnArea {margin-bottom:20px;} /*view.skin (GRID)*/ #pjtView:after {content:''; display:block; clear:both;} #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; 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; 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 {} #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;} #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;} #Board .basic.vod .bg_vod {position:absolute; left:0; top:0; display:block; display:none;} #Board .gallery.vod ul li {width:337px; margin:0 15px;} #Board .gallery.vod ul li.nodata {width:100%;} #Board .gallery.vod dl {text-align:left; line-height:27px;} #Board .gallery.vod dd {color:#555; font-weight:300; font-size:16px;} #Board .gallery.vod .subject {text-align:left; font-size:18px; color:#303030; font-weight:400;} #Board .gallery.vod .date {font-size:13px; font-weight:300;} /* 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{float:left; margin:0 0 30px; display:inline-block; text-align:center;} #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 E-book list.skin */ #Board .certifi#ebook ul li{float:left; margin:0 0 50px; width:16.6%; display:inline-block; text-align:center; cursor:pointer;} #Board .certifi#ebook .thumb{width:100%; position:relative; margin:0 auto;} #Board .certifi#ebook .thumb span{display:block;} #Board .certifi#ebook .thumb span img {width:215px; height:305px; border:1px solid #dfdfdf;} #Board .certifi#ebook .subject {font-size:18px; text-align:center; margin:20px 8% 10px; display:block; word-break:break-all; width:84%; line-height:20px;} /*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:30px 10px; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background-color:#f9f9f9; text-align:center; margin-top:50px;} #search label{display:none} #search .search_input{width:170px;} #search input {margin-left:1px; height:50px; line-height:50px; box-sizing:border-box; font-size:18px;} #search .nice-select {min-width:15%; height:50px; line-height:50px; border:1px solid #d0d0d0; color:#666; outline:0; font-size:18px;} #search input.text {width:30%; border:1px solid #d0d0d0; color:#666; padding:0 10px;} /*writeBtnArea*/ #Board .writeBtnArea{width:100%; overflow:hidden; margin:20px 0 0 0; text-align:center; } #Board .writeBtnArea .colLeft{float:left; text-align:left;} #Board .writeBtnArea .colRight{float:right; text-align: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; 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; 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; width: 31px; border:1px solid #dfdfdf; border-radius:2px; padding:8px 0 7px 0; display: inline-block; text-align: center;} /*개인정보동의*/ #Board .privacy {width:100%; display:inline-block; background:#f9f9f9; font-size:12px; padding-bottom:1%; border-bottom:1px solid #dfdfdf;} #Board .privacy .tit{padding-left:15px; margin:15px 0 0 0; font-weight:bold} #Board .privacy .textarea{width:98%; height:190px; margin:1%; padding:1%; box-sizing:border-box; font-size:16px; font-weight:300; resize:none;} #Board .privacy .privacyCheck{text-align:center; font-size:18px;} /*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;} .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;} .commentList .listMenu .date{float:left; font-size:11px; color:#999} .commentList .listMenu .option{float:right; font-size:11px;} .commentList .listMenu .option span{padding-left:3px} .commentList .listMenu .option .best a{text-decoration:underline} /*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.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-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;} /* 카테고리 */ .boardCategory {background:#f9f9f9; height:70px; line-height:70px; text-align:center; border-bottom:1px solid #ccc; margin-bottom:20px;} .boardCategory a {font-size:18px; color:#555; display:inline-block; height:67px; margin:0 35px;} .boardCategory a.tab_on {color:#004ea2; border-bottom:3px solid #004ea2;} .boardBtnArea {text-align:center; margin-bottom:30px;} .boardBtnArea a {margin:2px 0;} .boardBtnArea a.btn_round_blackSmall2 {border-color:#aaa; color:#888;} /*************************************************************************/ /*************************************************************************/ /******************************* 1400px ***********************************/ /*************************************************************************/ /*************************************************************************/ @media only screen and (max-width:1400px){ #Board.list .type1 th, #Board .type1 td {font-size:16px;} #search .nice-select {font-size:16px;} #search input {font-size:16px;} #Board .gallery.vod ul li {width:24%; margin:0 0.5%;} #Board .gallery.vod ul li .thumb {width:auto !important; height:auto;} #Board .gallery.vod ul li img {max-width:100%; height:16vw;} /*Gallery E-book list.skin */ #Board .certifi#ebook ul li {width:20%;} } /*************************************************************************/ /*************************************************************************/ /******************************* 1280px ***********************************/ /*************************************************************************/ /*************************************************************************/ @media only screen and (max-width:1280px){ #Board.list .type1 th, #Board .type1 td {padding:10px; word-break:keep-all;} /*Gallery E-book list.skin */ #Board .certifi#ebook ul li {width:25%; box-sizing:border-box;} #Board .certifi#ebook .subject {font-size:16px;} #Board .certifi#ebook .btn_round_blackSmall {padding:0 10px; font-size:13px;} } /*************************************************************************/ /*************************************************************************/ /******************************* 1024px **********************************/ /*************************************************************************/ /*************************************************************************/ @media only screen and (max-width:1024px){ #Board.list .board_mobile_none {display:none;} #Board.list.faq .searchSelect .select {width:15%;} #Board.list.faq .searchSelect .text {width:60%;} #Board.list.faq .searchSelect input.button {width:13%;} #Board .gallery.vod ul li {width:32%;} #Board .gallery.vod ul li img {height:22vw;} #Board .certifi#ebook .thumb span img {max-width:180px; max-height:255px;} #Board.view .viewTitle {padding:3%;} #Board.view .viewTitle dt {font-size:16px;} #Board.view .viewTitle dd {font-size:14px;} #Board.view .viewContents {padding:3%;} #Board.view .viewFile {padding:2% 3%;} .contentsArea .searchSelect .if {font-size:20px;} .boardCategory {height:60px; line-height:60px;} .boardCategory a {font-size:16px; height:57px; margin:0 2%;} } /*************************************************************************/ /*************************************************************************/ /******************************* 768px ***********************************/ /*************************************************************************/ /*************************************************************************/ @media only screen and (max-width:768px){ #Board.form .type1 th, #Board.form .type1 td {font-size:16px; padding:7px;} #Board.form .type1 .text {height:40px; font-size:15px;} #Board.form .type1 .nice-select {height:40px; line-height:40px; font-size:15px;} #Board .privacy {padding:3% 0;} #Board .privacy .privacyCheck {font-size:16px;} #Board .gallery.vod ul li {height:340px !important;} #Board .gallery.vod .subject {font-size:16px; line-height:normal; margin-bottom:10px;} #Board .gallery.vod dd {font-size:14px; line-height:20px;} #Board .gallery.vod .date {color:#999;} /*Gallery E-book list.skin */ #Board .certifi#ebook ul li {width:33.3%; box-sizing:border-box;} #Board .certifi#ebook .subject {font-size:14px;} #Board.list .board_process {width:15%;} } /*************************************************************************/ /*************************************************************************/ /******************************* 640px ***********************************/ /*************************************************************************/ /*************************************************************************/ @media only screen and (max-width:640px){ #Board.form .type1 th {display:block; width:100%;} #Board.form .type1 td {display:block; width:100%;} #Board.list .type1 .board_mobile_num {width:10%;} #Board .writeBtnArea {margin-top:3%;} #Board.list .writeBtnArea {margin:3% 0;} #Board .writeBtnArea .colLeft {text-align:left; width:60%;} #Board.view .writeBtnArea .colRight {width:100%;} #search {text-align:center; margin-top:0;} #search .category_block {display:block; margin-bottom:5px;} #search .nice-select {width:25%; margin:0;} #search .nice-select.category_select {width:auto; margin:0; min-width:auto;} #search .nice-select span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #search input.text {width:45%;} #search input.category_text {width:73%;} #search input {width:20%; margin-top:0;} #Board .gallery.vod ul li {height:300px !important;} #Board .certifi#ebook ul li {width:33.3%;} #Board .certifi#ebook .thumb span img {width:160px; height:227px;} #Board.list.faq .searchSelect {text-align:center;} #Board.list.faq .searchSelect .if {font-size:18px; margin-bottom:3%;} #Board.list.faq .searchSelect .select {height:40px; line-height:40px; font-size:14px;} #Board.list.faq .searchSelect .text {width:50%;} .boardCategory {height:55px; line-height:55px;} .boardCategory a {font-size:15px; height:52px; margin:0 2%;} .boardCategory.active a {font-size:14px;} #Board .privacy {padding:3% 0;} } /*************************************************************************/ /*************************************************************************/ /******************************* 520px ***********************************/ /*************************************************************************/ /*************************************************************************/ @media only screen and (max-width:520px){ #Board.list .type1 th, #Board .type1 td {font-size:3.2vw;} #Board .writeBtnArea .colLeft {text-align:right; width:100%;} #Board.list .writeBtnArea .colLeft {text-align:left; width:50%;} #Board.list .writeBtnArea .colRight {text-align:right; width:50%;} #search {margin-top:5%; padding:3%;} #search input {/*181004 resize width 20*/width:22%; min-width:auto; font-size:inherit; height:40px; line-height:40px; box-sizing:border-box; /*text-align 추가*/ text-align:center;} #search .nice-select {font-size:inherit; height:40px; line-height:40px; margin-right:0;} #Board.form .type1 th, #Board.form .type1 td {font-size:16px; padding:7px;} #Board.form .type1 .text {height:40px; font-size:inherit; width:100%;} #Board.form .type1 .tel {width:29%;} #Board.form .type1 .passwd {width:30%;} #Board.form .type1 .subject .text {width:100%;} #Board.form .type1 .file {width:100%; box-sizing:border-box;} #Board.form .type1 .nice-select {height:40px; line-height:40px; font-size:inherit;} #Board .privacy {padding:3% 0;} #Board .privacy .privacyCheck {font-size:3.4vw; margin-top:3%;} #Board.list.faq .searchSelect .if {font-size:16px;} #Board .gallery.vod ul li {width:47%; height:250px !important; margin-bottom:3%;} #Board .gallery.vod ul li:nth-child(odd) {float:left;} #Board .gallery.vod ul li:nth-child(even) {float:right;} #Board .gallery.vod ul li img {height:32vw;} /*Gallery E-book list.skin */ #Board .certifi#ebook ul li {width:50%;} #Board .certifi#ebook .thumb {width:auto; height:auto;} #Board .certifi#ebook .thumb span img {width:140px; height:199px;} #Board .certifi#ebook .subject {letter-spacing:-0.5px; word-break:break-all;} .boardCategory a {/*resize font 3vw*/font-size:2.9vw; margin:0 1%;} } /*************************************************************************/ /*************************************************************************/ /******************************* 480px ***********************************/ /*************************************************************************/ /*************************************************************************/ @media only screen and (max-width:480px){ #Board.form .type1 th, #Board.form .type1 td {padding:7px 0;} #Board.form .type1 th {display:block; width:100%; font-size:3.6vw;} #Board.form .type1 td {display:block; width:100%; font-size:3.4vw; height:auto;} #Board.form .type1 .text {width:100%; height:34px; line-height:34px;} #Board.form .type1 .tel {width:29%;} #Board.form .type1 .nice-select {height:34px; line-height:34px;} #Board.form .type1 .passwd {width:30%;} #Board .privacy .textarea {font-size:3.4vw;} #Board.list .type1 thead {display:none;} #Board.list .type1 th, #Board .type1 td {font-size:3.6vw; padding:2%;} #Board.list .board_process {width:20%;} #Board.list.faq .searchSelect .select {font-size:inherit;} #Board.list.faq .searchSelect .if {font-size:4vw;} #Board.list.faq .searchSelect .select {width:25%; min-width:auto;} #Board.list.faq .searchSelect .text {width:45%; font-size:inherit;} #Board.list.faq .searchSelect input.button {width:20%; font-size:inherit;} #Board.list.faq th, #Board.list.faq td {padding:15px 25px 15px 15px;} #Board.list.faq .subject {background-size:10px;} #Board.list.faq .subject.on {background-size:10px;} #Board.list.faq .subject img {width:20px;} #Board.list.faq .view_info .ico_q {background-size:20px; padding-left:27px; padding:2px 0 2px 26px;} #Board.list.faq .faq_content {background-size:20px; padding-left:40px; padding-top:17px;} #Board.list.faq .faq_content * {max-width:100%; display:inline-block; font-size:3.6vw;} .boardCategory {height:50px; line-height:50px;} .boardCategory a {font-size:3vw; height:47px; margin:0 3px;} .boardBtnArea .btn_round_whiteSmall2, .boardBtnArea .btn_round_blackSmall2 {margin-bottom:3px; height:28px; line-height:28px; font-size:3.6vw;} /*Gallery E-book list.skin */ #Board .certifi#ebook ul li {width:50%; padding:2%;} #Board .certifi#ebook .thumb span img {width:130px; height:184px;} #Board .certifi#ebook .subject {font-size:3.6vw; margin:8% 5%; position:relative; width:90%; line-height:18px} #Board .certifi#ebook .subject span {position:absolute; right:0; top:0;} #Board .certifi#ebook .btn_round_blackSmall {min-width:35px; font-size:3.4vw; height:25px; line-height:25px;} #Board .gallery.vod .subject {font-size:4vw; margin-bottom:2%;} #Board .gallery.vod dd {font-size:3.4vw; margin-bottom:2%;} #Board .gallery.vod .date {font-size:3.2vw;} #Board.view .viewTitle dt {font-size:4vw;} #Board.view .viewTitle dd {font-size:3.4vw;} #Board.view .viewFile {font-size:3.4vw; padding:3%;} #search .nice-select {height:34px; line-height:34px; font-size:3.6vw;vertical-align:bottom;} #search input {height:34px; line-height:34px; font-size:3.6vw;} #search .nice-select span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #search .btn_search {font-size:3.2vw; text-align:center; text-indent:-5px;} } /*************************************************************************/ /*************************************************************************/ /******************************* 360px ***********************************/ /*************************************************************************/ /*************************************************************************/ @media only screen and (max-width:360px){ .boardCategory a {font-size:3.4vw; height:47px; margin:0;} }