/* ****************** 1칸 레이아웃 ****************** */ .back {background:black url(/img_up/shop_pds/ehompy0152/design/201812_daese_new/main_background.jpg) center center no-repeat; height:300px; background-position:fixed;} .layout_224086_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;} .layout_224086_ > div:after {content:''; display:block; clear:both;} .layout_224086_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_224086_ {min-width:1000px;} } /* ****************** 타이틀 텍스트 ****************** */ @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} .title_224089_ {font-size:0;} .title_224089_ p { font-family: 'Noto Sans KR';font-style: normal;font-weight: 300; display:inline-block; position:relative; margin:0; padding:0; font-size:/*20px*/2rem; letter-spacing:-1px; /* font-weight:bold;*/ color:#ffffff; line-height:1.4em; } .title_224089_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_224089_.style_top p {padding-top:10px;} .title_224089_.style_top p:before {left:0; top:0; width:20px; height:4px;} .title_224089_.style_right p {padding-right:14px;} .title_224089_.style_right p:before {right:0; top:4px; width:4px; height:20px;} .title_224089_.style_bottom p {padding-bottom:12px;} .title_224089_.style_bottom p:before {left:0; bottom:0; width:20px; height:4px;} .title_224089_.style_left p {padding-left:14px;} .title_224089_.style_left p:before {left:0; top:4px; width:4px; height:20px;} .title_224089_.style_circle1 p {padding-left:20px;} .title_224089_.style_circle1 p:before { left:0; top:8px; width:12px; height:12px; border-radius:12px; } .title_224089_.style_circle2 p {padding-left:20px;} .title_224089_.style_circle2 p:before { left:0; top:8px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (max-width:800px) { .title_224089_ p {font-size:1.65rem; padding-top:20px;} } /* ****************** [게시판] 게시글 통합검색 ****************** */ @font-face { font-family:'icomoon_header'; src:url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.eot'); src:url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.eot?#iefix') format('embedded-opentype'), url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.woff') format('woff'), url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.ttf') format('truetype'), url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.svg#icomoon_header') format('svg'); font-weight:normal; font-style:normal; } .pm-board_search_form__224087_ {/*border:1px solid #ccc;*/border-radius:2px} .pm-board_search_form__224087_ fieldset {position:relative;margin:0;padding:0;border:none} .pm-board_search_form__224087_ legend {display:none} .pm-board_search_form__224087_ ul {display:table;width:100%;margin:0;padding:0;list-style:none} .pm-board_search_form__224087_ ul li {display:table-cell;position:relative;padding:5px; background:white;} .pm-board_search_form__224087_ .select {width:80px} .pm-board_search_form__224087_ .select:before {content:'';position:absolute;top:10px;right:0;width:1px;height:20px;background:#ccc} .pm-board_search_form__224087_ .button {width:40px;padding:0} .pm-board_search_form__224087_ select {min-width:100%;height:30px;padding:0 5px;border:none} .pm-board_search_form__224087_ input[type=text] {width:100%;height:30px;padding:0 5px;border:none;background:transparent;font-size:12px;font-weight:bold;color:#333;box-sizing:border-box} .pm-board_search_form__224087_ button {position:relative;width:40px;height:40px;margin:0;padding:0;border:none;border-radius:2px;background:/*#333 */red;font-size:12px;text-indent:-9999px} .pm-board_search_form__224087_ button:hover {background:#111} .pm-board_search_form__224087_ button:before {content:'\e600';position:absolute;top:0;left:0;width:40px;height:40px;font-family:'icomoon_header';font-size:16px;color:#fff;line-height:40px;text-align:center;text-indent:0} @media (min-width:900px) { .pm-board_search_form__224087_ {margin-left:300px; margin-right:300px;} } @media (min-width:600px) and (max-width:899px) { .pm-board_search_form__224087_ {margin-left:100px; margin-right:100px;} } @media (min-width:300px) and (max-width:599px) { .pm-board_search_form__224087_ {margin-left:15px; margin-right:15px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_224088_ {font-size:0;} .title_224088_ p { display:inline-block; position:relative; margin:0; padding:0; font-size:/*16px*/0.8rem; letter-spacing:-1px; font-weight:normal; color:#ffffff; line-height:1.4em; } .title_224088_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_224088_.style_top p {padding-top:10px;} .title_224088_.style_top p:before {left:0; top:0; width:16px; height:4px;} .title_224088_.style_right p {padding-right:14px;} .title_224088_.style_right p:before {right:0; top:4px; width:4px; height:16px;} .title_224088_.style_bottom p {padding-bottom:12px;} .title_224088_.style_bottom p:before {left:0; bottom:0; width:16px; height:4px;} .title_224088_.style_left p {padding-left:14px;} .title_224088_.style_left p:before {left:0; top:4px; width:4px; height:16px;} .title_224088_.style_circle1 p {padding-left:20px;} .title_224088_.style_circle1 p:before { left:0; top:6px; width:12px; height:12px; border-radius:12px; } .title_224088_.style_circle2 p {padding-left:20px;} .title_224088_.style_circle2 p:before { left:0; top:6px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 1칸 레이아웃 ****************** */ .back2 {background:black url(/img_up/shop_pds/ehompy0152/design/2021_m/m_top_banner01.jpg) center center no-repeat; height:250px; background-position:fixed; background-size:cover;} .layout_303578_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;} .layout_303578_ > div:after {content:''; display:block; clear:both;} .layout_303578_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_303578_ {min-width:1000px;} } /* ****************** [게시판] 게시글 통합검색 ****************** */ @font-face { font-family:'icomoon_header'; src:url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.eot'); src:url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.eot?#iefix') format('embedded-opentype'), url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.woff') format('woff'), url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.ttf') format('truetype'), url('/img_up/shop_pds/aramfarm/design/icomoon_header/icomoon.svg#icomoon_header') format('svg'); font-weight:normal; font-style:normal; } .pm-board_search_form__303584_ {/*border:1px solid #ccc;*/border-radius:2px} .pm-board_search_form__303584_ fieldset {position:relative;margin:0;padding:0;border:none} .pm-board_search_form__303584_ legend {display:none} .pm-board_search_form__303584_ ul {display:table;width:100%;margin:0;padding:0;list-style:none} .pm-board_search_form__303584_ ul li {display:table-cell;position:relative;padding:5px; background:white;} .pm-board_search_form__303584_ .select {width:80px} .pm-board_search_form__303584_ .select:before {content:'';position:absolute;top:10px;right:0;width:1px;height:20px;background:#ccc} .pm-board_search_form__303584_ .button {width:40px;padding:0} .pm-board_search_form__303584_ select {min-width:100%;height:30px;padding:0 5px;border:none} .pm-board_search_form__303584_ input[type=text] {width:100%;height:30px;padding:0 5px;border:none;background:transparent;font-size:12px;font-weight:bold;color:#333;box-sizing:border-box} .pm-board_search_form__303584_ button {position:relative;width:40px;height:40px;margin:0;padding:0;border:none;border-radius:2px;background:/*#333 */red;font-size:12px;text-indent:-9999px} .pm-board_search_form__303584_ button:hover {background:#111} .pm-board_search_form__303584_ button:before {content:'\e600';position:absolute;top:0;left:0;width:40px;height:40px;font-family:'icomoon_header';font-size:16px;color:#fff;line-height:40px;text-align:center;text-indent:0} @media (min-width:900px) { .pm-board_search_form__303584_ {margin-left:300px; margin-right:300px;} } @media (min-width:600px) and (max-width:899px) { .pm-board_search_form__303584_ {margin-left:100px; margin-right:100px;} } @media (min-width:300px) and (max-width:599px) { .pm-board_search_form__303584_ {margin-left:15px; margin-right:15px; margin-top:80px;} } /* ****************** 1칸 레이아웃 ****************** */ .layout_340833_ {clear:both; min-width:320px; max-width:1205px; margin:0 auto;} .layout_340833_ > div:after {content:''; display:block; clear:both;} .layout_340833_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_340833_ {min-width:1205px;} } /* ****************** 공백 ****************** */ .empty_line_340841_ {display:block; width:100%; height:15px; line-height:15px;} @media (max-width:768px) { height:15px; } [id^=div_user_list] .empty_line_340841_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_340841_:before {content:'공백 : 15px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 장문 텍스트 ****************** */ @font-face { font-family: 'CookieRun'; font-weight: 400; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunRegular.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunRegular.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunRegular.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunRegular.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunRegular.ttf') format("truetype"); font-display: swap; } .textarea_340839_ p {font-family:'CookieRun', 'Noto Sans KR', sans-serif; word-break:keep-all; display:block; margin:0; padding:0; font-size:28px; letter-spacing:0px; font-weight:normal; color:#ffffff; line-height:1.6em; } .textarea_340839_ {display:inline-block; margin:0 auto; position:relative; padding:0 20px;} .textarea_340839_:before {content:''; position:absolute; width:8px; height:8px; left:0; background:#fff;top:50%; transform:translatey(-50%) rotate(45deg);} .textarea_340839_:after {content:''; position:absolute; width:8px; height:8px; right:0; background:#fff; top:50%; transform:translatey(-50%) rotate(45deg);} .textarea_340839_ p .pt {padding:0 4px; position:relative; z-index:1;} .textarea_340839_ p .pt:after {content:''; position:absolute; width:100%; height:10px; bottom:0%; left:50%; transform: translate(-50%, -50%); background:#e90000; z-index:-1;} @media (max-width:768px) { .textarea_340839_ p {font-size:18px;} } /* ****************** 공백 ****************** */ .empty_line_340845_ {display:block; width:100%; height:15px; line-height:15px;} @media (max-width:768px) { height:15px; } [id^=div_user_list] .empty_line_340845_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_340845_:before {content:'공백 : 15px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 공백 ****************** */ .empty_line_500181_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_500181_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_500181_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 3칸 레이아웃 ****************** */ .layout_500011_ {clear:both; min-width:320px; max-width:1200px; padding:.5% 0 0 0; margin:0 auto;} .layout_500011_ > div {} .layout_500011_ > div:after {content:''; display:block; clear:both;} .layout_500011_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box; padding:0; } .layout_500011_ > div > .container_1 {width:33%; border:1px solid #ccc; box-sizing:border-box;background:white;} .layout_500011_ > div > .container_2 {width:33%; margin:0 .5% 0 .5%; border:1px solid #ccc; box-sizing:border-box; background:white;} .layout_500011_ > div > .container_3 {width:33%; border:1px solid #ccc; box-sizing:border-box; background:white;} @media (max-width:1023px){ .layout_500011_ > div > .container_1 { width:100%; } .layout_500011_ > div > .container_2 { width:100%; } .layout_500011_ > div > .container_3 { width:100%; } } @media \0screen{ .layout_500011_ {min-width:1200px;} } @media (max-width:1024px) { .layout_500011_ > div > .container_1, .layout_500011_ > div > .container_2, .layout_500011_ > div > .container_3 {border:none} } /* ****************** 맞춤게시판 - 앨범형 (반응형) ****************** */ .pm-myboard_album_responsive__500111_ {overflow:hidden} .pm-myboard_album_responsive__500111_ * {box-sizing:border-box} .pm-myboard_album_responsive__500111_ ul { margin:0;padding:0;list-style:none; margin-top:-10px;margin-left:-10px; } .pm-myboard_album_responsive__500111_ ul:after {content:'';display:block;clear:both} .pm-myboard_album_responsive__500111_ li {float:left;width:100%;padding-top:10px;padding-left:10px} .pm-myboard_album_responsive__500111_ li.clear {clear:both} .pm-myboard_album_responsive__500111_ li a {display:block;position:relative;color:#333;text-align:center;text-decoration:none} .pm-myboard_album_responsive__500111_ li img {display:block;width:100%;margin:0 auto} .pm-myboard_album_responsive__500111_ .empty {width:100%;padding:10px 0;color:#666;font-size:14px;text-align:center} .pm-myboard_album_responsive__500111_ .caption {margin:0;font-size:13px;line-height:1.6em;vertical-align:middle;text-align:center} .pm-myboard_album_responsive__500111_ .caption dt span {display:block;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pm-myboard_album_responsive__500111_ .caption dd {margin:0} .pm-myboard_album_responsive__500111_ .caption dd span {display:block;padding:2px 0} .pm-myboard_album_responsive__500111_ .caption .subject {font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pm-myboard_album_responsive__500111_ .caption .date {font-size:12px;color:#888} .pm-myboard_album_responsive__500111_ .caption .icon img {display:inline-block;width:auto;margin:0 auto} .pm-myboard_album_responsive__500111_ .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__500111_ .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__500111_ .caption.over .subject {color:#fff} .pm-myboard_album_responsive__500111_ .caption.over .date {display:none} .pm-myboard_album_responsive__500111_ .caption.over .icon {display:none} .pm-myboard_album_responsive__500111_ .caption.down {padding:10px 0} .pm-myboard_album_responsive__500111_ .caption.none {display:none} @media (max-width:767px){ .pm-myboard_album_responsive__500111_ li {width:100%} .pm-myboard_album_responsive__500111_ li.m_clear {clear:both} } @media (min-width:768px) and (max-width:1023px){ .pm-myboard_album_responsive__500111_ li {width:33.333333333333%} .pm-myboard_album_responsive__500111_ li.t_clear {clear:both} } @media (min-width:1024px){ .pm-myboard_album_responsive__500111_ li {width:50%} .pm-myboard_album_responsive__500111_ li.p_clear {clear:both} } /* 커스텀 */ .pm-myboard_album_responsive__500111_ {padding: 20px 0 0;} .pm-myboard_album_responsive__500111_ ul {display:flex; flex-direction:column; margin:0; gap: 20px 0;} .pm-myboard_album_responsive__500111_ li {padding:0; width:fit-content; margin: 0 auto;} .pm-myboard_album_responsive__500111_ li img {display:block; object-fit:cover;} @media (max-width:1023px) { .pm-myboard_album_responsive__500111_ ul {gap: 10px 0;} .pm-myboard_album_responsive__500111_ li img {height:auto !important; width:100% !important;} } /* ****************** 맞춤게시판 - 앨범형 (반응형) ****************** */ .pm-myboard_album_responsive__500121_ {overflow:hidden} .pm-myboard_album_responsive__500121_ * {box-sizing:border-box} .pm-myboard_album_responsive__500121_ ul { margin:0;padding:0;list-style:none; margin-top:-10px;margin-left:-10px; } .pm-myboard_album_responsive__500121_ ul:after {content:'';display:block;clear:both} .pm-myboard_album_responsive__500121_ li {float:left;width:100%;padding-top:10px;padding-left:10px} .pm-myboard_album_responsive__500121_ li.clear {clear:both} .pm-myboard_album_responsive__500121_ li a {display:block;position:relative;color:#333;text-align:center;text-decoration:none} .pm-myboard_album_responsive__500121_ li img {display:block;width:100%;margin:0 auto} .pm-myboard_album_responsive__500121_ .empty {width:100%;padding:10px 0;color:#666;font-size:14px;text-align:center} .pm-myboard_album_responsive__500121_ .caption {margin:0;font-size:13px;line-height:1.6em;vertical-align:middle;text-align:center} .pm-myboard_album_responsive__500121_ .caption dt span {display:block;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pm-myboard_album_responsive__500121_ .caption dd {margin:0} .pm-myboard_album_responsive__500121_ .caption dd span {display:block;padding:2px 0} .pm-myboard_album_responsive__500121_ .caption .subject {font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pm-myboard_album_responsive__500121_ .caption .date {font-size:12px;color:#888} .pm-myboard_album_responsive__500121_ .caption .icon img {display:inline-block;width:auto;margin:0 auto} .pm-myboard_album_responsive__500121_ .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__500121_ .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__500121_ .caption.over .subject {color:#fff} .pm-myboard_album_responsive__500121_ .caption.over .date {display:none} .pm-myboard_album_responsive__500121_ .caption.over .icon {display:none} .pm-myboard_album_responsive__500121_ .caption.down {padding:10px 0} .pm-myboard_album_responsive__500121_ .caption.none {display:none} @media (max-width:767px){ .pm-myboard_album_responsive__500121_ li {width:100%} .pm-myboard_album_responsive__500121_ li.m_clear {clear:both} } @media (min-width:768px) and (max-width:1023px){ .pm-myboard_album_responsive__500121_ li {width:33.333333333333%} .pm-myboard_album_responsive__500121_ li.t_clear {clear:both} } @media (min-width:1024px){ .pm-myboard_album_responsive__500121_ li {width:25%} .pm-myboard_album_responsive__500121_ li.p_clear {clear:both} } /* 커스텀 */ .pm-myboard_album_responsive__500121_ {padding: 20px 4px;} .pm-myboard_album_responsive__500121_ ul {display:flex; flex-direction:row; margin:0; flex-wrap:wrap; gap: 20px 0;} .pm-myboard_album_responsive__500121_ li {padding:0; width:fit-content; margin: 0 auto;} .pm-myboard_album_responsive__500121_ li img {display:block; object-fit:cover;} @media (max-width:1023px) { .pm-myboard_album_responsive__500121_ li {width:calc(50% - 10px);} .pm-myboard_album_responsive__500121_ li:nth-child(n+1):nth-child(-n+2) { padding-bottom:10px; } .pm-myboard_album_responsive__500121_ li img {height:auto !important; width:100% !important;} .pm-myboard_album_responsive__500121_ ul {gap:0;} .pm-myboard_album_responsive__500121_ ul .figure { box-sizing:border-box;} } /* ****************** 공백 ****************** */ .empty_line_500031_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_500031_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_500031_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 이미지 ****************** */ .img_500091_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_500091_ * {box-sizing:border-box;} .img_500091_ a {display:block; text-decoration:none;} .img_500091_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_500061_ {display:block; width:100%; height:10px; line-height:10px;} [id^=div_user_list] .empty_line_500061_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_500061_:before {content:'공백 : 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 맞춤게시판 - 슬라이드 (반응형) ****************** */ @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-myboard_slide_responsive__500131_ { margin:0 auto} .pm-myboard_slide_responsive__500131_ a {display:block;border:none} .pm-myboard_slide_responsive__500131_ .owl-item {z-index:1;} .pm-myboard_slide_responsive__500131_ .item {position:relative} .pm-myboard_slide_responsive__500131_ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-myboard_slide_responsive__500131_ .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-myboard_slide_responsive__500131_ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:40px;font-weight:bold;color:#fff} .pm-myboard_slide_responsive__500131_ .owl-nav [class*='owl-']:hover {opacity:1} .pm-myboard_slide_responsive__500131_ .owl-nav .owl-prev {left:5px} .pm-myboard_slide_responsive__500131_ .owl-nav .owl-next {right:5px} .pm-myboard_slide_responsive__500131_ .owl-nav .owl-prev:before {content:'\e600'} .pm-myboard_slide_responsive__500131_ .owl-nav .owl-next:before {content:'\e601'} .pm-myboard_slide_responsive__500131_ .owl-nav .disabled {opacity:0.5;cursor:default} .pm-myboard_slide_responsive__500131_ .owl-dots {position:absolute;left:0;width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center;} .pm-myboard_slide_responsive__500131_ .owl-dots .owl-dot {display:inline-block} .pm-myboard_slide_responsive__500131_ .owl-dots .owl-dot span {display:block;width:10px;height:10px;margin:0 4px;background:#ddd;border-radius:30px;transition:opacity 200ms ease} .pm-myboard_slide_responsive__500131_ .owl-dots .owl-dot.active span, .pm-myboard_slide_responsive__500131_ .owl-dots .owl-dot:hover span {background:#999} .pm-myboard_slide_responsive__500131_ .figure {position:relative} .pm-myboard_slide_responsive__500131_ .figure:after {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #ccc} .pm-myboard_slide_responsive__500131_ .item:hover .figure:after {border-width:3px} .pm-myboard_slide_responsive__500131_ .caption {margin:0;font-size:13px;line-height:1.6em;vertical-align:middle;text-align:center} .pm-myboard_slide_responsive__500131_ .caption dt span {display:block;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pm-myboard_slide_responsive__500131_ .caption dd {margin:0} .pm-myboard_slide_responsive__500131_ .caption dd span {display:block;padding:2px 0} .pm-myboard_slide_responsive__500131_ .caption .subject {font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pm-myboard_slide_responsive__500131_ .caption .date {font-size:12px;color:#888} .pm-myboard_slide_responsive__500131_ .caption .icon img {display:inline-block;width:auto;margin:0 auto} .pm-myboard_slide_responsive__500131_ .caption.over {position:absolute;left:0;right:0;bottom:0;padding:5px;background:#333;background:rgba(0,0,0,0.5)} .pm-myboard_slide_responsive__500131_ .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_slide_responsive__500131_ .caption.over .subject {color:#fff} .pm-myboard_slide_responsive__500131_ .caption.over .date {display:none} .pm-myboard_slide_responsive__500131_ .caption.over .icon {display:none} .pm-myboard_slide_responsive__500131_ .caption.down {padding:10px 0} .pm-myboard_slide_responsive__500131_ .caption.none {display:none} /*커스텀*/ .promo_slide_wrap {margin:0 13px;} .pm-myboard_slide_responsive__500131_ .item img {display:block; object-fit:cover; aspect-ratio: 1.35 / 1;} /* ****************** 공백 ****************** */ .empty_line_500081_ {display:block; width:100%; height:16px; line-height:16px;} @media (max-width:768px) { height:30px; } [id^=div_user_list] .empty_line_500081_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_500081_:before {content:'공백 : 16px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 이미지 ****************** */ .img_500071_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_500071_ * {box-sizing:border-box;} .img_500071_ a {display:block; text-decoration:none;} .img_500071_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_500101_ {display:block; width:100%; height:10px; line-height:10px;} [id^=div_user_list] .empty_line_500101_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_500101_:before {content:'공백 : 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 맞춤게시판 - 슬라이드 (반응형) ****************** */ @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-myboard_slide_responsive__500191_ { margin:0 auto} .pm-myboard_slide_responsive__500191_ a {display:block;border:none} .pm-myboard_slide_responsive__500191_ .owl-item {z-index:1;} .pm-myboard_slide_responsive__500191_ .item {position:relative} .pm-myboard_slide_responsive__500191_ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-myboard_slide_responsive__500191_ .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-myboard_slide_responsive__500191_ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:40px;font-weight:bold;color:#fff} .pm-myboard_slide_responsive__500191_ .owl-nav [class*='owl-']:hover {opacity:1} .pm-myboard_slide_responsive__500191_ .owl-nav .owl-prev {left:5px} .pm-myboard_slide_responsive__500191_ .owl-nav .owl-next {right:5px} .pm-myboard_slide_responsive__500191_ .owl-nav .owl-prev:before {content:'\e600'} .pm-myboard_slide_responsive__500191_ .owl-nav .owl-next:before {content:'\e601'} .pm-myboard_slide_responsive__500191_ .owl-nav .disabled {opacity:0.5;cursor:default} .pm-myboard_slide_responsive__500191_ .owl-dots {position:absolute;left:0;width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center;} .pm-myboard_slide_responsive__500191_ .owl-dots .owl-dot {display:inline-block} .pm-myboard_slide_responsive__500191_ .owl-dots .owl-dot span {display:block;width:10px;height:10px;margin:0 4px;background:#ddd;border-radius:30px;transition:opacity 200ms ease} .pm-myboard_slide_responsive__500191_ .owl-dots .owl-dot.active span, .pm-myboard_slide_responsive__500191_ .owl-dots .owl-dot:hover span {background:#999} .pm-myboard_slide_responsive__500191_ .figure {position:relative} .pm-myboard_slide_responsive__500191_ .figure:after {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #ccc} .pm-myboard_slide_responsive__500191_ .item:hover .figure:after {border-width:3px} .pm-myboard_slide_responsive__500191_ .caption {margin:0;font-size:13px;line-height:1.6em;vertical-align:middle;text-align:center} .pm-myboard_slide_responsive__500191_ .caption dt span {display:block;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pm-myboard_slide_responsive__500191_ .caption dd {margin:0} .pm-myboard_slide_responsive__500191_ .caption dd span {display:block;padding:2px 0} .pm-myboard_slide_responsive__500191_ .caption .subject {font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pm-myboard_slide_responsive__500191_ .caption .date {font-size:12px;color:#888} .pm-myboard_slide_responsive__500191_ .caption .icon img {display:inline-block;width:auto;margin:0 auto} .pm-myboard_slide_responsive__500191_ .caption.over {position:absolute;left:0;right:0;bottom:0;padding:5px;background:#333;background:rgba(0,0,0,0.5)} .pm-myboard_slide_responsive__500191_ .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_slide_responsive__500191_ .caption.over .subject {color:#fff} .pm-myboard_slide_responsive__500191_ .caption.over .date {display:none} .pm-myboard_slide_responsive__500191_ .caption.over .icon {display:none} .pm-myboard_slide_responsive__500191_ .caption.down {padding:10px 0} .pm-myboard_slide_responsive__500191_ .caption.none {display:none} /*커스텀*/ .promo_slide_wrap {margin:0 13px;} .pm-myboard_slide_responsive__500191_ .item img {display:block; object-fit:cover; aspect-ratio: 1.35 / 1;} /* ****************** 공백 ****************** */ .empty_line_500051_ {display:block; width:100%; height:15px; line-height:15px;} @media (max-width:768px) { height:30px; } [id^=div_user_list] .empty_line_500051_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_500051_:before {content:'공백 : 15px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 이미지 ****************** */ .img_500021_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_500021_ * {box-sizing:border-box;} .img_500021_ a {display:block; text-decoration:none;} .img_500021_ img {max-width:100%; vertical-align:top; border:1px solid #cccccc; border-radius:16px;} /* ****************** 공백 ****************** */ .empty_line_303543_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_303543_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_303543_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 공백 ****************** */ .empty_line_303572_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_303572_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_303572_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 6칸 레이아웃 ****************** */ .layout_247064_ {clear:both; min-width:320px; max-width:1205px; margin:0 auto; border:3px solid #e2e2e2;} .layout_247064_ > div {} .layout_247064_ > div:after {content:''; display:block; clear:both;} .layout_247064_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_247064_ > div > .container_1 {width:16.666666666667%;} .layout_247064_ > div > .container_2 {width:16.666666666667%;} .layout_247064_ > div > .container_3 {width:16.666666666667%;} .layout_247064_ > div > .container_4 {width:16.666666666667%;} .layout_247064_ > div > .container_5 {width:16.666666666667%;} .layout_247064_ > div > .container_6 {width:16.666666666667%;} @media (max-width:1023px){ .layout_247064_ > div > .container_1 { width:50%; } .layout_247064_ > div > .container_2 { width:50%; } .layout_247064_ > div > .container_3 { width:50%; } .layout_247064_ > div > .container_4 { width:50%; } .layout_247064_ > div > .container_5 { width:50%; } .layout_247064_ > div > .container_6 { width:50%; } } @media \0screen{ .layout_247064_ {min-width:1205px;} } /* ****************** 이미지 ****************** */ @font-face { font-family: 'GongGothicMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff'); font-weight: normal; font-style: normal; } .img_247082_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top; position:relative;} .img_247082_ * {box-sizing:border-box;} .img_247082_ a {display:block; text-decoration:none;} .img_247082_ img {max-width:100%; vertical-align:top; border:1px solid #e2e2e2;} .img_247082_ .text {font-family: 'GongGothicMedium'; position:absolute; z-index:9999; left:50%; top:50%; transform:translate(-50%, -50%); font-size:20px; transition:.3s;} .img_247082_:hover .text {color:#e90000; transition:.7s;} /* ****************** 이미지 ****************** */ @font-face { font-family: 'GongGothicMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff'); font-weight: normal; font-style: normal; } .img_339998_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top; position:relative;} .img_339998_ * {box-sizing:border-box;} .img_339998_ a {display:block; text-decoration:none;} .img_339998_ img {max-width:100%; vertical-align:top; border:1px solid #e2e2e2;} .img_339998_ .text {font-family: 'GongGothicMedium'; position:absolute; z-index:9999; left:50%; top:50%; transform:translate(-50%, -50%); font-size:20px; transition:.3s;} .img_339998_:hover .text {color:#e90000; transition:.7s;} /* ****************** 이미지 ****************** */ @font-face { font-family: 'GongGothicMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff'); font-weight: normal; font-style: normal; } .img_339999_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top; position:relative;} .img_339999_ * {box-sizing:border-box;} .img_339999_ a {display:block; text-decoration:none;} .img_339999_ img {max-width:100%; vertical-align:top; border:1px solid #e2e2e2;} .img_339999_ .text {font-family: 'GongGothicMedium'; position:absolute; z-index:9999; left:50%; top:50%; transform:translate(-50%, -50%); font-size:20px; transition:.3s;} .img_339999_:hover .text {color:#e90000; transition:.7s;} /* ****************** 이미지 ****************** */ @font-face { font-family: 'GongGothicMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff'); font-weight: normal; font-style: normal; } .img_340000_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top; position:relative;} .img_340000_ * {box-sizing:border-box;} .img_340000_ a {display:block; text-decoration:none;} .img_340000_ img {max-width:100%; vertical-align:top; border:1px solid #e2e2e2;} .img_340000_ .text {font-family: 'GongGothicMedium'; position:absolute; z-index:9999; left:50%; top:50%; transform:translate(-50%, -50%); font-size:20px; transition:.3s;} .img_340000_:hover .text {color:#e90000; transition:.7s;} /* ****************** 이미지 ****************** */ @font-face { font-family: 'GongGothicMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff'); font-weight: normal; font-style: normal; } .img_340001_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top; position:relative;} .img_340001_ * {box-sizing:border-box;} .img_340001_ a {display:block; text-decoration:none;} .img_340001_ img {max-width:100%; vertical-align:top; border:1px solid #e2e2e2;} .img_340001_ .text {font-family: 'GongGothicMedium'; position:absolute; z-index:9999; left:50%; top:50%; transform:translate(-50%, -50%); font-size:20px; transition:.3s;} .img_340001_:hover .text {color:#e90000; transition:.7s;} /* ****************** 이미지 ****************** */ @font-face { font-family: 'GongGothicMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff'); font-weight: normal; font-style: normal; } .img_340002_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top; position:relative;} .img_340002_ * {box-sizing:border-box;} .img_340002_ a {display:block; text-decoration:none;} .img_340002_ img {max-width:100%; vertical-align:top; border:1px solid #e2e2e2;} .img_340002_ .text {font-family: 'GongGothicMedium'; position:absolute; z-index:9999; left:50%; top:50%; transform:translate(-50%, -50%); font-size:20px; transition:.3s;} .img_340002_:hover .text {color:#e90000; transition:.7s;} /* ****************** 1칸 레이아웃 ****************** */ .layout_224097_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;} .layout_224097_ > div:after {content:''; display:block; clear:both;} .layout_224097_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_224097_ {min-width:1000px;} } @media (min-width:1199px) { .layout_224097_ {display:none;} } /* ****************** 배너관리 - 슬라이드 (기본형) ****************** */ @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_slide_basic__224100_ { margin:0 auto} .pm-banner_slide_basic__224100_ a {border:none} .pm-banner_slide_basic__224100_ a img {border:none} .pm-banner_slide_basic__224100_ .owl-item {} .pm-banner_slide_basic__224100_ .item {position:relative} .pm-banner_slide_basic__224100_ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-banner_slide_basic__224100_ .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__224100_ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:40px;font-weight:bold;color:#fff} .pm-banner_slide_basic__224100_ .owl-nav [class*='owl-']:hover {opacity:1} .pm-banner_slide_basic__224100_ .owl-nav .owl-prev {left:5px} .pm-banner_slide_basic__224100_ .owl-nav .owl-next {right:5px} .pm-banner_slide_basic__224100_ .owl-nav .owl-prev:before {content:'\e600'} .pm-banner_slide_basic__224100_ .owl-nav .owl-next:before {content:'\e601'} .pm-banner_slide_basic__224100_ .owl-nav .disabled {opacity:0.5;cursor:default} .pm-banner_slide_basic__224100_ .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__224100_ .owl-dots .owl-dot {display:inline-block} .pm-banner_slide_basic__224100_ .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__224100_ .owl-dots .owl-dot.active span, .pm-banner_slide_basic__224100_ .owl-dots .owl-dot:hover span {background:#999} /* ****************** 이미지 ****************** */ .img_224099_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_224099_ * {box-sizing:border-box;} .img_224099_ a {display:block; text-decoration:none;} .img_224099_ img {max-width:100%; vertical-align:top;} /* ****************** 배너관리 - 슬라이드 (반응형) ****************** */ @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_slide_responsive__224098_ {max-width:600px; margin:0 auto; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} .pm-banner_slide_responsive__224098_ a {border:none} .pm-banner_slide_responsive__224098_ a img {border:none} .pm-banner_slide_responsive__224098_ .owl-item {z-index:1;} .pm-banner_slide_responsive__224098_ .item {position:relative} .pm-banner_slide_responsive__224098_ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-banner_slide_responsive__224098_ .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_responsive__224098_ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:40px;font-weight:bold;color:#fff} .pm-banner_slide_responsive__224098_ .owl-nav [class*='owl-']:hover {opacity:1} .pm-banner_slide_responsive__224098_ .owl-nav .owl-prev {left:5px} .pm-banner_slide_responsive__224098_ .owl-nav .owl-next {right:5px} .pm-banner_slide_responsive__224098_ .owl-nav .owl-prev:before {content:'\e600'} .pm-banner_slide_responsive__224098_ .owl-nav .owl-next:before {content:'\e601'} .pm-banner_slide_responsive__224098_ .owl-nav .disabled {opacity:0.5;cursor:default} .pm-banner_slide_responsive__224098_ .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_responsive__224098_ .owl-dots .owl-dot {display:inline-block} .pm-banner_slide_responsive__224098_ .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_responsive__224098_ .owl-dots .owl-dot.active span, .pm-banner_slide_responsive__224098_ .owl-dots .owl-dot:hover span {background:#999} /* ****************** 공백 ****************** */ .empty_line_247087_ {display:block; width:100%; height:10px; line-height:10px;} [id^=div_user_list] .empty_line_247087_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_247087_:before {content:'공백 : 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 공백 ****************** */ .empty_line_303519_ {display:block; width:100%; height:20px; line-height:20px; display:none;} [id^=div_user_list] .empty_line_303519_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_303519_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 5칸 레이아웃 ****************** */ .layout_303482_ {clear:both; min-width:320px; max-width:1205px; margin:0 auto;} .layout_303482_ > div {} .layout_303482_ > div:after {content:''; display:block; clear:both;} .layout_303482_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_303482_ > div > .container_1 {width:20%;} .layout_303482_ > div > .container_2 {width:20%;} .layout_303482_ > div > .container_3 {width:20%;} .layout_303482_ > div > .container_4 {width:20%;} .layout_303482_ > div > .container_5 {width:20%;} @media \0screen{ .layout_303482_ {min-width:1205px;} } /* ****************** 이미지 ****************** */ .img_303483_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303483_ * {box-sizing:border-box;} .img_303483_ a {display:block; text-decoration:none;} .img_303483_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; box-sizing: border-box;} .img_303483_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 이미지 ****************** */ .img_303484_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303484_ * {box-sizing:border-box;} .img_303484_ a {display:block; text-decoration:none;} .img_303484_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-left:none; box-sizing: border-box;} .img_303484_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 이미지 ****************** */ .img_303485_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303485_ * {box-sizing:border-box;} .img_303485_ a {display:block; text-decoration:none;} .img_303485_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-left:none; box-sizing: border-box;} .img_303485_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 이미지 ****************** */ .img_303486_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303486_ * {box-sizing:border-box;} .img_303486_ a {display:block; text-decoration:none;} .img_303486_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-left:none; box-sizing: border-box;} .img_303486_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 이미지 ****************** */ .img_303487_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303487_ * {box-sizing:border-box;} .img_303487_ a {display:block; text-decoration:none;} .img_303487_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-left:none; box-sizing: border-box;} .img_303487_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 5칸 레이아웃 ****************** */ .layout_303492_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_303492_ > div {} .layout_303492_ > div:after {content:''; display:block; clear:both;} .layout_303492_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_303492_ > div > .container_1 {width:20%;} .layout_303492_ > div > .container_2 {width:20%;} .layout_303492_ > div > .container_3 {width:20%;} .layout_303492_ > div > .container_4 {width:20%;} .layout_303492_ > div > .container_5 {width:20%;} @media (max-width:1023px){ .layout_303492_ > div > .container_1 { width:100%; } .layout_303492_ > div > .container_2 { width:100%; } .layout_303492_ > div > .container_3 { width:100%; } .layout_303492_ > div > .container_4 { width:100%; } .layout_303492_ > div > .container_5 { width:100%; } } @media \0screen{ .layout_303492_ {min-width:1200px;} } /* ****************** 이미지 ****************** */ .img_303493_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303493_ * {box-sizing:border-box;} .img_303493_ a {display:block; text-decoration:none;} .img_303493_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-top:none; box-sizing: border-box;} .img_303493_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 이미지 ****************** */ .img_303494_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303494_ * {box-sizing:border-box;} .img_303494_ a {display:block; text-decoration:none;} .img_303494_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-left:none; border-top:none; box-sizing: border-box;} .img_303494_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 이미지 ****************** */ .img_303495_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303495_ * {box-sizing:border-box;} .img_303495_ a {display:block; text-decoration:none;} .img_303495_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-left:none; border-top:none; box-sizing: border-box;} .img_303495_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 이미지 ****************** */ .img_303496_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303496_ * {box-sizing:border-box;} .img_303496_ a {display:block; text-decoration:none;} .img_303496_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-left:none; border-top:none; box-sizing: border-box;} .img_303496_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 이미지 ****************** */ .img_303497_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303497_ * {box-sizing:border-box;} .img_303497_ a {display:block; text-decoration:none;} .img_303497_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-left:none; border-top:none; box-sizing: border-box;} .img_303497_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 5칸 레이아웃 ****************** */ .layout_303498_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_303498_ > div {} .layout_303498_ > div:after {content:''; display:block; clear:both;} .layout_303498_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_303498_ > div > .container_1 {width:20%;} .layout_303498_ > div > .container_2 {width:20%;} .layout_303498_ > div > .container_3 {width:20%;} .layout_303498_ > div > .container_4 {width:20%;} .layout_303498_ > div > .container_5 {width:20%;} @media (max-width:1023px){ .layout_303498_ > div > .container_1 { width:100%; } .layout_303498_ > div > .container_2 { width:100%; } .layout_303498_ > div > .container_3 { width:100%; } .layout_303498_ > div > .container_4 { width:100%; } .layout_303498_ > div > .container_5 { width:100%; } } @media \0screen{ .layout_303498_ {min-width:1200px;} } /* ****************** 이미지 ****************** */ .img_303499_ {display:inline-block; overflow:hidden; position:relative; width:240px; max-width:100%; vertical-align:top;} .img_303499_ * {box-sizing:border-box;} .img_303499_ a {display:block; text-decoration:none;} .img_303499_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-top:none; box-sizing: border-box;} .img_303499_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 이미지 ****************** */ .img_303500_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303500_ * {box-sizing:border-box;} .img_303500_ a {display:block; text-decoration:none;} .img_303500_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-left:none; border-top:none; box-sizing: border-box;} .img_303500_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 이미지 ****************** */ .img_303501_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303501_ * {box-sizing:border-box;} .img_303501_ a {display:block; text-decoration:none;} .img_303501_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-left:none; border-top:none; box-sizing: border-box;} .img_303501_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 이미지 ****************** */ .img_303502_ {display:inline-block; overflow:hidden; position:relative; width:240px; max-width:100%; vertical-align:top;} .img_303502_ * {box-sizing:border-box;} .img_303502_ a {display:block; text-decoration:none;} .img_303502_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-left:none; border-top:none; box-sizing: border-box;} .img_303502_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 이미지 ****************** */ .img_303503_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303503_ * {box-sizing:border-box;} .img_303503_ a {display:block; text-decoration:none;} .img_303503_ img {max-width:100%; vertical-align:top; border:1px solid #ccc; border-left:none; border-top:none; box-sizing: border-box;} .img_303503_ img:hover {opacity:0.5; transition:all 0.4s;} /* ****************** 3칸 레이아웃 ****************** */ .layout_303507_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;} .layout_303507_ > div {} .layout_303507_ > div:after {content:''; display:block; clear:both;} .layout_303507_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_303507_ > div > .container_1 {width:33.333333333333%;} .layout_303507_ > div > .container_2 {width:33.333333333333%;} .layout_303507_ > div > .container_3 {width:33.333333333333%;} @media \0screen{ .layout_303507_ {min-width:1000px;} } /* ****************** 이미지 ****************** */ .img_303508_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303508_ * {box-sizing:border-box;} .img_303508_ a {display:block; text-decoration:none;} .img_303508_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_303509_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303509_ * {box-sizing:border-box;} .img_303509_ a {display:block; text-decoration:none;} .img_303509_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_303510_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303510_ * {box-sizing:border-box;} .img_303510_ a {display:block; text-decoration:none;} .img_303510_ img {max-width:100%; vertical-align:top;} /* ****************** 3칸 레이아웃 ****************** */ .layout_303596_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;} .layout_303596_ > div {} .layout_303596_ > div:after {content:''; display:block; clear:both;} .layout_303596_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_303596_ > div > .container_1 {width:33.333333333333%;} .layout_303596_ > div > .container_2 {width:33.333333333333%;} .layout_303596_ > div > .container_3 {width:33.333333333333%;} @media \0screen{ .layout_303596_ {min-width:1000px;} } /* ****************** 이미지 ****************** */ .img_303597_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303597_ * {box-sizing:border-box;} .img_303597_ a {display:block; text-decoration:none;} .img_303597_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_303598_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303598_ * {box-sizing:border-box;} .img_303598_ a {display:block; text-decoration:none;} .img_303598_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_303599_ {display:inline-block; overflow:hidden; position:relative; width:330px; max-width:100%; vertical-align:top;} .img_303599_ * {box-sizing:border-box;} .img_303599_ a {display:block; text-decoration:none;} .img_303599_ img {max-width:100%; vertical-align:top;} /* ****************** 3칸 레이아웃 ****************** */ .layout_303600_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;} .layout_303600_ > div {} .layout_303600_ > div:after {content:''; display:block; clear:both;} .layout_303600_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_303600_ > div > .container_1 {width:33.333333333333%;} .layout_303600_ > div > .container_2 {width:33.333333333333%;} .layout_303600_ > div > .container_3 {width:33.333333333333%;} @media \0screen{ .layout_303600_ {min-width:1000px;} } /* ****************** 이미지 ****************** */ .img_303601_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303601_ * {box-sizing:border-box;} .img_303601_ a {display:block; text-decoration:none;} .img_303601_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_303602_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303602_ * {box-sizing:border-box;} .img_303602_ a {display:block; text-decoration:none;} .img_303602_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_303603_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303603_ * {box-sizing:border-box;} .img_303603_ a {display:block; text-decoration:none;} .img_303603_ img {max-width:100%; vertical-align:top;} /* ****************** 3칸 레이아웃 ****************** */ .layout_303604_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;} .layout_303604_ > div {} .layout_303604_ > div:after {content:''; display:block; clear:both;} .layout_303604_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_303604_ > div > .container_1 {width:33.333333333333%;} .layout_303604_ > div > .container_2 {width:33.333333333333%;} .layout_303604_ > div > .container_3 {width:33.333333333333%;} @media \0screen{ .layout_303604_ {min-width:1000px;} } /* ****************** 이미지 ****************** */ .img_303605_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303605_ * {box-sizing:border-box;} .img_303605_ a {display:block; text-decoration:none;} .img_303605_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_303606_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303606_ * {box-sizing:border-box;} .img_303606_ a {display:block; text-decoration:none;} .img_303606_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_303607_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303607_ * {box-sizing:border-box;} .img_303607_ a {display:block; text-decoration:none;} .img_303607_ img {max-width:100%; vertical-align:top;} /* ****************** 3칸 레이아웃 ****************** */ .layout_303608_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;} .layout_303608_ > div {} .layout_303608_ > div:after {content:''; display:block; clear:both;} .layout_303608_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_303608_ > div > .container_1 {width:33.333333333333%;} .layout_303608_ > div > .container_2 {width:33.333333333333%;} .layout_303608_ > div > .container_3 {width:33.333333333333%;} @media \0screen{ .layout_303608_ {min-width:1000px;} } /* ****************** 이미지 ****************** */ .img_303609_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303609_ * {box-sizing:border-box;} .img_303609_ a {display:block; text-decoration:none;} .img_303609_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_303610_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303610_ * {box-sizing:border-box;} .img_303610_ a {display:block; text-decoration:none;} .img_303610_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_303611_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_303611_ * {box-sizing:border-box;} .img_303611_ a {display:block; text-decoration:none;} .img_303611_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_224110_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_224110_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_224110_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 공백 ****************** */ .empty_line_340024_ {display:block; width:100%; height:10px; line-height:10px;} [id^=div_user_list] .empty_line_340024_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_340024_:before {content:'공백 : 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 1칸 레이아웃 ****************** */ .layout_340836_ {clear:both; min-width:320px; max-width:1205px; margin:0 auto;} .layout_340836_ > div:after {content:''; display:block; clear:both;} .layout_340836_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_340836_ {min-width:1205px;} } /* ****************** 공백 ****************** */ .empty_line_340855_ {display:block; width:100%; height:30px; line-height:30px;} @media (max-width:768px) { height:30px; } [id^=div_user_list] .empty_line_340855_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_340855_:before {content:'공백 : 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 텍스트+링크 ****************** */ @font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } .title_315567_ {display:inline-block; font-size:0; position:relative; padding-right:30px;} .title_315567_ p {font-family: 'GmarketSansMedium', 'Noto Sans Kr', sans-serif; word-break:keep-all; display:inline-block; margin:0; padding:0; font-size:26px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } .title_315567_ p b {color:#e90000;} .title_315567_ a {position: absolute; right: 0;top: 0; font-size: 20px; letter-spacing: -1px;font-weight: bold;color: #000000;line-height: 1.4em;} @media (max-width:768px) { .title_315567_ {padding: 0 10px;} .title_315567_ p {font-size:22px !important; padding-right:10px !important;} } /* ****************** 최근 게시글 - 앨범형 (반응형) ****************** */ .pm-board_album__340843_ * {box-sizing:border-box} .pm-board_album__340843_ ul {margin:0;padding:0;list-style:none} .pm-board_album__340843_ ul:after {content:'';display:block;clear:both} .pm-board_album__340843_ li {float:left} .pm-board_album__340843_ li.clear {clear:both} .pm-board_album__340843_ li a {display:block;text-align:center;color:#333;padding:10px 4px 10px} .pm-board_album__340843_ .figure {margin:0; width:100%} .pm-board_album__340843_ .figure img {display:block;margin:0 auto; width:100%} .pm-board_album__340843_ .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__340843_ .bd {margin:8px 0 0;font-size:13px} .pm-board_album__340843_ .date {margin:5px 0 0;font-size:12px;font-family:Arial;color:#888} .pm-board_album__340843_ .bd, .pm-board_album__340843_ .date {white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pm-board_album__340843_ .comment {font-weight:normal;color:#888} .pm-board_album__340843_ .empty {padding:10px 8px;font-size:14px;color:#666;text-align:center;width:100% !important} @media (max-width:767px){ .pm-board_album__340843_.col_m2 li {width:50%} .pm-board_album__340843_.col_m3 li {width:33.33%} .pm-board_album__340843_.col_m4 li {width:25%} .pm-board_album__340843_.col_m5 li {width:20%} .pm-board_album__340843_.col_m6 li {width:16.66%} .pm-board_album__340843_ li.clear_m {clear:both} .pm-board_album__340843_ li:last-child {display:none;} } @media (min-width:768px) and (max-width:1023px){ .pm-board_album__340843_.col_t2 li {width:50%} .pm-board_album__340843_.col_t3 li {width:33.33%} .pm-board_album__340843_.col_t4 li {width:25%} .pm-board_album__340843_.col_t5 li {width:20%} .pm-board_album__340843_.col_t6 li {width:16.66%} .pm-board_album__340843_ li.clear_t {clear:both} } @media (min-width:1024px){ .pm-board_album__340843_.col_p2 li {width:50%} .pm-board_album__340843_.col_p3 li {width:33.33%} .pm-board_album__340843_.col_p4 li {width:25%} .pm-board_album__340843_.col_p5 li {width:20%} .pm-board_album__340843_.col_p6 li {width:16.66%} .pm-board_album__340843_ li.clear_p {clear:both} } /* ****************** 공백 ****************** */ .empty_line_340848_ {display:block; width:100%; height:15px; line-height:15px;} @media (max-width:768px) { height:15px; } [id^=div_user_list] .empty_line_340848_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_340848_:before {content:'공백 : 15px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 실선 ****************** */ .solid_line_340856_ {display:block; position:relative; width:100%; height:20px;} .solid_line_340856_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;} /* ****************** 공백 ****************** */ .empty_line_340857_ {display:block; width:100%; height:15px; line-height:15px;} @media (max-width:768px) { height:15px; } [id^=div_user_list] .empty_line_340857_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_340857_:before {content:'공백 : 15px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 텍스트+링크 ****************** */ @font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } .title_315568_ {display:inline-block; font-size:0; position:relative; padding-right:30px;} .title_315568_ * {font-family: 'GmarketSansMedium', 'Noto Sans Kr', sans-serif; word-break:keep-all;} .title_315568_ p {display:inline-block; margin:0; padding:0; font-size:26px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } .title_315568_ p b {color:#e90000;} .title_315568_ .more_btn {position: absolute; right: 0;top: 0; font-size: 20px; letter-spacing: -1px;font-weight: bold;color: #000000;line-height: 1.4em;} .title_315568_ .exp {font-size:20px; margin-left:20px; display:flex; align-items:end;} .title_315568_ .coupon {font-size:14px; border:1px solid #dfdfdf; padding: 3px 20px; border-radius:20px; margin-left:10px; transition:.2s;} .title_315568_ .coupon b {color:#e90000;} .title_315568_ .coupon_btn {position:unset;} .title_315568_ .coupon:hover {background:#e90000; color:#fff; border:#000; transition:.2s;} .title_315568_ .coupon:hover b {color:#fff; transition:.2s;} @media (max-width:768px) { .title_315568_ {padding: 0 10px;} .title_315568_ p {font-size:22px; padding-right:10px;} .title_315568_ .exp {font-size:16px; display:flex; flex-direction:column; align-items:start; margin:0; margin-top:6px;} .title_315568_ .coupon {margin:0; font-size:15px; padding: 3px 10px;} } .title_315568_ .exp {display:none;} /* ****************** 배너관리 - 앨범형 (반응형) ****************** */ .pm-banner_responsive__551266_ {overflow:hidden} .pm-banner_responsive__551266_ * {box-sizing:border-box} .pm-banner_responsive__551266_ ul {margin:0;padding:0;list-style:none;margin-top:-10px;margin-left:-10px} .pm-banner_responsive__551266_ ul:after {content:'';display:block;clear:both} .pm-banner_responsive__551266_ li {float:left;width:100%;padding-top:10px;padding-left:10px} .pm-banner_responsive__551266_ li.clear {clear:both} .pm-banner_responsive__551266_ li a {display:block;color:#333;text-align:center;text-decoration:none} .pm-banner_responsive__551266_ li img {display:block;max-width:100%;margin:0 auto} .pm-banner_responsive__551266_ .empty {width:100%;padding:10px 0;color:#666;font-size:14px;text-align:center} @media (max-width:767px){ .pm-banner_responsive__551266_ li {width:50%} .pm-banner_responsive__551266_ li.m_clear {clear:both} } @media (min-width:768px) and (max-width:1023px){ .pm-banner_responsive__551266_ li {width:50%} .pm-banner_responsive__551266_ li.t_clear {clear:both} } @media (min-width:1024px){ .pm-banner_responsive__551266_ li {width:20%} .pm-banner_responsive__551266_ li.p_clear {clear:both} } .pm-banner_responsive__551266_ .subject { margin: 8px 0 0; font-size: 13px; text-align:center;} @media (max-width:1023px) { /* 반응형에서 4개 출력 */ .pm-banner_responsive__551266_ li:last-child {display:none;} } /* 25 08 20 높이값 고정 */ .pm-banner_responsive__551266_ li img {height:170px; object-fit:cover; width:100%;} /* ****************** 공백 ****************** */ .empty_line_340022_ {display:block; width:100%; height:40px; line-height:40px;} [id^=div_user_list] .empty_line_340022_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_340022_:before {content:'공백 : 40px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 1칸 레이아웃 ****************** */ .layout_500161_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_500161_ > div:after {content:''; display:block; clear:both;} .layout_500161_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_500161_ {min-width:1200px;} } /* ****************** 맞춤게시판 - 앨범형 (반응형) ****************** */ .pm-myboard_album_responsive__500171_ {overflow:hidden} .pm-myboard_album_responsive__500171_ * {box-sizing:border-box} .pm-myboard_album_responsive__500171_ ul { margin:0;padding:0;list-style:none; margin-top:-10px;margin-left:-10px; } .pm-myboard_album_responsive__500171_ ul:after {content:'';display:block;clear:both} .pm-myboard_album_responsive__500171_ li {float:left;width:100%;padding-top:10px;padding-left:10px} .pm-myboard_album_responsive__500171_ li.clear {clear:both} .pm-myboard_album_responsive__500171_ li a {display:block;position:relative;color:#333;text-align:center;text-decoration:none} .pm-myboard_album_responsive__500171_ li img {display:block;width:100%;margin:0 auto} .pm-myboard_album_responsive__500171_ .empty {width:100%;padding:10px 0;color:#666;font-size:14px;text-align:center} .pm-myboard_album_responsive__500171_ .caption {margin:0;font-size:13px;line-height:1.6em;vertical-align:middle;text-align:center} .pm-myboard_album_responsive__500171_ .caption dt span {display:block;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pm-myboard_album_responsive__500171_ .caption dd {margin:0} .pm-myboard_album_responsive__500171_ .caption dd span {display:block;padding:2px 0} .pm-myboard_album_responsive__500171_ .caption .subject {font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pm-myboard_album_responsive__500171_ .caption .date {font-size:12px;color:#888} .pm-myboard_album_responsive__500171_ .caption .icon img {display:inline-block;width:auto;margin:0 auto} .pm-myboard_album_responsive__500171_ .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__500171_ .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__500171_ .caption.over .subject {color:#fff} .pm-myboard_album_responsive__500171_ .caption.over .date {display:none} .pm-myboard_album_responsive__500171_ .caption.over .icon {display:none} .pm-myboard_album_responsive__500171_ .caption.down {padding:10px 0} .pm-myboard_album_responsive__500171_ .caption.none {display:none} @media (max-width:767px){ .pm-myboard_album_responsive__500171_ li {width:100%} .pm-myboard_album_responsive__500171_ li.m_clear {clear:both} } @media (min-width:768px) and (max-width:1023px){ .pm-myboard_album_responsive__500171_ li {width:33.333333333333%} .pm-myboard_album_responsive__500171_ li.t_clear {clear:both} } @media (min-width:1024px){ .pm-myboard_album_responsive__500171_ li {width:33.333333333333%} .pm-myboard_album_responsive__500171_ li.p_clear {clear:both} } /* 커스텀 */ .pm-myboard_album_responsive__500171_ {border:1px solid #ddd;} .pm-myboard_album_responsive__500171_ li {padding:0;} .pm-myboard_album_responsive__500171_ li img {display:block; object-fit:cover;} @media (max-width:1023px) { .pm-myboard_album_responsive__500171_ li img {height:auto !important; width:100% !important;} } /* ****************** 공백 ****************** */ .empty_line_339997_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_339997_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_339997_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 2칸 레이아웃 ****************** */ .layout_303527_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_303527_ > div {} .layout_303527_ > div:after {content:''; display:block; clear:both;} .layout_303527_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_303527_ > div > .container_1 {width:50%;} .layout_303527_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_303527_ > div > .container_1 { width:100%; } .layout_303527_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_303527_ {min-width:1200px;} } /* ****************** 이미지 ****************** */ .img_303528_ {display:inline-block; overflow:hidden; position:relative; width:590px; max-width:100%; vertical-align:top;} .img_303528_ * {box-sizing:border-box;} .img_303528_ a {display:block; text-decoration:none;} .img_303528_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_303529_ {display:inline-block; overflow:hidden; position:relative; width:590px; max-width:100%; vertical-align:top;} .img_303529_ * {box-sizing:border-box;} .img_303529_ a {display:block; text-decoration:none;} .img_303529_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_303538_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_303538_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_303538_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 배너관리 - 슬라이드 (기본형) ****************** */ @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_slide_basic__303531_ {max-width:1200px; margin:0 auto} .pm-banner_slide_basic__303531_ a {border:none} .pm-banner_slide_basic__303531_ a img {border:none} .pm-banner_slide_basic__303531_ .owl-item {z-index:1;} .pm-banner_slide_basic__303531_ .item {position:relative} .pm-banner_slide_basic__303531_ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-banner_slide_basic__303531_ .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__303531_ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:40px;font-weight:bold;color:#fff} .pm-banner_slide_basic__303531_ .owl-nav [class*='owl-']:hover {opacity:1} .pm-banner_slide_basic__303531_ .owl-nav .owl-prev {left:5px} .pm-banner_slide_basic__303531_ .owl-nav .owl-next {right:5px} .pm-banner_slide_basic__303531_ .owl-nav .owl-prev:before {content:'\e600'} .pm-banner_slide_basic__303531_ .owl-nav .owl-next:before {content:'\e601'} .pm-banner_slide_basic__303531_ .owl-nav .disabled {opacity:0.5;cursor:default} .pm-banner_slide_basic__303531_ .owl-dots {position:absolute;left:0; bottom:0; width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center;} .pm-banner_slide_basic__303531_ .owl-dots .owl-dot {display:inline-block} .pm-banner_slide_basic__303531_ .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__303531_ .owl-dots .owl-dot.active span, .pm-banner_slide_basic__303531_ .owl-dots .owl-dot:hover span {background:#999} /* ****************** 공백 ****************** */ .empty_line_303630_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_303630_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_303630_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 2칸 레이아웃 ****************** */ .layout_303586_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;} .layout_303586_ > div {} .layout_303586_ > div:after {content:''; display:block; clear:both;} .layout_303586_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_303586_ > div > .container_1 {width:50%;} .layout_303586_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_303586_ > div > .container_1 { width:100%; } .layout_303586_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_303586_ {min-width:1000px;} } /* ****************** 이미지 ****************** */ .img_303587_ {display:inline-block; overflow:hidden; position:relative; width:500px; max-width:100%; vertical-align:top;} .img_303587_ * {box-sizing:border-box;} .img_303587_ a {display:block; text-decoration:none;} .img_303587_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_303588_ {display:inline-block; overflow:hidden; position:relative; width:500px; max-width:100%; vertical-align:top;} .img_303588_ * {box-sizing:border-box;} .img_303588_ a {display:block; text-decoration:none;} .img_303588_ img {max-width:100%; vertical-align:top;} /* ****************** 공백 ****************** */ .empty_line_303595_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_303595_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_303595_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 배너관리 - 슬라이드 (기본형) ****************** */ @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_slide_basic__303594_ {max-width:1000px; margin:0 auto} .pm-banner_slide_basic__303594_ a {border:none} .pm-banner_slide_basic__303594_ a img {border:none} .pm-banner_slide_basic__303594_ .owl-item {z-index:1;} .pm-banner_slide_basic__303594_ .item {position:relative} .pm-banner_slide_basic__303594_ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-banner_slide_basic__303594_ .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__303594_ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:40px;font-weight:bold;color:#fff} .pm-banner_slide_basic__303594_ .owl-nav [class*='owl-']:hover {opacity:1} .pm-banner_slide_basic__303594_ .owl-nav .owl-prev {left:5px} .pm-banner_slide_basic__303594_ .owl-nav .owl-next {right:5px} .pm-banner_slide_basic__303594_ .owl-nav .owl-prev:before {content:'\e600'} .pm-banner_slide_basic__303594_ .owl-nav .owl-next:before {content:'\e601'} .pm-banner_slide_basic__303594_ .owl-nav .disabled {opacity:0.5;cursor:default} .pm-banner_slide_basic__303594_ .owl-dots {position:absolute;left:0; bottom:0; width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center;} .pm-banner_slide_basic__303594_ .owl-dots .owl-dot {display:inline-block} .pm-banner_slide_basic__303594_ .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__303594_ .owl-dots .owl-dot.active span, .pm-banner_slide_basic__303594_ .owl-dots .owl-dot:hover span {background:#999} .pm-banner_slide_basic__303531_ .item {border:1px solid #ccc;}