/* ****************** 3칸 레이아웃 ****************** */ .layout_379667_ {clear:both; min-width:150px; max-width:1000px; margin:0 auto;} .layout_379667_ > div {} .layout_379667_ > div:after {content:''; display:block; clear:both;} .layout_379667_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_379667_ > div > .container_1 {width:61.538461538462%;} .layout_379667_ > div > .container_2 {width:7.6923076923077%;} .layout_379667_ > div > .container_3 {width:30.769230769231%;} @media (max-width:767px){ .layout_379667_ > div > .container_1 { width:95%; margin-left:2.5%;} .layout_379667_ > div > .container_2 {display:none;} .layout_379667_ > div > .container_3 { width:95%; margin-left:2.5%;} } @media \0screen{ .layout_379667_ {min-width:1000px;} } /* ****************** 공백 ****************** */ .empty_line_379671_ {display:block; width:100%; height:15px; line-height:15px;} [id^=div_user_list] .empty_line_379671_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_379671_:before {content:'공백: 15px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_379671_ {height:25px; line-height:25px;} [id^=div_user_list] .empty_line_379671_:before {content:'공백: 25px';} } @media \0screen{ .empty_line_379671_ {height:25px; line-height:25px;} [id^=div_user_list] .empty_line_379671_:before {content:'공백: 25px';} } /* ****************** 한줄 텍스트 ****************** */ .text_379672_ p { display:block; margin:0; padding:0; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#777777; line-height:1.6em; } .text_379672_ p a {color:#777777; text-decoration:none;} /* ****************** 장문 텍스트 ****************** */ .textarea_379670_ p { display:block; margin:0; padding:10px; font-size:13px; letter-spacing:0px; font-weight:normal; color:#777777; line-height:1.6em; } /* ****************** 이미지 ****************** */ .img_379668_ {display:inline-block; overflow:hidden; position:relative; width:auto; max-width:100%; vertical-align:middle; margin-top:50%;} .img_379668_ * {box-sizing:border-box;} .img_379668_ a {display:block; text-decoration:none;} .img_379668_ img {max-width:100%; vertical-align:middle;} @media (max-width:1023px){ .img_379668_{margin-top:30%;} } /* ****************** 이미지 ****************** */ .img_379669_ {border-radius:10px; display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_379669_ * {box-sizing:border-box;} .img_379669_ a {display:block; text-decoration:none;} .img_379669_ img {min-width:100%; max-width:100%; vertical-align:top;} @media (max-width:767px){ .img_379669_{width:95%;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_379673_ {clear:both; min-width:150px; max-width:1000px; margin:0 auto;} .layout_379673_ > div {margin-left:-30px;} .layout_379673_ > div:after {content:''; display:block; clear:both;} .layout_379673_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:30px; box-sizing:border-box;} .layout_379673_ > div > .container_1 {width:50%;} .layout_379673_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_379673_{width:95%;} .layout_379673_ > div > .container_1 { width:100%; } .layout_379673_ > div > .container_2 {clear:both; width:100%; padding-top:30px;} } @media \0screen{ .layout_379673_ {min-width:1000px;} } /* ****************** 메인 확대 이미지 ****************** */ .img_ratio_379674_ {border-radius:10px; display:block; overflow:hidden; position:relative; width:%; max-width:100%; margin:0 auto; vertical-align:top; border-radius:10px;} .img_ratio_379674_ *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:10px;} .img_ratio_379674_ a {display:block; text-decoration:none;} .img_ratio_379674_ img {width:100%; vertical-align:top; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .img_ratio_379674_ img.img_pc_379674_ {display:none;} .img_ratio_379674_ img.img_mobile_379674_ {display:inline-block;} .img_ratio_379674_:hover img {-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15);} .img_ratio_379674_ .img_cover_379674_ { display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:10; width:100%; height:100%; background:/img_up/shop_pds/susarang/farm/jeop-jong-jeon-ju-ui-sa-hang149328558511.jpg;/*오버시 배경*/ opacity:1; filter:alpha(opacity=50); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .img_ratio_379674_:hover .img_cover_379674_ {background:none;} .img_ratio_379674_ .img_caption_379674_ {display:block; position:absolute; top:0; left:0; z-index:20; width:100%; height:100%;} .img_ratio_379674_ .img_caption_379674_ .img_table_379674_ {display:table; width:100%; height:100%;} .img_ratio_379674_ .img_caption_379674_ .img_cell_379674_ {display:table-cell; padding:0px 25px; text-align:center; vertical-align:middle;} .img_ratio_379674_ .img_caption_379674_ .img_title_379674_ {display:inline-block; position:relative; margin-bottom:8px; padding:3px 12px 5px; border:1px solid rgba(255, 255, 255, .3); font-size:15px /* 타이틀 글자 크기 */; font-weight:bold; color:#ffffff /* 글자 색상 */; line-height:1.5em; letter-spacing:-0.02em; text-shadow:0 0 5px rgba(0,0,0,0.5); box-shadow:0 0 5px rgba(0,0,0,0.3);} .img_ratio_379674_ .img_caption_379674_ .img_text_379674_ {display:block; font-size:14px /* 타이틀 글자 크기 */; color:#ffffff /* 글자 색상 */; line-height:1.5em; letter-spacing:-0.02em; text-shadow:0 0 5px rgba(0,0,0,0.5);} @media (min-width:768px){ .img_ratio_379674_ {width:auto;} .img_ratio_379674_ img.img_pc_379674_ {display:inline-block;} .img_ratio_379674_ img.img_mobile_379674_ {display:none;} .img_ratio_379674_ .img_caption_379674_ .img_cell_379674_ {padding:0 25px;} .img_ratio_379674_ .img_caption_379674_ .img_title_379674_ {margin-bottom:15px; padding:0 15px 5px; font-size:23px /* 타이틀 글자 크기 */; font-weight:600;} .img_ratio_379674_ .img_caption_379674_ .img_text_379674_ {font-size:18px /* 타이틀 글자 크기 */; font-weight:600;} } @media (min-width:1024px){ .img_ratio_379674_ .img_caption_379674_ .img_cell_379674_ {padding:0 45px;} .img_ratio_379674_ .img_caption_379674_ .img_title_379674_ {margin-bottom:25px; padding:5px 25px 8px; font-size:20px /*타이틀 글자 크기 */;} .img_ratio_379674_ .img_caption_379674_ .img_text_379674_ {font-size:20px /* 타이틀 글자 크기 */;} } @media \0screen{ .img_ratio_379674_ {width:auto;} .img_ratio_379674_ img.img_pc_379674_ {display:inline-block;} .img_ratio_379674_ img.img_mobile_379674_ {display:none;} .img_ratio_379674_ .img_caption_379674_ .img_cell_379674_ {padding:0 45px;} .img_ratio_379674_ .img_caption_379674_ .img_title_379674_ {margin-bottom:25px; padding:0 25px 10px; font-size:20px /* 타이틀 글자 크기 */; font-weight:600;} .img_ratio_379674_ .img_caption_379674_ .img_text_379674_ {font-size:16px /* 타이틀 글자 크기 */; font-weight:600;} } /* ****************** 한줄 텍스트 ****************** */ .text_379675_ p { display:block; margin:0; padding:0; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#777777; line-height:1.6em; } .text_379675_ p a {color:#777777; text-decoration:none;} /* ****************** 블릿형 리스트 ****************** */ @font-face { font-family: 'icomoon_contents'; src:url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.eot'); src:url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.eot?#iefix') format('embedded-opentype'), url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.woff') format('woff'), url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.ttf') format('truetype'), url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.svg#icomoon_contents') format('svg'); font-weight: normal; font-style: normal; } .text_list_379676_ ul {display:table; margin:0; padding:0; list-style:none;} .text_list_379676_ li {display:table-row; font-size:14px; line-height:1.5em;} .text_list_379676_ span {display:table-cell; padding:5px; font-weight:normal; font-family:NanumGothic; color:#5da02c; vertical-align:top;} .text_list_379676_ span:before {content:'\e600'; font-family:"icomoon_contents";} .text_list_379676_ p {display:table-cell; padding:5px; letter-spacing:-1px; font-weight:normal; color:#777777; vertical-align:middle;} .text_list_379676_ span {padding-right:.5em; font-size:1em;} /* ****************** 메인 확대 이미지 ****************** */ .img_ratio_379678_ {border-radius:10px; display:block; overflow:hidden; position:relative; width:%; max-width:100%; margin:0 auto; vertical-align:top; border-radius:10px;} .img_ratio_379678_ *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:10px;} .img_ratio_379678_ a {display:block; text-decoration:none;} .img_ratio_379678_ img {width:100%; vertical-align:top; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .img_ratio_379678_ img.img_pc_379678_ {display:none;} .img_ratio_379678_ img.img_mobile_379678_ {display:inline-block;} .img_ratio_379678_:hover img {-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15);} .img_ratio_379678_ .img_cover_379678_ { display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:10; width:100%; height:100%; background:/img_up/shop_pds/susarang/farm/jeop-jong-hu-ju-ui-sa-hang149328562311.jpg;/*오버시 배경*/ opacity:1; filter:alpha(opacity=50); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .img_ratio_379678_:hover .img_cover_379678_ {background:none;} .img_ratio_379678_ .img_caption_379678_ {display:block; position:absolute; top:0; left:0; z-index:20; width:100%; height:100%;} .img_ratio_379678_ .img_caption_379678_ .img_table_379678_ {display:table; width:100%; height:100%;} .img_ratio_379678_ .img_caption_379678_ .img_cell_379678_ {display:table-cell; padding:0px 25px; text-align:center; vertical-align:middle;} .img_ratio_379678_ .img_caption_379678_ .img_title_379678_ {display:inline-block; position:relative; margin-bottom:8px; padding:3px 12px 5px; border:1px solid rgba(255, 255, 255, .3); font-size:15px /* 타이틀 글자 크기 */; font-weight:bold; color:#ffffff /* 글자 색상 */; line-height:1.5em; letter-spacing:-0.02em; text-shadow:0 0 5px rgba(0,0,0,0.5); box-shadow:0 0 5px rgba(0,0,0,0.3);} .img_ratio_379678_ .img_caption_379678_ .img_text_379678_ {display:block; font-size:14px /* 타이틀 글자 크기 */; color:#ffffff /* 글자 색상 */; line-height:1.5em; letter-spacing:-0.02em; text-shadow:0 0 5px rgba(0,0,0,0.5);} @media (min-width:768px){ .img_ratio_379678_ {width:auto;} .img_ratio_379678_ img.img_pc_379678_ {display:inline-block;} .img_ratio_379678_ img.img_mobile_379678_ {display:none;} .img_ratio_379678_ .img_caption_379678_ .img_cell_379678_ {padding:0 25px;} .img_ratio_379678_ .img_caption_379678_ .img_title_379678_ {margin-bottom:15px; padding:0 15px 5px; font-size:23px /* 타이틀 글자 크기 */; font-weight:600;} .img_ratio_379678_ .img_caption_379678_ .img_text_379678_ {font-size:18px /* 타이틀 글자 크기 */; font-weight:600;} } @media (min-width:1024px){ .img_ratio_379678_ .img_caption_379678_ .img_cell_379678_ {padding:0 45px;} .img_ratio_379678_ .img_caption_379678_ .img_title_379678_ {margin-bottom:25px; padding:5px 25px 8px; font-size:20px /*타이틀 글자 크기 */;} .img_ratio_379678_ .img_caption_379678_ .img_text_379678_ {font-size:20px /* 타이틀 글자 크기 */;} } @media \0screen{ .img_ratio_379678_ {width:auto;} .img_ratio_379678_ img.img_pc_379678_ {display:inline-block;} .img_ratio_379678_ img.img_mobile_379678_ {display:none;} .img_ratio_379678_ .img_caption_379678_ .img_cell_379678_ {padding:0 45px;} .img_ratio_379678_ .img_caption_379678_ .img_title_379678_ {margin-bottom:25px; padding:0 25px 10px; font-size:20px /* 타이틀 글자 크기 */; font-weight:600;} .img_ratio_379678_ .img_caption_379678_ .img_text_379678_ {font-size:16px /* 타이틀 글자 크기 */; font-weight:600;} } /* ****************** 한줄 텍스트 ****************** */ .text_379677_ p { display:block; margin:0; padding:0; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#777777; line-height:1.6em; } .text_379677_ p a {color:#777777; text-decoration:none;} /* ****************** 블릿형 리스트 ****************** */ @font-face { font-family: 'icomoon_contents'; src:url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.eot'); src:url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.eot?#iefix') format('embedded-opentype'), url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.woff') format('woff'), url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.ttf') format('truetype'), url('/img_up/shop_pds/aramfarm/design/icomoon_contents/icomoon.svg#icomoon_contents') format('svg'); font-weight: normal; font-style: normal; } .text_list_379679_ ul {display:table; margin:0; padding:0; list-style:none;} .text_list_379679_ li {display:table-row; font-size:14px; line-height:1.5em;} .text_list_379679_ span {display:table-cell; padding:5px; font-weight:normal; font-family:NanumGothic; color:#5da02c; vertical-align:top;} .text_list_379679_ span:before {content:'\e600'; font-family:"icomoon_contents";} .text_list_379679_ p {display:table-cell; padding:5px; letter-spacing:-1px; font-weight:normal; color:#777777; vertical-align:middle;} .text_list_379679_ span {padding-right:.5em; font-size:1em;} /* ****************** 2칸 레이아웃 ****************** */ .layout_379680_ {clear:both; min-width:150px; max-width:1000px; margin:0 auto;} .layout_379680_ > div {margin-left:-20px;} .layout_379680_ > div:after {content:''; display:block; clear:both;} .layout_379680_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:20px; box-sizing:border-box; transition:all .2s;} .layout_379680_ > div > .container_1 {width:50%;} .layout_379680_ > div > .container_2 {width:50%;} .layout_379680_ > div > [class^=container_]:hover > div > [class^=title_]{background:#ffe2c2; border-color:#ef8200;} .layout_379680_ > div > [class^=container_]:hover > div > [class^=title_] > p{color:#000000;} .layout_379680_ > div > [class^=container_]:hover > div >[class^=textarea_]{border-color:#ef8200; transition:all .2s;} @media (max-width:1023px){ .layout_379680_ > div > .container_1 { width:100%; } .layout_379680_ > div > .container_2 {clear:both; width:100%; padding-top:20px;} } @media (max-width:1023px){ .layout_379680_{width:95%} } @media \0screen{ .layout_379680_ {min-width:1000px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_379684_ {display:block; font-size:0; padding:20px; background:#f7f7f7; border:1px solid #bec4c8; transition:all .2s; border-bottom:#eee;} .title_379684_ p { display:inline-block; position:relative; margin:0; padding:0; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#000000; line-height:1.4em; } .title_379684_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_379684_.style_top p {padding-top:10px;} .title_379684_.style_top p:before {left:0; top:0; width:20px; height:4px;} .title_379684_.style_right p {padding-right:14px;} .title_379684_.style_right p:before {right:0; top:4px; width:4px; height:20px;} .title_379684_.style_bottom p {padding-bottom:12px;} .title_379684_.style_bottom p:before {left:0; bottom:0; width:20px; height:4px;} .title_379684_.style_left p {padding-left:14px;} .title_379684_.style_left p:before {left:0; top:4px; width:4px; height:20px;} .title_379684_.style_circle1 p {padding-left:20px;} .title_379684_.style_circle1 p:before { left:0; top:8px; width:12px; height:12px; border-radius:12px; } .title_379684_.style_circle2 p {padding-left:20px;} .title_379684_.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:1023px){ .title_379684_ p{font-size:17px;} } /* ****************** 장문 텍스트 ****************** */ .textarea_379682_{border:1px solid #bec4c8; border-top:0;} .textarea_379682_ p { display:block; margin:0; padding:25px 10px; font-size:14px; letter-spacing:0px; font-weight:normal; color:#777777; line-height:1.6em; } @media(max-width:767px){ .textarea_379682_ p{width:90%; margin:0 auto; font-size:13px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_379683_ {display:block; font-size:0; padding:20px; background:#f7f7f7; border:1px solid #bec4c8; transition:all .2s; border-bottom:#eee;} .title_379683_ p { display:inline-block; position:relative; margin:0; padding:0; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#000000; line-height:1.4em; } .title_379683_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_379683_.style_top p {padding-top:10px;} .title_379683_.style_top p:before {left:0; top:0; width:20px; height:4px;} .title_379683_.style_right p {padding-right:14px;} .title_379683_.style_right p:before {right:0; top:4px; width:4px; height:20px;} .title_379683_.style_bottom p {padding-bottom:12px;} .title_379683_.style_bottom p:before {left:0; bottom:0; width:20px; height:4px;} .title_379683_.style_left p {padding-left:14px;} .title_379683_.style_left p:before {left:0; top:4px; width:4px; height:20px;} .title_379683_.style_circle1 p {padding-left:20px;} .title_379683_.style_circle1 p:before { left:0; top:8px; width:12px; height:12px; border-radius:12px; } .title_379683_.style_circle2 p {padding-left:20px;} .title_379683_.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:1023px){ .title_379683_ p{font-size:17px;} } /* ****************** 장문 텍스트 ****************** */ .textarea_379681_{border:1px solid #bec4c8; border-top:0;} .textarea_379681_ p { display:block; margin:0; padding:25px 10px; font-size:14px; letter-spacing:0px; font-weight:normal; color:#777777; line-height:1.6em; } @media(max-width:767px){ .textarea_379681_ p{width:90%; margin:0 auto; font-size:13px;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_379685_ {clear:both; min-width:150px; max-width:1020px; margin:0 auto;} .layout_379685_ > div {margin-left:-10px;} .layout_379685_ > div:after {content:''; display:block; clear:both;} .layout_379685_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:10px; box-sizing:border-box;} .layout_379685_ > div > .container_1 {width:33.333333333333%;} .layout_379685_ > div > .container_2 {width:66.666666666667%;} @media (max-width:1023px){ .layout_379685_ > div > .container_1 { width:100%; } .layout_379685_ > div > .container_2 {clear:both; width:100%; padding-top:10px;} } @media (max-width:1023px){ .layout_379685_{width:95%} } @media \0screen{ .layout_379685_ {min-width:1020px;} } /* ****************** 공백 ****************** */ .empty_line_379689_ {display:block; width:100%; height:0px; line-height:0px;} [id^=div_user_list] .empty_line_379689_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_379689_:before {content:'공백: 0px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_379689_ {height:7px; line-height:7px;} [id^=div_user_list] .empty_line_379689_:before {content:'공백: 7px';} } @media \0screen{ .empty_line_379689_ {height:7px; line-height:7px;} [id^=div_user_list] .empty_line_379689_:before {content:'공백: 7px';} } /* ****************** 이미지 ****************** */ .img_379686_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top; border-radius:50%; } .img_379686_ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .img_379686_ a {display:block; text-decoration:none;} .img_379686_ img {max-width:100%; vertical-align:top;} @media (min-width:767px) and (max-width:1023px){ .img_379686_ {display:none;} } /* ****************** 타이틀 텍스트 ****************** */ .title_379688_ {font-size:0; background:#ffc148; border-top-left-radius:15px; border-top-right-radius:15px;} .title_379688_ p { display:inline-block; position:relative; margin:0; padding:10px; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#ffffff; line-height:1.4em; } .title_379688_.style_top p {padding-top:10px;} .title_379688_.style_top p:before {left:0; top:0; width:20px; height:4px;} .title_379688_.style_right p {padding-right:14px;} .title_379688_.style_right p:before {right:0; top:4px; width:4px; height:20px;} .title_379688_.style_bottom p {padding-bottom:12px;} .title_379688_.style_bottom p:before {left:0; bottom:0; width:20px; height:4px;} .title_379688_.style_left p {padding-left:14px;} .title_379688_.style_left p:before {left:0; top:4px; width:4px; height:20px;} .title_379688_.style_circle1 p {padding-left:20px;} .title_379688_.style_circle1 p:before { left:0; top:8px; width:12px; height:12px; border-radius:12px; } .title_379688_.style_circle2 p {padding-left:20px;} .title_379688_.style_circle2 p:before { left:0; top:8px; width:12px; height:12px; border:2px solid #ffc148; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 장문 텍스트 ****************** */ .textarea_379690_ p { display:block; margin:0; padding:10px; font-size:14px; letter-spacing:0px; font-weight:normal; color:#777777; line-height:1.6em; } /* ****************** 타이틀 텍스트 ****************** */ .title_379687_ {font-size:0; background:#f5f5f5; border-bottom-left-radius:15px; border-bottom-right-radius:15px;} .title_379687_ p { display:inline-block; position:relative; margin:0; padding:10px; font-size:16px; letter-spacing:-1px; font-weight:normal; color:#777777; line-height:1.4em; } .title_379687_.style_top p {padding-top:10px;} .title_379687_.style_top p:before {left:0; top:0; width:16px; height:4px;} .title_379687_.style_right p {padding-right:14px;} .title_379687_.style_right p:before {right:0; top:4px; width:4px; height:16px;} .title_379687_.style_bottom p {padding-bottom:12px;} .title_379687_.style_bottom p:before {left:0; bottom:0; width:16px; height:4px;} .title_379687_.style_left p {padding-left:14px;} .title_379687_.style_left p:before {left:0; top:4px; width:4px; height:16px;} .title_379687_.style_circle1 p {padding-left:20px;} .title_379687_.style_circle1 p:before { left:0; top:6px; width:12px; height:12px; border-radius:12px; } .title_379687_.style_circle2 p {padding-left:20px;} .title_379687_.style_circle2 p:before { left:0; top:6px; width:12px; height:12px; border:2px solid #f5f5f5; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 2칸 레이아웃 ****************** */ .layout_379691_ {clear:both; min-width:150px; max-width:1000px; margin:0 auto;} .layout_379691_ > div {margin-left:-10px;} .layout_379691_ > div:after {content:''; display:block; clear:both;} .layout_379691_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:10px; box-sizing:border-box;} .layout_379691_ > div > .container_1 {width:33.333333333333%;} .layout_379691_ > div > .container_2 {width:66.666666666667%;} @media (max-width:1023px){ .layout_379691_ > div > .container_1 { width:100%; } .layout_379691_ > div > .container_2 {clear:both; width:100%; padding-top:10px;} } @media (max-width:1023px){ .layout_379691_{width:95%} } @media \0screen{ .layout_379691_ {min-width:1000px;} } /* ****************** 이미지 ****************** */ .img_379695_ {border-radius:10px; display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_379695_ * {box-sizing:border-box;} .img_379695_ a {display:block; text-decoration:none;} .img_379695_ img {min-width:100%; max-width:100%; vertical-align:top;} @media (max-width:767px){ .img_379695_{width:95%;} } /* ****************** 타이틀 텍스트 ****************** */ .title_379694_ {font-size:0; background:#2489cb; border-top-left-radius:15px; border-top-right-radius:15px;} .title_379694_ p { display:inline-block; position:relative; margin:0; padding:10px; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#ffffff; line-height:1.4em; } .title_379694_.style_top p {padding-top:10px;} .title_379694_.style_top p:before {left:0; top:0; width:20px; height:4px;} .title_379694_.style_right p {padding-right:14px;} .title_379694_.style_right p:before {right:0; top:4px; width:4px; height:20px;} .title_379694_.style_bottom p {padding-bottom:12px;} .title_379694_.style_bottom p:before {left:0; bottom:0; width:20px; height:4px;} .title_379694_.style_left p {padding-left:14px;} .title_379694_.style_left p:before {left:0; top:4px; width:4px; height:20px;} .title_379694_.style_circle1 p {padding-left:20px;} .title_379694_.style_circle1 p:before { left:0; top:8px; width:12px; height:12px; border-radius:12px; } .title_379694_.style_circle2 p {padding-left:20px;} .title_379694_.style_circle2 p:before { left:0; top:8px; width:12px; height:12px; border:2px solid #2489cb; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 장문 텍스트 ****************** */ .textarea_379693_ p { display:block; margin:0; padding:10px; font-size:14px; letter-spacing:0px; font-weight:normal; color:#777777; line-height:1.6em; } /* ****************** 타이틀 텍스트 ****************** */ .title_379692_ {font-size:0; background:#f5f5f5; border-bottom-left-radius:15px; border-bottom-right-radius:15px;} .title_379692_ p { display:inline-block; position:relative; margin:0; padding:10px; font-size:16px; letter-spacing:-1px; font-weight:normal; color:#777777; line-height:1.4em; } .title_379692_.style_top p {padding-top:10px;} .title_379692_.style_top p:before {left:0; top:0; width:16px; height:4px;} .title_379692_.style_right p {padding-right:14px;} .title_379692_.style_right p:before {right:0; top:4px; width:4px; height:16px;} .title_379692_.style_bottom p {padding-bottom:12px;} .title_379692_.style_bottom p:before {left:0; bottom:0; width:16px; height:4px;} .title_379692_.style_left p {padding-left:14px;} .title_379692_.style_left p:before {left:0; top:4px; width:4px; height:16px;} .title_379692_.style_circle1 p {padding-left:20px;} .title_379692_.style_circle1 p:before { left:0; top:6px; width:12px; height:12px; border-radius:12px; } .title_379692_.style_circle2 p {padding-left:20px;} .title_379692_.style_circle2 p:before { left:0; top:6px; width:12px; height:12px; border:2px solid #f5f5f5; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 2칸 레이아웃 ****************** */ .layout_379811_ {clear:both; min-width:150px; margin:0 auto; width:100%;} .layout_379811_ > div {} .layout_379811_ > div:after {content:''; display:block; clear:both;} .layout_379811_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_379811_ > div > .container_1 {width:49%; margin-right:2%;} .layout_379811_ > div > .container_2 {width:49%;} @media (max-width:1600px){ .layout_379811_{width:90%;} } @media (max-width:1300px){ .layout_379811_{width:95%;} } @media (max-width:1023px){ .layout_379811_ > div > .container_1 { width:100%; margin-bottom:30px;} .layout_379811_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_379811_ {} } /* ****************** 이미지 ****************** */ .img_379815_ {overflow:hidden; position:relative; height:280px;} .img_back_128428{float:right; margin-top: 62px;} .img_379815_ * {box-sizing:border-box;} .img_379815_ a {display:block; text-decoration:none;} .img_379815_ img {max-width:100%; vertical-align:top;} .img_379815_ p{position:absolute; top:20%; left:0; padding-left:8%; font-size:24px; color:#666; text-align:left; font-weight:normal;} .img_379815_ p span{display:block; font-size:16px; letter-spacing:-1.5px; color:#666; position:relative; font-weight:500;} .img_379815_ p b:after{content:''; display:block; width:100%; height:1px; background:#444; position:absolute; top:0; margin-top:-10px;} .img_379815_ p strong{font-size:30px; margin-right:5px; color:#444;} .img_379815_ p b{display:block; font-size:18px; letter-spacing:-1.5px; color:#0064b4; position:relative; font-weight:500; line-height:25px; margin-top:20px;} @media (max-width:1200px){ .img_379815_{height:auto;} .img_379815_ p{font-size:20px;} .img_379815_ p strong{font-size:26px;} .img_379815_ p b{font-size:18px;} } @media (max-width:1023px){ .img_379815_{height:auto;} } @media (max-width:767px){ .img_379815_{height:354px; background-position:right center;} .img_back_128428{margin-top:30px; width:100%; text-align: center;} .img_379815_ p{font-size:20px; top:auto; bottom:10px; width:95%; left:2.5%; color:#eee; background:rgba(0,0,0,0.8); margin:0; padding:10px 15px;} .img_379815_ p span{font-size:15px; color:#ddd;} .img_379815_ p strong{font-size:20px; color:#fff;} .img_379815_ p b{font-size:13px; margin-top:10px;} .img_379815_ p b:after{background:#666; margin-top:-5px;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_379814_, .empty_379814_ *{padding:0; margin:0;} .empty_379814_{padding:25px 10px; position:relative; border-bottom:1px solid #ccc; height:280px; background: #fafafa;} .empty_379814_:before{content:''; position: absolute; width: 5px; height: 280px;left: 20px; background: #aec155; } .empty_379814_ p{color:#444; font-size:16px; word-break:keep-all; line-height:1.4em; padding-left:40px; letter-spacing:-1px;} .empty_379814_ strong, .empty_379814_ span{content:''; display:block; width:100%; height:1px; background:#eee; margin:20px auto;} .empty_379814_ span{margin-bottom:20px;} @media (max-width:767px){ .empty_379814_ {height: auto;} .empty_379814_ p{padding-left:40px; font-size:16px;} .empty_379814_ span{margin:13px 0;} .empty_379814_:before{height: 165px;} } /* ****************** 이미지 ****************** */ .img_379812_ {overflow:hidden; position:relative; height:280px;} .img_back_128426{float:right; margin-top: 38px;} .img_379812_ * {box-sizing:border-box;} .img_379812_ a {display:block; text-decoration:none;} .img_379812_ img {max-width:100%; vertical-align:top;} .img_379812_ p{position:absolute; top:20%; left:0; padding-left:8%; font-size:24px; color:#666; text-align:left; font-weight:normal;} .img_379812_ p span{display:block; font-size:16px; letter-spacing:-1.5px; color:#666; position:relative; font-weight:500;} .img_379812_ p b:after{content:''; display:block; width:100%; height:1px; background:#444; position:absolute; top:0; margin-top:-10px;} .img_379812_ p strong{font-size:30px; margin-right:5px; color:#444;} .img_379812_ p b{display:block; font-size:18px; letter-spacing:-1.5px; color:#0064b4; position:relative; font-weight:500; line-height:25px; margin-top:20px;} @media (max-width:1200px){ .img_379812_{height:auto;} .img_379812_ p{font-size:20px;} .img_379812_ p strong{font-size:26px;} .img_379812_ p b{font-size:18px;} } @media (max-width:1023px){ .img_379812_{height:auto;} } @media (max-width:767px){ .img_379812_{height:354px; background-position:right center;} .img_back_128426{margin-top:-3px; width:100%; text-align:center;} .img_379812_ p{font-size:20px; top:auto; bottom:10px; width:95%; left:2.5%; color:#eee; background:rgba(0,0,0,0.8); margin:0; padding:10px 15px;} .img_379812_ p span{font-size:15px; color:#ddd;} .img_379812_ p strong{font-size:20px; color:#fff;} .img_379812_ p b{font-size:13px; margin-top:10px;} .img_379812_ p b:after{background:#666; margin-top:-5px;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_379813_, .empty_379813_ *{padding:0; margin:0;} .empty_379813_{padding:25px 10px; position:relative; border-bottom:1px solid #ccc; height:280px; background: #fafafa;} .empty_379813_:before{content:''; position: absolute; width: 5px; height: 280px; left: 20px;background: #aec155; } .empty_379813_ p{color:#444; font-size:16px; word-break:keep-all; line-height:1.4em; padding-left:40px; letter-spacing:-1px;} .empty_379813_ strong, .empty_379813_ span{content:''; display:block; width:100%; height:1px; background:#eee; margin:20px auto;} .empty_379813_ span{margin-bottom:20px;} @media (max-width:1023px){ .empty_379813_{min-height:auto;} } @media (max-width:767px){ .empty_379813_{height: auto;} .empty_379813_ p{padding-left:40px; font-size:16px;} .empty_379813_ span{margin:13px 0;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_380215_wrap{width:100%; background:#f5f5f5;} .layout_380215_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_380215_ > div {} .layout_380215_ > div:after {content:''; display:block; clear:both;} .layout_380215_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_380215_ > div > .container_1 {width:55%; margin-right:3%;} .layout_380215_ > div > .container_2 {width:42%; margin-right:0%;} @media (max-width:1200px){ .layout_380215_{width:95%;} } @media (max-width:1023px){ .layout_380215_ > div > .container_1 { width:100%; } .layout_380215_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_380215_ {min-width:1200px;} } /* ****************** 이미지 ****************** */ .img_380217_ {display:inline-block; overflow:hidden; position:relative; max-width:100%; vertical-align:top;} .img_380217_ * {box-sizing:border-box;} .img_380217_ a {display:block; text-decoration:none;} .img_380217_ img {max-width:100%; vertical-align:top;} @media(max-width:1023px){ .img_380217_ {margin:20px 10px 20px 10px;} } /* ****************** 이미지 ****************** */ .img_380216_ {display:block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_380216_ * {box-sizing:border-box;} .img_380216_ a {display:block; text-decoration:none;} .img_380216_ img {max-width:100%; vertical-align:top; margin-bottom:20px;} .content{display:block; border-bottom:1px solid #06377c; width:100%; margin:20px 0px; } .content .text {margin-bottom:20px; font-size:16px; letter-spacing:-1.5px; font-weight:normal; color:#777; line-height:1.7em; word-break:keep-all; width:100%;} .content .text span{font-weight:bold; font-size:29px; color:#06377c;} .method {font-size:16px; letter-spacing:0px; line-height:1.7em; word-break:keep-all; color:#777; font-weight:normal;} .method strong{font-size:18px; letter-spacing:0px; word-break:keep-all; color:#06377c; text-align:center; margin:0px 15px 20px 0px;} .target {font-size:16px; letter-spacing:0px; line-height:1.7em; color:#777; font-weight:normal; margin-left:7%; margin-top:15px; margin-left:0.5px;} .target strong{font-size:18px; letter-spacing:0px; word-break:keep-all; color:#06377c; text-align:center; margin:0px 15px 20px 0px;} @media(max-width:1023px){ .img_380216_ {margin:20px 10px 0px 10px;} .img_380216_ .content .text{font-size:15px;} .content .text span{font-size:20px;} .target strong{font-size:16px;} .target{font-size:15px;} .method strong{font-size:16px;} .method{font-size:15px;} } @media(max-width:767px){ .img_380216_ .content .text{font-size:14px;} .img_380216_ .content .text span{font-size:18px;} .img_380216_ td{display:block; width:100%; font-size:14px;} } /* ****************** 4칸 레이아웃 ****************** */ .layout_380218_wrap{position:relative; width:100%;} .layout_380218_wrap:before{content:''; display:block; position:absolute; top:0; left:0; right:0; width:100%; height:50%; background:#f5f5f5;} .layout_380218_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_380218_ > div {} .layout_380218_ > div:after {content:''; display:block; clear:both;} .layout_380218_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_380218_ > div > .container_1 {width:25%;} .layout_380218_ > div > .container_2 {width:25%;} .layout_380218_ > div > .container_3 {width:25%;} .layout_380218_ > div > .container_4 {width:25%;} @media (max-width:1200px){ .layout_380218_{width:95%;} } @media (max-width:1023px){ .layout_380218_ > div > .container_1 { width:50%; } .layout_380218_ > div > .container_2 { width:50%; } .layout_380218_ > div > .container_3 { width:50%; } .layout_380218_ > div > .container_4 { width:50%; } } @media (max-width:500px){ .layout_380218_ > div > .container_1, .layout_380218_ > div > .container_2, .layout_380218_ > div > .container_3, .layout_380218_ > div > .container_4 {width:100%;} } @media \0screen{ .layout_380218_ {min-width:1200px;} } /* ****************** 이미지 ****************** */ .img_380221_ {position:relative; height:300px; background:url("/img_up/shop_pds/susarang/farm/1561006194_17141.png") no-repeat center; background-size:cover;} .img_380221_ * {box-sizing:border-box;} .img_380221_ a {display:block; text-decoration:none;} .img_380221_ img {max-width:100%; vertical-align:top; display:none;} @media (max-width:767px){ .img_380221_ {height:280px;} } @media (max-width:500px){ .img_380221_ {height:200px;} } /* ****************** 타이틀 텍스트 ****************** */ @import url('https://fonts.googleapis.com/css?family=Passion+One&display=swap'); .title_380222_ {font-size:0px;} .title_380222_ strong{font-size:45px; font-weight:bold; color:#fff; opacity:0.3;} .title_380222_ span{font-size:22px; letter-spacing:0px; font-weight:bold;} .title_380222_ p{display:inline-block; position:relative; margin:0; padding:0; font-size:15px; letter-spacing:-1px; font-weight:normal; color:#fff; line-height:1.5em; background:#06377c; padding:40px 50px; height:220px;} @media (max-width:1300px){ .title_380222_ p{padding:40px 30px;} } @media (max-width:767px){ .title_380222_ p{padding:30px;} .title_380222_ span{font-size:18px;} .title_380222_ p{font-size:14px;} } @media (max-width:500px){ .title_380222_ p{height:auto;} .title_380222_ span{font-size:16px;} } /* ****************** 타이틀 텍스트 ****************** */ @import url('https://fonts.googleapis.com/css?family=Passion+One&display=swap'); .title_380220_ {font-size:0px;} .title_380220_ strong{font-size:45px; font-weight:bold; color:#fff; opacity:0.3;} .title_380220_ span{font-size:22px; letter-spacing:0px; font-weight:bold;} .title_380220_ p{display:inline-block; position:relative; margin:0; padding:0; font-size:15px; letter-spacing:-1px; font-weight:normal; color:#fff; line-height:1.5em; background:#ffbf27; padding:40px 50px; height:220px;} @media (max-width:1300px){ .title_380220_ p{padding:40px 30px;} } @media (max-width:1023px){ .title_380220_ p{background:#06377c;} } @media (max-width:767px){ .title_380220_ p{padding:30px; font-size:14px;} .title_380220_ span{font-size:18px;} } @media (max-width:500px){ .title_380220_ p{height:auto; background:#ffbf27;} .title_380220_ span{font-size:16px;} } /* ****************** 타이틀 텍스트 ****************** */ @import url('https://fonts.googleapis.com/css?family=Passion+One&display=swap'); .title_380219_ {font-size:0px;} .title_380219_ strong{font-size:45px; font-weight:bold; color:#fff; opacity:0.3;} .title_380219_ span{font-size:22px; letter-spacing:0px; font-weight:bold;} .title_380219_ p{display:inline-block; position:relative; margin:0; padding:0; font-size:15px; letter-spacing:-1px; font-weight:normal; color:#fff; line-height:1.5em; background:#06377c; padding:40px 50px; height:220px;} @media (max-width:1300px){ .title_380219_ p{padding:40px 30px;} } @media (max-width:1023px){ .title_380219_ p{background:#ffbf27;} } @media (max-width:767px){ .title_380219_ p{padding:30px; font-size:14px;} .title_380219_ span{font-size:18px;} } @media (max-width:500px){ .title_380219_ p{height:auto; background:#06377c;} .title_380219_ span{font-size:16px;} } /* ****************** 타이틀 텍스트 ****************** */ @import url('https://fonts.googleapis.com/css?family=Passion+One&display=swap'); .title_380223_ {font-size:0px;} .title_380223_ span{font-size:35px; font-weight:bold; color:#fff; line-height:1.4em} .title_380223_ p{display:inline-block; margin:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#fff; line-height:1.9em; background:#06377c; padding:100px 73px 80px 73px; width:500px; height:500px; text-align:center; box-sizing:border-box;} @media (max-width:1023px){ .title_380223_{margin:0; } .title_380223_ p{padding:50px 40px; width:100%; height:auto; font-size:15px; line-height:1.5em;} .title_380223_ span{font-size:20px;} .title_380223_ span br{display:none;} } @media (max-width:767px){ .title_380223_ p{padding:40px 30px; font-size:14px;} .title_380223_ span{font-size:18px;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_380224_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_380224_ > div {} .layout_380224_ > div:after {content:''; display:block; clear:both;} .layout_380224_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_380224_ > div > .container_1 {width:55%; margin-right:3%;} .layout_380224_ > div > .container_2 {width:42%; margin-right:0%;} @media (max-width:1200px){ .layout_380224_{width:95%;} } @media (max-width:1023px){ .layout_380224_ > div > .container_1 { width:100%; } .layout_380224_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_380224_ {min-width:1200px;} } /* ****************** 이미지 ****************** */ .img_380225_ {display:inline-block; overflow:hidden; position:relative; max-width:100%; vertical-align:top;} .img_380225_ * {box-sizing:border-box;} .img_380225_ a {display:block; text-decoration:none;} .img_380225_ img {max-width:100%; vertical-align:top;} @media(max-width:1023px){ .img_380225_ {margin:20px 10px 20px 10px;} } /* ****************** 이미지 ****************** */ .img_380226_ {display:block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_380226_ * {box-sizing:border-box;} .img_380226_ a {display:block; text-decoration:none;} .img_380226_ img {max-width:100%; vertical-align:top; margin-bottom:20px;} .contentt{display:block; border-bottom:1px solid #ffbf27; width:100%; margin:20px 0px; } .contentt .textt {margin-bottom:20px; font-size:16px; letter-spacing:-1.5px; font-weight:normal; color:#777; line-height:1.7em; word-break:keep-all; width:100%;} .contentt .textt span{font-weight:bold; font-size:29px; color:#ffbf27;} .methodd {font-size:16px; letter-spacing:0px; line-height:1.7em; word-break:keep-all; color:#777; font-weight:normal;} .methodd strong{font-size:18px; letter-spacing:0px; word-break:keep-all; color:#ffbf27; text-align:center; margin:0px 15px 20px 0px;} .target {font-size:16px; letter-spacing:0px; line-height:1.7em; color:#777; font-weight:normal; margin-left:7%; margin-top:15px; margin-left:0.5px;} .target strong{font-size:18px; letter-spacing:0px; word-break:keep-all; color:#06377c; text-align:center; margin:0px 15px 20px 0px;} @media(max-width:1023px){ .img_380226_ {margin:20px 10px 0px 10px;} .img_380226_ .content .text{font-size:15px;} .contentt .textt span{font-size:20px;} .target strong{font-size:16px;} .target{font-size:15px;} .methodd strong{font-size:16px;} .methodd {font-size:15px; margin-bottom:10px;} } @media(max-width:767px){ .img_380226_ .contentt .textt{font-size:14px;} .img_380226_ .contentt .textt span{font-size:18px;} .img_380226_ td{display:block; width:100%; font-size:14px;} } /* ****************** 4칸 레이아웃 ****************** */ .layout_380227_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;} .layout_380227_ > div {margin-left:-15px;} .layout_380227_ > div:after {content:''; display:block; clear:both;} .layout_380227_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:15px; box-sizing:border-box;} .layout_380227_ > div > .container_1 {width:25%;} .layout_380227_ > div > .container_2 {width:25%;} .layout_380227_ > div > .container_3 {width:25%;} .layout_380227_ > div > .container_4 {width:25%;} @media (max-width:1200px){ .layout_380227_ {width:95%;} } @media (max-width:1023px){ .layout_380227_ > div > .container_1 { width:50%; } .layout_380227_ > div > .container_2 { width:50%; } .layout_380227_ > div > .container_3 {clear:both; width:50%; padding-top:15px;} .layout_380227_ > div > .container_4 { width:50%; padding-top:15px;} } @media \0screen{ .layout_380227_ {min-width:1200px;} } /* ****************** 이미지 ****************** */ .img_380229_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_380229_ * {box-sizing:border-box;} .img_380229_ a {display:block; text-decoration:none;} .img_380229_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_380230_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_380230_ * {box-sizing:border-box;} .img_380230_ a {display:block; text-decoration:none;} .img_380230_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_380231_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_380231_ * {box-sizing:border-box;} .img_380231_ a {display:block; text-decoration:none;} .img_380231_ img {max-width:100%; vertical-align:top;} /* ****************** 이미지 ****************** */ .img_380228_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_380228_ * {box-sizing:border-box;} .img_380228_ a {display:block; text-decoration:none;} .img_380228_ img {max-width:100%; vertical-align:top;} /* ****************** 2칸 레이아웃 ****************** */ .layout_380232_wrap{position:relative; width:100%;} .layout_380232_wrap:before{content:''; position:absolute; bottom:0; left:0; right:0; width:100%; height:50%; background:#f5f5f5;} .layout_380232_ {clear:both; min-width:320px; max-width:2000px; margin:0 auto;} .layout_380232_ > div {} .layout_380232_ > div:after {content:''; display:block; clear:both;} .layout_380232_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_380232_ > div > .container_1 {width:45%;} .layout_380232_ > div > .container_2 {width:55%;} @media (max-width:1023px){ .layout_380232_wrap:before{content:''; position:absolute; bottom:0; left:0; right:0; width:100%; height:50%; background:#f5f5f5;} .layout_380232_{width:95%;} .layout_380232_ > div > .container_1 { width:100%; } .layout_380232_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_380232_ {min-width:2000px;} } /* ****************** 타이틀 텍스트 ****************** */ @import url('https://fonts.googleapis.com/css?family=Passion+One&display=swap'); .title_380234_ {font-size:0px; clear:both; float:right;} .title_380234_ span{font-size:35px; font-weight:bold; color:#fff; line-height:1.4em} .title_380234_ p{margin:0px; display:inline-block; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#fff; line-height:1.9em; background:#ffbf27; padding:100px 73px 80px 73px; width:500px; height:500px; text-align:center; vertical-align:middle; box-sizing:border-box;} .title_380234_ p i{font-style:normal; letter-spacing:5px;} @media (max-width:1023px){ .title_380234_{margin:0; } .title_380234_ p{padding:50px 40px; width:100%; height:auto; font-size:15px; line-height:1.5em;} .title_380234_ span{font-size:20px;} .title_380234_ span br{display:none;} .title_380234_ p i{letter-spacing:0;} } @media (max-width:767px){ .title_380234_ p{padding:40px 30px; font-size:14px;} .title_380234_ span{font-size:18px;} } /* ****************** 이미지 ****************** */ .img_380233_ {width:100%; height:500px; background:url("/img_up/shop_pds/susarang/farm/gi-neung-jeok-jeon-gi-ja-geuk15639613341.jpg")no-repeat center; background-size:cover; overflow:hidden;} .img_380233_ * {box-sizing:border-box;} .img_380233_ a{display:inline-block; text-decoration:none;} .img_380233_ img{display:none;} @media (max-width:1023px){ .img_380233_{margin:0; height:auto; background:none;} .img_380233_ img{display:block;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_380275_wrap{width:100%; position:relative; background:#f5f5f5;} .layout_380275_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_380275_ > div {} .layout_380275_ > div:after {content:''; display:block; clear:both;} .layout_380275_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_380275_ > div > .container_1 {width:55%; margin-right:3%;} .layout_380275_ > div > .container_2 {width:42%; margin-right:0%;} @media (max-width:1200px){ .layout_380275_{width:95%;} } @media (max-width:1023px){ .layout_380275_ > div > .container_1 { width:100%; } .layout_380275_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_380275_ {min-width:1200px;} } /* ****************** 이미지 ****************** */ .img_380277_ {display:inline-block; overflow:hidden; position:relative; max-width:100%; vertical-align:top;} .img_380277_ * {box-sizing:border-box;} .img_380277_ a {display:block; text-decoration:none;} .img_380277_ img {max-width:100%; vertical-align:top;} @media(max-width:1023px){ .img_380277_ {margin:20px 10px 20px 10px;} } /* ****************** 이미지 ****************** */ .img_380276_ {display:block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_380276_ * {box-sizing:border-box;} .img_380276_ a {display:block; text-decoration:none;} .img_380276_ img {max-width:100%; vertical-align:top; margin-bottom:20px;} .content{display:block; border-bottom:1px solid #06377c; width:100%; margin:20px 0px; } .content .text {margin-bottom:20px; font-size:16px; letter-spacing:-1.5px; font-weight:normal; color:#777; line-height:1.7em; word-break:keep-all; width:100%;} .content .text span{font-weight:bold; font-size:29px; color:#06377c;} .method {font-size:16px; letter-spacing:0px; line-height:1.7em; word-break:keep-all; color:#777; font-weight:normal;} .method strong{font-size:18px; letter-spacing:0px; word-break:keep-all; color:#06377c; text-align:center; margin:0px 15px 20px 0px;} .target {font-size:16px; letter-spacing:0px; line-height:1.7em; color:#777; font-weight:normal; margin-left:7%; margin-top:15px; margin-left:0.5px;} .target strong{font-size:18px; letter-spacing:0px; word-break:keep-all; color:#06377c; text-align:center; margin:0px 15px 20px 0px;} @media(max-width:1023px){ .img_380276_ {margin:20px 10px 0px 10px;} .img_380276_ .content .text{font-size:15px;} .content .text span{font-size:20px;} .target strong{font-size:16px;} .target{font-size:15px;} .method strong{font-size:16px;} .method{font-size:15px;} } @media(max-width:767px){ .img_380276_ .content .text{font-size:14px;} .img_380276_ .content .text span{font-size:18px;} .img_380276_ td{display:block; width:100%; font-size:14px;} } /* ****************** 이미지 ****************** */ .img_380938_ {height:150px; background:url("/img_up/shop_pds/susarang/farm/top_banner157170487221.jpg") no-repeat center; background-size:cover;} @media (max-width:1200px){ .img_380938_ {display:none;} } /* ****************** 공백 ****************** */ .empty_line_380939_ {display:block; width:100%; height:10px; line-height:10px;} [id^=div_user_list] .empty_line_380939_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_380939_:before {content:'공백: 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_380939_ {height:25px; line-height:25px;} [id^=div_user_list] .empty_line_380939_:before {content:'공백: 25px';} } @media (max-width:767px){ .empty_line_380939_{display:none;} } @media \0screen{ .empty_line_380939_ {height:25px; line-height:25px;} [id^=div_user_list] .empty_line_380939_:before {content:'공백: 25px';} } /* ****************** 3칸 레이아웃 ****************** */ .layout_380940_ {clear:both; min-width:150px; max-width:1400px; margin:0 auto;} .layout_380940_ > div {} .layout_380940_ > div:after {content:''; display:block; clear:both;} .layout_380940_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_380940_ > div > .container_1 {width:33.333333333333%;} .layout_380940_ > div > .container_2 {width:33.333333333333%;} .layout_380940_ > div > .container_3 {width:33.333333333333%;} @media (max-width:1300px){ .layout_380940_ {width:95%;} } @media (max-width:767px){ .layout_380940_ {width:100%;} .layout_380940_ > div > .container_1 {position:absolute; top:0; left:0; z-index:100;} .layout_380940_ > div > .container_2 {width:100%;} .layout_380940_ > div > .container_3 {position:absolute; top:0; right:0;} [id^=div_user_list] .layout_380940_ > div > .container_1{position:relative; z-index:auto;} [id^=div_user_list] .layout_380940_ > div > .container_3{position:relative;} } @media \0screen{ .layout_380940_ {min-width:1400px;} } /* ****************** 공백 ****************** */ .empty_line_380941_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_380941_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_380941_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_380941_ {height:15px; line-height:15px;} [id^=div_user_list] .empty_line_380941_:before {content:'공백: 15px';} } @media \0screen{ .empty_line_380941_ {height:15px; line-height:15px;} [id^=div_user_list] .empty_line_380941_:before {content:'공백: 15px';} } /* ****************** 상단컨텐츠-전화안내 ****************** */ .empty_380946_ *{margin:0; padding:0;} .empty_380946_ .consult_btn img{vertical-align:bottom;} .empty_380946_ p{display:inline-block; font-size:25px; color:#999; line-height:1.4em; letter-spacing:-2px; vertical-align:bottom; transition:all .2s;} .empty_380946_ .consult_btn:hover p{color:#8d97b0;} .empty_380946_ p strong{display:inline-block; color:#333; margin:0 3px 0 8px; letter-spacing:-2px; transition:all .2s;} .empty_380946_ .consult_btn:hover p strong{color:#009ddd;} .empty_380946_ p span{display:inline-block; width:8px; height:14px; background:url("/img_up/shop_pds/susarang/farm/go_icon15788810321.png") no-repeat center; margin:-4px 0 0 6px; vertical-align:middle; transition:all .2s;} .empty_380946_ .consult_btn:hover p span{ background:url("/img_up/shop_pds/susarang/farm/go_icon_o15788812261.png") no-repeat center;} .empty_380946_ .mtop_btn{display:none;} @media (max-width:1023px){ .empty_380946_ .consult_btn img{margin-top:-3px;} .empty_380946_ p {font-size:0;} .empty_380946_ p strong{font-size:20px; margin:0 2px 20px 7px;} .empty_380946_ p span{margin-top:-17px;} } @media (max-width:767px){ .empty_380946_ .consult_btn{display:none;} .empty_380946_ .mtop_btn{display:block; width:76px; height:76px; background:#009ddd; position:absolute; top:0; left:0; text-align:center; padding-top:13px; box-sizing:border-box;} .empty_380946_ .mtop_btn span{display:block; font-size:13px; color:#fcff2d; font-weight:bold;} } /* ****************** 로고 + 토글 ****************** */ @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; } .logo_380943_ {position:relative;} .logo_380943_ * {box-sizing:border-box;} .logo_380943_ h1 {display:table; width:100%; margin:0; padding:0; font-size:12px; text-align:left; table-layout:fixed; text-align:center;} .logo_380943_ h1 a {display:table-cell; height:76px; vertical-align:middle;} .logo_380943_ h1 img {max-width:100%; max-height:100%; vertical-align:bottom;} .toggle_380943_ { display:none; overflow:hidden; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; padding:4px; font-size:0; border:1px solid #ddd; border-radius:2px; font-size:0; text-decoration:none; } .toggle_380943_.use {display:block;} .toggle_380943_:before {display:inline-block; font-family:"icomoon_header"; font-size:20px; color:#bbb; line-height:1em;} .toggle_380943_.on:before {color:#ffd548;} .tel_380943_ {display:block; right:10px;} .tel_380943_:before {content:'\e604'; color:#ffd548;} #farmBoxTel {display:none;} .toggleSearch_380943_ {left:45px;} .toggleSearch_380943_:before {content:'\e600';} #farmBoxSearch {display:none;} #farmBoxSearch.on {display:block;} .toggleGnb_380943_ {left:45px;} .toggleGnb_380943_:before {content:'\e602';} #farmBoxGnb {display:none;} #farmBoxGnb.on {display:block;} .toggleLnb_380943_ {left:10px;} .toggleLnb_380943_:before {content:'\e601';} #farmBoxLnb {display:none;} #farmBoxLnb.on {display:block;} [id^=div_user_list] .toggle_380943_ {display:block;} @media (min-width:1024px){ .logo_380943_ {padding:0; border-bottom:none;} .toggle_380943_ {display:none !important;} } @media (max-width:1023px){ .logo_380943_ h1 img{max-width:230px;} } @media (max-width:767px){ .logo_380943_ h1 img{max-width:170px;} } @media (max-width:400px){ .logo_380943_ h1 img{max-width:140px;} } @media \0screen{ .logo_380943_ {padding:0; border-bottom:none;} .toggle_380943_ {display:none !important;} [id^=farmBox] {display:block !important;} } /* ****************** 공백 ****************** */ .empty_line_380942_ {display:block; width:100%; height:23px; line-height:23px;} [id^=div_user_list] .empty_line_380942_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_380942_:before {content:'공백: 23px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_380942_ {height:20px; line-height:20px;} [id^=div_user_list] .empty_line_380942_:before {content:'공백: 20px';} } @media \0screen{ .empty_line_380942_ {height:20px; line-height:20px;} [id^=div_user_list] .empty_line_380942_:before {content:'공백: 20px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_380945_, .empty_380945_ *{padding:0; margin:0; list-style:none;} .empty_380945_{text-align:left; position:relative; z-index:15;} .empty_380945_ > ul{display:block; font-size:0; text-align:right;} .empty_380945_ > ul > li{display:inline-block; margin-left:12px; position:relative;} .empty_380945_ > ul > li:first-child{margin-left:0;} .empty_380945_ > ul > li > a{display:block; width:34px; height:34px; border-radius:50%; transition:all 0.3s;}.empty_380945_ > ul > li.call_number > a{width:auto; height:auto; border-radius:auto; font-size:15px;} .empty_380945_ li.call a{background:url("/img_up/shop_pds/susarang/farm/call_icon15788830701.png") no-repeat left center #ccc; background-size:cover; border:1px solid #ccc;} .empty_380945_ li.blog a{background:url("/img_up/shop_pds/susarang/farm/top_btn1_r15675653974.png") no-repeat left center #ccc; background-size:cover; border:1px solid #ccc;} .empty_380945_ li.kakao a{background:url("/img_up/shop_pds/susarang/farm/top_btn2_r15675653974.png") no-repeat left center #ccc; background-size:cover; border:1px solid #ccc;} .empty_380945_ li.consult a{background:url("") no-repeat left center #ccc; background-size:cover; border:1px solid #ccc;} .empty_380945_ li.call a:hover{background:url("/img_up/shop_pds/susarang/farm/call_icon15788830701.png") no-repeat right center #fff; background-size:cover;} .empty_380945_ li.blog a:hover{background:url("/img_up/shop_pds/susarang/farm/top_btn1_r15675653974.png") no-repeat right center #fff; background-size:cover;} .empty_380945_ li.kakao a:hover{background:url("/img_up/shop_pds/susarang/farm/top_btn2_r15675653974.png") no-repeat right center #fff; background-size:cover;} .empty_380945_ li.consult a:hover{background:url("") no-repeat right center #fff; background-size:cover;} .empty_380945_ li div.tooltip{padding:5px 7px; background:#fff; border-radius:3px; position:absolute; top:30px; box-shadow:1px 1px 1px rgba(0,0,0,0.2); opacity:0; visibility:hidden; transition:all 0.3s; } .empty_380945_ li div.tooltip:before{content:''; display:block; width:3px; border-bottom:6px solid #fff; border-top:4px solid transparent; border-left:3px solid transparent; border-right:3px solid transparent; position:absolute; top:-10px; left:50%; margin-left:-6px;} .empty_380945_ li:hover div.tooltip{top:43px; opacity:1; visibility:visible;} .empty_380945_ li.call div.tooltip{left:-24px;} .empty_380945_ li.blog div.tooltip{left:-23px;} .empty_380945_ li.kakao div.tooltip{left:-23px;} .empty_380945_ li.consult div.tooltip{left:-16px;} .empty_380945_ li div.tooltip p{font-size:13px; white-space:nowrap; text-align:center;} .empty_380945_ li.login{width:34px; height:34px; border-radius:50%; background:url("/img_up/shop_pds/susarang/farm/login15725730063.png") no-repeat left center #333; background-size:cover; border:1px solid #333; transition:all 0.3s;} .empty_380945_ li.login:hover{background:url("/img_up/shop_pds/susarang/farm/login15725730063.png") no-repeat right center #e3e9f9; border-color:#ccc; background-size:cover;} .empty_380945_ li.login .tooltip{left:-13px; padding:0;} .empty_380945_ li.login .tooltip a{display:block; font-size:13px; white-space:nowrap; text-align:center; border-bottom:1px solid #ddd; padding:5px 10px; transition:all .3s;} .empty_380945_ li.login .tooltip li:last-child a{border-bottom:0;} .empty_380945_ li.login .tooltip a:hover{background:#fafafa; color:#009ddd;} @media (max-width:1023px){ .empty_380945_{display:none;} } /* ****************** 내비게이션버튼(모바일) ****************** */ .mtop_btns .call_btn_m{display:none;} .nav_btn_m{display:inline-block; width:36px; height:31px; padding:5px 3px; position:transition:all 0.4s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer;} .nav_btn_m span{display:block; width:100%; height:2px; background:#111; margin-bottom:7px;} .nav_btn_m span:last-child{margin-bottom:0;} @media (min-width:1024px){ .nav_btn_m{display:none;} } @media (max-width:767px){ .mtop_btns a{display:inline-block; width:30px; height:25px; position:relative; z-index:100;} .mtop_btns .call_btn_m{display:inline-block; margin-top:3px; margin-right:5px; background:url("/img_up/shop_pds/susarang/farm/top_call1578622312.png") no-repeat center;} .nav_btn_m{margin-right:10px; margin-top:2px;} .nav_btn_m span{margin-bottom:5px;} } /* ****************** 공백 ****************** */ .empty_line_380947_ {display:block; width:100%; height:10px; line-height:10px;} [id^=div_user_list] .empty_line_380947_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_380947_:before {content:'공백: 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_380947_ {height:25px; line-height:1px;} [id^=div_user_list] .empty_line_380947_:before {content:'공백: 25px';} } @media (max-width:767px){ .empty_line_380947_{display:none;} } @media \0screen{ .empty_line_380947_ {height:25px; line-height:25px;} [id^=div_user_list] .empty_line_380947_:before {content:'공백: 25px';} } /* ****************** 1칸 레이아웃 ****************** */ .layout_380948_wrap{background:#f0f2f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; top:0; left:0; right:0; transition:all .5s;} [id^=div_user_list] .layout_380948_wrap{z-index:auto;} .layout_380948_wrap.scroll{position:fixed; top:0; left:0; right:0; border-top:0; z-index:1000; animation:scroll .5s;} .layout_380948_ {clear:both; min-width:150px; max-width:1400px; margin:0 auto;} .layout_380948_ > div:after {content:''; display:block; clear:both;} .layout_380948_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @keyframes scroll{ 0%{ opacity:0; visibility:hidden; top:-60px; } 100%{ opacity:1; visibility:visible; top:0; } } @media (max-width:1023px){ .layout_380948_wrap{display:none;} } @media \0screen{ .layout_380948_ {min-width:1400px;} } /* ****************** 네비게이션 - 세로형 (모바일) ****************** */ .nav_bg{background:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; top:0; left:0; z-index:3000; opacity:0; visibility:'hidden'; transition:all 0.6s;} #nav_mobile{width:270px; max-width:100%; height:100%; padding:0; background:#fff; position:fixed; top:0; right:-100%; transition:right 0.6s; z-index:9999; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .nav_wrap > p{text-align:right;} .nav_top_menu{width:100%; height:70px; background:#333; position:relative;} .nav_top_menu .close_btn{display:inline-block; width:70px; height:70px; border-right:1px solid #555; background:url("/img_up/shop_pds/susarang/design/img/close.png") no-repeat center; cursor:pointer; position:absolute; top:0; left:0; } .nav_top_menu ul{list-style:none; padding:0; margin:0; text-align:right; margin-right:15px;} .nav_top_menu li{display:inline-block; position:relative;} .nav_top_menu li a{display:block; width:100%; text-align:center; font-size:13px; color:#fff; line-height:70px; padding:0 10px;} .nav_top_menu li a:hover{text-decoration:underline;} .pm2-_380950_ {width:100%; height:100%; background:#fff; transition:all 0.4s;} .pm2-_380950_ * {box-sizing:border-box} .pm2-_380950_ ul {margin:0;padding:0;list-style:none} .pm2-_380950_ a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pm2-_380950_ a > img {vertical-align:top} .pm2-_380950_ [data-role=toggle] > a:before {content:'';position:absolute;top:50%;right:15px;width:5px;height:10px;margin-top:-5px;background:url("/img_up/shop_pds/susarang/design/img/nav_arrow.png") no-repeat right center; transition:all 0.3s;} .pm2-_380950_ [data-role=toggle].active > a:before {transform:rotate(90deg);} .pm2-_380950_ .dep1 {position:relative} .pm2-_380950_ .dep1 > li {border-top:1px dotted #ddd;} .pm2-_380950_ .dep1 > li:last-child{border-bottom:1px dotted #ddd;} .pm2-_380950_ .dep1 > li.on, .pm2-_380950_ .dep1 > li.active {border-top:1px dotted #009ddd;} .pm2-_380950_ .dep1 > li:first-child{border-top:0;} .pm2-_380950_ .dep1 > li > a {position:relative;padding:12px 20px;font-size:15px;color:#333} .pm2-_380950_ .dep1 > li > a.bt_img {padding:0} .pm2-_380950_ .dep1 > li.on > a, .pm2-_380950_ .dep1 > li.active > a, .pm2-_380950_ .dep1 > li:hover > a {color:#009ddd;} .pm2-_380950_ .dep1 > li > div {display:none} .pm2-_380950_ .dep2 {background:#f7f7f7; border-top:1px dotted #666;} .pm2-_380950_ .dep2 > li{border-top:1px dotted #c8c8c8; position:relative;} .pm2-_380950_ .dep2 > li:first-child{border-top:0; } .pm2-_380950_ .dep2 > li > a {padding:10px 23px;font-size:14px;color:#333; } .pm2-_380950_ .dep2 > li > a:after{content:'+'; font-size:15px; color:#333; position:absolute; top:50%; right:20px; margin-top:-11px; transition:all 0.3s;} .pm2-_380950_ .dep2 > li:hover > a:after{color:#009ddd; transform:rotate(90deg);} .pm2-_380950_ .dep2 > li > a.bt_img {padding:0} .pm2-_380950_ .dep2 > li.on > a, .pm2-_380950_ .dep2 > li:hover > a {background:#f1f1f1;} @media (min-width:1023px){ .nav_bg{display:none} #nav_mobile{display:none;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_380951_ { position:relative; width:100%;height:300px;background:#dedede;text-align:center;background-position:center center;background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .empty_380951_:before{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute; top:0; left:0;} .empty_380951_ p{margin:0; padding:0; position:absolute; top:50%; left:0; right:0; transform:translate(0,-50%); color:#fff; font-size:45px;} .empty_380951_ p em{display:block; width:30px; height:1px; background:#fff; margin:10px auto 0;} .empty_380951_ p span{font-size:20px; color:rgba(255,255,255,.6); letter-spacing:1px; font-weight:normal;} @media (max-width: 1023px){ .empty_380951_ {height:200px;} .empty_380951_ p{font-size:30px;} .empty_380951_ p span{font-size:16px;} } @media (max-width: 767px){ .empty_380951_ {height:120px;} .empty_380951_ p{font-size:24px;} .empty_380951_ p span{display:block; font-size:12px;} .empty_380951_ p em{display:none;} } /* ****************** 서브 네비게이션 ****************** */ .snb_380952_wrap{border-bottom:1px solid #ddd;} .snb_380952_{width:100%; max-width:1400px; margin:0 auto;} .snb_380952_ h1 { height:20px; line-height:20px; margin:0; padding:20px 5px; border-bottom:1px solid ; font-size:16px; font-weight:bold; text-align:center; } .snb_380952_ ul {margin:0; padding:0; list-style:none;} .snb_380952_ ul:after{content:''; display:block; clear:both;} .snb_380952_ li{float:left; border-left:1px solid #ddd; box-sizing:border-box;} .snb_380952_ li:last-child{border-right:1px solid #ddd;} .snb_380952_ a { display:block; text-decoration:none; background:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .snb_380952_ [role=toggle] > a:before { content:''; display:block; position:absolute; width:0; height:0; right:15px; top:50%; margin-top:-2px; border-color:#009ddd transparent transparent transparent; border-width:5px; border-style:solid; } .snb_380952_ [role=toggle].on > a:before, .snb_380952_ [role=toggle].active > a:before { margin-top:-8px; border-color:transparent transparent #009ddd transparent; } /*dep1 가로값*/ .snb_380952_ .dep1 > li.width1{display:none;} .snb_380952_ .dep1 > li.width2{width:50%;} .snb_380952_ .dep1 > li.width3{width:33.333%;} .snb_380952_ .dep1 > li.width4{width:25%;} .snb_380952_ .dep1 > li.width5{width:20%;} .snb_380952_ .dep1 > li.width6{width:16.666%;} .snb_380952_ .dep1 > li > div {display:none;} .snb_380952_ .dep1 > li > a { position:relative; padding:18px 10px; font-size:17px; color:#444; text-align:center; } .snb_380952_ .dep1 > li:hover > a { color:#009ddd;} .snb_380952_ .dep1 > li.on > a, .snb_380952_ .dep1 > li.active > a { background:#009ddd; color:#fff;} .snb_380952_ .dep2 {padding:8px 0; background:;} .snb_380952_ .dep2 > li > a {padding:6px 15px; font-size:13px; font-weight:bold; color:#444;} .snb_380952_ .dep2 > li.on > a, .snb_380952_ .dep2 > li:hover > a {color:#009ddd;} @media (max-width:1023px){ .snb_380952_ .dep1 > li > a{font-size:16px;} } @media (max-width:767px){ .snb_380952_ {display:none;} } /* ****************** 1칸 레이아웃 ****************** */ .layout_380954_wrap{padding:4% 0; background:url("/img_up/shop_pds/susarang/farm/bottom_bg15725174921.jpg") no-repeat center; background-size:cover;} .layout_380954_ {clear:both; min-width:150px; max-width:1400px; margin:0 auto;} .layout_380954_ > div:after {content:''; display:block; clear:both;} .layout_380954_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media (max-width:1400px){ .layout_380954_ {width:95%;} } @media (max-width:1200px){ .layout_380954_wrap{padding:6% 0;} } @media \0screen{ .layout_380954_ {min-width:1400px;} } /* ****************** 한줄 텍스트 ****************** */ .text_380959_ p { display:block; margin:0; padding:0; font-size:48px; letter-spacing:-4px; font-weight:100; color:#fff; line-height:1.2em; } .text_380959_ p b{color:#12a9e6; letter-spacing:-4px; font-weight:500;} @media (max-width:1023px){ .text_380959_ p{font-size:36px;} } @media (max-width:767px){ .text_380959_ p{font-size:28px;} } /* ****************** 공백 ****************** */ .empty_line_380961_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_380961_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_380961_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_380961_ {height:20px; line-height:20px;} [id^=div_user_list] .empty_line_380961_:before {content:'공백: 20px';} } @media \0screen{ .empty_line_380961_ {height:20px; line-height:20px;} [id^=div_user_list] .empty_line_380961_:before {content:'공백: 20px';} } /* ****************** 한줄 텍스트 ****************** */ .text_380960_ p { display:block; margin:0; padding:0; font-size:18px; letter-spacing:-1px; font-weight:normal; color:rgba(255,255,255,.5); line-height:1.6em; } .text_380960_ p a {color:rgba(255,255,255,.5); text-decoration:none;} @media (max-width:1023px){ .text_380960_ p{font-size:16px;} } @media (max-width:767px){ .text_380960_ p{font-size:14px;} } /* ****************** 공백 ****************** */ .empty_line_380957_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_380957_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_380957_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_380957_ {height:20px; line-height:20px;} [id^=div_user_list] .empty_line_380957_:before {content:'공백: 20px';} } @media (max-width:767px){ .empty_line_380957_ {height:10px;} } @media \0screen{ .empty_line_380957_ {height:20px; line-height:20px;} [id^=div_user_list] .empty_line_380957_:before {content:'공백: 20px';} } /* ****************** 한줄 텍스트 ****************** */ .text_380955_ p { display:block; margin:0; padding:0; font-size:11px; letter-spacing:2em; font-weight:normal; color:rgba(255,255,255,.2); line-height:1.6em; } @media (max-width:1023px){ .text_380955_ p {font-size:10px;} } @media (max-width:767px){ .text_380955_ p {letter-spacing:1.5em;} } /* ****************** 공백 ****************** */ .empty_line_380956_ {display:block; width:100%; height:50px; line-height:50px;} [id^=div_user_list] .empty_line_380956_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_380956_:before {content:'공백: 50px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_380956_ {height:50px; line-height:50px;} [id^=div_user_list] .empty_line_380956_:before {content:'공백: 50px';} } @media (max-width:767px){ .empty_line_380956_{height:20px;} } @media \0screen{ .empty_line_380956_ {height:50px; line-height:50px;} [id^=div_user_list] .empty_line_380956_:before {content:'공백: 50px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_380958_, .empty_380958_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_380958_ ul{border:14px solid rgba(255,255,255,.2); border-radius:10px;} .empty_380958_ ul:after{content:''; display:block; clear:both;} .empty_380958_ li{width:25%; float:left; position:relative; text-align:center;} .empty_380958_ li:after{content:''; display:block; width:40px; height:150px; background:url("/img_up/shop_pds/susarang/design/img/clinic_slash.png") no-repeat center; position:absolute; top:35px; right:-20px;} .empty_380958_ li:last-child:after{display:none;} .empty_380958_ li p{width:74px; height:85px; background:url("/img_up/shop_pds/susarang/design/img/clinic_bullet.png") no-repeat center; font-size:10px; color:#fff; line-height:1em; position:absolute; top:-48px; left:0; right:0; margin:0 auto; padding-top:26px;} .empty_380958_ li p b{display:block; font-size:26px; line-height:1em;} .empty_380958_ li dl{margin-top:70px;} .empty_380958_ li dt{font-size:25px; color:#12a9e6; letter-spacing:-2px; font-weight:bold;} .empty_380958_ li dd{font-size:17px; color:rgba(255,255,255,.6); line-height:1.2em; letter-spacing:-1px; margin-top:10px; margin-bottom:55px;} .empty_380958_ .move{transform:translateY(-100px); opacity:0; visibility:hidden; transition:all .6s;} .empty_380958_ .move.active{transform:translateY(0); opacity:1; visibility:visible;} .empty_380958_ li:nth-child(1){transition-delay:.5s;} .empty_380958_ li:nth-child(2){transition-delay:.6s;} .empty_380958_ li:nth-child(3){transition-delay:.7s;} .empty_380958_ li:nth-child(4){transition-delay:.8s;} @media (max-width:1023px){ .empty_380958_ ul{padding:20px 0;} .empty_380958_ li{width:50%;} .empty_380958_ li:after{display:none;} .empty_380958_ li p{position:relative; top:auto; margin-top:20px; width:60px; height:69px; background-size:cover; padding-top:19px;} .empty_380958_ li p b{font-size:24px;} .empty_380958_ li dl{margin-top:15px;} .empty_380958_ li dt{font-size:22px;} .empty_380958_ li dd{margin-bottom:30px; font-size:16px;} } @media (max-width:767px){ .empty_380958_ ul{border-width:10px;} .empty_380958_ li p{width:55px; height:63px; padding-top:16px; margin-top:10px;} .empty_380958_ li p b{font-size:22px;} .empty_380958_ li dt{font-size:20px;} .empty_380958_ li dd{font-size:14px; margin:5px 0 20px;} } /* ****************** 메뉴 리스트 ****************** */ .empty_380962_, .empty_380962_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;} .empty_380962_ ul:after{content:''; display:block; clear:both;} .empty_380962_ li{width:16.666%; float:left; position:relative;} .empty_380962_ li:after{content:''; display:block; width:1px; height:40%; background:#e5e5e5; position:absolute; top:30%; right:0;} .empty_380962_ li:first-child:before{content:''; display:block; width:1px; height:40%; background:#e5e5e5; position:absolute; top:30%; left:0;} .empty_380962_ li a{display:block; padding:50px 0; font-size:20px; color:#999; text-align:center; font-weight:bold; transition:all .2s ease-in-out;} .empty_380962_ li:hover a{color:#009ddd;} .empty_380962_ li a span{display:block; font-size:12px; color:#ccc; letter-spacing:0px; font-weight:normal;} @media (max-width:1200px){ .empty_380962_ li a{padding:40px 0;} } @media (max-width:1023px){ .empty_380962_ li{width:33.3333%;} .empty_380962_ li:nth-child(1), .empty_380962_ li:nth-child(2), .empty_380962_ li:nth-child(3){border-bottom:1px dashed #ddd;} .empty_380962_ li a{padding:20px 0; font-size:18px;} } @media (max-width:767px){ .empty_380962_ {display:none} } /* ****************** 3칸 레이아웃 ****************** */ .layout_380963_wrap{padding:60px 0 80px; background:#202121;} .layout_380963_ {clear:both; min-width:150px; max-width:1400px; margin:0 auto; position:relative;} .layout_380963_ > div {} .layout_380963_ > div:after {content:''; display:block; clear:both;} .layout_380963_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_380963_ > div > .container_1 {width:300px; position:absolute; top:0; left:0;} .layout_380963_ > div > .container_2 {width:400px; position:absolute; top:0; left:300px; z-index:10;} [id^=div_user_list] .layout_380963_ > div > .container_2{z-index:auto;} .layout_380963_ > div > .container_3 {width:100%; padding-left:700px} @media (max-width:1400px){ .layout_380963_ {width:95%;} } @media (max-width:1023px){ .layout_380963_wrap{padding:40px 0 100px;} .layout_380963_ > div > .container_1 { width:100%; position:relative; top:auto; left:auto;} .layout_380963_ > div > .container_2 { width:100%; position:relative; top:auto; left:auto; z-index:auto; text-align:center; padding:15px 0 10px;} .layout_380963_ > div > .container_3 { width:100%; padding-left:0;} } @media \0screen{ .layout_380963_ {min-width:1400px;} } /* ****************** 이미지 ****************** */ .img_380965_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;} .img_380965_ * {box-sizing:border-box;} .img_380965_ a {display:block; text-decoration:none;} .img_380965_ img {max-width:100%; vertical-align:top;} /* ****************** 맞춤형 컨텐츠 ****************** */ .quickNav_wrap, .quickNav_wrap *{padding:0; margin:0;} .quickNav_wrap{font-size:0;} .quickNav_wrap .wrap{display:inline-block; position:relative;} .quickNav_wrap .nav_wrap{display:inline-block; position:relative;} .quickNav_wrap .nav_wrap .btn{display:inline-block; width:72px; height:72px; position:relative; overflow:hidden; cursor:pointer;} .quickNav_wrap .nav_wrap .btn .off{width:100%; height:100%; top:0; left:0; position:absolute;} .quickNav_wrap .nav_wrap .btn .on{width:100%; height:100%; top:-72px; left:0; position:absolute;} .quickNav_wrap .nav_wrap .btn .line{top:0; width:1px; height:72px; background:#fff; position:absolute; opacity:0.1;} .quickNav_wrap .top_btn{display:inline-block; width:72px; height:72px; background:url("/img_up/shop_pds/susarang/design/img/top_btn.png") no-repeat center #222; cursor:pointer; transition:all 0.4s;} .quickNav_wrap .top_btn:hover{background:url("/img_up/shop_pds/susarang/design/img/top_btn.png") no-repeat center #009ddd;} .quickNav_wrap .balloon_container{width:198px; height:48px; margin:0 auto 5px auto; top:0; left:50%; margin-left:-65px; position:absolute; margin-top:-53px; display:none;} @media (max-width:1023px){ .quickNav_wrap{position:fixed; left:0; right:0; bottom:0; text-align:center;z-index:1000;} [id^=div_user_list] .quickNav_wrap{position:relative; left:auto; right:auto; bottom:auto;} .quickNav_wrap.bottom{position:fixed; left:0; right:0; bottom:0; text-align:center;z-index:1000} } /* ****************** 공백 ****************** */ .empty_line_380964_ {display:block; width:100%; height:10px; line-height:10px;} [id^=div_user_list] .empty_line_380964_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_380964_:before {content:'공백: 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1200px){ .empty_line_380964_ {height:15px; line-height:1px;} [id^=div_user_list] .empty_line_380964_:before {content:'공백: 15px';} } @media \0screen{ .empty_line_380964_ {height:15px; line-height:15px;} [id^=div_user_list] .empty_line_380964_:before {content:'공백: 15px';} } /* ****************** 한줄 텍스트 ****************** */ .text_380969_ p { display:block; margin:0; padding:0; font-size:26px; letter-spacing:-1px; font-weight:normal; color:#bdbdbd; line-height:1.6em; } .text_380969_ p a {color:#bdbdbd; text-decoration:none;} @media (max-width:1023px){ .text_380969_ p {font-size:20px;} } /* ****************** 하단 메뉴 ****************** */ .fnb_380968_ ul {margin:0; padding:0; list-style:none; font-size:0;} .fnb_380968_ li {position:relative; display:inline-block; font-size:16px;} .fnb_380968_ li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#888; opacity:.5;} .fnb_380968_ li:first-child:before {display:none;} .fnb_380968_ li a {display:block; height:30px; line-height:30px; margin:0; padding:0 .8em; font-size:14px; color:#888; text-decoration:none;} .fnb_380968_ li a:hover {text-decoration:underline;} .fnb_380968_ p {height:30px; line-height:30px; margin:0; padding:0 .8em; font-family:Arial; font-size:12px; color:#888} @media (max-width:1023px){ .fnb_380968_ ul{text-align:center;} } /* ****************** 하단 정보 ****************** */ .footer_info_380967_ span {position:relative; display:inline-block; padding:0 .3em; font-size:13px; color:#888; line-height:22px;} .footer_info_380967_ .copyright{display:block; margin-top:20px; color:#888;} .footer_info_380967_ .copyright a span{color:#999;} @media (max-width:1023px){ .footer_info_380967_{text-align:center;} } @media (max-width:767px){ .footer_info_380967_ .copyright a{display:block;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_380970_, .empty_380970_ * {padding:0; margin:0; list-style:none; box-sizing:border-box; transition:all .3s;} .empty_380970_{width:170px; background:#222;} .empty_380970_ .login_menu{text-align:center;} .empty_380970_ .login_menu:after{content:''; display:block; clear:both;} .empty_380970_ .login_menu li{width:50%; float:left; border-bottom:1px solid #3e3f40; border-right:1px solid #3e3f40;} .empty_380970_ .login_menu li:nth-child(2n){border-right;0;} .empty_380970_ .login_menu a{display:block; padding:8px 0; background:#262626; color:#909090; font-size:14px; } .empty_380970_ .login_menu a:hover{color:#009ddd; background:#151515;} .empty_380970_ .title_box{position:relative; height:34px;} .empty_380970_ .title_box p{width:100%; padding:6px 0; padding-left:2px; color:#fff; font-size:15px; letter-spacing:0px; text-align:center; background:#505254; box-sizing:inherit; position:absolute; top:0; left:-2px; box-shadow: 1px 3px 0 #262626;} .empty_380970_ .quick_menu li{border-bottom:1px solid #3e3f40;} .empty_380970_ .quick_menu img{vertical-align:middle; margin:0 10px 0 20px;} .empty_380970_ .quick_menu a{display:block; background:#101010; font-size:14px; color:#a8a8a8; font-weight:bold; padding:12px 0; transition:all .3s;} .empty_380970_ .quick_menu li:hover a{color:#f8ff33;} .empty_380970_ .call_box{background:#262626; text-align:center; color:#eee; font-size:15px; line-height:1.4em; letter-spacing:0px;} .empty_380970_ .call_box img{display:block; margin:15px auto 10px;} .empty_380970_ .call_box b{display:block; font-size:23px; color:#00b5ff; letter-spacing:-1px; margin-bottom: 15px;} .empty_380970_ .sns_box:after{content:''; display:block; clear:both;} .empty_380970_ .sns_box a{width:50%; float:left; padding:20px 0;font-size:13px; font-weight:bold; color:#fff; text-align:center; background:#1c1d1e; border-top:1px solid #3e3f40; border-right:1px solid #3e3f40; } .empty_380970_ .sns_box a:last-child{border-right:0;} .empty_380970_ .sns_box a img{display:block; margin:0 auto 7px;} /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_381202_, .empty_381202_ *{padding:0; margin:0; list-style:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .empty_381202_ ul:before{content:''; display:block; clear:both;} .empty_381202_{background:#000;} .empty_381202_ ul:after{content:''; display:block; clear:both;} .empty_381202_ li{width:19.244444%; height:300px; float:left; transition:all 0.5s ease-out; background-size:cover; position:relative;} .empty_381202_ li:nth-child(1){background:url("/img_up/shop_pds/susarang/farm/hp_115834744292.png") no-repeat center #1e5d97; background-size:cover;} .empty_381202_ li:nth-child(2){background:url("/img_up/shop_pds/susarang/farm/hp_215834744742.png") no-repeat center #1e5d97; background-size:cover;} .empty_381202_ li:nth-child(3){background:url("/img_up/shop_pds/susarang/farm/hp_315834722652.png") no-repeat center #1e5d97; background-size:cover;} .empty_381202_ li:nth-child(4){background:url("/img_up/shop_pds/susarang/farm/hp_415834722662.png") no-repeat center #1e5d97; background-size:cover;} .empty_381202_ li:nth-child(5){background:url("/img_up/shop_pds/susarang/farm/hp_515834722662.png") no-repeat center #1e5d97; background-size:cover;} .empty_381202_ li:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.7; transition:all 0.5s; z-index:1;} .empty_381202_ li:nth-child(1):after{background:#555;} .empty_381202_ li:nth-child(2):after{background:#555;}/*575dac*/ .empty_381202_ li:nth-child(3):after{background:#555;} .empty_381202_ li:nth-child(4):after{background:#555;}/*575dac*/ .empty_381202_ li:nth-child(5):after{background:#555;} .empty_381202_ li.active{width:23%;} .empty_381202_ li.active:after{opacity:0;} .empty_381202_ li p{width:100%; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; transition:all 0.3s; z-index:10;} .empty_381202_ li.active p{color:#333;} .empty_381202_ li p strong{display:block;font-size:30px; text-shadow:1px 1px 2px #ccc;} .empty_381202_ li.active p strong:after{background:#333;} .empty_381202_ li p a{display:block; width:160px; color:#fff; margin:0 auto; margin-top:10px; padding:10px 0 10px 23px; background:#2489cb; opacity:0; visibility:hidden; transition:all 0.3s; text-align:left;} .empty_381202_ li p a:hover{background:#fff; color:#2489cb;} .empty_381202_ li.active p a{margin-top:17px; opacity:1; visibility:visible;} .empty_381202_ li p a span{display:inline-block; width:30px; height:1px; background:rgba(255,255,255,0.7); vertical-align:middle; margin-left:10px; position:relative; transition:all 0.3s;} .empty_381202_ li p a span:after{content:''; display:block; width:10px; height:1px; background:rgba(255,255,255,0.7); transform:rotate(45deg); position:absolute; right:0; top:-4px; transition:all 0.3s;} .empty_381202_ li p a:hover span{background:#1f90e5; margin-left:15px;} .empty_381202_ li p a:hover span:after{background:#1f90e5;} /* ****************** 서브 네비게이션 ****************** */ .snb_381247_{background-size:cover !important; } .snb_381247_ h1 { height:20px; line-height:20px; margin:0; padding:20px 5px; font-size:40px; font-weight:500; text-align:center; color:#fff; } .snb_381247_ > p{font-size:20px; color:#fff; font-weight:100; margin:15px 0 70px; text-align:center; opacity:.7; letter-spacing:3px;} .snb_381247_ ul {margin:0; padding:0; list-style:none; font-size:0; text-align:center;} .snb_381247_ li{display:inline-block; width:14%; border:1px solid rgba(255,255,255,.5); border:1px solid #ccc; border-right:0;} .snb_381247_ li:last-child{ border-right:1px solid #ccc;} .snb_381247_ a { display:block; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .snb_381247_ [role=toggle].on > a:before, .snb_381247_ [role=toggle].active > a:before { margin-top:-8px; border-color:transparent transparent #d00000 transparent; } .snb_381247_ .dep1 > li > div {display:none;} .snb_381247_ .dep1 > li > a { position:relative; padding:15px 10px; background:#fff; font-size:15px; color:#888; letter-spacing:-1px; } .snb_381247_ .dep1 > li.on > a, .snb_381247_ .dep1 > li.active > a, .snb_381247_ .dep1 > li:hover > a {background:#2489cb;color:#fff;} .snb_381247_ .dep2 {padding:8px 0; background:#f8e4e6;} .snb_381247_ .dep2 > li > a {padding:6px 15px; font-size:13px; color:#888;} .snb_381247_ .dep2 > li.on > a, .snb_381247_ .dep2 > li:hover > a {color:#d00000;} @media (max-width:1023px){ .snb_381247_ .dep1 > li > a{font-size:13px;} } @media (max-width:767px){ .snb_381247_ .dep1 > li > a{ font-size:11px; padding:13px 2px; } .snb_381247_ li{display:inline-block; width:30%; border:1px solid rgba(255,255,255,.5); border:1px solid #ccc; border-bottom:1 border-reft:0; letter-spacing:0px; margin:-20px 0px 20px 0px; } } /* .snb_381247_{display:none;} */ } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_381565_, .empty_381565_ * {padding:0; margin:0; box-sizing:border-box;} .empty_381565_{text-align:center; background:#fff; padding:20px 55px 0 0; margin-bottom:80px; } .empty_381565_ div{} .empty_381565_ div:after{content:''; display:block; clear:both;} .empty_381565_ div a{display:block; float:left; width:49%; margin-right:2%; padding:20px 0; font-size:16px; color:#333; border:1px solid #333; background:none;} .empty_381565_ div a:hover{border-color:#333; background:#333; color:#fff;} .empty_381565_ div a:last-child{margin-right:0;} /* ****************** 갤러리 - 슬라이드 (썸네일 고정) ****************** */ @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-slide_gallery__381590_ {max-width:1300px; margin:0 auto; position:relative;} .pm-slide_img__381590_ {max-width:1300px; margin:0 auto} .pm-slide_img__381590_ a {border:none} .pm-slide_img__381590_ a img {border:none} .pm-slide_img__381590_.owl-carousel .owl-stage-outer {overflow:inherit;} .pm-slide_img__381590_.owl-carousel .owl-stage-outer:before{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0; left:-100%; z-index:100;} .pm-slide_img__381590_.owl-carousel .owl-stage-outer:after{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0; right:-100%; z-index:100;} .pm-slide_img__381590_ .owl-item {z-index:1;} .pm-slide_img__381590_ .item {position:relative} .pm-slide_img__381590_ .item .caption {position:absolute;left:0;right:0;top:80%;bottom:0;background:rgba(0,0,0,0.5)} .pm-slide_img__381590_ .item .caption span {display:block;position:absolute;top:50%;left:0;right:0;height:20px;line-height:20px;margin-top:-10px;padding:0 10px;box-sizing:border-box;font-size:14px;color:#ffffff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pm-slide_img__381590_ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-slide_img__381590_ .owl-nav [class*='owl-'] {position:absolute;top:50%;z-index:2;width:45px;height:45px;margin-top:-20px;font-size:0;cursor:pointer;} .pm-slide_img__381590_ .owl-nav [class*='owl-']:before{content:''; display:block; width:45px; height:45px;} .pm-slide_img__381590_ .owl-nav [class*='owl-']:hover {opacity:1} .pm-slide_img__381590_ .owl-nav .owl-prev {left:-60px} .pm-slide_img__381590_ .owl-nav .owl-next {right:-60px} .pm-slide_img__381590_ .owl-nav .owl-prev:before {background:url("/img_up/shop_pds/susarang/design/img/prev_cir_w.png") no-repeat center;} .pm-slide_img__381590_ .owl-nav .owl-next:before {background:url("/img_up/shop_pds/susarang/design/img/next_cir_w.png") no-repeat center;} .pm-slide_img__381590_ .owl-nav .disabled {opacity:0.5;cursor:default} .pm-slide_img__381590_ .owl-dots {position:absolute;left:0;width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;} .pm-slide_img__381590_ .owl-dots .owl-dot {display:inline-block} .pm-slide_img__381590_ .owl-dots .owl-dot span {display:block;width:10px;height:10px;margin:0 4px;background:#dddddd;border-radius:30px;transition:opacity 200ms ease} .pm-slide_img__381590_ .owl-dots .owl-dot.active span, .pm-slide_img__381590_ .owl-dots .owl-dot:hover span {background:#999999} .pm-slide_thum__381590_ {margin:-2px;padding-top:10px;background:#fafafa} .pm-slide_thum__381590_ img {border:none} .pm-slide_thum__381590_ .item {padding:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .pm-slide_thum__381590_ .item span{display:inline-block; position:relative;} .pm-slide_thum__381590_ .item span:after{content:''; display:block; width:100%; height:100%; border:6px solid transparent; position:absolute; top:0; left:0; padding:3px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:all 0.4s;} .pm-slide_thum__381590_ .item.active span:after{border-color:#2489cb} .pm-slide_thum__381590_ .item img {display:block; width:100%;vertical-align:top;opacity:0.5;cursor:pointer; transition:all 0.4s;} .pm-slide_thum__381590_ .item:hover img, .pm-slide_thum__381590_ .active img {opacity:1;} .pm-slide_thum__381590_:after {content:'';display:block;clear:both} .pm-slide_thum__381590_ .item {float:left;width:33.333333333333%} @media (min-width:768px){ .pm-slide_thum__381590_ .item {width:16.666666666667%} } @media (min-width:1024px){ .pm-slide_thum__381590_ .item {width:16.666666666667%} } @media (max-width:1500px){ .pm-slide_img__381590_ .owl-nav .owl-prev {left:20px} .pm-slide_img__381590_ .owl-nav .owl-next {right:20px} } @media (max-width:767px){ .pm-slide_img__381590_ .owl-nav{display:none;} } /* ****************** 1칸 레이아웃 ****************** */ .layout_381645_ {clear:both; min-width:150px; max-width:1300px; margin:0 auto;} .layout_381645_ > div:after {content:''; display:block; clear:both;} .layout_381645_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_381645_ {min-width:1300px;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_381646_ *{padding:0; margin:0;} .empty_381646_ {font-size:0;} .empty_381646_ p{display:inline-block; width:50%; overflow:hidden;} .empty_381646_ p:last-child{margin-right:0;} .empty_381646_ p img{width:100%; transform:scale(1); transition:all .4s;} .empty_381646_ p:hover img{transform:scale(1.05);} /* ****************** 타이틀 텍스트 ****************** */ .textarea_381647_ p { display:block; margin:0; padding:0; border-bottom:1px solid #ccc; font-size:24px; letter-spacing:-3px; font-weight:500; color:#333; line-height:60px; position:relative; padding-left:25px; box-sizing:border-box; } .textarea_381647_ p:before{content:''; display:block; width:5px; height:64px; background:#006cd0; position:absolute; top:0; left:0;} .textarea_381647_ p span{font-size:18px; margin-left:10px; color:#7e7e7e; font-weight:normal;} /* ****************** 1칸 레이아웃 ****************** */ .layout_381793_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;} .layout_381793_ > div:after {content:''; display:block; clear:both;} .layout_381793_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} /* ****************** 이미지 리스트 (타일형) ****************** */ .img_tile_381795_:after {content:''; display:block; clear:both;} .img_tile_381795_ * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .img_tile_381795_ .item {float:left; position:relative; width:100%; padding:0px; text-align:center;} .img_tile_381795_ .item a {display:block; border:1px solid #dadada; border-right:0; border-radius:0px; background-color:#ffffff; text-decoration:none; word-break:keep-all; } .img_tile_381795_ .item:nth-child(4) a, .img_tile_381795_ .item:nth-child(5) a{border-top:0;} .img_tile_381795_ .item:nth-child(3) a, .img_tile_381795_ .item:last-child a{border-right:1px solid #dadada;} .img_tile_381795_ .item a:hover{border-color:#999;} .img_tile_381795_ .item a:hover:after{content:''; display:block; width:1px; height:100%; background:#999; position:absolute; top:0; right:-1px; z-index:10;} .img_tile_381795_ .item:nth-child(4) a:hover:before, .img_tile_381795_ .item:nth-child(5) a:hover:before{content:''; display:block; width:100%; height:1px; background:#999; position:absolute; top:-1px; left:0; z-index:10;} .img_tile_381795_ .item:nth-child(3) a:hover:after, .img_tile_381795_ .item:last-child a:hover:after{display:none;} .img_tile_381795_ .item.active a .subject{color:#e4009b;} .img_tile_381795_ .item figure {display:block; margin:0; padding:0px;} .img_tile_381795_ .item figure img {max-width:100%; vertical-align:bottom;} .img_tile_381795_ .item .text_box {display:block;} .img_tile_381795_ .item .text_box > span {display:block; width:100%; height:48px; line-height:46px; margin:0; overflow:hidden; word-break:keep-all;} .img_tile_381795_ .item .subject {font-size:14px; color:#666; letter-spacing:-1px;} .img_tile_381795_ .item .content {color:#444444;} .img_tile_381795_ .item.mobile_hide {display:none;} .col_m_1_381795_ .item {width:100%;} .col_m_2_381795_ .item {width:50%;} .col_m_3_381795_ .item {width:33.3333%;} .col_m_4_381795_ .item {width:25%;} .col_m_1_381795_ .item, .col_m_2_381795_ .item2n, .col_m_3_381795_ .item3n, .col_m_4_381795_ .item4n{clear:both;} @media (min-width:540px){ .img_tile_381795_ .item.mobile_hide {display:block;} .col_m_1_381795_ .item, .col_m_2_381795_ .item2n, .col_m_3_381795_ .item3n, .col_m_4_381795_ .item4n {clear:none;} .col_t_1_381795_ .item {width:100%;} .col_t_2_381795_ .item {width:50%;} .col_t_3_381795_ .item {width:33.3333%} .col_t_4_381795_ .item {width:25%;} .col_t_5_381795_ .item {width:20%;} .col_t_6_381795_ .item {width:16.6666%;} .col_t_1_381795_ .item, .col_t_2_381795_ .item2n, .col_t_3_381795_ .item3n, .col_t_4_381795_ .item4n, .col_t_5_381795_ .item5n, .col_t_6_381795_ .item6n {clear:none;} .img_tile_381795_ .item:nth-child(3) a{border-right:0;} .img_tile_381795_ .item:nth-child(4) a{border:1px solid #dadada; border-right:0;} .img_tile_381795_ .item:nth-child(5) a{border:1px solid #dadada;} .img_tile_381795_ .item:nth-child(4) a:hover:before, .img_tile_381795_ .item:nth-child(5) a:hover:before, .img_tile_381795_ .item:nth-child(4).active a:before, .img_tile_381795_ .item:nth-child(5).active a:before{display:none;} .img_tile_381795_ .item a:hover{border-color:#999;} .img_tile_381795_ .item:nth-child(3) a:hover:after{content:''; display:block; width:1px; height:100%; background:#999; position:absolute; top:0; right:-1px; z-index:10;} } @media (min-width:1024px){ .col_t_1_381795_ .item, .col_t_2_381795_ .item2n, .col_t_3_381795_ .item3n, .col_t_4_381795_ .item4n, .col_t_5_381795_ .item5n, .col_t_6_381795_ .item6n {clear:none;} .col_pc_1_381795_ .item {width:100%;} .col_pc_2_381795_ .item {width:50%;} .col_pc_3_381795_ .item {width:33.3333%;} .col_pc_4_381795_ .item {width:25%;} .col_pc_5_381795_ .item {width:20%;} .col_pc_6_381795_ .item {width:16.6666%;} .col_pc_7_381795_ .item {width:14.2857%;} .col_pc_8_381795_ .item {width:12.5%;} .col_pc_9_381795_ .item {width:11.1111%;} .col_pc_10_381795_ .item {width:10%;} .col_pc_11_381795_ .item {width:9.0909%;} .col_pc_12_381795_ .item {width:8.3333%;} .col_pc_1_381795_ .item, .col_pc_2_381795_ .item2n, .col_pc_3_381795_ .item3n, .col_pc_4_381795_ .item4n, .col_pc_5_381795_ .item5n, .col_pc_6_381795_ .item6n, .col_pc_7_381795_ .item7n, .col_pc_8_381795_ .item8n, .col_pc_9_381795_ .item9n, .col_pc_10_381795_ .item10n .col_pc_11_381795_ .item11n .col_pc_12_381795_ .item12n {clear:both;} } @media (max-width:767px){ .img_tile_381795_ .item .subject{letter-spacing:-2px;} } @media \0screen{ .img_tile_381795_ .item.mobile_hide {display:block;} .col_m_1_381795_ .item, .col_m_2_381795_ .item2n, .col_m_3_381795_ .item3n, .col_m_4_381795_ .item4n{clear:none;} .col_t_1_381795_ .item, .col_t_2_381795_ .item2n, .col_t_3_381795_ .item3n, .col_t_4_381795_ .item4n, .col_t_5_381795_ .item5n, .col_t_6_381795_ .item6n {clear:none;} .col_pc_1_381795_ .item {width:100%;} .col_pc_2_381795_ .item {width:50%;} .col_pc_3_381795_ .item {width:33.3333%;} .col_pc_4_381795_ .item {width:25%;} .col_pc_5_381795_ .item {width:20%;} .col_pc_6_381795_ .item {width:16.6666%;} .col_pc_7_381795_ .item {width:14.2857%;} .col_pc_8_381795_ .item {width:12.5%;} .col_pc_9_381795_ .item {width:11.1111%;} .col_pc_10_381795_ .item {width:10%;} .col_pc_11_381795_ .item {width:9.0909%;} .col_pc_12_381795_ .item {width:8.3333%;} .col_pc_1_381795_ .item, .col_pc_2_381795_ .item2n, .col_pc_3_381795_ .item3n, .col_pc_4_381795_ .item4n, .col_pc_5_381795_ .item5n, .col_pc_6_381795_ .item6n, .col_pc_7_381795_ .item7n, .col_pc_8_381795_ .item8n, .col_pc_9_381795_ .item9n, .col_pc_10_381795_ .item10n, .col_pc_11_381795_ .item11n, .col_pc_12_381795_ .item12n{clear:both;} } .img_tile_381795_ .item.active a{border-color:#e4009b;} .img_tile_381795_ .item.active a:after{content:''; display:block; width:1px; height:100%; background:#e4009b; position:absolute; top:0; right:-1px; z-index:10;} .img_tile_381795_ .item:nth-child(4).active a:before, .img_tile_381795_ .item:nth-child(5).active a:before{content:''; display:block; width:100%; height:1px; background:#e4009b; position:absolute; top:-1px;; left:0; z-index:10;} /* ****************** 공백 ****************** */ .empty_line_381794_ {display:block; width:100%; height:15px; line-height:15px;} [id^=div_user_list] .empty_line_381794_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_381794_:before {content:'공백: 15px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_381794_ {height:30px; line-height:30px;} [id^=div_user_list] .empty_line_381794_:before {content:'공백: 30px';} } @media \0screen{ .empty_line_381794_ {height:30px; line-height:30px;} [id^=div_user_list] .empty_line_381794_:before {content:'공백: 30px';} } /* ****************** 4칸 레이아웃 ****************** */ .layout_382005_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;} .layout_382005_ > div {margin-left:-30px;} .layout_382005_ > div:after {content:''; display:block; clear:both;} .layout_382005_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:30px; box-sizing:border-box;} .layout_382005_ > div > .container_1 {width:25%;} .layout_382005_ > div > .container_2 {width:25%;} .layout_382005_ > div > .container_3 {width:25%;} .layout_382005_ > div > .container_4 {width:25%;} @media (max-width:1023px){ .layout_382005_ > div > .container_1 { width:50%; } .layout_382005_ > div > .container_2 { width:50%; } .layout_382005_ > div > .container_3 {clear:both; width:50%; padding-top:30px;} .layout_382005_ > div > .container_4 { width:50%; padding-top:30px;} } @media \0screen{ .layout_382005_ {min-width:1000px;} } /* ****************** 도형배경 타이틀 ****************** */ .shape_text_382006_ {display:inline-block; width:100%; vertical-align:top;} .shape_text_382006_ div {display:table; width:100%; font-size:0;} .shape_text_382006_ p { display:table-cell; overflow:hidden; margin:0; padding:10px; box-sizing:border-box; background:#2489cb; border:10px solid #2489cb; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#ffffff; line-height:1.4em; vertical-align:middle; text-align:center; } .shape_text_382006_.style_line p {background:none; color:#2489cb;} .shape_text_382006_.shape_square_radius p {border-radius:1em;} .shape_text_382006_.shape_square_round p {border-radius:50%;} .shape_text_382006_.shape_rectangle_radius p {border-radius:1em;} .shape_text_382006_.shape_rectangle_round p {border-radius:50%;} .shape_text_382006_ p:hover{background:#2489cb; color:#fff;} /* ****************** 도형배경 타이틀 ****************** */ .shape_text_382008_ {display:inline-block; width:100%; vertical-align:top;} .shape_text_382008_ div {display:table; width:100%; font-size:0;} .shape_text_382008_ p { display:table-cell; overflow:hidden; margin:0; padding:10px; box-sizing:border-box; background:#2489cb; border:10px solid #2489cb; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#ffffff; line-height:1.4em; vertical-align:middle; text-align:center; } .shape_text_382008_.style_line p {background:none; color:#2489cb;} .shape_text_382008_.shape_square_radius p {border-radius:1em;} .shape_text_382008_.shape_square_round p {border-radius:50%;} .shape_text_382008_.shape_rectangle_radius p {border-radius:1em;} .shape_text_382008_.shape_rectangle_round p {border-radius:50%;} .shape_text_382008_ p:hover{background:#2489cb; color:#fff;} /* ****************** 도형배경 타이틀 ****************** */ .shape_text_382007_ {display:inline-block; width:100%; vertical-align:top;} .shape_text_382007_ div {display:table; width:100%; font-size:0;} .shape_text_382007_ p { display:table-cell; overflow:hidden; margin:0; padding:10px; box-sizing:border-box; background:#2489cb; border:10px solid #2489cb; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#ffffff; line-height:1.4em; vertical-align:middle; text-align:center; } .shape_text_382007_.style_line p {background:none; color:#2489cb;} .shape_text_382007_.shape_square_radius p {border-radius:1em;} .shape_text_382007_.shape_square_round p {border-radius:50%;} .shape_text_382007_.shape_rectangle_radius p {border-radius:1em;} .shape_text_382007_.shape_rectangle_round p {border-radius:50%;} .shape_text_382007_ p:hover{background:#2489cb; color:#fff;} /* ****************** 도형배경 타이틀 ****************** */ .shape_text_382009_ {display:inline-block; width:100%; vertical-align:top;} .shape_text_382009_ div {display:table; width:100%; font-size:0;} .shape_text_382009_ p { display:table-cell; overflow:hidden; margin:0; padding:10px; box-sizing:border-box; background:#2489cb; border:10px solid #2489cb; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#ffffff; line-height:1.4em; vertical-align:middle; text-align:center; } .shape_text_382009_.style_line p {background:none; color:#2489cb;} .shape_text_382009_.shape_square_radius p {border-radius:1em;} .shape_text_382009_.shape_square_round p {border-radius:50%;} .shape_text_382009_.shape_rectangle_radius p {border-radius:1em;} .shape_text_382009_.shape_rectangle_round p {border-radius:50%;} .shape_text_382009_ p:hover{background:#2489cb; color:#fff;} /* ****************** 서브페이지 제목 ****************** */ .sub_title_382077_, .sub_title_382077_ * {padding:0; margin:0; list-style:none;} .sub_title_382077_ li{display:inline-block; font-size:15px; color:#777; margin:0 12px; position:relative;} .sub_title_382077_ li:after{content:''; display:block; width:6px; height:16px; background:url("/img_up/shop_pds/susarang/design/img/next_icon.png") no-repeat center; position:absolute; top:3px; right:-18px;} .sub_title_382077_ li:last-child:after{display:none;} .sub_title_382077_ li img{vertical-align:middle; margin-top:-4px;} @media (max-width:1023px){ .sub_title_382077_ li{font-size:14px;} } @media (max-width:767px){ .sub_title_382077_ li{font-size:13px;} } /* ****************** 1칸 레이아웃 ****************** */ .layout_382091_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;} .layout_382091_ > div:after {content:''; display:block; clear:both;} .layout_382091_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media (max-width:1200px){ .layout_382091_ {width:95%;} } @media (max-width:767px){ .layout_382091_ {display:none;} } @media \0screen{ .layout_382091_ {min-width:1200px;} } /* ****************** 공백 ****************** */ .empty_line_382095_ {display:block; width:100%; height:15px; line-height:15px;} [id^=div_user_list] .empty_line_382095_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_382095_:before {content:'공백: 15px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_382095_ {height:25px; line-height:25px;} [id^=div_user_list] .empty_line_382095_:before {content:'공백: 25px';} } @media \0screen{ .empty_line_382095_ {height:25px; line-height:25px;} [id^=div_user_list] .empty_line_382095_:before {content:'공백: 25px';} } /* ****************** 서브페이지 제목 ****************** */ .sub_title_382093_ {position:relative; padding:5px 10px;} .sub_title_382093_ h1 {height:30px; line-height:30px; margin:0; padding:0; font-size:30px; font-weight:normal; color:#333;} @media (min-width:1024px){ .sub_title_382093_ {position:relative; padding:10px;} } @media (max-width:1023px){ .sub_title_382093_ h1{font-size:26px;} } @media (max-width:767px){ .sub_title_382093_ h1{font-size:24px;} } @media \0screen{ .sub_title_382093_ {position:relative; padding:10px;} .sub_title_382093_ h1 {font-weight:bold;} } /* ****************** 현재 페이지 위치 ****************** */ .location_382092_ {margin:0; font-size:0;} .location_382092_ span, .location_382092_ strong {position:relative; height:24px; line-height:24px; font-size:14px;} .location_382092_ span:after{content:''; display:inline-block; width:17px; height:12px; background:url("/img_up/shop_pds/susarang/design/img/arrow_right.png") no-repeat center; vertical-align:middle; margin: -3px 8px 0; opacity:0.7;} .location_382092_ span {color:#666;} .location_382092_ span.home:before {display:none;} .location_382092_ strong {color:#39b54a;} @media (max-width:1023px){ .location_382092_ {margin:0 0 8px;} .location_382092_ span, .location_382092_ strong {height:30px; line-height:30px;} } [id^=div_user_list] .location_382092_ {margin:0 !important;} /* ****************** 공백 ****************** */ .empty_line_382094_ {display:block; width:100%; height:10px; line-height:10px;} [id^=div_user_list] .empty_line_382094_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_382094_:before {content:'공백: 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_382094_ {height:20px; line-height:20px;} [id^=div_user_list] .empty_line_382094_:before {content:'공백: 20px';} } @media \0screen{ .empty_line_382094_ {height:20px; line-height:20px;} [id^=div_user_list] .empty_line_382094_:before {content:'공백: 20px';} } /* ****************** 실선 ****************** */ .solid_line_382096_ {display:block; position:relative; width:100%; height:px;} .solid_line_382096_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:2px solid #0a88e9;} /* ****************** 1칸 레이아웃 ****************** */ .layout_382116_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;} .layout_382116_ > div:after {content:''; display:block; clear:both;} .layout_382116_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media (max-width:1400px){ .layout_382116_{width:95%;} } @media \0screen{ .layout_382116_ {min-width:1200px;} } /* ****************** 공백 ****************** */ .empty_line_382117_ {display:block; width:100%; height:25px; line-height:25px;} [id^=div_user_list] .empty_line_382117_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_382117_:before {content:'공백: 25px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_382117_ {height:50px; line-height:50px;} [id^=div_user_list] .empty_line_382117_:before {content:'공백: 50px';} } @media \0screen{ .empty_line_382117_ {height:50px; line-height:50px;} [id^=div_user_list] .empty_line_382117_:before {content:'공백: 50px';} } /* ****************** 한줄 텍스트 ****************** */ .text_382118_ p { display:block; margin:0; padding:0; font-size:48px; letter-spacing:-2px; font-weight:100; color:#333; line-height:1.3em; } .text_382118_ p b{letter-spacing:-2px;} @media (max-width:1023px){ .text_382118_ p {font-size:38px;} } @media (max-width:767px){ .text_382118_ p {font-size:28px;} } /* ****************** 공백 ****************** */ .empty_line_382119_ {display:block; width:100%; height:10px; line-height:10px;} [id^=div_user_list] .empty_line_382119_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_382119_:before {content:'공백: 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_382119_ {height:20px; line-height:20px;} [id^=div_user_list] .empty_line_382119_:before {content:'공백: 20px';} } @media \0screen{ .empty_line_382119_ {height:20px; line-height:20px;} [id^=div_user_list] .empty_line_382119_:before {content:'공백: 20px';} } /* ****************** 한줄 텍스트 ****************** */ .text_382120_ p { display:block; margin:0; padding:0; font-size:22px; letter-spacing:-1px; font-weight:normal; color:#2489cb; line-height:1.3em; word-break:keep-all; } @media (max-width:1023px){ .text_382120_ p {font-size:20px;} } @media (max-width:767px){ .text_382120_ p {font-size:18px;} } /* ****************** 공백 ****************** */ .empty_line_382121_ {display:block; width:100%; height:25px; line-height:25px;} [id^=div_user_list] .empty_line_382121_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_382121_:before {content:'공백: 25px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_382121_ {height:50px; line-height:50px;} [id^=div_user_list] .empty_line_382121_:before {content:'공백: 50px';} } @media \0screen{ .empty_line_382121_ {height:50px; line-height:50px;} [id^=div_user_list] .empty_line_382121_:before {content:'공백: 50px';} } /* ****************** 2칸 레이아웃 ****************** */ .layout_382433_wrap{position:relative; width:100%;} .layout_382433_wrap:before{content:''; position:absolute; top:0; left:0; right:0; width:100%; height:100%;} .layout_382433_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;} .layout_382433_ > div {} .layout_382433_ > div:after {content:''; display:block; clear:both;} .layout_382433_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_382433_ > div > .container_1 {width:45%;} .layout_382433_ > div > .container_2 {width:55%;} @media (max-width:1023px){ .layout_382433_wrap:before{content:''; position:absolute; bottom:0; left:0; right:0; width:100%; height:50%; background:#f5f5f5;} .layout_382433_{width:95%;} .layout_382433_ > div > .container_1 { width:100%; } .layout_382433_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_382433_ {min-width:1200px;} } /* ****************** 타이틀 텍스트 ****************** */ @import url('https://fonts.googleapis.com/css?family=Passion+One&display=swap'); .title_382435_ {font-size:0px; clear:both; float:right;} .title_382435_ span{font-size:35px; font-weight:bold; color:#fff; line-height:1.4em} .title_382435_ p{margin:0px; display:inline-block; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#fff; line-height:1.9em; background:#2489cb; padding:35px 73px 35px 73px; width:100%; height:300px; text-align:center; vertical-align:middle; box-sizing:border-box;} .title_382435_ p i{font-style:normal; letter-spacing:5px;} @media (max-width:1023px){ .title_382435_{margin:0; } .title_382435_ p{padding:50px 40px; width:100%; height:auto; font-size:15px; line-height:1.5em;} .title_382435_ span{font-size:20px;} .title_382435_ span br{display:none;} .title_382435_ p i{letter-spacing:0;} } @media (max-width:767px){ .title_382435_ p{padding:40px 30px; font-size:14px;} .title_382435_ span{font-size:18px;} } /* ****************** 이미지 ****************** */ .img_382434_ {width:100%; height:300px; background:url("/img_up/shop_pds/susarang/farm/gettyimages-96035309815838247801.jpg")no-repeat center; background-size:cover; overflow:hidden;} .img_382434_ * {box-sizing:border-box;} .img_382434_ a{display:inline-block; text-decoration:none;} .img_382434_ img{display:none;} @media (max-width:1023px){ .img_382434_{margin:0; height:auto; background:none;} .img_382434_ img{display:block;} } /* ****************** 3칸 레이아웃 ****************** */ .layout_382445_ {clear:both; min-width:150px; max-width:1400px; margin:0 auto;} .layout_382445_ > div {} .layout_382445_ > div:after {content:''; display:block; clear:both;} .layout_382445_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_382445_ > div > .container_1 {width:33.333333333333%;} .layout_382445_ > div > .container_2 {width:33.333333333333%;} .layout_382445_ > div > .container_3 {width:33.333333333333%;} @media (max-width:1300px){ .layout_382445_ {width:95%;} } @media (max-width:767px){ .layout_382445_ {width:100%;} .layout_382445_ > div > .container_1 {position:absolute; top:0; left:0; z-index:100;} .layout_382445_ > div > .container_2 {width:100%;} .layout_382445_ > div > .container_3 {position:absolute; top:0; right:0;} [id^=div_user_list] .layout_382445_ > div > .container_1{position:relative; z-index:auto;} [id^=div_user_list] .layout_382445_ > div > .container_3{position:relative;} } @media \0screen{ .layout_382445_ {min-width:1400px;} } /* ****************** 공백 ****************** */ .empty_line_382447_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_382447_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_382447_:before {content:'공백: 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_382447_ {height:15px; line-height:15px;} [id^=div_user_list] .empty_line_382447_:before {content:'공백: 15px';} } @media \0screen{ .empty_line_382447_ {height:15px; line-height:15px;} [id^=div_user_list] .empty_line_382447_:before {content:'공백: 15px';} } /* ****************** 상단컨텐츠-전화안내 ****************** */ .empty_382446_ *{margin:0; padding:0;} .empty_382446_ .consult_btn img{vertical-align:bottom;} .empty_382446_ p{display:inline-block; font-size:25px; color:#999; line-height:1.4em; letter-spacing:-2px; vertical-align:bottom; transition:all .2s;} .empty_382446_ .consult_btn:hover p{color:#8d97b0;} .empty_382446_ p strong{display:inline-block; color:#333; margin:0 3px 0 8px; letter-spacing:-2px; transition:all .2s;} .empty_382446_ .consult_btn:hover p strong{color:#009ddd;} .empty_382446_ p span{display:inline-block; width:8px; height:14px; background:url("/img_up/shop_pds/susarang/farm/go_icon157888103211.png") no-repeat center; margin:-4px 0 0 6px; vertical-align:middle; transition:all .2s;} .empty_382446_ .consult_btn:hover p span{ background:url("/img_up/shop_pds/susarang/farm/go_icon_o157888122611.png") no-repeat center;} .empty_382446_ .mtop_btn{display:none;} @media (max-width:1023px){ .empty_382446_ .consult_btn img{margin-top:-3px;} .empty_382446_ p {font-size:0;} .empty_382446_ p strong{font-size:20px; margin:0 2px 20px 7px;} .empty_382446_ p span{margin-top:-17px;} } @media (max-width:767px){ .empty_382446_ .consult_btn{display:none;} .empty_382446_ .mtop_btn{display:block; width:76px; height:76px; background:#009ddd; position:absolute; top:0; left:0; text-align:center; padding-top:13px; box-sizing:border-box;} .empty_382446_ .mtop_btn span{display:block; font-size:13px; color:#fcff2d; font-weight:bold;} } /* ****************** 로고 + 토글 ****************** */ @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; } .logo_382449_ {position:relative;} .logo_382449_ * {box-sizing:border-box;} .logo_382449_ h1 {display:table; width:100%; margin:0; padding:0; font-size:12px; text-align:left; table-layout:fixed; text-align:center;} .logo_382449_ h1 a {display:table-cell; height:76px; vertical-align:middle;} .logo_382449_ h1 img {max-width:100%; max-height:100%; vertical-align:bottom;} .toggle_382449_ { display:none; overflow:hidden; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; padding:4px; font-size:0; border:1px solid #ddd; border-radius:2px; font-size:0; text-decoration:none; } .toggle_382449_.use {display:block;} .toggle_382449_:before {display:inline-block; font-family:"icomoon_header"; font-size:20px; color:#bbb; line-height:1em;} .toggle_382449_.on:before {color:#ffd548;} .tel_382449_ {display:block; right:10px;} .tel_382449_:before {content:'\e604'; color:#ffd548;} #farmBoxTel {display:none;} .toggleSearch_382449_ {left:45px;} .toggleSearch_382449_:before {content:'\e600';} #farmBoxSearch {display:none;} #farmBoxSearch.on {display:block;} .toggleGnb_382449_ {left:45px;} .toggleGnb_382449_:before {content:'\e602';} #farmBoxGnb {display:none;} #farmBoxGnb.on {display:block;} .toggleLnb_382449_ {left:10px;} .toggleLnb_382449_:before {content:'\e601';} #farmBoxLnb {display:none;} #farmBoxLnb.on {display:block;} [id^=div_user_list] .toggle_382449_ {display:block;} @media (min-width:1024px){ .logo_382449_ {padding:0; border-bottom:none;} .toggle_382449_ {display:none !important;} } @media (max-width:1023px){ .logo_382449_ h1 img{max-width:230px;} } @media (max-width:767px){ .logo_382449_ h1 img{max-width:170px;} } @media (max-width:400px){ .logo_382449_ h1 img{max-width:140px;} } @media \0screen{ .logo_382449_ {padding:0; border-bottom:none;} .toggle_382449_ {display:none !important;} [id^=farmBox] {display:block !important;} } /* ****************** 공백 ****************** */ .empty_line_382448_ {display:block; width:100%; height:23px; line-height:23px;} [id^=div_user_list] .empty_line_382448_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_382448_:before {content:'공백: 23px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_382448_ {height:20px; line-height:20px;} [id^=div_user_list] .empty_line_382448_:before {content:'공백: 20px';} } @media \0screen{ .empty_line_382448_ {height:20px; line-height:20px;} [id^=div_user_list] .empty_line_382448_:before {content:'공백: 20px';} } /* ****************** 내비게이션버튼(모바일) ****************** */ .mtop_btns .call_btn_m{display:none;} .nav_btn_m{display:inline-block; width:36px; height:31px; padding:5px 3px; position:transition:all 0.4s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer;} .nav_btn_m span{display:block; width:100%; height:2px; background:#111; margin-bottom:7px;} .nav_btn_m span:last-child{margin-bottom:0;} @media (min-width:1024px){ .nav_btn_m{display:none;} } @media (max-width:767px){ .mtop_btns a{display:inline-block; width:30px; height:25px; position:relative; z-index:100;} .mtop_btns .call_btn_m{display:inline-block; margin-top:3px; margin-right:5px; background:url("/img_up/shop_pds/susarang/farm/top_call15786223121.png") no-repeat center;} .nav_btn_m{margin-right:10px; margin-top:2px;} .nav_btn_m span{margin-bottom:5px;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_382451_, .empty_382451_ *{padding:0; margin:0; list-style:none;} .empty_382451_{text-align:left; position:relative; z-index:15;} .empty_382451_ > ul{display:block; font-size:0; text-align:right;} .empty_382451_ > ul > li{display:inline-block; margin-left:12px; position:relative;} .empty_382451_ > ul > li:first-child{margin-left:0;} .empty_382451_ > ul > li > a{display:block; width:34px; height:34px; border-radius:50%; transition:all 0.3s;}.empty_382451_ > ul > li.call_number > a{width:auto; height:auto; border-radius:auto; font-size:15px;} .empty_382451_ li.call a{background:url("/img_up/shop_pds/susarang/farm/call_icon157888307011.png") no-repeat left center #ccc; background-size:cover; border:1px solid #ccc;} .empty_382451_ li.blog a{background:url("/img_up/shop_pds/susarang/farm/top_btn1_r156756539741.png") no-repeat left center #ccc; background-size:cover; border:1px solid #ccc;} .empty_382451_ li.kakao a{background:url("/img_up/shop_pds/susarang/farm/top_btn2_r156756539741.png") no-repeat left center #ccc; background-size:cover; border:1px solid #ccc;} .empty_382451_ li.consult a{background:url("") no-repeat left center #ccc; background-size:cover; border:1px solid #ccc;} .empty_382451_ li.call a:hover{background:url("/img_up/shop_pds/susarang/farm/call_icon157888307011.png") no-repeat right center #fff; background-size:cover;} .empty_382451_ li.blog a:hover{background:url("/img_up/shop_pds/susarang/farm/top_btn1_r156756539741.png") no-repeat right center #fff; background-size:cover;} .empty_382451_ li.kakao a:hover{background:url("/img_up/shop_pds/susarang/farm/top_btn2_r156756539741.png") no-repeat right center #fff; background-size:cover;} .empty_382451_ li.consult a:hover{background:url("") no-repeat right center #fff; background-size:cover;} .empty_382451_ li div.tooltip{padding:5px 7px; background:#fff; border-radius:3px; position:absolute; top:30px; box-shadow:1px 1px 1px rgba(0,0,0,0.2); opacity:0; visibility:hidden; transition:all 0.3s; } .empty_382451_ li div.tooltip:before{content:''; display:block; width:3px; border-bottom:6px solid #fff; border-top:4px solid transparent; border-left:3px solid transparent; border-right:3px solid transparent; position:absolute; top:-10px; left:50%; margin-left:-6px;} .empty_382451_ li:hover div.tooltip{top:43px; opacity:1; visibility:visible;} .empty_382451_ li.call div.tooltip{left:-24px;} .empty_382451_ li.blog div.tooltip{left:-23px;} .empty_382451_ li.kakao div.tooltip{left:-23px;} .empty_382451_ li.consult div.tooltip{left:-16px;} .empty_382451_ li div.tooltip p{font-size:13px; white-space:nowrap; text-align:center;} .empty_382451_ li.login{width:34px; height:34px; border-radius:50%; background:url("/img_up/shop_pds/susarang/farm/login157257300631.png") no-repeat left center #333; background-size:cover; border:1px solid #333; transition:all 0.3s;} .empty_382451_ li.login:hover{background:url("/img_up/shop_pds/susarang/farm/login157257300631.png") no-repeat right center #e3e9f9; border-color:#ccc; background-size:cover;} .empty_382451_ li.login .tooltip{left:-13px; padding:0;} .empty_382451_ li.login .tooltip a{display:block; font-size:13px; white-space:nowrap; text-align:center; border-bottom:1px solid #ddd; padding:5px 10px; transition:all .3s;} .empty_382451_ li.login .tooltip li:last-child a{border-bottom:0;} .empty_382451_ li.login .tooltip a:hover{background:#fafafa; color:#009ddd;} @media (max-width:1023px){ .empty_382451_{display:none;} } /* ****************** 3칸 레이아웃 ****************** */ .layout_383564_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;} .layout_383564_ > div {} .layout_383564_ > div:after {content:''; display:block; clear:both;} .layout_383564_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_383564_ > div > .container_1 {width:50%;} .layout_383564_ > div > .container_2 {width:25%;} .layout_383564_ > div > .container_3 {width:25%;} @media (max-width:1023px){ .layout_383564_ {overflow:hidden;} } @media (max-width:800px){ .layout_383564_ > div > .container_1 { width:100%; } .layout_383564_ > div > .container_2 { width:50%; } .layout_383564_ > div > .container_3 { width:50%; } } @media \0screen{ .layout_383564_ {min-width:1200px;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_383567_, .empty_383567_ *{padding:0;margin:0;box-sizing:border-box;} .empty_383567_{position:relative; font-size:0; height:334px; background:#2bb395;} .empty_383567_ img{position:absolute; right:2vw; bottom:2vw; opacity:.5} .empty_383567_:hover img{opacity:.8} .empty_383567_ a{display:block;width:100%; cursor:pointer;padding:2.5vw 3vw;position:absolute; top:0; left:0; right:0;} .empty_383567_ .top_txt{font-size:12px;color:rgba(255,255,255,.5);font-weight:bold;text-decoration:underline; text-transform:uppercase;} .empty_383567_ h3{font-size:26px; font-weight:500; color:#fff;margin:1vw 0 1.5vw;line-height:1em;} .empty_383567_:hover h3{text-decoration:underline;} .empty_383567_ .more_btn{display:inline-block;padding:.7em 2.3em;font-size:12px;font-weight:bold;color:#fff;border:1px solid rgba(255,255,255,.4);margin-bottom:1.5vw;position:relative;transition:all .25s;} .empty_383567_ .more_btn:hover{border-color:#333;color:#ecff4a;} .empty_383567_ .more_btn:before{content:'';display:block;width:100%;height:0;background:#333;position:absolute;top:0;left:0;right:0;z-index:1;transition:all .25s;} .empty_383567_ .more_btn:hover:before{height:100%;} .empty_383567_ .more_btn span{position:relative;z-index:10;} .empty_383567_ .sub_txt{font-size:15px;color:rgba(255,255,255,.6);line-height:1.2em;} .empty_383567_{transform:translate(-100px);opacity:0;} .empty_383567_.on{transform:translate(0);opacity:1;transition:opacity .6s cubic-bezier(.25,.46,.45,.94) .6s, transform .6s cubic-bezier(.25,.46,.45,.94) .6s;} @media (max-width:1200px){ .empty_383567_ a{padding:2.5vw;} .empty_383567_ .top_txt{font-size:0.8vw;} .empty_383567_ h3{font-size:2.8vw;} .empty_383567_ .sub_txt{font-size:1.3vw;} .empty_383567_ .more_btn{font-size:1vw;} } @media (max-width:800px){ .empty_383567_ a{padding:5vw;} .empty_383567_ h3{font-size:5.5vw; margin:2vw 0 2.5vw} .empty_383567_ .sub_txt{font-size:2.4vw;} .empty_383567_ .more_btn{padding:.9em 4em; margin-top:4vw;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_383565_, .empty_383565_ *{padding:0;margin:0;box-sizing:border-box;} .empty_383565_{position:relative; font-size:0; height:334px; background:#258b75;} .empty_383565_ img{position:absolute; right:0.5vw; bottom:2vw; opacity:.5} .empty_383565_:hover img{opacity:.8} .empty_383565_ a{display:block;width:100%; cursor:pointer;padding:2.5vw 2vw;position:absolute; top:0; left:0; right:0;} .empty_383565_ .top_txt{font-size:12px;color:rgba(255,255,255,.5);font-weight:bold;text-decoration:underline; text-transform:uppercase;} .empty_383565_ h3{font-size:26px; font-weight:500;color:#fff;margin:1vw 0 1.5vw;line-height:1em;} .empty_383565_:hover h3{text-decoration:underline;} .empty_383565_ .more_btn{display:inline-block;padding:.7em 2.3em;font-size:12px;font-weight:bold;color:#fff;border:1px solid rgba(255,255,255,.4);margin-bottom:1.5vw;position:relative;transition:all .25s;} .empty_383565_ .more_btn:hover{border-color:#333;color:#ecff4a;} .empty_383565_ .more_btn:before{content:'';display:block;width:100%;height:0;background:#333;position:absolute;top:0;left:0;right:0;z-index:1;transition:all .25s;} .empty_383565_ .more_btn:hover:before{height:100%;} .empty_383565_ .more_btn span{position:relative;z-index:10;} .empty_383565_ .sub_txt{font-size:15px;color:rgba(255,255,255,.6);line-height:1.2em;} .empty_383565_{transform:translateY(100px);opacity:0;} .empty_383565_.on{transform:translate(0);opacity:1;transition:opacity .6s cubic-bezier(.25,.46,.45,.94) .7s, transform .6s cubic-bezier(.25,.46,.45,.94) .7s;} @media (max-width:1200px){ .empty_383565_ a{padding:2.5vw;} .empty_383565_ .top_txt{font-size:0.8vw;} .empty_383565_ h3{font-size:2.8vw;} .empty_383565_ .sub_txt{font-size:1.3vw;} .empty_383565_ .more_btn{font-size:1vw;} } @media (max-width:800px){ .empty_383565_ a{padding:5vw;} .empty_383565_ h3{font-size:5.5vw; margin:2vw 0 2.5vw} .empty_383565_ .sub_txt{font-size:2.4vw;} .empty_383565_ .more_btn{padding:.9em 4em; margin-top:4vw;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_383566_, .empty_383566_ *{padding:0;margin:0;box-sizing:border-box;} .empty_383566_{position:relative; font-size:0; height:334px; background:#12a585;} .empty_383566_ img{position:absolute; right:0.8vw; bottom:1.5vw; opacity:.5} .empty_383566_:hover img{opacity:.8} .empty_383566_ a{display:block;width:100%; cursor:pointer;padding:2.5vw 2vw;position:absolute; top:0; left:0; right:0;} .empty_383566_ .top_txt{font-size:12px;color:rgba(255,255,255,.5);font-weight:bold;text-decoration:underline; text-transform:uppercase;} .empty_383566_ h3{font-size:26px; font-weight:500;color:#fff;margin:1vw 0 1.5vw;line-height:1em;} .empty_383566_:hover h3{text-decoration:underline;} .empty_383566_ .more_btn{display:inline-block;padding:.7em 2.3em;font-size:12px;font-weight:bold;color:#fff;border:1px solid rgba(255,255,255,.4);margin-bottom:1.5vw;position:relative;transition:all .25s;} .empty_383566_ .more_btn:hover{border-color:#333;color:#ecff4a;} .empty_383566_ .more_btn:before{content:'';display:block;width:100%;height:0;background:#333;position:absolute;top:0;left:0;right:0;z-index:1;transition:all .25s;} .empty_383566_ .more_btn:hover:before{height:100%;} .empty_383566_ .more_btn span{position:relative;z-index:10;} .empty_383566_ .sub_txt{font-size:15px;color:rgba(255,255,255,.6);line-height:1.2em;} .empty_383566_{transform:translate(100px);opacity:0;} .empty_383566_.on{transform:translate(0);opacity:1;transition:opacity .6s cubic-bezier(.25,.46,.45,.94) .8s, transform .6s cubic-bezier(.25,.46,.45,.94) .8s;} @media (max-width:1200px){ .empty_383566_ a{padding:2.5vw;} .empty_383566_ .top_txt{font-size:0.8vw;} .empty_383566_ h3{font-size:2.8vw;} .empty_383566_ .sub_txt{font-size:1.3vw;} .empty_383566_ .more_btn{font-size:1vw;} } @media (max-width:800px){ .empty_383566_ a{padding:5vw;} .empty_383566_ h3{font-size:5.5vw; margin:2vw 0 2.5vw} .empty_383566_ .sub_txt{font-size:2.4vw;} .empty_383566_ .more_btn{padding:.9em 4em; margin-top:4vw;} } /* ****************** 3칸 레이아웃 ****************** */ .layout_384033_wrap{background:url("") no-repeat center; background-size:cover; padding-bottom:60px;} .layout_384033_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;} .layout_384033_ > div {margin-left:-15px;} .layout_384033_ > div:after {content:''; display:block; clear:both;} .layout_384033_ > div > [class^=container_] {float:left; position:relative; width:100%; padding-left:15px; box-sizing:border-box;} .layout_384033_ > div > .container_0 {width:100%;} .layout_384033_ > div > .container_1 {width:33.333333333333%; margin-bottom:20px;} .layout_384033_ > div > .container_2 {width:33.333333333333%; margin-bottom:20px;} .layout_384033_ > div > .container_3 {width:33.333333333333%; margin-bottom:20px;} .layout_384033_ > div > .container_4 {width:33.333333333333%;} .layout_384033_ > div > .container_5 {width:33.333333333333%;} .layout_384033_ > div > .container_6 {width:33.333333333333%;} @media (max-width:1300px){ .layout_384033_{width:95%;} } @media (max-width:767px){ .layout_384033_ > div > .container_1 { width:100%; margin-bottom:0;} .layout_384033_ > div > .container_2 {clear:both; width:100%; padding-top:15px; margin-bottom:0;} .layout_384033_ > div > .container_3 {clear:both; width:100%; padding-top:15px; margin-bottom:0;} .layout_384033_ > div > .container_4 { width:100%; padding-top:15px;} .layout_384033_ > div > .container_5 {clear:both; width:100%; padding-top:15px;} .layout_384033_ > div > .container_6 {clear:both; width:100%; padding-top:15px;} } @media \0screen{ .layout_384033_ {min-width:1200px;} } /* ****************** 공백 ****************** */ .empty_line_384038_ {display:block; width:100%; height:35px; line-height:35px;} [id^=div_user_list] .empty_line_384038_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_384038_:before {content:'공백: 35px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_384038_ {height:70px; line-height:70px;} [id^=div_user_list] .empty_line_384038_:before {content:'공백: 70px';} } @media \0screen{ .empty_line_384038_ {height:70px; line-height:70px;} [id^=div_user_list] .empty_line_384038_:before {content:'공백: 70px';} } /* ****************** 한줄 텍스트 ****************** */ .text_384047_ p { display:block; margin:0; padding:0; font-size:38px; letter-spacing:-1px; font-weight:normal; color:#444; line-height:1.6em; } .text_384047_ p span{color:#009ddd; letter-spacing:-1px;} @media (max-width:1023px){ .text_384047_ p {font-size:28px;} } @media (max-width:767px){ .text_384047_ p {font-size:22px;} } /* ****************** 한줄 텍스트 ****************** */ .text_384037_ p { display:block; margin:0; padding:0; font-size:18px; letter-spacing:-1.5px; font-weight:normal; color:#666; line-height:1.6em; } .text_384037_ p:before{content:''; display:block; width:60px; height:2px; background:#555; margin:20px auto;} @media (max-width:1200px){ .text_384037_ {width:95%;} } @media (max-width:1023px){ .text_384037_ p {font-size:17px;} } @media (max-width:767px){ .text_384037_ p {font-size:15px; word-break:keep-all;} .text_384037_ p:before{width:40px; margin:15px auto;} .text_384037_ p br{display:none;} } /* ****************** 공백 ****************** */ .empty_line_384042_ {display:block; width:100%; height:35px; line-height:35px;} [id^=div_user_list] .empty_line_384042_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_384042_:before {content:'공백: 35px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_384042_ {height:70px; line-height:70px;} [id^=div_user_list] .empty_line_384042_:before {content:'공백: 70px';} } @media \0screen{ .empty_line_384042_ {height:70px; line-height:70px;} [id^=div_user_list] .empty_line_384042_:before {content:'공백: 70px';} } /* ****************** 장문 텍스트 ****************** */ .textarea_384041_ p { display:block; margin:0; padding:0; font-size:15px; letter-spacing:0px; font-weight:normal; color:#ffffff; line-height:1.6em; padding:20px 25px; background:#2489cb; transition:all .2s; } .textarea_384041_ p b{color:#ffff00;} .textarea_384041_:hover p{background:#8ec31f; transition:all .2s;} /* ****************** 공백 ****************** */ .empty_line_384039_ {display:block; width:100%; height:35px; line-height:35px;} [id^=div_user_list] .empty_line_384039_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_384039_:before {content:'공백: 35px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_384039_ {height:70px; line-height:70px;} [id^=div_user_list] .empty_line_384039_:before {content:'공백: 70px';} } @media \0screen{ .empty_line_384039_ {height:70px; line-height:70px;} [id^=div_user_list] .empty_line_384039_:before {content:'공백: 70px';} } /* ****************** 한줄 텍스트 ****************** */ .text_384043_ p { display:block; margin:0; padding:0; font-size:20px; letter-spacing:-1.5px; font-weight:normal; color:#444; line-height:1.6em; } @media (max-width:1200px){ .text_384043_ {width:95%;} } @media (max-width:1023px){ .text_384043_ p {font-size:17px;} } @media (max-width:767px){ .text_384043_ p {font-size:15px; word-break:keep-all;} .text_384043_ p br{display:none;} } /* ****************** 공백 ****************** */ .empty_line_384044_ {display:block; width:100%; height:35px; line-height:35px;} [id^=div_user_list] .empty_line_384044_ {display:block !important; border:1px dotted #f00;} [id^=div_user_list] .empty_line_384044_:before {content:'공백: 35px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} @media (min-width:1024px){ .empty_line_384044_ {height:70px; line-height:70px;} [id^=div_user_list] .empty_line_384044_:before {content:'공백: 70px';} } @media \0screen{ .empty_line_384044_ {height:70px; line-height:70px;} [id^=div_user_list] .empty_line_384044_:before {content:'공백: 70px';} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_384046_, .empty_384046_ * {padding:0; margin:0; box-sizing:border-box;} .empty_384046_{padding:40px 35px; background:#fff; text-align:center; color:#333; height:250px; border:1px solid #c0c7d8;} .empty_384046_ span{display:inline-block; width:40px; height:40px; line-height:40px; font-size:18px; color:#fff; font-weight:bold; text-align:center; background:#2489cb; border-radius:50%;} .empty_384046_ .title{font-size:22px; font-weight:bold; margin:25px 0 20px;} .empty_384046_ .text{font-size:18px; color:#777;} @media (max-width:1200px){ .empty_384046_{padding:30px;} .empty_384046_ .title{font-size:20px; margin:20px 0 15px;} .empty_384046_ .text{font-size:17px;} } @media (max-width:1023px){ .empty_384046_{height:auto; padding:30px 40px 40px;} } @media (max-width:767px){ .empty_384046_{padding:30px 25px;} .empty_384046_ span{width:34px; height:34px; line-height:34px; font-size:16px;} .empty_384046_ .title{font-size:20px; margin:15px 0 10px;} .empty_384046_ .text{font-size:16px;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_384045_, .empty_384045_ * {padding:0; margin:0; box-sizing:border-box;} .empty_384045_{padding:40px 35px; background:#fff; text-align:center; color:#333; height:250px; border:1px solid #c0c7d8;} .empty_384045_ span{display:inline-block; width:40px; height:40px; line-height:40px; font-size:18px; color:#fff; font-weight:bold; text-align:center; background:#2489cb; border-radius:50%;} .empty_384045_ .title{font-size:22px; font-weight:bold; margin:25px 0 20px;} .empty_384045_ .text{font-size:18px; color:#777;} @media (max-width:1200px){ .empty_384045_{padding:30px;} .empty_384045_ .title{font-size:20px; margin:20px 0 15px;} .empty_384045_ .text{font-size:17px;} } @media (max-width:1023px){ .empty_384045_{height:auto; padding:30px 40px 40px;} } @media (max-width:767px){ .empty_384045_{padding:30px 25px;} .empty_384045_ span{width:34px; height:34px; line-height:34px; font-size:16px;} .empty_384045_ .title{font-size:20px; margin:15px 0 10px;} .empty_384045_ .text{font-size:16px;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_384036_, .empty_384036_ * {padding:0; margin:0; box-sizing:border-box;} .empty_384036_{padding:40px 35px; background:#fff; text-align:center; color:#333; height:250px; border:1px solid #c0c7d8;} .empty_384036_ span{display:inline-block; width:40px; height:40px; line-height:40px; font-size:18px; color:#fff; font-weight:bold; text-align:center; background:#2489cb; border-radius:50%;} .empty_384036_ .title{font-size:22px; font-weight:bold; margin:25px 0 20px;} .empty_384036_ .text{font-size:18px; color:#777;} @media (max-width:1200px){ .empty_384036_{padding:30px;} .empty_384036_ .title{font-size:20px; margin:20px 0 15px;} .empty_384036_ .text{font-size:17px;} } @media (max-width:1023px){ .empty_384036_{height:auto; padding:30px 40px 40px;} } @media (max-width:767px){ .empty_384036_{padding:30px 25px;} .empty_384036_ span{width:34px; height:34px; line-height:34px; font-size:16px;} .empty_384036_ .title{font-size:20px; margin:15px 0 10px;} .empty_384036_ .text{font-size:16px;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_384034_, .empty_384034_ * {padding:0; margin:0; box-sizing:border-box;} .empty_384034_{padding:40px 35px; background:#fff; text-align:center; color:#333; height:250px; border:1px solid #c0c7d8;} .empty_384034_ span{display:inline-block; width:40px; height:40px; line-height:40px; font-size:18px; color:#fff; font-weight:bold; text-align:center; background:#2489cb; border-radius:50%;} .empty_384034_ .title{font-size:22px; font-weight:bold; margin:25px 0 20px;} .empty_384034_ .text{font-size:18px; color:#777;} @media (max-width:1200px){ .empty_384034_{padding:30px;} .empty_384034_ .title{font-size:20px; margin:20px 0 15px;} .empty_384034_ .text{font-size:17px;} } @media (max-width:1023px){ .empty_384034_{height:auto; padding:30px 40px 40px;} } @media (max-width:767px){ .empty_384034_{padding:30px 25px;} .empty_384034_ span{width:34px; height:34px; line-height:34px; font-size:16px;} .empty_384034_ .title{font-size:20px; margin:15px 0 10px;} .empty_384034_ .text{font-size:16px;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_384035_, .empty_384035_ * {padding:0; margin:0; box-sizing:border-box;} .empty_384035_{padding:40px 35px; background:#fff; text-align:center; color:#333; height:250px; border:1px solid #c0c7d8;} .empty_384035_ span{display:inline-block; width:40px; height:40px; line-height:40px; font-size:18px; color:#fff; font-weight:bold; text-align:center; background:#2489cb; border-radius:50%;} .empty_384035_ .title{font-size:22px; font-weight:bold; margin:25px 0 20px;} .empty_384035_ .text{font-size:18px; color:#777;} @media (max-width:1200px){ .empty_384035_{padding:30px;} .empty_384035_ .title{font-size:20px; margin:20px 0 15px;} .empty_384035_ .text{font-size:17px;} } @media (max-width:1023px){ .empty_384035_{height:auto; padding:30px 40px 40px;} } @media (max-width:767px){ .empty_384035_{padding:30px 25px;} .empty_384035_ span{width:34px; height:34px; line-height:34px; font-size:16px;} .empty_384035_ .title{font-size:20px; margin:15px 0 10px;} .empty_384035_ .text{font-size:16px;} } /* ****************** 맞춤형 컨텐츠 ****************** */ .empty_384040_, .empty_384040_ * {padding:0; margin:0; box-sizing:border-box;} .empty_384040_{padding:40px 35px; background:#fff; text-align:center; color:#333; height:250px; border:1px solid #c0c7d8;} .empty_384040_ span{display:inline-block; width:40px; height:40px; line-height:40px; font-size:18px; color:#fff; font-weight:bold; text-align:center; background:#2489cb; border-radius:50%;} .empty_384040_ .title{font-size:22px; font-weight:bold; margin:25px 0 20px;} .empty_384040_ .text{font-size:18px; color:#777;} @media (max-width:1200px){ .empty_384040_{padding:30px;} .empty_384040_ .title{font-size:20px; margin:20px 0 15px;} .empty_384040_ .text{font-size:17px;} } @media (max-width:1023px){ .empty_384040_{height:auto; padding:30px 40px 40px;} } @media (max-width:767px){ .empty_384040_{padding:30px 25px;} .empty_384040_ span{width:34px; height:34px; line-height:34px; font-size:16px;} .empty_384040_ .title{font-size:20px; margin:15px 0 10px;} .empty_384040_ .text{font-size:16px;} }