@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); @import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-full.css); @import url(//cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css); * {font-family:"NotoSansKR", "Nanum Barun Gothic", "나눔고딕", "NanumGothic", "Malgun Gothic", "돋움", "Dotum", "AppleGothic", sans-serif;} /* font-family:"NanumSquare", sans-serif; */ body {width:100%; margin:0 auto; padding:0; font-size:13px; line-height:normal; overflow-y:scroll;} img {border:none; padding:0; margin:0; outline:none;} a {border:none; padding:0; margin:0; outline:none; text-decoration:none;} a:active {color:#666666; text-decoration:none;} a:link {color:#666666; text-decoration:none;} a:visited {color:#666666; text-decoration:none;} a:hover {color:#666666; text-decoration:none;} input, select, textarea {margin:0; padding:0; outline:none; font-size:15px; color:#000000;} ul {list-style:none; padding:0; margin:0; *zoom:1;} ul:after {content:""; display:block; clear:both;} ul > li {display:block;} input::-moz-placeholder {color:#000000;} input::-webkit-input-placeholder {color:#000000;} textarea::-moz-placeholder {color:#000000;} textarea::-webkit-input-placeholder {color:#000000;} select { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image:url("/renewal/img/sub/select_arrow.png"); background-repeat:no-repeat; background-position:95% 50%; } /*IE 10, 11의 네이티브 화살표 숨기기*/ select::-ms-expand {display:none;} /*display:inline-block; *display:inline; zoom:1;*/ /*체크박스 버튼*/ .checkbox_label {display:inline-block; *display:inline; zoom:1; cursor:pointer;} .checkbox_label .check_icon {display:inline-block; *display:inline; zoom:1; width:20px; height:20px; background-image:url("/renewal/img/sub/checkbox_icon_off.png"); background-repeat:no-repeat; margin-right:3px; vertical-align:middle; cursor:pointer;} .checkbox_label input[type=checkbox] {display:none;} .checkbox_label input[type=checkbox]:checked + .check_icon {background-image:url("/renewal/img/sub/checkbox_icon_on.png");} .checkbox_label span {vertical-align:middle;} /*번호목록*/ .number_list_con {text-align:center;} .number_list_con a {display:inline-block; *display:inline; zoom:1; vertical-align:middle;} .number_list_con .btn_con {display:inline-block; *display:inline; zoom:1; vertical-align:middle;} .number_list_con .btn_con > ul {} .number_list_con .btn_con > ul > li {float:left; border:1px solid #dddddd; border-left:0;} .number_list_con .btn_con > ul > li:first-child {border-left:1px solid #dddddd;} .number_list_con .list_con {display:inline-block; *display:inline; zoom:1; margin:0 20px; vertical-align:middle;} .number_list_con .list_con .list_a {width:33px; border:1px solid #ffffff; margin:0 2px; text-align:center; font-size:14px; color:#000000; line-height:33px;} .number_list_con .list_con .on {border:1px solid #000000; background-color:#000000; color:#ffffff;} #wrap {width:100%; min-width:1200px; margin:0 auto;} /*헤더*/ #header {width:100%; margin:0 auto; position:fixed; top:0; left:0; right:0; z-index:100;} #header > .contents_con {padding:20px 0;} #header > .contents_con > .nav01 {padding:0 30px; position:absolute; top:23px; left:0; z-index:300;} #header > .contents_con > .nav01 > ul {} #header > .contents_con > .nav01 > ul > li {float:left; text-align:center; margin-left:10px;} #header > .contents_con > .nav01 > ul > li > a {display:inline-block; *display:inline; zoom:1; padding:0 5px; font-size:14px; color:#1a1a1a; line-height:22px; position:relative; top:0; left:0;} #header > .contents_con > .nav01 > ul > li > a > .bar {opacity:0; width:100%; height:8px; background-color:#645394; background-color:rgba(100,83,148,0.2); position:absolute; top:50%; margin-top:-4px; left:0; right:0; z-index:-10; transition:all 0.5s ease;} #header > .contents_con > .nav01 > ul > li > a.on > .bar {opacity:1;} #header > .contents_con > .nav01 > ul > li:first-child {margin-left:0;} #header > .contents_con > .nav02 {padding:0 35px; position:absolute; top:23px; right:0; z-index:300;} #header > .contents_con > .nav02 > ul {} #header > .contents_con > .nav02 > ul > li {float:left; text-align:center; margin-left:20px;} #header > .contents_con > .nav02 > ul > li a {font-size:14px; color:#1a1a1a; line-height:22px;} #header > .contents_con > .nav02 > ul > li:first-child {margin-left:0;} #header > .contents_con > .logo {text-align:center;} #header > .sub_nav_bg {display:none; width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:100;} #header > .sub_nav {display:none; width:380px; height:100vh; background-color:#ffffff; position:fixed; top:0; left:0; z-index:200;} #header > .sub_nav > .contents_con {padding:196px 30px 0 30px;} #header > .sub_nav > .contents_con .list_div {display:none;} #header > .sub_nav > .contents_con .list_div > ul {} #header > .sub_nav > .contents_con .list_div > ul > li {margin-top:10px;} #header > .sub_nav > .contents_con .list_div > ul > li > a {display:inline-block; *display:inline; zoom:1; padding:0 5px; font-size:16px; color:#1a1a1a; line-height:24px; position:relative; top:0; left:0;} #header > .sub_nav > .contents_con .list_div > ul > li > a > .bar {opacity:0; width:100%; height:8px; background-color:#645394; background-color:rgba(100,83,148,0.2); position:absolute; top:50%; margin-top:-4px; left:0; right:0; z-index:-10; transition:all 0.3s ease;} #header > .sub_nav > .contents_con .list_div > ul > li > a.on > .bar {opacity:1;} #header > .sub_nav > .contents_con .list_div > ul > li > a.on:hover > .bar {opacity:1;} #header > .sub_nav > .contents_con .list_div > ul > li > a:hover > .bar {opacity:1;} #header > .sub_nav > .contents_con .list_div > ul > li:first-child {margin-top:0;} #header > .sub_nav > .contents_con .list_div:first-child {display:block;} #header > .sub_nav > .prd_sub_nav {display:none; width:300px; height:100vh; border-left:1px solid #cccccc; background-color:#ffffff; position:fixed; top:0; left:380px; z-index:200;} #header > .sub_nav > .prd_sub_nav > .contents_con {padding:196px 30px 0 30px;} #header > .sub_nav > .prd_sub_nav > .contents_con .list_div {display:none;} #header > .sub_nav > .prd_sub_nav > .contents_con .list_div > ul {} #header > .sub_nav > .prd_sub_nav > .contents_con .list_div > ul > li {margin-top:10px;} #header > .sub_nav > .prd_sub_nav > .contents_con .list_div > ul > li > a {display:inline-block; *display:inline; zoom:1; padding:0 5px; font-size:16px; color:#1a1a1a; line-height:24px; position:relative; top:0; left:0;} #header > .sub_nav > .prd_sub_nav > .contents_con .list_div > ul > li > a > .bar {opacity:0; width:100%; height:8px; background-color:#645394; background-color:rgba(100,83,148,0.2); position:absolute; top:50%; margin-top:-4px; left:0; right:0; z-index:-10; transition:all 0.3s ease;} #header > .sub_nav > .prd_sub_nav > .contents_con .list_div > ul > li > a:hover > .bar {opacity:1;} #header > .sub_nav > .prd_sub_nav > .contents_con .list_div > ul > li:first-child {margin-top:0;} #header > .sub_nav > .prd_sub_nav > .contents_con .list_div:first-child {display:block;} #header.sub_nav {} #header.sub_nav > .contents_con > .nav > ul > li > a.on {} #header.sub_nav > .contents_con > .nav > ul > li > a.on span > .bar {display:block;} #header.scroll {border-bottom:1px solid #cccccc; border-bottom:1px solid rgba(204,204,204,0.6);; background-color:#ffffff; background-color:rgba(255,255,255,0.6);} /*컨텐츠*/ #container {width:100%; margin:0 auto;} /*메인 컨텐츠*/ #main_con {} #main_con > .slide_con {} #main_con > .slide_con .swiper-container {width:100%; margin:0 auto; position:relative; top:0; left:0;} #main_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide {background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; top:0; left:0;} #main_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > .contents_con {width:1200px; margin:0 auto;} #main_con > .slide_con .swiper-container-horizontal > .swiper-pagination-bullets {width:100%; margin:0 auto; bottom:30px; left:0; right:0; text-align:center;} #main_con > .slide_con .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width:12px; height:12px; border:1px solid #000000; background-color:#000000; margin:0 10px; border-radius:14px; opacity:1;} #main_con > .slide_con .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color:transparent;} #main_con > .slide_con .swiper-container .prev_btn {cursor:pointer; position:absolute; top:50%; margin-top:-30px; left:10px; z-index:10;} #main_con > .slide_con .swiper-container .next_btn {cursor:pointer; position:absolute; top:50%; margin-top:-30px; right:10px; z-index:10;} #main_con > .delivery_con {} #main_con > .delivery_con > .contents_con {width:1200px; margin:0 auto;} #main_con > .review_con {background-color:#fafafa; padding:96px 0 100px 0;} #main_con > .review_con > .contents_con {} #main_con > .review_con > .contents_con > .title_con {width:1200px; margin:0 auto; margin-bottom:36px; text-align:center;} #main_con > .review_con > .contents_con > .title_con span {font-size:26px; color:#1a1a1a; font-weight:600; line-height:34px;} #main_con > .review_con > .contents_con > .slide_con {padding:0 35px 0 620px; position:relative; top:0; left:0;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_text_slide {width:605px; position:absolute; top:0; left:0; z-index:10;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_text_slide .swiper-wrapper .swiper-slide {height:380px; background-color:#fafafa; *zoom:1;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_text_slide .swiper-wrapper .swiper-slide:after {content:""; display:block; clear:both;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_text_slide .swiper-wrapper .swiper-slide > .contents_con {float:right; width:405px; height:320px; padding-top:50px; margin-right:35px;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_text_slide .swiper-wrapper .swiper-slide > .contents_con > .rating_con {margin-bottom:22px;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_text_slide .swiper-wrapper .swiper-slide > .contents_con > .rating_con > ul {} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_text_slide .swiper-wrapper .swiper-slide > .contents_con > .rating_con > ul > li {float:left; margin-left:7px;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_text_slide .swiper-wrapper .swiper-slide > .contents_con > .rating_con > ul > li:first-child {margin-left:0;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_text_slide .swiper-wrapper .swiper-slide > .contents_con > .info_con {margin-bottom:62px; word-break:keep-all;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_text_slide .swiper-wrapper .swiper-slide > .contents_con > .info_con span {font-size:18px; color:#8a8a8b; line-height:26px;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_text_slide .swiper-wrapper .swiper-slide > .contents_con > .title_con {} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_text_slide .swiper-wrapper .swiper-slide > .contents_con > .title_con span {font-size:14px; color:#1a1a1a; line-height:22px;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_img_slide {width:100%; margin:0 auto; position:relative; top:0; left:0;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_img_slide .swiper-wrapper .swiper-slide {width:620px;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_img_slide .swiper-wrapper .swiper-slide > .contents_con {width:590px; height:380px; margin:0 auto; position:relative; top:0; left:0;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_img_slide .swiper-wrapper .swiper-slide > .contents_con > .over_con {width:100%; height:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; z-index:10; opacity:1; transition:all 0.6s ease;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_img_slide .swiper-wrapper .swiper-slide-active {} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_img_slide .swiper-wrapper .swiper-slide-active > .contents_con {} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_img_slide .swiper-wrapper .swiper-slide-active > .contents_con > .over_con {opacity:0;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_img_slide .prev_btn {cursor:pointer; position:absolute; top:50%; margin-top:-25px; left:0; z-index:10;} #main_con > .review_con > .contents_con > .slide_con .swiper-container.main_review_img_slide .next_btn {cursor:pointer; position:absolute; top:50%; margin-top:-25px; right:0; z-index:10;} #main_con > .best_con {padding:96px 0 100px 0;} #main_con > .best_con > .contents_con {width:1100px; margin:0 auto;} #main_con > .best_con > .contents_con > .title_con {margin-bottom:36px; text-align:center;} #main_con > .best_con > .contents_con > .title_con span {font-size:26px; color:#1a1a1a; font-weight:600; line-height:34px;} #main_con > .best_con > .contents_con > .slide_con {position:relative; top:0; left:0;} #main_con > .best_con > .contents_con > .slide_con .swiper-container {width:1050px; margin:0 auto;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide {} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a {display:block; width:330px; margin:0 auto;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div {} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .img_con {margin-bottom:20px; position:relative; top:0; left:0;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .img_con .img01 {} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .img_con .img02 {position:absolute; top:0; left:0; z-index:10; opacity:0; transition:all 0.3s ease;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con {text-align:center;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .tag_con {margin-bottom:2px;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .tag_con span {font-size:12px; color:#1a1a1a; line-height:20px;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .title_con {margin-bottom:14px;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .title_con span {font-size:14px; color:#1a1a1a; line-height:22px;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .price_con {margin-bottom:2px;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .price_con > .cost_con {} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .price_con > .cost_con span {font-size:18px; color:#1a1a1a; font-weight:600; line-height:26px;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .price_con > .sale_con {display:none;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .price_con > .sale_con span {display:inline-block; *display:inline; zoom:1; margin-left:3px; font-size:18px; color:#1a1a1a; font-weight:600; line-height:26px;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .price_con > .sale_con .percent_text {font-size:16px; color:#8da6c5; line-height:24px;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .price_con > .sale_con .cost_text {font-size:12px; color:#8a8a8b; font-weight:400; line-height:20px; text-decoration:line-through;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .price_con > .sale_con span:first-child {margin-left:0;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .review_con {} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div > .text_con > .review_con span {font-size:12px; color:#8a8a8b; line-height:20px;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div.sale > .text_con > .price_con > .cost_con {display:none;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div.sale > .text_con > .price_con > .sale_con {display:block;} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div:hover > .img_con .img01 {} #main_con > .best_con > .contents_con > .slide_con .swiper-container .swiper-wrapper .swiper-slide > a > .list_div:hover > .img_con .img02 {opacity:1;} #main_con > .best_con > .contents_con > .slide_con .prev_btn {cursor:pointer; position:absolute; top:50%; margin-top:-17px; left:0; z-index:10;} #main_con > .best_con > .contents_con > .slide_con .next_btn {cursor:pointer; position:absolute; top:50%; margin-top:-17px; right:0; z-index:10;} /*푸터*/ #footer {width:100%; margin:0 auto; background-color:#4d5053;} #footer > .contents_con {width:1200px; margin:0 auto; padding:20px 0;} #footer > .contents_con > table {width:100%; margin:0 auto;} #footer > .contents_con > table > tbody > tr > td {} #footer > .contents_con > table > tbody > tr > td span {font-size:11px; color:#8f8f8f; line-height:21px;} #footer > .contents_con > table > tbody > tr > td > .nav {} #footer > .contents_con > table > tbody > tr > td > .nav span {} #footer > .contents_con > table > tbody > tr > td > .nav span a {color:#ffffff;} #footer > .contents_con > table > tbody > tr > td > .nav span .bar {font-size:9px; line-height:17px;} #footer > .contents_con > table > tbody > tr > td > .copyright {} #footer > .contents_con > table > tbody > tr > td > .copyright span {} #footer > .contents_con > table > tbody > tr > td > .copyright span a {color:#ffffff;} #footer > .contents_con > table > tbody > tr > td > .copyright span .bar {font-size:9px; line-height:17px;} /*서브 컨텐츠*/ #sub_con {} /*제품 리스트*/ .product_list_con {} .product_list_con > .banner_con {background-repeat:no-repeat; background-size:cover; background-position:center;} .product_list_con > .banner_con > .contents_con {width:1200px; margin:0 auto;} .product_list_con > .contents_con {width:1200px; margin:0 auto; padding:100px 0 200px 0;} .product_list_con > .contents_con > .ns_con {margin-bottom:80px;} .product_list_con > .contents_con > .ns_con > table {width:100%; margin:0 auto;} .product_list_con > .contents_con > .ns_con > table > tbody > tr > td {} .product_list_con > .contents_con > .ns_con > table > tbody > tr > .nav_td {} .product_list_con > .contents_con > .ns_con > table > tbody > tr > .nav_td > ul {} .product_list_con > .contents_con > .ns_con > table > tbody > tr > .nav_td > ul > li {float:left; margin-left:40px;} .product_list_con > .contents_con > .ns_con > table > tbody > tr > .nav_td > ul > li a {font-size:14px; color:#808080; line-height:20px;} .product_list_con > .contents_con > .ns_con > table > tbody > tr > .nav_td > ul > li .on {color:#000000;} .product_list_con > .contents_con > .ns_con > table > tbody > tr > .nav_td > ul > li:first-child {margin-left:0;} .product_list_con > .contents_con > .ns_con > table > tbody > tr > .sort_td {} .product_list_con > .contents_con > .ns_con > table > tbody > tr > .sort_td .select {width:150px; height:40px; border:1px solid #dddddd; padding:0 10px;} .product_list_con > .contents_con > .list_con {width:1040px; margin:0 auto; margin-bottom:100px;} .product_list_con > .contents_con > .list_con > ul {} .product_list_con > .contents_con > .list_con > ul > li {float:left; width:330px; margin:50px 25px 0 0;} .product_list_con > .contents_con > .list_con > ul > li .list_div {} .product_list_con > .contents_con > .list_con > ul > li .list_div > .img_con {margin-bottom:20px; position:relative; top:0; left:0;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .img_con .img01 {} .product_list_con > .contents_con > .list_con > ul > li .list_div > .img_con .img02 {position:absolute; top:0; left:0; z-index:10; opacity:0; transition:all 0.3s ease;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con {text-align:center;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .tag_con {margin-bottom:2px;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .tag_con span {font-size:12px; color:#1a1a1a; line-height:20px;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .title_con {margin-bottom:14px;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .title_con span {font-size:14px; color:#1a1a1a; line-height:22px;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .price_con {margin-bottom:2px;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .price_con > .cost_con {} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .price_con > .cost_con span {font-size:18px; color:#1a1a1a; font-weight:600; line-height:26px;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .price_con > .sale_con {display:none;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .price_con > .sale_con span {display:inline-block; *display:inline; zoom:1; margin-left:3px; font-size:18px; color:#1a1a1a; font-weight:600; line-height:26px;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .price_con > .sale_con .percent_text {font-size:16px; color:#8da6c5; line-height:24px;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .price_con > .sale_con .cost_text {font-size:12px; color:#8a8a8b; font-weight:400; line-height:20px; text-decoration:line-through;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .price_con > .sale_con span:first-child {margin-left:0;} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .review_con {} .product_list_con > .contents_con > .list_con > ul > li .list_div > .text_con > .review_con span {font-size:12px; color:#8a8a8b; line-height:20px;} .product_list_con > .contents_con > .list_con > ul > li .list_div.sale > .text_con > .price_con > .cost_con {display:none;} .product_list_con > .contents_con > .list_con > ul > li .list_div.sale > .text_con > .price_con > .sale_con {display:block;} .product_list_con > .contents_con > .list_con > ul > li .list_div:hover > .img_con .img01 {} .product_list_con > .contents_con > .list_con > ul > li .list_div:hover > .img_con .img02 {opacity:1;} .product_list_con > .contents_con > .list_con > ul > li:nth-child(1) {margin-top:0;} .product_list_con > .contents_con > .list_con > ul > li:nth-child(2) {margin-top:0;} .product_list_con > .contents_con > .list_con > ul > li:nth-child(3) {margin-top:0;} .product_list_con > .contents_con > .list_con > ul > li:nth-child(3n) {margin-right:0;} .product_list_con > .contents_con > .number_list_con {} /*피부타입테스트 메인*/ .prescription_sub01_con {width:1200px; margin:0 auto;} .prescription_sub01_con > .info01_con {position:relative; top:0; left:0;} .prescription_sub01_con > .info01_con > .text_con {position:absolute; top:410px; left:0; z-index:10;} .prescription_sub01_con > .info01_con > .text_con span {font-size:28px; color:#484848; line-height:96px;} .prescription_sub01_con > .info01_con > .text_con span .counter {font-size:88px; color:#f37f93; font-weight:700;} .prescription_sub01_con > .info02_con {} /*피부타입테스트 테스트*/ .prescription_sub01_test_con {padding-top:200px;} .prescription_sub01_test_con > .select_con {width:1160px; margin:0 auto; padding-bottom:200px;} .prescription_sub01_test_con > .select_con > .title_con {margin-bottom:50px; text-align:center;} .prescription_sub01_test_con > .select_con > .title_con span {font-size:38px; color:#222222;} .prescription_sub01_test_con > .select_con > .list_con {margin-bottom:20px;} .prescription_sub01_test_con > .select_con > .list_con > ul {} .prescription_sub01_test_con > .select_con > .list_con > ul > li {float:left; display:block; width:250px; margin:20px;} .prescription_sub01_test_con > .select_con > .list_con > ul > li .checkbox_label {display:block; height:207px; border:1px solid #dddddd; padding-top:41px; text-align:center; cursor:pointer; position:relative; top:0; left:0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .prescription_sub01_test_con > .select_con > .list_con > ul > li .checkbox_label .check_icon {display:block; width:30px; height:30px; background:url("/renewal/img/prescription/prescription_sub01_test_select_list_radio_icon_off.png") no-repeat; margin-right:0; position:absolute; top:19px; right:19px; z-index:10;} .prescription_sub01_test_con > .select_con > .list_con > ul > li .checkbox_label input[type=checkbox] {display:none;} .prescription_sub01_test_con > .select_con > .list_con > ul > li .checkbox_label input[type=checkbox]:checked + .check_icon {background-image:url("/renewal/img/prescription/prescription_sub01_test_select_list_radio_icon_on.png");} .prescription_sub01_test_con > .select_con > .list_con > ul > li .checkbox_label .img_con {margin-bottom:25px;} .prescription_sub01_test_con > .select_con > .list_con > ul > li .checkbox_label .text_con {} .prescription_sub01_test_con > .select_con > .list_con > ul > li .checkbox_label .text_con span {font-size:20px; color:#888888; line-height:28px;} .prescription_sub01_test_con > .select_con > .list_con > ul > li .checkbox_label.on {-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);} .prescription_sub01_test_con > .select_con > .btn_con {text-align:center;} .prescription_sub01_test_con > .select_con > .btn_con .a_btn {display:inline-block; *display:inline; zoom:1; background-color:#000000; padding:0 24px; text-align:center; border-radius:60px; -moz-border-radius:60px; -webkit-border-radius:60px;} .prescription_sub01_test_con > .select_con > .btn_con .a_btn > span {font-size:20px; color:#ffffff; line-height:60px; vertical-align:middle;} .prescription_sub01_test_con > .select_con > .btn_con .a_btn > img {margin-left:17px; vertical-align:middle;} .prescription_sub01_test_con > .test_con {display:none;} .prescription_sub01_test_con > .test_con > .title_con {margin-bottom:42px; text-align:center;} .prescription_sub01_test_con > .test_con > .title_con > .text_con {margin-bottom:34px;} .prescription_sub01_test_con > .test_con > .title_con > .text_con span {font-size:50px; color:#222222;} .prescription_sub01_test_con > .test_con > .title_con > .img_con {} .prescription_sub01_test_con > .test_con > .contents_con {background-color:#ededed; padding:68px 0 130px 0;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con {display:none;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .title_con {margin-bottom:33px; text-align:center;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .title_con span {font-size:30px; color:#222222; font-weight:700; line-height:38px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con {width:580px; margin:0 auto; margin-bottom:40px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > .input_con {background-color:#ffffff; padding:15px 0; margin-bottom:30px;text-align:center;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > .input_con span {font-size:20px; vertical-align:middle;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > .input_con .text01 {color:#999999;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > .input_con .text02 {color:#222222;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > .input_con .input {width:50px; height:40px; border:0; margin:0 10px; text-align:center; vertical-align:middle;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li {display:block; width:580px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label {display:block; cursor:pointer; background-color:#ffffff;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label .check_icon {display:block; width:70px; height:70px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label input[type=radio] {display:none;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label input[type=checkbox] {display:none;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label .check_icon01 {background:url("/renewal/img/prescription/prescription_sub01_test_radio_icon01_off.png") no-repeat;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label input[type=radio]:checked + .check_icon01 {background-image:url("/renewal/img/prescription/prescription_sub01_test_radio_icon01_on.png");} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label .check_icon02 {background:url("/renewal/img/prescription/prescription_sub01_test_radio_icon02_off.png") no-repeat;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label input[type=radio]:checked + .check_icon02 {background-image:url("/renewal/img/prescription/prescription_sub01_test_radio_icon02_on.png");} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label input[type=checkbox]:checked + .check_icon02 {background-image:url("/renewal/img/prescription/prescription_sub01_test_radio_icon02_on.png");} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label .check_icon03 {background:url("/renewal/img/prescription/prescription_sub01_test_radio_icon03_off.png") no-repeat;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label input[type=radio]:checked + .check_icon03 {background-image:url("/renewal/img/prescription/prescription_sub01_test_radio_icon03_on.png");} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label table {width:100%; margin:0 auto;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label table > tbody > tr > td {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label table > tbody > tr > .text_td {padding:0 15px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > li .select_label table > tbody > tr > .text_td span {font-size:18px; color:#222222; line-height:26px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > .mr {margin-right:20px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .select_con > ul > .mb {margin-bottom:10px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .btn_con {text-align:center;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .btn_con .a_btn {display:inline-block; *display:inline; zoom:1; background-color:#000000; padding:0 24px; text-align:center; border-radius:60px; -moz-border-radius:60px; -webkit-border-radius:60px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .btn_con .a_btn > span {font-size:20px; color:#ffffff; line-height:60px; vertical-align:middle;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .btn_con .a_btn > img {margin-left:17px; vertical-align:middle;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .btn_con .img_btn {display:inline-block; *display:inline; zoom:1; margin:0 8px;} /* 현재 사용 안함 쓰게 되면 이미지, css 등 수정해야 함 .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con {width:1200px; margin:0 auto; text-align:center;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .intro_con {margin-bottom:19px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .intro_con span {font-size:16px; color:#555555;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .intro_con span .color_text {color:#ef8585;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .check_con {display:inline-block; *display:inline; zoom:1; background-color:#ffffff; padding:0 28px; margin-bottom:70px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .check_con .list_div {display:inline-block; *display:inline; zoom:1; margin:10px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .check_con .list_div > img {margin-right:3px; vertical-align:middle;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .check_con .list_div > span {font-size:20px; color:#555555; line-height:40px; vertical-align:middle;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .list_div {display:inline-block; *display:inline; zoom:1; width:318px; border:1px solid #ef8585; background-color:#ffffff; margin-left:40px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .list_div table {width:100%; margin:0 auto; } .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .list_div table > tbody > tr > td {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .list_div table > tbody > tr > .img_td {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .list_div table > tbody > tr > .text_td {height:70px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .list_div:first-child {margin-left:0;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con {border:1px solid #ef8585;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td {height:189px; border-bottom:1px solid #ef8585;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con {display:inline-block; *display:inline; zoom:1; border:1px solid #dddddd; background-color:#efefef; padding:9px 7px 7px 7px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con > .img_con {border:1px solid #dddddd; margin-bottom:8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con > .img_con img {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con > .img_con .off {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con > .img_con .on {display:none;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con > .text_con {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con > .text_con span {font-size:12px; color:#555555;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con > .text_con .text01 {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con > .text_con .text02 {display:none;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con.on > .img_con {border:1px solid #ffffff;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con.on > .img_con .off {display:none;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con.on > .img_con .on {display:inline;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con.on > .text_con .text01 {display:none;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .img_td .con_con.on > .text_con .text02 {display:inline;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .text_td .file_btn {display:block; text-align:center; font-size:20px; color:#222222; line-height:70px; cursor:pointer;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .text_td .file_input {display:none;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .img_con table > tbody > tr > .text_td .input {width:298px; height:70px; border:0; padding:0 10px; display:none; font-size:20px; color:#ef8585; text-align:center; border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .btn_con {border:1px solid #cccccc;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .btn_con table > tbody > tr > .img_td {height:190px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .btn_con table > tbody > tr > .img_td .off {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .btn_con table > tbody > tr > .img_td .on {display:none;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .btn_con table > tbody > tr > .text_td span {font-size:20px; color:#999999;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .btn_con.on {border:1px solid #ef8585; background-color:#ef8585;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .btn_con.on table > tbody > tr > .img_td .off {display:none;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .btn_con.on table > tbody > tr > .img_td .on {display:inline;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .btn_con.on table > tbody > tr > .text_td span {color:#ffffff;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con > .photo_con > .input_con > .list_div:fist-child {margin-left:0;} */ .prescription_sub01_test_con > .test_con > .contents_con > .question_con:first-child {display:block;} /*나이와 성별*/ .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step00 {} /*유수분밸러스*/ .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step01 {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step01 > .title_con span .color_text {color:#87c5d6;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step01_1 {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step01_2 {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step01_3 {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step01_3 > .select_con {width:1180px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step01_3 > .select_con > ul > li {float:left;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step01_4 {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step01_4 > .select_con {width:1180px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step01_4 > .select_con > ul > li {float:left;} /*민감성테스트*/ .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step02 {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step02 > .title_con span .color_text {color:#acc686;} /*색소침착 및 노화관리*/ .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step03 {} .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step03 > .title_con {margin-bottom:18px;} .prescription_sub01_test_con > .test_con > .contents_con > .question_con_step03 > .title_con span .color_text {color:#acc686;} /*피부타입테스트 테스트 결과*/ .prescription_sub01_end_con {padding-top:200px;} .prescription_sub01_end_con > .result01_con {margin-bottom:80px;} .prescription_sub01_end_con > .result01_con > .contents_con {width:1200px; margin:0 auto;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con {padding:38px; margin-bottom:40px; text-align:center; position:relative; top:0; left:0;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text01_con {margin-bottom:8px;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text01_con span {font-size:30px; color:#222222; font-weight:700; line-height:38px;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con {margin-bottom:2px;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con span {font-size:70px; font-weight:700; line-height:78px;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con .D-S1_txt {color:#81e3ff;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con .O-S1_txt {color:#7dc7ff;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con .N-S1_txt {color:#8c98ff;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con .NSW_txt {color:#a265ff;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con .OSW_txt {color:#dd86ec;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con .DSW_txt {color:#ffb7e7;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con .N-S3_txt {color:#ff89a2;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con .O-S3_txt {color:#ff7d6f;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con .D-S3_txt {color:#ffba70;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con .N-S2_txt {color:#f9d778;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con .O-S2_txt {color:#d4eb7b;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text02_con .D-S2_txt {color:#abe9b5;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text03_con {} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con > .text03_con span {font-size:20px; color:#555555; line-height:28px;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con .lt {position:absolute; top:0; left:0; z-index:10;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con .rt {position:absolute; top:0; right:0; z-index:10;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con .lb {position:absolute; bottom:0; left:0; z-index:10;} .prescription_sub01_end_con > .result01_con > .contents_con > .text_con .rb {position:absolute; bottom:0; right:0; z-index:10;} .prescription_sub01_end_con > .result01_con > .contents_con > .img_con {margin-bottom:90px; text-align:center;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con {*zoom:1;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con:after {content:""; display:block; clear:both;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con {float:left; width:700px;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table {width:100%; margin:0 auto; border-top:2px solid #efefef;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > thead > tr > td {height:77px;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > thead > tr > .title_td {} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > thead > tr > .title_td span {font-size:30px; color:#222222; font-weight:700;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > thead > tr > .step_td {} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > thead > tr > .step_td > div {width:364px; margin:0 auto;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > thead > tr > .step_td > div > ul {} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > thead > tr > .step_td > div > ul > li {float:left; width:20%; text-align:center;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > thead > tr > .step_td > div > ul > li span {font-size:16px; color:#555555;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > tbody > tr > td {} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > tbody > tr > td span {font-size:18px; color:#555555;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > tbody > tr > .line_td {background:url("/img/diagnosis/diagnosis_sub02_result01_result_step_line.png") no-repeat;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > tbody > tr > .line_td > div {width:364px; margin:0 auto;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > tbody > tr > .line_td > div > ul {} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > tbody > tr > .line_td > div > ul > li {float:left; width:20%; text-align:center; position:relative; top:0; left:0;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > tbody > tr > .line_td > div > ul > li .check {display:none; margin:0 auto; position:absolute; top:0; left:0; right:0; z-index:10;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .left_con > table > tbody > tr > .line_td > div > ul > .on .check {display:block;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .right_con {float:right; width:436px; height:296px; border:2px solid #efefef; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; *zoom:1;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .right_con:after {content:""; display:block; clear:both;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .right_con > .graph_con {float:left; width:240px; padding-top:75px;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .right_con > .list_con {float:left; padding-top:95px;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .right_con > .list_con > ul {} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .right_con > .list_con > ul > li {margin-top:12px;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .right_con > .list_con > ul > li img {margin-right:5px; vertical-align:middle;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .right_con > .list_con > ul > li span {font-size:16px; color:#555555; vertical-align:middle;} .prescription_sub01_end_con > .result01_con > .contents_con > .result_con > .right_con > .list_con > ul > li:first-child {margin-top:0;} .prescription_sub01_end_con > .result02_con {background-color:#ededed; padding:80px 0;} .prescription_sub01_end_con > .result02_con > .contents_con {width:1200px; margin:0 auto;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con {*zoom:1;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con:after {content:""; display:block; clear:both;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .left_con {float:left; width:350px;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .left_con > .top_con {height:80px; background-color:#ffffff; padding-top:20px; margin-bottom:20px; text-align:center; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .left_con > .top_con span {font-size:20px; color:#222222; line-height:30px;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .left_con > .bottom_con {height:350px; background-color:#ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .left_con > .bottom_con > .chart_radar_wrap {width:300px; height:300px; padding-top:25px; padding-left:25px;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con {float:right; width:830px; height:470px; background-color:#ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con {width:730px; margin:0 auto; margin-top:30px;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul {} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li {float:left; width:160px; margin-left:30px;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div {} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .title_con {margin-bottom:20px; text-align:center;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .title_con span {font-size:18px; color:#222222;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con {height:358px; text-align:center; position:relative; top:0; left:0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con > .type_con {width:100%; margin:0 auto; position:absolute; top:11px; left:0; right:0; z-index:10;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con > .type_con > .icon_con {margin-bottom:10px;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con > .type_con > .text_con {} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con > .type_con > .text_con span {font-size:14px; color:#222222;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con > .graph_wrap {position:relative; top:20%; height:80%;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con > .graph_wrap > .graph_color {display:flex; align-items: center; justify-content: center; position:absolute; bottom:0; border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; width:100%;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con > .graph_wrap > .graph_color > span {color:#ffffff;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con01 {border:1px solid #a8d479;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con01 > .graph_wrap > .graph_color {background-color:#a8d479;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con02 {border:1px solid #ffbd2e;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con02 > .graph_wrap > .graph_color {background-color:#ffbd2e;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con03 {border:1px solid #62a9fd;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con03 > .graph_wrap > .graph_color {background-color:#62a9fd;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con04 {border:1px solid #ff9897;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li .list_div > .graph_con04 > .graph_wrap > .graph_color {background-color:#ff9897;} .prescription_sub01_end_con > .result02_con > .contents_con > .info02_con > .right_con .aaa_con > ul > li:first-child {margin-left:0;} .prescription_sub01_end_con > .result03_con {background-image:url("/renewal/img/prescription/prescription_sub01_end_result03_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center; padding:65px 0 120px 0;} .prescription_sub01_end_con > .result03_con > .contents_con {width:1200px; margin:0 auto;} .prescription_sub01_end_con > .result03_con > .contents_con > .result_title {} .prescription_sub01_end_con > .result03_con > .contents_con > .result_wrap {background: url("/renewal/img/prescription/prescription_sub01_end_result03_table_bg.png") repeat-y; padding:54px 0; font-size:16px; color:#000000; line-height:24px;} .prescription_sub01_end_con > .result03_con > .contents_con > .result_wrap > table.date {width:1036px; margin:0 auto; border-bottom: 1px solid #999999;} .prescription_sub01_end_con > .result03_con > .contents_con > .result_wrap > table.info {width:1036px; margin:4px auto 50px; border-top:1px solid #999999; border-bottom:1px solid #999999;} .prescription_sub01_end_con > .result03_con > .contents_con .border_right {border-right: 1px solid #999999;} /*닥터의기록*/ .prescription_sub02_con {width:1200px; margin:0 auto; padding:150px 0 200px 0;} .prescription_sub02_con > .info01_con {margin-bottom:60px;} .prescription_sub02_con > .info01_con .swiper-container {width:100%; margin:0 auto; padding-bottom:40px; position:relative; top:0; left:0;} .prescription_sub02_con > .info01_con .swiper-container .swiper-wrapper .swiper-slide {background-repeat:no-repeat; background-size:cover; background-position:center;} .prescription_sub02_con > .info01_con .swiper-container .text_con {width:1200px; margin:0 auto; position:absolute; top:0; left:0; right:0; z-index:10;} .prescription_sub02_con > .info01_con .swiper-container-horizontal > .swiper-pagination-bullets {width:100%; margin:0 auto; bottom:0; left:0; right:0; text-align:center;} .prescription_sub02_con > .info01_con .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width:8px; height:8px; border:1px solid #484848; background-color:#484848; margin:0 5px; border-radius:10px; opacity:1;} .prescription_sub02_con > .info01_con .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color:transparent;} .prescription_sub02_con > .img_con {} /*브랜드스토리*/ .brand_sub01_con {} .brand_sub01_con > .info01_con {background-image:url("/renewal/img/brand/brand_sub01_info01_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .brand_sub01_con > .info01_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub01_con > .info02_con {} .brand_sub01_con > .info02_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub01_con > .info03_con {} .brand_sub01_con > .info03_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub01_con > .info04_con {} .brand_sub01_con > .info04_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub01_con > .info05_con {} .brand_sub01_con > .info05_con > .contents_con {width:1200px; margin:0 auto;} /*더메디피부과학연구소*/ .brand_sub02_con {} .brand_sub02_con > .info01_con {background-image:url("/renewal/img/brand/brand_sub02_info01_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .brand_sub02_con > .info01_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub02_con > .info02_con {background-color:#000000;} .brand_sub02_con > .info02_con > .contents_con {} .brand_sub02_con > .info02_con > .contents_con .videoWrapper {position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0;} .brand_sub02_con > .info02_con > .contents_con .videoWrapper video {position:absolute; top:0; left:0; width:100%; height:100%;} .brand_sub02_con > .info03_con {background-color:#e6f2f7;} .brand_sub02_con > .info03_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub02_con > .info04_con {background-image:url("/renewal/img/brand/brand_sub02_info04_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .brand_sub02_con > .info04_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub02_con > .info05_con {background-image:url("/renewal/img/brand/brand_sub02_info05_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .brand_sub02_con > .info05_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub02_con > .info06_con {} .brand_sub02_con > .info06_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub02_con > .info07_con {background-image:url("/renewal/img/brand/brand_sub02_info07_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .brand_sub02_con > .info07_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub02_con > .info08_con {background-image:url("/renewal/img/brand/brand_sub02_info08_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .brand_sub02_con > .info08_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub02_con > .info09_con {background-image:url("/renewal/img/brand/brand_sub02_info09_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .brand_sub02_con > .info09_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub02_con > .info10_con {} .brand_sub02_con > .info10_con > .contents_con {width:1200px; margin:0 auto;} /*스토어*/ .brand_sub04_con {} .brand_sub04_con > .info01_con {background-image:url("/renewal/img/brand/brand_sub04_info01_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .brand_sub04_con > .info01_con > .contents_con {width:1200px; margin:0 auto;} .brand_sub04_con > .info02_con {} .brand_sub04_con > .info02_con > .contents_con {width:1200px; margin:0 auto;} /*고객센터*/ .center_sub01_con {} .center_sub01_con > .info01_con {background-image:url("/renewal/img/center/center_sub01_info01_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .center_sub01_con > .info01_con > .contents_con {width:1200px; margin:0 auto;} /*맴버쉽*/ .center_sub04_con {} .center_sub04_con > .info01_con {background-image:url("/renewal/img/center/center_sub04_info01_con_bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center;} .center_sub04_con > .info01_con > .contents_con {width:1200px; margin:0 auto;} .center_sub04_con > .info02_con {} .center_sub04_con > .info02_con > .contents_con {width:1200px; margin:0 auto;} .center_sub04_con > .info02_con {} .center_sub04_con > .info02_con > .contents_con {width:1200px; margin:0 auto;} .center_sub04_con > .info02_con {} .center_sub04_con > .info02_con > .contents_con {width:1200px; margin:0 auto;} .center_sub04_con > .info02_con {} .center_sub04_con > .info02_con > .contents_con {width:1200px; margin:0 auto;} /*게시판 리스트*/ .notice_list_con {} .notice_list_con > .review_sub01_banner_con {background-image:url('/renewal/img/review/review_sub01_banner_con_bg.png'); background-repeat:no-repeat; background-size:cover; background-position:center;} .notice_list_con > .review_sub01_banner_con > .contents_con {width:1200px; margin:0 auto;} .notice_list_con > .brand_sub03_banner_con {background-image:url('/renewal/img/brand/brand_sub03_banner_con_bg.png'); background-repeat:no-repeat; background-size:cover; background-position:center;} .notice_list_con > .brand_sub03_banner_con > .contents_con {width:1200px; margin:0 auto;} .notice_list_con > .customer_sub_banner_con {background-repeat:no-repeat; background-size:cover; background-position:center;} .notice_list_con > .customer_sub_banner_con > .contents_con {width:1200px; margin:0 auto;} .notice_list_con > .contents_con {width:1200px; margin:0 auto; padding:150px 0 200px 0;} .notice_list_con > .contents_con > .title_con {margin-bottom:30px; text-align:center;} .notice_list_con > .contents_con > .title_con span {font-size:30px; color:#222222; font-weight:700; line-height:38px;} .notice_list_con > .contents_con > .nav {margin-bottom:80px; text-align:center;} .notice_list_con > .contents_con > .nav > .contents_con {display:inline-block; *display:inline; zoom:1; text-align:left;} .notice_list_con > .contents_con > .nav > .contents_con > ul {} .notice_list_con > .contents_con > .nav > .contents_con > ul > li {float:left; margin-left:40px;} .notice_list_con > .contents_con > .nav > .contents_con > ul > li a {font-size:14px; color:#808080; line-height:20px;} .notice_list_con > .contents_con > .nav > .contents_con > ul > li .on {color:#000000;} .notice_list_con > .contents_con > .nav > .contents_con > ul > li:first-child {margin-left:0;} .notice_list_con > .contents_con > .btn_con {margin-top:20px; text-align:right;} .notice_list_con > .contents_con > .btn_con .a_btn {display:inline-block; *display:inline; zoom:1; width:120px; background-color:#000000; text-align:center; font-size:14px; color:#ffffff; font-weight:700; line-height:36px;} .notice_list_con > .contents_con > .number_list_con {margin-top:50px;} .notice_list_con > .contents_con > .search_con {margin-top:50px;} .notice_list_con > .contents_con > .search_con table {margin:0 auto;} .notice_list_con > .contents_con > .search_con table > tbody > tr > td {} .notice_list_con > .contents_con > .search_con table > tbody > tr > td .select {width:110px; height:40px; border:1px solid #dddddd; background-position:90% 50%; padding:0 10px;} .notice_list_con > .contents_con > .search_con table > tbody > tr > td .input {width:208px; height:38px; border:1px solid #dddddd; padding:0 10px;} .notice_list_con > .contents_con > .search_con table > tbody > tr > td .input_btn {width:80px; height:40px; border:0; background-color:#000000; color:#ffffff; cursor:pointer;} .notice_list_con > .contents_con > .search_con table > tbody > tr > .blank_td {width:10px;} /*일반 게시판*/ .normal_notice_con {} .normal_notice_con > table {width:100%; margin:0 auto; border-top:2px solid #222222;} .normal_notice_con > table > thead > tr > td {height:55px; border-bottom:1px solid #dddddd;} .normal_notice_con > table > thead > tr > td span {font-size:14px; color:#000000; font-weight:700; line-height:20px;} .normal_notice_con > table > tbody > tr > td {height:55px; border-bottom:1px solid #dddddd;} .normal_notice_con > table > tbody > tr > td span {font-size:14px; color:#000000; line-height:20px;} .normal_notice_con > table > tbody > tr > td .notice_btn {display:inline-block; *display:inline; zoom:1; width:36px; background-color:#76895b; text-align:center; font-size:12px; color:#ffffff; line-height:24px;} .normal_notice_con > table > tbody > tr > .info_td {padding:0 20px;} .normal_notice_con > table > tbody > tr > .info_td span {vertical-align:middle;} .normal_notice_con > table > tbody > tr > .info_td .icon {margin:0 3px; vertical-align:middle;} /*리뷰 게시판*/ .review_notice_con {border-top:2px solid #222222; border-bottom:1px solid #dddddd; padding:40px 10px;} .review_notice_con > ul {} .review_notice_con > ul > li {float:left; width:280px; margin:20px 20px 0 0;} .review_notice_con > ul > li .list_div {border:1px solid #dddddd;} .review_notice_con > ul > li .list_div > .img_con {height:278px; border-bottom:1px solid #dddddd;} .review_notice_con > ul > li .list_div > .img_con .swiper-container {width:100%; margin:0 auto;} .review_notice_con > ul > li .list_div > .img_con .swiper-container .swiper-wrapper .swiper-slide {height:278px; background-repeat:no-repeat; background-size:cover; background-position:center;} .review_notice_con > ul > li .list_div > .img_con .swiper-container .swiper-button-prev {width:28px; height:28px; background-image:none; background-size:28px 28px;margin-top:-14px; left:10px; outline:none;} .review_notice_con > ul > li .list_div > .img_con .swiper-container .swiper-button-prev img {width:100%;} .review_notice_con > ul > li .list_div > .img_con .swiper-container .swiper-button-next {width:28px; height:28px; background-image:none; background-size:28px 28px; margin-top:-14px; right:10px; outline:none;} .review_notice_con > ul > li .list_div > .img_con .swiper-container .swiper-button-next img {width:100%;} .review_notice_con > ul > li .list_div > .text_con {height:108px; border-bottom:1px solid #dddddd; padding:11px 15px;} .review_notice_con > ul > li .list_div > .text_con > .name_con {margin-bottom:4px;} .review_notice_con > ul > li .list_div > .text_con > .name_con span {font-size:13px; color:#76895b; font-weight:700; line-height:21px;} .review_notice_con > ul > li .list_div > .text_con > .title_con {margin-bottom:8px;} .review_notice_con > ul > li .list_div > .text_con > .title_con span {font-size:15px; color:#222222; font-weight:700; line-height:23px;} .review_notice_con > ul > li .list_div > .text_con > .info_con {} .review_notice_con > ul > li .list_div > .text_con > .info_con span {font-size:13px; color:#555555; line-height:21px;} .review_notice_con > ul > li .list_div > .info_con {padding:11px 15px; background-color:#f0f0f0;} .review_notice_con > ul > li .list_div > .info_con > .info01_con {margin-bottom:2px;} .review_notice_con > ul > li .list_div > .info_con > .info01_con > table {width:100%; margin:0 auto;} .review_notice_con > ul > li .list_div > .info_con > .info01_con > table > tbody > tr > td {} .review_notice_con > ul > li .list_div > .info_con > .info01_con > table > tbody > tr > .text_td {} .review_notice_con > ul > li .list_div > .info_con > .info01_con > table > tbody > tr > .text_td span {font-size:13px; color:#999999; line-height:21px;} .review_notice_con > ul > li .list_div > .info_con > .info01_con > table > tbody > tr > .text_td span .color_text {color:#555555; font-weight:700;} .review_notice_con > ul > li .list_div > .info_con > .info01_con > table > tbody > tr > .rating_td {width:83px;} .review_notice_con > ul > li .list_div > .info_con > .info01_con > table > tbody > tr > .rating_td > ul {} .review_notice_con > ul > li .list_div > .info_con > .info01_con > table > tbody > tr > .rating_td > ul > li {float:left; margin-left:2px;} .review_notice_con > ul > li .list_div > .info_con > .info01_con > table > tbody > tr > .rating_td > ul > li:first-child {margin-left:0;} .review_notice_con > ul > li .list_div > .info_con > .info02_con {} .review_notice_con > ul > li .list_div > .info_con > .info02_con span {font-size:13px; color:#999999; line-height:21px;} .review_notice_con > ul > li .list_div > .info_con > .info02_con .bar {font-size:11px; color:#e2e2e2; line-height:19px;} .review_notice_con > ul > li:nth-child(1) {margin-top:0;} .review_notice_con > ul > li:nth-child(2) {margin-top:0;} .review_notice_con > ul > li:nth-child(3) {margin-top:0;} .review_notice_con > ul > li:nth-child(4) {margin-top:0;} .review_notice_con > ul > li:nth-child(4n) {margin-right:0;} /*FAQ 게시판*/ .faq_notice_con {width:1198px; margin:0 auto;} .faq_notice_con > .nav {margin-bottom:40px;} .faq_notice_con > .nav > ul {border-top:1px solid #dddddd; border-left:1px solid #dddddd;} .faq_notice_con > .nav > ul > li {float:left; width:170px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;} .faq_notice_con > .nav > ul > li a {display:block; text-align:center; font-size:14px; color:#808080; line-height:48px;} .faq_notice_con > .nav > ul > li .on {background-color:#000000; color:#ffffff;} .faq_notice_con > .list_con {} .faq_notice_con > .list_con > ul {border-top:2px solid #222222;} .faq_notice_con > .list_con > ul > li {border-bottom:1px solid #dddddd;} .faq_notice_con > .list_con > ul > li > .q_con {padding:20px; cursor:pointer;} .faq_notice_con > .list_con > ul > li > .q_con > table {width:100%; margin:0 auto;} .faq_notice_con > .list_con > ul > li > .q_con > table > tbody > tr > td {} .faq_notice_con > .list_con > ul > li > .q_con > table > tbody > tr > .category_td {width:95px;} .faq_notice_con > .list_con > ul > li > .q_con > table > tbody > tr > .category_td span {font-size:14px; color:#808080; line-height:22px;} .faq_notice_con > .list_con > ul > li > .q_con > table > tbody > tr > .text_td {padding-right:20px;} .faq_notice_con > .list_con > ul > li > .q_con > table > tbody > tr > .text_td span {font-size:14px; color:#000000; line-height:22px;} .faq_notice_con > .list_con > ul > li > .q_con > table > tbody > tr > .arrow_td {width:14px;} .faq_notice_con > .list_con > ul > li > .a_con {display:none; border-top:1px solid #dddddd; background-color:#f5f5f5; padding:20px;} .faq_notice_con > .list_con > ul > li > .a_con span {font-size:14px; color:#808080; line-height:22px;} /*이벤트 게시판*/ .event_notice_con {border-top:2px solid #222222; border-bottom:1px solid #dddddd; padding:40px 15px;} .event_notice_con > ul {} .event_notice_con > ul > li {float:left; width:570px; margin:40px 30px 0 0;} .event_notice_con > ul > li .list_div {} .event_notice_con > ul > li .list_div > .img_con {margin-bottom:11px; position:relative; top:0; left:0;} .event_notice_con > ul > li .list_div > .img_con > .over_con {display:none; width:100%; height:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.6); text-align:center; position:absolute; top:0; left:0; right:0; z-index:10;} .event_notice_con > ul > li .list_div > .img_con > .over_con span {font-size:18px; color:#ffffff; line-height:270px;} .event_notice_con > ul > li .list_div > .text_con {padding:0 5px;} .event_notice_con > ul > li .list_div > .text_con > .title_con {margin-bottom:2px;} .event_notice_con > ul > li .list_div > .text_con > .title_con span {font-size:16px; color:#222222; line-height:24px;} .event_notice_con > ul > li .list_div > .text_con > .date_con {} .event_notice_con > ul > li .list_div > .text_con > .date_con span {font-size:14px; color:#888888; line-height:22px;} .event_notice_con > ul > li .list_div.end {} .event_notice_con > ul > li .list_div.end > .img_con > .over_con {display:block;} .event_notice_con > ul > li:nth-child(1) {margin-top:0;} .event_notice_con > ul > li:nth-child(2) {margin-top:0;} .event_notice_con > ul > li:nth-child(2n) {margin-right:0;} /*게시판 뷰 페이지*/ .notice_view_con {width:1000px; margin:0 auto; padding:150px 0 200px 0;} .notice_view_con > .title_con {margin-bottom:30px; text-align:center;} .notice_view_con > .title_con span {font-size:30px; color:#222222; font-weight:700; line-height:38px;} .notice_view_con > .view_con {margin-bottom:30px;} .notice_view_con > .view_con > table {width:100%; margin:0 auto; border-top:2px solid #222222;} .notice_view_con > .view_con > table > thead > tr > td {border-bottom:1px solid #dddddd; padding:16px 20px;} .notice_view_con > .view_con > table > thead > tr > td > .title_con {margin-bottom:4px;} .notice_view_con > .view_con > table > thead > tr > td > .title_con span {font-size:16px; color:#222222; line-height:24px;} .notice_view_con > .view_con > table > thead > tr > td > .info_con {} .notice_view_con > .view_con > table > thead > tr > td > .info_con span {font-size:14px; color:#888888; line-height:22px;} .notice_view_con > .view_con > table > thead > tr > td > .info_con span .bar {font-size:12px; color:#dfdfdf; line-height:20px;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con {} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table {width:100%; margin:0 auto;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > td {} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .img_td {width:76px;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .img_td img {border-radius:76px; -moz-border-radius:76px; -webkit-border-radius:76px;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td {padding-left:20px;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .name_con {margin-bottom:4px;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .name_con span {font-size:16px; color:#76895b; font-weight:700; line-height:24px;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .title_con {margin-bottom:4px;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .title_con span {font-size:14px; color:#222222; line-height:22px;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .info_con {} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .info_con > .rating_con {display:inline-block; *display:inline; zoom:1; vertical-align:middle;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .info_con > .rating_con > .text_con {display:inline-block; *display:inline; zoom:1; vertical-align:middle;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .info_con > .rating_con > .text_con span {font-size:14px; color:#888888; line-height:22px;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .info_con > .rating_con > .text_con span .bar {font-size:12px; color:#dfdfdf; line-height:20px;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .info_con > .rating_con > .list_con {display:inline-block; *display:inline; zoom:1; vertical-align:middle;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .info_con > .rating_con > .list_con > ul {} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .info_con > .rating_con > .list_con > ul > li {float:left; margin-left:2px;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .info_con > .rating_con > .list_con > ul > li:first-child {margin-left:0;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .info_con > .text_con {display:inline-block; *display:inline; zoom:1; vertical-align:middle;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .info_con > .text_con span {font-size:14px; color:#888888; line-height:22px;} .notice_view_con > .view_con > table > thead > tr > td > .reviews_title_con > table > tbody > tr > .text_td > .info_con > .text_con .bar {font-size:12px; color:#dfdfdf; line-height:20px;} .notice_view_con > .view_con > table > tbody > tr > td {border-bottom:1px solid #dddddd;} .notice_view_con > .view_con > table > tbody > tr > .file_td {border-bottom:0; padding:10px 20px 0 20px;} .notice_view_con > .view_con > table > tbody > tr > .file_td > ul {} .notice_view_con > .view_con > table > tbody > tr > .file_td > ul > li {margin-top:2px;} .notice_view_con > .view_con > table > tbody > tr > .file_td > ul > li span {font-size:14px; color:#888888; line-height:22px;} .notice_view_con > .view_con > table > tbody > tr > .file_td > ul > li span a {color:#76895b;} .notice_view_con > .view_con > table > tbody > tr > .file_td > ul > li:first-child {margin-top:0;} .notice_view_con > .view_con > table > tbody > tr > .posts_td {padding:40px 20px;} .notice_view_con > .view_con > table > tbody > tr > .posts_td > .review_img_con {margin-bottom:20px;} .notice_view_con > .view_con > table > tbody > tr > .posts_td > .review_img_con > ul {} .notice_view_con > .view_con > table > tbody > tr > .posts_td > .review_img_con > ul > li {margin-top:10px;} .notice_view_con > .view_con > table > tbody > tr > .posts_td > .review_img_con > ul > li img {max-width:100%;} .notice_view_con > .view_con > table > tbody > tr > .posts_td > .review_img_con > ul > li:first-child {margin-top:0;} .notice_view_con > .view_con > table > tbody > tr > .posts_td > .text_con {} .notice_view_con > .view_con > table > tbody > tr > .posts_td > .text_con span {font-size:14px; color:#555555; line-height:22px;} .notice_view_con > .view_con > table > tbody > tr > .posts_td > .text_con img {} .notice_view_con > .view_con > table > tbody > tr > .answer_td {border-bottom:1px solid #dddddd; padding:20px;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .title_con {margin-bottom:8px;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .title_con span {font-size:14px; color:#222222; line-height:22px;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .title_con span .bar {font-size:12px; color:#dfdfdf; line-height:20px;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .info_con {} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .info_con span {font-size:14px; color:#555555; line-height:22px;} .notice_view_con > .view_con > table > tbody > tr > .answer_td > .info_con img {} .notice_view_con > .btn_con {} .notice_view_con > .btn_con > table {width:100%; margin:0 auto;} .notice_view_con > .btn_con > table > tbody > tr > td {} .notice_view_con > .btn_con > table > tbody > tr > td .a_btn {display:inline-block; *display:inline; zoom:1; margin-left:7px; text-align:center; font-size:16px;} .notice_view_con > .btn_con > table > tbody > tr > td .a_btn01 {width:100px; background-color:#000000; color:#ffffff; line-height:40px;} .notice_view_con > .btn_con > table > tbody > tr > td .a_btn02 {width:98px; border:1px solid #cccccc; background-color:#ededed; color:#888888; line-height:38px;} .notice_view_con > .btn_con > table > tbody > tr > td .a_btn:first-child {margin-left:0;} /*게시판 글쓰기*/ .notice_write_con {width:1000px; margin:0 auto; padding:150px 0 200px 0;} .notice_write_con > .title_con {margin-bottom:30px; text-align:center;} .notice_write_con > .title_con span {font-size:30px; color:#222222; font-weight:700; line-height:38px;} .notice_write_con > .input_con {margin-bottom:30px;} .notice_write_con > .input_con > table {width:100%; margin:0 auto; border-top:2px solid #222222;} .notice_write_con > .input_con > table > tbody > tr > td {border-bottom:1px solid #dddddd;} .notice_write_con > .input_con > table > tbody > tr > .title_td {width:130px; padding-left:20px;} .notice_write_con > .input_con > table > tbody > tr > .title_td span {font-size:14px; color:#000000; font-weight:700; line-height:22px;} .notice_write_con > .input_con > table > tbody > tr > .valign_top_td {padding:19px 0 0 20px;} .notice_write_con > .input_con > table > tbody > tr > .info_td {height:40px; padding:10px 20px;} .notice_write_con > .input_con > table > tbody > tr > .info_td span {font-size:14px; color:#808080; line-height:22px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .select {height:40px; border:1px solid #dddddd; padding:0 10px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .input {height:38px; border:1px solid #dddddd; padding:0 10px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .textarea {width:788px; height:348px; border:1px solid #dddddd; padding:10px; line-height:23px; overflow-y:scroll;} .notice_write_con > .input_con > table > tbody > tr > .info_td .file_con {} .notice_write_con > .input_con > table > tbody > tr > .info_td .file_con > ul {} .notice_write_con > .input_con > table > tbody > tr > .info_td .file_con > ul > li {margin-top:10px;} .notice_write_con > .input_con > table > tbody > tr > .info_td .file_con > ul > li table {width:100%; margin:0 auto;} .notice_write_con > .input_con > table > tbody > tr > .info_td .file_con > ul > li table > tbody > tr > td {} .notice_write_con > .input_con > table > tbody > tr > .info_td .file_con > ul > li table > tbody > tr > td .file_btn {display:block; background-color:#000000; text-align:center; font-size:14px; color:#ffffff; line-height:40px; cursor:pointer;} .notice_write_con > .input_con > table > tbody > tr > .info_td .file_con > ul > li table > tbody > tr > td .input {width:528px; border:1px solid #ffffff;} .notice_write_con > .input_con > table > tbody > tr > .info_td .file_con > ul > li table > tbody > tr > td .file_input {display:none;} .notice_write_con > .input_con > table > tbody > tr > .info_td .file_con > ul > li table > tbody > tr > td .btn {display:block; border:1px solid #000000; text-align:center; font-size:14px; color:#000000; line-height:38px; cursor:pointer;} .notice_write_con > .input_con > table > tbody > tr > .info_td .file_con > ul > li:first-child {margin-top:0;} .notice_write_con > .input_con > .agree_con {margin-top:20px;} .notice_write_con > .input_con > .agree_con > .text_con {margin-bottom:10px;} .notice_write_con > .input_con > .agree_con > .text_con > ul {border-top:2px solid #222222;} .notice_write_con > .input_con > .agree_con > .text_con > ul > li {border-bottom:1px solid #dddddd;} .notice_write_con > .input_con > .agree_con > .text_con > ul > li .list_div {} .notice_write_con > .input_con > .agree_con > .text_con > ul > li .list_div > .title_con {padding:10px 20px; cursor:pointer;} .notice_write_con > .input_con > .agree_con > .text_con > ul > li .list_div > .title_con > table {width:100%; margin:0 auto;} .notice_write_con > .input_con > .agree_con > .text_con > ul > li .list_div > .title_con > table > tbody > tr > td {} .notice_write_con > .input_con > .agree_con > .text_con > ul > li .list_div > .title_con > table > tbody > tr > td span {font-size:14px; color:#000000; line-height:22px;} .notice_write_con > .input_con > .agree_con > .text_con > ul > li .list_div > .title_con > table > tbody > tr > .arrow_td {width:14px;} .notice_write_con > .input_con > .agree_con > .text_con > ul > li .list_div > .info_con {display:none; height:100px; border-top:1px solid #dddddd; background-color:#f5f5f5; padding:20px; overflow-y:scroll;} .notice_write_con > .input_con > .agree_con > .check_con {} .notice_write_con > .input_con > .agree_con > .check_con .checkbox_label span {font-size:14px; color:#222222; line-height:20px;} .notice_write_con > .btn_con {text-align:center;} .notice_write_con > .btn_con .a_btn {display:inline-block; *display:inline; zoom:1; width:98px; border:1px solid #cccccc; background-color:#ededed; margin-right:7px; text-align:center; font-size:16px; color:#888888; line-height:38px; vertical-align:middle;} .notice_write_con > .btn_con .input_btn {width:100px; border:0; background-color:#000000; font-size:16px; color:#ffffff; line-height:40px; cursor:pointer; vertical-align:middle;} /*로그인*/ .login_con {} .login_con > .contents_con {width:1200px; margin:0 auto; padding:285px 0 150px 0;} .login_con > .contents_con > .title_con {margin-bottom:34px; text-align:center;} .login_con > .contents_con > .title_con span {font-size:28px; color:#000000; font-weight:700; line-height:36px; letter-spacing:1px;} .login_con > .contents_con > .contents_con {margin-bottom:123px;} .login_con > .contents_con > .contents_con > .write_con {width:355px; margin:0 auto; margin-bottom:32px;} .login_con > .contents_con > .contents_con > .write_con .input_con {margin-bottom:20px;} .login_con > .contents_con > .contents_con > .write_con .input_con > ul {} .login_con > .contents_con > .contents_con > .write_con .input_con > ul > li {margin-top:8px;} .login_con > .contents_con > .contents_con > .write_con .input_con > ul > li .list_div {border:1px solid #403c3d; padding:0 19px;} .login_con > .contents_con > .contents_con > .write_con .input_con > ul > li .list_div > table {width:100%; margin:0 auto;} .login_con > .contents_con > .contents_con > .write_con .input_con > ul > li .list_div > table > tbody > tr > td {} .login_con > .contents_con > .contents_con > .write_con .input_con > ul > li .list_div > table > tbody > tr > td .input {width:280px; border:0; height:46px; padding-left:19px;} .login_con > .contents_con > .contents_con > .write_con .input_con > ul > li .list_div > table > tbody > tr > .icon_td {width:16px;} .login_con > .contents_con > .contents_con > .write_con .input_con > ul > li:first-child {margin-top:0;} .login_con > .contents_con > .contents_con > .write_con .check_con {margin-bottom:48px;} .login_con > .contents_con > .contents_con > .write_con .check_con .checkbox_label span {font-size:18px; color:#acabab; font-weight:600; line-height:26px; letter-spacing:1px;} .login_con > .contents_con > .contents_con > .write_con .btn_con {} .login_con > .contents_con > .contents_con > .write_con .btn_con .input_btn {width:355px; border:0; background-color:#000002; font-size:21px; color:#ffffff; font-weight:700; line-height:47px; letter-spacing:1px; cursor:pointer;} .login_con > .contents_con > .contents_con > .member_con {text-align:center;} .login_con > .contents_con > .contents_con > .member_con > .contents_con {display:inline-block; *display:inline; zoom:1; text-align:left;} .login_con > .contents_con > .contents_con > .member_con > .contents_con > ul {} .login_con > .contents_con > .contents_con > .member_con > .contents_con > ul > li {float:left; margin-left:28px;} .login_con > .contents_con > .contents_con > .member_con > .contents_con > ul > li a {font-size:15px; color:#acabab; font-weight:300; line-height:23px; letter-spacing:1px;} .login_con > .contents_con > .contents_con > .member_con > .contents_con > ul > li:first-child {margin-left:0;} .login_con > .contents_con > .sns_con {text-align:center;} .login_con > .contents_con > .sns_con > .contents_con {display:inline-block; *display:inline; zoom:1; text-align:left;} .login_con > .contents_con > .sns_con > .contents_con > ul {} .login_con > .contents_con > .sns_con > .contents_con > ul > li {float:left; margin-left:22px;} .login_con > .contents_con > .sns_con > .contents_con > ul > li:first-child {margin-left:0;} @media all and (max-width: 1750px) { #main_con > .review_con > .contents_con > .slide_con {padding:0 17px 0 620px;} }