/* ****************** 배너관리 - 슬라이드 (기본형) ****************** */ @font-face { font-family:'icomoon_slider'; src:url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot'); src:url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'), url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.woff') format('woff'), url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.ttf') format('truetype'), url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.svg#icomoon_slider') format('svg'); font-weight:normal; font-style:normal; } .pm-banner {background-image : url('/img_up/shop_pds/knesadg/farm/main_bg1713231304.png');} .pm-banner_slide_basic__433146_ {max-width:1200px; margin:0 auto} .pm-banner_slide_basic__433146_ a {border:none} .pm-banner_slide_basic__433146_ a img {border:none} .pm-banner_slide_basic__433146_ .owl-item {} .pm-banner_slide_basic__433146_ .item {position:relative} .pm-banner_slide_basic__433146_ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-banner_slide_basic__433146_ .owl-nav [class*='owl-'] {position:absolute;top:50%;z-index:2;width:40px;height:40px;line-height:40px;margin-top:-20px;font-size:0;cursor:pointer;opacity:0.7} .pm-banner_slide_basic__433146_ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:40px;font-weight:bold;color:#fff} .pm-banner_slide_basic__433146_ .owl-nav [class*='owl-']:hover {opacity:1} .pm-banner_slide_basic__433146_ .owl-nav .owl-prev {left:5px} .pm-banner_slide_basic__433146_ .owl-nav .owl-next {right:5px} .pm-banner_slide_basic__433146_ .owl-nav .owl-prev:before {content:'\e600'} .pm-banner_slide_basic__433146_ .owl-nav .owl-next:before {content:'\e601'} .pm-banner_slide_basic__433146_ .owl-nav .disabled {opacity:0.5;cursor:default} .pm-banner_slide_basic__433146_ .owl-dots {position:absolute;left:0;width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center;} .pm-banner_slide_basic__433146_ .owl-dots .owl-dot {display:inline-block} .pm-banner_slide_basic__433146_ .owl-dots .owl-dot span {display:block;width:10px;height:10px;margin:0 4px;background:#ddd;border-radius:30px;transition:opacity 200ms ease} .pm-banner_slide_basic__433146_ .owl-dots .owl-dot.active span, .pm-banner_slide_basic__433146_ .owl-dots .owl-dot:hover span {background:#999} /* ****************** 1칸 레이아웃 ****************** */ .layout_552771_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto; padding:0 10px} .layout_552771_ > div:after {content:''; display:block; clear:both;} .layout_552771_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_552771_ {min-width:1200px;} } /* ****************** 공백(PC+모바일) ****************** */ .empty_line_552781_ {display:block; width:100%; height:30px; line-height:30px;} } @media (max-width:1023px){ .empty_line_552781_ {display:block; width:100%; height:64px; line-height:64px;} } @media (min-width:1024px){ .empty_line_552781_ {display:block; width:100%; height:64px; line-height:64px;} } [id^=div_user_list] .empty_line_552781_ {display:block; border:1px dotted #f00;} [id^=div_user_list] .empty_line_552781_:before {content:'공백 : 64px (PC+모바일)'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 타이틀 텍스트+링크 ****************** */ .title__13269__ {position:relative; font-size:0;} .title__13269__ p { display:inline-block; position:relative; margin:0; padding:0; font-size:20px; font-weight:bold; color:#000000; letter-spacing:-.03em; line-height:1.4em; } .title__13269__ p:before {content:''; position:absolute; background:#0256d0; font-size:0;} .title__13269__.style_top p {padding-top:10px;} .title__13269__.style_top p:before {top:0; left:0; width:20px; height:4px;} .title__13269__.style_right p {padding-right:14px;} .title__13269__.style_right p:before {top:16%; right:0; width:4px; height:20px;} .title__13269__.style_bottom p {padding-bottom:12px;} .title__13269__.style_bottom p:before {left:0; bottom:0; width:20px; height:4px;} .title__13269__.style_left p {padding-left:14px;} .title__13269__.style_left p:before {top:16%; left:0; width:4px; height:20px;} .title__13269__.style_circle1 p {padding-left:18px;} .title__13269__.style_circle1 p:before { top:0; bottom:0; left:0; width:10px; height:10px; margin:auto; border-radius:50%; } .title__13269__.style_circle2 p {padding-left:18px;} .title__13269__.style_circle2 p:before { top:0; left:0; bottom:0; width:10px; height:10px; margin:auto; border-radius:50%; border:2px solid #0256d0; background:none; box-sizing:border-box; } .title__13269__ a {position:absolute; top:0; right:0; bottom:0; height:20px; margin:auto; font-size:12px; color:#999;} .title__13269__ a:hover {color:#0256d0;} .title__13269__.style_top a {top:10px;} .title__13269__.style_bottom a {bottom:12px;} .title__13269__ a.cross {width:20px; text-indent:-9999px;} .title__13269__ a.cross:before, .title__13269__ a.cross:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; background:#999;} .title__13269__ a.cross:before {width:2px; height:12px;} .title__13269__ a.cross:after {width:12px; height:2px;} .title__13269__ a.cross:hover:before, .title__13269__ a.cross:hover:after {background:#0256d0;} /* ****************** 공백(PC+모바일) ****************** */ .empty_line_552801_ {display:block; width:100%; height:15px; line-height:15px;} } @media (max-width:1023px){ .empty_line_552801_ {display:block; width:100%; height:30px; line-height:30px;} } @media (min-width:1024px){ .empty_line_552801_ {display:block; width:100%; height:30px; line-height:30px;} } [id^=div_user_list] .empty_line_552801_ {display:block; border:1px dotted #f00;} [id^=div_user_list] .empty_line_552801_:before {content:'공백 : 30px (PC+모바일)'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 최근 게시글 - 앨범형 (반응형) ****************** */ .pm-board_album__552811_ * {box-sizing:border-box} .pm-board_album__552811_ ul {margin:0;padding:0;list-style:none} .pm-board_album__552811_ ul:after {content:'';display:block;clear:both} .pm-board_album__552811_ li {float:left} .pm-board_album__552811_ li.clear {clear:both} .pm-board_album__552811_ li a {display:block;text-align:center;color:#333;padding:10px 10px 30px} .pm-board_album__552811_ .figure {margin:0} .pm-board_album__552811_ .figure img {display:block;margin:0 auto} .pm-board_album__552811_ .figure span {display:block;min-width:50px;max-width:120px;height:90px;margin:0 auto;font-size:12px;color:#999;line-height:90px;font-family:Arial;background:#eee;border:1px solid #ccc} .pm-board_album__552811_ .bd {margin:8px 0 0;font-size:13px} .pm-board_album__552811_ .date {margin:5px 0 0;font-size:12px;font-family:Arial;color:#888} .pm-board_album__552811_ .bd, .pm-board_album__552811_ .date {white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pm-board_album__552811_ .comment {font-weight:normal;color:#888} .pm-board_album__552811_ .empty {padding:10px 8px;font-size:14px;color:#666;text-align:center;width:100% !important} @media (max-width:767px){ .pm-board_album__552811_.col_m2 li {width:50%} .pm-board_album__552811_.col_m3 li {width:33.33%} .pm-board_album__552811_.col_m4 li {width:25%} .pm-board_album__552811_.col_m5 li {width:20%} .pm-board_album__552811_.col_m6 li {width:16.66%} .pm-board_album__552811_ li.clear_m {clear:both} } @media (min-width:768px) and (max-width:1023px){ .pm-board_album__552811_.col_t2 li {width:50%} .pm-board_album__552811_.col_t3 li {width:33.33%} .pm-board_album__552811_.col_t4 li {width:25%} .pm-board_album__552811_.col_t5 li {width:20%} .pm-board_album__552811_.col_t6 li {width:16.66%} .pm-board_album__552811_ li.clear_t {clear:both} } @media (min-width:1024px){ .pm-board_album__552811_.col_p2 li {width:50%} .pm-board_album__552811_.col_p3 li {width:33.33%} .pm-board_album__552811_.col_p4 li {width:25%} .pm-board_album__552811_.col_p5 li {width:20%} .pm-board_album__552811_.col_p6 li {width:16.66%} .pm-board_album__552811_ li.clear_p {clear:both} } /* ****************** 1칸 레이아웃 ****************** */ .layout_433306_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_433306_ > div:after {content:''; display:block; clear:both;} .layout_433306_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_433306_ {min-width:1200px;} } /* ****************** 공백(PC+모바일) ****************** */ .empty_line_433296_ {display:block; width:100%; height:30px; line-height:30px;} } @media (max-width:1023px){ .empty_line_433296_ {display:block; width:100%; height:64px; line-height:64px;} } @media (min-width:1024px){ .empty_line_433296_ {display:block; width:100%; height:64px; line-height:64px;} } [id^=div_user_list] .empty_line_433296_ {display:block; border:1px dotted #f00;} [id^=div_user_list] .empty_line_433296_:before {content:'공백 : 64px (PC+모바일)'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 타이틀 텍스트+링크 ****************** */ .title__13269__ {position:relative; font-size:0;} .title__13269__ p { display:inline-block; position:relative; margin:0; padding:0; font-size:20px; font-weight:bold; color:#000000; letter-spacing:-.03em; line-height:1.4em; } .title__13269__ p:before {content:''; position:absolute; background:#0256d0; font-size:0;} .title__13269__.style_top p {padding-top:10px;} .title__13269__.style_top p:before {top:0; left:0; width:20px; height:4px;} .title__13269__.style_right p {padding-right:14px;} .title__13269__.style_right p:before {top:16%; right:0; width:4px; height:20px;} .title__13269__.style_bottom p {padding-bottom:12px;} .title__13269__.style_bottom p:before {left:0; bottom:0; width:20px; height:4px;} .title__13269__.style_left p {padding-left:14px;} .title__13269__.style_left p:before {top:16%; left:0; width:4px; height:20px;} .title__13269__.style_circle1 p {padding-left:18px;} .title__13269__.style_circle1 p:before { top:0; bottom:0; left:0; width:10px; height:10px; margin:auto; border-radius:50%; } .title__13269__.style_circle2 p {padding-left:18px;} .title__13269__.style_circle2 p:before { top:0; left:0; bottom:0; width:10px; height:10px; margin:auto; border-radius:50%; border:2px solid #0256d0; background:none; box-sizing:border-box; } .title__13269__ a {position:absolute; top:0; right:0; bottom:0; height:20px; margin:auto; font-size:12px; color:#999;} .title__13269__ a:hover {color:#0256d0;} .title__13269__.style_top a {top:10px;} .title__13269__.style_bottom a {bottom:12px;} .title__13269__ a.cross {width:20px; text-indent:-9999px;} .title__13269__ a.cross:before, .title__13269__ a.cross:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; background:#999;} .title__13269__ a.cross:before {width:2px; height:12px;} .title__13269__ a.cross:after {width:12px; height:2px;} .title__13269__ a.cross:hover:before, .title__13269__ a.cross:hover:after {background:#0256d0;} /* ****************** 공백(PC+모바일) ****************** */ .empty_line_433326_ {display:block; width:100%; height:10px; line-height:10px;} } @media (max-width:1023px){ .empty_line_433326_ {display:block; width:100%; height:30px; line-height:30px;} } @media (min-width:1024px){ .empty_line_433326_ {display:block; width:100%; height:30px; line-height:30px;} } [id^=div_user_list] .empty_line_433326_ {display:block; border:1px dotted #f00;} [id^=div_user_list] .empty_line_433326_:before {content:'공백 : 30px (PC+모바일)'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 맞춤게시판 - 앨범형 (반응형) ****************** */ .pm-myboard_album_responsive__429556_ {overflow:hidden} .pm-myboard_album_responsive__429556_ * {box-sizing:border-box} .pm-myboard_album_responsive__429556_ ul { margin:0;padding:0;list-style:none; margin-top:-10px;margin-left:-10px; } .pm-myboard_album_responsive__429556_ ul:after {content:'';display:block;clear:both} .pm-myboard_album_responsive__429556_ li {float:left;width:100%;padding-top:10px;padding-left:10px} .pm-myboard_album_responsive__429556_ li.clear {clear:both} .pm-myboard_album_responsive__429556_ li a {display:block;position:relative;color:#333;text-align:center;text-decoration:none} .pm-myboard_album_responsive__429556_ li img {display:block;width:100%;margin:0 auto} .pm-myboard_album_responsive__429556_ .empty {width:100%;padding:10px 0;color:#666;font-size:14px;text-align:center} .pm-myboard_album_responsive__429556_ .caption {margin:0;font-size:13px;line-height:1.6em;vertical-align:middle;text-align:center} .pm-myboard_album_responsive__429556_ .caption dt span {display:block;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pm-myboard_album_responsive__429556_ .caption dd {margin:0} .pm-myboard_album_responsive__429556_ .caption dd span {display:block;padding:2px 0} .pm-myboard_album_responsive__429556_ .caption .subject {font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pm-myboard_album_responsive__429556_ .caption .date {font-size:12px;color:#888} .pm-myboard_album_responsive__429556_ .caption .icon img {display:inline-block;width:auto;margin:0 auto} .pm-myboard_album_responsive__429556_ .caption.over {position:absolute;left:0;right:0;bottom:0;padding:5px;background:#333;background:rgba(0,0,0,0.5)} .pm-myboard_album_responsive__429556_ .caption.over span {text-shadow:-1px 0 1px rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2)} .pm-myboard_album_responsive__429556_ .caption.over .subject {color:#fff} .pm-myboard_album_responsive__429556_ .caption.over .date {display:none} .pm-myboard_album_responsive__429556_ .caption.over .icon {display:none} .pm-myboard_album_responsive__429556_ .caption.down {padding:10px 0} .pm-myboard_album_responsive__429556_ .caption.none {display:none} @media (max-width:767px){ .pm-myboard_album_responsive__429556_ li {width:50%} .pm-myboard_album_responsive__429556_ li.m_clear {clear:both} } @media (min-width:768px) and (max-width:1023px){ .pm-myboard_album_responsive__429556_ li {width:33.333333333333%} .pm-myboard_album_responsive__429556_ li.t_clear {clear:both} } @media (min-width:1024px){ .pm-myboard_album_responsive__429556_ li {width:16.666666666667%} .pm-myboard_album_responsive__429556_ li.p_clear {clear:both} } /* ****************** 1칸 레이아웃 ****************** */ .layout_433156_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_433156_ > div:after {content:''; display:block; clear:both;} .layout_433156_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_433156_ {min-width:1200px;} } /* ****************** 공백(PC+모바일) ****************** */ .empty_line_433166_ {display:block; width:100%; height:30px; line-height:30px;} } @media (max-width:1023px){ .empty_line_433166_ {display:block; width:100%; height:64px; line-height:64px;} } @media (min-width:1024px){ .empty_line_433166_ {display:block; width:100%; height:64px; line-height:64px;} } [id^=div_user_list] .empty_line_433166_ {display:block; border:1px dotted #f00;} [id^=div_user_list] .empty_line_433166_:before {content:'공백 : 64px (PC+모바일)'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 타이틀 텍스트+링크 ****************** */ .title__13269__ {position:relative; font-size:0;} .title__13269__ p { display:inline-block; position:relative; margin:0; padding:0; font-size:20px; font-weight:bold; color:#000000; letter-spacing:-.03em; line-height:1.4em; } .title__13269__ p:before {content:''; position:absolute; background:#0256d0; font-size:0;} .title__13269__.style_top p {padding-top:10px;} .title__13269__.style_top p:before {top:0; left:0; width:20px; height:4px;} .title__13269__.style_right p {padding-right:14px;} .title__13269__.style_right p:before {top:16%; right:0; width:4px; height:20px;} .title__13269__.style_bottom p {padding-bottom:12px;} .title__13269__.style_bottom p:before {left:0; bottom:0; width:20px; height:4px;} .title__13269__.style_left p {padding-left:14px;} .title__13269__.style_left p:before {top:16%; left:0; width:4px; height:20px;} .title__13269__.style_circle1 p {padding-left:18px;} .title__13269__.style_circle1 p:before { top:0; bottom:0; left:0; width:10px; height:10px; margin:auto; border-radius:50%; } .title__13269__.style_circle2 p {padding-left:18px;} .title__13269__.style_circle2 p:before { top:0; left:0; bottom:0; width:10px; height:10px; margin:auto; border-radius:50%; border:2px solid #0256d0; background:none; box-sizing:border-box; } .title__13269__ a {position:absolute; top:0; right:0; bottom:0; height:20px; margin:auto; font-size:12px; color:#999;} .title__13269__ a:hover {color:#0256d0;} .title__13269__.style_top a {top:10px;} .title__13269__.style_bottom a {bottom:12px;} .title__13269__ a.cross {width:20px; text-indent:-9999px;} .title__13269__ a.cross:before, .title__13269__ a.cross:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; background:#999;} .title__13269__ a.cross:before {width:2px; height:12px;} .title__13269__ a.cross:after {width:12px; height:2px;} .title__13269__ a.cross:hover:before, .title__13269__ a.cross:hover:after {background:#0256d0;} /* ****************** 공백(PC+모바일) ****************** */ .empty_line_433186_ {display:block; width:100%; height:15px; line-height:15px;} } @media (max-width:1023px){ .empty_line_433186_ {display:block; width:100%; height:30px; line-height:30px;} } @media (min-width:1024px){ .empty_line_433186_ {display:block; width:100%; height:30px; line-height:30px;} } [id^=div_user_list] .empty_line_433186_ {display:block; border:1px dotted #f00;} [id^=div_user_list] .empty_line_433186_:before {content:'공백 : 30px (PC+모바일)'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 8칸 탭 레이아웃 ****************** */ .layout_429436_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto; padding:0 10px} .layout_429436_ > ul {margin:0; padding:0; list-style:none;} .layout_429436_ > #tab_ul_429436_ {display:none;} .layout_429436_ > #tab_ul_429436_:after {content:''; display:block; clear:both;} .layout_429436_ > #tab_ul_429436_ > li {float:left; width:12.5%; border-right:1px solid #e1e2e3; box-sizing:border-box;} .layout_429436_ > #tab_ul_429436_ > li:first-child {border-left:1px solid #e1e2e3;} .layout_429436_ > #tab_ul_429436_ > li > a { display:block; padding:2px 0px 0; border-top:1px solid #e1e2e3; border-bottom:1px solid #e1e2e3; background:#f9f9f9; font-size:14px; font-weight:bold; color:#888; text-align:center; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .layout_429436_ > #tab_ul_429436_ > li.on > a { padding:0 5px 1px; border-top:3px solid #0256d0; border-bottom:none; background:#fff; color:#0256d0; } .layout_429436_ > #box_ul_429436_ > li > a { display:block; height:30px; line-height:30px; padding:0 5px; border:1px solid #e1e2e3; background:#f9f9f9; font-size:13px; font-weight:bold; color:#888; text-align:center; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .layout_429436_ > #box_ul_429436_ > li > div {overflow:hidden; padding:0px; background:#fff; box-sizing:border-box;} .layout_429436_ > #box_ul_429436_ > li.on {display:block;} .layout_429436_ > #box_ul_429436_ > li.on > a {border-color:#0256d0; background:#fff; color:#0256d0;} .layout_429436_.type_HOR > #tab_ul_429436_ {display:block;} .layout_429436_.type_HOR > #box_ul_429436_ > li > a {display:none;} .text_sml_429436_ > #tab_ul_429436_ > li > a {height:40px; line-height:40px; font-size:12px;} .text_sml_429436_ > #box_ul_429436_ > li > a {font-size:12px;} .text_mid_429436_ > #tab_ul_429436_ > li > a {height:44px; line-height:44px; font-size:16px;} .text_mid_429436_ > #box_ul_429436_ > li > a {font-size:14px;} .text_big_429436_ > #tab_ul_429436_ > li > a {height:48px; line-height:48px; font-size:18px;} .text_big_429436_ > #box_ul_429436_ > li > a {font-size:15px;} [id^=div_user_list] .layout_429436_ > #tab_ul_429436_ {display:none !important;} [id^=div_user_list] .layout_429436_ > #box_ul_429436_ > li {display:block !important;} [id^=div_user_list] .layout_429436_ > #box_ul_429436_ > li > a {display:block !important;} [id^=div_user_list] .layout_429436_ > #box_ul_429436_ > li > div {display:block !important;} @media (min-width:1024px){ .layout_429436_.type_HOR > #tab_ul_429436_, .layout_429436_.type_RES > #tab_ul_429436_ {display:block;} .layout_429436_.type_HOR > #box_ul_429436_ > li > a, .layout_429436_.type_RES > #box_ul_429436_ > li > a {display:none;} .layout_429436_.type_HOR.border_true > #box_ul_429436_ > li > div, .layout_429436_.type_RES.border_true > #box_ul_429436_ > li > div {border:1px solid #e1e2e3; border-top:none;} .text_sml_429436_ > #tab_ul_429436_ > li > a {height:40px; line-height:40px; font-size:16px;} .text_sml_429436_ > #box_ul_429436_ > li > a {font-size:14px;} } @media \0screen{ .layout_429436_ {min-width:1200px;} .layout_429436_.type_HOR > #tab_ul_429436_, .layout_429436_.type_RES > #tab_ul_429436_ {display:block;} .layout_429436_.type_HOR > #box_ul_429436_ > li > a, .layout_429436_.type_RES > #box_ul_429436_ > li > a {display:none;} .layout_429436_.type_HOR.border_true > #box_ul_429436_ > li > div, .layout_429436_.type_RES.border_true > #box_ul_429436_ > li > div {border:1px solid #e1e2e3; border-top:none;} } /* ****************** 맞춤게시판 - 목록형 ****************** */ .st_mybd_m_show {display:none} .st_cate_list_wrap {margin-bottom:15px} .st_cate_list_wrap .btn_category {display:block;width:100%;height:40px;border:1px solid #555555;background:#fff;font-size:14px;color:#555555;cursor:pointer} .st_cate_list_wrap .btn_category .icon {display:inline-block;position:relative;width:12px;height:10px;margin-right:8px;background:#555555} .st_cate_list_wrap .btn_category .icon:before {content:'';position:absolute;top:2px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category .icon:after {content:'';position:absolute;top:6px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category.on {background:#555555;color:#fff} .st_cate_list_wrap .btn_category.on .icon {background:#fff} .st_cate_list_wrap .btn_category.on .icon:before {background:#555555} .st_cate_list_wrap .btn_category.on .icon:after {background:#555555} .st_cate_list_wrap .st_cate_list {display:none;margin:8px 0 0 -4px;padding:0} .st_cate_list_wrap .st_cate_list.on {display:block} .st_cate_list_wrap .st_cate_list:after {content:'';display:block;clear:both} .st_cate_list_wrap .st_cate_list li {box-sizing:border-box;float:left;width:50%;margin:0;padding:0 0 4px 4px;list-style-type:none} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:both} .st_cate_list_wrap .st_cate_list li a {box-sizing:border-box;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px;border:0px solid #ccc;background:#096ea9;font-size:14px;color:#ffffff;text-align:center} .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} .st_mybd_page {margin:0 0 10px;font-size:12px;text-align:right} .st_mybd_list {width:100%;border-top:0px solid #a5a5a5;border-bottom:0px solid #a5a5a5;background:#fff;border-collapse:separate;border-spacing:0} .st_mybd_list thead tr th {position:relative;height:40px;border-bottom:1px solid #a5a5a5;font-size:14px;color:#333333} .st_mybd_list thead tr th:before {content:'';display:block;position:absolute;top:0;left:0;width:0px;height:0px;background:#a5a5a5} .st_mybd_list thead tr th:first-child:before {display:none} .st_mybd_list tbody tr td {height:20px;padding:20px 5px;border-top:1px solid #e4e4e4;font-size:16px;color:#666666;text-align:center;line-height:20px;letter-spacing:-.03em} .st_mybd_list tbody tr:hover td {background:#fafafa} .st_mybd_list tbody tr:first-child td {border-top:0} .st_mybd_list tbody tr td.st_mybd_subject {padding-left:10px;text-align:left} .st_mybd_list tbody tr td a {color:#666666} .st_mybd_list tbody tr td a:hover {color:#444444} .st_mybd_list tbody tr td.st_mybd_none_data {text-align:center;line-height:150px} .st_mybd_list tbody tr td .secret_icon {margin-left:4px} .st_mybd_paginate {margin:10px 0 0;text-align:center} .st_mybd_paginate * {font-size:12px !important} .st_mybd_list_btn {margin:15px 0 0;padding:0;text-align:center} .st_mybd_list_btn a, .st_mybd_list_btn button {margin:2px 0} .st_mybd_list_btn * {vertical-align:top} /* 버튼 */ .st_mybd_btn_type1 {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #dfdfdf;background:#dfdfdf;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#5f5f5f;line-height:20px;text-decoration:none;cursor:pointer} .st_mybd_btn_type1:hover:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .05)} .st_mybd_btn_type1.st_mybd_small {height:25px;padding:1px 10px;font-size:11px} .st_mybd_btn_type1.st_mybd_medium {height:35px;padding:6px 20px 8px} .st_mybd_btn_type1.st_mybd_big {height:45px;padding:12px 30px} .st_mybd_btn_type1.st_mybd_highlight {border:1px solid #4e4e4e;background:#4e4e4e;color:#ffffff} .st_mybd_btn_type1.st_mybd_highlight:hover:before {background:rgba(255, 255, 255, .15)} .st_mybd_search_form {margin-top:30px;padding:10px 0;background:#f5f5f5;text-align:center} .st_mybd_search_form * {vertical-align:middle} .st_mybd_search_form select {height:28px} .st_mybd_search_form .search_input {display:inline-block} .st_mybd_search_form .search_input input[type=text] {box-sizing:border-box;width:180px;max-width:100%;height:28px;padding:0 5px;border:1px solid #dddddd;font-size:13px} .st_mybd_search_form .search_input .st_mybd_btn_search {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #4e4e4e;background:#4e4e4e;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#fff;line-height:20px;text-decoration:none;cursor:pointer} @media all and (max-width:767px){ .st_mybd_m_hide {display:none} .st_mybd_m_show {display:block} .st_mybd_division_line {display:inline-block;position:relative;top:2px;width:1px;height:12px;margin:0 5px;background:#cccccc} .st_mybd_list colgroup {display:none} .st_mybd_list thead {display:none} .st_mybd_list tbody tr td {display:none;padding:9px 10px 12px} .st_mybd_list tbody tr td.st_mybd_m_show_td {display:table-cell;text-align:left;line-height:18px} .st_mybd_list tbody tr td .st_mybd_m_title {display:block;padding:2px 0;font-weight:bold;color:#444444 !important} .st_mybd_list tbody tr td .st_mybd_m_show {margin-top:3px;font-size:12px} .st_mybd_list tbody tr td.st_mybd_none_data {display:table-cell} .st_mybd_search_form .search_input {display:block;margin-top:5px} } @media all and (min-width:768px){ .st_cate_list_wrap {margin-bottom:30px;padding:15px 20px;border:1px solid #a5a5a5;border-radius:5px} .st_cate_list_wrap .btn_category {display:none} .st_cate_list_wrap .st_cate_list {display:block;margin:0;padding:0} .st_cate_list_wrap .st_cate_list li {position:relative;width:auto;margin-right:15px;padding:0 15px 0 0} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:none} //.st_cate_list_wrap .st_cate_list li:before {content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background:#ddd} .st_cate_list_wrap .st_cate_list li a {padding:5px 20px 5px 20px; border-radius:20px ;background:#096ea9;font-size:16px;color:#ffffff;letter-spacing:-.03em; } .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} } @media all and (min-width:1024px){ .st_cate_list_wrap {padding:20px 25px} .st_cate_list_wrap .st_cate_list li {margin-right:10px;padding-right:10px;} } /* ****************** 맞춤게시판 - 목록형 ****************** */ .st_mybd_m_show {display:none} .st_cate_list_wrap {margin-bottom:15px} .st_cate_list_wrap .btn_category {display:block;width:100%;height:40px;border:1px solid #555555;background:#fff;font-size:14px;color:#555555;cursor:pointer} .st_cate_list_wrap .btn_category .icon {display:inline-block;position:relative;width:12px;height:10px;margin-right:8px;background:#555555} .st_cate_list_wrap .btn_category .icon:before {content:'';position:absolute;top:2px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category .icon:after {content:'';position:absolute;top:6px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category.on {background:#555555;color:#fff} .st_cate_list_wrap .btn_category.on .icon {background:#fff} .st_cate_list_wrap .btn_category.on .icon:before {background:#555555} .st_cate_list_wrap .btn_category.on .icon:after {background:#555555} .st_cate_list_wrap .st_cate_list {display:none;margin:8px 0 0 -4px;padding:0} .st_cate_list_wrap .st_cate_list.on {display:block} .st_cate_list_wrap .st_cate_list:after {content:'';display:block;clear:both} .st_cate_list_wrap .st_cate_list li {box-sizing:border-box;float:left;width:50%;margin:0;padding:0 0 4px 4px;list-style-type:none} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:both} .st_cate_list_wrap .st_cate_list li a {box-sizing:border-box;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px;border:0px solid #ccc;background:#096ea9;font-size:14px;color:#ffffff;text-align:center} .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} .st_mybd_page {margin:0 0 10px;font-size:12px;text-align:right} .st_mybd_list {width:100%;border-top:0px solid #a5a5a5;border-bottom:0px solid #a5a5a5;background:#fff;border-collapse:separate;border-spacing:0} .st_mybd_list thead tr th {position:relative;height:40px;border-bottom:1px solid #a5a5a5;font-size:14px;color:#333333} .st_mybd_list thead tr th:before {content:'';display:block;position:absolute;top:0;left:0;width:0px;height:0px;background:#a5a5a5} .st_mybd_list thead tr th:first-child:before {display:none} .st_mybd_list tbody tr td {height:20px;padding:20px 5px;border-top:1px solid #e4e4e4;font-size:16px;color:#666666;text-align:center;line-height:20px;letter-spacing:-.03em} .st_mybd_list tbody tr:hover td {background:#fafafa} .st_mybd_list tbody tr:first-child td {border-top:0} .st_mybd_list tbody tr td.st_mybd_subject {padding-left:10px;text-align:left} .st_mybd_list tbody tr td a {color:#666666} .st_mybd_list tbody tr td a:hover {color:#444444} .st_mybd_list tbody tr td.st_mybd_none_data {text-align:center;line-height:150px} .st_mybd_list tbody tr td .secret_icon {margin-left:4px} .st_mybd_paginate {margin:10px 0 0;text-align:center} .st_mybd_paginate * {font-size:12px !important} .st_mybd_list_btn {margin:15px 0 0;padding:0;text-align:center} .st_mybd_list_btn a, .st_mybd_list_btn button {margin:2px 0} .st_mybd_list_btn * {vertical-align:top} /* 버튼 */ .st_mybd_btn_type1 {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #dfdfdf;background:#dfdfdf;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#5f5f5f;line-height:20px;text-decoration:none;cursor:pointer} .st_mybd_btn_type1:hover:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .05)} .st_mybd_btn_type1.st_mybd_small {height:25px;padding:1px 10px;font-size:11px} .st_mybd_btn_type1.st_mybd_medium {height:35px;padding:6px 20px 8px} .st_mybd_btn_type1.st_mybd_big {height:45px;padding:12px 30px} .st_mybd_btn_type1.st_mybd_highlight {border:1px solid #4e4e4e;background:#4e4e4e;color:#ffffff} .st_mybd_btn_type1.st_mybd_highlight:hover:before {background:rgba(255, 255, 255, .15)} .st_mybd_search_form {margin-top:30px;padding:10px 0;background:#f5f5f5;text-align:center} .st_mybd_search_form * {vertical-align:middle} .st_mybd_search_form select {height:28px} .st_mybd_search_form .search_input {display:inline-block} .st_mybd_search_form .search_input input[type=text] {box-sizing:border-box;width:180px;max-width:100%;height:28px;padding:0 5px;border:1px solid #dddddd;font-size:13px} .st_mybd_search_form .search_input .st_mybd_btn_search {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #4e4e4e;background:#4e4e4e;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#fff;line-height:20px;text-decoration:none;cursor:pointer} @media all and (max-width:767px){ .st_mybd_m_hide {display:none} .st_mybd_m_show {display:block} .st_mybd_division_line {display:inline-block;position:relative;top:2px;width:1px;height:12px;margin:0 5px;background:#cccccc} .st_mybd_list colgroup {display:none} .st_mybd_list thead {display:none} .st_mybd_list tbody tr td {display:none;padding:9px 10px 12px} .st_mybd_list tbody tr td.st_mybd_m_show_td {display:table-cell;text-align:left;line-height:18px} .st_mybd_list tbody tr td .st_mybd_m_title {display:block;padding:2px 0;font-weight:bold;color:#444444 !important} .st_mybd_list tbody tr td .st_mybd_m_show {margin-top:3px;font-size:12px} .st_mybd_list tbody tr td.st_mybd_none_data {display:table-cell} .st_mybd_search_form .search_input {display:block;margin-top:5px} } @media all and (min-width:768px){ .st_cate_list_wrap {margin-bottom:30px;padding:15px 20px;border:1px solid #a5a5a5;border-radius:5px} .st_cate_list_wrap .btn_category {display:none} .st_cate_list_wrap .st_cate_list {display:block;margin:0;padding:0} .st_cate_list_wrap .st_cate_list li {position:relative;width:auto;margin-right:15px;padding:0 15px 0 0} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:none} //.st_cate_list_wrap .st_cate_list li:before {content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background:#ddd} .st_cate_list_wrap .st_cate_list li a {padding:5px 20px 5px 20px; border-radius:20px ;background:#096ea9;font-size:16px;color:#ffffff;letter-spacing:-.03em; } .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} } @media all and (min-width:1024px){ .st_cate_list_wrap {padding:20px 25px} .st_cate_list_wrap .st_cate_list li {margin-right:10px;padding-right:10px;} } /* ****************** 맞춤게시판 - 목록형 ****************** */ .st_mybd_m_show {display:none} .st_cate_list_wrap {margin-bottom:15px} .st_cate_list_wrap .btn_category {display:block;width:100%;height:40px;border:1px solid #555555;background:#fff;font-size:14px;color:#555555;cursor:pointer} .st_cate_list_wrap .btn_category .icon {display:inline-block;position:relative;width:12px;height:10px;margin-right:8px;background:#555555} .st_cate_list_wrap .btn_category .icon:before {content:'';position:absolute;top:2px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category .icon:after {content:'';position:absolute;top:6px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category.on {background:#555555;color:#fff} .st_cate_list_wrap .btn_category.on .icon {background:#fff} .st_cate_list_wrap .btn_category.on .icon:before {background:#555555} .st_cate_list_wrap .btn_category.on .icon:after {background:#555555} .st_cate_list_wrap .st_cate_list {display:none;margin:8px 0 0 -4px;padding:0} .st_cate_list_wrap .st_cate_list.on {display:block} .st_cate_list_wrap .st_cate_list:after {content:'';display:block;clear:both} .st_cate_list_wrap .st_cate_list li {box-sizing:border-box;float:left;width:50%;margin:0;padding:0 0 4px 4px;list-style-type:none} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:both} .st_cate_list_wrap .st_cate_list li a {box-sizing:border-box;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px;border:0px solid #ccc;background:#096ea9;font-size:14px;color:#ffffff;text-align:center} .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} .st_mybd_page {margin:0 0 10px;font-size:12px;text-align:right} .st_mybd_list {width:100%;border-top:0px solid #a5a5a5;border-bottom:0px solid #a5a5a5;background:#fff;border-collapse:separate;border-spacing:0} .st_mybd_list thead tr th {position:relative;height:40px;border-bottom:1px solid #a5a5a5;font-size:14px;color:#333333} .st_mybd_list thead tr th:before {content:'';display:block;position:absolute;top:0;left:0;width:0px;height:0px;background:#a5a5a5} .st_mybd_list thead tr th:first-child:before {display:none} .st_mybd_list tbody tr td {height:20px;padding:20px 5px;border-top:1px solid #e4e4e4;font-size:16px;color:#666666;text-align:center;line-height:20px;letter-spacing:-.03em} .st_mybd_list tbody tr:hover td {background:#fafafa} .st_mybd_list tbody tr:first-child td {border-top:0} .st_mybd_list tbody tr td.st_mybd_subject {padding-left:10px;text-align:left} .st_mybd_list tbody tr td a {color:#666666} .st_mybd_list tbody tr td a:hover {color:#444444} .st_mybd_list tbody tr td.st_mybd_none_data {text-align:center;line-height:150px} .st_mybd_list tbody tr td .secret_icon {margin-left:4px} .st_mybd_paginate {margin:10px 0 0;text-align:center} .st_mybd_paginate * {font-size:12px !important} .st_mybd_list_btn {margin:15px 0 0;padding:0;text-align:center} .st_mybd_list_btn a, .st_mybd_list_btn button {margin:2px 0} .st_mybd_list_btn * {vertical-align:top} /* 버튼 */ .st_mybd_btn_type1 {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #dfdfdf;background:#dfdfdf;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#5f5f5f;line-height:20px;text-decoration:none;cursor:pointer} .st_mybd_btn_type1:hover:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .05)} .st_mybd_btn_type1.st_mybd_small {height:25px;padding:1px 10px;font-size:11px} .st_mybd_btn_type1.st_mybd_medium {height:35px;padding:6px 20px 8px} .st_mybd_btn_type1.st_mybd_big {height:45px;padding:12px 30px} .st_mybd_btn_type1.st_mybd_highlight {border:1px solid #4e4e4e;background:#4e4e4e;color:#ffffff} .st_mybd_btn_type1.st_mybd_highlight:hover:before {background:rgba(255, 255, 255, .15)} .st_mybd_search_form {margin-top:30px;padding:10px 0;background:#f5f5f5;text-align:center} .st_mybd_search_form * {vertical-align:middle} .st_mybd_search_form select {height:28px} .st_mybd_search_form .search_input {display:inline-block} .st_mybd_search_form .search_input input[type=text] {box-sizing:border-box;width:180px;max-width:100%;height:28px;padding:0 5px;border:1px solid #dddddd;font-size:13px} .st_mybd_search_form .search_input .st_mybd_btn_search {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #4e4e4e;background:#4e4e4e;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#fff;line-height:20px;text-decoration:none;cursor:pointer} @media all and (max-width:767px){ .st_mybd_m_hide {display:none} .st_mybd_m_show {display:block} .st_mybd_division_line {display:inline-block;position:relative;top:2px;width:1px;height:12px;margin:0 5px;background:#cccccc} .st_mybd_list colgroup {display:none} .st_mybd_list thead {display:none} .st_mybd_list tbody tr td {display:none;padding:9px 10px 12px} .st_mybd_list tbody tr td.st_mybd_m_show_td {display:table-cell;text-align:left;line-height:18px} .st_mybd_list tbody tr td .st_mybd_m_title {display:block;padding:2px 0;font-weight:bold;color:#444444 !important} .st_mybd_list tbody tr td .st_mybd_m_show {margin-top:3px;font-size:12px} .st_mybd_list tbody tr td.st_mybd_none_data {display:table-cell} .st_mybd_search_form .search_input {display:block;margin-top:5px} } @media all and (min-width:768px){ .st_cate_list_wrap {margin-bottom:30px;padding:15px 20px;border:1px solid #a5a5a5;border-radius:5px} .st_cate_list_wrap .btn_category {display:none} .st_cate_list_wrap .st_cate_list {display:block;margin:0;padding:0} .st_cate_list_wrap .st_cate_list li {position:relative;width:auto;margin-right:15px;padding:0 15px 0 0} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:none} //.st_cate_list_wrap .st_cate_list li:before {content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background:#ddd} .st_cate_list_wrap .st_cate_list li a {padding:5px 20px 5px 20px; border-radius:20px ;background:#096ea9;font-size:16px;color:#ffffff;letter-spacing:-.03em; } .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} } @media all and (min-width:1024px){ .st_cate_list_wrap {padding:20px 25px} .st_cate_list_wrap .st_cate_list li {margin-right:10px;padding-right:10px;} } /* ****************** 맞춤게시판 - 목록형 ****************** */ .st_mybd_m_show {display:none} .st_cate_list_wrap {margin-bottom:15px} .st_cate_list_wrap .btn_category {display:block;width:100%;height:40px;border:1px solid #555555;background:#fff;font-size:14px;color:#555555;cursor:pointer} .st_cate_list_wrap .btn_category .icon {display:inline-block;position:relative;width:12px;height:10px;margin-right:8px;background:#555555} .st_cate_list_wrap .btn_category .icon:before {content:'';position:absolute;top:2px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category .icon:after {content:'';position:absolute;top:6px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category.on {background:#555555;color:#fff} .st_cate_list_wrap .btn_category.on .icon {background:#fff} .st_cate_list_wrap .btn_category.on .icon:before {background:#555555} .st_cate_list_wrap .btn_category.on .icon:after {background:#555555} .st_cate_list_wrap .st_cate_list {display:none;margin:8px 0 0 -4px;padding:0} .st_cate_list_wrap .st_cate_list.on {display:block} .st_cate_list_wrap .st_cate_list:after {content:'';display:block;clear:both} .st_cate_list_wrap .st_cate_list li {box-sizing:border-box;float:left;width:50%;margin:0;padding:0 0 4px 4px;list-style-type:none} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:both} .st_cate_list_wrap .st_cate_list li a {box-sizing:border-box;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px;border:0px solid #ccc;background:#096ea9;font-size:14px;color:#ffffff;text-align:center} .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} .st_mybd_page {margin:0 0 10px;font-size:12px;text-align:right} .st_mybd_list {width:100%;border-top:0px solid #a5a5a5;border-bottom:0px solid #a5a5a5;background:#fff;border-collapse:separate;border-spacing:0} .st_mybd_list thead tr th {position:relative;height:40px;border-bottom:1px solid #a5a5a5;font-size:14px;color:#333333} .st_mybd_list thead tr th:before {content:'';display:block;position:absolute;top:0;left:0;width:0px;height:0px;background:#a5a5a5} .st_mybd_list thead tr th:first-child:before {display:none} .st_mybd_list tbody tr td {height:20px;padding:20px 5px;border-top:1px solid #e4e4e4;font-size:16px;color:#666666;text-align:center;line-height:20px;letter-spacing:-.03em} .st_mybd_list tbody tr:hover td {background:#fafafa} .st_mybd_list tbody tr:first-child td {border-top:0} .st_mybd_list tbody tr td.st_mybd_subject {padding-left:10px;text-align:left} .st_mybd_list tbody tr td a {color:#666666} .st_mybd_list tbody tr td a:hover {color:#444444} .st_mybd_list tbody tr td.st_mybd_none_data {text-align:center;line-height:150px} .st_mybd_list tbody tr td .secret_icon {margin-left:4px} .st_mybd_paginate {margin:10px 0 0;text-align:center} .st_mybd_paginate * {font-size:12px !important} .st_mybd_list_btn {margin:15px 0 0;padding:0;text-align:center} .st_mybd_list_btn a, .st_mybd_list_btn button {margin:2px 0} .st_mybd_list_btn * {vertical-align:top} /* 버튼 */ .st_mybd_btn_type1 {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #dfdfdf;background:#dfdfdf;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#5f5f5f;line-height:20px;text-decoration:none;cursor:pointer} .st_mybd_btn_type1:hover:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .05)} .st_mybd_btn_type1.st_mybd_small {height:25px;padding:1px 10px;font-size:11px} .st_mybd_btn_type1.st_mybd_medium {height:35px;padding:6px 20px 8px} .st_mybd_btn_type1.st_mybd_big {height:45px;padding:12px 30px} .st_mybd_btn_type1.st_mybd_highlight {border:1px solid #4e4e4e;background:#4e4e4e;color:#ffffff} .st_mybd_btn_type1.st_mybd_highlight:hover:before {background:rgba(255, 255, 255, .15)} .st_mybd_search_form {margin-top:30px;padding:10px 0;background:#f5f5f5;text-align:center} .st_mybd_search_form * {vertical-align:middle} .st_mybd_search_form select {height:28px} .st_mybd_search_form .search_input {display:inline-block} .st_mybd_search_form .search_input input[type=text] {box-sizing:border-box;width:180px;max-width:100%;height:28px;padding:0 5px;border:1px solid #dddddd;font-size:13px} .st_mybd_search_form .search_input .st_mybd_btn_search {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #4e4e4e;background:#4e4e4e;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#fff;line-height:20px;text-decoration:none;cursor:pointer} @media all and (max-width:767px){ .st_mybd_m_hide {display:none} .st_mybd_m_show {display:block} .st_mybd_division_line {display:inline-block;position:relative;top:2px;width:1px;height:12px;margin:0 5px;background:#cccccc} .st_mybd_list colgroup {display:none} .st_mybd_list thead {display:none} .st_mybd_list tbody tr td {display:none;padding:9px 10px 12px} .st_mybd_list tbody tr td.st_mybd_m_show_td {display:table-cell;text-align:left;line-height:18px} .st_mybd_list tbody tr td .st_mybd_m_title {display:block;padding:2px 0;font-weight:bold;color:#444444 !important} .st_mybd_list tbody tr td .st_mybd_m_show {margin-top:3px;font-size:12px} .st_mybd_list tbody tr td.st_mybd_none_data {display:table-cell} .st_mybd_search_form .search_input {display:block;margin-top:5px} } @media all and (min-width:768px){ .st_cate_list_wrap {margin-bottom:30px;padding:15px 20px;border:1px solid #a5a5a5;border-radius:5px} .st_cate_list_wrap .btn_category {display:none} .st_cate_list_wrap .st_cate_list {display:block;margin:0;padding:0} .st_cate_list_wrap .st_cate_list li {position:relative;width:auto;margin-right:15px;padding:0 15px 0 0} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:none} //.st_cate_list_wrap .st_cate_list li:before {content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background:#ddd} .st_cate_list_wrap .st_cate_list li a {padding:5px 20px 5px 20px; border-radius:20px ;background:#096ea9;font-size:16px;color:#ffffff;letter-spacing:-.03em; } .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} } @media all and (min-width:1024px){ .st_cate_list_wrap {padding:20px 25px} .st_cate_list_wrap .st_cate_list li {margin-right:10px;padding-right:10px;} } /* ****************** 맞춤게시판 - 목록형 ****************** */ .st_mybd_m_show {display:none} .st_cate_list_wrap {margin-bottom:15px} .st_cate_list_wrap .btn_category {display:block;width:100%;height:40px;border:1px solid #555555;background:#fff;font-size:14px;color:#555555;cursor:pointer} .st_cate_list_wrap .btn_category .icon {display:inline-block;position:relative;width:12px;height:10px;margin-right:8px;background:#555555} .st_cate_list_wrap .btn_category .icon:before {content:'';position:absolute;top:2px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category .icon:after {content:'';position:absolute;top:6px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category.on {background:#555555;color:#fff} .st_cate_list_wrap .btn_category.on .icon {background:#fff} .st_cate_list_wrap .btn_category.on .icon:before {background:#555555} .st_cate_list_wrap .btn_category.on .icon:after {background:#555555} .st_cate_list_wrap .st_cate_list {display:none;margin:8px 0 0 -4px;padding:0} .st_cate_list_wrap .st_cate_list.on {display:block} .st_cate_list_wrap .st_cate_list:after {content:'';display:block;clear:both} .st_cate_list_wrap .st_cate_list li {box-sizing:border-box;float:left;width:50%;margin:0;padding:0 0 4px 4px;list-style-type:none} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:both} .st_cate_list_wrap .st_cate_list li a {box-sizing:border-box;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px;border:0px solid #ccc;background:#096ea9;font-size:14px;color:#ffffff;text-align:center} .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} .st_mybd_page {margin:0 0 10px;font-size:12px;text-align:right} .st_mybd_list {width:100%;border-top:0px solid #a5a5a5;border-bottom:0px solid #a5a5a5;background:#fff;border-collapse:separate;border-spacing:0} .st_mybd_list thead tr th {position:relative;height:40px;border-bottom:1px solid #a5a5a5;font-size:14px;color:#333333} .st_mybd_list thead tr th:before {content:'';display:block;position:absolute;top:0;left:0;width:0px;height:0px;background:#a5a5a5} .st_mybd_list thead tr th:first-child:before {display:none} .st_mybd_list tbody tr td {height:20px;padding:20px 5px;border-top:1px solid #e4e4e4;font-size:16px;color:#666666;text-align:center;line-height:20px;letter-spacing:-.03em} .st_mybd_list tbody tr:hover td {background:#fafafa} .st_mybd_list tbody tr:first-child td {border-top:0} .st_mybd_list tbody tr td.st_mybd_subject {padding-left:10px;text-align:left} .st_mybd_list tbody tr td a {color:#666666} .st_mybd_list tbody tr td a:hover {color:#444444} .st_mybd_list tbody tr td.st_mybd_none_data {text-align:center;line-height:150px} .st_mybd_list tbody tr td .secret_icon {margin-left:4px} .st_mybd_paginate {margin:10px 0 0;text-align:center} .st_mybd_paginate * {font-size:12px !important} .st_mybd_list_btn {margin:15px 0 0;padding:0;text-align:center} .st_mybd_list_btn a, .st_mybd_list_btn button {margin:2px 0} .st_mybd_list_btn * {vertical-align:top} /* 버튼 */ .st_mybd_btn_type1 {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #dfdfdf;background:#dfdfdf;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#5f5f5f;line-height:20px;text-decoration:none;cursor:pointer} .st_mybd_btn_type1:hover:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .05)} .st_mybd_btn_type1.st_mybd_small {height:25px;padding:1px 10px;font-size:11px} .st_mybd_btn_type1.st_mybd_medium {height:35px;padding:6px 20px 8px} .st_mybd_btn_type1.st_mybd_big {height:45px;padding:12px 30px} .st_mybd_btn_type1.st_mybd_highlight {border:1px solid #4e4e4e;background:#4e4e4e;color:#ffffff} .st_mybd_btn_type1.st_mybd_highlight:hover:before {background:rgba(255, 255, 255, .15)} .st_mybd_search_form {margin-top:30px;padding:10px 0;background:#f5f5f5;text-align:center} .st_mybd_search_form * {vertical-align:middle} .st_mybd_search_form select {height:28px} .st_mybd_search_form .search_input {display:inline-block} .st_mybd_search_form .search_input input[type=text] {box-sizing:border-box;width:180px;max-width:100%;height:28px;padding:0 5px;border:1px solid #dddddd;font-size:13px} .st_mybd_search_form .search_input .st_mybd_btn_search {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #4e4e4e;background:#4e4e4e;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#fff;line-height:20px;text-decoration:none;cursor:pointer} @media all and (max-width:767px){ .st_mybd_m_hide {display:none} .st_mybd_m_show {display:block} .st_mybd_division_line {display:inline-block;position:relative;top:2px;width:1px;height:12px;margin:0 5px;background:#cccccc} .st_mybd_list colgroup {display:none} .st_mybd_list thead {display:none} .st_mybd_list tbody tr td {display:none;padding:9px 10px 12px} .st_mybd_list tbody tr td.st_mybd_m_show_td {display:table-cell;text-align:left;line-height:18px} .st_mybd_list tbody tr td .st_mybd_m_title {display:block;padding:2px 0;font-weight:bold;color:#444444 !important} .st_mybd_list tbody tr td .st_mybd_m_show {margin-top:3px;font-size:12px} .st_mybd_list tbody tr td.st_mybd_none_data {display:table-cell} .st_mybd_search_form .search_input {display:block;margin-top:5px} } @media all and (min-width:768px){ .st_cate_list_wrap {margin-bottom:30px;padding:15px 20px;border:1px solid #a5a5a5;border-radius:5px} .st_cate_list_wrap .btn_category {display:none} .st_cate_list_wrap .st_cate_list {display:block;margin:0;padding:0} .st_cate_list_wrap .st_cate_list li {position:relative;width:auto;margin-right:15px;padding:0 15px 0 0} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:none} //.st_cate_list_wrap .st_cate_list li:before {content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background:#ddd} .st_cate_list_wrap .st_cate_list li a {padding:5px 20px 5px 20px; border-radius:20px ;background:#096ea9;font-size:16px;color:#ffffff;letter-spacing:-.03em; } .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} } @media all and (min-width:1024px){ .st_cate_list_wrap {padding:20px 25px} .st_cate_list_wrap .st_cate_list li {margin-right:10px;padding-right:10px;} } /* ****************** 맞춤게시판 - 목록형 ****************** */ .st_mybd_m_show {display:none} .st_cate_list_wrap {margin-bottom:15px} .st_cate_list_wrap .btn_category {display:block;width:100%;height:40px;border:1px solid #555555;background:#fff;font-size:14px;color:#555555;cursor:pointer} .st_cate_list_wrap .btn_category .icon {display:inline-block;position:relative;width:12px;height:10px;margin-right:8px;background:#555555} .st_cate_list_wrap .btn_category .icon:before {content:'';position:absolute;top:2px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category .icon:after {content:'';position:absolute;top:6px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category.on {background:#555555;color:#fff} .st_cate_list_wrap .btn_category.on .icon {background:#fff} .st_cate_list_wrap .btn_category.on .icon:before {background:#555555} .st_cate_list_wrap .btn_category.on .icon:after {background:#555555} .st_cate_list_wrap .st_cate_list {display:none;margin:8px 0 0 -4px;padding:0} .st_cate_list_wrap .st_cate_list.on {display:block} .st_cate_list_wrap .st_cate_list:after {content:'';display:block;clear:both} .st_cate_list_wrap .st_cate_list li {box-sizing:border-box;float:left;width:50%;margin:0;padding:0 0 4px 4px;list-style-type:none} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:both} .st_cate_list_wrap .st_cate_list li a {box-sizing:border-box;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px;border:0px solid #ccc;background:#096ea9;font-size:14px;color:#ffffff;text-align:center} .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} .st_mybd_page {margin:0 0 10px;font-size:12px;text-align:right} .st_mybd_list {width:100%;border-top:0px solid #a5a5a5;border-bottom:0px solid #a5a5a5;background:#fff;border-collapse:separate;border-spacing:0} .st_mybd_list thead tr th {position:relative;height:40px;border-bottom:1px solid #a5a5a5;font-size:14px;color:#333333} .st_mybd_list thead tr th:before {content:'';display:block;position:absolute;top:0;left:0;width:0px;height:0px;background:#a5a5a5} .st_mybd_list thead tr th:first-child:before {display:none} .st_mybd_list tbody tr td {height:20px;padding:20px 5px;border-top:1px solid #e4e4e4;font-size:16px;color:#666666;text-align:center;line-height:20px;letter-spacing:-.03em} .st_mybd_list tbody tr:hover td {background:#fafafa} .st_mybd_list tbody tr:first-child td {border-top:0} .st_mybd_list tbody tr td.st_mybd_subject {padding-left:10px;text-align:left} .st_mybd_list tbody tr td a {color:#666666} .st_mybd_list tbody tr td a:hover {color:#444444} .st_mybd_list tbody tr td.st_mybd_none_data {text-align:center;line-height:150px} .st_mybd_list tbody tr td .secret_icon {margin-left:4px} .st_mybd_paginate {margin:10px 0 0;text-align:center} .st_mybd_paginate * {font-size:12px !important} .st_mybd_list_btn {margin:15px 0 0;padding:0;text-align:center} .st_mybd_list_btn a, .st_mybd_list_btn button {margin:2px 0} .st_mybd_list_btn * {vertical-align:top} /* 버튼 */ .st_mybd_btn_type1 {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #dfdfdf;background:#dfdfdf;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#5f5f5f;line-height:20px;text-decoration:none;cursor:pointer} .st_mybd_btn_type1:hover:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .05)} .st_mybd_btn_type1.st_mybd_small {height:25px;padding:1px 10px;font-size:11px} .st_mybd_btn_type1.st_mybd_medium {height:35px;padding:6px 20px 8px} .st_mybd_btn_type1.st_mybd_big {height:45px;padding:12px 30px} .st_mybd_btn_type1.st_mybd_highlight {border:1px solid #4e4e4e;background:#4e4e4e;color:#ffffff} .st_mybd_btn_type1.st_mybd_highlight:hover:before {background:rgba(255, 255, 255, .15)} .st_mybd_search_form {margin-top:30px;padding:10px 0;background:#f5f5f5;text-align:center} .st_mybd_search_form * {vertical-align:middle} .st_mybd_search_form select {height:28px} .st_mybd_search_form .search_input {display:inline-block} .st_mybd_search_form .search_input input[type=text] {box-sizing:border-box;width:180px;max-width:100%;height:28px;padding:0 5px;border:1px solid #dddddd;font-size:13px} .st_mybd_search_form .search_input .st_mybd_btn_search {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #4e4e4e;background:#4e4e4e;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#fff;line-height:20px;text-decoration:none;cursor:pointer} @media all and (max-width:767px){ .st_mybd_m_hide {display:none} .st_mybd_m_show {display:block} .st_mybd_division_line {display:inline-block;position:relative;top:2px;width:1px;height:12px;margin:0 5px;background:#cccccc} .st_mybd_list colgroup {display:none} .st_mybd_list thead {display:none} .st_mybd_list tbody tr td {display:none;padding:9px 10px 12px} .st_mybd_list tbody tr td.st_mybd_m_show_td {display:table-cell;text-align:left;line-height:18px} .st_mybd_list tbody tr td .st_mybd_m_title {display:block;padding:2px 0;font-weight:bold;color:#444444 !important} .st_mybd_list tbody tr td .st_mybd_m_show {margin-top:3px;font-size:12px} .st_mybd_list tbody tr td.st_mybd_none_data {display:table-cell} .st_mybd_search_form .search_input {display:block;margin-top:5px} } @media all and (min-width:768px){ .st_cate_list_wrap {margin-bottom:30px;padding:15px 20px;border:1px solid #a5a5a5;border-radius:5px} .st_cate_list_wrap .btn_category {display:none} .st_cate_list_wrap .st_cate_list {display:block;margin:0;padding:0} .st_cate_list_wrap .st_cate_list li {position:relative;width:auto;margin-right:15px;padding:0 15px 0 0} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:none} //.st_cate_list_wrap .st_cate_list li:before {content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background:#ddd} .st_cate_list_wrap .st_cate_list li a {padding:5px 20px 5px 20px; border-radius:20px ;background:#096ea9;font-size:16px;color:#ffffff;letter-spacing:-.03em; } .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} } @media all and (min-width:1024px){ .st_cate_list_wrap {padding:20px 25px} .st_cate_list_wrap .st_cate_list li {margin-right:10px;padding-right:10px;} } /* ****************** 맞춤게시판 - 목록형 ****************** */ .st_mybd_m_show {display:none} .st_cate_list_wrap {margin-bottom:15px} .st_cate_list_wrap .btn_category {display:block;width:100%;height:40px;border:1px solid #555555;background:#fff;font-size:14px;color:#555555;cursor:pointer} .st_cate_list_wrap .btn_category .icon {display:inline-block;position:relative;width:12px;height:10px;margin-right:8px;background:#555555} .st_cate_list_wrap .btn_category .icon:before {content:'';position:absolute;top:2px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category .icon:after {content:'';position:absolute;top:6px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category.on {background:#555555;color:#fff} .st_cate_list_wrap .btn_category.on .icon {background:#fff} .st_cate_list_wrap .btn_category.on .icon:before {background:#555555} .st_cate_list_wrap .btn_category.on .icon:after {background:#555555} .st_cate_list_wrap .st_cate_list {display:none;margin:8px 0 0 -4px;padding:0} .st_cate_list_wrap .st_cate_list.on {display:block} .st_cate_list_wrap .st_cate_list:after {content:'';display:block;clear:both} .st_cate_list_wrap .st_cate_list li {box-sizing:border-box;float:left;width:50%;margin:0;padding:0 0 4px 4px;list-style-type:none} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:both} .st_cate_list_wrap .st_cate_list li a {box-sizing:border-box;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px;border:0px solid #ccc;background:#096ea9;font-size:14px;color:#ffffff;text-align:center} .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} .st_mybd_page {margin:0 0 10px;font-size:12px;text-align:right} .st_mybd_list {width:100%;border-top:0px solid #a5a5a5;border-bottom:0px solid #a5a5a5;background:#fff;border-collapse:separate;border-spacing:0} .st_mybd_list thead tr th {position:relative;height:40px;border-bottom:1px solid #a5a5a5;font-size:14px;color:#333333} .st_mybd_list thead tr th:before {content:'';display:block;position:absolute;top:0;left:0;width:0px;height:0px;background:#a5a5a5} .st_mybd_list thead tr th:first-child:before {display:none} .st_mybd_list tbody tr td {height:20px;padding:20px 5px;border-top:1px solid #e4e4e4;font-size:16px;color:#666666;text-align:center;line-height:20px;letter-spacing:-.03em} .st_mybd_list tbody tr:hover td {background:#fafafa} .st_mybd_list tbody tr:first-child td {border-top:0} .st_mybd_list tbody tr td.st_mybd_subject {padding-left:10px;text-align:left} .st_mybd_list tbody tr td a {color:#666666} .st_mybd_list tbody tr td a:hover {color:#444444} .st_mybd_list tbody tr td.st_mybd_none_data {text-align:center;line-height:150px} .st_mybd_list tbody tr td .secret_icon {margin-left:4px} .st_mybd_paginate {margin:10px 0 0;text-align:center} .st_mybd_paginate * {font-size:12px !important} .st_mybd_list_btn {margin:15px 0 0;padding:0;text-align:center} .st_mybd_list_btn a, .st_mybd_list_btn button {margin:2px 0} .st_mybd_list_btn * {vertical-align:top} /* 버튼 */ .st_mybd_btn_type1 {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #dfdfdf;background:#dfdfdf;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#5f5f5f;line-height:20px;text-decoration:none;cursor:pointer} .st_mybd_btn_type1:hover:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .05)} .st_mybd_btn_type1.st_mybd_small {height:25px;padding:1px 10px;font-size:11px} .st_mybd_btn_type1.st_mybd_medium {height:35px;padding:6px 20px 8px} .st_mybd_btn_type1.st_mybd_big {height:45px;padding:12px 30px} .st_mybd_btn_type1.st_mybd_highlight {border:1px solid #4e4e4e;background:#4e4e4e;color:#ffffff} .st_mybd_btn_type1.st_mybd_highlight:hover:before {background:rgba(255, 255, 255, .15)} .st_mybd_search_form {margin-top:30px;padding:10px 0;background:#f5f5f5;text-align:center} .st_mybd_search_form * {vertical-align:middle} .st_mybd_search_form select {height:28px} .st_mybd_search_form .search_input {display:inline-block} .st_mybd_search_form .search_input input[type=text] {box-sizing:border-box;width:180px;max-width:100%;height:28px;padding:0 5px;border:1px solid #dddddd;font-size:13px} .st_mybd_search_form .search_input .st_mybd_btn_search {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #4e4e4e;background:#4e4e4e;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#fff;line-height:20px;text-decoration:none;cursor:pointer} @media all and (max-width:767px){ .st_mybd_m_hide {display:none} .st_mybd_m_show {display:block} .st_mybd_division_line {display:inline-block;position:relative;top:2px;width:1px;height:12px;margin:0 5px;background:#cccccc} .st_mybd_list colgroup {display:none} .st_mybd_list thead {display:none} .st_mybd_list tbody tr td {display:none;padding:9px 10px 12px} .st_mybd_list tbody tr td.st_mybd_m_show_td {display:table-cell;text-align:left;line-height:18px} .st_mybd_list tbody tr td .st_mybd_m_title {display:block;padding:2px 0;font-weight:bold;color:#444444 !important} .st_mybd_list tbody tr td .st_mybd_m_show {margin-top:3px;font-size:12px} .st_mybd_list tbody tr td.st_mybd_none_data {display:table-cell} .st_mybd_search_form .search_input {display:block;margin-top:5px} } @media all and (min-width:768px){ .st_cate_list_wrap {margin-bottom:30px;padding:15px 20px;border:1px solid #a5a5a5;border-radius:5px} .st_cate_list_wrap .btn_category {display:none} .st_cate_list_wrap .st_cate_list {display:block;margin:0;padding:0} .st_cate_list_wrap .st_cate_list li {position:relative;width:auto;margin-right:15px;padding:0 15px 0 0} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:none} //.st_cate_list_wrap .st_cate_list li:before {content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background:#ddd} .st_cate_list_wrap .st_cate_list li a {padding:5px 20px 5px 20px; border-radius:20px ;background:#096ea9;font-size:16px;color:#ffffff;letter-spacing:-.03em; } .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} } @media all and (min-width:1024px){ .st_cate_list_wrap {padding:20px 25px} .st_cate_list_wrap .st_cate_list li {margin-right:10px;padding-right:10px;} } /* ****************** 맞춤게시판 - 목록형 ****************** */ .st_mybd_m_show {display:none} .st_cate_list_wrap {margin-bottom:15px} .st_cate_list_wrap .btn_category {display:block;width:100%;height:40px;border:1px solid #555555;background:#fff;font-size:14px;color:#555555;cursor:pointer} .st_cate_list_wrap .btn_category .icon {display:inline-block;position:relative;width:12px;height:10px;margin-right:8px;background:#555555} .st_cate_list_wrap .btn_category .icon:before {content:'';position:absolute;top:2px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category .icon:after {content:'';position:absolute;top:6px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category.on {background:#555555;color:#fff} .st_cate_list_wrap .btn_category.on .icon {background:#fff} .st_cate_list_wrap .btn_category.on .icon:before {background:#555555} .st_cate_list_wrap .btn_category.on .icon:after {background:#555555} .st_cate_list_wrap .st_cate_list {display:none;margin:8px 0 0 -4px;padding:0} .st_cate_list_wrap .st_cate_list.on {display:block} .st_cate_list_wrap .st_cate_list:after {content:'';display:block;clear:both} .st_cate_list_wrap .st_cate_list li {box-sizing:border-box;float:left;width:50%;margin:0;padding:0 0 4px 4px;list-style-type:none} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:both} .st_cate_list_wrap .st_cate_list li a {box-sizing:border-box;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px;border:0px solid #ccc;background:#096ea9;font-size:14px;color:#ffffff;text-align:center} .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} .st_mybd_page {margin:0 0 10px;font-size:12px;text-align:right} .st_mybd_list {width:100%;border-top:0px solid #a5a5a5;border-bottom:0px solid #a5a5a5;background:#fff;border-collapse:separate;border-spacing:0} .st_mybd_list thead tr th {position:relative;height:40px;border-bottom:1px solid #a5a5a5;font-size:14px;color:#333333} .st_mybd_list thead tr th:before {content:'';display:block;position:absolute;top:0;left:0;width:0px;height:0px;background:#a5a5a5} .st_mybd_list thead tr th:first-child:before {display:none} .st_mybd_list tbody tr td {height:20px;padding:20px 5px;border-top:1px solid #e4e4e4;font-size:16px;color:#666666;text-align:center;line-height:20px;letter-spacing:-.03em} .st_mybd_list tbody tr:hover td {background:#fafafa} .st_mybd_list tbody tr:first-child td {border-top:0} .st_mybd_list tbody tr td.st_mybd_subject {padding-left:10px;text-align:left} .st_mybd_list tbody tr td a {color:#666666} .st_mybd_list tbody tr td a:hover {color:#444444} .st_mybd_list tbody tr td.st_mybd_none_data {text-align:center;line-height:150px} .st_mybd_list tbody tr td .secret_icon {margin-left:4px} .st_mybd_paginate {margin:10px 0 0;text-align:center} .st_mybd_paginate * {font-size:12px !important} .st_mybd_list_btn {margin:15px 0 0;padding:0;text-align:center} .st_mybd_list_btn a, .st_mybd_list_btn button {margin:2px 0} .st_mybd_list_btn * {vertical-align:top} /* 버튼 */ .st_mybd_btn_type1 {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #dfdfdf;background:#dfdfdf;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#5f5f5f;line-height:20px;text-decoration:none;cursor:pointer} .st_mybd_btn_type1:hover:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .05)} .st_mybd_btn_type1.st_mybd_small {height:25px;padding:1px 10px;font-size:11px} .st_mybd_btn_type1.st_mybd_medium {height:35px;padding:6px 20px 8px} .st_mybd_btn_type1.st_mybd_big {height:45px;padding:12px 30px} .st_mybd_btn_type1.st_mybd_highlight {border:1px solid #4e4e4e;background:#4e4e4e;color:#ffffff} .st_mybd_btn_type1.st_mybd_highlight:hover:before {background:rgba(255, 255, 255, .15)} .st_mybd_search_form {margin-top:30px;padding:10px 0;background:#f5f5f5;text-align:center} .st_mybd_search_form * {vertical-align:middle} .st_mybd_search_form select {height:28px} .st_mybd_search_form .search_input {display:inline-block} .st_mybd_search_form .search_input input[type=text] {box-sizing:border-box;width:180px;max-width:100%;height:28px;padding:0 5px;border:1px solid #dddddd;font-size:13px} .st_mybd_search_form .search_input .st_mybd_btn_search {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #4e4e4e;background:#4e4e4e;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#fff;line-height:20px;text-decoration:none;cursor:pointer} @media all and (max-width:767px){ .st_mybd_m_hide {display:none} .st_mybd_m_show {display:block} .st_mybd_division_line {display:inline-block;position:relative;top:2px;width:1px;height:12px;margin:0 5px;background:#cccccc} .st_mybd_list colgroup {display:none} .st_mybd_list thead {display:none} .st_mybd_list tbody tr td {display:none;padding:9px 10px 12px} .st_mybd_list tbody tr td.st_mybd_m_show_td {display:table-cell;text-align:left;line-height:18px} .st_mybd_list tbody tr td .st_mybd_m_title {display:block;padding:2px 0;font-weight:bold;color:#444444 !important} .st_mybd_list tbody tr td .st_mybd_m_show {margin-top:3px;font-size:12px} .st_mybd_list tbody tr td.st_mybd_none_data {display:table-cell} .st_mybd_search_form .search_input {display:block;margin-top:5px} } @media all and (min-width:768px){ .st_cate_list_wrap {margin-bottom:30px;padding:15px 20px;border:1px solid #a5a5a5;border-radius:5px} .st_cate_list_wrap .btn_category {display:none} .st_cate_list_wrap .st_cate_list {display:block;margin:0;padding:0} .st_cate_list_wrap .st_cate_list li {position:relative;width:auto;margin-right:15px;padding:0 15px 0 0} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:none} //.st_cate_list_wrap .st_cate_list li:before {content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background:#ddd} .st_cate_list_wrap .st_cate_list li a {padding:5px 20px 5px 20px; border-radius:20px ;background:#096ea9;font-size:16px;color:#ffffff;letter-spacing:-.03em; } .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} } @media all and (min-width:1024px){ .st_cate_list_wrap {padding:20px 25px} .st_cate_list_wrap .st_cate_list li {margin-right:10px;padding-right:10px;} } /* ****************** 맞춤게시판 - 목록형 ****************** */ .st_mybd_m_show {display:none} .st_cate_list_wrap {margin-bottom:15px} .st_cate_list_wrap .btn_category {display:block;width:100%;height:40px;border:1px solid #555555;background:#fff;font-size:14px;color:#555555;cursor:pointer} .st_cate_list_wrap .btn_category .icon {display:inline-block;position:relative;width:12px;height:10px;margin-right:8px;background:#555555} .st_cate_list_wrap .btn_category .icon:before {content:'';position:absolute;top:2px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category .icon:after {content:'';position:absolute;top:6px;left:0;width:100%;height:2px;background:#fff} .st_cate_list_wrap .btn_category.on {background:#555555;color:#fff} .st_cate_list_wrap .btn_category.on .icon {background:#fff} .st_cate_list_wrap .btn_category.on .icon:before {background:#555555} .st_cate_list_wrap .btn_category.on .icon:after {background:#555555} .st_cate_list_wrap .st_cate_list {display:none;margin:8px 0 0 -4px;padding:0} .st_cate_list_wrap .st_cate_list.on {display:block} .st_cate_list_wrap .st_cate_list:after {content:'';display:block;clear:both} .st_cate_list_wrap .st_cate_list li {box-sizing:border-box;float:left;width:50%;margin:0;padding:0 0 4px 4px;list-style-type:none} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:both} .st_cate_list_wrap .st_cate_list li a {box-sizing:border-box;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px;border:0px solid #ccc;background:#096ea9;font-size:14px;color:#ffffff;text-align:center} .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} .st_mybd_page {margin:0 0 10px;font-size:12px;text-align:right} .st_mybd_list {width:100%;border-top:0px solid #a5a5a5;border-bottom:0px solid #a5a5a5;background:#fff;border-collapse:separate;border-spacing:0} .st_mybd_list thead tr th {position:relative;height:40px;border-bottom:1px solid #a5a5a5;font-size:14px;color:#333333} .st_mybd_list thead tr th:before {content:'';display:block;position:absolute;top:0;left:0;width:0px;height:0px;background:#a5a5a5} .st_mybd_list thead tr th:first-child:before {display:none} .st_mybd_list tbody tr td {height:20px;padding:20px 5px;border-top:1px solid #e4e4e4;font-size:16px;color:#666666;text-align:center;line-height:20px;letter-spacing:-.03em} .st_mybd_list tbody tr:hover td {background:#fafafa} .st_mybd_list tbody tr:first-child td {border-top:0} .st_mybd_list tbody tr td.st_mybd_subject {padding-left:10px;text-align:left} .st_mybd_list tbody tr td a {color:#666666} .st_mybd_list tbody tr td a:hover {color:#444444} .st_mybd_list tbody tr td.st_mybd_none_data {text-align:center;line-height:150px} .st_mybd_list tbody tr td .secret_icon {margin-left:4px} .st_mybd_paginate {margin:10px 0 0;text-align:center} .st_mybd_paginate * {font-size:12px !important} .st_mybd_list_btn {margin:15px 0 0;padding:0;text-align:center} .st_mybd_list_btn a, .st_mybd_list_btn button {margin:2px 0} .st_mybd_list_btn * {vertical-align:top} /* 버튼 */ .st_mybd_btn_type1 {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #dfdfdf;background:#dfdfdf;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#5f5f5f;line-height:20px;text-decoration:none;cursor:pointer} .st_mybd_btn_type1:hover:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, .05)} .st_mybd_btn_type1.st_mybd_small {height:25px;padding:1px 10px;font-size:11px} .st_mybd_btn_type1.st_mybd_medium {height:35px;padding:6px 20px 8px} .st_mybd_btn_type1.st_mybd_big {height:45px;padding:12px 30px} .st_mybd_btn_type1.st_mybd_highlight {border:1px solid #4e4e4e;background:#4e4e4e;color:#ffffff} .st_mybd_btn_type1.st_mybd_highlight:hover:before {background:rgba(255, 255, 255, .15)} .st_mybd_search_form {margin-top:30px;padding:10px 0;background:#f5f5f5;text-align:center} .st_mybd_search_form * {vertical-align:middle} .st_mybd_search_form select {height:28px} .st_mybd_search_form .search_input {display:inline-block} .st_mybd_search_form .search_input input[type=text] {box-sizing:border-box;width:180px;max-width:100%;height:28px;padding:0 5px;border:1px solid #dddddd;font-size:13px} .st_mybd_search_form .search_input .st_mybd_btn_search {box-sizing:border-box;display:inline-block;position:relative;height:28px;margin:0;padding:3px 15px;border:1px solid #4e4e4e;background:#4e4e4e;font-family:'Malgun Gothic', sans-serif;font-size:13px;font-weight:bold;color:#fff;line-height:20px;text-decoration:none;cursor:pointer} @media all and (max-width:767px){ .st_mybd_m_hide {display:none} .st_mybd_m_show {display:block} .st_mybd_division_line {display:inline-block;position:relative;top:2px;width:1px;height:12px;margin:0 5px;background:#cccccc} .st_mybd_list colgroup {display:none} .st_mybd_list thead {display:none} .st_mybd_list tbody tr td {display:none;padding:9px 10px 12px} .st_mybd_list tbody tr td.st_mybd_m_show_td {display:table-cell;text-align:left;line-height:18px} .st_mybd_list tbody tr td .st_mybd_m_title {display:block;padding:2px 0;font-weight:bold;color:#444444 !important} .st_mybd_list tbody tr td .st_mybd_m_show {margin-top:3px;font-size:12px} .st_mybd_list tbody tr td.st_mybd_none_data {display:table-cell} .st_mybd_search_form .search_input {display:block;margin-top:5px} } @media all and (min-width:768px){ .st_cate_list_wrap {margin-bottom:30px;padding:15px 20px;border:1px solid #a5a5a5;border-radius:5px} .st_cate_list_wrap .btn_category {display:none} .st_cate_list_wrap .st_cate_list {display:block;margin:0;padding:0} .st_cate_list_wrap .st_cate_list li {position:relative;width:auto;margin-right:15px;padding:0 15px 0 0} .st_cate_list_wrap .st_cate_list li:nth-child(2n+1) {clear:none} //.st_cate_list_wrap .st_cate_list li:before {content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background:#ddd} .st_cate_list_wrap .st_cate_list li a {padding:5px 20px 5px 20px; border-radius:20px ;background:#096ea9;font-size:16px;color:#ffffff;letter-spacing:-.03em; } .st_cate_list_wrap .st_cate_list li.on a, .st_cate_list_wrap .st_cate_list li:hover a {background:#ff7800; color:#fffffff;} } @media all and (min-width:1024px){ .st_cate_list_wrap {padding:20px 25px} .st_cate_list_wrap .st_cate_list li {margin-right:10px;padding-right:10px;} } /* ****************** 공백(PC+모바일) ****************** */ .empty_line_433346_ {display:block; width:100%; height:30px; line-height:30px;} } @media (max-width:1023px){ .empty_line_433346_ {display:block; width:100%; height:64px; line-height:64px;} } @media (min-width:1024px){ .empty_line_433346_ {display:block; width:100%; height:64px; line-height:64px;} } [id^=div_user_list] .empty_line_433346_ {display:block; border:1px dotted #f00;} [id^=div_user_list] .empty_line_433346_:before {content:'공백 : 64px (PC+모바일)'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 3칸 레이아웃 ****************** */ .layout_433356_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_433356_ > div {} .layout_433356_ > div:after {content:''; display:block; clear:both;} .layout_433356_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_433356_ > div > .container_1 {width:33.333333333333%;} .layout_433356_ > div > .container_2 {width:33.333333333333%;} .layout_433356_ > div > .container_3 {width:33.333333333333%;} @media (max-width:1023px){ .layout_433356_ > div > .container_1 { width:100%; } .layout_433356_ > div > .container_2 { width:100%; } .layout_433356_ > div > .container_3 { width:100%; } } @media \0screen{ .layout_433356_ {min-width:1200px;} } /* ****************** 이미지 ****************** */ .img__1212615__ {position:relative;} .img__1212615__:before {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; width:100%; height:100%; background:#e66d1e; opacity:0; transition:.2s opacity ease-in-out;} .img__1212615__:hover:before {content:''; opacity:.2;} .img__1212615__ * {box-sizing:border-box;} .img__1212615__ a {display:block; max-width:100%; text-decoration:none; vertical-align:top;} .img__1212615__ .figure {display:block;} .img__1212615__ .figure img {width:100%; vertical-align:top;} .img__1212615__ .caption_wrap {display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:10;} .img__1212615__ .caption {display:table; width:100%; height:100%; table-layout:fixed;} .img__1212615__ .caption .caption_inner {display:table-cell; padding:5%; text-align:center; vertical-align:middle;} .img__1212615__ .caption .cap_text1 {display:block; font-size:16px; font-weight:bold; color:#ffffff; line-height:1.4em; letter-spacing:-.03em;} .img__1212615__ .caption .cap_text2 {display:block; margin-top:5px; font-size:13px; color:#ffffff; line-height:1.4em; letter-spacing:-.03em;} @media all and (min-width:1024px){ .img__1212615__ .caption .caption_inner {padding:10%;} .img__1212615__ .caption .cap_text1 {font-size:22px; line-height:1.3em;} .img__1212615__ .caption .cap_text2 {margin-top:10px; font-size:14px; line-height:1.5em;} } /* ****************** 이미지 ****************** */ .img__1212615__ {position:relative;} .img__1212615__:before {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; width:100%; height:100%; background:#e66d1e; opacity:0; transition:.2s opacity ease-in-out;} .img__1212615__:hover:before {content:''; opacity:.2;} .img__1212615__ * {box-sizing:border-box;} .img__1212615__ a {display:block; max-width:100%; text-decoration:none; vertical-align:top;} .img__1212615__ .figure {display:block;} .img__1212615__ .figure img {width:100%; vertical-align:top;} .img__1212615__ .caption_wrap {display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:10;} .img__1212615__ .caption {display:table; width:100%; height:100%; table-layout:fixed;} .img__1212615__ .caption .caption_inner {display:table-cell; padding:5%; text-align:center; vertical-align:middle;} .img__1212615__ .caption .cap_text1 {display:block; font-size:16px; font-weight:bold; color:#ffffff; line-height:1.4em; letter-spacing:-.03em;} .img__1212615__ .caption .cap_text2 {display:block; margin-top:5px; font-size:13px; color:#ffffff; line-height:1.4em; letter-spacing:-.03em;} @media all and (min-width:1024px){ .img__1212615__ .caption .caption_inner {padding:10%;} .img__1212615__ .caption .cap_text1 {font-size:22px; line-height:1.3em;} .img__1212615__ .caption .cap_text2 {margin-top:10px; font-size:14px; line-height:1.5em;} } /* ****************** 이미지 ****************** */ .img__1212615__ {position:relative;} .img__1212615__:before {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; width:100%; height:100%; background:#e66d1e; opacity:0; transition:.2s opacity ease-in-out;} .img__1212615__:hover:before {content:''; opacity:.2;} .img__1212615__ * {box-sizing:border-box;} .img__1212615__ a {display:block; max-width:100%; text-decoration:none; vertical-align:top;} .img__1212615__ .figure {display:block;} .img__1212615__ .figure img {width:100%; vertical-align:top;} .img__1212615__ .caption_wrap {display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:10;} .img__1212615__ .caption {display:table; width:100%; height:100%; table-layout:fixed;} .img__1212615__ .caption .caption_inner {display:table-cell; padding:5%; text-align:center; vertical-align:middle;} .img__1212615__ .caption .cap_text1 {display:block; font-size:16px; font-weight:bold; color:#ffffff; line-height:1.4em; letter-spacing:-.03em;} .img__1212615__ .caption .cap_text2 {display:block; margin-top:5px; font-size:13px; color:#ffffff; line-height:1.4em; letter-spacing:-.03em;} @media all and (min-width:1024px){ .img__1212615__ .caption .caption_inner {padding:10%;} .img__1212615__ .caption .cap_text1 {font-size:22px; line-height:1.3em;} .img__1212615__ .caption .cap_text2 {margin-top:10px; font-size:14px; line-height:1.5em;} } /* ****************** 공백(PC+모바일) ****************** */ .empty_line_433396_ {display:block; width:100%; height:30px; line-height:30px;} } @media (max-width:1023px){ .empty_line_433396_ {display:block; width:100%; height:64px; line-height:64px;} } @media (min-width:1024px){ .empty_line_433396_ {display:block; width:100%; height:64px; line-height:64px;} } [id^=div_user_list] .empty_line_433396_ {display:block; border:1px dotted #f00;} [id^=div_user_list] .empty_line_433396_:before {content:'공백 : 64px (PC+모바일)'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 2칸 레이아웃 ****************** */ .layout_433406_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_433406_ > div {margin-left:-20px;} .layout_433406_ > div:after {content:''; display:block; clear:both;} .layout_433406_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:20px; box-sizing:border-box;} .layout_433406_ > div > .container_1 {width:50%;} .layout_433406_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_433406_ > div > .container_1 { width:100%; } .layout_433406_ > div > .container_2 {clear:both; width:100%; padding-top:20px;} } @media \0screen{ .layout_433406_ {min-width:1200px;} } /* ****************** 최근 게시글 - 목록 (내부 여백형) ****************** */ .board_title__175092111__ {overflow:hidden;position:relative;margin:0 0 10px;padding:0 3px 10px;border-bottom:1px dashed #cacaca} .board_title__175092111__ .title_text {margin:0;padding:0;font-size:16px;font-weight:bold;color:#000000;line-height:20px;letter-spacing:-.03em} .board_title__175092111__ .sub_text {display:none;margin:0 0 5px;padding:0 1px;font-size:13px;color:#000000;line-height:18px;letter-spacing:-.03em} .board_title__175092111__ .btn_more_view {box-sizing:border-box;position:absolute;top:0;right:3px;width:18px;height:18px;font-size:0;background:#777777} .board_title__175092111__ .btn_more_view:before {content:'';display:block;position:absolute;top:50%;left:50%;width:9px;height:1px;margin:0 0 0 -4px;background:#ffffff} .board_title__175092111__ .btn_more_view:after {content:'';display:block;position:absolute;top:50%;left:50%;width:1px;height:9px;margin:-4px 0 0 0;background:#ffffff} .board_title__175092111__ .btn_more_view:hover {opacity:.9} .pm-board_list__175092111__ {padding:18px;background:#ffffff} .pm-board_list__175092111__ ul {margin:0;padding:0 3px;list-style-type:none} .pm-board_list__175092111__ ul li {display:none;margin:5px 0 0;padding:0;list-style-type:none} .pm-board_list__175092111__ ul li:first-child {display:block;margin-top:0} .pm-board_list__175092111__ ul li:nth-child(2) {display:block} .pm-board_list__175092111__ ul li:nth-child(3) {display:block} .pm-board_list__175092111__ ul li a {display:block;overflow:hidden;position:relative;font-size:13px;color:#000000;white-space:nowrap;text-overflow:ellipsis;line-height:18px} .pm-board_list__175092111__ ul li a:before {content:'';display:inline-block;position:relative;top:-5px;left:0;width:2px;height:2px;margin-right:6px;background:#000000;opacity:.7} .pm-board_list__175092111__ ul li a:hover {color:#777777} .pm-board_list__175092111__ ul li a:hover:before {background:#777777} .pm-board_list__175092111__ ul li.bd_empty {padding:0 10px;font-size:13px;text-align:center;line-height:18px} .pm-board_list__175092111__ ul li.bd_blank {display:none} .pm-board_list__175092111__ ul li.bd_blank span {display:block;line-height:18px} .pm-board_list__175092111__.date_show ul li a {padding-right:70px} .pm-board_list__175092111__.date_show ul li a .bd_date {position:absolute;top:0;right:0;font-size:13px;color:#000000} @media (min-width:768px){ .board_title__175092111__ {margin-bottom:18px;padding:0 3px 18px} .pm-board_list__175092111__ ul li {display:block;margin-top:6px} } @media (min-width:1024px){ .board_title__175092111__ {margin-bottom:30px;padding:0 3px 30px} .board_title__175092111__ .title_text {font-size:22px;line-height:24px} .board_title__175092111__ .sub_text {display:block;font-size:16px} .board_title__175092111__ .btn_more_view {width:28px;height:28px} .pm-board_list__175092111__ {padding:30px} .pm-board_list__175092111__ ul li {margin-top:8px} .pm-board_list__175092111__ ul li a {font-size:16px;line-height:20px} .pm-board_list__175092111__ ul li.bd_empty {line-height:20px} .pm-board_list__175092111__ ul li.bd_blank {display:block} .pm-board_list__175092111__ ul li.bd_blank span {line-height:20px} .pm-board_list__175092111__ ul li a .bd_date {font-size:14px} } /* ****************** 최근 게시글 - 목록 (내부 여백형) ****************** */ .board_title__175092111__ {overflow:hidden;position:relative;margin:0 0 10px;padding:0 3px 10px;border-bottom:1px dashed #cacaca} .board_title__175092111__ .title_text {margin:0;padding:0;font-size:16px;font-weight:bold;color:#000000;line-height:20px;letter-spacing:-.03em} .board_title__175092111__ .sub_text {display:none;margin:0 0 5px;padding:0 1px;font-size:13px;color:#000000;line-height:18px;letter-spacing:-.03em} .board_title__175092111__ .btn_more_view {box-sizing:border-box;position:absolute;top:0;right:3px;width:18px;height:18px;font-size:0;background:#777777} .board_title__175092111__ .btn_more_view:before {content:'';display:block;position:absolute;top:50%;left:50%;width:9px;height:1px;margin:0 0 0 -4px;background:#ffffff} .board_title__175092111__ .btn_more_view:after {content:'';display:block;position:absolute;top:50%;left:50%;width:1px;height:9px;margin:-4px 0 0 0;background:#ffffff} .board_title__175092111__ .btn_more_view:hover {opacity:.9} .pm-board_list__175092111__ {padding:18px;background:#ffffff} .pm-board_list__175092111__ ul {margin:0;padding:0 3px;list-style-type:none} .pm-board_list__175092111__ ul li {display:none;margin:5px 0 0;padding:0;list-style-type:none} .pm-board_list__175092111__ ul li:first-child {display:block;margin-top:0} .pm-board_list__175092111__ ul li:nth-child(2) {display:block} .pm-board_list__175092111__ ul li:nth-child(3) {display:block} .pm-board_list__175092111__ ul li a {display:block;overflow:hidden;position:relative;font-size:13px;color:#000000;white-space:nowrap;text-overflow:ellipsis;line-height:18px} .pm-board_list__175092111__ ul li a:before {content:'';display:inline-block;position:relative;top:-5px;left:0;width:2px;height:2px;margin-right:6px;background:#000000;opacity:.7} .pm-board_list__175092111__ ul li a:hover {color:#777777} .pm-board_list__175092111__ ul li a:hover:before {background:#777777} .pm-board_list__175092111__ ul li.bd_empty {padding:0 10px;font-size:13px;text-align:center;line-height:18px} .pm-board_list__175092111__ ul li.bd_blank {display:none} .pm-board_list__175092111__ ul li.bd_blank span {display:block;line-height:18px} .pm-board_list__175092111__.date_show ul li a {padding-right:70px} .pm-board_list__175092111__.date_show ul li a .bd_date {position:absolute;top:0;right:0;font-size:13px;color:#000000} @media (min-width:768px){ .board_title__175092111__ {margin-bottom:18px;padding:0 3px 18px} .pm-board_list__175092111__ ul li {display:block;margin-top:6px} } @media (min-width:1024px){ .board_title__175092111__ {margin-bottom:30px;padding:0 3px 30px} .board_title__175092111__ .title_text {font-size:22px;line-height:24px} .board_title__175092111__ .sub_text {display:block;font-size:16px} .board_title__175092111__ .btn_more_view {width:28px;height:28px} .pm-board_list__175092111__ {padding:30px} .pm-board_list__175092111__ ul li {margin-top:8px} .pm-board_list__175092111__ ul li a {font-size:16px;line-height:20px} .pm-board_list__175092111__ ul li.bd_empty {line-height:20px} .pm-board_list__175092111__ ul li.bd_blank {display:block} .pm-board_list__175092111__ ul li.bd_blank span {line-height:20px} .pm-board_list__175092111__ ul li a .bd_date {font-size:14px} } /* ****************** 공백(PC+모바일) ****************** */ .empty_line_433436_ {display:block; width:100%; height:30px; line-height:30px;} } @media (max-width:1023px){ .empty_line_433436_ {display:block; width:100%; height:64px; line-height:64px;} } @media (min-width:1024px){ .empty_line_433436_ {display:block; width:100%; height:64px; line-height:64px;} } [id^=div_user_list] .empty_line_433436_ {display:block; border:1px dotted #f00;} [id^=div_user_list] .empty_line_433436_:before {content:'공백 : 64px (PC+모바일)'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 2칸 레이아웃 ****************** */ .layout_433446_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_433446_ > div {margin-left:-20px;} .layout_433446_ > div:after {content:''; display:block; clear:both;} .layout_433446_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:20px; box-sizing:border-box;} .layout_433446_ > div > .container_1 {width:50%;} .layout_433446_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_433446_ > div > .container_1 { width:100%; } .layout_433446_ > div > .container_2 {clear:both; width:100%; padding-top:20px;} } @media \0screen{ .layout_433446_ {min-width:1200px;} } /* ****************** 최근 게시글 - 목록 (내부 여백형) ****************** */ .board_title__175092__ {overflow:hidden;position:relative;margin:0 0 10px;padding:0 3px 10px;border-bottom:1px dashed #cacaca} .board_title__175092__ .title_text {margin:0;padding:0;font-size:16px;font-weight:bold;color:#000000;line-height:20px;letter-spacing:-.03em} .board_title__175092__ .sub_text {display:none;margin:0 0 5px;padding:0 1px;font-size:13px;color:#000000;line-height:18px;letter-spacing:-.03em} .board_title__175092__ .btn_more_view {box-sizing:border-box;position:absolute;top:0;right:3px;width:18px;height:18px;font-size:0;background:#777777} .board_title__175092__ .btn_more_view:before {content:'';display:block;position:absolute;top:50%;left:50%;width:9px;height:1px;margin:0 0 0 -4px;background:#ffffff} .board_title__175092__ .btn_more_view:after {content:'';display:block;position:absolute;top:50%;left:50%;width:1px;height:9px;margin:-4px 0 0 0;background:#ffffff} .board_title__175092__ .btn_more_view:hover {opacity:.9} .pm-board_list__175092__ {padding:18px;background:#ffffff} .pm-board_list__175092__ ul {margin:0;padding:0 3px;list-style-type:none} .pm-board_list__175092__ ul li {display:none;margin:5px 0 0;padding:0;list-style-type:none} .pm-board_list__175092__ ul li:first-child {display:block;margin-top:0} .pm-board_list__175092__ ul li:nth-child(2) {display:block} .pm-board_list__175092__ ul li:nth-child(3) {display:block} .pm-board_list__175092__ ul li a {display:block;overflow:hidden;position:relative;font-size:13px;color:#000000;white-space:nowrap;text-overflow:ellipsis;line-height:18px} .pm-board_list__175092__ ul li a:before {content:'';display:inline-block;position:relative;top:-5px;left:0;width:2px;height:2px;margin-right:6px;background:#000000;opacity:.7} .pm-board_list__175092__ ul li a:hover {color:#777777} .pm-board_list__175092__ ul li a:hover:before {background:#777777} .pm-board_list__175092__ ul li.bd_empty {padding:0 10px;font-size:13px;text-align:center;line-height:18px} .pm-board_list__175092__ ul li.bd_blank {display:none} .pm-board_list__175092__ ul li.bd_blank span {display:block;line-height:18px} .pm-board_list__175092__.date_show ul li a {padding-right:70px} .pm-board_list__175092__.date_show ul li a .bd_date {position:absolute;top:0;right:0;font-size:13px;color:#000000} @media (min-width:768px){ .board_title__175092__ {margin-bottom:18px;padding:0 3px 18px} .pm-board_list__175092__ ul li {display:block;margin-top:6px} } @media (min-width:1024px){ .board_title__175092__ {margin-bottom:30px;padding:0 3px 30px} .board_title__175092__ .title_text {font-size:22px;line-height:24px} .board_title__175092__ .sub_text {display:block;font-size:16px} .board_title__175092__ .btn_more_view {width:28px;height:28px} .pm-board_list__175092__ {padding:30px} .pm-board_list__175092__ ul li {margin-top:8px} .pm-board_list__175092__ ul li a {font-size:16px;line-height:20px} .pm-board_list__175092__ ul li.bd_empty {line-height:20px} .pm-board_list__175092__ ul li.bd_blank {display:block} .pm-board_list__175092__ ul li.bd_blank span {line-height:20px} .pm-board_list__175092__ ul li a .bd_date {font-size:14px} } /* ****************** 최근 게시글 - 목록 (내부 여백형) ****************** */ .board_title__175092__ {overflow:hidden;position:relative;margin:0 0 10px;padding:0 3px 10px;border-bottom:1px dashed #cacaca} .board_title__175092__ .title_text {margin:0;padding:0;font-size:16px;font-weight:bold;color:#000000;line-height:20px;letter-spacing:-.03em} .board_title__175092__ .sub_text {display:none;margin:0 0 5px;padding:0 1px;font-size:13px;color:#000000;line-height:18px;letter-spacing:-.03em} .board_title__175092__ .btn_more_view {box-sizing:border-box;position:absolute;top:0;right:3px;width:18px;height:18px;font-size:0;background:#777777} .board_title__175092__ .btn_more_view:before {content:'';display:block;position:absolute;top:50%;left:50%;width:9px;height:1px;margin:0 0 0 -4px;background:#ffffff} .board_title__175092__ .btn_more_view:after {content:'';display:block;position:absolute;top:50%;left:50%;width:1px;height:9px;margin:-4px 0 0 0;background:#ffffff} .board_title__175092__ .btn_more_view:hover {opacity:.9} .pm-board_list__175092__ {padding:18px;background:#ffffff} .pm-board_list__175092__ ul {margin:0;padding:0 3px;list-style-type:none} .pm-board_list__175092__ ul li {display:none;margin:5px 0 0;padding:0;list-style-type:none} .pm-board_list__175092__ ul li:first-child {display:block;margin-top:0} .pm-board_list__175092__ ul li:nth-child(2) {display:block} .pm-board_list__175092__ ul li:nth-child(3) {display:block} .pm-board_list__175092__ ul li a {display:block;overflow:hidden;position:relative;font-size:13px;color:#000000;white-space:nowrap;text-overflow:ellipsis;line-height:18px} .pm-board_list__175092__ ul li a:before {content:'';display:inline-block;position:relative;top:-5px;left:0;width:2px;height:2px;margin-right:6px;background:#000000;opacity:.7} .pm-board_list__175092__ ul li a:hover {color:#777777} .pm-board_list__175092__ ul li a:hover:before {background:#777777} .pm-board_list__175092__ ul li.bd_empty {padding:0 10px;font-size:13px;text-align:center;line-height:18px} .pm-board_list__175092__ ul li.bd_blank {display:none} .pm-board_list__175092__ ul li.bd_blank span {display:block;line-height:18px} .pm-board_list__175092__.date_show ul li a {padding-right:70px} .pm-board_list__175092__.date_show ul li a .bd_date {position:absolute;top:0;right:0;font-size:13px;color:#000000} @media (min-width:768px){ .board_title__175092__ {margin-bottom:18px;padding:0 3px 18px} .pm-board_list__175092__ ul li {display:block;margin-top:6px} } @media (min-width:1024px){ .board_title__175092__ {margin-bottom:30px;padding:0 3px 30px} .board_title__175092__ .title_text {font-size:22px;line-height:24px} .board_title__175092__ .sub_text {display:block;font-size:16px} .board_title__175092__ .btn_more_view {width:28px;height:28px} .pm-board_list__175092__ {padding:30px} .pm-board_list__175092__ ul li {margin-top:8px} .pm-board_list__175092__ ul li a {font-size:16px;line-height:20px} .pm-board_list__175092__ ul li.bd_empty {line-height:20px} .pm-board_list__175092__ ul li.bd_blank {display:block} .pm-board_list__175092__ ul li.bd_blank span {line-height:20px} .pm-board_list__175092__ ul li a .bd_date {font-size:14px} } /* ****************** 공백(PC+모바일) ****************** */ .empty_line_433476_ {display:block; width:100%; height:30px; line-height:30px;} } @media (max-width:1023px){ .empty_line_433476_ {display:block; width:100%; height:64px; line-height:64px;} } @media (min-width:1024px){ .empty_line_433476_ {display:block; width:100%; height:64px; line-height:64px;} } [id^=div_user_list] .empty_line_433476_ {display:block; border:1px dotted #f00;} [id^=div_user_list] .empty_line_433476_:before {content:'공백 : 64px (PC+모바일)'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 4칸 레이아웃 ****************** */ .layout_448941_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_448941_ > div {} .layout_448941_ > div:after {content:''; display:block; clear:both;} .layout_448941_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_448941_ > div > .container_1 {width:25%;} .layout_448941_ > div > .container_2 {width:25%;} .layout_448941_ > div > .container_3 {width:25%;} .layout_448941_ > div > .container_4 {width:25%;} @media (max-width:1023px){ .layout_448941_ > div > .container_1 { width:50%; } .layout_448941_ > div > .container_2 { width:50%; } .layout_448941_ > div > .container_3 { width:50%; } .layout_448941_ > div > .container_4 { width:50%; } } @media \0screen{ .layout_448941_ {min-width:1200px;} } /* ****************** 한줄 텍스트+아이콘 ****************** */ .text_448981_ {box-shadow:3px 3px 4px rgb(0 0 0 / 20%);} .text_448981_ a {display:table;table-layout:fixed;width:100%;padding:24px 30px;background:#964a3c;box-sizing:border-box;} .text_448981_ a .cont { display:table-cell;vertical-align:middle; font-size:20px;font-weight:bold;color:#ffff00;letter-spacing:-.03em;line-height:1.5em; } .text_448981_ a .cont2 { display:table-cell;vertical-align:middle; font-size:14px;font-weight:bold;color:#ffffff;letter-spacing:-.03em;line-height:1.5em; width: 80%; height: 100%; } .text_448981_ a .ico_plus {display:none;} .tex_448981_ a .figure {display:table-cell;vertical-align:middle;width:41px;} @media all and (min-width:1024px){ .text_448981_ a .cont {display:block;position:relative;padding-right:25px;font-size:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .text_448981_ a .cont2 {margin-top:35px;font-size:14px;float:left;} .text_448981_ a .ico_plus {display:block;position:absolute;top:8px;right:0;} .text_448981_ a .ico_plus > span {display:block;position:relative;width:20px;height:20px;font-size:0;transition:transform .5s;transform-origin:center center;} .text_448981_ a .ico_plus > span:before {content:'';position:absolute;top:50%;left:50%;width:2px;height:100%;transform:translate(-50%,-50%);background:#fff;} .text_448981_ a .ico_plus > span:after {content:'';position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%,-50%);background:#fff;} .text_448981_ a .figure {display:block;width:auto;margin-top:35px;text-align:right;} .text_448981_ a:hover .ico_plus > span {transform:rotate(90deg);} } /* ****************** 한줄 텍스트+아이콘 ****************** */ .text_448951_ {box-shadow:3px 3px 4px rgb(0 0 0 / 20%);} .text_448951_ a {display:table;table-layout:fixed;width:100%;padding:24px 30px;background:#0256d0;box-sizing:border-box;} .text_448951_ a .cont { display:table-cell;vertical-align:middle; font-size:20px;font-weight:bold;color:#ffff00;letter-spacing:-.03em;line-height:1.5em; } .text_448951_ a .cont2 { display:table-cell;vertical-align:middle; font-size:14px;font-weight:bold;color:#ffffff;letter-spacing:-.03em;line-height:1.5em; width: 80%; height: 100%; } .text_448951_ a .ico_plus {display:none;} .tex_448951_ a .figure {display:table-cell;vertical-align:middle;width:41px;} @media all and (min-width:1024px){ .text_448951_ a .cont {display:block;position:relative;padding-right:25px;font-size:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .text_448951_ a .cont2 {margin-top:35px;font-size:14px;float:left;} .text_448951_ a .ico_plus {display:block;position:absolute;top:8px;right:0;} .text_448951_ a .ico_plus > span {display:block;position:relative;width:20px;height:20px;font-size:0;transition:transform .5s;transform-origin:center center;} .text_448951_ a .ico_plus > span:before {content:'';position:absolute;top:50%;left:50%;width:2px;height:100%;transform:translate(-50%,-50%);background:#fff;} .text_448951_ a .ico_plus > span:after {content:'';position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%,-50%);background:#fff;} .text_448951_ a .figure {display:block;width:auto;margin-top:35px;text-align:right;} .text_448951_ a:hover .ico_plus > span {transform:rotate(90deg);} } /* ****************** 한줄 텍스트+아이콘 ****************** */ .text_448961_ {box-shadow:3px 3px 4px rgb(0 0 0 / 20%);} .text_448961_ a {display:table;table-layout:fixed;width:100%;padding:24px 30px;background:#5da02c;box-sizing:border-box;} .text_448961_ a .cont { display:table-cell;vertical-align:middle; font-size:20px;font-weight:bold;color:#ffff00;letter-spacing:-.03em;line-height:1.5em; } .text_448961_ a .cont2 { display:table-cell;vertical-align:middle; font-size:14px;font-weight:bold;color:#ffffff;letter-spacing:-.03em;line-height:1.5em; width: 80%; height: 100%; } .text_448961_ a .ico_plus {display:none;} .tex_448961_ a .figure {display:table-cell;vertical-align:middle;width:41px;} @media all and (min-width:1024px){ .text_448961_ a .cont {display:block;position:relative;padding-right:25px;font-size:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .text_448961_ a .cont2 {margin-top:35px;font-size:14px;float:left;} .text_448961_ a .ico_plus {display:block;position:absolute;top:8px;right:0;} .text_448961_ a .ico_plus > span {display:block;position:relative;width:20px;height:20px;font-size:0;transition:transform .5s;transform-origin:center center;} .text_448961_ a .ico_plus > span:before {content:'';position:absolute;top:50%;left:50%;width:2px;height:100%;transform:translate(-50%,-50%);background:#fff;} .text_448961_ a .ico_plus > span:after {content:'';position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%,-50%);background:#fff;} .text_448961_ a .figure {display:block;width:auto;margin-top:35px;text-align:right;} .text_448961_ a:hover .ico_plus > span {transform:rotate(90deg);} } /* ****************** 한줄 텍스트+아이콘 ****************** */ .text_448971_ {box-shadow:3px 3px 4px rgb(0 0 0 / 20%);} .text_448971_ a {display:table;table-layout:fixed;width:100%;padding:24px 30px;background:#7e49bf;box-sizing:border-box;} .text_448971_ a .cont { display:table-cell;vertical-align:middle; font-size:20px;font-weight:bold;color:#ffffff;letter-spacing:-.03em;line-height:1.5em; } .text_448971_ a .cont2 { display:table-cell;vertical-align:middle; font-size:14px;font-weight:bold;color:#ffffff;letter-spacing:-.03em;line-height:1.5em; width: 80%; height: 100%; } .text_448971_ a .ico_plus {display:none;} .tex_448971_ a .figure {display:table-cell;vertical-align:middle;width:41px;} @media all and (min-width:1024px){ .text_448971_ a .cont {display:block;position:relative;padding-right:25px;font-size:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .text_448971_ a .cont2 {margin-top:35px;font-size:14px;float:left;} .text_448971_ a .ico_plus {display:block;position:absolute;top:8px;right:0;} .text_448971_ a .ico_plus > span {display:block;position:relative;width:20px;height:20px;font-size:0;transition:transform .5s;transform-origin:center center;} .text_448971_ a .ico_plus > span:before {content:'';position:absolute;top:50%;left:50%;width:2px;height:100%;transform:translate(-50%,-50%);background:#fff;} .text_448971_ a .ico_plus > span:after {content:'';position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%,-50%);background:#fff;} .text_448971_ a .figure {display:block;width:auto;margin-top:35px;text-align:right;} .text_448971_ a:hover .ico_plus > span {transform:rotate(90deg);} } /* ****************** 공백(PC+모바일) ****************** */ .empty_line_433526_ {display:block; width:100%; height:30px; line-height:30px;} } @media (max-width:1023px){ .empty_line_433526_ {display:block; width:100%; height:64px; line-height:64px;} } @media (min-width:1024px){ .empty_line_433526_ {display:block; width:100%; height:64px; line-height:64px;} } [id^=div_user_list] .empty_line_433526_ {display:block; border:1px dotted #f00;} [id^=div_user_list] .empty_line_433526_:before {content:'공백 : 64px (PC+모바일)'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 1칸 레이아웃_박스형 ****************** */ .layout_20690_ { box-sizing:border-box; clear:both; min-width:320px; max-width:1200px; margin:0 auto; padding:20px; border-radius:0px; border:1px solid #e5e5e5; background-color:#ffffff; } .layout_20690_ > div:after {content:''; display:block; clear:both;} .layout_20690_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media (max-width:1023px){ .layout_20690_ {margin:0 10px; padding:10px;} } @media \0screen{ .layout_20690_ {min-width:1200px;} }} /* ****************** 배너관리 - 슬라이드 CSS 3 (반응형) ****************** */ @keyframes slideMobile__433546_ { from {left:0} to {left:-300%} } @keyframes slideTablet__433546_ { from {left:0} to {left:-300%} } @keyframes slidePc__433546_ { from {left:0} to {left:-200%} } .pm-banner_slide_css3__433546_ {overflow:hidden;position:relative;width:100%;margin:0 auto;font-size:0;white-space:nowrap} .pm-banner_slide_css3__433546_ a {display:block;text-decoration:none} .pm-banner_slide_css3__433546_ a img {vertical-align:bottom} .pm-banner_slide_css3__433546_ .box { position:relative;top:0;margin:0;padding:0;list-style:none; animation-duration:24s; animation-timing-function:linear; /*animation-delay:2s;*/ animation-iteration-count:infinite; animation-play-state:running; animation-direction:normal; } .pm-banner_slide_css3__433546_:hover .box {animation-play-state:paused} .pm-banner_slide_css3__433546_ .item {display:inline-block;padding-left:10px;text-align:center;vertical-align:top;box-sizing:border-box} /* responsive */ .pm-banner_slide_css3__433546_ .box {animation-name:slideMobile__433546_} .pm-banner_slide_css3__433546_ .item {width:25%} @media (min-width:768px){ .pm-banner_slide_css3__433546_ .box {animation-name:slideTablet__433546_} .pm-banner_slide_css3__433546_ .item {width:25%} } @media (min-width:1024px){ .pm-banner_slide_css3__433546_ {width:1180px} .pm-banner_slide_css3__433546_ .box {animation-name:slidePc__433546_} .pm-banner_slide_css3__433546_ .item {width:16.67%} } /* ****************** 공백(PC+모바일) ****************** */ .empty_line_433556_ {display:block; width:100%; height:30px; line-height:30px;} } @media (max-width:1023px){ .empty_line_433556_ {display:block; width:100%; height:64px; line-height:64px;} } @media (min-width:1024px){ .empty_line_433556_ {display:block; width:100%; height:64px; line-height:64px;} } [id^=div_user_list] .empty_line_433556_ {display:block; border:1px dotted #f00;} [id^=div_user_list] .empty_line_433556_:before {content:'공백 : 64px (PC+모바일)'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}