/* ****************** 공백 ****************** */ .empty_line_182309_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_182309_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_182309_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 1칸 레이아웃 ****************** */ .layout_182310_ {clear:both; min-width:320px; max-width:1400px; margin:0 auto;} .layout_182310_ > div:after {content:''; display:block; clear:both;} .layout_182310_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box; border:2px solid #f1f1f1;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} @media \0screen{ .layout_182310_ {min-width:1400px;} } /* ****************** 이미지 리스트 (타일형) ****************** */ .img_tile_182311_:after {content:''; display:block; clear:both;} .img_tile_182311_ * {box-sizing:border-box;} .img_tile_182311_ .item {float:left; position:relative; width:100%; padding:5px;} .img_tile_182311_ .item a {display:block; text-decoration:none;} .img_tile_182311_ figure {display:block; margin:0; padding:5px;} .img_tile_182311_ figure img {max-width:50%; vertical-align:bottom;transform:scale(1.0); transition:transform .5s;} .img_tile_182311_ figure img:hover {transform:scale(1.1); transition:transform .5s; } .img_tile_182311_ .text_box {display:block;} .img_tile_182311_ .text_box p {margin:0; padding:5px;} .img_tile_182311_ .subject {font-weight:; color: #666;} .img_tile_182311_ .content {color:#444;} .text_sml_182311_ .subject {font-size:14px; line-height:1.6em;} .text_sml_182311_ .content {font-size:13px; line-height:1.6em;} .text_mid_182311_ .subject {font-size:16px; line-height:1.4em;} .text_mid_182311_ .content {font-size:14px; line-height:1.6em;} .text_big_182311_ .subject {font-size:18px; line-height:1.4em;} .text_big_182311_ .content {font-size:15px; line-height:1.6em;} .col_m_1_182311_ .item {width:100%;} .col_m_2_182311_ .item {width:50%;} .col_m_3_182311_ .item {width:33.3333%;} .col_m_1_182311_ .item, .col_m_2_182311_ .item2n, .col_m_3_182311_ .item3n {clear:both;} @media (min-width:1024px){ .col_m_1_182311_ .item, .col_m_2_182311_ .item2n, .col_m_3_182311_ .item3n {clear:none;} .col_pc_1_182311_ .item {width:100%;} .col_pc_2_182311_ .item {width:50%;} .col_pc_3_182311_ .item {width:33.3333%;} .col_pc_4_182311_ .item {width:25%;} .col_pc_5_182311_ .item {width:20%;} .col_pc_6_182311_ .item {width:16.6666%;} .col_pc_7_182311_ .item {width:14.2857%;} .col_pc_1_182311_ .item, .col_pc_2_182311_ .item2n, .col_pc_3_182311_ .item3n, .col_pc_4_182311_ .item4n, .col_pc_5_182311_ .item5n, .col_pc_6_182311_ .item6n, .col_pc_7_182311_ .item7n {clear:both;} } @media \0screen{ .col_m_1_182311_ .item, .col_m_2_182311_ .item2n, .col_m_3_182311_ .item3n {clear:none;} .col_pc_1_182311_ .item {width:100%;} .col_pc_2_182311_ .item {width:50%;} .col_pc_3_182311_ .item {width:33.3333%;} .col_pc_4_182311_ .item {width:25%;} .col_pc_5_182311_ .item {width:20%;} .col_pc_6_182311_ .item {width:16.6666%;} .col_pc_7_182311_ .item {width:14.2857%;} .col_pc_1_182311_ .item, .col_pc_2_182311_ .item2n, .col_pc_3_182311_ .item3n, .col_pc_4_182311_ .item4n, .col_pc_5_182311_ .item5n, .col_pc_6_182311_ .item6n, .col_pc_7_182311_ .item7n {clear:both;} } /* ****************** 공백 ****************** */ .empty_line_182312_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_182312_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_182312_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 1칸 레이아웃 ****************** */ .layout_183240_ {clear:both; min-width:320px; margin:0 auto;} .layout_183240_ > div:after {content:''; display:block; clear:both;} .layout_183240_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_183240_ {} } /* ****************** 한줄 텍스트 ****************** */ .text_182313_ p { display:block; margin:0; padding:50px 10px 0 10px; font-size:20px; letter-spacing:-2px; font-weight:normal; color:#111; line-height:1.6em; } .text_182313_ p a {color:#111; text-decoration:none;} p::selection { background-color: #a50034; color: #ffffff; } @media (min-width:1024px){ .text_182313_ p { font-size:40px; letter-spacing:-1px; font-weight:normal; color:#111; line-height:1.6em; } } /* ****************** 배너관리 - 슬라이드 (기본형) ****************** */ @font-face { font-family:'icomoon_slider'; src:url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot'); src:url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'), url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.woff') format('woff'), url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.ttf') format('truetype'), url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.svg#icomoon_slider') format('svg'); font-weight:normal; font-style:normal; } .pm-banner_slide_basic__183059_ {max-width:320px; margin:0 auto} .pm-banner_slide_basic__183059_ a {border:none} .pm-banner_slide_basic__183059_ a img {border:none} .pm-banner_slide_basic__183059_ .owl-item {z-index:1;} .pm-banner_slide_basic__183059_ .item {position:relative} .pm-banner_slide_basic__183059_ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-banner_slide_basic__183059_ .owl-nav [class*='owl-'] {position:absolute;top:50%;z-index:2;width:40px;height:40px;line-height:40px;margin-top:-20px;font-size:0;cursor:pointer;opacity:0.7} .pm-banner_slide_basic__183059_ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:40px;font-weight:bold;color:#fff} .pm-banner_slide_basic__183059_ .owl-nav [class*='owl-']:hover {opacity:1} .pm-banner_slide_basic__183059_ .owl-nav .owl-prev {left:5px} .pm-banner_slide_basic__183059_ .owl-nav .owl-next {right:5px} .pm-banner_slide_basic__183059_ .owl-nav .owl-prev:before {content:'\e600'} .pm-banner_slide_basic__183059_ .owl-nav .owl-next:before {content:'\e601'} .pm-banner_slide_basic__183059_ .owl-nav .disabled {opacity:0.5;cursor:default} .pm-banner_slide_basic__183059_ .owl-dots {position:absolute;left:0;width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center;} .pm-banner_slide_basic__183059_ .owl-dots .owl-dot {display:inline-block} .pm-banner_slide_basic__183059_ .owl-dots .owl-dot span {display:block;width:10px;height:10px;margin:0 4px;background:#ddd;border-radius:30px;transition:opacity 200ms ease} .pm-banner_slide_basic__183059_ .owl-dots .owl-dot.active span, .pm-banner_slide_basic__183059_ .owl-dots .owl-dot:hover span {background:#999} /* ****************** 배너관리 - 슬라이드 (기본형) ****************** */ @font-face { font-family:'icomoon_slider'; src:url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot'); src:url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'), url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.woff') format('woff'), url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.ttf') format('truetype'), url('/img_up/shop_pds/aramfarm/design/icomoon_slider/icomoon.svg#icomoon_slider') format('svg'); font-weight:normal; font-style:normal; } .pm-banner_slide_basic__184249_ {max-width:150px; margin:0 auto} .pm-banner_slide_basic__184249_ a {border:none} .pm-banner_slide_basic__184249_ a img {border:none} .pm-banner_slide_basic__184249_ .owl-item {z-index:1;} .pm-banner_slide_basic__184249_ .item {position:relative} .pm-banner_slide_basic__184249_ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-banner_slide_basic__184249_ .owl-nav [class*='owl-'] {position:absolute;top:50%;z-index:2;width:40px;height:40px;line-height:40px;margin-top:-20px;font-size:0;cursor:pointer;opacity:0.7} .pm-banner_slide_basic__184249_ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:40px;font-weight:bold;color:#fff} .pm-banner_slide_basic__184249_ .owl-nav [class*='owl-']:hover {opacity:1} .pm-banner_slide_basic__184249_ .owl-nav .owl-prev {left:5px} .pm-banner_slide_basic__184249_ .owl-nav .owl-next {right:5px} .pm-banner_slide_basic__184249_ .owl-nav .owl-prev:before {content:'\e600'} .pm-banner_slide_basic__184249_ .owl-nav .owl-next:before {content:'\e601'} .pm-banner_slide_basic__184249_ .owl-nav .disabled {opacity:0.5;cursor:default} .pm-banner_slide_basic__184249_ .owl-dots {position:absolute;left:0;width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center;} .pm-banner_slide_basic__184249_ .owl-dots .owl-dot {display:inline-block} .pm-banner_slide_basic__184249_ .owl-dots .owl-dot span {display:block;width:10px;height:10px;margin:0 4px;background:#ddd;border-radius:30px;transition:opacity 200ms ease} .pm-banner_slide_basic__184249_ .owl-dots .owl-dot.active span, .pm-banner_slide_basic__184249_ .owl-dots .owl-dot:hover span {background:#999} /* ****************** 1칸 레이아웃 ****************** */ .layout_183061_ {clear:both; min-width:320px; max-width:1600px; margin:0 auto;} .layout_183061_ > div:after {content:''; display:block; clear:both;} .layout_183061_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_183061_ {min-width:1600px;} } /* ****************** 공백 ****************** */ .empty_line_183060_ {display:block; width:100%; height:40px; line-height:40px;} [id^=div_user_list] .empty_line_183060_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_183060_:before {content:'공백 : 40px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 타이틀 텍스트 ****************** */ .title_183062_ {font-size:0;} .title_183062_ p { display:inline-block; position:relative; margin:0; padding:0; font-size:24px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } .title_183062_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_183062_.style_top p {padding-top:10px;} .title_183062_.style_top p:before {left:0; top:0; width:24px; height:4px;} .title_183062_.style_right p {padding-right:14px;} .title_183062_.style_right p:before {right:0; top:5px; width:4px; height:24px;} .title_183062_.style_bottom p {padding-bottom:12px;} .title_183062_.style_bottom p:before {left:0; bottom:0; width:24px; height:4px;} .title_183062_.style_left p {padding-left:14px;} .title_183062_.style_left p:before {left:0; top:5px; width:4px; height:24px;} .title_183062_.style_circle1 p {padding-left:20px;} .title_183062_.style_circle1 p:before { left:0; top:11px; width:12px; height:12px; border-radius:12px; } .title_183062_.style_circle2 p {padding-left:20px;} .title_183062_.style_circle2 p:before { left:0; top:11px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } /* ****************** 공백 ****************** */ .empty_line_183065_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_183065_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_183065_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 이미지 리스트 (타일형) ****************** */ .img_tile_184636_:after {content:''; display:block; clear:both;} .img_tile_184636_ * {box-sizing:border-box;} .img_tile_184636_ .item {float:left; position:relative; width:100%; padding:5px;} .img_tile_184636_ .item a {display:block; text-decoration:none;} .img_tile_184636_ figure {display:block; margin:0; padding:5px;} .img_tile_184636_ figure img {max-width:100%; vertical-align:bottom;} .img_tile_184636_ .text_box {display:block;} .img_tile_184636_ .text_box p {margin:0; padding:5px;} .img_tile_184636_ .subject {font-weight:normal;color:#111111;background:#e9ecf0;} .img_tile_184636_ .content {color:#444;} .text_sml_184636_ .subject {font-size:14px; line-height:1.6em;} .text_sml_184636_ .content {font-size:13px; line-height:1.6em;} .text_mid_184636_ .subject {font-size:12px; line-height:1.4em;} .text_mid_184636_ .content {font-size:14px; line-height:1.6em;} .text_big_184636_ .subject {font-size:18px; line-height:1.4em;} .text_big_184636_ .content {font-size:15px; line-height:1.6em;} .col_m_1_184636_ .item {width:100%;} .col_m_2_184636_ .item {width:50%;} .col_m_3_184636_ .item {width:33.3333%;} .col_m_4_184636_ .item {width:25%;} .col_m_1_184636_ .item, .col_m_2_184636_ .item2n, .col_m_3_184636_ .item3n, .col_m_4_184636_ .item4n {clear:both;} @media (min-width:1024px){ .col_m_1_184636_ .item, .col_m_2_184636_ .item2n, .col_m_3_184636_ .item3n, .col_m_4_184636_ .item4n {clear:none;} .col_pc_1_184636_ .item {width:100%;} .col_pc_2_184636_ .item {width:50%;} .col_pc_3_184636_ .item {width:33.3333%;} .col_pc_4_184636_ .item {width:25%;} .col_pc_5_184636_ .item {width:20%;} .col_pc_6_184636_ .item {width:16.6666%;} .col_pc_1_184636_ .item, .col_pc_2_184636_ .item2n, .col_pc_3_184636_ .item3n, .col_pc_4_184636_ .item4n, .col_pc_5_184636_ .item5n, .col_pc_6_184636_ .item6n {clear:both;} } .text_sml_184636_ .subject {font-size:14px; line-height:1.6em;} .text_sml_184636_ .content {font-size:13px; line-height:1.6em;} .text_mid_184636_ .subject {font-size:12px; line-height:1.4em;} .text_mid_184636_ .content {font-size:14px; line-height:1.6em;} .text_big_184636_ .subject {font-size:18px; line-height:1.4em;} .text_big_184636_ .content {font-size:15px; line-height:1.6em;} @media \0screen{ .col_m_1_184636_ .item, .col_m_2_184636_ .item2n, .col_m_3_184636_ .item3n, .col_m_4_184636_ .item4n {clear:none;} .col_pc_1_184636_ .item {width:100%;} .col_pc_2_184636_ .item {width:50%;} .col_pc_3_184636_ .item {width:33.3333%;} .col_pc_4_184636_ .item {width:25%;} .col_pc_5_184636_ .item {width:20%;} .col_pc_6_184636_ .item {width:16.6666%;} .col_pc_1_184636_ .item, .col_pc_2_184636_ .item2n, .col_pc_3_184636_ .item3n, .col_pc_4_184636_ .item4n, .col_pc_5_184636_ .item5n, .col_pc_6_184636_ .item6n {clear:both;} } .text_sml_184636_ .subject {font-size:14px; line-height:1.6em;} .text_sml_184636_ .content {font-size:13px; line-height:1.6em;} .text_mid_184636_ .subject {font-size:16px; line-height:1.4em;} .text_mid_184636_ .content {font-size:14px; line-height:1.6em;} .text_big_184636_ .subject {font-size:18px; line-height:1.4em;} .text_big_184636_ .content {font-size:15px; line-height:1.6em;} /* ****************** 공백 ****************** */ .empty_line_184626_ {display:block; width:100%; height:20px; line-height:20px;} [id^=div_user_list] .empty_line_184626_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_184626_:before {content:'공백 : 20px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_185976_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;letter-spacing:-2px;} .text_over_img_185976_ * {box-sizing:border-box;} .text_over_img_185976_ a {display:block; text-decoration:none;} .text_over_img_185976_ img {max-width:100%; vertical-align:top;} .text_over_img_185976_ .text_box { left:0; width:100%;} .text_over_img_185976_ .text_box p { margin:0; padding:5px 25px; } .text_over_img_185976_ .subject {font-weight:100; color:#000000;} .text_over_img_185976_ .content {color:#000000;} .text_sml_185976_ .subject {font-size:14px; line-height:1.6em;} .text_sml_185976_ .content {font-size:13px; line-height:1.6em;} .text_mid_185976_ .subject {font-size:16px; line-height:1.4em;} .text_mid_185976_ .content {font-size:14px; line-height:1.6em;} .text_big_185976_ .subject {font-size:20px; line-height:1.4em;} .text_big_185976_ .content {font-size:16px; line-height:1.6em;} .text_top_185976_ .text_box {top:20px; text-align:left;} .text_middle_185976_ .text_box {top:25%;bottom:10%; font-size:0; text-align:center;} .text_middle_185976_ .subject {left:0; bottom:0; width:100%;} .text_middle_185976_ .content {left:0; top:0; width:100%;} .text_bottom_185976_ .text_box {bottom:20px; text-align:right;} @media (min-width:1024px){ .text_over_img_185976_ .text_box {position:absolute; left:0; width:100%;} .text_big_185976_ .subject {font-size:40px; line-height:1.4em;} .text_big_185976_ .content {font-size:20px; line-height:1.6em;} .text_top_185976_ .text_box {top:20px; text-align:left;} .text_middle_185976_ .text_box {top:30%; height:0; font-size:0; text-align:center;} .text_middle_185976_ .subject {position:absolute; left:0; bottom:0; width:100%;} .text_middle_185976_ .content {position:absolute; left:0; top:0; width:100%;} .text_bottom_185976_ .text_box {bottom:20px; text-align:right;} } /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_185977_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;letter-spacing:-2px;} .text_over_img_185977_ * {box-sizing:border-box;} .text_over_img_185977_ a {display:block; text-decoration:none;} .text_over_img_185977_ img {max-width:100%; vertical-align:top;} .text_over_img_185977_ .text_box { left:0; width:100%;} .text_over_img_185977_ .text_box p { margin:0; padding:5px 25px; } .text_over_img_185977_ .subject {font-weight:100; color:#000000;} .text_over_img_185977_ .content {color:#000000;} .text_sml_185977_ .subject {font-size:14px; line-height:1.6em;} .text_sml_185977_ .content {font-size:13px; line-height:1.6em;} .text_mid_185977_ .subject {font-size:16px; line-height:1.4em;} .text_mid_185977_ .content {font-size:14px; line-height:1.6em;} .text_big_185977_ .subject {font-size:20px; line-height:1.4em;} .text_big_185977_ .content {font-size:16px; line-height:1.6em;} .text_top_185977_ .text_box {top:20px; text-align:left;} .text_middle_185977_ .text_box {top:25%;bottom:10%; font-size:0; text-align:center;} .text_middle_185977_ .subject {left:0; bottom:0; width:100%;} .text_middle_185977_ .content {left:0; top:0; width:100%;} .text_bottom_185977_ .text_box {bottom:20px; text-align:right;} @media (min-width:1024px){ .text_over_img_185977_ .text_box {position:absolute; left:0; width:100%;} .text_big_185977_ .subject {font-size:40px; line-height:1.4em;} .text_big_185977_ .content {font-size:20px; line-height:1.6em;} .text_top_185977_ .text_box {top:20px; text-align:left;} .text_middle_185977_ .text_box {top:20%; height:0; font-size:0; text-align:center;} .text_middle_185977_ .subject {position:absolute; left:0; bottom:0; width:100%;} .text_middle_185977_ .content {position:absolute; left:0; top:0; width:100%;} .text_bottom_185977_ .text_box {bottom:20px; text-align:right;} } /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_185990_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;letter-spacing:-2px;} .text_over_img_185990_ * {box-sizing:border-box;} .text_over_img_185990_ a {display:block; text-decoration:none;} .text_over_img_185990_ img {max-width:100%; vertical-align:top;} .text_over_img_185990_ .text_box { left:0; width:100%;} .text_over_img_185990_ .text_box p { margin:0; padding:5px 25px; } .text_over_img_185990_ .subject {font-weight:100; color:#000000;} .text_over_img_185990_ .content {color:#000000;} .text_sml_185990_ .subject {font-size:14px; line-height:1.6em;} .text_sml_185990_ .content {font-size:13px; line-height:1.6em;} .text_mid_185990_ .subject {font-size:16px; line-height:1.4em;} .text_mid_185990_ .content {font-size:14px; line-height:1.6em;} .text_big_185990_ .subject {font-size:20px; line-height:1.4em;} .text_big_185990_ .content {font-size:16px; line-height:1.6em;} .text_top_185990_ .text_box {top:20px; text-align:left;} .text_middle_185990_ .text_box {top:25%;bottom:10%; font-size:0; text-align:center;} .text_middle_185990_ .subject {left:0; bottom:0; width:100%;} .text_middle_185990_ .content {left:0; top:0; width:100%;} .text_bottom_185990_ .text_box {bottom:20px; text-align:right;} @media (min-width:1024px){ .text_over_img_185990_ .text_box {position:absolute; left:0; width:100%;} .text_big_185990_ .subject {font-size:40px; line-height:1.4em;} .text_big_185990_ .content {font-size:20px; line-height:1.6em;} .text_top_185990_ .text_box {top:20px; text-align:left;} .text_middle_185990_ .text_box {top:30%; height:0; font-size:0; text-align:center;} .text_middle_185990_ .subject {position:absolute; left:0; bottom:0; width:100%;} .text_middle_185990_ .content {position:absolute; left:0; top:0; width:100%;} .text_bottom_185990_ .text_box {bottom:20px; text-align:right;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_186154_ {clear:both; min-width:320px; max-width:1600px; margin:0 auto;} .layout_186154_ > div {} .layout_186154_ > div:after {content:''; display:block; clear:both;} .layout_186154_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_186154_ > div > .container_1 {width:50%;} .layout_186154_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_186154_ > div > .container_1 { width:100%; } .layout_186154_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_186154_ {min-width:1600px;} } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_186155_ {display:inline-block; overflow:hidden; position:relative; width:%; max-width:100%; vertical-align:top;} .img_ratio_186155_ * {box-sizing:border-box;} .img_ratio_186155_ a {display:block; text-decoration:none;} .img_ratio_186155_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_186155_ {width:px;} } @media \0screen{ .img_ratio_186155_ {width:px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_186157_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 블릿형 리스트 ****************** */ @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_186158_ ul {display:table; margin:0; padding:0; list-style:none;} .text_list_186158_ li {display:table-row; font-size:13px; line-height:1.5em;} .text_list_186158_ span {display:table-cell; padding:5px; font-weight:normal; font-family:NanumGothic; color:#d00000; vertical-align:top;} .text_list_186158_ span:before {content:'\e60a'; font-family:"icomoon_contents";} .text_list_186158_ p {display:table-cell; padding:5px; letter-spacing:-1px; font-weight:normal; color:#000000; vertical-align:middle;} .text_list_186158_ span {padding-right:.5em; font-size:1em;} /* ****************** 실선 ****************** */ .solid_line_186159_ {display:block; position:relative; width:100%; height:50px;} .solid_line_186159_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;} /* ****************** 2칸 레이아웃 ****************** */ .layout_186160_ {clear:both; min-width:320px; max-width:1600px; margin:0 auto;} .layout_186160_ > div {} .layout_186160_ > div:after {content:''; display:block; clear:both;} .layout_186160_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_186160_ > div > .container_1 {width:50%;} .layout_186160_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_186160_ > div > .container_1 { width:100%; } .layout_186160_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_186160_ {min-width:1600px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_186161_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 블릿형 리스트 ****************** */ @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_186162_ ul {display:table; margin:0; padding:0; list-style:none;} .text_list_186162_ li {display:table-row; font-size:13px; line-height:1.5em;} .text_list_186162_ span {display:table-cell; padding:5px; font-weight:normal; font-family:NanumGothic; color:#d00000; vertical-align:top;} .text_list_186162_ span:before {content:'\e60a'; font-family:"icomoon_contents";} .text_list_186162_ p {display:table-cell; padding:5px; letter-spacing:-1px; font-weight:normal; color:#000000; vertical-align:middle;} .text_list_186162_ span {padding-right:.5em; font-size:1em;} /* ****************** 이미지 (비율형) ****************** */ .img_ratio_186163_ {display:inline-block; overflow:hidden; position:relative; width:%; max-width:100%; vertical-align:top;} .img_ratio_186163_ * {box-sizing:border-box;} .img_ratio_186163_ a {display:block; text-decoration:none;} .img_ratio_186163_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_186163_ {width:px;} } @media \0screen{ .img_ratio_186163_ {width:px;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_187214_ {clear:both; min-width:320px; max-width:1600px; margin:0 auto;} .layout_187214_ > div {} .layout_187214_ > div:after {content:''; display:block; clear:both;} .layout_187214_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_187214_ > div > .container_1 {width:50%;} .layout_187214_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_187214_ > div > .container_1 { width:100%; } .layout_187214_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_187214_ {min-width:1600px;} } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_187217_ {display:inline-block; overflow:hidden; position:relative; width:%; max-width:100%; vertical-align:top;} .img_ratio_187217_ * {box-sizing:border-box;} .img_ratio_187217_ a {display:block; text-decoration:none;} .img_ratio_187217_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_187217_ {width:px;} } @media \0screen{ .img_ratio_187217_ {width:px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_187215_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 블릿형 리스트 ****************** */ @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_187216_ ul {display:table; margin:0; padding:0; list-style:none;} .text_list_187216_ li {display:table-row; font-size:13px; line-height:1.5em;} .text_list_187216_ span {display:table-cell; padding:5px; font-weight:normal; font-family:NanumGothic; color:#d00000; vertical-align:top;} .text_list_187216_ span:before {content:'\e60a'; font-family:"icomoon_contents";} .text_list_187216_ p {display:table-cell; padding:5px; letter-spacing:-1px; font-weight:normal; color:#000000; vertical-align:middle;} .text_list_187216_ span {padding-right:.5em; font-size:1em;} /* ****************** 실선 ****************** */ .solid_line_186165_ {display:block; position:relative; width:100%; height:50px;} .solid_line_186165_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;} /* ****************** 2칸 레이아웃 ****************** */ .layout_186166_ {clear:both; min-width:320px; max-width:1600px; margin:0 auto;} .layout_186166_ > div {} .layout_186166_ > div:after {content:''; display:block; clear:both;} .layout_186166_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_186166_ > div > .container_1 {width:50%;} .layout_186166_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_186166_ > div > .container_1 { width:100%; } .layout_186166_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_186166_ {min-width:1600px;} } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_186169_ {display:inline-block; overflow:hidden; position:relative; width:%; max-width:100%; vertical-align:top;} .img_ratio_186169_ * {box-sizing:border-box;} .img_ratio_186169_ a {display:block; text-decoration:none;} .img_ratio_186169_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_186169_ {width:px;} } @media \0screen{ .img_ratio_186169_ {width:px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_186167_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 블릿형 리스트 ****************** */ @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_186168_ ul {display:table; margin:0; padding:0; list-style:none;} .text_list_186168_ li {display:table-row; font-size:13px; line-height:1.5em;} .text_list_186168_ span {display:table-cell; padding:5px; font-weight:normal; font-family:NanumGothic; color:#d00000; vertical-align:top;} .text_list_186168_ span:before {content:'\e60a'; font-family:"icomoon_contents";} .text_list_186168_ p {display:table-cell; padding:5px; letter-spacing:-1px; font-weight:normal; color:#000000; vertical-align:middle;} .text_list_186168_ span {padding-right:.5em; font-size:1em;} /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_185978_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;letter-spacing:-2px;} .text_over_img_185978_ * {box-sizing:border-box;} .text_over_img_185978_ a {display:block; text-decoration:none;} .text_over_img_185978_ img {max-width:100%; vertical-align:top;} .text_over_img_185978_ .text_box { left:0; width:100%;} .text_over_img_185978_ .text_box p { margin:0; padding:5px 25px; } .text_over_img_185978_ .subject {font-weight:100; color:#000000;} .text_over_img_185978_ .content {color:#000000;} .text_sml_185978_ .subject {font-size:14px; line-height:1.6em;} .text_sml_185978_ .content {font-size:13px; line-height:1.6em;} .text_mid_185978_ .subject {font-size:16px; line-height:1.4em;} .text_mid_185978_ .content {font-size:14px; line-height:1.6em;} .text_big_185978_ .subject {font-size:20px; line-height:1.4em;} .text_big_185978_ .content {font-size:16px; line-height:1.6em;} .text_top_185978_ .text_box {top:20px; text-align:left;} .text_middle_185978_ .text_box {top:25%;bottom:10%; font-size:0; text-align:center;} .text_middle_185978_ .subject {left:0; bottom:0; width:100%;} .text_middle_185978_ .content {left:0; top:0; width:100%;} .text_bottom_185978_ .text_box {bottom:20px; text-align:right;} @media (min-width:1024px){ .text_over_img_185978_ .text_box {position:absolute; left:0; width:100%;} .text_big_185978_ .subject {font-size:40px; line-height:1.4em;} .text_big_185978_ .content {font-size:20px; line-height:1.6em;} .text_top_185978_ .text_box {top:20px; text-align:left;} .text_middle_185978_ .text_box {top:15%; height:0; font-size:0; text-align:center;} .text_middle_185978_ .subject {position:absolute; left:0; bottom:0; width:100%;} .text_middle_185978_ .content {position:absolute; left:0; top:0; width:100%;} .text_bottom_185978_ .text_box {bottom:20px; text-align:right;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_186172_ {clear:both; min-width:320px; max-width:1600px; margin:0 auto;} .layout_186172_ > div {} .layout_186172_ > div:after {content:''; display:block; clear:both;} .layout_186172_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_186172_ > div > .container_1 {width:50%;} .layout_186172_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_186172_ > div > .container_1 { width:100%; } .layout_186172_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_186172_ {min-width:1600px;} } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_186173_ {display:inline-block; overflow:hidden; position:relative; width:%; max-width:100%; vertical-align:top;} .img_ratio_186173_ * {box-sizing:border-box;} .img_ratio_186173_ a {display:block; text-decoration:none;} .img_ratio_186173_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_186173_ {width:px;} } @media \0screen{ .img_ratio_186173_ {width:px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_186174_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 실선 ****************** */ .solid_line_186177_ {display:block; position:relative; width:100%; height:0px;} .solid_line_186177_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;} /* ****************** 2칸 레이아웃 ****************** */ .layout_186178_ {clear:both; min-width:320px; max-width:1600px; margin:0 auto;} .layout_186178_ > div {} .layout_186178_ > div:after {content:''; display:block; clear:both;} .layout_186178_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_186178_ > div > .container_1 {width:50%;} .layout_186178_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_186178_ > div > .container_1 { width:100%; } .layout_186178_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_186178_ {min-width:1600px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_186179_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_186180_ {display:inline-block; overflow:hidden; position:relative; width:%; max-width:100%; vertical-align:top;} .img_ratio_186180_ * {box-sizing:border-box;} .img_ratio_186180_ a {display:block; text-decoration:none;} .img_ratio_186180_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_186180_ {width:px;} } @media \0screen{ .img_ratio_186180_ {width:px;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_187219_ {clear:both; min-width:320px; max-width:1600px; margin:0 auto;} .layout_187219_ > div {} .layout_187219_ > div:after {content:''; display:block; clear:both;} .layout_187219_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_187219_ > div > .container_1 {width:50%;} .layout_187219_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_187219_ > div > .container_1 { width:100%; } .layout_187219_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_187219_ {min-width:1600px;} } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_187222_ {display:inline-block; overflow:hidden; position:relative; width:%; max-width:100%; vertical-align:top;} .img_ratio_187222_ * {box-sizing:border-box;} .img_ratio_187222_ a {display:block; text-decoration:none;} .img_ratio_187222_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_187222_ {width:px;} } @media \0screen{ .img_ratio_187222_ {width:px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_187221_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 실선 ****************** */ .solid_line_186186_ {display:block; position:relative; width:100%; height:0px;} .solid_line_186186_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;} /* ****************** 2칸 레이아웃 ****************** */ .layout_186182_ {clear:both; min-width:320px; max-width:1600px; margin:0 auto;} .layout_186182_ > div {} .layout_186182_ > div:after {content:''; display:block; clear:both;} .layout_186182_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_186182_ > div > .container_1 {width:50%;} .layout_186182_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_186182_ > div > .container_1 { width:100%; } .layout_186182_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_186182_ {min-width:1600px;} } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_186185_ {display:inline-block; overflow:hidden; position:relative; width:%; max-width:100%; vertical-align:top;} .img_ratio_186185_ * {box-sizing:border-box;} .img_ratio_186185_ a {display:block; text-decoration:none;} .img_ratio_186185_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_186185_ {width:px;} } @media \0screen{ .img_ratio_186185_ {width:px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_186184_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_185987_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;letter-spacing:-2px;} .text_over_img_185987_ * {box-sizing:border-box;} .text_over_img_185987_ a {display:block; text-decoration:none;} .text_over_img_185987_ img {max-width:100%; vertical-align:top;} .text_over_img_185987_ .text_box { left:0; width:100%;} .text_over_img_185987_ .text_box p { margin:0; padding:5px 25px; } .text_over_img_185987_ .subject {font-weight:100; color:#ffffff;} .text_over_img_185987_ .content {color:#ffffff;} .text_sml_185987_ .subject {font-size:14px; line-height:1.6em;} .text_sml_185987_ .content {font-size:13px; line-height:1.6em;} .text_mid_185987_ .subject {font-size:16px; line-height:1.4em;} .text_mid_185987_ .content {font-size:14px; line-height:1.6em;} .text_big_185987_ .subject {font-size:20px; line-height:1.4em;} .text_big_185987_ .content {font-size:16px; line-height:1.6em;} .text_top_185987_ .text_box {top:20px; text-align:left;} .text_middle_185987_ .text_box {top:25%;bottom:10%; font-size:0; text-align:center;} .text_middle_185987_ .subject {left:0; bottom:0; width:100%;} .text_middle_185987_ .content {left:0; top:0; width:100%;} .text_bottom_185987_ .text_box {bottom:20px; text-align:right;} @media (min-width:1024px){ .text_over_img_185987_ .text_box {position:absolute; left:0; width:100%;} .text_big_185987_ .subject {font-size:40px; line-height:1.4em;} .text_big_185987_ .content {font-size:20px; line-height:1.6em;} .text_top_185987_ .text_box {top:30%; text-align:left;} .text_middle_185987_ .text_box {top:15%; height:0; font-size:0; text-align:center;} .text_middle_185987_ .subject {position:absolute; left:0; bottom:0; width:100%;} .text_middle_185987_ .content {position:absolute; left:0; top:0; width:100%;} .text_bottom_185987_ .text_box {bottom:20px; text-align:right;} } /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_185980_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;letter-spacing:-2px;} .text_over_img_185980_ * {box-sizing:border-box;} .text_over_img_185980_ a {display:block; text-decoration:none;} .text_over_img_185980_ img {max-width:100%; vertical-align:top;} .text_over_img_185980_ .text_box { left:0; width:100%;} .text_over_img_185980_ .text_box p { margin:0; padding:5px 25px; } .text_over_img_185980_ .subject {font-weight:100; color:#000000;} .text_over_img_185980_ .content {color:#000000;} .text_sml_185980_ .subject {font-size:14px; line-height:1.6em;} .text_sml_185980_ .content {font-size:13px; line-height:1.6em;} .text_mid_185980_ .subject {font-size:16px; line-height:1.4em;} .text_mid_185980_ .content {font-size:14px; line-height:1.6em;} .text_big_185980_ .subject {font-size:20px; line-height:1.4em;} .text_big_185980_ .content {font-size:16px; line-height:1.6em;} .text_top_185980_ .text_box {top:20px; text-align:left;} .text_middle_185980_ .text_box {top:25%;bottom:10%; font-size:0; text-align:center;} .text_middle_185980_ .subject {left:0; bottom:0; width:100%;} .text_middle_185980_ .content {left:0; top:0; width:100%;} .text_bottom_185980_ .text_box {bottom:20px; text-align:right;} @media (min-width:1024px){ .text_over_img_185980_ .text_box {position:absolute; left:0; width:100%;} .text_big_185980_ .subject {font-size:40px; line-height:1.4em;} .text_big_185980_ .content {font-size:20px; line-height:1.6em;} .text_top_185980_ .text_box {top:20px; text-align:left;} .text_middle_185980_ .text_box {top:15%; height:0; font-size:0; text-align:center;} .text_middle_185980_ .subject {position:absolute; left:0; bottom:0; width:100%;} .text_middle_185980_ .content {position:absolute; left:0; top:0; width:100%;} .text_bottom_185980_ .text_box {bottom:20px; text-align:right;} } /* ****************** 이미지 리스트 (타일형) ****************** */ .img_tile_186188_:after {content:''; display:block; clear:both;} .img_tile_186188_ * {box-sizing:border-box;} .img_tile_186188_ .item {float:left; position:relative; width:100%; padding:5px;} .img_tile_186188_ .item a {display:block; text-decoration:none;} .img_tile_186188_ figure {display:block; margin:0; padding:5px;} .img_tile_186188_ figure img {max-width:100%; vertical-align:bottom;} .img_tile_186188_ .text_box {display:block;} .img_tile_186188_ .text_box p {margin:0; padding:5px;} .img_tile_186188_ .subject {font-weight:bold; color:#000000;} .img_tile_186188_ .content {color:#444;} .text_sml_186188_ .subject {font-size:14px; line-height:1.6em;} .text_sml_186188_ .content {font-size:13px; line-height:1.6em;} .text_mid_186188_ .subject {font-size:16px; line-height:1.4em;} .text_mid_186188_ .content {font-size:14px; line-height:1.6em;} .text_big_186188_ .subject {font-size:18px; line-height:1.4em;} .text_big_186188_ .content {font-size:15px; line-height:1.6em;} .col_m_1_186188_ .item {width:100%;} .col_m_2_186188_ .item {width:50%;} .col_m_3_186188_ .item {width:33.3333%;} .col_m_1_186188_ .item, .col_m_2_186188_ .item2n, .col_m_3_186188_ .item3n {clear:both;} @media (min-width:1024px){ .col_m_1_186188_ .item, .col_m_2_186188_ .item2n, .col_m_3_186188_ .item3n {clear:none;} .col_pc_1_186188_ .item {width:100%;} .col_pc_2_186188_ .item {width:50%;} .col_pc_3_186188_ .item {width:33.3333%;} .col_pc_4_186188_ .item {width:25%;} .col_pc_5_186188_ .item {width:20%;} .col_pc_6_186188_ .item {width:16.6666%;} .col_pc_1_186188_ .item, .col_pc_2_186188_ .item2n, .col_pc_3_186188_ .item3n, .col_pc_4_186188_ .item4n, .col_pc_5_186188_ .item5n, .col_pc_6_186188_ .item6n {clear:both;} } @media \0screen{ .col_m_1_186188_ .item, .col_m_2_186188_ .item2n, .col_m_3_186188_ .item3n {clear:none;} .col_pc_1_186188_ .item {width:100%;} .col_pc_2_186188_ .item {width:50%;} .col_pc_3_186188_ .item {width:33.3333%;} .col_pc_4_186188_ .item {width:25%;} .col_pc_5_186188_ .item {width:20%;} .col_pc_6_186188_ .item {width:16.6666%;} .col_pc_1_186188_ .item, .col_pc_2_186188_ .item2n, .col_pc_3_186188_ .item3n, .col_pc_4_186188_ .item4n, .col_pc_5_186188_ .item5n, .col_pc_6_186188_ .item6n {clear:both;} } /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_185981_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;letter-spacing:-2px;} .text_over_img_185981_ * {box-sizing:border-box;} .text_over_img_185981_ a {display:block; text-decoration:none;} .text_over_img_185981_ img {max-width:100%; vertical-align:top;} .text_over_img_185981_ .text_box { left:0; width:100%;} .text_over_img_185981_ .text_box p { margin:0; padding:5px 25px; } .text_over_img_185981_ .subject {font-weight:100; color:#000000;} .text_over_img_185981_ .content {color:#000000;} .text_sml_185981_ .subject {font-size:14px; line-height:1.6em;} .text_sml_185981_ .content {font-size:13px; line-height:1.6em;} .text_mid_185981_ .subject {font-size:16px; line-height:1.4em;} .text_mid_185981_ .content {font-size:14px; line-height:1.6em;} .text_big_185981_ .subject {font-size:20px; line-height:1.4em;} .text_big_185981_ .content {font-size:16px; line-height:1.6em;} .text_top_185981_ .text_box {top:20px; text-align:left;} .text_middle_185981_ .text_box {top:25%;bottom:10%; font-size:0; text-align:center;} .text_middle_185981_ .subject {left:0; bottom:0; width:100%;} .text_middle_185981_ .content {left:0; top:0; width:100%;} .text_bottom_185981_ .text_box {bottom:20px; text-align:right;} @media (min-width:1024px){ .text_over_img_185981_ .text_box {position:absolute; left:0; width:100%;} .text_big_185981_ .subject {font-size:40px; line-height:1.4em;} .text_big_185981_ .content {font-size:20px; line-height:1.6em;} .text_top_185981_ .text_box {top:20px; text-align:left;} .text_middle_185981_ .text_box {top:15%; height:0; font-size:0; text-align:center;} .text_middle_185981_ .subject {position:absolute; left:0; bottom:0; width:100%;} .text_middle_185981_ .content {position:absolute; left:0; top:0; width:100%;} .text_bottom_185981_ .text_box {bottom:20px; text-align:right;} } /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_185982_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;letter-spacing:-2px;} .text_over_img_185982_ * {box-sizing:border-box;} .text_over_img_185982_ a {display:block; text-decoration:none;} .text_over_img_185982_ img {max-width:100%; vertical-align:top;} .text_over_img_185982_ .text_box { left:0; width:100%;} .text_over_img_185982_ .text_box p { margin:0; padding:5px 25px; } .text_over_img_185982_ .subject {font-weight:100; color:#000000;} .text_over_img_185982_ .content {color:#000000;} .text_sml_185982_ .subject {font-size:14px; line-height:1.6em;} .text_sml_185982_ .content {font-size:13px; line-height:1.6em;} .text_mid_185982_ .subject {font-size:16px; line-height:1.4em;} .text_mid_185982_ .content {font-size:14px; line-height:1.6em;} .text_big_185982_ .subject {font-size:20px; line-height:1.4em;} .text_big_185982_ .content {font-size:16px; line-height:1.6em;} .text_top_185982_ .text_box {top:20px; text-align:left;} .text_middle_185982_ .text_box {top:25%;bottom:10%; font-size:0; text-align:center;} .text_middle_185982_ .subject {left:0; bottom:0; width:100%;} .text_middle_185982_ .content {left:0; top:0; width:100%;} .text_bottom_185982_ .text_box {bottom:20px; text-align:right;} @media (min-width:1024px){ .text_over_img_185982_ .text_box {position:absolute; left:0; width:100%;} .text_big_185982_ .subject {font-size:40px; line-height:1.4em;} .text_big_185982_ .content {font-size:20px; line-height:1.6em;} .text_top_185982_ .text_box {top:20px; text-align:left;} .text_middle_185982_ .text_box {top:15%; height:0; font-size:0; text-align:center;} .text_middle_185982_ .subject {position:absolute; left:0; bottom:0; width:100%;} .text_middle_185982_ .content {position:absolute; left:0; top:0; width:100%;} .text_bottom_185982_ .text_box {bottom:20px; text-align:right;} } /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_185983_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;letter-spacing:-2px;} .text_over_img_185983_ * {box-sizing:border-box;} .text_over_img_185983_ a {display:block; text-decoration:none;} .text_over_img_185983_ img {max-width:100%; vertical-align:top;} .text_over_img_185983_ .text_box { left:0; width:100%;} .text_over_img_185983_ .text_box p { margin:0; padding:5px 25px; } .text_over_img_185983_ .subject {font-weight:100; color:#000000;} .text_over_img_185983_ .content {color:#000000;} .text_sml_185983_ .subject {font-size:14px; line-height:1.6em;} .text_sml_185983_ .content {font-size:13px; line-height:1.6em;} .text_mid_185983_ .subject {font-size:16px; line-height:1.4em;} .text_mid_185983_ .content {font-size:14px; line-height:1.6em;} .text_big_185983_ .subject {font-size:20px; line-height:1.4em;} .text_big_185983_ .content {font-size:16px; line-height:1.6em;} .text_top_185983_ .text_box {top:20px; text-align:left;} .text_middle_185983_ .text_box {top:25%;bottom:10%; font-size:0; text-align:center;} .text_middle_185983_ .subject {left:0; bottom:0; width:100%;} .text_middle_185983_ .content {left:0; top:0; width:100%;} .text_bottom_185983_ .text_box {bottom:20px; text-align:right;} @media (min-width:1024px){ .text_over_img_185983_ .text_box {position:absolute; left:0; width:100%;} .text_big_185983_ .subject {font-size:40px; line-height:1.4em;} .text_big_185983_ .content {font-size:20px; line-height:1.6em;} .text_top_185983_ .text_box {top:20px; text-align:left;} .text_middle_185983_ .text_box {top:15%; height:0; font-size:0; text-align:center;} .text_middle_185983_ .subject {position:absolute; left:0; bottom:0; width:100%;} .text_middle_185983_ .content {position:absolute; left:0; top:0; width:100%;} .text_bottom_185983_ .text_box {bottom:20px; text-align:right;} } /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_185984_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;letter-spacing:-2px;} .text_over_img_185984_ * {box-sizing:border-box;} .text_over_img_185984_ a {display:block; text-decoration:none;} .text_over_img_185984_ img {max-width:100%; vertical-align:top;} .text_over_img_185984_ .text_box { left:0; width:100%;} .text_over_img_185984_ .text_box p { margin:0; padding:5px 25px; } .text_over_img_185984_ .subject {font-weight:100; color:#000000;} .text_over_img_185984_ .content {color:#000000;} .text_sml_185984_ .subject {font-size:14px; line-height:1.6em;} .text_sml_185984_ .content {font-size:13px; line-height:1.6em;} .text_mid_185984_ .subject {font-size:16px; line-height:1.4em;} .text_mid_185984_ .content {font-size:14px; line-height:1.6em;} .text_big_185984_ .subject {font-size:20px; line-height:1.4em;} .text_big_185984_ .content {font-size:16px; line-height:1.6em;} .text_top_185984_ .text_box {top:20px; text-align:left;} .text_middle_185984_ .text_box {top:25%;bottom:10%; font-size:0; text-align:center;} .text_middle_185984_ .subject {left:0; bottom:0; width:100%;} .text_middle_185984_ .content {left:0; top:0; width:100%;} .text_bottom_185984_ .text_box {bottom:20px; text-align:right;} @media (min-width:1024px){ .text_over_img_185984_ .text_box {position:absolute; left:0; width:100%;} .text_big_185984_ .subject {font-size:40px; line-height:1.4em;} .text_big_185984_ .content {font-size:20px; line-height:1.6em;} .text_top_185984_ .text_box {top:20px; text-align:left;} .text_middle_185984_ .text_box {top:15%; height:0; font-size:0; text-align:center;} .text_middle_185984_ .subject {position:absolute; left:0; bottom:0; width:100%;} .text_middle_185984_ .content {position:absolute; left:0; top:0; width:100%;} .text_bottom_185984_ .text_box {bottom:20px; text-align:right;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_186193_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_186193_ > div {} .layout_186193_ > div:after {content:''; display:block; clear:both;} .layout_186193_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_186193_ > div > .container_1 {width:33.333333333333%;} .layout_186193_ > div > .container_2 {width:66.666666666667%;} @media (max-width:1023px){ .layout_186193_ > div > .container_1 { width:100%; } .layout_186193_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_186193_ {min-width:1200px;} } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_186194_ {display:inline-block; overflow:hidden; position:relative; width:100%; max-width:100%; vertical-align:top;} .img_ratio_186194_ * {box-sizing:border-box;} .img_ratio_186194_ a {display:block; text-decoration:none;} .img_ratio_186194_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_186194_ {width:px;} } @media \0screen{ .img_ratio_186194_ {width:px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_186196_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 실선 ****************** */ .solid_line_186201_ {display:block; position:relative; width:100%; height:0px;} .solid_line_186201_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;} /* ****************** 2칸 레이아웃 ****************** */ .layout_186202_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_186202_ > div {} .layout_186202_ > div:after {content:''; display:block; clear:both;} .layout_186202_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_186202_ > div > .container_1 {width:66.666666666667%;} .layout_186202_ > div > .container_2 {width:33.333333333333%;} @media (max-width:1023px){ .layout_186202_ > div > .container_1 { width:100%; } .layout_186202_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_186202_ {min-width:1200px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_186205_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_186203_ {display:inline-block; overflow:hidden; position:relative; width:100%; max-width:100%; vertical-align:top;} .img_ratio_186203_ * {box-sizing:border-box;} .img_ratio_186203_ a {display:block; text-decoration:none;} .img_ratio_186203_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_186203_ {width:px;} } @media \0screen{ .img_ratio_186203_ {width:px;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_187223_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_187223_ > div {} .layout_187223_ > div:after {content:''; display:block; clear:both;} .layout_187223_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_187223_ > div > .container_1 {width:66.666666666667%;} .layout_187223_ > div > .container_2 {width:33.333333333333%;} @media (max-width:1023px){ .layout_187223_ > div > .container_1 { width:100%; } .layout_187223_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_187223_ {min-width:1200px;} } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_187224_ {display:inline-block; overflow:hidden; position:relative; width:50%; max-width:100%; vertical-align:top;} .img_ratio_187224_ * {box-sizing:border-box;} .img_ratio_187224_ a {display:block; text-decoration:none;} .img_ratio_187224_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_187224_ {width:px;} } @media \0screen{ .img_ratio_187224_ {width:px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_187226_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 실선 ****************** */ .solid_line_186206_ {display:block; position:relative; width:100%; height:0px;} .solid_line_186206_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;} /* ****************** 2칸 레이아웃 ****************** */ .layout_186197_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_186197_ > div {} .layout_186197_ > div:after {content:''; display:block; clear:both;} .layout_186197_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_186197_ > div > .container_1 {width:50%;} .layout_186197_ > div > .container_2 {width:50%;} @media (max-width:1023px){ .layout_186197_ > div > .container_1 { width:100%; } .layout_186197_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_186197_ {min-width:1200px;} } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_186198_ {display:inline-block; overflow:hidden; position:relative; width:50%; max-width:100%; vertical-align:top;} .img_ratio_186198_ * {box-sizing:border-box;} .img_ratio_186198_ a {display:block; text-decoration:none;} .img_ratio_186198_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_186198_ {width:300px;} } @media \0screen{ .img_ratio_186198_ {width:300px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_186200_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 실선 ****************** */ .solid_line_186215_ {display:block; position:relative; width:100%; height:0px;} .solid_line_186215_:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;} /* ****************** 2칸 레이아웃 ****************** */ .layout_186211_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_186211_ > div {} .layout_186211_ > div:after {content:''; display:block; clear:both;} .layout_186211_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_186211_ > div > .container_1 {width:66.666666666667%;} .layout_186211_ > div > .container_2 {width:33.333333333333%;} @media (max-width:1023px){ .layout_186211_ > div > .container_1 { width:100%; } .layout_186211_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_186211_ {min-width:1200px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_186214_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 블릿형 리스트 ****************** */ @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_186216_ ul {display:table; margin:0; padding:0; list-style:none;} .text_list_186216_ li {display:table-row; font-size:13px; line-height:1.5em;} .text_list_186216_ span {display:table-cell; padding:5px; font-weight:normal; font-family:NanumGothic; color:#000000; vertical-align:top;} .text_list_186216_ span:before {content:'\e60a'; font-family:"icomoon_contents";} .text_list_186216_ p {display:table-cell; padding:5px; letter-spacing:-1px; font-weight:normal; color:#000000; vertical-align:middle;} .text_list_186216_ span {padding-right:.5em; font-size:1em;} /* ****************** 이미지 (비율형) ****************** */ .img_ratio_186212_ {display:inline-block; overflow:hidden; position:relative; width:100%; max-width:100%; vertical-align:top;} .img_ratio_186212_ * {box-sizing:border-box;} .img_ratio_186212_ a {display:block; text-decoration:none;} .img_ratio_186212_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_186212_ {width:300px;} } @media \0screen{ .img_ratio_186212_ {width:300px;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_187227_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_187227_ > div {} .layout_187227_ > div:after {content:''; display:block; clear:both;} .layout_187227_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_187227_ > div > .container_1 {width:66.666666666667%;} .layout_187227_ > div > .container_2 {width:33.333333333333%;} @media (max-width:1023px){ .layout_187227_ > div > .container_1 { width:100%; } .layout_187227_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_187227_ {min-width:1200px;} } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_187229_ {display:inline-block; overflow:hidden; position:relative; width:60%; max-width:100%; vertical-align:top;} .img_ratio_187229_ * {box-sizing:border-box;} .img_ratio_187229_ a {display:block; text-decoration:none;} .img_ratio_187229_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_187229_ {width:300px;} } @media \0screen{ .img_ratio_187229_ {width:300px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_187231_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 블릿형 리스트 ****************** */ @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_187228_ ul {display:table; margin:0; padding:0; list-style:none;} .text_list_187228_ li {display:table-row; font-size:13px; line-height:1.5em;} .text_list_187228_ span {display:table-cell; padding:5px; font-weight:normal; font-family:NanumGothic; color:#000000; vertical-align:top;} .text_list_187228_ span:before {content:'\e60a'; font-family:"icomoon_contents";} .text_list_187228_ p {display:table-cell; padding:5px; letter-spacing:-1px; font-weight:normal; color:#000000; vertical-align:middle;} .text_list_187228_ span {padding-right:.5em; font-size:1em;} /* ****************** 텍스트 오버레이 이미지 ****************** */ .text_over_img_185985_ {display:inline-block; overflow:hidden; position:relative; width:px; max-width:100%; vertical-align:top;letter-spacing:-2px;} .text_over_img_185985_ * {box-sizing:border-box;} .text_over_img_185985_ a {display:block; text-decoration:none;} .text_over_img_185985_ img {max-width:100%; vertical-align:top;} .text_over_img_185985_ .text_box { left:0; width:100%;} .text_over_img_185985_ .text_box p { margin:0; padding:5px 25px; } .text_over_img_185985_ .subject {font-weight:100; color:#000000;} .text_over_img_185985_ .content {color:#000000;} .text_sml_185985_ .subject {font-size:14px; line-height:1.6em;} .text_sml_185985_ .content {font-size:13px; line-height:1.6em;} .text_mid_185985_ .subject {font-size:16px; line-height:1.4em;} .text_mid_185985_ .content {font-size:14px; line-height:1.6em;} .text_big_185985_ .subject {font-size:20px; line-height:1.4em;} .text_big_185985_ .content {font-size:16px; line-height:1.6em;} .text_top_185985_ .text_box {top:20px; text-align:left;} .text_middle_185985_ .text_box {top:25%;bottom:10%; font-size:0; text-align:center;} .text_middle_185985_ .subject {left:0; bottom:0; width:100%;} .text_middle_185985_ .content {left:0; top:0; width:100%;} .text_bottom_185985_ .text_box {bottom:20px; text-align:right;} @media (min-width:1024px){ .text_over_img_185985_ .text_box {position:absolute; left:0; width:100%;} .text_big_185985_ .subject {font-size:40px; line-height:1.4em;} .text_big_185985_ .content {font-size:20px; line-height:1.6em;} .text_top_185985_ .text_box {top:20px; text-align:left;} .text_middle_185985_ .text_box {top:30%; height:0; font-size:0; text-align:center;} .text_middle_185985_ .subject {position:absolute; left:0; bottom:0; width:100%;} .text_middle_185985_ .content {position:absolute; left:0; top:0; width:100%;} .text_bottom_185985_ .text_box {bottom:20px; text-align:right;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_186217_ {clear:both; min-width:320px; max-width:1600px; margin:0 auto;} .layout_186217_ > div {} .layout_186217_ > div:after {content:''; display:block; clear:both;} .layout_186217_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_186217_ > div > .container_1 {width:66.666666666667%;} .layout_186217_ > div > .container_2 {width:33.333333333333%;} @media (max-width:1023px){ .layout_186217_ > div > .container_1 { width:100%; } .layout_186217_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_186217_ {min-width:1600px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_186221_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 블릿형 리스트 ****************** */ @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_186218_ ul {display:table; margin:0; padding:0; list-style:none;} .text_list_186218_ li {display:table-row; font-size:13px; line-height:1.5em;} .text_list_186218_ span {display:table-cell; padding:5px; font-weight:normal; font-family:NanumGothic; color:#000000; vertical-align:top;} .text_list_186218_ span:before {content:'\e60a'; font-family:"icomoon_contents";} .text_list_186218_ p {display:table-cell; padding:5px; letter-spacing:-1px; font-weight:normal; color:#000000; vertical-align:middle;} .text_list_186218_ span {padding-right:.5em; font-size:1em;} /* ****************** 이미지 (비율형) ****************** */ .img_ratio_186219_ {display:inline-block; overflow:hidden; position:relative; width:100%; max-width:100%; vertical-align:top;} .img_ratio_186219_ * {box-sizing:border-box;} .img_ratio_186219_ a {display:block; text-decoration:none;} .img_ratio_186219_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_186219_ {width:300px;} } @media \0screen{ .img_ratio_186219_ {width:300px;} } /* ****************** 2칸 레이아웃 ****************** */ .layout_187232_ {clear:both; min-width:320px; max-width:1200px; margin:0 auto;} .layout_187232_ > div {} .layout_187232_ > div:after {content:''; display:block; clear:both;} .layout_187232_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} .layout_187232_ > div > .container_1 {width:66.666666666667%;} .layout_187232_ > div > .container_2 {width:33.333333333333%;} @media (max-width:1023px){ .layout_187232_ > div > .container_1 { width:100%; } .layout_187232_ > div > .container_2 { width:100%; } } @media \0screen{ .layout_187232_ {min-width:1200px;} } /* ****************** 이미지 (비율형) ****************** */ .img_ratio_187234_ {display:inline-block; overflow:hidden; position:relative; width:100%; max-width:100%; vertical-align:top;} .img_ratio_187234_ * {box-sizing:border-box;} .img_ratio_187234_ a {display:block; text-decoration:none;} .img_ratio_187234_ img {width:100%; vertical-align:top;} @media (min-width:1024px){ .img_ratio_187234_ {width:300px;} } @media \0screen{ .img_ratio_187234_ {width:300px;} } /* ****************** 타이틀 텍스트 ****************** */ .title_185973_ {font-size:0;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding:0px; font-size:20px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em;text-align:left; } .title_185973_ p:before {content:''; position:absolute; background:#d00000; font-size:0;} .title_185973_.style_top p {padding-top:10px;} .title_185973_.style_top p:before {left:0; top:0; width:40px; height:4px;} .title_185973_.style_right p {padding-right:14px;} .title_185973_.style_right p:before {right:0; top:8px; width:4px; height:40px;} .title_185973_.style_bottom p {padding-bottom:12px;} .title_185973_.style_bottom p:before {left:0; bottom:0; width:40px; height:4px;} .title_185973_.style_left p {padding-left:14px;} .title_185973_.style_left p:before {left:0; top:8px; width:4px; height:40px;} .title_185973_.style_circle1 p {padding-left:20px;} .title_185973_.style_circle1 p:before { left:0; top:22px; width:12px; height:12px; border-radius:12px; } .title_185973_.style_circle2 p {padding-left:20px;} .title_185973_.style_circle2 p:before { left:0; top:22px; width:12px; height:12px; border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box; } @media (min-width:1024px) { .title_185973_ {padding-top:30px;} .title_185973_ p { display:inline-block; position:relative; margin:0; padding-top:0px; font-size:40px; letter-spacing:-1px; font-weight:normal; color:#000000; line-height:1.4em; } } /* ****************** 장문 텍스트 ****************** */ .textarea_187235_ p { display:block; margin:0; padding:0; font-size:16px; letter-spacing:0px; font-weight:normal; color:#000000; line-height:1.6em; } /* ****************** 블릿형 리스트 ****************** */ @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_187236_ ul {display:table; margin:0; padding:0; list-style:none;} .text_list_187236_ li {display:table-row; font-size:13px; line-height:1.5em;} .text_list_187236_ span {display:table-cell; padding:5px; font-weight:normal; font-family:NanumGothic; color:#000000; vertical-align:top;} .text_list_187236_ span:before {content:'\e60a'; font-family:"icomoon_contents";} .text_list_187236_ p {display:table-cell; padding:5px; letter-spacing:-1px; font-weight:normal; color:#000000; vertical-align:middle;} .text_list_187236_ span {padding-right:.5em; font-size:1em;} /* ****************** 이미지 리스트 (웹진형) ****************** */ .img_webzine_186223_:after {content:''; display:block; clear:both;} .img_webzine_186223_ * {box-sizing:border-box;} .img_webzine_186223_ .item {float:left; position:relative; width:100%; padding:5px;} .img_webzine_186223_ .item:after {content:''; display:block; clear:both;} .img_webzine_186223_ .item a {display:block; text-decoration:none;} .img_webzine_186223_ figure {display:block; float:left; width:80px; margin:0; margin-right:10px; padding:0;} .img_webzine_186223_ figure img {width:100%; vertical-align:top;} .img_webzine_186223_ .text_box {padding:5px;} .img_webzine_186223_ .text_box p {margin:0; padding:5px;} .img_webzine_186223_ .subject {font-weight:bold; color:#000000;padding-top:50px;} .img_webzine_186223_ .content {color:#444;} .text_sml_186223_ .subject {font-size:14px; line-height:1.6em;} .text_sml_186223_ .content {font-size:13px; line-height:1.6em;} .text_mid_186223_ .subject {font-size:16px; line-height:1.4em;} .text_mid_186223_ .content {font-size:14px; line-height:1.6em;} .text_big_186223_ .subject {font-size:18px; line-height:1.4em;} .text_big_186223_ .content {font-size:15px; line-height:1.6em;} .col_m_1_186223_ .item {width:100%;} .col_m_2_186223_ .item {width:50%;} .col_m_3_186223_ .item {width:33.3333%;} .col_m_1_186223_ .item, .col_m_2_186223_ .item2n, .col_m_3_186223_ .item3n {clear:both;} @media (min-width:1024px){ .col_m_1_186223_ .item, .col_m_2_186223_ .item2n, .col_m_3_186223_ .item3n {clear:none;} .col_pc_1_186223_ .item {width:100%;} .col_pc_2_186223_ .item {width:50%;} .col_pc_3_186223_ .item {width:33.3333%;} .col_pc_4_186223_ .item {width:25%;} .col_pc_5_186223_ .item {width:20%;} .col_pc_6_186223_ .item {width:16.6666%;} .col_pc_1_186223_ .item, .col_pc_2_186223_ .item2n, .col_pc_3_186223_ .item3n, .col_pc_4_186223_ .item4n, .col_pc_5_186223_ .item5n, .col_pc_6_186223_ .item6n {clear:both;} } @media \0screen{ .col_m_1_186223_ .item, .col_m_2_186223_ .item2n, .col_m_3_186223_ .item3n {clear:none;} .col_pc_1_186223_ .item {width:100%;} .col_pc_2_186223_ .item {width:50%;} .col_pc_3_186223_ .item {width:33.3333%;} .col_pc_4_186223_ .item {width:25%;} .col_pc_5_186223_ .item {width:20%;} .col_pc_6_186223_ .item {width:16.6666%;} .col_pc_1_186223_ .item, .col_pc_2_186223_ .item2n, .col_pc_3_186223_ .item3n, .col_pc_4_186223_ .item4n, .col_pc_5_186223_ .item5n, .col_pc_6_186223_ .item6n {clear:both;} } /* ****************** 공백 ****************** */ .empty_line_183101_ {display:block; width:100%; height:30px; line-height:30px;} [id^=div_user_list] .empty_line_183101_ {border:1px dotted #f00;} [id^=div_user_list] .empty_line_183101_:before {content:'공백 : 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;} /* ****************** 1칸 레이아웃 ****************** */ .layout_184638_ {clear:both; min-width:320px; max-width:1000px; margin:0 auto;} .layout_184638_ > div:after {content:''; display:block; clear:both;} .layout_184638_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;} @media \0screen{ .layout_184638_ {min-width:1000px;} } /* ****************** 블릿형 리스트 ****************** */ @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_184635_ ul {display:table; margin:0; padding:10px 10px; list-style:none;} .text_list_184635_ li {display:table-row; font-size:13px; line-height:1.5em;} .text_list_184635_ span {display:table-cell; padding:5px; font-weight:normal; font-family:NanumGothic; color:#000000; vertical-align:top;} .text_list_184635_ span:before {content:'\e60b'; font-family:"icomoon_contents";} .text_list_184635_ p {display:table-cell; padding:5px; letter-spacing:-1px; font-weight:normal; color:#000000; vertical-align:middle;} .text_list_184635_ span {padding-right:.5em; font-size:1em;}