@charset "utf-8"; /* Author: Kim-jintae Contact: vuenos@gmail.com Version: 1.0 */ @import url('style.css'); /** Default Style Definition **/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} /* body {font-family:"돋움", Dotum, Arial,"애플고딕",AppleGothic,sans-serif; line-height: 1; font-size:12px; color:#757575;} */ /* 폰트 변경 2015-09-10 body {font-family:"맑은 고딕", Malgun Gothic, Arial,"애플고딕",AppleGothic,sans-serif; line-height: 1; font-size:12px; color:#757575;} */ /* 폰트 변경 2018-11-27*/ body { height: 100%; font-size: 14px; line-height: 1.3; font-family: 'Nanum Gothic',sans-serif, Dotum,'돋움'; background: #fff; color: #555; } ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* a:focus, a:focus img {outline: 1px dotted #bbb;} */ a:focus, a:focus img {outline: none;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} table th, table td {word-break:break-all; word-wrap:break-word} a img {border:0 none;} a:link {color: #555; text-decoration: none;} a:visited {color: #555; text-decoration: none;} a:hover, a:active {text-decoration: none;} /* button {overflow:visible; background:none; padding:0 0 0 0; margin:0; border:0; cursor:pointer; font-family:"돋움", Dotum, Arial,"애플고딕",AppleGothic,sans-serif} */ /* 전체 폰트 변경 2015-09-10 */ button {overflow:visible; background:none; padding:0 0 0 0; margin:0; border:0; cursor:pointer; font-family:"맑은 고딕", Malgun Gothic, Arial,"애플고딕",AppleGothic,sans-serif} button::-moz-focus-inner {border:0; padding:0;} /*개선수정0127*/ caption {overflow:hidden; visibility:hidden; width:0; height:0; text-indent:-9999em; line-height:0; font-size:0} iframe {margin:0; padding:0} /*쇼핑 배경*/ .bg_sh {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shoping_wrap.gif') repeat} .bg_sh #wrap {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shoping_header.gif') repeat-x 0 0} /******** Layout ********/ #wrap {width:100%;} /** Layout - Main Page **/ #main-header {width:100%; min-width:980px; height:75px; border-bottom:1px solid #cdced1; background:#ffffff;} #main-header .header-section {position:relative; min-width:980px; margin:0 auto; height:76px; z-index:10; *zoom:1} #main-header .header-section:after {content:''; display:block; clear:both} #main-header .header-section h1 {position:absolute; top:14px; left:0;} #main-header .header-section h3 {position:absolute; top:14px; left:1010px;} #main-header .header-section .util{clear: both; float:right; padding-top:39px;} #main-header .header-section .util li {display:inline; font-size: 11px; padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-vline1.gif') no-repeat 3px 2px;} #main-header .header-section .util li:first-child {background:none} #main-header .header-section a.event-go {position:absolute; top:0; right:0; z-index:2}/* 개선수정 0311 */ .event_btn {z-index:4} #visualBanner ul {overflow:hidden;position:relative;top:0;left:0;width:980px;height:784px} #visualBanner li {position:absolute;top:0;left:0;width:980px;height:784px;} #main-container {position:relative; width:100%; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-wrap2.gif') repeat left top #fbfcfc; z-index:1} #main-contents {position:relative; max-width:550px; height:614px; margin:0 auto; z-index:10; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-wrap2.gif') repeat left top #fbfcfc;}/* 1016 수정 */ .navigation-section {position:absolute; top:441px; right:0; width:251px; z-index:10; height:65px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-main-navisection.png') repeat-x left bottom;} .news-section {position:absolute; top:540px; left:10px; z-index:90001; width:345px; *zoom:1}/*개선수정0203 1016 수정*/ .news-section:after {content:''; display:block; clear:both}/*개선수정0203*/ .news-section h3 {float:left}/*개선수정0203*/ .news-section ul.news-list {float: right; width:275px;} .news-section ul.news-list li {position:relative; clear:both; line-height: 1.4em; font-size:11px;} /* 0411 수정 */ .news-section ul.news-list li a {float:left; padding:0 0 0 8px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-dot1.gif') no-repeat left 5px;} .news-section ul.news-list li span {position:absolute; right:0; top:0;} /* 0411 추가 */ .brandsite-section {position:absolute; top:534px; left:400px; z-index:90001; width:630px; *zoom:1; margin-top: 8px; } .brandsite-section:after {display:block; clear:both} .brandsite-section table {width:100%} .brandsite-section table tr td {vertical-align: middle;width:7%;} .brandsite-section table tr td.txt {width: 11%;line-height: 15px;} #container.sub-page { width:100%;} #container.sub-page:after {content: ".";display: block;visibility: hidden;height: 0px;clear: both;} /*zerobell media 제거*/ /*#container.sub-page #sub-navigation {float:left; margin-right:40px}*/ /*개선수정 0206*/ #container.sub-page #sub-navigation {float:left; width: 223px;} /*개선수정 0206*/ #container.sub-page #contents {float:left; width: 725px; margin-left: 40px;} /*개선수정 0206*/ #container.sub-page #contents .breadcrumb {text-align:left;} /* .gulim{ font-family: Gulim, '굴림', Arial,'애플고딕',AppleGothic,sans-serif; } /* 전체 폰트 변경 2015-09-10 */ .malgunGothic{ font-family:"맑은 고딕", Malgun Gothic, Arial,"애플고딕",AppleGothic,sans-serif; } #main-footer {clear:both; width:100%; border-top:1px solid #cdced1; padding-top:13px; padding-bottom: 15px; background:#fefefe;} #main-footer .footer-section {width:980px; margin:0 auto; *zoom:1} #main-footer .footer-section:after {content:''; display:block; clear:both} #main-footer .footer-section .foot-logo {float:left;} #main-footer .footer-section div {float:left; padding:5px 0 0 15px;} #main-footer .footer-section div .copy {margin-top:2px;} .newskin-infomation {position:relative; width:980px; height:614px; margin: 0 auto;} .event-section, .people-section, .product-section, .culture-section, .oppotunity-section {display:none;width:980px; height:614px} /*개선수정0203*/ /* 전체 폰트 수정 2015-09-10 */ .category-font {font-size: 14px;} .feature-gallery {position:relative; z-index:0; height:446px;} .feature-gallery .article {position:absolute; top:108px; left:38px;} .feature-gallery .article h2 {margin-left:2px;} .feature-gallery .article .para {margin-top:15px;} .feature-gallery ul.sub-link {position:absolute; top:0; z-index:9999; width: 128px; }/*개선수정0124*/ .feature-gallery ul.sub-link li {line-height:100%; margin-top:7px; padding-left:12px; color:#555555; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bul-dot1.gif') no-repeat left 2px;} .feature-gallery ul.sub-link li:first-child {margin-top:0} .people-section .feature-gallery ul.sub-link {top:238px; left:40px} .product-section .feature-gallery ul.sub-link {top:231px; left:40px} .culture-section .feature-gallery ul.sub-link {top:238px; left:40px} .oppotunity-section .feature-gallery ul.sub-link {top:238px; left:40px} .shopping-section .feature-gallery ul.sub-link {top:231px; left:40px} /*[172] added by jongho : 하위메뉴 텍스트 굴림으로 변경*/ .feature-gallery span {font-family:'맑은 고딕', Malgun Gothic; font-weight:bold;} /* .feature-gallery span {font-family:'굴림',Gulim; font-weight:bold;} 전체 폰트 변경 */ .mini-target {display: block; position: absolute; z-index: 100; top: 78px; left: 37px; width: 11px; height: 10px; cursor: pointer; background: url('https://resource2018.nuskinkorea.co.kr/images/bg-mini-target.gif') no-repeat left top;} .active-slide .mini-target {background: url('https://resource2018.nuskinkorea.co.kr/images/bg-mini-target-on.gif') no-repeat left top;} .feature2 .mini-target {margin-left:15px;} .feature3 .mini-target {margin-left:32px;} * + html .feature-gallery li p {display:none;} * + html .feature-gallery li.active-slide p {display:block;} /* Main Page Navigation */ ul.pagination {position:absolute; top:442px; width:950px; margin-left:0; padding-left:30px; z-index:9000; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-main-navisection.png') repeat-x left bottom;}/*개선수정 0311*/ ul.pagination li {float:left;} ul.pagination li a {display:block; width:162px; height:64px; text-indent:-9999px;} ul.pagination li a.event-link {display: inline; width:0; height:0; text-indent:-9999px; font-size:0; background:none;} ul.pagination li.current_on a.event-link {display: inline; width:0; height:0; text-indent:-9999px; font-size:0; background:none;} ul.pagination li a.people-link {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-people.png') no-repeat 42px 28px;} ul.pagination li a.people-link-retina {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-people@2x.png') no-repeat 42px 28px;background-size:68px 16px; } ul.pagination li.current_on a.people-link {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-people-on.png') no-repeat left top;} ul.pagination li.current_on a.people-link-retina {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-people-on@2x.png') no-repeat left top;background-size:162px 64px; } ul.pagination li a.product-link {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-product.png') no-repeat 42px 28px;} ul.pagination li a.product-link-retina {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-product@2x.png') no-repeat 42px 28px;background-size:90px 16px;} ul.pagination li.current_on a.product-link {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-product-on.png') no-repeat left top;} ul.pagination li.current_on a.product-link-retina {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-product-on@2x.png') no-repeat left top;background-size:162px 64px; } ul.pagination li a.culture-link {margin-left:15px; background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-culture.png') no-repeat 42px 28px;} ul.pagination li a.culture-link-retina {margin-left:15px; background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-culture@2x.png') no-repeat 42px 28px;;background-size:81px 16px;} ul.pagination li.current_on a.culture-link {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-culture-on.png') no-repeat left top;} ul.pagination li.current_on a.culture-link-retina {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-culture-on@2x.png') no-repeat left top;background-size:162px 64px; } ul.pagination li a.opportunity-link {margin-left:35px; background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-oppor.png') no-repeat 7px 28px;} ul.pagination li a.opportunity-link-retina {margin-left:35px; background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-oppor@2x.png') no-repeat 7px 28px;background-size:131px 16px;} ul.pagination li.current_on a.opportunity-link {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-oppor-on.png') no-repeat left top;} ul.pagination li.current_on a.opportunity-link-retina {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-oppor-on@2x.png') no-repeat left top;background-size:162px 64px; } ul.pagination li a.shopping-link {margin-left:35px; background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-shopping.png') no-repeat 7px 28px;} ul.pagination li a.shopping-link-retina {margin-left:35px; background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-shopping@2x.png') no-repeat 7px 28px;background-size:94px 16px;} ul.pagination li.current_on a.shopping-link {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-shopping-on.png') no-repeat left top;} ul.pagination li.current_on a.shopping-link-retina {background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-shopping-on@2x.png') no-repeat left top;background-size:162px 64px;} .navigation-section ul {margin:0 auto;} .navigation-section ul li {float:right; margin-right:50px;} .navigation-section ul li a.shopping-link {display:block; width:162px; height:64px; text-indent:-9999px; background:url('https://resource2018.nuskinkorea.co.kr/images/navi-main-shopping.png') no-repeat 36px 28px;} /* Sub-Navigation */ #container.sub-page #sub-navigation h2 {padding:8px 0 13px 13px;} ul.subnavigation {border-top:3px solid #47abd7;} /* ul.subnavigation > li {border-bottom:1px solid #e5e5e5; padding:10px 0 7px 0; font-size:14px; font-weight: bold;} */ /* 전체 폰트 변경 2015-09-10 왼쪽 메뉴 큰 list*/ ul.subnavigation > li {border-bottom:1px solid #e5e5e5; padding:10px 0 7px 0; font-size:14px; font-weight: bold; font-size: 15px;} ul.subnavigation > li > a {display:block; padding-left:25px; color:#aaaaaa; line-height:18px; background:url('https://resource2018.nuskinkorea.co.kr/images/people/bg-subnavi-list.gif') no-repeat 14px 6px;} ul.subnavigation > li.active {background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-subnavi-on.gif') no-repeat 200px 16px;} ul.subnavigation > li.active > a {padding:0 23px 0 25px; color:#20a4de; background:url('https://resource2018.nuskinkorea.co.kr/images/people/bg-subnavi-list-on.gif') no-repeat 14px 6px;}/*개선수정 0211*/ ul.subnavigation > li.active > ul > li.active a {color:#ff8a00;} ul.subnavigation > li > ul {display: none; border-top:1px solid #e5e5e5; margin-top:7px; font-size:12px; font-weight: normal; -webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;transition:all 2s;} ul.subnavigation > li.active > ul {display: block;} ul.subnavigation > li:hover > ul {display: block;} /* ul.subnavigation > li > ul > li {padding-top:8px; margin-left:25px;} */ /* 전체 폰트 변경 2015-09-10 왼쪽 메뉴 작은 list*/ ul.subnavigation > li > ul > li {padding-top:8px; margin-left:25px; font-size: 14px;} ul.subnavigation > li > ul > li > a {display:block; padding-left:12px; line-height:16px; background:url('https://resource2018.nuskinkorea.co.kr/images/people/bg-subnavi-dash1.gif') no-repeat left 6px;} /* Biz Calendar */ .bizCalendar {position:absolute; top:0; left:0; z-index:5; width:980px; height:0; *zoom:1}/*개선수정 0311*/ .bizCalendar:after {content:""; display:block; clear:both}/*개선수정 0311*/ .bizCalendar .calendar-section {overflow:hidden; width:978px; height:436px; padding-top:33px; border:1px solid #c3c3c3; background: #fff;*zoom:1}/*1024 수정 */ .bizCalendar .calendar-section:after {content:""; display:block; clear:both} .bizCalendar .calendar-section .prev-month {float:left; width:325px; height:370px;} .bizCalendar .calendar-section .current-month {float:left; width:327px; height:370px;} .bizCalendar .calendar-section .next-month {float:right; width:325px; height:370px;} .bizCalendar ul.biz_button {width:100px; float:right; margin-right:91px}/*개선수정 0311*/ .bizCalendar ul.biz_button:after {content:""; display:block; clear:both} .bizCalendar ul li.open-button {width:100px; float:right}/*개선수정 0120*/ .bizCalendar ul li.open-button a {display:inline-block;} .bizCalendar .calendar-section h2 {position:static; padding:0 0 25px 44px} .bizCalendar .calendar-section strong {display:inline-block; margin-left:45px; font-size:24px; font-weight: normal; color:#898989;} .bizCalendar .calendar-section .current-month h2 {color:#ff6000;} .bizCalendar .calendar-section ul.schedule {height:420px; margin:12px 40px 0 40px;} .bizCalendar .calendar-section ul.schedule li {padding:9px 0 8px 17px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-dot2.gif') no-repeat 6px 12px} .bizCalendar .calendar-section ul.schedule li .date {padding-left:10px; padding-right:25px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-dot2.gif') no-repeat left 4px;} .bizCalendar .calendar-section .prev-month .month-link {text-align: right; padding:8px 20px 0 0;} .bizCalendar .calendar-section .prev-month .month-link a {padding-left:12px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-prev-arrow.gif') no-repeat left 2px;} .bizCalendar .calendar-section .next-month .month-link {text-align: left; padding:8px 0 0 20px;} .bizCalendar .calendar-section .next-month .month-link a {padding-right:12px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-next-arrow.gif') no-repeat right 2px;} .month-1 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month1.gif') no-repeat right 148px;} .month-2 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month2.gif') no-repeat right 148px;} .month-3 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month3.gif') no-repeat right 148px;} .month-4 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month4.gif') no-repeat right 148px;} .month-5 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month5.gif') no-repeat right 148px;} .month-6 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month6.gif') no-repeat right 148px;} .month-7 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month7.gif') no-repeat right 148px;} .month-8 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month8.gif') no-repeat right 148px;} .month-9 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month9.gif') no-repeat right 148px;} .month-10 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month10.gif') no-repeat right 148px;} .month-11 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month11.gif') no-repeat right 148px;} .month-12 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month12.gif') no-repeat right 148px;} /* 전체메뉴 */ .all-menu {position:absolute; top:0; left:50%; z-index:9999; width:980px; height:0; margin-left:-490px;} .all-menu ul.menu-list {overflow:hidden; width:978px; height:auto; padding-top:30px; border:1px solid #c3c3c3; border-top:1px solid #f4f4f4; font-size:11px; background:#fff;}/*개선수정0124*/ .all-menu ul.menu-list li.depth1 {float:left; width:16%; margin-left:4%;} .all-menu ul.menu-list li ul {margin-top:17px; margin-left: 0;} .all-menu ul.menu-list li ul li {margin-bottom:17px; line-height:1.2em; letter-spacing: -1px;} .all-menu ul.menu-list li ul li a b {padding-left:8px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-dot2.gif') no-repeat left 2px;} .all-menu ul.menu-list li ul li ul {margin-top:3px; margin-left: 8px;} .all-menu ul.menu-list li ul li ul li {margin-bottom:0;} .all-menu ul li.open-button {position:relative; z-index: 9999; width:90px; float:right;} .all-menu ul li.open-button img {cursor:pointer;} .goods-photo {float: left; width: auto; height: 395px; } .goods-photo .photo-area {position:relative; width: 403px; height: 326px; text-align: center; padding: 10px 15px;} .goods-photo .photo-area img {width: auto; height: 326px; max-width: 413px;} .goods-photo .photo-area .sold_out { position: absolute; top: 131px; width: 80%; left: 42px; z-index: 98; background-color: grey; text-align: center; font-size: 39px; font-weight: bold; height: 88px; opacity: 0.5; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; color: white; line-height: 84px; border-radius: 8px; border: white 2px solid;} .goods-detail {width:100%; margin-top:26px; *zoom:1; background:url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_product_detail_2.png') no-repeat 0 0}/*0110 개선작업 */ .goods-detail:after {content:''; display:block; clear:both} .goods-info {position:relative; float:left; width: 499px; margin: 17px 0 0 10px; padding-left: 24px;} .goods-title {overflow:hidden; padding: 5px 0 12px 0; line-height: 1.2em;} .goods-title h2 {float:left; margin-left:10px; text-align:left; font-size:18px; line-height: 1.3em; color:#1496d0;} .goods-title h2 span {font-size:14px;} .goods-info ul.sns-share li a.facebook {position: absolute; right: 33px; top: 40px; z-index: 1;} .goods-info ul.sns-share li a.twitter {position: absolute; right: -6px; top: 40px;} .goods-description {border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:12px 79px 12px 0 } .goods-description h3 {font-size:14px;} .goods-description p {overflow: hidden; width: 407px; height: 38px; margin-left:13px; line-height: 1.5em; word-break: break-word} .payment-option {float:left; padding-top: 9px; margin-bottom: 9px; margin-left: 15px;} .payment-option .option-list {float:left; width:246px;} .payment-option .option-list li {padding: 0 0 0 11px; background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-gray-dott2.gif') no-repeat left center; line-height:21px;} .payment-option .option-list li strong {font-weight:normal} .payment-option .option-list li .price {color:#ff7200; font-weight:bold} .payment-option .option-list li .pv {color:#a4a4a4; font-weight:bold} .payment-option .option-list li .number {color:#a4a4a4; font-weight:bold} .card-info {float:left; } .card-info p {font-size:11px; line-height: 18px; padding: 10px 0 0 0} .card-info p > span {padding:0 0 0 10px} .card-txt {position:relative;} .card-txt > a {display:block; width:126px; padding:5px 0 6px; text-indent:12px; border:1px solid #e8e8e9; background:#fff url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_select02.png') no-repeat 107px 2px; border-radius:4px; font-size:13px; font-weight:bold;} .card-txt ul {z-index:1; position:absolute; top:26px; left:0; width:116px; padding:3px 5px; border-left:1px solid #e8e8e9; border-right:1px solid #e8e8e9; border-bottom:1px solid #e8e8e9; background:#fff} .card-txt li a {display:block; width:auto; padding:4px 0 6px} .card_list {margin-top:5px} .card_list li {margin-left:3px} .card_list li a {padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/shopping/card_off.gif') no-repeat left center} .card_list li a:hover {background:url('https://resource2018.nuskinkorea.co.kr/images/shopping/card_on.gif') no-repeat left center} .payment_button {clear:both; *zoom:1} .payment_button:after {content:''; display:block; clear:both} .payment_button * {vertical-align:top;} .payment_amount {float:left; margin-left:18px} .payment_amount input[type="text"] {width:43px; height:26px; padding:0 6px; margin:0 3px 0 0; font-weight:bold; border-radius:2px; text-align:center;} .payment_amount .prev-page {margin-right:1px} .payment_golist .cart {margin-left:3px} .payment_golist {float:right;} .buy_list {width:987px; height:207px; margin-top:20px; background:url('https://resource2018.nuskinkorea.co.kr/images/shopping/product_detail_list.png') no-repeat 0 0} .buy_list h2 {width:952px; height:22px; padding:10px 0 0 35px; color:#fff; background:url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg-h2type01.png') no-repeat 19px 11px} .buy_list .thumbRoll {position:relative; height:155px; padding:12px 20px 10px; background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_ground.gif') no-repeat 21px 110px} .buy_list .thumbRoll > div {overflow:hidden; width:920px; margin:0 auto} .buy_list .btn_prev {position:absolute; left:11px; top:39px; padding:10px} .buy_list .btn_next {position:absolute; right:11px; top:39px; padding:10px} ul.product-list1 {width:3000em; height:145px; margin:0 auto; *zoom:1} ul.product-list1:after {content:''; display:block; clear:both} ul.product-list1 li {float:left; width:135px; height:145px; margin-right:22px;} ul.product-list1 li a {display:block; text-align:center; } ul.product-list1 li a img {width:auto; max-width:133px; height:88px} ul.product-list1 li p {margin-top:22px; line-height:1.5em;} /* Founder */ ul.founder-list {overflow:hidden; margin-top:25px;} ul.founder-list li {float:left; margin-left:24px; line-height: 1.8em;} ul.founder-list li:first-child {margin-left: 0;} ul.founder-list li img {width:170px; height:255px} ul.founder-list li p {width:220px; margin-top: 10px; color:#757575;} ul.founder-list li p b {line-height: 1.4em;} ul.manager-list {overflow:hidden; width:730px; margin-left:-22px; margin-top:25px;} ul.manager-list li {float:left; width: 220px; height:385px; margin-left:22px;} ul.manager-list li:first-child{margin-left: 145px;} ul.manager-list li img {width:170px; height:255px} ul.manager-list li p {width:220px; margin-top: 10px; color:#757575; line-height:1.8em;} ul.manager-list li p b {line-height:1.4em;} h3.h3-type1 {margin:25px 0 12px 0; padding:0; border-bottom:0}/*개선추가0113*/ h3.h3-type2 {margin:40px 0 12px 0; padding:0; border-bottom:0}/*개선추가0113*/ h3.h3-type3 {margin:25px 0 12px 0; padding:23px 0 0 0; border-top:1px solid #ededed; border-bottom:0}/*개선추가0113*/ h3.h3-type4 {margin:30px 0 10px 0; padding:0; border-bottom:0}/*개선추가0113*/ h3.h3-type5 {margin-top:10px; font-weight:bold; color:#47abd7; border:0; padding:0;}/*개선추가0122*/ h3.h3-type6 {margin:45px 0 13px 0; text-align:right; font-weight: normal; *zoom:1}/*개선추가 0122*/ h3.h3-type6:after {content:''; display:block; clear:both}/*개선추가 0122*/ h3.h3-type6 span.title {float:left; padding-top:4px; padding-left:12px; color:#757575; text-align: left; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_orage_dott.gif') no-repeat left 10px;}/*개선추가 0122*/ h3.h3-type6 img {vertical-align: middle;}/*개선추가 0122*/ h3.h3-type7 {overflow: hidden; margin:35px 0 13px 0; padding:0; border:0;}/*개선추가 0122*/ h3.h3-type7 span.title {padding-top:4px; padding-left:12px; color:#757575; text-align: left; font-weight: bold; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_blue_dott.gif') no-repeat left 8px;}/*개선추가 0122*/ .content-box h3.h3-type8 {margin:29px 0 16px 0; padding:0; border-bottom:0} h3.h3-type9 {margin:25px 0 30px 0; padding:30px 0 0 0; border-top:1px solid #ededed; border-bottom:0}/*개선추가0113*/ h3.h3-type10 {margin:25px 0 25px 0; padding:0; border-bottom:0}/*개선추가0113*/ h4.h4-type1 {margin-top:40px;} h4.h4-type2 {margin-top:25px; /*margin-left:-15px;*/ border-top:1px solid #ededed; padding-top:23px; /*padding-left:15px;*/} h4.h4-type3 {margin:22px 0 13px 0;} h4.h4-type4 {margin:45px 0 13px 0; padding-left:12px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle1.gif') no-repeat left 6px;}/*개선수정0204*/ h4.h4-type5 {overflow: hidden; height:19px; margin:45px 0 10px 0; text-align:right; } h4.h4-type5 span {float:left; padding-top:4px; padding-left:12px; color:#757575; font-weight: bold; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle1.gif') no-repeat left 10px;}/*개선수정0204*/ h4.h4-type6 {margin-top:30px;} h4.h4-type7 {margin-top:20px;} h4.h4-type8 {margin:35px 0 0 0;} h4.h4-type9 {margin:10px 0 0 0;} h4.h4-type10 {margin:30px 0 10px 0;} h4.h4-type11 {overflow: hidden; margin-top:5px; text-align:left; } h4.h4-type11 .title {float:left; padding-top:4px; padding-left:12px; color:#757575; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle1.gif') no-repeat left 10px;}/*개선수정0204*/ h4.h4-type11 span {float:left; padding-top:4px;color:#757575; font-weight: normal;}/*개선수정0204*/ h4.h4-type11 {overflow:hidden; margin:15px 0 15px 0; text-align:right} h4.h4-type11 span {float:left;} h4.h4-type12 {overflow:hidden; margin:25px 0 12px 0; font-size:11px; color:#999; text-align:right;} h4.h4-type12 span {float:left;} h4.h4-type12 a {color:#fc2422; text-decoration:underline;} h4.h4-type13 {overflow: hidden; margin:45px 0 13px 0; text-align:right; font-weight: normal;} h4.h4-type13 span.title {float:left; padding-top:4px; padding-left:12px; color:#757575; text-align: left; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_orage_dott.gif') no-repeat left 8px;} h4.h4-type13 img {vertical-align: middle;} .span-type1 {padding-left: 147px;}/*개선수정0122*/ h4.h4-type14 {overflow: hidden; margin:35px 0 13px 0;} h4.h4-type14 span.title {padding-top:4px; padding-left:12px; color:#757575; text-align: left; font-weight: bold; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_blue_dott.gif') no-repeat left 8px;} h4.h4-type15 {font-weight: normal; color:#a4a4a4;} h4.h4-type16 {font-weight:bold; color:#47abd7} h4.h4-type17 {margin:10px 0 5px; font-weight:bold; color:#47abd7;}/*개선추가0121*/ .tit_intxt > img {margin-top:0 !important; vertical-align:middle !important} /*개선추가0127*/ .tit_intxt > span {vertical-align:middle !important} /*개선추가0127*/ h5.h5-type1 {font-weight:bold; color:#47abd7;} h5.h5-type2 {margin-top:10px; font-weight:bold; color:#47abd7;} h5.h5-type3 {margin-top:25px; padding-left:10px; font-weight:bold; color:#757575; background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul-arrow2.gif') no-repeat left 4px} h5.h5-type3 img {vertical-align: middle;} ul.dot-list1 {margin:0;} ul.dot-list1 li {margin-top:13px; padding-left:8px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-dot3.gif') no-repeat left 6px;} ul.dot-list2 {margin-bottom:30px; margin-top:24px;} ul.dot-list2 li {padding-left:8px; margin-bottom:8px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-dot3.gif') no-repeat left 8px; line-height:18px}/*개선수정 0211*/ ul.dot-list3 {padding-top:10px;} ul.dot-list3 li {margin-top:10px; padding-left:10px; line-height: 1.4em; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle2.gif') no-repeat left 5px;}/*개선수정0121*/ ul.dot-list4 {margin:0;} ul.dot-list4 > li {margin-top:10px; padding-left:10px; letter-spacing: -1px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle2.gif') no-repeat left 6px;}/*개선수정0210*/ ul.dot-list4 li b {color:#ff8a00;} ul.dot-list4 li .option {padding:5px 0 5px 0; line-height: 1.5em;} ul.dot-list4 li .option p {margin-bottom:5px;} /* 회원가입 부가정보 수정작업 0304*/ ul.dot-list4 li ul {margin:5px 0 10px; *zoom:1} ul.dot-list4 li ul:after {content:""; display:block; clear:both} ul.dot-list4 li li {float:left; line-height:22px; width:100%} ul.dot-list4 li .list2 li {width:7%} ul.dot-list4 li .list2_02 li {width:50%} ul.dot-list4 li .list3 li {width:25.3%} ul.dot-list4 li .list3_02 li {width:28%} ul.dot-list4 li .list3_02 li.list_in {width:56%} ul.dot-list4 li .list3_02 li.list_in02 {width:20%} ul.dot-list4 li .list3_02 li.list_in03 {width:100%} ul.dot-list4 li .list4 li {width:21%} ul.dot-list4 li .list5 li {width:10%} ul.dot-list4 li .list5_02 li {width:20%} ul.dot-list4 li .list6 li {width:13%} ul.dot-list4 li .list7 li {width:14%} ul.dot-list5 {margin:25px 0 0 172px;} ul.dot-list5 li {margin-bottom:3px; padding-left:10px; letter-spacing: -1px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle2.gif') no-repeat left 5px;} ul.dot-list6 {margin:0;} ul.dot-list6 li {margin-bottom:4px; padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle2.gif') no-repeat left 6px;} ul.dot-list7 li { font-size: 15px;color: #231f20;line-height: 28px; text-align: left;position:relative;padding-left: 10px;} ul.dot-list7 li:before { position: absolute; left: 0; top: 10px; content: ""; display: inline-block; width: 4px; height: 4px; background-color: #aaa; border-radius: 4px; } ul.dot-list8 {margin-top:10px;} ul.dot-list8 li {margin-bottom:4px; padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle3.gif') no-repeat left 5px;}/*개선수정0122*/ .dot-list9 li {margin-top:3px; padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle5.gif') no-repeat 0 6px}/*개선추가 0212*/ .dot-list9 li:first-child {margin-top:0}/*개선추가 0212*/ .dot-list9 li strong {color:#21a0d5}/*개선추가 0212*/ .dot-list10 li {margin-top:3px; padding-left:10px; line-height:22px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-star.gif') no-repeat 2px 8px}/*개선추가 0212*/ .dot-list10 li:first-child {margin-top:0}/*개선추가 0212*/ ul.dot-list11 {margin:35px 0 13px 0; *zoom:1} ul.dot-list11:after {content:""; display:block; clear:both} ul.dot-list11 li {float:left; font-weight:bold; margin-left:3px} ul.dot-list11 li:first-child {margin-left:0; padding-left:11px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_blue_dott.gif') no-repeat 2px 6px} p.dot-list11 {margin:35px 0 13px 0; padding-left:11px; font-weight:bold; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_blue_dott.gif') no-repeat 2px 6px} .para-desc1 {color:#4d4d4d;} .para-desc2 {margin-top:5px; color:#ff4242; font-size:11px;} .para-desc3 {margin-top:5px; font-size:11px;} .para-desc4 {margin-top:5px; color:#8f8f8f;} .para-desc5 {margin-top:7px; text-align:right; color:#ff8a00;} .para-desc6 {text-align:right; color:#fe8a01 !important; font-weight:normal !important}/*개선추가0121*/ .para-type1 {margin-top:25px;} .para-type2 {padding:5px 0 0 15px;} .para-type3 {margin-top:23px; color:#4e4e4e;} .para-type4 {margin-top:15px; line-height: 1.5em;} .para-type5 {margin-top:20px; line-height: 1.5em; color:#ff8a00;} .para-type6 {margin-top:10px; line-height: 2.5em; text-align: center; color:#59a8d1;} .para-type7 {margin-top:15px; font-weight: bold;} .para-type7 img {vertical-align: middle;} .para-type8 {margin:10px 0 15px 0;} .para-type9 {margin-top:10px;} .para-type10 {margin-top:15px; font-size:11px; color:#aaa;} .para-type11 {margin-top:30px; text-align:center;} .para-type12 {margin-top:5px; text-align:center;} .para-title1 {padding-bottom:4px; color:#757575;}/*개선추가0117*/ .para-type13 {margin-top:10px}/*개선추가0117*/ .para-type14 {margin-bottom:10px}/*개선추가0117*/ .para-title1 {padding-bottom:4px; color:#757575;} dl.dl-type1 {margin:0;} dl.dl-type1 dt {margin-top:20px; font-weight: bold; color:#555555; font-size:14px} dl.dl-type1 dt strong {display:block; margin-bottom:30px;} dl.dl-type1 dt:first-child {margin-top:0px;} dl.dl-type1 dt span {color:#777;} dl.dl-type1 dd {margin-top:5px;} ul.dash-list1 {margin-top:5px; color:#47ABD7}/*개선수정0121*/ ul.btn-list1 {margin-top:30px; text-align:center;} ul.btn-list1 li a:first-child {margin-right:15px} ul.btn-list2 {margin-top:17px; border-top:1px solid #e2e2e2; padding-top:27px; text-align:center;} ul.btn-list3 {margin-top:20px; text-align:right;} .fontRed{color:#FF0000; font-size:15px;} table.table-space1 {margin-top:28px;} .table-data1 tbody td.sbj2 {padding: 6px 6px 6px 25px; text-align: left; line-height: 1.5em; }/*개선수정0122*/ .table-data1 tbody td.division {font-size:11px;} .table-data1 tbody td.date {font-size:11px;} .table-data1 tbody td.process {color:#e45555;} .table-data1 tbody td.choice-stats, .table-data1 tbody td.input-point, .table-data1 tbody td.select-data select {font-size:11px; letter-spacing: -1px} .table-data1 tbody td a:active {color:#757575}/*개선수정*/ .table-data1 tbody td .thumcu img {width:213px; height:120px} .table-data2 {border-top: 2px solid #129dd8;} .table-data2 tbody th {padding: 6px 0; text-align: center; letter-spacing: -1px; vertical-align: middle; border-bottom: 1px solid #D4D4D4; background:#f7f7f7;} .table-data2 tbody td {padding: 6px; vertical-align: middle; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4;} .table-data2 tbody td ul li {margin: 2px 0;} .table-data2 tbody tr:first-child td {border-top: 1px solid #cdcdcd;} .table-data2 tbody tr:last-child td {border-top: 1px solid #cdcdcd;} .table-data2 .tel_txt {width:58px}/*개선추가 0204*/ .table-data2 .tel_num {height:21px; padding:0;}/*개선추가 0204*/ table.recruit-write td {padding:6px 3px;} table.recruit-write .languageArea .txt_input {width:90px}/*개선수정0204*/ table.recruit-write .languageArea span {margin:0 25px}/*개선수정0204*/ table.recruit-write .txt_ability td+td span {margin:0 25px}/*개선수정0204*/ table.recruit-write .languageDefaultArea .txt_input {width:169px}/*개선수정0204*/ table.recruit-write .languageDefaultArea span {margin:0 25px}/*개선수정0204*/ .search-field {height:56px; border:1px solid #e6e6e6; margin-top:25px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;} .search-field label {float:left; padding:20px 0 0 20px; color:#e5e5e5;} .search-field label strong {color:#757575; padding-right:11px; background: url('https://resource2018.nuskinkorea.co.kr/images/people/bg-th1.gif') no-repeat 100% 1px}/*개선수정 0120*/ .search-field .input-area {float:left; margin:15px 0 0 10px; border:1px solid #d6d6d6; width:588px; height:22px;} .search-field .input-area input {vertical-align: middle; margin:0 0 0 0; border:none 0;} .search-field.st01 .input-area {width:390px}/*개선수정 0120*/ .search-field.st01 .input-area input[type="text"] {width:349px}/*개선수정 0120*/ table.faq th, table.faq td {vertical-align:top;} table.faq tr.show th, table.faq tr.show td {background:#f9f9f9;} table.faq tr.show td a {font-weight:bold; letter-spacing: -1px;} table.faq tr td .a {position:relative; margin-top:10px; border-top:1px dashed #ededed; padding:12px 0 12px 8px;} table.faq tr td .a .label {position: absolute; top:10px; left:-66px;} table.table-detail1 {width:709px; margin-top:25px;} table.table-detail1 th {border-top:2px solid #129dd9; padding:20px 0 8px 0; text-align:left; font-weight:normal;}/* 개선작업 0110*/ table.table-detail1 th b {color:#e45555;} table.table-detail1 td {border:1px solid #e2e2e2; padding:9px 5px 7px 10px; letter-spacing: -1px;} table.table-detail1 td.article {padding:20px;} table.table-detail1 td b {padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-dot3.gif') no-repeat left 5px;} table.table-data1 tr.align-middle th {vertical-align: middle; background:#fff;} .recruit-reg {overflow:hidden; padding-top:25px;} .recruit-reg .online {float:left; width:330px; height:215px; border:1px solid #e2e2e2; text-align:center; background:url('https://resource2018.nuskinkorea.co.kr/images/people/bg-online-recruit1.gif') no-repeat center 70px;} .recruit-reg .online h4 {height:26px; border-bottom:1px solid #e2e2e2; padding-top:10px;} .recruit-reg .online p {margin-top:89px;} .recruit-reg .online p label {padding:0 8px; cursor:pointer;} .recruit-reg .online p label * {vertical-align:top} .recruit-reg .online .online_label {line-height:12px}/*개선추가0127*/ .recruit-reg .online .online_label input {padding:0; margin:0}/*개선추가0127*/ .recruit-reg .online .online_label * {vertical-align:middle}/*개선추가0127*/ .recruit-reg .online p label radio {margin:0; vertical-align:middle} .recruit-reg .online ul {margin-top:18px;} .recruit-reg .online-modify {float:right; width:330px; height:215px; border:1px solid #e2e2e2; text-align:center; background:url('https://resource2018.nuskinkorea.co.kr/images/people/bg-online-recruit2.gif') no-repeat center 70px;} .recruit-reg .online-modify h4 {height:26px; border-bottom:1px solid #e2e2e2; padding-top:10px} .recruit-reg .online-modify ul {margin-top:127px;} .modify-area {margin-top:60px;} .modify-area .small {vertical-align:middle;} .modify-area .small em {margin-left:5px; vertical-align:middle}/*개선추가0204*/ .modify-area .small input[type="checkbox"] {padding:0; vertical-align:middle}/*개선추가0204*/ .privacy-title {margin-top:24px; font-size:16px; font-weight: bold;} .privacy-notice {padding: 15px 15px 0px 15px;} .privacy-area {margin-top:24px; border:1px solid #e2e2e2; padding: 15px 15px 15px 15px;} .privacy-area .title {font-size:14px; padding-bottom:5px; color:#00b0f0; font-weight: bold;} .scroll-area {overflow:hidden; overflow-y: scroll; height:132px; padding: 0px 10px 10px 10px;} .scroll-area .sub_title {font-size:12px; margin-top: 10px;} .scroll-area .sub_title_document {font-size:12px; margin-top: 5px; margin-left: 15px;} .scroll-area2 {overflow:hidden; overflow-y: scroll; height:110px; line-height: 1.5em;} .privacy-area .underline {margin-top:25px; margin-bottom: 15px; margin-left:10px; margin-right:10px; border-bottom:1px solid #e2e2e2;} .privacy-area .radioarea {vertical-align: middle; padding: 6px;} .privacy-area .radioarea input[type="radio"] {vertical-align: middle;margin-top: -2px;} .small {font-size:11px;} .recruit-complete {margin-top:25px; border:1px solid #e2e2e2; padding:30px 0 25px 32px; background: url('https://resource2018.nuskinkorea.co.kr/images/people/bg-recruit-complete.gif') no-repeat right bottom;} .recruit-complete .txt_recruit {margin-top:0; font-weight:bold; font-size:14px; color:#20a4de;}/*개선추가0213*/ .recruit-complete h4 {font-size:14px; color:#20a4de;} .recruit-complete p {margin-top:25px;} .recruit-complete ul {margin-top:50px; text-align:center;} .textarea-title {margin-top:0;} .textarea-title span {display:block; margin-top:-18px; font-size: 11px; text-align:right;} textarea.textarea-type1 {width:98%; height:132px; margin-top:5px; margin-bottom:10px; border:1px solid #e2e2e2;} textarea.textarea-type2 {width:615px; height:38px; border:1px solid #e2e2e2;} .textarea-recruit-title {margin-top:0;} .textarea-recruit-title span {display:block; margin-top:-18px; font-size: 12px; text-align:right; font-weight: bold;} .photo-frame {overflow:hidden; position: relative; width:100%; height:611px; background:url('https://resource2018.nuskinkorea.co.kr/images/people/bg-photo-frame.gif') no-repeat left top;background-size:100%; } .photo-frame .article {overflow:hidden; width:100%;} .photo-frame .photo {float:left; width:280px; height:auto; margin:/*137px*/211px 0 0 0; overflow:hidden;padding-left:148px;box-sizing: content-box;} .photo-frame .photo a {display: block;width:100%;height:100%;} .photo-frame .photo img {/*width:190px; height:150px;*/width:100%;height:auto;}/*개선추가 0204*/ .photo-frame .summary {float:right; width:50%;padding-right:70px;margin-top:140px} /*개선추가 0206 */ .photo-frame .summary h4 a {color: #231f20;font-size: 33.6px;word-break: keep-all;} .photo-frame .summary h4 a:active, .photo-frame .summary h4 a:hover {color:#c66fc0} .photo-frame .summary p { color:#4e4e4e;} .photo-frame .summary .tit_story {margin:30px 0 5px 0; color:#4e4e4e;line-height:38.5px;} .photo-frame .summary .tit_story strong {margin-left:13px;font-size: 22px;} .photo-frame .summary .tit_story strong:first-child {margin-left:0} .photo-frame .summary .story_cont {overflow:hidden; position: relative; width:100%; word-break:break-word; color: #4e4e4e;font-size:16px;} .photo-frame .summary .story_cont p {margin-top:20px; text-align:justify; line-height:25px;} .photo-frame .summary .btn_more {color:#ff8a00; position: absolute; right:0; bottom:0;} .photo-frame #slides {position:absolute; top:0; left:0; width:100%; z-index:100;height:100%;} .photo-frame .slides_container { overflow:hidden; position:relative; display:none; width:100%;} .photo-frame .slides_container_sucess { overflow:hidden; position:relative; width:100%;} .photo-frame #slides ul.pagination {display: block;} .photo-frame #slides .prev span,.photo-frame #slides .next span {overflow:hidden; height:40px;width:25px; display:block; position:relative;} .photo-frame #slides .prev {position:absolute; top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left:10px; display:block; z-index:101;height:40px; width:40px;} .photo-frame #slides .next {position:absolute; top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right:10px; display:block; z-index:101;height:40px; width:40px;} .photo-frame #slides .next span:before {content:''; height:20px; width:20px; display:block; border:3px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:7px; right:7px;} .photo-frame #slides .prev span:before {content:''; height:20px; width:20px; display:block; border:3px solid #333; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:7px; left:7px;}} .story-link {margin-top:25px;} .story-link ul {overflow:hidden; width:100%; background:url('https://resource2018.nuskinkorea.co.kr/images/people/bg-vline2.gif') no-repeat center top;} .story-link ul li {} .story-link ul li a {display:block;width:100%;padding:20px;30px;text-align: left;font-size: 16px;border-top: 1px solid #c2c4c4;border-bottom: 1px solid #c2c4c4;position:relative;background-color: #f5f5f5;color:#00b5e2;font-weight:bold} .story-link ul li p {text-align: left;padding:20px;30px;font-size: 14px;} .story-link ul li a:after {content:''; height:12px; width:12px; display:block; border:1px solid #979999; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:50%; right:30px;margin-top:-6px;} table.table-story {margin-top:33px;} table.table-story td {vertical-align: top; border-top:1px solid #dedede; padding:24px 15px 24px 0;text-align:left;} table.table-story tr:first-child td {border-color:#00b5e2;} table.table-story td.thumb div {overflow:hidden; width:192px; height:152px} table.table-story td.thumb div a {display:block} table.table-story td.thumb div img {width:190px; height:150px; border:1px solid #e2e2e2} table.table-story td h4 {font-weight:bold; color:#59a8d1;} table.table-story td h4.title a:hover {font-weight:bold; color:#ff7300;} table.table-story td h4 a {font-weight:bold; color:#00b5e2;} table.table-story td p.name {margin:5px 0 13px 0; font-weight: bold;} .board-search {margin-top:20px; text-align:center;} .board-search * {vertical-align:middle;} .board-search select {width:120px;} .board-search input.input-text {width:290px; margin-left:5px; margin-right:5px;} .org-image {border:1px solid #d8d8d8; height:345px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;} .org-image img {width:100%; height:100%;} ul.reader-list {margin-top:29px; border-top:1px solid #09aad2} ul.reader-list li p {padding:40px 0 0 12px;} ul.reader-list li:first-child p {padding:25px 0 0 12px;} ul.reader-list li > span {display:block; padding:20px 0; text-align:center}/* 개선추가 0114*/ ul.reader-list li .reader-name {border:1px solid #e5e5e5; padding:8px 0 0 18px;} ul.reader-list li .reader-name table td {padding:10px 0 10px 0; font-size:11px; letter-spacing: -1px;} ul.reader-list li .reader-name table td span {color:#9a9a9a;} /* My Office */ .breadcrumb-myoffice {position: relative; overflow: hidden; text-align: left; padding: 25px 0 9px 0; border-bottom: 1px solid #E5E5E5;} .breadcrumb-myoffice li {display: inline; padding: 0 3px 0 11px; color: #FF8A00; background: url('https://resource2018.nuskinkorea.co.kr/images/common/bg_breadcrumb.gif') no-repeat 0 2px;} .breadcrumb-myoffice li:first-child {padding-left: 0;background: none;} .breadcrumb-myoffice li.btn-link {position: absolute; bottom: 15px; right: 0; background: none;} .login-section {overflow:hidden;} .login-access {float:left; width:440px; height:257px; padding:0 0 0 39px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-login-access.gif') no-repeat left top;} .login-access ul li {line-height: 100%; margin-bottom:15px;} .login-access ul li * {vertical-align:middle;} .login-access ul li:first-child {margin:10px 0 35px 0;}/*개선수정0120*/ .login-access .first * {vertical-align:middle}/*개선추가0120*/ .login-access .first input {padding:0; margin:0 3px 0 3px}/*개선추가0120*/ .login-access .first label {margin:0 10px 0 0}/*개선추가0120*/ .login-access ul li.submit {float:right; margin-top:-74px; padding-right:43px;} .login-access ol {padding-top:15px;} .login-access ol li {line-height:1.2em; margin-bottom:8px;} .login-support {float:right; width:479px; height: 257px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-login-support.gif') no-repeat left top;} .login-support ul {padding:50px 40px 0 39px;} .login-support ul li {clear:both; overflow: hidden; padding:5px 0 5px 13px; line-height: 1.2em; text-align:right; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle2.gif') no-repeat left 13px;}/*개선수정0121*/ .login-support ul li span {float:left; padding-top: 3px; text-align:left;} .login-support ul li * {vertical-align: middle;} .memno-section {overflow: hidden; width:100%; padding-top:40px;} .memno-section .myoffice-navi {float:left; width:211px;} .memno-section .myoffice-navi ul {margin-top:30px;} .memno-section .myoffice-navi ul li {line-height: 100%;} .memno-section .myoffice-navi ul li img {vertical-align:top;} .memno-section .memno-choice {float:right; width:708px;} .choice-check {width:708px; /* height:197px; */ height:199px; margin-top:19px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-id-check2.gif') no-repeat left top;}/*개선수정0128*/ .choice-check .label-memno {padding:12px 0 0 15px;} .choice-check .label-memno * {vertical-align: middle;} .choice-check h3 {padding:17px 0 0 15px !important; border-bottom:none}/*개선추가0116*/ .choice-check h4 {padding:17px 0 0 15px;} .choice-check ul {margin-top:30px; text-align:center; *zoom:1}/*개선수정0116 / 0128 */ .choice-check ul:after {content:''; display:block; clear:both}/*개선추가0116*/ .choice-check ul li {float:left; color:#ff8a00;} .choice-check ul li img {margin:0 0 16px 0;} .choice-check .list_check li {margin-left:59px !important}/*개선추가0116*/ .choice-check .list_check li:first-child {margin-left:129px !important}/*개선추가0116*/ .choice-check .list_check2 li {margin-left:34px !important}/*개선추가 웹계정 설정20150202 */ .choice-check .list_check2 li:first-child {margin-left:17px !important}/*개선추가 웹계정 설정20150202*/ .memno-section .memno-choice .choice-check {width:708px; height:197px; margin-top:19px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-id-check2.gif') no-repeat left top;} .memno-section .memno-choice .choice-check .label-memno {padding:12px 0 0 15px;} .memno-section .memno-choice .choice-check .label-memno * {vertical-align: middle;} .memno-section .memno-choice .choice-check h4 {padding:17px 0 0 15px;} .memno-section .memno-choice .choice-check ul {margin-top:27px; text-align:center; *zoom:1}/*개선수정0120*/ .memno-section .memno-choice .choice-check ul:after {content:''; display:block; clear:both}/*개선수정0120*/ .memno-section .memno-choice .choice-check ul li {float:left; color:#ff8a00;} .memno-section .memno-choice .choice-check ul li img {margin:0 0 16px 0;} .memno-choice .member-info {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:14px 0 12px 0;} .memno-choice .member-info b {color:#47abd7;} .memno-choice .member-info * {vertical-align: middle;} .memno-choice .member-number {margin-top:15px; text-align: center;} .memno-choice .member-number big {line-height: 3em; font-size: 16px; font-weight: bold;} .memno-choice .member-number span {color:#525252;} .confirm-choice {overflow:hidden; width:100%; margin-top:25px;} .confirm-choice .confirm-email {float:left; width:334px; height:150px; padding-top:17px; text-align:center; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-confirm-box.gif') no-repeat left top;} .confirm-choice .confirm-mobile {float:right; width:334px; height:150px; padding-top:17px; text-align:center; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-confirm-box.gif') no-repeat left top;} .confirm-choice .confirm-email .email {margin:20px 0 12px 0; letter-spacing: -1px;} .confirm-choice .confirm-mobile .mobile {margin:20px 0 12px 0; letter-spacing: -1px;} .personal-info {margin-top: 40px; border-bottom:1px solid #e9e9e9; padding-bottom:15px;} .personal-info label {margin-left:14px;} .personal-info * {vertical-align: middle;} .personal-info.type2 {margin-top:18px; border-top:1px solid #e9e9e9; padding-top:25px; padding-bottom:25px;} ol.oder-list1 {margin:20px 0 0 14px;} ol.oder-list1 li {line-height: 100%; margin-bottom:7px;} ol.oder-list2 {margin:0 0 0 22px;} ol.oder-list2 li {list-style: decimal; line-height: 1.5em; margin-top:16px;} ol.oder-list3 {border-bottom:1px solid #e2e2e2;} ol.oder-list3 li {margin-bottom:18px; padding-top:4px; padding-left:25px;} ol.oder-list3 li.no1 {background: url('https://resource2018.nuskinkorea.co.kr/images/myoffice/oder-no1.gif') no-repeat left 6px;} ol.oder-list3 li.no2 {background: url('https://resource2018.nuskinkorea.co.kr/images/myoffice/oder-no2.gif') no-repeat left 6px;} ol.oder-list3 li.no3 {color:#47abd7; background: url('https://resource2018.nuskinkorea.co.kr/images/myoffice/oder-no3.gif') no-repeat left 6px;} ol.oder-list3 li.no4 {background: url('https://resource2018.nuskinkorea.co.kr/images/myoffice/oder-no4.gif') no-repeat left 6px;} .myoffice-aside {float:left; width:217px;} .myoffice-subpage {float:right; width:708px;} .myoffice-subpage p {line-height:20px}/*개선수정0120*/ .myoffice-headpara {width:688px; height:46px; padding:17px 0 22px 20px; font-weight:bold; line-height: 22px !important; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-parabox.gif') no-repeat left top;}/*개선수정0120*/ h3.h3-myfoffice-type1 {margin-top:25px;} h3.h3-myfoffice-type1 img.button {margin-left:10px;} h3.h3-myfoffice-type2 {margin-top:25px; border-top:1px solid #e2e2e2; padding-top:30px;} h3.h3-myfoffice-type2 img.button {margin-left:10px;} .myoffice-para1 {margin-top:20px; line-height:1.5em;} ul.join-info1 {overflow: hidden; margin-top:25px;} ul.join-info1 li {float:left;} ul.join-info1 li img {vertical-align: top;} ul.join-info1 li p {margin-top:6px;} ul.join-info1 li.center {margin:0 77px;} .table-list2 tbody td.privacy-agree {padding:17px 0 15px 0; line-height: 1.4em;} .table-list2 tbody td.privacy-agree p {margin:12px 0 24px 0;} ol.join-step {overflow: hidden; margin-top: 15px;} ol.join-step li {float:left;} ol.join-step li img {vertical-align: top;} .screenshot-area {margin-top:30px; text-align: center;} .step-guide {margin-top:26px;} .step-guide h3 *, .step-guide h4 * {vertical-align:middle}/*개선추가0120*/ .step-guide .txt_tit {margin:15px 0 0 46px}/*개선추가0120*/ .step-guide .txt_tit02 {margin:15px 0 0 38px}/*개선추가0120*/ .step-guide .txt_tit span {display:inline-block; margin-left:8px}/*개선추가0120*/ .step-guide .txt_tit02 span {display:inline-block}/*개선추가0120*/ .step-guide h4 img {margin-right:6px;}/*개선수정0120*/ .step-guide ul {margin-left:62px; padding-top:4px;} .step-guide ul li {margin-top:8px; padding-left:52px; line-height: 1.5em; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle2.gif') no-repeat 40px 7px}/*개선수정0120*/ .step-guide ul li b {color:#47abd7;} .step-guide ul li small {font-size:11px;} .step-guide h5 {margin:15px 0 0 98px}/*개선수정0120*/ .step-guide p {margin:10px 0 0 111px} .step-guide .vlign_m img {vertical-align:middle}/*개선추가0120*/ .layer-para1 {margin-bottom:15px; font-size:11px;} .joincomp-info {border-top:1px solid #e2e2e2; padding-top:15px; font-size:11px;} .joincomp-info ul {margin-top:12px;} .joincomp-info ul li {margin-left:3px; margin-bottom: 8px; padding-left:13px; line-height: 100%; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle2.gif') no-repeat left 5px;} .joincomp-info ul li img {vertical-align: middle; margin-top:-2px;} /* 회원가입 수정 0124 */ .join-agree-section {width:100%} .join-agree-section .agree-area {border:1px solid #e8e8e8; margin-top:13px; padding: 14px 20px 17px 30px; border-radius:4px} .join-agree-section .agree-area h3 {text-align:right; color:#47abd7; letter-spacing: -1px; *zoom:1} .join-agree-section .agree-area h3:after {content:''; display:block; clear:both} .join-agree-section .agree-area h3 span {float:left; margin-top:5px; padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-h5-arrow1.gif') no-repeat left 2px;} /*#개발자 추가 zip-code*/ .zip-code {overflow-y: scroll; height:96px; padding-right:10px; margin-top:14px; line-height: 1.4em;} .join-agree-section .agree-area .docs-area {overflow: hidden; height:96px; padding-right:10px; margin-top:14px; line-height: 1.4em;} .join-agree-section .agree-area .docs-area.txt_inner {overflow: hidden; overflow-y: scroll; height:136px; padding-right:10px; margin-top:14px; line-height: 1.4em;} .join-agree-section .agree-area .docs-area.txt_inner02{overflow: hidden; overflow-y: scroll; height:96px; padding-right:10px; margin-top:10px; line-height: 1.4em;} .join-agree-section .agree-area .docs-area h4, .join-agree-section .agree-area .docs-area p, .join-agree-section .agree-area .docs-area ul {margin-top:10px; line-height:20px} .join-agree-section .agree-area .docs-area h4:first-child, .join-agree-section .agree-area .docs-area ul:first-child {margin-top:0} .join-agree-section .agree-area .docs-area ul {margin-left:15px} .join-agree-section .agree-area .docs-area ul li {margin-top:5px; text-indent:-15px} .join-agree-section .agree-area .docs-area ul ul {margin:5px 0 0 20px} .join-agree-section .agree-area .docs-area li li {text-indent:-20px} .join-agree-section .agree-area .docs-area ul ul ul {margin:5px 0 0 15px} .join-agree-section .agree-area .docs-area li li.li2 {text-indent:0px} .join-agree-section .agree-area .docs-area li li li {text-indent:-15px} .join-agree-section .agree-area .docs-area li li li.li1 {text-indent:-11px} .join-agree-section .agree-area .docs-area li li li.li2 {text-indent:-20px} .join-agree-section .agree-area .docs-area li li li.li3 {text-indent:-17px} .join-agree-section .agree-area .docs-area li li li li {text-indent:-20px} .join-agree-section .agree-area .docs-area li li li li.li1 {text-indent:-5px} .join-agree-section .agree-area .docs-area li li li li.li2 {text-indent:-15px} .join-agree-section .agree-area .docs-area li li li li.li4 {text-indent:-17px} .join-agree-section .agree-area .docs-area li li li li li {margin-top:0; text-indent:-10px} .join-agree-section .agree-area .docs-area li li li li li.li5 {margin-top:0; text-indent:-15px} .join-agree-section .agree-area .docs-area li li li li li li{margin-top:0; text-indent:-15px} .join-agree-section .agree-area .docs-area li p {margin-top:0; text-indent:0} .join-agree-section .agree-area .docs-area strong {display:inline-block; margin-top:10px} .join-agree-section .agree-area .docs-area ul li table {text-indent:0} .join-agree-section .agree-area .docs-area .list_none {width:100%; margin:5px 0 0 0; *zoom:1} .join-agree-section .agree-area .docs-area .list_none:after {content:''; display:block; clear:both} .join-agree-section .agree-area .docs-area .list_none li {float: left; width: 50%; margin:0; text-indent:0} .join-agree-section .agree-area .docs-area .list_none02 {margin:5px 0 0 0} .join-agree-section .agree-area .docs-area .list_none02 li {padding-left:7px; margin:5px 0 0 0; text-indent:0; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-gray-dott.gif') no-repeat 0 8px} .join-agree-section .agree-area .docs-area .txt_space02 {padding-left:6px} .join-agree-section .agree-area .radio {margin-top:10px; border-top:1px solid #f3f3f3; padding-top:13px; font-weight: bold; letter-spacing: -1px;} .join-agree-section .agree-area .radio * {vertical-align:middle; padding:0; margin:0 42px 0 0} .join-agree-section .agree-area .radio input {margin-right:3px} .all-agreement {margin-top:13px; border:1px solid #47abd7; padding:12px 30px 11px 30px; color:#47abd7; border-radius:4px; font-weight:bold} .all-agreement * {vertical-align:middle} .all-agreement input[type="checkbox"] {margin:0 4px 0 0; width:15px; height:15px}/*개선수정0204*/ .all-agreement label {margin-right:10px; color:#757575} .choice-check2 {width:708px; height:170px; margin-top:19px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-id-check.gif') no-repeat left top;} .choice-check2 .label-memno {padding:12px 0 0 15px;} .choice-check2 .label-memno * {vertical-align: middle;} .choice-check2 p {padding:17px 0 0 15px; color:#a7a7a7; font-weight:bold; line-height:16px}/*개선수정0121*/ .choice-check2 ul {margin-top:20px; text-align:center; *zoom:1}/*개선수정0121*/ .choice-check2 ul:after {content:''; display:block; clear:both}/*개선수정0121*/ .choice-check2 ul li {float:left; color:#ff8a00; margin-left:20px;}/*개선수정0121*/ .choice-check2 ul li:first-child {margin-left:40px;}/*개선수정0121*/ .choice-check2 ul li img {margin:0 0 16px 0;} .choice-check3 {width:708px; height:170px; margin-top:13px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-id-check.gif') no-repeat left top;} .choice-check3 .label-memno {padding:12px 0 0 15px;} .choice-check3 .label-memno * {vertical-align: middle;} .choice-check3 h4 {padding:17px 0 0 15px; color:#a7a7a7;} .choice-check3 .check_point {padding:17px 0 0 15px; color:#a7a7a7;}/*개선추가0121*/ .choice-check3 ul {margin-top:27px; text-align:center; *zoom:1}/*개선수정0121*/ .choice-check3 ul:after {content:''; display:block; clear:both}/*개선수정0121*/ .choice-check3 ul li {float:left; color:#ff8a00; margin-left:45px;} .choice-check3 ul li:first-child {margin-left:125px;} .choice-check3 ul li img {margin:0 0 16px 0;} .name-check-ment1 {margin:12px 0 20px 0;} .choice-namecheck {margin-top:10px; border-top:1px solid #e2e2e2;} .choice-namecheck p {padding:10px 10px 13px 0; color:#a7a7a7; font-weight:bold; line-height:16px}/*개선추가0121*/ .choice-namecheck h4 {padding:10px 10px 13px 10px;} .choice-namecheck .choice-means {padding:7px 0; text-align:center; font-weight:bold; background:#f9f9f9; color:#757575}/*개선수정0121*/ .choice-namecheck .choice-means input[type="radio"] {padding:0; margin:0 5px 0 10px;}/*개선수정0121*/ .choice-namecheck .choice-means * {vertical-align:middle}/*개선추가0121*/ .choice-namecheck .personal-info {margin-top:5px;}/*개선수정0121*/ .choice-namecheck .personal-info .input_name {width:100px; margin-right:20px}/*개선추가0121*/ .choice-namecheck .personal-info .idcon01 {width:100px}/*개선추가0121 - 수정변경 0203*/ .online-memberno {font-weight:bold; font-size:16px; color:#ff8a00; letter-spacing: -1px;} .online-memberno img {vertical-align: middle; margin-right:7px;} .table-list2 tbody td.join-info {padding:5px 10px 20px 15px;} .table-list2 tbody td.join-info ul.download-list {margin-top:15px;} .txt-point1 {color:#ff8a00;} .txt-point2 {color:#00b5e2 !important} .txt-point3 {color:#424242;} .txt-point4 {color:#0070c0 !important; font-weight: bold; font-size: 22px;} .txt-point5 {color:#c00000 !important; font-weight: bold;} .txt-point6 {color:red;} .txt-myoffice-subtitle {font-size: 12px;} .txt-myoffice-subnotice1 {margin-top: 10px;font-size: 12px;} .txt-myoffice-subnotice2 {margin-top: -2px;font-size: 12px;} a.gwp-link {color:#47abd7; text-decoration: underline;} .withdraw-regist {width:708px; height:101px; margin-top:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-withdraw-box1.gif') no-repeat left top;} .withdraw-regist p {padding:15px 0 0 15px; line-height: 1.5em;} .withdraw-regist ul {margin-top:10px; text-align: center} .sponsor-change {margin:0;} .sponsor-change h4 {border-bottom:1px solid #e2e2e2; margin-top:35px; padding-bottom:14px;} .sponsor-change p {padding:18px 0 0 14px;} .sponsor-change ul {width: 50%; margin-top:10px;} .sponsor-change ul li {overflow: hidden; clear: both; margin-left:14px; padding-left:11px; font-weight: bold; text-align:right; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle3.gif') no-repeat left 10px;} .sponsor-change ul li span {float: left; padding-top:5px;} .login-password-input {margin-top:10px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:17px 0; text-align:center;} .login-password-input * {vertical-align: middle;} .login-password-input .txt_inter {margin:0 10px}/*개선추가0121*/ .sponsor-change-stats {margin-top:30px; height:77px; border-bottom:1px solid #e2e2e2; padding:25px 0 0 240px; font-size:14px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-monitor1.gif') no-repeat 153px 0;} .sponsor-change-stats2 {margin-top:30px; height:84px; padding:18px 0 0 240px; font-size:14px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-monitor1.gif') no-repeat 153px 0;} .sponsor-change-stats2 span {color:#47abd7;} ul.sponsor-check-form {overflow:hidden; width:450px; height:51px; margin:0 auto;} ul.sponsor-check-form li {float:left; margin-bottom:5px;} ul.sponsor-check-form li.submit {float:right; margin-top:-26px;} ul.sponsor-check-form li input[type="text"] {width: 185px;} .sponsor-accept {padding-top:30px; font-weight: bold;} .sponsor-accept img {vertical-align: middle;} .list-box1 {height:172px; padding:20px 0 0 20px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-list-box1.gif') no-repeat left top;} .list-box1 ul.button {margin-top:15px; text-align:center;} .ment-spon1 {margin-top:28px; padding-left:175px;} .result-check-complete {border-bottom:1px solid #e2e2e2; padding:10px 0 15px 0; font-weight:bold; text-align: center;} .result-check-complete span {color:#47abd7;} table.table-list1 tfoot th {font-weight: bold; background:#f9f9f9;} table.table-list1 tfoot td {border-top: 1px solid #CDCDCD; text-align:center; background:#f9f9f9;} fieldset.oder-date-select {border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding:12px 0; text-align: center;} fieldset.oder-date-select * {vertical-align: middle;} table.table-data1 td.stats {text-align:left;} a.link-view {color:#47abd7;} .desc-box1 {padding-bottom:20px; color: #47abd7; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-descbox-body.gif') no-repeat left bottom;} .desc-box1 .header {padding:20px 20px 0 20px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-descbox-head.gif') no-repeat left top;} .desc-box1 .header ul {margin-top:5px;} .desc-box1 .header ul li {padding-left:12px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle3.gif') no-repeat left 2px;} .desc-box2 {margin-top:12px; padding-bottom:20px;text-align: left;line-height: 1.5em;border: 1px solid #ddd;} .desc-box2 .header {padding:20px 20px 0 20px;} .desc-box2 .header h3, .desc-box3 .header h3 {padding:0 0 0 11px; color:#47abd7; background:url('https://resource2018.nuskinkorea.co.kr/images/common/bg-h5-arrow1.gif') no-repeat left center; border:0; margin:0}/*개선수정0122*/ .desc-box3 {margin-top:15px; padding-bottom:20px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-descbox-body.gif') no-repeat left bottom;} .desc-box3 .header {padding:20px 20px 0 20px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-descbox-head.gif') no-repeat left top;} .desc-box3 .header ul {margin-top:5px;} .desc-box3 .header ul li {padding-left:12px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-circle3.gif') no-repeat left 5px;} .desc-box3 .link-button {margin-top:15px; text-align:center;} .desc-box3 .header h5 {padding-left:11px; background: url("https://resource2018.nuskinkorea.co.kr/images/common/bg-h5-arrow1.gif") no-repeat left center; color: #47ABD7}/*개선수정0204*/ ul.reserve-tab-list {overflow: hidden; border:1px solid #e2e2e2; border-left:none 0;} ul.reserve-tab-list li {float:left; border-left:1px solid #e2e2e2; padding:15px 0 12px 0; text-align:center;} ul.reserve-tab-list li.active {background:#f9f9f9;} ul.reserve-tab-list li a {padding-left:11px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bul-orange-dott.gif') no-repeat left 4px;} ul.reserve-tab-list li.active a {color:#47abd7; font-weight: bold;} ul.col4 li {width:24%;} ul.col2 li {width:49%;} .myfaq-stats {padding:12px 0 10px 0; font-weight: bold; text-align: right;} .myfaq-stats b {color:#18a4e1;} .search-field2 .input-area.keyword-input1 {width: 350px;} .search-field2 .input-area_2.keyword-input1 {width: 300px;} .search-field2 .input-area.keyword-input1 input.type-text {width: 305px;} .search-field2 .input-area.keyword-input1 input.type-text_2 {width: 230px;} img.btn-type1 {float:right;} img.btn-type2 {margin-left:95px;} .regist-section1 {overflow:hidden; margin-bottom:30px;} .regist-section1 .area1 {float:left; width:329px;} .regist-section1 .area2 {float:right; width:329px;} .regist-section1 h5 {border-bottom:1px solid #e2e2e2; padding-bottom:8px; font-size: 12px;} .regist-section1 h4 {border-bottom:1px solid #e2e2e2; padding-bottom:8px; font-size: 12px;}/*개선추가0122*/ .regist-section1 p {padding:8px 0 10px 0;} .register-info {margin-top:25px; font-size:11px; color:#d7d7d7;} .register-info b {font-size:12px; color:#757575;} .loi-info {margin-top:25px; padding-right:145px; padding-bottom:20px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-loi-visual1.gif') no-repeat right 47px;} .china-info {margin-top:25px; padding-right:145px; padding-bottom:0; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-loi-visual1.gif') no-repeat right 47px;} .china-info big {font-size:14px;} .loi-test-user {margin-top:27px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:10px 0 7px 0; font-weight:bold; text-align: right !important;} .loi-test-user.noBottomBorder{border-bottom:0px !important;} .loi-test-user .user-info {float:left;} .loi-test-user small {font-size:11px; font-weight: normal; color:#d2d2d2;} .loi_explain {margin-top: 25px; color:#ff0000;} /* LOI 간소화 테스트 결과 페이지 */ .passCircleNum {float: left; margin-left: 13% !important; margin-top: 20px; font-weight: bold;} .passCircleNumFirst {float: left; margin-left: 26% !important; margin-top: 20px; font-weight: bold;} .passCircle {float: left; margin-left: 2%; border-radius: 50px; margin-top: 15px; border: 5px solid #1fafec; width: 20px; height: 20px;} .divForLineHeight {height: 60px;} ul.radio-list {margin-top:8px}/*개선수정0129*/ ul.radio-list li * {vertical-align:middle;}/*개선수정0129*/ ul.radio-list li input {margin:0 4px 0 0} .test-result {height:121px; margin-top:23px; padding-top:25px; text-align: center; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-test-result.gif') no-repeat left top;} .test-result .result-ment {margin-bottom:0; font-size:15px; font-weight:bold; line-height: 1.6em;} .test-result .failure-ment {margin-top:10px; font-size:11px;} .test-result .point {margin-top:12px;} .test-result-pass {height:96px; margin-top:23px; padding-top:40px; text-align: center; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-test-result-pass.gif') no-repeat left top;} .test-result-pass.imgCenter {height:160px; margin-top:23px; padding-top:40px; text-align: center; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-test-result-pass.gif') no-repeat center top;} .test-result-pass .center {text-align: center !important;} .test-result-pass .result-ment {margin-bottom:0; font-size:15px; font-weight:bold; line-height: 1.6em;} .test-result-pass .failure-ment {margin-top:10px; font-size:11px;} .test-result-pass .point {margin-top:12px;} .test-result.imgCenter {height: 160px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-test-result.gif') no-repeat center top;} .test-result .center {text-align: center !important;} .test-ment1 {margin-top:35px; font-weight: bold;} .agreement-download {overflow: hidden; width:100%;} .agreement-download table {float:right; width:334px;} .agreement-download table.first, .agreement-download table:first-child {float:left;} .table-list2 tbody td.desc {padding:8px 10px 6px 15px; line-height: 1.4em;} .customer-add-info {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:10px 0 8px 0; line-height: 1.4em;} .table-list2 tbody td table td {padding:5px 10px 0 0; border-bottom:none 0;} table.table-spon-search {margin-top:15px;} table.table-spon-search th {padding:5px 10px 0 10px;text-align:left;} table.table-spon-search td p {margin-top:5px;} .error-404 {width:551px; margin:170px auto 0 auto;} .error-title {margin-top:30px;} .error-msg {margin-top:30px; border-top:1px solid #e2e2e2; padding:27px 0 0 0; font-size:11px; line-height: 1.4em;} .error {margin-top:190px; text-align:center;} .mission-vision {margin-top:23px; *zoom:1}/*개선수정0114*/ .mission-vision:after {content:''; display:block; clear:both}/*개선수정0114*/ .mission-vision .mission {float:left; width:346px;} .mission-vision .vision {float:right; width:346px;} .mission-vision p {margin-bottom:15px;} .mission-vision strong {display:block; margin-bottom:11px}/*개선추가0114*/ .mission-vision span {display:block; margin-bottom:10px}/*개선추가0114*/ .greeting-area {margin-top:20px; *zoom:1} .greeting-area:after {content:''; display:block; clear:both} .greeting-area span {float:left; margin-top:30px} .greeting-area div {float:left; width:420px; margin-left:42px; text-align: justify} .greeting-area div strong {display:block; margin-top:30px; font-size:14px} .greeting-area div strong:first-child {margin-top:13px} .greeting-area p {margin-top:10px} .stroty-area {overflow: hidden; margin-top:20px;} .stroty-area img {float:left;} .stroty-area p {margin-left:351px; margin-bottom:8px;} ul.step-info {overflow:hidden; margin-top:12px;} ul.step-info li {float:left; width:200px; height:216px; border:1px solid #e2e2e2; padding:12px 9px 0 9px;} ul.step-info li p {margin-top:12px;} ul.step-info li.step2 {margin:0 13px;} .force-homepage {margin-top:10px; padding:5px 0 10px 0; background:url('https://resource2018.nuskinkorea.co.kr/images/culture/bg-force-homepage.gif') no-repeat 186px top;} .force-homepage a {color:#47abd7;} .force-relief-section {overflow: hidden;} .force-relief-section .photo {float:left; margin:0 10px 10px 0;} .force-relief-section p {margin-top: 12px;} .force-relief-section p a {color:#1796c2; font-size:14px;} .force-relief-section p.first {margin-top: 0;} .tab-width33 > li {width: 31%; margin-right: 1%; padding-left: 1%;} ul.hope-libraly-list {width:724px; margin-left:-16px; padding-top:15px; *zoom:1}/*개선수정0113*/ ul.hope-libraly-list:after {content:''; display:block; clear:both} ul.hope-libraly-list li {float:left; margin-left:16px; margin-bottom:35px;} ul.hope-libraly-list ul li{float:left; margin-left:16px; margin-bottom:35px;} ul.hope-libraly-list li.force_title_num {margin-left: 0px;margin-bottom: 0px;margin-right: 10px;font-size: 38px;letter-spacing: -1px;color: #E6E6E6;} ul.hope-libraly-list li.force_address {margin-left: 0px;margin-bottom: 4px;color: #848484;} ul.hope-libraly-list li.force_address p:first-child {font-size: 13px;font-weight: bold;letter-spacing: -2px;line-height: 12px;} ul.hope-libraly-list li.force_address p:last-child {letter-spacing: normal;font-size: 12px;} .force_image_list1 img {width:100%;text-align: center;} .force_image_list2 img {width:49%;text-align: center;} .force_image_list3 img {width:32.8%;text-align: center;} .force_image_list4 img {width:24.4%;text-align: center;} .movie-link1 {margin-top:15px;} .movie-link1 img {vertical-align: middle; margin-right:10px;} .movie-link1 a {color:#4daed9; text-decoration: underline;} table.table-spon-list {margin-top: 25px;} table.table-spon-list th {border-bottom:1px solid #e2e2e2; padding:10px 0;} table.table-spon-list td {border-bottom:1px solid #e2e2e2; padding:0 0;} table.table-spon-list tr:first-child th, table.table-spon-list tr:first-child td {border-top:2px solid #129dd9;} table.table-spon-list td ul li {padding:10px 0; letter-spacing: -1px;} table.table-spon-list tr.year th, table.table-spon-list tr.year td {border-bottom:none 0;} table.table-spon-list th.table_year {color: #55b2db;font-size: 17px;font-style: italic;font-weight: normal;} table.table-data1.table-faq-list tbody tr td {border-top:none 0; border-bottom:none 0; background:url('https://resource2018.nuskinkorea.co.kr/images/culture/bg-th-line1.gif') repeat-x left bottom;} table.table-data1.table-faq-list tbody tr:first-child td {border-top:1px solid #e2e2e2;} table.table-data1.table-faq-list tbody tr.view td {padding-top:20px; padding-bottom:17px; color:#129dd9; background:#f9f9f9 url('https://resource2018.nuskinkorea.co.kr/images/culture/bg-th-line1.gif') repeat-x left bottom} table.table-data1.table-faq-list tbody tr.show td {background:#f9f9f9 url('https://resource2018.nuskinkorea.co.kr/images/culture/bg-th-line1.gif') repeat-x left bottom;}/*개선추가0113*/ table.table-data1.table-faq-list tbody tr.show td .title {font-weight:bold; color:#757575}/*개선추가0113*/ table.table-data1.table-faq-list tbody tr td.sbj {padding-left:30px; padding-right:30px}/*개선추가0113*/ table.table-data1.table-faq-list tbody .list .sbj {padding-left:21px; padding-right:0}/*개선추가0113*/ .nourish-movie ul {margin-top:30px; *zoom:1} .nourish-movie ul:after {content:''; display:block; clear:both} .nourish-movie ul li {float:left;} .nourish-movie ul li:first-child {margin-right:7px;} table.table-people th {padding:0 0 13px 0;} table.table-people td {vertical-align:top; padding:0 0 13px 0;} table.table-people td b {color:#47abd7;} table.table-people td big {font-size:14px; font-weight: bold;} table.table-people td big span {color:#aaaaaa; font-weight:normal}/*개선수정0113*/ table.table-people td .ment {margin-top:10px;} ul.ambassodor-list {margin-top: 25px; background:url('https://resource2018.nuskinkorea.co.kr/images/culture/mark-ambassodor_bg.gif') repeat-x 0 100%; *zoom:1}/*개선수정0113*/ ul.ambassodor-list:after {/* content:''; */display:block; clear:both}/*개선추가0113*/ ul.ambassodor-list li {float:left; margin-left:6px}/*개선수정0113*/ ul.ambassodor-list li:first-child {margin-left:0}/*개선추가0113*/ ul.ambassodor-list li img {vertical-align: top}/*개선추가0113*/ table.table-ambassodor-list {margin-top:5px}/*개선추가0113*/ table.table-ambassodor-list th {border:1px solid #47abd7; padding:12px 0 10px 14px; text-align: left; color:#a4a4a4; font-weight: normal;} table.table-ambassodor-list th b {color:#47abd7; font-weight: bold} table.table-ambassodor-list .first_top td {padding-top:10px}/*개선추가0113*/ table.table-ambassodor-list td {padding: 0 13px 7px 13px; line-height: 1.4em; letter-spacing: -1px}/*개선추가0113*/ table.table-ambassodor-list td img {vertical-align: middle; margin-top:-2px}/*개선추가0113*/ table.table-list2 tr.detail-subject th, table.table-list2 tr.detail-subject td {color:#626262;} table.table-list2 td.detail {padding:15px;} table.table-list2 td.detail p {margin-bottom:12px;} table.table-list2 td.detail table tr th {border:1px solid #e2e2e2; background:#e2f7ff;} table.table-list2 td.detail table tr td {border:1px solid #e2e2e2; padding:10px; text-align: center;} table.report-table td {letter-spacing: -1px; text-align: left} table.report-table td a.pdf-download {color:#aaaaaa; text-align: left; text-decoration: underline;} table.pds-movie {margin-top:0} table.pds-movie tr td {border-bottom:1px solid #e0e0e0; padding:35px 0 32px 0; } table.pds-movie tr td:first-child {padding-left:0;} table.pds-movie tr td h5 {margin-top:25px; color:#47abd7;} table.pds-movie tr td p.info {height:40px; margin-top:10px;} table.pds-movie tr td ul {margin-top:12px;} table.pds-movie tr td ul li {padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/ico-dot5.gif') no-repeat left 6px;} table.pds-movie tr td strong {display:block; margin-top:25px; padding-left:11px; color:#47abd7; text-align:left}/*개선추가0114*/ table.pds-movie tr td span img {width:213px; height:120px} table.pds-movie tr td div {display:block; margin-top:12px; text-align:left}/*개선추가0114*/ table.pds-print {margin-top:0;} table.pds-print tr td {border-bottom:1px solid #e0e0e0; padding:35px 0 32px 52px} table.pds-print tr td:first-child {padding-left:0;} table.pds-print tr td h5 {margin-top:30px; text-align: center; letter-spacing: -1px;} table.pds-print tr td em {display:block; width:137px; margin-top:30px; text-align: center; letter-spacing: -1px; font-weight:bold}/*개선추가0114*/ table.pds-print tr td span img {width:137px; height:168px} table.pds-photo {margin-top:0;} table.pds-photo tr td {border-bottom:1px solid #e0e0e0; padding:35px 0 32px 0; } table.pds-photo tr td:first-child {padding-left:0;} table.pds-photo tr td h5 {margin-top:30px; text-align:center; letter-spacing: -1px;} table.pds-photo tr td span {display:block; text-align:center} table.pds-photo tr td span img {width:213px; height:120px} table.pds-photo tr td em {display:block; width:213px; margin-top:30px; text-align: center; letter-spacing: -1px; font-weight:bold}/*개선추가0114*/ a.pdf-link {color:#b81b21; text-decoration: underline;} img.pdf-icon {vertical-align:middle;} ul.namecheck-choice {overflow: hidden; margin-top: 20px;} ul.namecheck-choice li {float: left; padding:0 0 0 10px; text-align: center; font-size: 11px; color: #ff8a00;} ol.print-step-list {margin-top:17px;} ol.print-step-list li {margin-bottom: 30px;} ol.print-step-list li p {margin-top: 5px;} h4.h4-print-page {width: 370px; border-bottom: 1px solid #86cde6; padding-bottom: 5px;} h2.h2-print-page {width: 370px; border-bottom: 1px solid #86cde6; padding-bottom: 5px;}/*개선추가0122*/ .successtrip-info {margin-top: 20px;} .successtrip-info ol {position: absolute; left: 43px; bottom: 95px;} .successtrip-info ol li {margin-bottom: 5px; line-height: 100%; font-weight: bold;} .successtrip-info ol li img {vertical-align: middle;} /*프로모션 신규 0212*/ .promo_cruise_info {margin-top:30px; padding:39px 0 16px 24px; border:1px solid #e2e2e2; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg_cruise_info.jpg') no-repeat 0 0} .promo_cruise_info h3 {padding:0; border:0} .promo_cruise_info .btn_go {margin:134px 0 28px 0} .promo_cruise_info .btn_go a {display:inline-block; margin-left:55px} .promo_cruise_info .btn_go a:first-child {margin-left:0} .promo_info {font-weight:bold} .promo_info p {margin-top:5px} .promo_info p:first-child {margin-top:0} .promo_info span {color:#47abd7} /*석세스트립 2015*/ .promo_cruise_info_new {margin-top:34px; padding:22px 0 16px 42px;background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/nuskin_141126.jpg') no-repeat 0 0;width: 710px;height: 475px;} .promo_cruise_info_new .btn_go {position:absolute;top:510px;left:-2px;} .promo_cruise_info_new .btn_go dd {float: left;} .successTrip_text {margin-top: 15px;} .successTrip_text .highlight_font {color: #17A5E3;} .bold_font {font-size: 15px;font-weight: bold;color: #17A5E3;margin-bottom: 5px;} .successTrip_text .gray_font {color: #A9A9A9} .achieve_info {position:relative; margin:19px 0 8px 0; *zoom:1} .achieve_info:after {content:""; display:block; clear:both} .achieve_info h4 {padding-left:11px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_orage_dott.gif') no-repeat 0 6px} .achieve_info .txt {padding-top:4px; *zoom:1} .achieve_info .txt:after {content:""; display:block; clear:both} .achieve_info .txt strong {float:left; padding-left:11px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_orage_dott.gif') no-repeat 0 6px} .achieve_info .txt strong + p ,.achieve_info .txt strong + ul {float:left; margin-left:5px} .achieve_info .txt span {color:#47abd7} .achieve_info .ico {position:absolute; bottom:0; right:0; width:130px; text-align:right} .achieve_info .ico * {vertical-align:top} .achieve_info .txt p , .achieve_info .txt ul {margin-left:11px} .achieve_info .ico span {display:inline-block; margin-top:5px} .achieve_info .ico.mark span {margin-top:0} .achieve_info .ico strong {margin-left:10px} .achieve_info .ico strong:first-child {margin-left:0} table.table-option1 th, table.table-option1 td {padding:10px 4px; letter-spacing: -1px;} /*table.table-option1 th, table.table-option1 .table_header {background: #F7F7F7;}*/ table.table-option1 th {border-top: 1px solid #ddd;} table tr.nucamp td {background:#f0f0f0;} table tr.nucamp td.title, table tr.nucamp td.attend, table tr.nucamp td.try {font-weight:bold; background:#fff;} table tr.nucamp td.attend {color:#47abd7;} table.table-option1 th.result, table.table-option1 td.result {background:#f5fcff;} table td.reply-data {padding: 15px 0 5px 10px;} table td.reply-data p {padding-bottom:5px;} table.table-option1.add {width:611px} table.table-option1 .dis {background:#f0f0f0} ul.reply-list {margin-top:10px;} ul.reply-list li {overflow: hidden; clear: both; border-top: 1px dashed #e2e2e2; padding: 5px 0; font-size:11px; text-align: right; color:#999999;} ul.reply-list li:first-child {border-top: none 0;} ul.reply-list li span {float: left; padding-top:3px;} ul.reply-list li span b {padding-right: 10px;} input.input-subject {width: 60%;} .login-area {overflow: hidden; margin-top: 30px;} .login-area .login-visual {float: left;} .login-area .login-box {float: right; width: 223px; height: 167px; border-top: 1px solid #8bcae5; border-bottom: 1px solid #8bcae5; padding:10px 0 0 10px;} .login-area .login-box h2 {font-size:11px; color:#47abd7; letter-spacing:-1px;}/*개선수정0121*/ .login-area .login-box h2 img {vertical-align: bottom; margin-right:10px;}/*개선수정0121*/ .login-area .login-box ul {margin-top:14px;} .login-area .login-box ul li {clear:both; overflow: hidden; padding-bottom:5px;} .login-area .login-box ul li span {float:left; width:57px; padding-left:9px; padding-top:6px; background: url('https://resource2018.nuskinkorea.co.kr/images/ico-circle4.gif') no-repeat left 8px;} .login-area .login-box ul li input[type="text"], .login-area .login-box ul li input[type="password"] {width:115px;} .login-area .login-box ul li.login-button {padding:7px 0 0 9px;} .login-area .login-box ul.member-data {overflow: hidden; margin-top: 30px;} .login-area .login-box ul.member-data li {clear:right; overflow: hidden; float:right; width:140px; padding-top:10px; padding-bottom:5px;} .login-area .login-box ul.member-data li.medal {float:left; width:60px; padding-top:0;} .login-area .login-box ul.member-data li span {float:left; width:57px; padding-left:9px; padding-top:0; background: url('https://resource2018.nuskinkorea.co.kr/images/ico-circle4.gif') no-repeat left 3px;} .login-area .login-box ul.member-data li b {letter-spacing: -1px;} .login-area .login-box .login-link {margin-top: 15px; padding-left: 9px;} .login-main-contents {overflow: hidden; margin-top: 27px} .login-main-contents .main-contents {float: left; width: 732px; margin-left:-19px;} .login-main-contents .main-contents .section {float: left; width:330px; height:129px; margin:0 0 20px 19px; padding:14px 0 0 15px;} .login-main-contents .main-contents .section ul {padding-top:10px;} .login-main-contents .main-contents .section ul li {margin-top:6px;} .login-main-contents .main-contents .section ul li a {padding-left:10px; font-size: 11px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/ico-arrow-green.gif') no-repeat left 2px;} .login-main-contents .main-contents .section ul li a:hover {color:#47abd7; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/ico-arrow-blue.gif') no-repeat left 2px;} .login-main-contents .main-contents .section.section1 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section1.gif') no-repeat left top;} .login-main-contents .main-contents .section.section2 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section2.gif') no-repeat left top;} .login-main-contents .main-contents .section.section3 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section3.gif') no-repeat left top;} .login-main-contents .main-contents .section.section4 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section4.gif') no-repeat left top;} .login-main-contents .main-contents .section.section5 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section5.gif') no-repeat left top;} .login-main-contents .main-contents .section.section6 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section6.gif') no-repeat left top;} .login-main-contents .main-contents .section.section7 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section9.gif') no-repeat left top;} .login-main-contents .main-contents .section.section8 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section8.gif') no-repeat left top;} .login-main-contents .main-contents .section.section9 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section9.gif') no-repeat left top;} .login-main-contents .main-contents .section.section10 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section10.gif') no-repeat left top;} .login-main-contents .main-contents .section.section11 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section11.gif') no-repeat left top;} .login-main-contents .main-contents .section.section12 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section13.gif') no-repeat left top;} .login-main-contents .main-contents .section.section13 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section14.gif') no-repeat left top;} .login-main-contents .main-contents .section.section14 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section15.gif') no-repeat left top;} .login-main-contents .main-contents .section.section15 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section16.gif') no-repeat left top;} .login-main-contents .main-contents .section.section16 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section17.gif') no-repeat left top;} .login-main-contents .main-contents .section.section17 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section18.gif') no-repeat left top;} .login-main-contents .main-contents .section.section20 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section_s3_15.png') no-repeat left top;} .login-main-contents .main-contents .section.section19 {background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-myoffice-section19.gif') no-repeat left top;} .myoffic_mt5 {margin-top:5px !important;} .login-main-contents .board-list {float:right; width:233px;} .login-main-contents .board-list h4 {overflow: hidden; border-bottom:2px solid #7fc5e3; padding:4px 0 10px 0; text-align:right;} .login-main-contents .board-list h4 span {float:left;} .login-main-contents .board-list h4 a {font-size:11px; color:#7fc5e3;} .login-main-contents .board-list ul {margin-bottom: 30px;} .login-main-contents .board-list ul li {border-bottom:1px solid #e5e5e5; padding:10px 0 7px 9px;} .login-main-contents .board-list ul li a {padding-left:12px; background: url('https://resource2018.nuskinkorea.co.kr/images/ico-circle4.gif') no-repeat left 5px;} .members-class {margin-top:17px; font-weight: bold;} .members-class span {color:#47abd7;} .nu-members-info {overflow: hidden; margin-top:10px;} .nu-members-info p {float:left;} .nu-members-info table {float:left; width:455px; margin-left:63px; margin-top:5px;} .nu-members-info table .use {color: #129dd9;} .nu-members-info table .ready {color: #ff8a00;} .score-info {overflow: hidden; margin-top:15px;} .score-info p {float:left;} .score-info p.point {position: relative; width:238px; margin-right: 45px;} .score-info p.point b {position: absolute; left:48%; bottom:0; color:#47abd7;} .score-info p.info span, .score-info p.info b {color:#47abd7;} .score-info p.info .pts {color:#ff8a00;} .nu-gift-data {margin-top:10px;} .nmbers-para1 {margin-top:10px;} .nmbers-para1 b {color:#47abd7;} .nmbers-para1 img {vertical-align: middle;} ul.nu-gift-list1 {overflow: hidden; margin-top: 13px;} ul.nu-gift-list1 li {float:left; margin-right:28px;} ul.li-col4 > li {width:19%;} ul.li-col4 > li:nth-child(5), ul.li-col4 > li:nth-child(6) {margin-top:20px;} ul.date-tricker-year {position:absolute; top:0; left:255px; height:24px;} ul.date-tricker-year li {line-height: 100%; height:9px; margin-bottom:2px;} ul.date-tricker-year li img {margin-top:0;} ul.date-tricker-month {position:absolute; top:0; right:255px; height:24px;} ul.date-tricker-month li {line-height: 100%; height:9px; margin-bottom:2px;} ul.date-tricker-month li img {margin-top:0;} ul.namecheck-list {overflow: hidden; border-bottom:1px solid #e2e2e2; margin-bottom:10px; padding-left:30px; padding-bottom:18px;} ul.namecheck-list li {float:left; width:215px; text-align:center; color:#ff8a00;} ul.namecheck-list li img {margin-bottom:18px;} .blankInput {font-size: 14pt; border-width: 0px; border-style: 0px; background-color: transparent;} ul.dis-info {margin-top:20px; font-size:11px;} ul.dis-info li input {width:350px; border:none 0; border-bottom:1px solid #eaeaea;} table.table-withdraw-choice {margin-top:3px;} table.table-withdraw-choice tr th, table.table-withdraw-choice tr td {vertical-align: middle; border:1px solid #e2e2e2; padding:3px 3px 1px 3px; font-size: 11px; line-height: 1.3em; letter-spacing: -1px;} .nuclub-class {border:1px solid #e2e2e2; padding:0 18px 20px 18px}/*개선수정0121*/ .nuclub-tab {height:36px}/*개선수정0121*/ .nuclub_txt {margin:30px 0 10px 0; font-size:16px; font-weight:bold}/*개선수정0121*/ .nuclub-space {padding-left:2px}/*개선수정0121*/ .campain-info {width:420px; border:1px solid #e2e2e2; margin:15px auto 0 auto; padding:20px 25px;} .campain-info th {vertical-align: top; padding:0 10px 5px 0;} .campain-info td {vertical-align: top;} table.table-zipcode-change {width:470px; border-top:2px solid #1aa4cb; margin:0 auto;} table.table-zipcode-change tr th {vertical-align: middle; border-bottom:1px solid #cdcdcd; padding:6px 0 6px 0; font-weight: bold; letter-spacing: -1px; background:#eaf6fa;} table.table-zipcode-change tr td {vertical-align: middle; border-bottom:1px solid #cdcdcd; padding:6px 0 6px 18px;} .zipcode-complete {width:470px; margin:0 auto; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:28px 0 25px 0; line-height: 1.2em;} .popup-manual {width: 640px; height:781px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-popup-manual.gif') no-repeat left top;} .popup-manual .layer-header {position: relative; padding: 11px 0 7px 12px; color: #757575; font-weight: bold; background: none;} .popup-manual .layer-header button {display: block; cursor: pointer; position: absolute; top: 10px; right: 7px; width: 12px; height: 12px; color: #fff; font-weight: bold; text-indent: -9999px; font-size: 8px; border: none; background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-layer-close2.gif') no-repeat left top;} .popup-manual .layer-contents { padding: 28px 8px 0 8px; line-height: 1.8em;} .popup-manual .layer-contents h2 {margin-bottom: 0; padding-bottom: 0; border-bottom: none 0;} .layer-contents .content-view {text-align: center;} ul.manula-link {overflow: hidden; padding-left:20px;} ul.manula-link li {float:left; margin-right:1px;} .manual-home-area {width:584px; height:506px; margin:25px 0 0 20px; overflow: auto; overflow-x: hidden;} .manual-pannel {position: relative; margin-top:12px;} .manual-pannel dl {position:absolute; cursor: pointer;} .manual-pannel dl dd {position: absolute; display: none;} .manual-pannel dl:hover dd {display: block;} .manual-pannel dl.quick {top:0; right:117px;} .manual-pannel dl.quick dd {margin-left:-60px;} .manual-pannel dl.biz {top:0; right:57px;} .manual-pannel dl.biz dd {margin-left:-60px;} .manual-pannel dl.event {top:0; right:3px;} .manual-pannel dl.event dd {margin-left:-80px;} .manual-pannel dl.people {top:306px; left:21px;} .manual-pannel dl.people dd {margin-left:-10px; margin-top:-5px;} .manual-pannel dl.product {top:306px; left:125px;} .manual-pannel dl.product dd {margin-left:-15px; margin-top:-5px;} .manual-pannel dl.culture {top:306px; left:230px;} .manual-pannel dl.culture dd {margin-left:-15px; margin-top:-5px;} .manual-pannel dl.oppor {top:306px; left:331px;} .manual-pannel dl.oppor dd {margin-left:-15px; margin-top:-5px;} .manual-pannel dl.shopping {top:306px; left:458px;} .manual-pannel dl.shopping dd {margin-left:-50px; margin-top:-5px;} /* 개선작업 */ .m0 {margin:0 !important} .mt0 {margin-top:0 !important} .mt10 {margin-top:10px !important} .mt20 {margin-top:20px !important} .mt40 {margin-top:40px !important} .pagination {*zoom:1; line-height:14px} .pagination * {display:inline-block; vertical-align:middle} .pagination > a {display:inline-block; padding:0 3px 0 3px} .pagination > span {display:inline-block} .pagination .pagingFirst, .pagination .pagingLast {padding:3px 2px} .pagination .pagingPrev {padding:3px 1px 3px 2px; text-indent:-9999px} .pagination .pagingNext {padding:3px 2px 3px 1px} .pagingFirst {display:inline-block; width:9px; height:7px; background:url('https://resource2018.nuskinkorea.co.kr/images/btn/btn_page_first.gif') no-repeat 50% 50%} .pagingPrev {display:inline-block; width:4px; height:7px; background:url('https://resource2018.nuskinkorea.co.kr/images/btn/btn_page_prev.gif') no-repeat 50% 50%} .pagingNext {display:inline-block; width:4px; height:7px; background:url('https://resource2018.nuskinkorea.co.kr/images/btn/btn_page_next.gif') no-repeat 50% 50%} .pagingLast {display:inline-block; width:9px; height:7px; background:url('https://resource2018.nuskinkorea.co.kr/images/btn/btn_page_last.gif') no-repeat 50% 50%} .pagingFirst > span, .pagingPrev > span, .pagingNext > span, .pagingLast > span {overflow:hidden; visibility:hidden; width:0; height:0; text-indent:-9999px;line-height:0; font-size:0} .pagination .on {font-weight:bold; color:#FD8F0E} .pagination a:hover {color: #FD8F0E; font-weight:bold} .thumb div img {width:188px; height:117px} .dash-list2 {margin:5px 0 0 7px} .dash-list2 li {padding-left:10px; color:#757575; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/blt_dash.gif') no-repeat 0 7px} /* goods-etc 탭 플러그인 css 수정 */ .ui-tabs .ui-tabs-nav {padding:0 !important} .ui-tabs .ui-tabs-nav li {margin:1px 0 -1px 0 !important} .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {background:#fff !important; border-top-left-radius:4px; border-top-right-radius:4px;} .ui-widget-header {background:none !important; border:none !important; } .ui-widget-content {background:none !important; border:0 !important; border-radius:0 !important} .ui-tabs .ui-tabs-panel {padding:30px 20px !important; border-top-left-radius:0 !important;imborder-top-right-radius:5px !important; border-bottom-left-radius:5px !important; border-bottom-right-radius:5px !important;} .ui-corner-all {border-top-right-radius: 0px !important; border-top-left-radius: 0px !important} .ui-corner-top {border:1px solid #eaeaea !important; border-bottom:0 !important; border-top-left-radius:5px; border-top-right-radius:5px;} .ui-tabs-active.ui-state-active {border:1px solid #4ebbe1 !important; border-bottom:0 !important; border-top-left-radius:4px; border-top-right-radius:4px;} .ui-tabs.ui-widget.ui-widget-content.ui-corner-all {width:100%} /* goods-etc 전면 수정 */ .goods-etc {position:relative; width:988px; margin-top:20px;} .goods-etc ul.tab-list {width:100%} .goods-etc ul.tab-list li a {display:inline-block; padding:9px 0 8px 0; width:206px; text-align: center; font-weight: bold; letter-spacing: -1px} .goods-etc ul.tab-list li a, .goods-etc ul.tab-list li a:link, .goods-etc ul.tab-list li a:visited {color:#757575} .goods-etc ul.tab-list li.ui-tabs-active a {color:#4ebbe1} .goods-etc ul.tab-list li.ui-tabs-active span {background:url('https://resource2018.nuskinkorea.co.kr/images/product/ico-tabs-on.gif') no-repeat left 4px} .goods-etc .detail-box {background:#fff !important; border:1px solid #4ebbe1 !important;/* border-top:0 !important */ border-top-right-radius: 4px !important} .goods-etc .detail-box p {padding-top:20px; line-height:18px} .goods-etc .detail-box p:first-child {padding-top:0} .join .goods-etc .detail-box p {padding-top:10px} table.table-shipping th {vertical-align:middle; border-top:1px dashed #eaeaea; padding:10px 0 10px 17px; text-align:left; color:#424242} table.table-shipping td {border-top:1px dashed #eaeaea; padding:10px 17px 10px 21px} table.table-shipping td ul li {padding-left:12px; line-height: 1.6em; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_blue_dott.gif') no-repeat left 8px;line-height:18px;font-size: 12px;} table.table-shipping td ul li ul li {padding-left:0; background:#fff;} table.table-shipping tr:first-child th, table.table-shipping tr:first-child td {border-top:none 0; padding-top:0} /*신규 사이트맵*/ .sitemap_tit {padding:36px 0 0 0; *zoom:1} .sitemap_tit:after {content:""; display:block; clear:both} .sitemap_tit h2 {float:left; width:91px} .sitemap_tit p {float:left; width:295px; margin:5px 0 0 10px} .sitemap_stit {padding:0 0 10px; margin:48px 0 0 0; border-bottom:1px solid #389dc9} .sitemap_list {margin:30px 0 0 0; *zoom:1} .sitemap_list:after {content:""; display:block; clear:both} .sitemap_list > li {float:left; width:204px; padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/sitemap/sitemap_deco.gif') no-repeat left 5px} .sitemap_list > li > ul {margin:17px 0 0 0} .sitemap_list > li li {padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/sitemap/sitemap_deco02.gif') no-repeat left center; line-height:18px} .site_list03 {background:url("https://resource2018.nuskinkorea.co.kr/images/sitemap/bg_line_site3.gif") repeat-y 0 0} .site_list04 {background:url("https://resource2018.nuskinkorea.co.kr/images/sitemap/bg_line_site4.gif") repeat-y 0 0} .site_list04 li.slist1 {height:183px} .site_list04 li.slist2 {height:177px} .site_list04 li.slist3 {height:64px} .site_list04 li.slist4 {height:186px} .site_list04 li.slist5 {height:105px} .site_list04 li.slist6 {height:164px} /*홈페이지 이용안내*/ .layer-st02 {min-width:400px; border:1px solid #cdcdcd} .layer-st02 .layer-header {border:0; border-radius:0; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_layer-header_02.gif') repeat-x 0 0; color:#747474} .layer-st02 button {color:#9a9a9a; background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-layer-close3.gif') no-repeat 0 0} .layer-st02 .layer-contents h2 {padding:0 0 0 12px; margin:15px 0 0 0; border:0; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_pop_tit_left.gif') no-repeat 0 0} .layer-st02 .layer-contents {border:0; border-radius:0} .layer-st02 .layer-contents h2 span {display:block; padding:10px 12px 19px 0; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_pop_tit_right.gif') repeat-x 100% 0} .check_login {margin:20px 0 0 0} .check_login > p {margin-bottom:7px; text-align:center} .check_login span {display:inline-block; margin-right:15px; vertical-align: middle} .deco02 {width:307px; margin:10px auto; padding-left:5px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_pop_deco.gif') no-repeat left center; text-align:center} .tab_list{position:relative; margin:12px 17px 0 17px; padding:25px 0 0; *zoom:1} .tab_list:after {content:""; display:block; clear:both} .tab_list > li {float:left; width:100%; height:auto; margin-left:1px} .tab_list > li:first-child {margin-left:0} .tab_list li .tab_content{display:none} .tab_list li.on .tab_content{display:block} .tab_list > li > a {position:absolute; left:0; top:0; height:25px} .tab_list .tab_wd01 > a {left:0} .tab_list .tab_wd02 > a {left:146px} .tab_list .tab_wd03 > a {left:292px} .tab_list .tab_wd04 > a {left:437px} .pop_scroll {height:505px; margin:25px 0 0 0; overflow-y:scroll} .pop_scroll h4 {margin:15px 0 10px} .pop_scroll .spot {margin-top:25px; *zoom:1} .pop_scroll .spot:first-child {margin-top:0} .pop_scroll .spot:after {content:""; display:block; clear:both} .pop_scroll .spot span {float:left} .pop_scroll .spot div {float:right; width:274px; margin-right:9px} .pop_scroll .spot div p {line-height:18px} .spot .deco {margin:14px 0 0 0; padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_pop_deco.gif') no-repeat 0 7px} .spot .deco_list {margin-top:14px} .spot .deco_list li {padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_pop_deco.gif') no-repeat 0 7px; line-height:18px} .spot .deco_list li > a {vertical-align:top} .pop_scroll .txt {margin:21px 0 6px; line-height:18px; *zoom:1} .pop_scroll .txt:after {content:""; display:block; clear:both} .pop_scroll .txt dt {float:left; padding:0 5px 0 10px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_pop_deco.gif') no-repeat 0 7px; font-weight:bold; color:#757575} .pop_scroll .txt dt span, .pop_scroll .txt dd span {color:#48abd5} .pop_scroll .txt dd {float:left; width:462px} .pop_scroll .txt_in {margin-left:10px} .pop_scroll .img_txt {*zoom:1} .pop_scroll .img_txt:after {content:""; display:block; clear:both} .pop_scroll .img_txt li {float:left; margin-left:3px} .pop_scroll .img_txt li:first-child {margin-left:0} .pop_scroll .img_txt li span {display:inline-block} .pop_scroll .img_txt li p {margin-top:2px; text-align:center; line-height:20px} .tab_content .txt_point {margin:20px 0 0 0; padding:0 0 5px; font-weight:bold; color:#757575; line-height:14px; letter-spacing:-1px; border-bottom:1px solid #e2e2e2} .tab_content .txt_point img {vertical-align:top} .tab_content .txt_add {margin:30px 0 15px; line-height:18px} .point_orange {margin:3px 0 0 0; color:#ff8a00} .point_blue {color:#48aad7} .main_guide {position:relative; width:584px; height:456px; background:url('https://resource2018.nuskinkorea.co.kr/images/guide/bg_pop_main_guide.jpg') no-repeat; text-align:center} .main_guide .g01 {position:absolute; right:116px; top:0px; width:50px; height:16px; text-indent:-9999px} .main_guide .g02 {position:absolute; right:57px; top:0px; width:60px; height:16px; text-indent:-9999px} .main_guide .g03 {position:absolute; right:2px; top:0px; width:54px; height:16px; text-indent:-9999px} .main_guide .g04 {position:absolute; left:22px; bottom:113px; width:92px; height:33px; text-indent:-9999px} .main_guide .g05 {position:absolute; left:117px; bottom:113px; width:112px; height:33px; text-indent:-9999px} .main_guide .g06 {position:absolute; left:230px; bottom:113px; width:93px; height:33px; text-indent:-9999px} .main_guide .g07 {position:absolute; right:126px; bottom:113px; width:138px; height:33px; text-indent:-9999px} .main_guide .g08 {position:absolute; right:0; bottom:113px; width:126px; height:33px; text-indent:-9999px} .main_guide .g01_layer_1 {position:absolute; right:103px; top:17px; width:129px; height:62px} .main_guide .g01_layer_2 {position:absolute; right:50px; top:17px; width:129px; height:62px} .main_guide .g01_layer_3 {position:absolute; right:0; top:17px; width:129px; height:62px} .main_guide .g01_layer_4 {position:absolute; left:8px; bottom:56px; width:168px; height:61px} .main_guide .g01_layer_5 {position:absolute; left:112px; bottom:56px; width:168px; height:61px} .main_guide .g01_layer_6 {position:absolute; left:215px; bottom:56px; width:168px; height:61px} .main_guide .g01_layer_7 {position:absolute; right:95px; bottom:56px; width:168px; height:61px} .main_guide .g01_layer_8 {position:absolute; right:0; bottom:56px; width:168px; height:61px} .pop_footer {padding:30px 0 10px; text-align:center} .pop_close {position:absolute; right:10px; top:10px} .private_scroll {height:485px; margin:25px 0 30px 0; padding:0 14px 0 18px;overflow-y:scroll; overflow-x:hidden} .private_scroll h3, .private_scroll h4, .private_scroll h5 {margin:25px 0 0 0; font-weight:normal} .private_scroll h3:first-child {margin-top:0} .private_scroll p:first-child {margin-top:0} .private_scroll > p {margin:15px 0 0 0} .private_scroll ul {margin:15px 0 0 20px} .private_scroll li {margin-top:10px; text-indent:-20px} .private_scroll li ul {margin:5px 0 0 20px} .private_scroll li ul li {margin:0} .private_scroll li p {margin-left:10px; text-indent:-10px} .private_scroll li li li ul {margin:0 0 0 20px} .private_scroll li li li li {text-indent:-14px} .private_scroll strong {display:block; margin-top:15px} .private_scroll .space {padding-left:6px} .private_scroll .list_space {margin:5px 0 0 10px !important} .private_scroll .list_space li {text-indent:-10px} .private_scroll .list_space02 li {margin-top:0; text-indent:-15px} .private_scroll .list_none {margin:15px 0 0 0} .private_scroll .list_none li {margin:0; text-indent:0} .pre_private {display:inline-block; margin-top:30px} .pre_private:hover {color:#48AAD7} .private_table {width:100%; border:1px solid #cec9c9; text-align:center} .private_table th, .private_table td {padding:4px; border-left:1px solid #cec9c9; border-bottom:1px solid #cec9c9; vertical-align:middle; line-height:16px} .private_table th {background:#eee;} /* 우편번호 변경 캠페인*/ .layer_office {min-height:580px; padding:11px 20px} .office_tit {margin-top:16px; text-align:right} .layer-contents .office_tit h2 {margin-top:5px; border:0} .office_stit {margin-top:60px} .office_cont {padding:20px 0 28px; margin:10px 0 15px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2} .office_cont ul {overflow:hidden; margin:27px 0 0 0; text-align:center} .office_cont li {float:left; margin-left:18px; color:#ff8a00; vertical-align:middle} .office_cont li:first-child {padding-left:19px; margin-left:0; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/zip_code_deco.gif') no-repeat left 25px} .office_cont li p {margin-top:10px} .office_cont .txt_in02 {margin-bottom:15px; color:#15a6d5} .office_cont > p {color:#565656} .txt_in03 {margin-bottom:30px; text-align:center} .tbl_style02 {width:100%; border-top:3px solid #1aa4cb} .tbl_style02 th {background:#ebf6fa; text-align:center; color:#747675} .tbl_style02 th, .tbl_style02 td {padding:10px 0 8px; border-bottom:1px solid #cdcdcd} .tbl_style02 td {padding:10px 0 8px 12px} .first-left {padding-top:15px; text-align:left; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/zipcode_img01_bg.gif') no-repeat 320px 0} .office_lottery {padding:19px 0 14px 26px; margin:15px 0 0 0; border:1px solid #e2e2e2; *zoom:1; line-height: 18px} .office_lottery:after {content:''; display:block; clear:both} .office_lottery dt {float:left; width:89px } .office_lottery dd {float:left; width:329px; padding:0 0 8px 20px} .txt_space {margin-top:11px; font-weight:bold; color:#0786b9} .txt_agree {margin-top:35px; text-align:right } .txt_agree * {vertical-align:middle} .txt_agree > a {margin-left:10px} /* 회원탈퇴 이유 */ .layer_withdraw {padding:11px 19px} .layer_withdraw h2 {padding:0; margin:0; border:0} .layer_withdraw h3 {color:#565656; text-align:center; font-size:16px} .layer_withdraw dl {margin-top:26px; font-weight:bold; color:#767676; *zoom:1} .layer_withdraw dl:after {content:''; display:block; clear:both} .layer_withdraw dt {float:left; clear:both; font-size:11px} .layer_withdraw dd {float:left; width:370px; margin-left:5px} .layer_withdraw dd.wd01{width:397px} .layer_withdraw dd.wd01 div {*zoom:1} .layer_withdraw dd.wd01 div:after {content:""; display:block; clear:both} .layer_withdraw dd.wd01 div span {float:left; width:20px} .layer_withdraw dd input[type="text"] {border:0; height:15px; border-bottom:1px solid #eaeaea; font-weight:bold} .layer_withdraw dd.wd01 div span input[type="text"] {float:left;} .tbl_stlye03 {vertical-align:middle} .tbl_stlye03 th {font-weight:normal} .tbl_stlye03 th, .tbl_stlye03 td {padding:7px 0 6px; border:1px solid #e2e2e2; vertical-align:middle} .tbl_stlye03 td {vertical-align:top} .tbl_stlye03 td > div {*zoom:1} .tbl_stlye03 td > div:after {content:''; display:block; clear:both} .tbl_stlye03 td label {line-height:16px} .tbl_stlye03 td span {float:left; width:200px; margin-left:5px} .tbl_stlye03 td em {float:left} .tbl_stlye03 td input[type="checkbox"] {float:left; margin:0 4px; padding:0} .draw_check > div {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2} .etc {padding:9px 8px} .txt_left {margin-left:13px} .txt_left li input[type="checkbox"] {margin:0 4px; padding:0; vertical-align:middle} .txt_in04 {margin-top:5px; text-align:center} .txt_in04 > strong {color:#32a2ca} .withdraw_foot {*zoom:1} .withdraw_foot:after {content:''; display:block; clear:both} .withdraw_foot p {float:left} .withdraw_foot span {float:right} /* 찾아오시는 길 전미성 */ .come_tit {margin-top:41px; *zoom:1} .come_tit:after {content:''; display:block; clear:both} .come_tit h2 {float:left; width:136px} .come_tit p {float:left; width:192px; margin:10px 0 0 10px} .come_cont {margin-top:48px; *zoom:1} .come_cont:after {content:''; display:block; clear:both} .come_cont li {position:relative; float:left; margin:0 0 34px 35px} .come_cont li:first-child {margin-left:0} .come_cont li.ml0 {margin-left:0} .come_cont h3 {margin-bottom:13px} .come_cont .more {position:absolute; right:0; top:12px} .come_cont span img {border:1px solid #eaeaea} .come_stit {margin-top:29px} .scont {margin:30px 0 15px; *zoom:1} .scont:after {content:''; display:block; clear:both} .scont > span {float:left} .scont > span img {border:1px solid #eaeaea} .scont .fl_left {width:513px; margin-left:29px} .scont .fl_left > p {margin:18px 0 0 0} .scont div {float:left; width:310px; margin-left: 30px;} .scont div p {margin:14px 0 0 0; line-height:20px} .scont div p:first-child {margin-top:-3px} .scont div p span {color:#48aad7} .scont .btn_detail {display:block; margin-top:20px} .tbl_style01 {width:100%; border:1px solid #e2e2e2; line-height:18px} .tbl_style01 th {padding:5px 0; background:#f9f9f9} .tbl_style01 td {padding:5px 0 5px 12px; } .tbl_style01 th, .tbl_style01 td {border-bottom:1px solid #e2e2e2; vertical-align:middle} .sdeco {margin:30px 0 0 0; padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/comeroad/come_deco.gif') no-repeat 0 50%} .come_h4 {*zoom:1} .come_h4:after {content:''; display:block; clear:both} .come_h4 h4 {float:left;} .come_h4 .btn_map {float:left; margin:25px 0 0 15px} caption {overflow:hidden; visibility:hidden; width:0; height:0; text-indent:-9999em; line-height:0; font-size:0} .img_slide {position:relative; margin-top:15px} .img_slide .btn_pre {position:absolute; left:14px; top:176px} .img_slide .btn_next {position:absolute; right:16px; top:176px} .img_slide .img_box {overflow:hidden; text-align:center; width:613px; height:394px; margin:0 auto; } .img_slide .img_box p.on {display:block} .img_slide .img_box p {display:none} .img_slide .img_box p img {width:613px; height:394px} .sroad {margin-top:8px} .sroad img {border:1px solid #e2e2e2} .sroad_list {margin-top:18px; line-height:20px;} /*썸네일 test*/ .thumbTestH .thumb {width:215px; height:122px} .thumbTestH .thumb img {width:213px; height:120px} table.table-story.thumbTestH td.thumb div {width:215px; height:122px} table.table-story.thumbTestH td.thumb div img {width:213px; height:120px} .thumbTestV .thumb {width:139px; height:170px} .thumbTestV .thumb img {width:137px; height:168px} .thumbTestH .well-down li {width:45%} .product_thumb .thumb-link {text-align:center} .product_thumb .thumb-link img {width:auto; height:88px} .table-data1.thumbTestH tbody td.sbj .thumb {display:inline-block; width:100%; height:90px; text-align:center; border:1px solid #E6E6E6} .table-data1.thumbTestH tbody td.sbj .thumb .banner100 {width:auto; height:88px; margin-right:0; border:0} /* 마이오피스 메인 0121 */ .pt0 {padding-top:0 !important} /*zerobell @media only screen and (max-width:569px) { #gnb > ul > li {padding:0 20px} #container.sub-page #sub-navigation {width:143px; margin-right:20px} #container.sub-page #contents {width:605px} }*/ /* 쇼핑 신규 0224 */ .product_list {width:205px; padding:24px 14px 34px 14px; border-radius:4px; background:#fff;} .product_list.on {border:1px solid #39b5ef} .product_list input[type="text"] {/* width:57px; */ width:43px; height:28px; padding:0 6px; margin:0 3px 0 0; font-weight:bold; border-radius:2px; text-align:center;} .product_list .thumb-numbering {padding:0; vertical-align:top} .product_list .thumb-numbering * { vertical-align:top} .product_list .info-area {height:42px; letter-spacing:-1px} .product_list .info-area .pv {margin-right:10px; color:#a4a4a4; font-weight:bold;} .product_list .info-area .price {color:#FF7200; font-weight:bold;} .product_list .sbj {height:30px; margin-top:0; padding-top:12px; border-top: 1px solid #E5E5E5;} .product_list .thumb-numbering .prev-page {margin-right:1px} .product_list .thumb-numbering .next-page {margin-right:14px} .product_list .thumb {display:block; text-align:center} .current_shopping {position:relative; width:970px; height:13px; padding:13px 0 13px 18px; background:url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_basket.png') no-repeat 0 0} .current_shopping strong {padding:0 10px 0 0; background:url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_amount.gif') no-repeat right center } .current_shopping em {color:#4ebbe1; font-weight:bold} .current_shopping .amount{margin-left:8px} .current_shopping > span {margin-left:19px} .current_shopping .btn_basket {position:absolute; right:0; top:1px} .shopping_product {*zoom:1} .shopping_product:after {content:""; display:block; clear:both} .shopping_product .breadcrumb {float:left; width:auto; padding: 27px 0 11px 0; text-align: left; border-bottom: none;} .shopping_product .breadcrumb li {display: inline; padding: 0 3px 0 11px; background: url('https://resource2018.nuskinkorea.co.kr/images/common/bg_breadcrumb.png') no-repeat 0 2px} .shopping_product .breadcrumb li em {font-weight:bold; color:#28a6dd} .shopping_product .breadcrumb li:first-child {padding-left: 0;background: none;} .shopping_product .breadcrumb-search {float:right; margin:15px 0 13px 0; *zoom:1;margin-right: 1px;} .shopping_product .breadcrumb-search:after {content:""; display:block; clear:both} .shopping_product .breadcrumb-search > div {position:relative; float:left; margin-left:10px; z-index:10} .shopping_product .breadcrumb-search > div:first-child {margin-left:0} .ui-select > a {display:block; padding:5px 26px 6px 10px; border:1px solid #e8e8e9; background:#fff url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_select.png') no-repeat 100% 50%; border-radius:4px} .ui-select > a img {display:inline-block; vertical-align:middle; margin-right:4px} .ui-select ul {display:none; z-index:1; position:absolute; top:25px; left:0; min-width:49px; padding:3px 5px; border-left:1px solid #e8e8e9; border-right:1px solid #e8e8e9; border-bottom:1px solid #e8e8e9; background:#fff} .ui-select ul.on {display:block} .ui-select li a {display:block; width:auto; padding:2px 0 2px 5px; line-height:15px} .ui-select li a img {margin-right:3px; vertical-align:middle} .ui-select.pv > ul {min-width:43px} .ui-select.price > ul {min-width:41px} .ui-select.best > ul {min-width:74px} .ui-select.Language > a { padding:4px 26px 3px 10px} .ui-select.Language > a:hover {color:#757575} .ui-select.Language > ul { min-width:94px} /* .dSelect .jqListBox {position:relative;top:0;left:0;display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px;font-family:"돋움",Dotum, arial, Sans-serif} */ /* 전체 폰트 변경 2015-09-10 */ .dSelect .jqListBox {position:relative;top:0;left:0;display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px;font-family:"맑은 고딕", Malgun Gothic, arial, Sans-serif} .dSelect .jqListBox * {margin:0;padding:0;vertical-align:middle;text-decoration:none;} .dSelect .jqListBox *:focus{outline:none;} .dSelect .jqListBox-combo {display:block;height:20px;padding:1px 0; border:1px solid #e8e8e9;border-radius:4px; white-space:nowrap;font-size:12px;line-height:20px;color:#666;cursor:pointer;background:#fff;*zoom:1;} .dSelect .jqListBox-combo:after {content:"";display:block;clear:both} .dSelect .jqListBox-combo-txt {float:left;overflow:hidden;text-overflow:ellipsis;text-indent:10px;background:#fff} .dSelect .jqListBox-combo-arrow {float:left;width:20px;height:20px; background:#fff url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_select.png') no-repeat 100% 50%} .dSelect .jqListBox-combo-arrow.on {background:#fff url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_select.png') no-repeat 100% 50%} .dSelect .jqListBox-list {overflow-x:hidden;overflow-y:auto;position:absolute;top:auto;left:0;background:#fff;border:1px solid #ccc;list-style:none;z-index:1;} .dSelect .jqListBox-option{display:block;overflow:hidden;padding:3px 0;text-indent:10px;color:#666;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;} .dSelect .jqListBox-option:focus, .dSelect .jqListBox-option:hover, .dSelect .jqListBox-option.selected {color:#ff7300} /* .dbSelect .jqListBox {position:relative;top:0;left:0;display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px;font-family:"돋움",Dotum, arial, Sans-serif} */ /* 전체 폰트 변경 2015-09-10 */ .dbSelect .jqListBox {position:relative;top:0;left:0;display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px;font-family:"맑은 고딕", Malgun Gothic, arial, Sans-serif} .dbSelect .jqListBox * {margin:0;padding:0;vertical-align:middle;text-decoration:none;} .dbSelect .jqListBox-combo {display:block;height:20px;padding:1px 0; border:1px solid #e8e8e9;border-radius:4px; white-space:nowrap;font-size:12px;line-height:20px;color:#666;cursor:pointer;background:#fff;*zoom:1;} .dbSelect .jqListBox-combo:after {content:"";display:block;clear:both} .dbSelect .jqListBox-combo-txt {float:left;overflow:hidden;text-overflow:ellipsis;text-indent:10px;font-size:13px;color:#555;font-weight:bold;background:#fff} .dbSelect .jqListBox-combo-arrow {float:left;width:19px;height:20px; background:#fff url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_select02.png') no-repeat 100% 50%} .dbSelect .jqListBox-combo-arrow.on {background:#fff url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_select02.png') no-repeat 100% 50%} .dbSelect .jqListBox-list {overflow-x:hidden;overflow-y:auto;position:absolute;top:auto;left:0;background:#fff;border:1px solid #ccc;list-style:none;z-index:1;} .dbSelect .jqListBox-option{display:block;overflow:hidden;padding:3px 0;text-indent:10px;color:#666;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;} .dbSelect .jqListBox-option:focus, .dbSelect .jqListBox-option:hover, .dbSelect .jqListBox-option.selected {color:#ff7300} .search {position: absolute; top:10px; right:13px} .search fieldset {width:232px; height:21px; border:1px solid #e7e7e8; border-radius:4px} .search .input_text {overflow: hidden; width:203px; height:19px; border:0; padding-left: 5px; line-height: 14px; color: #666; border-radius:4px} .search .btn_search {position: absolute; top:0; right:0; width:23px; height:21px; background:url('https://resource2018.nuskinkorea.co.kr/images/btn/btn_shopping_search.gif') no-repeat 0 0} .txt_words {position:relative; margin-top:20px; padding:17px 15px 16px 28px;border:1px solid #eaeaea; border-radius:4px; background:#fff; line-height:20px} .point_blue {font-weight:bold;color:#47abd7} .txt_words .btn_cart01 {position:absolute; right: 14px; top: 12px;} .txt_words .btn_modify {position:absolute; right: 14px; top: 12px;} .tit_both {/* *zoom:1 */} .tit_both:after {content:''; display:block; clear:both} .tit_both h3 {float:left; margin-bottom:9px; line-height:22px;} .tit_both span {float:right; margin:19px 0 0 0} .tit_both span * {vertical-align:middle;} .tit_both span a {vertical-align:top} .tit_both .btn_modify {float:left; margin:19px 0 0 10px} .shTable01 .point_txt {text-align:left; line-height:18px} .shTable01 .point_txt strong {display:block; color:#47abd7} .shTable02 tbody td.zip p {margin-top: 5px;} .shTable02 tbody td.zip p:first-child {margin-top: 0;} .shTable02 .email_sel {width:89px; height:21px} .shTable02 .rborder_none {border-right:none;} .shTable02 .txt_bg {padding:13px 30px 13px 0; border-left:none; } .shTable02 .txt_bg p {line-height:18px; border-left: 1px solid #eaeaea; padding: 4px 0 4px 31px;} .shTable02 .txt_bg p em {margin-right:5px} .shTable02 .list_txt {margin-top:10px} .shTable02 .list_txt li {line-height:18px; letter-spacing:-1px} .shTable02 .inner input[type="radio"] {margin-left:42px;} .shTable02 .inner input[type="radio"]:first-child, .shTable02 .inner02 input[type="radio"]:first-child {margin-left:0} .shTable02 .inner02 input[type="radio"] {margin-left:27px;} .shTable02 td.inp02 {padding:7px 10px 29px 27px} .shTable02 .spot_input {font-size:11px; *zoom:1} .shTable02 .spot_input:after {content:''; display:block; clear:both} .shTable02 .spot_input input[type="checkbox"] {float:left; margin-top:5px;} .shTable02 .spot_input label {float:left; width:284px; margin-left:10px; line-height:14px} .shTable02 .inner_txt * {vertical-align:middle} .shTable02 .inner_txt label {margin-right:10px} .shTable02 .inner_txt input[type="radio"] {padding:0; margin:0 2px 0 0} .sale-view {padding:26px 0 20px 152px; background:#fff; border:1px solid #eaeaea; border-bottom-left-radius:4px; border-bottom-right-radius: 4px } .sale-view .obj {padding-left: 13px; background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_orage_dott.gif') no-repeat 0 4px; color: #FA7619;} .sale-view > ul {margin:5px 0 0 10px;} .sale-view ul li {line-height:20px;} .sale-view ul li span, .sale-view .inter02 {margin-left:89px} .sale-view ul li .inter01 {margin-left:73px} .sale-view ul li .inter03 {margin-left:15px} .sale-view ul li .inter04 {margin-left:101px} .sale-view ul li .inter05 span {margin-left:53px} .sale-view.border_none {border-top:none} .sale-link-box {padding: 22px 10px 19px 33px; background:#fff; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; *zoom:1} .sale-link-box:after {content:''; display:block; clear:both} .sale-link { float: left; width: 450px; *zoom:1} .sale-link:after {content:''; display:block; clear:both} .sale-link.fr_link {float:right;} .sale-link span {float:left} .salelink_txt {float: right; padding-left: 20px; width: 331px; border-left: 1px solid #eaeaea;} .sale-link img {vertical-align: middle;} .sale-link .obj { font-weight: bold; font-size: 14px;} .sale-link ul li {margin-top: 9px; padding: 0 0 0 13px; background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_orage_dott.gif') no-repeat 0 4px;} .sale-link ul li a {overflow: hidden;} .sale-link ul li:first-child {margin-top:20px} .sale-link ul li span {display: inline-block; width:196px;} .sale-link ul li span:hover {color:#FA7619} .sale-link ul li img { vertical-align:middle; } .tbl_join01 {width:100%; border-top:1px solid #e2e2e2} .tbl_join01 th, .tbl_join01 td {font-size:12px; border-bottom:1px solid #e2e2e2; vertical-align:middle;} .tbl_join01 th {padding:8px 0 8px; background:#f9f9f9; color:#757575} .tbl_join01 td {padding:8px 0 8px 20px} .tbl_join01 .input_txt {width:153px; background:#f9f9f9} .tbl_join01 .btn_search {margin-left:6px} .tbl_join02 tbody td {padding:5px 10px 5px 21px} .tbl_join02 .btn_change {margin-left:11px} .tbl_join02 .btn_spot {margin-left:8px} .tbl_join02 .info {padding:11px 10px 10px 21px} .tbl_join02 .info span {display:block; margin-bottom:5px;} .tbl_join02 .info label {font-weight:bold; vertical-align:middle; margin-right:78px} .tbl_join02 .info input[type="radio"] {width:14px; height:14px; margin:0 4px 0 0; padding:0; vertical-align:middle} .tbl_join02 .info p {margin-top:8px} .tbl_join02 + .blue-dott-list3 {margin-top:20px} .tbl_join02 + .blue-dott-list3 li {background-position: 0 9px; line-height: 22px} .tbl_join02 + .blue-dott-list3 li.fb_point01 {background-position: 0 9px; line-height: 22px} .tbl_join02 + .blue-dott-list3 li.fb_point01 .btn_download {display:inline-block; margin:-8px 0 0 5px; vertical-align:middle;} .detail-box .agree {margin-top:22px; font-size:12px; color:#757575} .detail-box .agree input[type="radio"] {margin:0 6px 0 0; padding:0; vertical-align:middle} .detail-box .agree input[type="checkbox"] {margin:0 6px 0 0; padding:0; vertical-align:middle} .detail-box .agree label {margin-right:37px; vertical-align:middle} .detail-box .tit_h4 {margin-top:20px; font-size:12px; color:#757575 !important} .detail-box .txt_inner {font-size:12px; color:#757575} .join_txt {line-height:20px} .join_txt .blue-dott-list3 li {background-position:0 7px} .fb_point01 {font-size:14px; color:#00b5e2; font-weight:bold;line-height: 1.5em;} .h4_tit01 {margin-top:28px} F /* 회원가입 */ .join {margin-top:43px} .step_join {width:986px; height:40px; margin:18px 0 23px; *zoom:1; overflow:hidden;} /* 141120 수정 */ .step_join:after {content:''; display:block; clear:both} .step_join li {float:left; width:161px; text-align:center; margin-top:10px;} .step_join li:first-child {width:170px} .step_join li img {display:inline; vertical-align: middle;} .step_join.m1 {background: url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg_step_join01.gif') no-repeat 0 0} .step_join.m2 {background: url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg_step_join02.gif') no-repeat 0 0} .step_join.m3 {background: url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg_step_join03.gif') no-repeat 0 0} .step_join.m4 {background: url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg_step_join04.gif') no-repeat 0 0} .step_join.m5 {background: url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg_step_join05.gif') no-repeat 0 0} .step_join.m6 {background: url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg_step_join06.gif') no-repeat 0 0} /* 4개일 경우 */ .distribute_join li {margin-left:34px !important} .distribute_join li:first-child {margin-left:6px !important} .certificate + .fb_point01 {margin-top:10px;} .certificate {padding:29px 30px; margin-top:20px; border-radius:4px; border:1px solid #ebebeb; text-align:center; *zoom:1} .certificate:after {content:''; display:block; clear:both} .certificate li {float:left; margin-left:73px; display:inline} .certificate li:first-child {margin-left:221px} .triple {padding:29px 150px !important;} .certificate em {font-weight:bold} .certificate span * {vertical-align:middle} .certificate .btn_verity {margin-left:12px;} .certificate .left_space {margin:0 83px 0 46px} .certificate p {margin-top:20px; font-size:14px; font-weight:bold} .list_note li {background-position:0 8px; line-height:20px} .layer-contents .detail-box .tit_h4 {margin-top:15px !important}/*개선수정 0305*/ .layer-contents .detail-box .txt_inner {padding-top:0}/*개선수정 0305*/ .layer-contents .detail-box .input_txt02 {width:153px; } .layer-contents .detail-box .btn_search {margin-left:8px} .layer-contents .detail-box .agree input[type="checkbox"] {margin:0 6px 0 0; padding:0; vertical-align:middle} .layer-contents .detail-box .agree label {margin-right:37px; vertical-align:middle} .contract_txt {margin-top:25px; } .contract_txt .agree-area {height:auto;} .contract_txt .agree-area .docs-area {overflow:hidden; height:auto; margin-top:0;} .tit_join {padding:35px 0 7px; *zoom:1} .tit_join:after {content:''; display:block; clear:both} .tit_join h3 {float:left; width:96px} .tit_join a {float:left; margin:-4px 0 0 13px} .tit_join.line_border {margin-top:30px; border-top:1px solid #e2e2e2} .join_total {*zoom:1} .join_total:after {content:''; display:block; clear:both} .join_left {float:left; width:480px} .join_right {float:right; width:480px} .join_cont1 {padding:30px 0; border-top-left-radius:4px; border-top-right-radius:4px; border:1px solid #ebebeb; text-align:center;} .join_cont1 p {margin-top:20px} .join_cont1 .btn_spot {margin-left:6px} .join_cont2 {height:152px; padding:30px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb} .join_cont2 p {margin-top:10px; line-height:18px;} /* 통합 검색 결과 */ .tit_h2 {padding:0 0 10px; margin-top:30px; *zoom:1} .tit_h2:after {content:''; display:block; clear:both} .tit_h2 h2 {float:left; color:#289dc6; font-size:14px} .tit_h2 p {float:left; margin:2px 0 0 12px; font-weight:bold} .tit_h4 {margin:30px 0 10px !important; color:#289dc6 !important} .seach_cont {width:988px; height:699px; border-top:2px solid #09aad2; border-bottom:2px solid #e2e2e2;} /* 시스템 점검 */ .system_check {width:699px; height:390px; padding:92px 55px 50px 111px; margin:190px auto 0; background: url('https://resource2018.nuskinkorea.co.kr/images/etc/bg_system.gif') no-repeat 0 0;} .system_check .txt_in {margin-top:42px} .system_check .txt_point {width:370px; margin-top:16px; font-size:14px; color:#888; font-weight:bold; line-height:20px; letter-spacing:-1px; word-break:break-all; word-wrap:break-word} .system_check ul {margin-top:27px} .system_check ul li {padding-left:10px; background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_arrow_blue.gif') no-repeat 0 8px; font-size:16px; color:#888; font-weight:bold; line-height:24px; letter-spacing:-1px} .system_check span {display:block; margin-top:101px; text-align:right} /*gwp*/ .fb_blue01 {color:#47abd7; letter-spacing:-1px} .gwp_terms {overflow-y:scroll; width:322px; height:102px; padding:8px 20px 11px 8px; margin-top:10px; border:1px solid #d6d6d6} .gwp_terms h3 {font-weight:normal} .gwp_terms p {margin-top:10px} .gwp_terms h3, .gwp_terms p, .gwp_terms ul {margin-top:10px; line-height:20px} .gwp_terms h3:first-child, .gwp_terms ul:first-child {margin-top:0} .gwp_terms ul {margin-left:20px} .gwp_terms ul li {margin-top:5px; text-indent:-20px} .gwp_terms ul ul {margin:5px 0 0 11px} .gwp_terms li li {text-indent:-11px} .gwp_terms ul ul ul {margin:5px 0 0 11px} .gwp_terms li li li {text-indent:-11px} .gwp_terms01 {overflow-y:scroll; width:322px; height:350px; padding:8px 20px 11px 8px; margin-top:10px; border:1px solid #d6d6d6} .gwp_terms01 h3 {font-weight:normal} .gwp_terms01 p {margin-top:10px} .gwp_terms01 h3, .gwp_terms01 p, .gwp_terms01 ul {margin-top:10px; line-height:20px} .gwp_terms01 h3:first-child, .gwp_terms01 ul:first-child {margin-top:0} .gwp_terms01 ul {margin-left:20px} .gwp_terms01 ul li {margin-top:5px; text-indent:-20px} .gwp_terms01 ul ul {margin:5px 0 0 11px} .gwp_terms01 li li {text-indent:-11px} .gwp_terms01 ul ul ul {margin:5px 0 0 11px} .gwp_terms01 li li li {text-indent:-11px} .layer-contents .gwp_agree {margin-top:10px} .layer-contents .gwp_agree input[type="checkbox"] {width:15px; height:15px; margin:0 4px 0 0; padding:0; vertical-align:middle} .layer-contents .gwp_agree label {vertical-align:middle} .layer-contents .input_gwp {margin-top:15px; text-align:center} .layer-contents .input_gwp * {vertical-align:middle} .layer-contents .input_gwp a {margin-left:6px} .layer-contents .gwp_txt {margin-top:15px; padding:10px 42px 16px 44px; color:#47abd7; text-align:center; font-weight:bold; letter-spacing:-1px; background: url('https://resource2018.nuskinkorea.co.kr/images/etc/bg_gwp_img01.gif') no-repeat 0 0;} .p0 {padding:0 !important} /* 리스트 상품 */ .product_slist {margin:25px 0 29px; border-top:2px solid #09aad2} .product_slist li {padding:10px 14px 9px 14px; border-bottom:1px solid #e2e2e2; *zoom:1} .product_slist li:after {content:''; display:block; clear:both} .product_slist li span {float:left; width:155px; height:155px} .product_slist li span img {width:155px; height:155px} .product_slist li div {display:inline; float:left; width:440px; margin-left:17px} .product_slist li div h3 {padding:0; margin-top:15px; border-bottom:none; font-size:14px; color:#4e4e4e} .product_slist li div strong {display:block; margin:5px 0 10px;; color:#888} /* 수정작업 중 css*/ .espace {letter-spacing:1px} /*style 옮겨야지*/ .event_btn {position:absolute; top:420px; left:435px} .event_btn li {margin-left:5px} .event_btn li:first-child {margin-left:0} .event_area {overflow:hidden; width:980px} .event_area .visual {width:3000em} /* 뉴스킨 팝업 스토어 0311 */ .open_popup {min-width:980px; height:125px; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_popupstore_open.png') repeat} .open_popup > div {position:relative; width:980px; height:104px; padding:0 0 0 0; margin:0 auto; } .open_popup p {color:#fff; line-height:18px;} .open_popup p strong {color:#fff} .open_popup span {position:absolute; right:20px; bottom:0px} .open_popup span input[type="checkbox"] {width:13px; height:13px; padding:0; margin:0 10px 0 0; vertical-align:middle;} .open_popup span em {vertical-align:middle; color:#fff} .open_popup .btn_close {position:absolute; right:19px; top:18px} /* 옵션메뉴 0311 수정 작업 신규 디자인 퀵 메뉴*/ .option-menu {position:absolute; top:0; right:192px; z-index:5; width:100px}/*개선수정 0312*/ .option-menu .option-menu-area {position:relative; width:980px; margin:0 auto; height:74px; background:#fff; border-top:1px solid #c3c3c3; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3} .option-menu .option-menu-area div {overflow:hidden; width:824px; height:74px; margin:0 auto} .option-menu .option-menu-area ul.menu-list {width:3000em; margin:14px -29px; *zoom:1} .option-menu .option-menu-area ul.menu-list:after {content:''; display:block; clear:both} .option-menu .option-menu-area ul.menu-list li {float:left; margin-right:59px} .option-menu .option-menu-area .prev {position:absolute; left:22px; top:23px} .option-menu .option-menu-area .next {position:absolute; right:22px; top:23px} .option-menu .button-area {width:100%; text-align:right;} .option-menu .open-button a {display:inline-block; margin-right: 2px; cursor:pointer;} .option-menu.open {position:absolute; top:0; left:0; z-index:5; width:100%; margin-left:0; text-align:center;} .option-menu.open .button-area {width:598px; margin:0 auto; text-align:right;} .option-menu2 {position:absolute; top:0; right:91px; z-index:5; width:100px}/*개선수정 0312*/ .option-menu2.open .button-area {width:800px; margin:0 auto; text-align:right;} .event_btn {*zoom:1} .event_btn:after {content:""; display:block; clear:both} .event_btn li {float:left} /* 나의 뉴 멤버스 클럽 */ .nu_txt01 {padding:17px 0 16px 0; margin:0 0 21px 0; border-top:1px solid #e2e2e2 ; border-bottom:1px solid #e2e2e2} .nu_bold {font-weight:bold} .nuclub_h4 {padding-left:10px; margin:25px 0 9px 0; background:url('https://resource2018.nuskinkorea.co.kr/images/bg/bul-arrow2.gif') no-repeat left center} .nmclub_info {*zoom:1} .nmclub_info:after {content:''; display:block; clear:both} .nmclub_info span {float:left;} .nmclub_info table {float:left; width:456px; margin-left:63px;} .tbl_nmclub {letter-spacing:-1px} .tbl_nmclub thead th, .tbl_nmclub tbody th, .tbl_nmclub tbody td {padding:8px 0;} .nuclub_score {*zoom:1} .nuclub_score:after {content:''; display:block; clear:both} .nuclub_score > span {position:relative; float:left;} .nuclub_score div {float:left; margin-left:43px; width:402px;} .nuclub_score .txt_score {position:absolute; left:108px; bottom:0; color:#47abd7; font-size:16px} .nuclub_spot {position:relative; width:710px; height:111px} .nuclub_gift {*zoom:1; padding:3px 0 6px} .nuclub_gift:after {content:''; display:block; clear:both} .nugift_box {margin-left:15px} .nuclub_gift ul {float:left; width:187px} .nuclub_gift ul li {float:left; margin:5px 0 0 11px;} .nuclub_gift div {float:left; width:492px; margin-left:28px} .nuclub_gift div p {line-height:20px;} .nuclub_spot .mask {position:absolute; top:0; left:0; width:100%; height:100%; font-weight:bold; background:#fafafa; filter:alpha(opacity=80); opacity:0.9; -moz-opacity:0.9} .nuclub_spot .mask .nuclub_gift ul {filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2} .nuclub_spot .mask .nuclub_gift div {filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2} .nuclub_spot .mask .txt_in {width:100%; position:absolute; left:0; top:45px; padding:0 10px; text-align:center; color:#767676} .tit_nuclub {margin-bottom:9px; *zoom:1} .tit_nuclub:after {content:''; display:block; clear:both} .tit_nuclub h4 {float:left; margin:30px 0 0 0} .tit_nuclub .btn_ask {float:left; margin:22px 0 0 9px} .nuclub_txt01 {position:relative; margin:0 0 0 10px;} .nuclub_txt01 a {position:absolute; left: 320px; bottom:0;} .nuclub_list {margin:14px 0 0 0; padding:0 0 16px; *zoom:1} .nuclub_list:after {content:''; display:block; clear:both} .nuclub_list li {position:relative; width:216px; height:243px; padding:2px 0 0 1px; float:left; margin-left:17px; border:1px solid #e2e2e2 } .nuclub_list li em {position:absolute; left:0; top:0;} .nuclub_list li span {display:block; text-align:center;} .nuclub_list li span img {width:155px; height:155px;} .nuclub_list li p {margin:2px 0 19px; text-align:center; font-size:14px; font-weight:bold; letter-spacing: -1px; word-wrap: break-word;} .nuclub_list li:first-child {margin-left:0} .nuclub_list.list_in li {height:203px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg_nmclub_img02.gif') no-repeat 0 0} .nuclub_list li div {padding:15px 0 14px; margin:0 5px; border-top:1px solid #e2e2e2; text-align:center;} .nuclub_list li div * {vertical-align:middle} .nuclub_list li div a {margin-left:4px;} .nuclub_inner {padding-bottom:30px; margin-top:25px; border-bottom:1px solid #e2e2e2; *zoom:1}/* 0426 패딩 보더 추가 */ .nuclub_inner:after {content:''; display:block; clear:both} .nuclub_inner div {float:left; width:347px}/* 0426 width 갑 조정 */ .nuclub_inner h4 {padding-left: 10px; margin-bottom:10px; background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul-arrow2.gif') no-repeat left center} .nuclub_inner h4.inter {margin-left:15px;} /* 0426 새로 추가 */ .nuclub_inner .nuclub_layer {position:relative} .nuclub_inner .nuclub_layer div {position:absolute; left:180px; top:-80px; width:459px; height:118px; padding:10px 15px; background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_nuclub_layer.png') no-repeat}/* 0426 새로 추가 */ .nuclub_inner_last {padding-bottom:30px; margin-top:25px; *zoom:1}/* 0426 패딩 보더 추가 */ .nuclub_inner_last:after {content:''; display:block; clear:both} .nuclub_inner_last div {float:left; width:347px}/* 0426 width 갑 조정 */ .nuclub_inner_last h4 {padding-left: 10px; margin-bottom:10px; background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul-arrow2.gif') no-repeat left center} .nuclub_inner_last h4.inter {margin-left:15px;} .nuclub_inner_last .nuclub_point {width:128px !important; margin-top:66px;} .nuclub_inner_last .nuclub_layer {position:relative} .nuclub_inner_last .nuclub_layer div {position:absolute; left:180px; top:-80px; width:459px; height:118px; padding:10px 15px; background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_nuclub_layer.png') no-repeat}/* 0426 새로 추가 */ /* 0426 새로 추가 */ .tbl_layer01 {width:100%; text-align:center} .tbl_layer01 th {padding:8px 0; background:#f9f9f9; border:1px solid #e2e2e2} .tbl_layer01 td {padding:8px 0; border:1px solid #e2e2e2} .tbl_layer01 th, .tbl_layer01 td {vertical-align:middle} /* // 0426 새로 추가 */ /* 0922 새로 추가 */ .tbl_layer02 {width:auto; text-align:left; padding:8px 8px 8px 8px;} .tbl_layer02 th {background:#f9f9f9; border:1px solid #e2e2e2} .tbl_layer02 td {border:1px solid #e2e2e2; padding:8px 8px 8px 8px;} .tbl_layer02 th, .tbl_layer02 td {vertical-align:middle} /* // 0922 새로 추가 */ .tbl_layer03 {width:90%; text-align:center; margin-top: 10px; margin-left: auto; margin-right: auto;} .tbl_layer03 th {padding:8px 0; background:#f9f9f9; border:1px solid #e2e2e2; height:34px; color:#555;} .tbl_layer03 th strong {font-size:16px;} .tbl_layer03 td {padding:8px 0; border:1px solid #e2e2e2} .tbl_layer03 th, .tbl_layer03 td {vertical-align:middle; padding:0px 0px 0px 0px;} .nuclub_score01 {position:relative; /*margin-left:10px;*/}/* 0426 마진 삭제*/ .nuclub_score01 .txt_score {position:absolute; left:101px; bottom:9px; color:#337792; font-size:16px} .nuclub_inner .nuclub_point {width:128px !important; margin-top:66px;} .nu_gift {width:294px !important; padding:10px 0 5px; margin-bottom:20px; border:1px solid #e5e5e5; }/* 0426 width / 마진 바텀 추가 */ .nu_gift + p {clear:both}/* 0426 새로 추가 */ .nu_gift ul {*zoom:1} .nu_gift ul:after {content:''; display:block; clear:both} .nu_gift li {float:left; margin-left:10px; margin-bottom:10px; line-height:10px;}/* 0426 마진값 수정*/ .nu_gift span {display:block; padding:5px 5px 0px 0; margin-top:5px; text-align:right; border-top:1px solid #e5e5e5; font-size:14px} /* PEOPLE > 회사 > 인재채용 > 채용문의FAQ 하단에 페이징 넘버와 1:1 채용문의 버튼 */ .pageContainer {padding:0 0 0 0} .pageContainer .pager {margin: 30px 0 0 0; padding:0 0 0 0; display: inline-block; vertical-align:middle;} .pageContainer .subBtn {float:right; margin: 20px 0 0 0; padding:0 0 0 0; vertical-align:middle; display: inline-block;} .pageContainer .subBtnLeft {width:129px; float:left; margin: 20px 0 0 0; padding: 0 0 0 0; display: inline-block;} .pageContainer .pagination .on {font-weight: bold; color: #FD8F0E} .pageContainer .pagination a:hover {color: #FD8F0E; font-weight: bold} .pageContainer .pagination .pagingFirst {padding: 3px 2px} .pageContainer .pagination .pagingLast {padding: 3px 2px} .pageContainer .pagination .pagingPrev {padding: 3px 1px 3px 2px;text-indent: -9999px} .pageContainer .pagination .pagingNext {padding: 3px 2px 3px 1px} .pageContainer .pagingFirst {display: inline-block; width: 9px; height: 7px;background: url('https://resource2018.nuskinkorea.co.kr/images/btn/btn_page_first.gif') no-repeat 50% 50%} .pageContainer .pagingPrev {display: inline-block; width: 4px; height: 7px; background: url('https://resource2018.nuskinkorea.co.kr/images/btn/btn_page_prev.gif') no-repeat 50% 50%} .pageContainer .pagingNext {display: inline-block; width: 4px; height: 7px; background: url('https://resource2018.nuskinkorea.co.kr/images/btn/btn_page_next.gif') no-repeat 50% 50%} .pageContainer .pagingLast {display: inline-block; width: 9px; height: 7px; background: url('https://resource2018.nuskinkorea.co.kr/images/btn/btn_page_last.gif') no-repeat 50% 50%} .pageContainer .pagingFirst>span,.pagingPrev>span,.pagingNext>span,.pagingLast>span {overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -9999px; line-height: 0; font-size: 0} /* 뉴멤버스 클럽 약관동의*/.nu_agree {line-height:18px} .nu_agree h4 {text-align:right; color:#47abd7; letter-spacing: -1px; *zoom:1} .nu_agree h4:after {content:''; display:block; clear:both} .nu_agree h4 span {float:left; margin-top:5px; padding-left:10px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/bg-h5-arrow1.gif') no-repeat left center} .join-agree-section.nu_agree h5 {margin-top:20px; line-height:20px} .join-agree-section.nu_agree h5:first-child {margin-top:0;} .join-agree-section.nu_agree .agree-area .radio {padding-top:10px !important} .join-agree-section.nu_agree .agree-area {height:620px; padding:19px 20px 17px 20px} .join-agree-section.nu_agree .agree-area .docs-area {height:550px} .join-agree-section.nu_agree .agree-area .docs-area h4, .join-agree-section.nu_agree .agree-area .docs-area p, .join-agree-section.nu_agree .agree-area .docs-area ul {margin-top:0px} .tbl_nu {width:100%; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2} .tbl_nu th {background:#f9f9f9} .tbl_nu th, .tbl_nu td {padding:12px 0; text-align:center; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:middle} .tbl_nu td.padding {padding-left: 5px;padding-right: 5px;} .tbl_nu td.left_align {text-align: left} .tbl_nu .line_txt {color:#47abd7; font-weight:bold; text-decoration:underline} .tbl_nu .tl_txt {padding-left:20px; text-align:left} .tbl_nu .bg_td {font-weight:bold; background:#f9f9f9} /* 뉴 멤버스 클럽 뉴기프트 */ .gift-section {position:relative; padding:10px; min-height:155px; border:1px solid #ebebeb; border-radius:4px; *zoom:1} .gift-section:after {content:''; display:block; clear:both} .gift-section span {position:absolute; left:70px; top:10px;} .gift-section span img {width:155px; height:155px;} .gift-section strong {float:left; display:block; margin:65px 10px 0 296px; } .text-section {padding:30px 0 39px; border:1px solid #ebebeb; border-radius:4px; text-align:center} .address {margin-top:30px; padding:30px 0 ; background:#f9f9f9} .address strong {display:block; width:591px; padding-bottom:10px; margin-left:58px; border-bottom:1px solid #ebebeb; color:#4e4e4e; font-size:14px} .address p {color:#20a4de; font-weight:bold;} .address-tip {padding:16px 0 0 9px; text-align:left; color:#f67d1c; font-weight:bold; *zoom:1} .address-tip:after {content:''; display:block; clear:both} .address-tip p {float:left; width:555px; margin-top:2px; letter-spacing:-1px} .address-tip a {float:left; padding-left:5px} /* 레티나 공통 작업 0313 */ @highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)"; .at2x(@path, @w: auto, @h: auto) { background-image: url(@path); @at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`; @media @highdpi { background-image: url("@{at2x_path}"); background-size: @w @h; } } /* 레티나 헤더 영역 0313 */ #header .header-section h1 img {width:216px; height:49px} #header #gnb > ul > li:first-child{background:none} #header .header-section fieldset input[type="text"] {background:url('https://resource2018.nuskinkorea.co.kr/images/common/bg_header_search.gif') no-repeat 0 0} #header .header-section fieldset input[type="image"]{width:21px; height:20px; padding:0} #gnb {background: url('https://resource2018.nuskinkorea.co.kr/images/common/bg_gnb.png') no-repeat 0 0} #gnb > ul > li {background: url('https://resource2018.nuskinkorea.co.kr/images/common/bg_gnb_bar.gif') no-repeat 0 1px} #gnb > ul > li > ul > li {background: url('https://resource2018.nuskinkorea.co.kr/images/common/tit_bar1.gif') no-repeat 0 2px;} #gnb .depth2-1 .people img {width:67px; height:15px} #gnb .depth2-2 .product img { width:89px; height:15px} #gnb .depth2-3 .culture img {width:80px; height:15px} #gnb .depth2-4 .opportunity img {width:130px; height:15px} #gnb .depth2-5 .shopping img {width:93px; height:15px} #gnb .all-view img {width:21px; height:19px} #header .header-section ul li {background: url('https://resource2018.nuskinkorea.co.kr/images/common/tit_bar1.gif') no-repeat 0 4px} /* 레티나 서브 레프트 메뉴 0313 */ ul.subnavigation > li > a {background: url('https://resource2018.nuskinkorea.co.kr/images/people/bg-subnavi-list.gif') no-repeat 14px 6px} ul.subnavigation > li.active {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-subnavi-on.gif') no-repeat 200px 16px} ul.subnavigation > li.active > a {background: url('https://resource2018.nuskinkorea.co.kr/images/people/bg-subnavi-list-on.gif') no-repeat 14px 6px} ul.subnavigation > li > ul > li > a {background: url('https://resource2018.nuskinkorea.co.kr/images/people/bg-subnavi-dash1.gif') no-repeat left 6px} #container.sub-page #sub-navigation h2.m1 img {width:99px; height:23px} /*people*/ #container.sub-page #sub-navigation h2.m2 img {width:133px; height:24px}/*product*/ #container.sub-page #sub-navigation h2.m3 img {width:124px; height:23px}/*culture*/ #container.sub-page #sub-navigation h2.m4 img {width:195px; height:24px} /*opputuniry*/ #container.sub-page #sub-navigation h2.m5 img {width:118px; height:25px} /*고객라운지*/ #container.sub-page #sub-navigation h2.m6 img {width:117px; height:25px}/*마이오피스*/ /* 레티나 서브 풋터 0313 */ .footer-info li {background: url('https://resource2018.nuskinkorea.co.kr/images/common/tit_bar1.gif') no-repeat 0 2px} #footer .footer-info li .private img {width:70px; height:9px} #footer .footer-info li .terms img {width:80px; height:9px} #footer .footer-info li .register_cfm img {width:93px; height:9px} #footer .footer-info li .come_info img {width:53px; height:9px} #footer .copyright img {width:266px; height:7px} #footer address .txt01 img {width:104px; height:11px} #footer address .txt02 img {width:137px; height:11px} #footer address .txt03 img {width:70px; height:12px} #footer address .txt04 img {width:134px; height:11px} #footer address .txt05 img {width:288px; height:10px} #footer address .txt06 img {width:90px; height:10px} #footer address .txt07 img {width:83px; height:10px} #footer address .txt08 img {width:177px; height:10px} /* .familysite img {width:127px; height:22px} */ .familysite img {width:152px; height:22px} /* 레티나 메인 레이아웃 0313 */ .open_popup {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_popupstore_open.png') repeat} .open_popup .txt_in img {width:89px; height:10px} .open_popup .btn_close img {width:15px; height:15px} /* 레티나 메인 헤더 영역 0313 */ #main-header .header-section h1 img {width:217px; height:50px} /* 레티나 퀵메뉴 0313 */ .option-menu .open-button a img {width:84px; height:24px} .option-menu .option-menu-area .prev img {width:11px; height:21px} .option-menu .option-menu-area .next img {width:11px; height:21px} .option-menu .option-menu-area ul.menu-list .m1 img {width:80px; height:41px} .option-menu .option-menu-area ul.menu-list .m2 img {width:80px; height:41px} .option-menu .option-menu-area ul.menu-list .m3 img {width:80px; height:41px} .option-menu .option-menu-area ul.menu-list .m4 img {width:79px; height:41px} .option-menu .option-menu-area ul.menu-list .m5 img {width:79px; height:41px} .option-menu .option-menu-area ul.menu-list .m6 img {width:79px; height:41px} /* 레티나 비즈 캘린더 0313 */ .bizCalendar ul li.open-button a img {width:100px; height:24px} .bizCalendar .calendar-section {background: #fff}/* 1024 수정 */ .bizCalendar .calendar-section h2 img {width:151px; height:29px} .bizCalendar .calendar-section ul.schedule li .date {background: url('https://resource2018.nuskinkorea.co.kr/images/ico-dot2.gif') no-repeat left 4px} .month-1 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month1.gif') no-repeat right 148px} .month-2 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month2.gif') no-repeat right 148px} .month-3 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month3.gif') no-repeat right 148px} .month-4 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month4.gif') no-repeat right 148px} .month-5 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month5.gif') no-repeat right 148px} .month-6 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month6.gif') no-repeat right 148px} .month-7 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month7.gif') no-repeat right 148px} .month-8 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month8.gif') no-repeat right 148px} .month-9 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month9.gif') no-repeat right 148px} .month-10 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month10.gif') no-repeat right 148px} .month-11 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month11.gif') no-repeat right 148px} .month-12 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month12.gif') no-repeat right 148px} /*레티나 메인 컨테이너 0313 */ #main-header .header-section a.event-go img {width:90px; height:24px} #main-header .header-section .util li {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-vline1.gif') no-repeat 3px 2px} #main-container {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-wrap2.gif') repeat left top #fbfcfc} .event_btn a img {width:11px; height:10px} .visual li p img {width:980px; height:614px} .feature-gallery ul.sub-link li {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul-dot1.gif') no-repeat left 2px} ul.pagination li a.people-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-people.png') no-repeat 42px 28px} ul.pagination li.current a.people-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-people-on.png') no-repeat left top} ul.pagination li a.product-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-product.png') no-repeat 42px 28px} ul.pagination li.current a.product-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-product-on.png') no-repeat left top} ul.pagination li a.culture-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-culture.png') no-repeat 42px 28px} ul.pagination li.current a.culture-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-culture-on.png') no-repeat left top} ul.pagination li a.opportunity-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-oppor.png') no-repeat 7px 28px} ul.pagination li.current a.opportunity-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-oppor-on.png') no-repeat left top} ul.pagination li a.shopping-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-shopping.png') no-repeat 7px 28px} ul.pagination li.current a.shopping-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-shopping-on.png') no-repeat left top} .news-section h3 span img {width:52px; height:13px} .news-section h3 .btn_more img {width:29px; height:7px} .news-section ul.news-list li a {display:inline-block; width:197px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; background: url('https://resource2018.nuskinkorea.co.kr/images/ico-dot1.gif') no-repeat left 5px} /* 0411 수정 */ /*레티나 메인 풋터 0313 */ #main-footer .footer-section .foot-logo img {width:136px; height:31px; margin-top:5px;} #main-footer .footer-section div address img {/* width:637px; */ width:660px; height:23px} #main-footer .footer-section div .copy img {width:232px; height:8px} /* 레티나 로딩 0404 */ .loading img {width:660px; height:210px} /* 레티나 쇼핑 메인 0404 */ .shopping-visual img {width:988px; height:263px} .nuskin_tab01 img {width:171px; height:47px} .nuskin_tab02 img {width:140px; height:47px} .nuskin_tab03 img {width:140px; height:47px} .nuskin_tab04 img {width:140px; height:47px} .nuskin_tab05 img {width:140px; height:47px} .nuskin_tab01.active img {width:171px; height:47px} .nuskin_tab02.active img {width:140px; height:47px} .nuskin_tab03.active img {width:140px; height:47px} .nuskin_tab04.active img {width:140px; height:47px} .nuskin_tab05.active img {width:140px; height:47px} .tab-shopping-category {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_tab_category.gif') repeat-x 0 0} .search .btn_search {background: url('https://resource2018.nuskinkorea.co.kr/images/btn/btn_shopping_search.gif') no-repeat 0 0;} .tab-view ul li strong {width:60px;background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_arrow_blue.gif') no-repeat left center;} .tab-view > ul {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_line.png') repeat-y 64px 50%} .tab-view ul li li {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_orage_dott.gif') no-repeat 0 7px;} .dSelect .jqListBox-combo-arrow {background: #fff url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_select.png') no-repeat 100% 50%} .ui-select.Language > a img {width:23px; height:15px} .ui-select > a {background: #fff url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_select.png') no-repeat 100% 50%;} .ui-select ul.on img {width:23px; height:15px} .thumb-product .product-icon1.new-icon img {width:44px; height:44px} .thumb-product .product-icon1.bonus-icon img {width:46px; height:46px} .thumb-product .product-icon1.reware_house img {width:46px; height:46px} .thumb-product .product-icon1.lp_discount img{width:46px; height:46px} .thumb-product .product-icon1.best img{width:44px; height:44px} .product_list .thumb-numbering .prev-page img {width:28px; height:28px} .product_list .thumb-numbering .next-page img {width:28px; height:28px} .product_list .thumb-numbering .btn_put img {width:66px; height:28px} .product_list .thumb-numbering .btn_soldout img {width:66px; height:28px} .current_shopping {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_basket.png') no-repeat 0 0} .current_shopping strong {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_amount.gif') no-repeat right center} .current_shopping .btn_basket img {width:146px; height:37px} .payment_golist .wishlist img {width:113px; height:42px} .payment_golist .cart img {width:123px; height:42px} /* 레티나 쇼핑 상세 이미지 0404 */ .goods-photo .photo-area .icon-view img {width:57px; height:57px} .goods-detail {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_product_detail_2.png') no-repeat 0 0} .goods-info ul.sns-share li a.facebook img {width:45px; height:45px;} .goods-info ul.sns-share li a.twitter img {width:45px; height:45px;} .card-info .btn_discount {width:120px; height:28px} .payment-option .option-list li {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-gray-dott2.gif') no-repeat left center} .dbSelect .jqListBox-combo-arrow {background: #fff url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_select02.png') no-repeat 100% 50%;} .payment_amount .prev-page img {width:28px; height:28px} .payment_amount .next-page img {width:28px; height:28px} .buy_list {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/product_detail_list.png') no-repeat 0 0;} .buy_list h2 {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg-h2type01.png') no-repeat 19px 11px;} .buy_list .thumbRoll {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_ground.gif') no-repeat 21px 110px;} .buy_list .btn_prev img {width:8px; height:15px;} .buy_list .btn_next img {width:8px; height:15px;} /* 1023 수정 */ ul.shopping_line_up_bg {background:url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_line_up.png') no-repeat top left, url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_line_down.png') no-repeat bottom left, url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_line_center.png') repeat-y 0px 50%} div.shopping_line_up_bg{background:url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_line_center.png') repeat-y 0px 50%;position:relative;float:left;width:830px;padding-left:21px;} div.shopping_line_up_bg ul{padding-left:0 !important; z-index:2;float:none;} div.shopping_line_up_bg .bg1{ z-index:99;display:block;width:5px;height:5px;position:absolute;top:0;left:0;background:url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_line_up.png') no-repeat top left;} div.shopping_line_up_bg .bg2{ z-index:99;display:block;width:5px;height:5px;position:absolute;bottom:0;left:0;background:url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_line_down.png') no-repeat bottom left;} /* //1023 수정 */ /* 비밀번호 정기 변경 알림 추가 */ /* .changePasswd {border: 1px solid #959595; border-radius:25px; padding:30px 25px 30px 25px; background-color: #fff;} */ .changePasswd {padding:30px 25px 30px 25px; background-color: #fff;} .changePasswd h3 {margin-left: 15px; margin-bottom: 15px; padding:0; border-bottom:0; font-size: 20px; font-weight: bold;} .changePasswd .detail_info {border-bottom:1px solid #4a7ebb; border-top:1px solid #4a7ebb; padding: 25px 25px 25px 25px;} .changePasswd .detail_info p span {color:#00b0f0; font-weight: bold;} .changePasswd .detail_info .linespancing {margin-top: 15px;} .changePasswd .table-changePasswd tbody th {padding-left:30px; text-align: left; letter-spacing: -1px; vertical-align: middle;} .changePasswd .table-changePasswd tbody th img {margin-right: 7px; vertical-align: middle;} .changePasswd .table-changePasswd tbody td {padding: 6px; vertical-align: middle;} .changePasswd .table-changePasswd tbody td p {color:#8f8f8f;} .changePasswd .table-changePasswd input {width: 200px; margin:0 0 0 0;} .changePasswd .pager {margin-top:50px; text-align: center; *zoom:1; vertical-align: middle;}; /* 뉴 기프트 상품신청 - 공통 */ .nmcgift_list_notice_during_date {font-size: 11px;} .nmcgift_list_notice_bold {font-weight: bold; font-size: 15px;} .nmcgift_list_notice_blue_point {color: #47abd7 !important; font-weight: bold;} .nmcgift_list_notice_orange_point {color: #FF8A00 !important; font-weight: bold;} .nmcgift_list_notice_purple_point {color: #9981df !important; font-weight: bold;} .nmcgift_list_notice_sub_description {font-size:11px; margin-top: 15px;} .nmcgift_list_notice_title {margin-top: 45px;} .nmcgift_list_notice_box {margin-top:15px; padding-left: 40px; height: 285px; background:url('https://resource2018.nuskinkorea.co.kr/images/myoffice/nu_gift_notice_box.jpg') no-repeat 0 0; } .nmcgift_list {margin-top:10px; text-align: center;} .nmcgift_list li {float:left; margin-right: 6px; margin-top:10px;} .nmcgift_product_list {position: relative; overflow: hidden; height: 267px; margin: 0 auto 20px; padding:15px 16px; text-align: center; border: 1px solid #E6E6E6; text-align: left; line-height: 1.2em;}/* 개선수정0127*/ .nmcgift_product_list > a {display:inline-block} .nmcgift_product_list .thumbnail {display: inline-block; width: auto; height: 150px; vertical-align: middle;} .nmcgift_product_list .plusIcon {width:38px; height:38px; position:absolute; left:200px; top:75px;} .nmcgift_product_list em {position:absolute; left:0; top:0;} .nmcgift_product_list .info_box {height:70px;border-top: 1px solid #E5E5E5; padding-top: 20px;} .nmcgift_product_list .info {text-align: center; font-weight: bold;} .nmcgiftproduct_list {width:205px; padding:14px 14px 40px 14px; background:#fff;} .nmcgiftproduct_list.on {border:1px solid #39b5ef} .nmcgiftproduct_list .thumb {display:block; text-align:center; height: 155px; vertical-align: middle;} .nmcgiftMultiBox {height:247px;} .nmcgiftMultiBox .nmcgiftMultiBox_sub {width:185px; display: inline-block; text-align:center; height: 155px; vertical-align: middle;} /* 뉴 기프트 상품신청완료 - 멤버스 클럽 */ .nmcgift_requestresult_list {padding-top:10px; margin-left: 10px;} .nmcgift_requestresult_list li {float:left; margin-right: 20px; margin-top:10px;} .nmcgift_requestresult_list_product_list {position: relative; overflow: hidden; width: 192px; height: 175px; margin: 0 auto 20px; padding:10px 10px; text-align: center; border: 1px solid #E6E6E6; text-align: left; line-height: 1.2em;}/* 개선수정0127*/ .nmcgift_requestresult_list_product_list > a {display:inline-block} .nmcgift_requestresult_list_product_list .thumbnail {display: inline-block; width: auto; height: 150px;} .nmcgift_requestresult_list_product_list .plusIcon {width:63px; height:62px; position:absolute; left:170px; top:55px;} .nmcgift_requestresult_list_product_list em {position:absolute; left:0; top:0;} .nmcgift_requestresult_list_product_list .info {border-top: 1px solid #E5E5E5; text-align: center; padding-top: 17px;font-weight:bold;} .nmcgift_requestresult_lisproduct_list {width:205px; padding:14px 14px 40px 14px; background:#fff; border:1px solid #39b5ef;} .nmcgift_requestresult_lisproduct_list .thumb {display:block; text-align:center;} /* 뉴 기프트 상품신청완료 - 신청하기 페이지 */ .nmcgift_requestresult_list2 {} .nmcgift_requestresult_list2 li {float:left; vertical-align: middle;} .nmcgift_requestresult_list_product_list2 {position: relative; overflow: hidden; width: 192px; height: 175px; text-align: center; border: 1px solid #E6E6E6; text-align: left; line-height: 1.2em; vertical-align: middle;}/* 개선수정0127*/ .nmcgift_requestresult_list_product_list2 > a {display:inline-block;} .nmcgift_requestresult_list_product_list2 .thumbnail {display: inline-block; width: auto; height: 150px;} .nmcgift_requestresult_list_product_list2 .plusIcon {width:63px; height:62px; position:absolute; left:170px; top:55px;} .nmcgift_requestresult_list_product_list2 em {position:absolute; left:0; top:0;} .nmcgift_requestresult_list_product_list2 .info_box {vertical-align: middle; height:40px; border-top: 1px solid #E5E5E5; padding-top: 17px;} .nmcgift_requestresult_list_product_list2 .info {text-align: center; font-weight:bold;} .nmcgift_requestresult_lisproduct_list2 {vertical-align:middle; width:205px; padding:14px 14px 40px 14px; background:#fff; border:1px solid #39b5ef;} .nmcgift_requestresult_lisproduct_list2 .thumb {display:block; text-align:center;} .nmcgift_my {margin:20px 0 0 5px; padding:0 0 16px; *zoom:1;} .nmcgift_my:after {content:''; display:block; clear:both} .nmcgift_my tr td {max-height:200px; margin-top:22px; margin-left:15px; vertical-align: top;} .nmcgift_my .tit_nuclub {margin-bottom:9px; *zoom:1} .nmcgift_my .tit_nuclub:after {content:''; display:block; clear:both} .nmcgift_my .tit_nuclub h4 {float:left; margin:0 0 0 0} .nmcgift_my .member_info {border-radius:4px; border:1px solid #e2e2e2; margin-bottom:20px;} .nmcgift_my .member_info .td_title {text-align:center; color:#fff; width:110px; border:1px solid #e2e2e2; background-color:#a0a0a0; font-weight:bold; padding:10px 10px 10px 10px; vertical-align: middle;} .nmcgift_my .member_info .td_document {border:1px solid #e2e2e2; padding:10px 20px 10px 20px; text-align: left; vertical-align: middle;} .nmcgift_my .member_info a {margin-top: 25px;} .nmcgift_my_h3-type1 {margin:25px 0 12px 0; padding-bottom: 15px; border-bottom: 1px solid #E5E5E5;} .nmcgift_my_h4 {margin-left:5px; margin-bottom:10px; } .nmcgift_my_h4 span {margin-left:3px; color:#1395cf; font-weight: bold;} .nmcgift_my_info {position:relative; margin:35px 0 0 8px; font-size: 13.5px; font-weight: bold;} .nmcgift_my_info a {position:absolute; left: 320px; bottom:0;} .nmcgift_my_couponinfo {position:relative; margin:0 0 0 0; font-weight: bold; font-size: 14px;} /*레티나 배경 이미지 사이즈 0313 */ @media all and (-webkit-min-device-pixel-ratio: 1.5) { #header .header-section fieldset input[type="text"] {background:url('https://resource2018.nuskinkorea.co.kr/images/common/bg_header_search@2x.gif') no-repeat 0 0; background-size: 232px 22px /* background-size: 243px 22px */} #header .header-section ul li {background: url('https://resource2018.nuskinkorea.co.kr/images/common/tit_bar1@2x.gif') no-repeat 0 4px; background-size:1px 6px} #gnb {background: url('https://resource2018.nuskinkorea.co.kr/images/common/bg_gnb@2x.png') no-repeat 0 0; background-size:1004px 68px} #header #gnb > ul > li {background: url('https://resource2018.nuskinkorea.co.kr/images/common/bg_gnb_bar@2x.gif') no-repeat 0 1px; background-size:2px 10px} #gnb > ul > li > ul > li {background: url('https://resource2018.nuskinkorea.co.kr/images/common/tit_bar1@2x.gif') no-repeat 0 2px; background-size:1px 6px} ul.subnavigation > li > a {background: url('https://resource2018.nuskinkorea.co.kr/images/people/bg-subnavi-list@2x.gif') no-repeat 14px 6px; background-size:5px 5px} ul.subnavigation > li.active {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-subnavi-on@2x.gif') no-repeat 200px 16px; background-size:13px 7px} ul.subnavigation > li.active > a {background: url('https://resource2018.nuskinkorea.co.kr/images/people/bg-subnavi-list-on@2x.gif') no-repeat 14px 6px; background-size:5px 5px} ul.subnavigation > li > ul > li > a {background: url('https://resource2018.nuskinkorea.co.kr/images/people/bg-subnavi-dash1@2x.gif') no-repeat left 6px; background-size:6px 1px} .footer-info li {background: url('https://resource2018.nuskinkorea.co.kr/images/common/tit_bar1@2x.gif') no-repeat 0 2px; background-size:1px 6px} .bizCalendar .calendar-section {background: #fff; background-size:980px 469px}/* 1024 수정 */ .bizCalendar .calendar-section ul.schedule li .date {background: url('https://resource2018.nuskinkorea.co.kr/images/ico-dot2@2x.gif') no-repeat left 4px; background-size:5px 5px} .month-1 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month1@2x.gif') no-repeat right 148px; background-size:200px 200px} .month-2 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month2@2x.gif') no-repeat right 148px; background-size:200px 200px} .month-3 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month3@2x.gif') no-repeat right 148px; background-size:200px 200px} .month-4 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month4@2x.gif') no-repeat right 148px; background-size:200px 200px} .month-5 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month5@2x.gif') no-repeat right 148px; background-size:200px 200px} .month-6 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month6@2x.gif') no-repeat right 148px; background-size:200px 200px} .month-7 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month7@2x.gif') no-repeat right 148px; background-size:200px 200px} .month-8 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month8@2x.gif') no-repeat right 148px; background-size:200px 200px} .month-9 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month9@2x.gif') no-repeat right 148px; background-size:200px 200px} .month-10 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month10@2x.gif') no-repeat right 148px; background-size:200px 200px} .month-11 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month11@2x.gif') no-repeat right 148px; background-size:200px 200px} .month-12 {background:url('https://resource2018.nuskinkorea.co.kr/images/biz-month12@2x.gif') no-repeat right 148px; background-size:200px 200px} #main-header .header-section .util li {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-vline1@2x.gif') no-repeat 3px 2px; background-size:1px 8px} #main-container {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-wrap2@2x.gif') repeat left top #fbfcfc; background-size:2px 614px} .feature-gallery ul.sub-link li {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul-dot1@2x.gif') no-repeat left 2px; background-size:5px 5px} ul.pagination li a.people-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-people@2x.png') no-repeat 42px 28px; background-size:68px 16px} ul.pagination li.current a.people-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-people-on@2x.png') no-repeat left top; background-size:162px 60px} ul.pagination li a.product-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-product@2x.png') no-repeat 42px 28px; background-size:90px 16px} ul.pagination li.current a.product-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-product-on@2x.png') no-repeat left top; background-size:162px 60px} ul.pagination li a.culture-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-culture@2x.png') no-repeat 42px 28px; background-size:81px 16px} ul.pagination li.current a.culture-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-culture-on@2x.png') no-repeat left top; background-size:162px 60px} ul.pagination li a.opportunity-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-oppor@2x.png') no-repeat 7px 28px; background-size:131px 16px} ul.pagination li.current a.opportunity-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-oppor-on@2x.png') no-repeat left top; background-size:162px 60px} ul.pagination li a.shopping-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-shopping@2x.png') no-repeat 7px 28px; background-size:94px 16px} ul.pagination li.current a.shopping-link {background: url('https://resource2018.nuskinkorea.co.kr/images/navi-main-shopping-on@2x.png') no-repeat left top; background-size:166px 60px} .news-section ul.news-list li a {background: url('https://resource2018.nuskinkorea.co.kr/images/ico-dot1@2x.gif') no-repeat left 5px; background-size:1px 1px} .tab-shopping-category {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_tab_category@2x.gif') repeat-x 0 0; background-size:2px 47px} .search .btn_search {background: url('https://resource2018.nuskinkorea.co.kr/images/btn/btn_shopping_search@2x.gif') no-repeat 0 0; background-size:23px 21px} .tab-view ul li strong {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_arrow_blue@2x.gif') no-repeat left center; background-size:4px 7px} .tab-view > ul {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_line@2x.png') repeat-y 64px 50%; background-size:6px 100px} .tab-view ul li li {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bul_orage_dott@2x.gif') no-repeat 0 7px; background-size:5px 5px} .dSelect .jqListBox-combo-arrow {background: #fff url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_select@2x.png') no-repeat 100% 50%; background-size:19px 9px} .ui-select > a {background: #fff url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_select@2x.png') no-repeat 100% 50%; background-size:19px 9px} .current_shopping {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_basket@2x.png') no-repeat 0 0; background-size:988px 39px} .current_shopping strong {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_amount@2x.gif') no-repeat right center; background-size:1px 9px} .goods-detail {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_product_detail@2x.png') no-repeat 0 0; background-size:987px 346px} .payment-option .option-list li {background: url('https://resource2018.nuskinkorea.co.kr/images/bg/bg-gray-dott2@2x.gif') no-repeat left center; background-size:5px 5px} .dbSelect .jqListBox-combo-arrow {background: #fff url('https://resource2018.nuskinkorea.co.kr/images/bg/bg_select02@2x.png') no-repeat 100% 50%; background-size:19px 20px} .buy_list {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/product_detail_list@2x.png') no-repeat 0 0; background-size:987px 207px} .buy_list h2 {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg-h2type01@2x.png') no-repeat 19px 11px; background-size:9px 9px} .buy_list .thumbRoll {background: url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_ground@2x.gif') no-repeat 21px 110px; background-size:944px 1px} .shopping_line_up_bg {background:url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_line_up.png') no-repeat top left, url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_line_down.png') no-repeat bottom left, url('https://resource2018.nuskinkorea.co.kr/images/shopping/bg_shopping_line_center.png') repeat-y 0px 50%} } /* 게시판 상세보기 css 추가 0411*/ .detail_view tr td {padding:10px 5px; border:1px solid #cacaca} /* 메인화면 시간카운트 css 추가 0613*/ .time{background: #666;width:200px;height:26px;} /* .time .tit{float:left;height:24px;line-height:28px;color:#fff;margin-left:5px;font-family: '돋움',dotum,sans-serif;} 전체 폰트 변경 */ .time .tit{float:left;height:24px;line-height:28px;color:#fff;margin-left:5px;font-family: '맑은 고딕',Malgun Gothic,sans-serif;} .time .count{position:absolute;top:0;left:60px;height:25px;} .time .count span{color:#fff;font-size:14px;font-family:Tahoma;font-weight:bold;height:25px;line-height:25px;} .time .count .date{width:40px;float:left;padding-left:3px;line-height:25px;height:25px;text-align:left;} .time .count div{float:left;width:31px;text-align:right;} /*버튼 css 추가*/ .btn2:hover { color: #fff; background: #33aacc; } .btn2 { border: 1px solid #8e8b88; padding: 5px 10px; font-size: 12px; font-weight: bold; color: #333; background: #aeddf1; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; cursor: pointer; } .btn3 { border: 1px solid #00B0F0; padding: 1px 7px; font-size: 11px; font-weight: bold; color: #FFFFFF; background: #00B0F0; border-radius: 20px; -webkit-border-radius: 5px; -moz-border-radius: 20px; cursor: pointer; } .btn3:hover { color: #fff; background: #95E2FD; border: 1px solid #95E2FD; } .boardBtnRight { float: right; height: 20px; margin-top: 10px; } /*agelocme product_sub css*/ #ageloc_code_box {border: 1px solid #eaeaea;} #ageloc_code_box li {list-style:none; border-bottom:1px dashed #eaeaea;padding: 5px 0px 5px 5px;margin-bottom: 5px;} #ageloc_code_box {text-align: left;} #ageloc_code_box span {padding-right: 5px;padding-left: 5px;} #ageloc_code_box li {padding-top: 7px;list-style-type: decimal;margin-left: 25px;margin-right: 25px;height: 17px;} #ageloc_code_box li:last-child {border-bottom:0px;margin-bottom:0px} #ageloc_code_box li div{float: left;line-height: 15px;} #ageloc_code_box li div:nth-child(1){width: 180px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin-right: 20px;} #ageloc_code_box li div:nth-child(2){width: 120px;} #ageloc_code_box li div:nth-child(3){width: 380px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin-right: 25px;} #ageloc_code_box li div:last-child{width: 100px;} /*맑은 고딕 font 설정 2015-09-09*/ .clearGothic {font-family: "맑은 고딕"} .clearGothic12 {font-family: "맑은 고딕"; font-size: 12px} .clearGothic13 {font-family: "맑은 고딕"; font-size: 13px} .clearGothic14 {font-family: "맑은 고딕"; font-size: 14px} .clearGothic15 {font-family: "맑은 고딕"; font-size: 15px} .clearGothic16 {font-family: "맑은 고딕"; font-size: 16px} .clearGothic17 {font-family: "맑은 고딕"; font-size: 17px} .clearGothic18 {font-family: "맑은 고딕"; font-size: 18px} .clearGothic19 {font-family: "맑은 고딕"; font-size: 19px} .clearGothic20 {font-family: "맑은 고딕"; font-size: 20px} /*세무오피스 조회내용 전체인쇄 버튼 패딩*/ .paddingTop { padding-top: 1%; } /*Nupay*/ table.table-top{margin-top:12px;} .table-lists {border-top: 2px solid #129dd8; border-bottom: 1px solid #e2e2e2;} .table-lists thead th {padding: 8px 10px; text-align: center; vertical-align: middle; border-bottom: 1px solid #e2e2e2; background: #F7F7F7;} .table-lists tbody th {padding: 8px 10px; text-align: center; vertical-align: middle; border-bottom: 1px solid #e2e2e2; background: #F7F7F7;} .table-lists tbody td {padding: 9px 18px; text-align: left; vertical-align: middle; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;} .table-lists2 {border-top: 2px solid #129dd8; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;} .table-lists2 thead th {padding: 8px 10px; text-align: center; vertical-align: middle; border-bottom: 1px solid #e2e2e2; background: #F7F7F7;} .table-lists2 tbody th {padding: 8px 10px; text-align: center; vertical-align: middle; border-bottom: 1px solid #e2e2e2; background: #F7F7F7;} .table-lists2 tbody td {height: 93px; padding: 9px 0px; text-align: center; vertical-align: middle; border-bottom: 1px solid #e2e2e2;} .changePw{border: 1px solid #a8a8a8; padding: 1% 3% 1% 3%; border-radius: 5px; color: black;} .deleteNupay{border: 1px solid #a8a8a8; padding: 1% 2% 1% 2%; border-radius: 5px; color: black;} .addCard{font-size: 13px !important; padding: 1% 2% 1% 2%; color: black;} .deleteCard{border: 1px solid #a8a8a8; padding: 5% 7% 5% 7%; color: black;} .nuInfo{border: 1px solid #a8a8a8; padding: 3% 6% 3% 6%; color: black; background: #fff;} .cardImg{width: 80%;} .nu_section{margin-top: 40px;} .nu_section h4 {padding-bottom: 7px;} .nu_section h4 > a{float: right;} .terms{height: 200px; overflow-y: scroll; margin-left: 5px; margin-top: 5px;} .terms::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;} .terms::-webkit-scrollbar {width: 6px; background-color: #F5F5F5;} .terms::-webkit-scrollbar-thumb {background-color: #999999;} .terms b {font-size: 12px;} #pop_wrapper, #pop_wrapper2 {width: 550px; margin: 0 auto; position: relative; overflow: hidden; background: #fff;} #pop_wrapper .pop_header, #pop_wrapper2 .pop_header {background: #129abf; text-align: center; position: relative; height: 70px; line-height: 70px;} #pop_wrapper .pop_header h1, #pop_wrapper2 .pop_header h1 {font-size: 21px; color: #fff; font-weight: bold; letter-spacing: -1px;} #pop_wrapper .pop_container, #pop_wrapper2 .pop_container {padding: 23px 28px 30px 28px;} .pwInfo {text-align: center; height: 110px;} .pwInfo-title {font-size: 17px; font-weight: bold; margin: 30px;} .detail1 { text-align: center; line-height: normal; font-weight: bold; font-size: 15px; } .blue {color: #128ebf; font-size: 16px;} .btnBox.double {font-size: 0;line-height: 0;} .btnBox.double a:first-child {margin-right: 15px;} .btnBox {margin-top: 30px; text-align: center;} .greyBtn {display: inline-block;zoom: 1; font-size: 17px;color: #fff; font-weight: bold; text-align: center; background: #333; height: 39px; line-height: 39px; padding: 0 20px; min-width: 60px;} .greyBtn.type2 {height: 37px; border: 1px solid #333; background: #fff; color: #333; padding: 0 19px;} .blueBtn {display: inline-block; font-size: 17px; color: #fff !important; font-weight: bold; text-align: center; height: 38px; line-height: 40px; padding: 0 26px; background: #129abf;} .npJoin{padding: 13px 17px 13px 17px; background: #47abd7; border: 1px solid #e1e1e1; color: #fff!important;} .npTop{color: #ff8a00 !important; font-size: 16px !important;} .table-np {border-collapse: separate;border-spacing: 0;table-layout: fixed;} .table-np td {padding: 13px 10px 13px 27px; background: #fff; vertical-align: middle; text-align: center; height: 50px;} .table-np2 {table-layout: fixed; margin-top: 5px;} .table-np2 td {padding: 12px 10px 12px 10px; background: #fff; vertical-align: middle; text-align: center; height: 50px;} /*loi test*/ .loi_section{margin-top: 20px;} .list_top{background: #A5E0F9 !important; color: black;} .loi_text1{font-weight: bold; font-size: 15px; text-align: center; margin: 5px 0px 10px 0px;} .table-lists3 {border-top: 2px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; background: #fff;} .table-lists3 tbody th {padding: 8px 10px; text-align: center; vertical-align: middle; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;} .table-lists3 tbody td {padding: 9px 18px; text-align: left; vertical-align: middle; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;} .table-lists3 tbody td img{width: 100%;} .table-lists3 tbody th a{cursor: default; background: #47abd7; color: white; padding: 9px 12px 9px 12px; border-radius: 5px;} .watched {background: #a5a5a5 !important;} .goLOITestBtn { background: #ff8040; border-radius: 11px; padding: 1.5% 3%; display: inline-block !important; width: 25% !important; text-align: center;color: #FFF !important; font-size: 15px;} .goLOI_able{ background: #47abd7 !important; color: #FFF !important; } .loi_main_img{width:710px; height: 292px; margin-top: 20px; margin-bottom: 20px; } .disclaimer-blockmall { padding: 0px 0px 34px 6px; border: 1px antiquewhite solid; background-image: url(https://resource2018.nuskinkorea.co.kr/images/bg/bg_blockmall.jpg); background-repeat: no-repeat; background-size: 986px 220px; } .disclaimer-blockmall p {background: url(https://resource2018.nuskinkorea.co.kr/images/bg/bul_orage_dott.gif) no-repeat 0 7px; padding: 1px 0px 0 10px; margin: 9px 0px 1px 9px;} .disclaimer-blockmall h3 {margin: 16px 0px 10px 6px; font-size: 16px; color: #1496d0; letter-spacing: -1px; font-weight: bold;} .disclaimer {padding: 0px 0px 19px 6px; border: 2px #1496d0 solid; background: #e8f7ff;} .disclaimer p {background: url(https://resource2018.nuskinkorea.co.kr/images/bg/bul_orage_dott.gif) no-repeat 0 7px; padding: 1px 0px 0 10px; margin: 9px 0px 1px 9px;} .disclaimer h3 {margin: 16px 0px 10px 6px; font-size: 16px; color: #1496d0; letter-spacing: -1px; font-weight: bold;} .card-info .btn_disclaimer {font-size: 13px; color: #1496d0;} .disclaimer_list li {background: url(https://resource2018.nuskinkorea.co.kr/images/bg/bul_orage_dott.gif) no-repeat 0 7px; padding: 1px 0px 0 10px;} .aroPrice {color:#ff7200; font-weight:bold} .option-list p{padding-left: 13px; padding-bottom: 3px;} .pd_blue{color: #4ebbe1; font-weight:bold;} .aroPrice_ht{line-height: 22px;} /*신규 회원 혜택*/ .topMenu{margin-top: 3%; width:988px; display:flex;} .topMenu > li {flex:1; float: left; border-bottom: 2px solid #cfcfcf; border-top: 2px solid #efefef;} .topMenu li.active{border: 3px solid #2ea8dd !important;} .activeBlue {color: #2ea8dd !important;} .menuTitle {width:100%; float: left; margin: 5% 0% 5% 0%; text-align: center; color: #a4a5a9;} .menuTitle p{font-weight: bold; margin-top: 2%;} .sideBorder {border-right: 2px solid #dfdfdf;} .newMemberContents {text-align: center;} .newMemberContents .mainBtn {font-size: 16px; color: #fff; padding: 1.5% 3.5% 1.5% 3.5%; border-radius: 3px; font-weight: bold; border: 2px solid #68bfd0; background: #80d1e2; /* Old browsers */ background: -moz-linear-gradient(top, #80d1e2 0%, #80d1e2 35%, #68bfd0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #80d1e2 0%,#80d1e2 35%,#68bfd0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #80d1e2 0%,#80d1e2 35%,#68bfd0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .couponSection {margin-bottom: 8%; padding-bottom: 6%; border-bottom: 2px solid #cfcfcf;} .second{margin-bottom: 6% !important; padding-bottom: 1% !important;} .couponSection .topTitle {font-size: 23px; color: #a4a5a9; margin-top: 4%;} .couponSection .couponTitle {font-size: 30px; font-weight: bold; margin-top: 1%;} .couponSection .blue {color: #31B9D3;} .couponSection .puple {color: #7E68BB;} .couponSection .subTitle {margin-top: 1.5%; margin-bottom: 1%;} .couponSection img {width: 38%;} .couponSection .detail {background-color: #F2F2F2; padding: 3% 3% 2% 3%;; margin: 3% 0% 3% 0%; text-align: left;} .couponSection .detail p {margin-bottom: 1%; margin-left: 18%;} .couponSection .detail b {margin-right: 1%;} .detail .leftMg {margin-left: 29% !important;} .couponSection .couponBlueBtn{color: #fff; padding: 1% 2% 1% 2%; border-radius: 3px; font-weight: bold; background: #2fb3cc; /* Old browsers */ background: -moz-linear-gradient(top, #2fb3cc 0%, #2fb3cc 52%, #2fb3cc 52%, #2ba3bb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2fb3cc 0%,#2fb3cc 52%,#2fb3cc 52%,#2ba3bb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2fb3cc 0%,#2fb3cc 52%,#2fb3cc 52%,#2ba3bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .couponSection .couponPupleBtn{color: #fff; padding: 1% 2% 1% 2%; border-radius: 3px; font-weight: bold; background: #927bd3; /* Old browsers */ background: -moz-linear-gradient(top, #927bd3 0%, #927bd3 44%, #8871c3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #927bd3 0%,#927bd3 44%,#8871c3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #927bd3 0%,#927bd3 44%,#8871c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .couponSection .bottomTxt {text-align: left; margin-top: 5%;} .recommendTitle{top: -8px; width: 100%; text-align: left; position: absolute; z-index: 99;} .recommendTitle p {font-size: 20px; background-color: #fff; color: #000; font-weight: bold; display: inline-block; padding: 0% 2% 0% 2%;} .recommendLayout {position: relative; margin: 9% 0% 0% 0%;} .detailLayout{display: flex; margin-top: 5%; padding-top: 4%; margin-bottom: 7%; border-top: 1px solid #000;} .promotionLayout{margin-top: 5%; padding-top: 4%; border-top: 1px solid #000; text-align: center;} .bestPd {flex:1; border-top:2px solid #dfdfdf; padding-top: 3%;} .bestPd img {width: 85%;} .bestPdTitle {font-weight: bold; margin-top: 10%; font-size: 13px; height: 12px;} .bestPdDetail {margin-top: 16%; font-size: 11px; line-height: 16px; padding: 0% 4% 0% 4%;} .promotionBtn {position: absolute; top: 85%; z-index: 30; left: 40%;} .memberShipLayout {width: 100%; text-align: center; color: #000; display: flex; border-bottom: 2px solid #dfdfdf; padding-bottom: 5%; margin-bottom: 4%;} .memberShipDetail {flex:1; position: relative; border-top: 1px solid #000; margin-top: 8%;} .memberShipDetail .detailTitle {top: -10px; width: 100%; text-align: left; position: absolute;} .detailTitle p {font-size: 20px; background-color: #fff; color: #000; font-weight: bold; display: inline-block; padding: 0% 2% 0% 2%;} .benefitsTitle {font-size: 30px; color: #000; font-weight: bold; margin: 5% 0% 2% 0%} .benefitsSubTitle {margin-top: 0.5%; font-weight: bold;} .newMemberContents .blue_txt {color: #31B9D3;} .memberShipDetail .detailSub {margin-top: 8%; width: 100%;} .detailSub p {font-size: 16px; padding: 0% 7% 2% 7%; color: #A0A0A0; font-weight: bold;} .benifitsList {display: flex; font-size: 17px; color: #A0A0A0; font-weight: bold; padding: 7% 0% 2% 0%;} .bgBlue {background-color: #EDF7F9;} .bgGray {background-color: #F8F8F8;} .mgTop5{margin-top: 5%;} .mgTop8{margin-top: 8%;} .benefitsImg {flex: 1; margin-left: 6%; margin-left: 6%; padding-bottom: 10%;} .benefitsImg img {width: 45%;} .benefitsImg p {margin-top: 4%;} .benefitsTxt {flex: 2; text-align: left; margin-right: 5%;} .benefitsTxt p {margin-bottom: 2%;} .benefitsContent {flex:3;} .benefitsContent .topTitle {font-size: 19px; margin-bottom: 6%; color: #898A8C;} .benefitsContent .detail {margin-bottom: 3%; text-align: left; padding-left: 10%;} .gray_txt{color: #3E3E3E;} .borderBtm {border-bottom: 1px solid #dfdfdf;} .memberShipLayout a {font-size: 15px; color: #2ea8dd; padding: 2%; border: 1px solid #2ea8dd; border-radius: 5px;} .memberShipLayout .arrow{width: 2% !important; margin-top: 7%;} .joinBenefitsLayout {width: 100%; text-align: center; color: #000; margin-bottom: 5%; position: relative; border-top: 1px solid #000; margin-top: 8%;} .joinBenefitsTitleLayout {top: -10px; width: 100%; text-align: left; position: absolute;} .joinBenefitsTitle {font-size: 20px; background-color: #fff; color: #000; font-weight: bold; display: inline-block; padding: 0% 2% 0% 2%;} /*arrow icon*/ .icoArrowB { display: inline-block; position: relative; margin: 35px 0 0 8px; padding: 0; width: 0; height: 0; border: 7px solid transparent; } .icoArrowB:before, .icoArrowB:after { display: block; content: ""; position: absolute; top: 0; width: 0; height: 0; } .icoArrowB:before { left: -21px; margin-top: -7px; border: 7px solid transparent; } .icoArrowB:after { left: -17.5px; margin-top: -14px; border: 14px solid transparent; } .blueArrow {border-left-color: #2ea8dd;} .blueArrow:before{border-right-color: #2ea8dd;} .blueArrow:after{border-left-color: #fff;} .icoArrowS { display: inline-block; position: relative; margin: 35px 0 0 7.5px; padding: 0; width: 0; height: 0; border: 5px solid transparent; } .icoArrowS:before { left: -17px; margin-top: -6px; border: 6px solid transparent; } .icoArrowS:before, .icoArrowS:after { display: block; content: ""; position: absolute; top: 0; width: 0; height: 0; } .icoArrowS:after { left: -17px; margin-top: -14px; border: 14px solid transparent; } .whiteArrow{border-left-color: #fff;} .whiteArrow:before{border-right-color: #fff;} .bgBlueArrow:after{border-left-color: #2fb3cc;} .bgPupleArrow:after{border-left-color: #927bd3;} .benefitsDetailLayout{display: flex;} .benefitsDetail{flex: 1; background-color: #F2F2F2; margin: 5% 0% 2% 0%; padding: 3% 0% 2% 0%;} .benefitsDetail p {margin-bottom: 2%; color: #898A8C;} .marginRight1{margin-right: 1%;} .marginRight2{margin-right: 2%;} .marginLeft2{margin-left: 2%;} .marginRight3{margin-right: 3%;} .marginLeft3{margin-left: 3%;} .benefitsDetailTitle{font-size: 20px;} .benefitsDetailSub{font-size: 13px;} .benefitsDetail .ico{height:33px; width:40px; display:block; position:relative;} .icoHypen:before{ content: ''; height: 2px; width: 15px; display: block; background: #898A8C; position: absolute; top: 14px; left: 150px; } .benefitsDetail .blueLayout {width: 40%; background-color: #fff; color: #898A8C; float:left; flex: 5; padding: 6% 0% 5% 0%;} .benefitsDetail .icoLayout {flex: 1;} .icoTriangle {width:10px !important;} .icoTriangle:before{content:''; height:0; width:0; display:block; border:8px transparent solid; border-right-width:0; border-left-color:#898A8C; position:absolute; left: 9px; top: 60px;} .icoLeft5:before{left: 5px;} .icoLeft235:before{left: 235px;} .blueLayout p {color: #898A8C; margin-bottom: 12%;} .whitePercent {font-size: 30px; margin-top: 13%;} .ftSize50 {font-size: 50px;} .ftSize40 {font-size: 40px;} .ftSize16 {font-size: 16px;} .ftSize20 {font-size: 20px;} .mgTop13 {margin-top: 13%;} .mgTop20 {margin-top: 20%;} .recommendProduct{flex: 1; background-color: #F2F2F2; padding: 3% 0% 2% 0%;} .recommendProduct span{height:33px; width:40px; display:block; position:relative;} .recommendProduct p {margin-bottom: 2%; color: #898A8C;} .recommendProduct img {width: 90%; margin-top: 5%;} .recommendPdTitle {font-size: 18px;} .ftColorBlack {color: #000 !important; font-weight: bold;} .ftColorBlue {font-size: 15px; color: #2ea8dd !important; padding: 2%; border: 1px solid #2ea8dd; border-radius: 5px;} .btBorder {border-bottom: 2px solid #cfcfcf; padding-bottom: 5%;} .topBorder {border-top: 1px solid #898A8C; padding-top: 1.5%;} .certificationLayout p {margin-bottom: 1%;} .certificationLayout .blue_txt {color: #2ea8dd;} .certificationTitle{font-size: 20px; border-top: 1px solid #898A8C; border-bottom: 1px solid #898A8C; padding: 2% 0% 2% 0%; margin: 1% 0% 3% 0% !important; width: 46%;} .mgTop3{margin-top: 3%;} .blueTitleLayout {color: #fff; padding: 5% 0% 5% 0%; margin-right: 2%; font-size: 19px; background: #448098; /* Old browsers */ background: -moz-linear-gradient(top, #448098 0%, #5591ab 53%, #5591ab 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #448098 0%,#5591ab 53%,#5591ab 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #448098 0%,#5591ab 53%,#5591ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .pupleTitleLayout {color: #fff; padding: 5% 0% 5% 0%; margin-left: 2%; font-size: 19px; background: #8272b0; /* Old browsers */ background: -moz-linear-gradient(top, #8272b0 0%, #9b86c7 53%, #9b86c7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #8272b0 0%,#9b86c7 53%,#9b86c7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #8272b0 0%,#9b86c7 53%,#9b86c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .grayDetailLayout {background: #F8F8F8; padding: 6% 0% 6% 18%; text-align: left;} .gray_txt02 {color: #a4a5a9 !important;} .grayDetailLayout p {margin-bottom: 4%; font-size: 15px;} .grayDetailLayout span {font-size: 19px !important;} .floating{ position: fixed; right: 50%; top: 595px; margin-right: -660px; text-align:center; width: 120px;} .floating img {width: 100%;} .floating a {padding: 3% 10% 3% 10%; color: #fff; font-weight: initial; border-radius: 3px; background: #2fb3cc; /* Old browsers */ background: -moz-linear-gradient(top, #2fb3cc 0%, #2fb3cc 52%, #2fb3cc 52%, #2ba3bb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2fb3cc 0%,#2fb3cc 52%,#2fb3cc 52%,#2ba3bb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2fb3cc 0%,#2fb3cc 52%,#2fb3cc 52%,#2ba3bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .successSubTitleForm{display: flex; font-size: 18px;} .successSubTitle{flex: 2; text-align: right; font-weight: bold;} .successSubCenter{flex: 0.5; text-align: center;} .successSubContents{flex: 5; text-align: left; color: #888888;} .pdTop15{padding-top: 15px;} .successColor{color: #00b5e2 !important;} .successColor2{color: #00b5e2 !important;} .blueBackColor{background-color: #35a5a5;} .blueBackColor2{background-color: #00b5e2;} .successBtnForm{text-align: center; margin-top: 40px; margin-bottom: 60px;} .successBtn{color: #fff !important; padding: 15px 50px 15px 60px; font-size: 20px; border-radius: 11px; margin: 0px 30px 0px 30px;} .successContentsTitleForm{font-size: 18px; margin-bottom: 20px;} .successContentsTitle{padding: 7px 0px 7px 0px;} .successOngoging{padding:13px;} .subMarkForm{margin: 10px 0px 10px 0px; display: flex; width: 100%;} .rew18_dottitle_list .space_top .subMarkForm {width:70%} .subMark{width: 50px;} .markExplan{font-size: 16px; text-align: left; padding-top: 9px;} .successRuleForm{background-color: #F7F7F7; padding: 12px 0px 19px 16px; border: 1px solid #bfbfbf; border-radius: 12px;} .successFinalResult{width:50%; float: right; border: 1px solid #e2e2e2; text-align: center; font-size: 16px;} .successFinalTitle{width: 100%; color: #ffffff; font-weight: bold;} .successFinalSub{font-weight: bold; color:#757575;} .successFinalContents{flex: 1; border: 1px solid #e2e2e2;} .successPadding{padding: 10px 0px 10px 0px;} .goalTopBorder{width:100%; padding-bottom: 10px;} .grayColor{color: #757575 !important;} .goalSubTitle{font-size: 18px; font-weight: bold; margin: 10px 0px 10px 0px;} .goalBuleColor{color: #00b5e2 !important;} .goalMainTitleForm{display: flex; padding: 30px 0px 30px 0px;} .goalMainTitleImg{flex: 3;} .goalMainTitleContents{flex: 7; font-size: 45px; padding-top: 55px; font-weight: bold;} .confirmContents{text-align: center; font-size: 16px; padding: 15px 0px 45px 0px;} .goalTitleFont{text-align: left !important; font-size: 15px !important;} .grayBackColor{background-color: #757575;} .c-graph_view .c-graph_list li { margin-top: 15px; padding: 1px 0; position: relative; } .c-res_des_item .c-title_lay_01 { padding: 14px 0; } .c-title_lay_01 > p { font-weight: 500; font-size: 16px; line-height: 20px; color: #444; } .c-next_02 { font-size: 14px; line-height: 20px; color: #e80c0c; } .c_text_tb_parent { display: table; width: 100%; } .c_text_tb_parent > * { display: table-cell; vertical-align: middle; } .c-res_des_item .c-con_lay_01 { box-sizing: border-box; border: 2px solid #dcdcdc; } .c-con_lay_01 .c-con_text_row { margin: 0 14px; padding: 14px 0; } .c-con_lay_01 .c-con_text_row + .c-con_text_row { border-top: 1px solid #dcdcdc; } .c-con_lay_01 .c-con_text_row.c-bottom_line { border-bottom: 1px solid #dcdcdc; } .c-con_lay_01 .c-con_text_res_row { border-top: 1px solid #dcdcdc; padding: 14px; background-color: #f7f7f7; } .c-con_lay_01 .c-con_text_res_tb { border-top: 1px solid #dcdcdc; display: table; width: 100%; } .c-con_text_res_tb > div { display: table-cell; vertical-align: middle; width: 30%; } .c-con_text_res_tb > div:first-child { background-color: #f7f7f7; text-align: center; width: 70%; padding: 20px; border-right: 1px solid #dcdcdc; } .c-con_lay_01 p { font-size: 14px; line-height: 16px; color: #444; } .c-val_goal_tx_color { color: #b4dcdd; } .c-val_current_tx_color { color: #87b14b; } .c-val_hide_tx_color { color: #e80c0c; } .c-con_text_res_row p, .c-con_text_res_tb p { font-weight: 500; } .c-con_lay_01 .c-graph_item_lay { position: relative; padding: 10px; } .c-con_text_res_row .c-table_01 { display: table; width: 100%; } .c-con_text_res_row .c-table_01 > div { display: table-cell; vertical-align: middle; } .c-con_text_row .c-icon_lay { line-height: 0; text-align: right; } .c-con_text_res_tb .c-img_lay { text-align: center; padding: 6px 0px; } .c-img_lay img { width: 30%; } .c-con_text_res_tb .c-text_lay p { text-align: center; font-weight: 500; color: #129abf; } .c-con_text_res_row p, .c-con_text_res_tb p { font-weight: bold; } /* //======================================================================================== */ /* //TODO graph */ /* //======================================================================================== */ .chartjs-tooltip { opacity: 1; position: absolute; background: rgba(0, 0, 0, .7); color: white; border-radius: 3px; -webkit-transition: all .1s ease; transition: all .1s ease; pointer-events: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .chartjs-tooltip td { text-align: center; padding-top: 4px; min-width: 30px; } .chartjs-tooltip-key { /*display: inline-block;*/ width: 10px; border-radius: 5px; height: 10px; display: none; margin-right: 4px; } .c-graph_list canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; margin: 0 auto; } .c-temporarily_pop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; /*opacity: 0.1;*/ /*background-color: #000;*/ } .c-temporarily_pop.c-show { display: block; } .c-temporarily_pop .c-temporarily_pop_bg { height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } .c-temporarily_pop_bg .c_text_tb_parent { height: 100%; } .c-temporarily_pop_bg .c_text_tb_parent > div { } .c-temporarily_pop_bg .c_text_tb_parent > div > p { color: #fff; background-color: #129abf; padding: 20px 50px; display: inline-block; border-radius: 4px; font-size: 17px; font-weight: bold; } .table-list1.table-space1 + .rew18-search-box {margin:31.5px 0;} @media only screen and (max-width: 768px) {/*모바일 버젼*/ ul.dot-list7 li { font-size: 13.5px;line-height: 25px; }