@charset "utf-8";


/* 공통 */
.in {position:relative; width:1220px; margin:0 auto;}
.in:after {content:''; display:block; clear:both;}

.top_ad {position:fixed; left:0; top:0; width:100%; z-index:5000; background:url(/assets/img/bg/top_ad_bg.jpg) 0 0 repeat-x;}
.top_ad .close {position:absolute; right:10px; top:10px;}

.text_del {display:none; position:absolute; z-index:100; width:18px; height:18px; background:url(/assets/img/icon/input_sml_del.png) 0 0 no-repeat; text-indent:-9999px;}


#header {position:fixed; left:0; top:0; width:100%; z-index:1500; border-bottom:1px solid #e1e1e1; background:#fff;}

.h_top {height:100px; border-bottom:1px solid #ececec;}
.h_top h1 {position:absolute; left:50%; top:18px; z-index:1; transform:translateX(-50%);}
.h_top .gate_link {float:left; margin-top:40px;}
.h_top .gate_link li {float:left; position:relative;}
.h_top .gate_link li ~ li {margin-left:80px;}
.h_top .gate_link li a {padding:0 3px; font-size:16pt; color:#000; font-weight:bold;}
.h_top .gate_link li:hover a,
.h_top .gate_link li.on a {color:#00d278;}
.h_top .gate_link li:hover:after,
.h_top .gate_link li.on:after {content:''; display:block; position:absolute; left:0; top:-13px; width:100%; height:3px;background:#00d278;}
.h_top .util_link {float:right; margin-top:43px;}
.h_top .util_link > li {position:relative; float:left;}
.h_top .util_link > li > a {padding:0 12px; color:#9a9a9a; font-size:12pt;}
.h_top .util_link > li ~ li:before {content:'|'; display:inline-block; color:#9a9a9a;}

.gnb {height:65px; line-height:65px;}
.gnb ul {float:left;}
.gnb ul li {float:left; margin-right:40px;}
.gnb ul li a {font-size:14pt; color:#000;}
.gnb ul li:hover a,
.gnb ul li.on a {color:#00d278;}


.total_search {position:relative; float:right; width:323px; height:37px; line-height:37px; margin-top:14px; padding-left:10px; border-radius:20px; border:1px solid #c2c2c2;}
.total_search input {float:left; width:243px; height:33px; line-height:1; margin-top:1px; color:#aeaeae; border:none; background:none;}
.total_search input:focus {outline:none;}
.total_search a {float:right; margin-right:14px; margin-top:-1px;}
.total_search .text_del {right:43px; top:8px; margin:0;}


/* 유저 정보 레이어 */
.user_info {display: none; position:absolute; left:-179px; top:56px; z-index:1; width:350px; box-shadow: 0px 4px 32px 0px rgba(0,0,0,.1)}
.user_info .top {padding:30px; color:#fff; background:#4d5970;}
.user_info .top .name {font-weight:normal; font-size:12pt; line-height:1;}
.user_info .top .name i {font-weight:bold; font-size:16pt; padding-right: 5px;}
.user_info .top .coin {margin-top:28px; font-size:12pt; line-height:1;}
.user_info .top .coin i {display: inline-block; margin-right:13px;}
.user_info .top .coin a {display: inline-block; float:right; height:24px; line-height:24px; padding:0 8px; margin-top: -5px; color: #fff; font-size: 11pt; font-weight: bold; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; background:#00d278;}
.user_info ul {background:#fff;}
.user_info ul li ~ li {border-top:1px solid #ededed;}
.user_info ul li a {display:block; padding:20px 30px; font-size:14pt; color:#2f2f2f;}
.user_info .new {background:url(/assets/img/icon/user_info_new.gif) right 30px center no-repeat;}


#container {}
#content {padding-bottom:83px; background:#f4f4f4;}


#footer {}
.foot_top {height:60px; overflow:hidden; border-bottom:1px solid #f3f3f3;}
.foot_top:after {content:''; display:block; clear:both;}
.foot_wrap {overflow:hidden; height:60px; line-height:60px;}
.foot_rolling {position:relative;}
.foot_rolling li {font-size:10pt;}
.foot_rolling li a {display:inline-block; font-size:10pt; color:#383838;}
.foot_rolling li i {display:inline-block; position:relative; top:-2px; min-width:40px; height:20px; line-height:21px; margin-right:8px; text-align:center; border-radius:10px; vertical-align:middle; color:#fff; background:#ff0000;}

.foot_body {padding:50px 0 70px;}
.foot_body .foot_logo {position:absolute; left:0; top:50px;}
.foot_body .foot_info {padding-left:193px; color:#818181; line-height:18px;}
.foot_body .fam_link {overflow:hidden; margin-bottom:25px;}
.foot_body .fam_link li {float:left; position:relative;}
.foot_body .fam_link li a {display:inline-block; padding:0 10px; color:#2f2f2f; font-size:11pt; font-weight:700;}
.foot_body .fam_link li a:after {display:inline-block; position:absolute; left:-2px; top:0; content:'|'; font-size:13px; color:#afafaf; font-weight:300;}
.foot_body .fam_link li:first-child a {padding-left:0;}
.foot_body .fam_link li:first-child a:after {display:none;}
.foot_body .company_info {overflow:hidden; margin:22px 0}
.foot_body .company_info li {position:relative; display:inline-block; padding:0 7px;}
.foot_body .company_info li:after {display:inline-block; position:absolute; left:-5px; top:0; content:'|'; font-size:13px; color:#afafaf; font-weight:300;}
.foot_body .company_info li:first-child {padding-left:0;}
.foot_body .company_info li.br {display:block; padding-left:0;}
.foot_body .social {position:absolute; right:0; top:50px;}
.foot_body .social a {margin-left:30px;}


/* 메인 */

.main_slide ul li { background-repeat:repeat-x;}
.main_slide .slick-dots {position:absolute; left:50%; bottom:90px; padding-right:30px; width:1220px; margin-left: -610px; text-align:right;}
.slick-dots li {display:inline-block; width:14px; height:14px; padding:0 !important; margin-bottom: 0; font-size:0; color:transparent; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #f4f4f4; background:rgba(255,255,255,0.5);}
.slick-dots li.slick-active {background: #fff;}
.main_slide .slick-dots li ~ li {margin-left:9px;}

.wt_main .main_slide ul li {padding-bottom:60px;}

.bn_title {position: absolute; left:50px; bottom:45px; z-index: 1;}
.bn_title * {display:block;}
.bn_title .cate {margin-bottom:14px; font-size:20px; color:#2f2f2f;}
.bn_title .toon_name {margin-bottom:18px; font-size:50px; color:#2f2f2f;}
.bn_title .toon_name1 {font-size:40px; color:#2f2f2f;}
.bn_title .toon_name2 {margin-bottom:18px; font-size:46px; color:#2f2f2f;}
.bn_title .sub_text {margin-bottom:12px; line-height:24px; font-size:18px; color:#585858;}
.bn_title .maker {color: #7e7e7e;}

.sub_ad {position:relative; overflow:hidden; top:-60px; margin-bottom:-60px; border:1px solid #e4e4e4;}
.sub_ad:after {content:''; display: block; position: absolute; left:50%; top:0;  height:250px; border-right: 1px solid #e4e4e4;}
.sub_ad li {float:left;}

.md_main .main_slide .slick-dots {bottom: 30px;}


.title {width:100%; margin:65px 0 30px;}
.title:after {content:''; display:block; clear:both;}
.title h2,
.title h3 {float:left; line-height:1; font-size:18pt; color:#2f2f2f;}
.title > a {float:right;}
.title > select {float:right; padding-right:35px; border:none; font-size:12pt;}
.title > .sm_btn {margin-top: -4px;}
.title > .edit_btn {float: right;}
.title > .edit_btn a{display: none;}
.title > .edit_btn a.open {display: inline-block;}
.title h2 span {font-size: 14pt;}
.h2_tit {text-align:center; margin:60px 0 35px; font-size:24pt;}
.h2_tit + .title {margin-top:0;}


.caption_list{overflow:hidden; margin-top:-10px;}
.caption_list li {position:relative; float:left; width:228px; height:228px; margin:10px 0 10px 20px; background:#fff;}
.caption_list li:first-child {margin-left:0;}
.caption_list li:nth-child(5n+6) {margin-left:0;}
.caption_list li a {display:block;}
.caption_list li p {position:absolute; z-index:100; padding:20px;}
.caption_list li img {position:absolute; right:0; bottom:0; width:199px; height:199px;}
.caption_list li .display{display:inline-block; position:absolute; left:0; bottom:0; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:11pt; background:#00d278;}
.caption_list li .display.stop {padding:0 5px; color:#fff; font-size:10pt; background:#c3c3c3;}
.caption_list li .display.new {width:42px; height:40px; padding:0; padding-top:4px; line-height:1.4; font-size:10pt;}
.caption_list li .display2{display:inline-block; position:absolute; left:0; bottom:0; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:11pt; background:#ff2400;}
.caption_list li .display3{display:inline-block; position:absolute; left:5px; bottom:5px; width:27px; height:27px; line-height:40px; text-align:center; color:#fff; font-size:11pt; background-image: url('/assets/img/icon/vtoon.png');}
.caption_list li .display4{display:inline-block; position:absolute; margin-left: 40px;left:5px; bottom:5px; width:27px; height:27px; line-height:40px; text-align:center; color:#fff; font-size:11pt; background-image: url('/assets/img/icon/vtoon.png');}

.thum_text * {display:block;}
.thum_text .cate {font-size:11pt; color:#00d278;}
.thum_text .title {margin:2px 0 5px; font-size:14pt; color:#2f2f2f; font-weight:700;}
.thum_text .name {color:#7e7e7e; font-size:11pt;}
/* .thum_text .text {color:#2f2f2f; font-size:12pt;} */



.top_five {overflow:hidden;}
.top_five > div {float:left; width:600px; margin-left:20px;}
.top_five > div:first-child {margin-left:0;}
.top_five_list {border-top:1px solid #ececec;}
.top_five_list li {border-bottom:1px solid #ececec;}
.top_five_list a {display:block; overflow:hidden; height:110px; }
.top_five_list .number {float:left; width:80px; height:110px; line-height:110px; text-align:center; font-size:32px; color:#2f2f2f; background:#fff;}
.top_five_list .img {float:left; width:110px; height:110px; }
.top_five_list .img img {width:110px; height:110px;}
.top_five_list p {float:left; width:410px; height:110px; padding:20px 0 0 30px; background:#fff;}

.thum_list {}
.thum_list li {float:left; margin-left:20px;}
.thum_list li:first-child {margin-left:0;}
.thum_list li:nth-child(5n+6) {margin-left:0;}
.thum_list li .img {width:228px; height:110px;}
.thum_list li p {width:228px; height:105px; padding:20px; background:#fff;}


/* 검색화면 */
.search_result {}
.search_result .in > p {margin:65px 0 30px; color:#000; font-size:14pt;}
.search_result .in > p span {color:#00d278;}
.search_result .caption_list {margin-bottom:20px;}
.search_result .caption_list li {margin-bottom:20px;}


/* 랭킹웹툰 */
.ranking_wt {}

.arry_tab {display:table; width:100%; table-layout:fixed; margin-bottom:20px;}
.arry_tab li {display:table-cell; width:auto;}
.arry_tab li ~ li {padding-left:1px;}
.arry_tab:after {display:none;}
.arry_tab li a {display:block; height:70px; line-height:70px; text-align:center; font-size:14pt; color:#2f2f2f; background:#fff;}
.arry_tab li:hover a,
.arry_tab li.on a {color:#fff; background:#00d278;}

.ranking_wt .caption_list {margin-left:-20px;}
.ranking_wt .caption_list li {position:relative; margin-left:20px; background:#fff;}
.ranking_wt .caption_list li:first-child {width:805px; height:476px}
.ranking_wt .caption_list li:first-child img {position: absolute; right:0; bottom:0; width:476px; height:476px}
.ranking_wt .caption_list li:first-child .thum_text {padding-left:70px;}
.ranking_wt .caption_list li:first-child .title {font-size:24px; margin-bottom:30px;}
.ranking_wt .caption_list li:first-child .text {display:block; margin-bottom:18px; font-size:12pt; color:#2f2f2f;word-wrap: break-word;width:400px;}
.ranking_wt .caption_list li:first-child .num {position:absolute; right:auto; left:31px; top:14px; font-size:50pt; color:#00d278;}

.ranking_wt .caption_list li:nth-child(2),
.ranking_wt .caption_list li:nth-child(3) {width:393px; height:228px;}

.ranking_wt .caption_list li:nth-child(2) img,
.ranking_wt .caption_list li:nth-child(3) img {position: absolute; right:0; bottom:0; width:228px; height:228px;}

.ranking_wt .caption_list li:nth-child(2) .thum_text,
.ranking_wt .caption_list li:nth-child(3) .thum_text {padding-left:60px;}

.ranking_wt .caption_list li:nth-child(2) .num,
.ranking_wt .caption_list li:nth-child(3) .num {position:absolute; right:auto; left:20px; top:19px; line-height:1; font-size:36pt; color:#00d278;}

.ranking_wt .caption_list li .num {position:absolute; right:16px; top:16px; z-index: 1; line-height:1; font-size:24pt; color:#2f2f2f;}


/* 연재웹툰 */
/*.month_list > ol {overflow:hidden;}*/
/*.month_list > ol > li {float:left; width:174px; border-left:1px solid #f4f4f4;}*/
/*.month_list > ol > li.on {border: 1px solid #00d278; border-top: none;}*/
/*.month_list .month_tit {display:block; width:174px; height:70px; line-height:70px; margin-bottom:20px; text-align:center; font-size:14pt; color:#2f2f2f; cursor:pointer; background:#fff;}*/
/*.month_list .month_tit:hover,*/
/*.month_list .month_tit.on {color:#fff; background:#00d278;}*/
/*.month_list .caption_list {padding:0 6px 6px;}*/
/*.month_list .caption_list li {position:relative; float:none; width:162px; height:162px; margin:10px 0 0 0; background: #fff;}*/
/*.month_list .caption_list li img {position: absolute; right: 0; bottom: 0;width:128px; height:128px;}*/
/*.month_list .caption_list li .thum_text {padding:14px; }*/
/*.month_list .caption_list li .thum_text .title {margin:2px 0 5px; font-size:13pt;}*/

.month_list > ol {overflow:hidden;}
.month_list > ol > li {float:left; margin: 0 1px 0 0;}
/* .month_list > ol > li {float:left; border-left:0px solid #f4f4f4;}*/
.month_list > ol > li.on {background:#00d278;}

.month_list .month_tit {display:block; width:160px; height:70px; line-height:70px; margin-bottom:10px; text-align:center; font-size:14pt; color:#2f2f2f; cursor:pointer; background:#fff;}

.month_list .month_tit a {display:block; color: #2f2f2f; font-weight:bold;}
.month_list .month_tit a:hover {color: #fff; font-weight:bold; background:#00d278;}

.month_list .month_tit.on {width:253px; color:#fff; background:#00d278;}
.month_list .month_tit.on a {color:#fff;}
.month_list .month_tit.on a:hover {color:#fff;}

.month_list .caption_list {padding:0 3px 3px;}
.month_list .caption_list.on {border-top: none;}

.month_list .caption_list li {position:relative; float:none; width:100%; height:160px; margin:0 0 0 0; background: #fff; border-top:6px solid #f4f4f4;}
.month_list .caption_list li img {position: absolute; right: 0; bottom: 0;width:128px; height:128px;}
.month_list .caption_list li .thum_text {padding:14px; }
.month_list .caption_list li .thum_text .title {margin:2px 0 5px; font-size:13pt;}
.month_list .caption_list li .thum_text .name {margin:2px 0 5px; font-size:10pt;}
.month_list .caption_list li .thum_text .on {margin:2px 0 5px; font-size:10pt; display: block;}

/* 학습관 */
.study_wt {}
.study_list {overflow: hidden;}
.study_list li {float: left; margin:0 0 20px 20px}
.study_list li:nth-child(4n+1) {margin-left: 0;}
.study_list li img {width: 290px; height: 290px;}
.study_list li div {height:130px; padding-top:28px; padding-left: 10px; text-align:left; color:#2f2f2f;}
.study_list li div * {line-height:1;}
.study_list li div p {font-weight:normal;}
.study_list li div strong {display:block; margin:7px 0 19px; font-size:14pt;}
.study_list li div span {font-size:11pt; color: #7e7e7e;}


/* 이벤트 상세 */
.event_visual {background:#b7efef;}
.detail_area {margin-top:-60px;}
.detail_area .in {padding:0 30px 50px; border:1px solid #e4e4e4; background:#fff;}
.detail_area .detail_info {overflow:hidden; padding:40px 0 15px; border-bottom:1px solid #ebebeb;}
.detail_area .detail_info .tit {float:left; font-size:16pt; color:#2f2f2f; width:620px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.detail_area .detail_info ul {float:right; margin-top:4px;}
.detail_area .detail_info ul li {float:left; padding:0 20px; color:#7e7e7e; border-right:1px solid #dedede;}
.detail_area .detail_info ul li:last-child{border-right:none;}
.detail_area .detail_info ul li .share {margin-top:-10px}
.detail_body {padding:50px 0; font-size:12pt;}
.detail_util {overflow:hidden; padding-top:40px; border-top:1px solid #ebebeb;}
.detail_util a:last-child {float:right;}


/* 웹툰 상세 리스트 */
.sub_detail_bn {position:relative; background-repeat:repeat-x !important;}
.sub_detail_bn .text_section {position:absolute; right:0; top:43px; width:450px;}
.sub_detail_bn .text_section .cate {display:block; color:#2f2f2f; font-size:12pt;}
.sub_detail_bn .text_section .cate.white {color:#fff;}
.sub_detail_bn .text_section .title {display:block; margin:4px 0 8px; font-size:26pt; color:#2f2f2f; font-weight:normal;	}
.sub_detail_bn .text_section .text { color:#2f2f2f; font-size:12pt;}
.sub_detail_bn .text_section .name {margin:9px 0 20px;color:#2f2f2f; font-size:10pt;}
.sub_detail_bn .text_section ul {overflow:hidden;}
.sub_detail_bn .text_section ul li {float:left; margin-left:10px;}
.sub_detail_bn .text_section ul li:first-child {margin-left:0;}
.sub_detail_bn .text_section ul li a {display:inline-block; height:35px; line-height:35px; padding:0 14px; color:#2f2f2f; font-size:11pt; border-radius:35px; font-weight:700; background:#fff;}
.sub_detail_bn .text_section ul li a.first {width:130px; text-align:center; color:#fff; background:#00d278;}
.sub_detail_bn .text_section ul li a.like.on {color:#fff; background:#00d278;}
.sub_detail_bn .text_section ul li a.compe1.on {color:#fff; background:#00d278;}
.sub_detail_bn .text_section ul li a.compe2 {color:#fff; background:#00d278;}

.webtoon_ol {position:relative; z-index:1; margin-top:-60px;}
.webtoon_ol .in {border:1px solid #e4e4e4; background:#fff;}
.webtoon_detail_list:after {content:''; clear:both; display:block;}
.webtoon_detail_list:before {display:inline-block; content:''; position:absolute; left:838px; top:0; width:1px; height:100%; background:#e4e4e4;}

.list_wt_notice {margin-bottom:25px;}
.list_wt_notice p {min-height:33px; padding-top:8px; padding-left:44px; font-size:12pt; background:url(/assets/img/icon/notice_icon.png) 0 0 no-repeat;}

.list_wt_supervisor { margin:auto;width:660px;height:50px;}
.list_wt_supervisor p {min-height:33px; padding-top:8px; padding-left:44px; font-size:12pt; background:url(/assets/img/icon/supervisor_check.png) 0 0 no-repeat;}

.free_cupon {height:45px; line-height:45px; margin-bottom:12px; padding:0 20px; overflow:hidden; font-size:11pt; border-radius:25px; background:#ededed;}
.free_cupon p {float:left;}
.free_cupon span {float:right;}
.free_cupon span i {padding-left:5px; font-weight: bold; color: #00d278;}

.webtoon_ol .list {float:left; width:838px; _height: 1106px; min-height: 1105px; padding:45px 30px 60px; border-right:1px solid #e4e4e4;}
.webtoon_ol .list .top {padding:20px 0; border-bottom:1px solid #ebebeb;}
.webtoon_ol .list .top:after {content:''; clear:both; display:block;}
.webtoon_ol .list .top p {float:left; font-size:12pt; line-height:1;}
.webtoon_ol .list .top p strong {font-weight:700;}
.webtoon_ol .list .top > a {float:right; margin-top:-9px;}
.webtoon_ol .list .top > span {float:right; font-size:11pt;}
.webtoon_ol .list .top > span i {color:#00d278; font-weight:bold;}
.webtoon_ol .list .top:first-child {padding-top:0;}
.webtoon_ol .list ol li {border-bottom:1px solid #ebebeb;}
.webtoon_ol .list ol li a {display:block; overflow:hidden; padding:10px 0;}
.webtoon_ol .list ol li .img {float:left; margin-right:20px;position:relative;}
/*.webtoon_ol .list ol li .img img {width:150px; height:100px;}*/
.webtoon_ol .list ol li .img img {width:150px; height:100px;}
.webtoon_ol .list ol li .img .img_icon img{width:27px; height:27px;}
.webtoon_ol .list ol li .img .img_icon {position: absolute; left: 5px;top: 5px;}

.webtoon_ol .list ol li .text {float:left;}
.webtoon_ol .list ol li .text strong {display:block; margin-top:32px; margin-bottom:4px; color:#2f2f2f; font-size:12pt; font-weight:700;}
.webtoon_ol .list ol li .text span {color:#7e7e7e; font-size:10pt;}
.webtoon_ol .list ol li .text .display{display:inline-block; position:absolute; left:30px;top:97px; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:11pt; background:#00d278;}
.webtoon_ol .list ol li .approval  {float:right; margin-top:32px; margin-right:11px;}
.webtoon_ol .list ol li .approval .date {display:inline-block; margin-right:30px; color:#7e7e7e; font-size:10pt;}
.webtoon_ol .list ol li .approval .coin {display:inline-block; padding:10px 0px 10px 35px; color:#2f2f2f; font-size:12pt; font-weight:700; }
.webtoon_ol .list ol li .approval .coin2 {display:inline-block; color:#7e7e7e; font-size:12pt; font-weight:700; }
.webtoon_ol .list ol li .approval .coin.free {margin-right:10px;}
.webtoon_ol .list ol li .approval .con_txt {display:inline-block; padding-top:10px; color:#2f2f2f; font-size:8pt; font-weight:700;width:170px;text-align: right;}
.webtoon_ol .list ol li .approval .btnv {cursor:pointer; display: inline-block; height:32px; width: 84px; color: #fff; font-size: 12pt; background:#00d278; padding-top:7px;padding-left: 20px; }
.webtoon_ol .list ol li .approval .btnv2 {cursor:pointer; display: inline-block; height:32px; width: 84px; color: #fff; font-size: 12pt; background:#5347e9; padding-top:7px;padding-left: 14px; }
.webtoon_ol .list ol li .approval .btnv3 {cursor:pointer; display: inline-block; height:32px; width: 84px; color: #fff; font-size: 12pt; background:#00d278; padding-top:7px;padding-left: 20px;margin-left: 85px;}
.webtoon_ol .list ol li .approval .use {color:#00d278; font-size:12pt;}



.webtoon_ol .list ol li.visit {background:#f6f6f6;}
.webtoon_ol .list ol li.see {background:#f6f6f6 url(/assets/img/icon/onchk.png) right top no-repeat;}

.webtoon_ol .aside {float:left; width:379px; padding:42px 30px 30px; }
.webtoon_ol .aside_top {}
.webtoon_ol .aside_top:after {content:''; display:block; clear:both}
.webtoon_ol .aside_top strong {float:left;  font-size:14pt; color:#2f2f2f; font-weight:700;}
.webtoon_ol .aside_top .aside_tab {float:right;}
.webtoon_ol .aside_top .aside_tab a {position:relative; padding:0 5px; font-size:11pt;}
.webtoon_ol .aside_top .aside_tab a:last-child {margin-left:25px;}
.webtoon_ol .aside_top .aside_tab a:hover,
.webtoon_ol .aside_top .aside_tab a.on {color:#00d278;}
.webtoon_ol .aside_top .aside_tab a:hover:after,
.webtoon_ol .aside_top .aside_tab a.on:after {content:''; display:block; position:absolute; left:0; top:-13px; width:100%; height:3px; background:#00d278;}
.webtoon_ol .aside .fav_content {}
.webtoon_ol .aside ul {margin-top:25px; padding-bottom:30px; border-bottom:1px solid #ebebeb;}
.webtoon_ol .aside ul li {margin-top:11px;}
.webtoon_ol .aside ul li:first-child {margin-top:0;}
.webtoon_ol .aside ul li a {display:block; overflow:hidden;}
.webtoon_ol .aside ul li .img {float:left; margin-right:20px;}
.webtoon_ol .aside ul li .img img {width:110px; height:110px;}
.webtoon_ol .aside ul li p {float:left; width:188px;}
.webtoon_ol .aside ul li p strong {display:block; margin-top:20px; margin-bottom:7px; font-size:12pt; color:#2f2f2f; font-weight:700;}
.webtoon_ol .aside ul li p span {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;  line-height:17px; height:34px; width:100%; color:#7e7e7e; font-size:10pt;}
.webtoon_ol .bot_link a {display:block; margin-top:30px;}


/* 이벤트 목록 */
.event_list {overflow:hidden;}
.event_list li {float:left; width:393px; height:295px; margin-left:20px; margin-bottom:20px; background:#fff;}
.event_list li:nth-child(3n + 1) {margin-left:0;}
.event_list li * {display:block; font-size:11pt; line-height:1;}
.event_list li div {position:relative; padding:15px 20px;}
.event_list li .cate {color:#7e7e7e;}
.event_list li .tit {width:calc(100% - 50px); margin:8px 0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:14pt; font-weight:bold; color:#2f2f2f;}
.event_list li .date {color:#7e7e7e;}
.event_list li .condition {display:inline-block; position:relative; z-index:1; margin-left:20px; padding-right:12px; color:#00d278; background:url(/assets/img/icon/sky_arrw.gif) right center no-repeat;}

.event_list li .label {position:absolute; right:20px; top:38px; width:36px; height:36px; line-height:36px; text-align:center; color:#fff; border-radius:50%; background:#00d278}


/* 브랜드관 */
.brand_visual {position:relative; margin-bottom:56px;}
.brand_visual .brand_title {position:absolute; left:50px; bottom:50px; color: #fff;}
.brand_visual .brand_title strong {font-size:40px;}
.brand_visual .brand_title p {margin-top:10px; font-size:16px;width:470px;  -ms-word-break: keep-all; word-break: keep-all;}
/*.brand_sub_menu {margin-bottom:30px; padding-left:10px;}*/
/*.brand_sub_menu li {float:left;}*/
/*.brand_sub_menu li ~ li {margin-left:20px;}*/
/*.brand_sub_menu li a {display:block; position:relative; padding:0 5px; height:auto; line-height:1; font-size:11pt; color:#2f2f2f; background:none;}*/
/*.brand_sub_menu li a:hover,*/
/*.brand_sub_menu li.on a {color:#00d278; background:none !important;}*/
/*.brand_sub_menu li a:hover:after,*/
/*.brand_sub_menu li.on a:after {content:''; display:block; position:absolute; left:0; top:-13px; width:100%; height:3px; color:#00d278; background:#00d278;}*/

.brand_sub_menu {overflow:hidden;  margin-bottom:1.25rem;}
.brand_sub_menu li {float:left; }
.brand_sub_menu li a {display:inline-block; min-width:4rem; height:2.5rem; line-height:2.5rem; padding:0 1rem;font-size:14pt; text-align:center; border-radius:1.333rem; color: #2f2f2f; transition:all 0.3s;background:#f4f4f4;}
.brand_sub_menu li.on a {color:#fff; border-radius:1.333rem; transition:all 0.3s;background-color:#00d278;  }

/*.tab_nav {overflow:hidden; padding:40px; margin-bottom:-40px;}*/
/*.tab_nav li {float:left; }*/
/*.tab_nav li a {display:inline-block; min-width:128px; height:80px; line-height:80px; padding:0 32rem; text-align:center; border-radius:43px; color: #2f2f2f; transition:all 0.3s}*/
/*.tab_nav li.on a {color:#fff; border-radius:43px; transition:all 0.3s; background:#00d278; }*/



/*
.brand_wt_list li {float:left; width:290px; margin-left:20px; margin-bottom:20px;}
.brand_wt_list li:nth-child(4n+1) {margin-left:0;}
.brand_wt_list img {width:290px;height:290px;}
.brand_wt_list .thum_text {height:130px; padding:30px 20px;}
*/
.brand_wt_list li {float:left; width:228px; margin-left:20px; margin-bottom:20px;}
.brand_wt_list li:nth-child(5n+1) {margin-left:0;}
.brand_wt_list img {width:228px;height:228px;}
.brand_wt_list .thum_text {height:130px; padding:30px 10px;}
.brand_wt_list .btn_com1 {display:block; position: inherit; left:0; bottom:0;  margin-bottom:20px;}
.brand_wt_list .btn_com1 a {display:block; height:50px; line-height:50px;width:228px; text-align:center; color:#00d278; font-size:14pt; font-weight:700; background:#ffffff;border:1px solid #D7D7D7;}
.brand_wt_list .btn_com2 {display:block; position: inherit; left:0; bottom:0;  margin-bottom:20px;display:block; height:50px; line-height:50px;width:228px; text-align:center; color:#ffffff; font-size:14pt; font-weight:700;background:#00d278;}
.brand_wt_list .btn_com3 {display:block; position: inherit; left:0; bottom:0;  margin-bottom:20px;display:block; height:50px; line-height:50px;width:228px; text-align:center; color:#ffffff; font-size:14pt; font-weight:700;background:#DCE0E1;}



.tab_nav {overflow:hidden; padding:1.25rem; margin-bottom:-1.25rem;}
.tab_nav li {float:left; }
.tab_nav li a {display:inline-block; min-width:4rem; height:2.5rem; line-height:2.5rem; padding:0 1rem; text-align:center; border-radius:1.333rem; color: #2f2f2f; transition:all 0.3s}
.tab_nav li.on a {color:#fff; border-radius:1.333rem; transition:all 0.3s; background:#00d278; }


/* 내서재 */
.my_book .caption_list li {width: 228px; height: 288px; margin-bottom:20px; background: #fff;}
.my_book .caption_list li label {cursor:default}
.my_book .caption_list li img {bottom: 60px;}
.my_book .caption_list li .display {bottom:60px}
.my_book .caption_list li .check {display:none; position:absolute; right:0; top:10px; z-index:1000;}
.my_book .caption_list li .s_more {display:block; position: absolute; left:0; bottom:0; width:100%; margin-top:20px;}
.my_book .caption_list li .s_more a {display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:11pt; font-weight:700; background:#c5cacb;}
/* .my_book .caption_list li.off a:before {content:''; display:block; position: absolute; left:0; top:0; width:228px; height:228px} */


.my_View .caption_list li {width: 228px; height: 288px; margin-bottom:20px; background: #fff;}
.my_View .caption_list li label {cursor:default}
.my_View .caption_list li img {bottom: 60px;}
.my_View .caption_list li .display {bottom:60px}
.my_View .caption_list li .check {display:none; position:absolute; right:0; top:10px; z-index:1000;}
.my_View .caption_list li .s_more {display:block; position: absolute; left:0; bottom:0; width:100%; margin-top:20px;}
.my_View .caption_list li .s_more a {display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:11pt; font-weight:700; background:#c5cacb;}
/* .my_book .caption_list li.off a:before {content:''; display:block; position: absolute; left:0; top:0; width:228px; height:228px} */


/* md샵 메인 */
.md_ad {overflow:hidden; margin-bottom: -20px;}
.md_ad li {float:left; margin-bottom: 20px;}
.md_ad li:nth-child(even) {margin-left: 20px;}

.popular_sale {overflow: hidden;}
.popular_sale li {position: relative; float: left; margin:0 0 30px 20px}
.popular_sale li:nth-child(4n+1) {margin-left: 0;}
.popular_sale li img {width: 290px; height: 290px;}
.popular_sale li div {height:120px; padding-top: 30px; text-align: center; color:#2f2f2f;}
.popular_sale li div * {line-height:1;}
.popular_sale li div p {font-weight:normal;}
.popular_sale li div strong {display:block; margin:7px 0 15px; font-size: 14pt;}
.popular_sale li div span {font-size:12pt; font-weight: bold;}
.popular_sale li div span i {display: inline-block; margin-right:8px; color:#ff0000;}
.popular_sale li div span.per {font-size: 14pt;}
.popular_sale .basket {display: block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:11pt; font-weight: bold; background: #00d278;}
.popular_sale .del {display:inline-block; position:absolute; right:0px; top:0px; width:41px; height:41px; text-indent: -9999px; background:url(/assets/img/icon/p_del.png) center center no-repeat;}


/* md샵 서브메인 */
.md_sub_main .main_slide .slick-dots {bottom:30px; margin-left: -610px;}
.result_sort {margin:65px 0 30px; font-weight: normal;}
.result_sort p {float:left; font-size: 14pt;}
.result_sort select {float:right; font-size: 12pt; padding-right: 30px; border: none;}
.result_sort:after {content:''; display: block; clear:both;}



/* md샵 서브상세 */
.md_sub_detail {margin-top:120px;}
.md_sub_detail .in {padding:30px 30px 80px; border:1px solid #e4e4e4; background:#fff;}

.detail_order:after {content:''; display: block; clear:both}
.product_slide {float:left; position: relative; width: 500px; height:500px; border: 1px solid #e4e4e4;}
.product_slide li {width:500px; height:500px; outline:none}
.product_slide img {width:498px; height:498px}
.product_slide .slick-dots {position:absolute; right:0; bottom:30px; width:100%; text-align: center;}
.product_slide .slick-dots li {display:inline-block; width:14px; height:14px; padding:0; font-size:0; color:transparent; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #e4e4e4; background:rgba(255,255,255,0.5);}
.product_slide .slick-dots li.slick-active {background: #fff;}
.product_slide .slick-dots li ~ li {margin-left:9px;}

.order_choice {float:left; width:608px; margin-left: 50px;}
.order_choice .product_info {padding-bottom:30px; border-bottom:1px solid #ebebeb;}

.product_info .cate {display: block; margin-top: 15px; font-size:14pt; color:#7e7e7e;}
.product_info .name {margin-top:10px; font-size:24pt; font-weight: bold; color:#2f2f2f;}
.product_info .price {position:relative; margin-top:20px;}
.product_info .price * {line-height: 1;}
.product_info .price p:first-child {margin-bottom:4px;}
.product_info .price .sale_before {display:inline-block; position: relative; color:#7f7f7f; font-size:14pt; padding:0 2px;}
.product_info .price .sale_before:after {content:''; position: absolute; left:0; top:10px; width:100%; height:1px; background:#7f7f7f;}
.product_info .price .sale_after {margin-right:20px; color:#2f2f2f; font-weight: bold; font-size: 24pt;}
.product_info .price .sale_per {font-size:32pt; color:#ff0000; font-weight: bold;}

.product_amount {padding-top:26px; font-size:12pt; color:#7e7e7e;}
.product_amount li {height:38px; line-height: 38px;}
.product_amount li ~ li {margin-top:20px;}
.product_amount li strong {float: left; width:100px; }
.product_amount li span {color: #2f2f2f;}

.product_amount .amount {display:inline-block; border:1px solid #c9c9c9;}
.product_amount .amount:after {display:block; content:''; clear:both;}
.product_amount .amount a {display:block; width:39px; float:left; height:38px; text-indent:-9999px; background-color:#fafafa; background-repeat:no-repeat; background-position:center;}
.product_amount .amount a.minus {border-right:1px solid #c9c9c9; background-image:url(/assets/img/icon/ico_num_minus.jpg);}
.product_amount .amount a.plus {border-left:1px solid #c9c9c9; background-image:url(/assets/img/icon/ico_num_plus.jpg);}
.product_amount .amount input {float:left; text-align:center; width:50px; height:38px; font-size:12pt; border:0;}

.product_btn_set {overflow: hidden; margin-top:30px;  padding-top:35px; border-top:1px solid #ebebeb;}
.product_btn_set a {float: left; height:50px; line-height:50px; color: #2f2f2f; font-size: 14pt; font-weight: bold; border: 1px solid #c9c9c9;}
.product_btn_set a ~ a  {margin-left:10px;}
.product_btn_set a.choice {width:180px; padding-left:80px; background:url(/assets/img/icon/heart.gif) 47px center no-repeat;}
.product_btn_set a.choice.on {background:url(/assets/img/icon/heart_on.jpg) 47px center no-repeat;}
.product_btn_set a.basket {width:180px; padding-left:56px; background:url(/assets/img/icon/basket.gif) 16px center no-repeat;}
.product_btn_set a.buy {width:228px; text-align:center; color:#fff; border:none; background:#00d278;}


.info_table {border-top: 1px solid #d2d2d2;}
.info_table table { border-bottom: 1px solid #d2d2d2;}
.info_table table tr {border-top: 1px solid #ececec;}
.info_table table tr:first-child {border-top:none;}
.info_table table th {padding:0 20px; height:38px; background:#f8f8f8;text-align: left;}
.info_table table td {padding:0 20px;height:38px;}
.info_table .dt_col {width:200px}

.md_prod_por {margin-bottom:100px;}
.md_prod_por li {float:left; width:216px;}
.md_prod_por li ~ li {margin-left:20px;}
.md_prod_por li ~ li:last-child {margin-left:18px;}
.md_prod_por li a {display: block; color:#2f2f2f;}
.md_prod_por img {width:214px; height:214px; border:1px solid #ebebeb;}
.md_prod_por p {padding-top:20px; font-size:12pt; line-height:1;}
.md_prod_por span {display: block; margin-top:18px; font-weight: bold;}

/* 상품후기 */
.md_sub_detail .review_list.review td {text-align: center;}
.md_sub_detail .review_list.qa td {text-align: center;}

.star_s {display: inline-block; padding-left:23px; font-size:12pt; background:url(/assets/img/icon/star_one.png) 0 0 no-repeat;}

.review_wrap .review_list {margin-bottom: 40px;}

.review_wrap .question {cursor:pointer}
.review_wrap .answer {display: none;}
.review_wrap .question.on {background:#f8f8f8;}

.review_wrap .review_list .answer td {line-height: 23px;}

.review_wrap .review_list.qa {margin-bottom: 40px;}
.review_wrap .review_list.qa .answer {display: none; position:relative; background:#f8f8f8;}
.review_wrap .review_list.qa .answer div {position: relative;}
.review_wrap .review_list.qa .answer div:before {display:inline-block; position: absolute; left:-15px; top:-16px; width:10px; height:1px; content:''; background:#f8f8f8;}
.review_wrap .review_list.qa .answer div:after {display:inline-block; position: absolute; right:-15px; top:-16px; width:10px; height:1px; content:''; background:#f8f8f8;}
.review_wrap .review_list.qa .answer p {position: relative; width:670px; padding-left:30px;}
.review_wrap .review_list.qa .answer p:before {content:'A'; position: absolute; left:0; top:0; font-size:14pt; font-weight: bold; color:#ff0000;}

.review_wrap .review_list.qa .question .eps {position:relative; padding-left:30px;}
.review_wrap .review_list.qa .question .eps:before {content:'Q'; position: absolute; left:0; top:0; font-size:14pt; font-weight: bold; color:#00d278;}

.review_wrap .review_list.qa .question.on .eps {white-space:normal;}

.review_wrap .write_list {display:none; margin-bottom:70px; border-top:1px solid #d8d8d8;}
.review_wrap .write_list th {text-align: left; padding:20px; font-size:12pt; color: #585858;}
.review_wrap .write_list td {text-align: left; padding:20px 0; font-size:12pt; color: #585858;}
.review_wrap .write_list .txt {padding:25px 20px; color: #585858; font-size: 12pt; border-bottom: 1px solid #e8e8e8;}


.write_list1 {display:none; margin-bottom:70px; border-top:1px solid #d8d8d8;}
.write_list1 th {text-align: left; padding:20px; font-size:12pt; color: #585858;}
.write_list1 td {text-align: left; padding:20px 0; font-size:12pt; color: #585858;}
.write_list1 .txt {padding:25px 20px; color: #585858; font-size: 12pt; border-bottom: 1px solid #e8e8e8;}

.review_wrap .radio {margin-right: 20px;}
.review_wrap select {width:120px; border:0; background-image:url(/assets/img/icon/select_sm.png);}
.review_wrap input[type="text"] {width:100%; border:0;}
.review_wrap textarea {width:100%; height:100px; border:0; vertical-align:middle;}

.review_list.review .answer td {padding:4px 15px 11px; border-top: none; background:#f8f8f8;}
.review_list.review .answer td p {width:620px}
.review_list.review .question.on td {padding-bottom: 0;}

.dot_list_box {padding:30px 10px 25px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.dot_list_box li {font-size:12pt; color:#585858;}
.dot_list_box li ~ li {margin-top: 15px;}

/* 배송비안내 팝업 */
.shipping_txt {padding:50px 0; text-align:center;}
.shipping_txt p {display:block; font-size:14pt; color:#2f2f2f;}
.shipping_txt span {display:block; margin-top:10px; font-size:12pt; color: #7f7f7f;}
.shipping_txt em {display:block; margin-top:35px; font-size:12pt; color: #2f2f2f;}

/* 공유하기 팝업 */
.share_list_link {padding:50px 0; text-align: center;}
.share_list_link li {display:inline-block; }
.share_list_link li ~ li {margin-left:40px;}



/* 로그인 회원가입 비밀번호변경 */
.login_wrap {width:660px; padding:0 110px; margin:0 auto;}
.login_wrap header {margin:0 -110px; padding:33px 0 31px; text-align:center; border-bottom:1px solid #d8d8d8;}
.login_wrap h2 {margin:80px 0 70px; line-height:1; text-align:center; color:#000; font-size:24pt;}
.login_wrap footer {margin:0 -110px 100px; padding-top:70px; text-align:center; border-top:1px solid #d8d8d8;}
.login_wrap footer > div {margin-bottom:25px;}
.login_wrap footer > div a {position:relative; display:inline-block; padding:0 10px; color:#2f2f2f; font-size:11pt; font-weight:bold; line-height:1;}
.login_wrap footer > div a:after {content:''; position:absolute; z-index:1; right:-2px; top:0; width:1px; height:13px; background:#afafaf;}
.login_wrap footer > div a:last-child:after {display:none;}
.login_wrap footer > span {color:#818181;}

.login_wrap .info {margin-left:10px;}
.login_wrap .info strong {color:#000; font-size:12pt; font-weight:normal;}
.login_wrap .info strong label {color:#000;}
.login_wrap .info strong + p {margin:10px 0 45px; color:#7e7e7e; font-size:11pt;}
.login_wrap .input_area {border-bottom:1px solid #e8e8e8;}
.login_wrap .input_wrap + .input_wrap {margin-top:34px;}
.login_wrap .input_area .text_del {top:14px; right:10px;}
.login_wrap input[type="text"],
.login_wrap input[type="password"] {padding:0 10px; height:45px; font-size:12pt; border:0;}
.input_wrap .grey_btn {margin:20px 0 16px 10px;}

.login_option {position:relative; margin-top:20px;}
.login_option.one {margin:40px 10px 80px;}
.login_option .check {font-size:11pt;}
.login_option .check_list {margin:68px 0 80px;}
.login_option .check_list li {margin:20px 0;}
.login_option .check_list li > em {color:#7e7e7e; font-size:11pt;}

.login_option .etc {position:absolute; z-index:1; right:0; top:0;}
.login_option .etc a {display:inline-block; position:relative; padding:0 20px; color:#585858; font-size:11pt;}
.login_option .etc a:last-child {padding-right:0;}
.login_option .etc a:after {content:''; position:absolute; z-index:1; right:-2px; top:2px; width:1px; height:12px; background:#dedede;}
.login_option .etc a:last-child:after {display:none;}

/*
.login_option .easy {margin-top:60px;}
.login_option .easy > p {position:relative; text-align:center; font-size:12pt; color:#a9a9a9;}
.login_option .easy > p:before {position:absolute; z-index:-1; content:''; left:0; top:7px; width:100%; height:1px; background:#dedede;}
.login_option .easy > p span {display:inline-block; padding:0 15px; background:#fff;}
.login_option .easy div {margin:50px 0 75px; text-align:center;}
.login_option .easy div a {display:inline-block; width:90px; margin:0 8px; height:90px;}
*/
.login_option .easy {margin-top:3.75rem;}
.login_option .easy > p {position:relative; text-align:center; font-size:1rem; color:#a9a9a9;}
.login_option .easy > p:before {position:absolute; z-index:-1; content:''; left:0; top:0.583rem; width:100%; height:0.063rem; background:#dedede;}
.login_option .easy > p span {display:inline-block; padding:0 1.083rem; background:#fff;}
.login_option .easy div {margin:3.333rem 0 4.667rem;}
.login_option .easy div a {display: block; width:100%; text-align:center;}
.login_option .easy div a ~ a {margin-top: 1.25rem;}
.login_option .easy img {width:430px;}


.login_option + .btn_true,
.btm_info + .btn_true {margin-bottom:90px;}

.login_option .error_txt {bottom:-36px;}
.input_wrap .grey_btn + .error_txt {bottom:-10px;}

.btm_info {margin:70px 0 60px 10px; font-size:11pt; color:#7e7e7e;}

/* 내 정보 */
.info_box {padding:55px 240px 80px; background:#fff;}
.info_box .top {position:relative; margin-top:25px; line-height:54px; font-size:12pt; border-bottom:1px solid #d2d2d2;}
.info_box .top:first-child {margin-top:0;}
.info_box .top:after {display:block; content:''; clear:both;}
.info_box .top > strong {float:left; width:180px; padding-left:10px; color:#7e7e7e; font-weight:normal;}
.info_box .top p {float:left;}
.info_box .top p strong {margin-right:5px; font-size:16pt; font-weight:normal;}
.info_box .top .edit_btn {position:absolute; z-index:1; top:0; right:10px;}
.info_box .top .edit_btn a {display:none;}
.info_box .top .edit_btn a.open,
.info_box .top .edit_btn a.notopen {display:inline-block;}
.info_box .edit_btn [class^="sm_btn"] + [class^="sm_btn"] {margin-left:6px;}

.info_box .con {display:none; padding:50px; background:#fafafa;}
.info_box .input_wrap + .input_wrap {margin-top:40px;}
.info_box .input_wrap:after,
.info_box .chk_wrap:after {display:block; content:''; clear:both;}
.info_box .input_wrap label,
.info_box .chk_wrap em {float:left; width:130px; line-height:50px; font-size:12pt; color:#000;}
.info_box .input_wrap input {float:left; width:calc(100% - 130px); height:50px; padding:0 28px 0 10px; font-size:12pt; border:0; background:#ececec;}
.info_box .input_wrap .text_del {right:10px; top:15px;}
.info_box .input_wrap .error_txt {left:130px; bottom:-25px;}

.info_box .chk_wrap {position:relative;}
.info_box .chk_wrap ul {float:left; width:calc(100% - 130px); line-height:54px;}
.info_box .chk_wrap ul li {display:inline-block;}
.info_box .chk_wrap ul li + li {margin-left:45px;}
.info_box .chk_wrap .error_txt {left:130px; bottom:-20px;}

.info_box.mycoin .con {display:block; padding:50px 0 0 0; background:none;}
.mycoin .tabs li a {height:60px; line-height:60px; background:#f2f2f2;}
.mycoin .tabs_content div {padding-top:25px;}
.mycoin .tabs_content1 div {padding-top:25px;}

.info_box .leave strong {display:block; font-size:12pt; color:#000; font-weight:normal;}
.info_box .leave > ul {margin-top:20px;}
.info_box .leave > ul > li {margin:25px 0;}
.info_box .leave input[type="text"],
.info_box .leave input[type="password"] {width:100%; padding:0 30px 0 10px; margin-top:10px; height:50px; border:0; background:#ececec;}
.info_box .leave .text_del {top:26px; right:10px;}
.info_box .leave .input_etc {position:relative;}
.info_box .leave .input_etc input[type="text"] {display:none;}
.info_box .leave .input_etc .text_del {top:44px; right:10px;}

/* 코인충전 */
.coin_charge .con {display:block;}
.coin_charge .coin_state p {float:right; font-size:14pt;}
.coin_charge .coin_state p strong {font-size:20pt; color:#00d278;}
.coin_charge .dot_list {margin:30px 240px 60px; color:#919191; font-size:11pt;}
.coin_charge .dot_list li {margin:5px 0;}
.coin_pd ul {margin:-25px 0;}
.coin_pd ul li {margin:25px 0;}
.coin_pd ul li span {float:right; font-size:12pt; color:#000;}
.payment ul {margin:-10px 0;}
.payment ul li {float:left; width:33%; margin:10px 0;}
.charge_btn .btn_true {width:340px; margin:0 auto;}

.pop_content .large_btn {width:100%;}
.charge_result {margin:65px 0 95px;}
.charge_result:after {display:block; content:''; clear:both;}
.charge_result > div {float:left; width:50%; padding:5px 30px 0;}
.charge_result .charge {position:relative;}
.charge_result .charge:after {position:absolute; z-index:1; right:0; top:0; content:''; width:1px; height:100%; background:#d2d2d2;}
.charge_result > div em {font-size:12pt; color:#7e7e7e;}
.charge_result > div p {margin-top:20px; font-size:14pt; color:#2f2f2f;}
.charge_result > div p strong {margin-right:2px; font-size:20pt; color:#00d278;}


/* 선물함 */
table.table_basic.present tr:first-child td {padding-top:25px;}
table.table_basic.present td.info {text-align:left; line-height:1.6;}
table.table_basic.present td.info span {display:block; color:#7f7f7f; font-size:11pt;}
table.table_basic.present td.statu a {display:inline-block; padding:8px; color:#fff; background:#00d278;}

/* 이용약관 개인정보취급방침 */
.policy {margin-top:20px; font-size:11pt; color:#7e7e7e; line-height:18pt;}
.policy > div {padding:50px; background:#fff;}
.policy > div > ol > li > ol > li i {float:left; margin-right:5px;}
.policy > div > ol > li > ol > li i:after {content:'.';}
.policy > div > ol > li > ol > li > div {float:left; margin-right:5px;padding-left: 18px;}
.policy > div > ol > li > ol > li > div > div {float:left; margin-right:5px;padding-left: 19px;}
.policy > div > ol > li > ol > li p {float:left; margin-right:5px;padding-left: 10px;}
.policy > div > ol > li > ol > li p:after {content:')';}
.policy > div > ol > li > ol > li span {display:block; padding-left:18px;}
.policy > div > ol > li > ol > li:after {display:block; content:''; clear:both;}
.policy > div > ol > li > strong {display:block; margin-bottom:30px; color:#2f2f2f; font-size:12pt; line-height:1;}
.policy > div > ol > li + li > strong {margin-top:50px;}
.policy > div > ol > li > ol > li > ul {margin-left:18px;}
.policy ol + p,
.policy p + ol,
.policy p + ul {margin-top:25px;}
.policy > div > ol > li > em {display:block; margin:30px 0;}
.policy .period em {display:block; margin-top:25px; font-weight:bold;}
.policy .dot_list {margin:25px 0 0 0;}
.policy_link {margin-top:30px; display:inline-block; color:#00d278; line-height:1; border-bottom:1px solid #00d278;}

/* 고객센터 */
.board_wrap {padding:65px 240px 60px; margin-top:20px; background:#fff;}
.board_wrap .paging_wrap {margin-top:65px;}

/* 공지사항 */
.board_table {font-size:12pt; line-height:1;}
.board_table tr.first td {padding-top:10px;}
.board_table tr.notice.first td:first-child:before {top:24px;}
.board_table tr.notice {background:#f8f8f8;}
.board_table tr.notice td:first-child {position:relative; padding-left:54px;}
.board_table tr.notice td:first-child:before {position:absolute; z-index:1; left:15px; top:14px; padding:7px 9px; content:'공지'; font-size:11pt; color:#fff; background:#00d278;}
.board_table th {padding:15px 0; color:#7e7e7e; border-bottom:1px solid #d2d2d2;}
.board_table td {color:#000;}
.board_table td a {display:block; width:100%; padding:20px 15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#000;}
.board_table td:last-child {text-align:center;}

/* faq , 문의내역 */
.slide_board .field {display:table; width:100%; table-layout:fixed; font-size:12pt; border-bottom:1px solid #d2d2d2;}
.slide_board .field li {display:table-cell; width:17%; padding:15px 0; color:#7e7e7e; text-align:center;}
.slide_board .field li:first-child {width:60%;}
.slide_board .slide_con {padding-top:10px;}
.slide_board .subject {display:table; width:100%; padding:20px 6% 20px 0; table-layout:fixed; font-size:12pt; color:#000; cursor:pointer; background:url(/assets/img/icon/faq_open.png) no-repeat right 20px top 23px;}
.slide_board .subject.open {background-image:url(/assets/img/icon/faq_close.png);}
.slide_board .subject strong {display:table-cell; width:60%; padding:0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:normal;}
.slide_board .subject p {display:table-cell; width:17%; text-align:center;}
.slide_board .subject .complete {color:#00d278;}
.slide_board .con {display:none; color:#7e7e7e; background:#fafafa;}
.slide_board .con > div {padding:20px 20px 15px;}
.slide_board .con > div > p {padding-left:25px; font-size:12pt; line-height:1.5;}
.slide_board .con .file {display:block; margin-bottom:8px; padding:2px 0 0 25px; font-size:11pt; color:#7e7e7e; background:url(/assets/img/icon/ico_file.png) no-repeat left top;}
.slide_board .con .reply {border-top:1px solid #ececec; background:url(/assets/img/icon/faq_answer.png) no-repeat 20px 13px;}
.slide_board .con .reply .date {margin-bottom:8px; padding-left:25px; font-size:11pt;}
.slide_board .con .reply .date span:first-child:after {content:'|'; margin:0 2px 0 4px;}

.slide_board.faq .field li {width:100%;}
.slide_board.faq .subject {padding-right:10%;}
.slide_board.faq .reply {padding:18px 45px 15px 20px; border-top:0;}

/* 문의하기 */
.board_write {font-size:12pt; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.board_write th {padding:30px 40px; text-align:left; border-top:1px solid #ececec; background:#f8f8f8;}
.board_write td {padding:30px 40px; border-top:1px solid #ececec;}
.board_write tr:first-child th,
.board_write tr:first-child td {border-top:0;}
.board_write td select {width:120px; border:0; background-image:url(/assets/img/icon/select_sm.png);}
.board_write td input[type="text"] {width:100%; border:0;}
.board_write td textarea {width:100%; border:0; vertical-align:middle;}

/* 파일첨부 */
.file_box label {display:inline-block; padding:0 10px 0 30px; font-size:11pt; color:#fff; line-height:32px; background:#00d278 url(../img/icon/ico_file_btn.png) no-repeat 10px center;}
.file_box input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.file_box span {margin-left:10px; color:#7e7e7e; font-size:10pt;}
.file_list {margin-top:20px;}
.file_list span {display:inline-block; position:relative; padding-right:20px; line-height:1;}
.file_list .file_delete {display:block; position:absolute; z-index:1; right:0; top:1px; width:12px; height:12px; text-indent:-9999px; background:url(/assets/img/icon/file_delete.png) no-repeat center;}

/* 공지사항 상세 */
.board_view .subject {position:relative; padding-bottom:15px; border-bottom:1px solid #ebebeb;}
.board_view .subject strong {display:block; width:80%; font-size:16pt; color:#2f2f2f; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_view .subject span {position:absolute; z-index:1; right:0; bottom:15px; color:#7e7e7e; font-size:11pt;}
.board_view .con {padding:45px 0; color:#2f2f2f; font-size:12pt; border-bottom:1px solid #ebebeb;}
.board_view .board_btn {margin-top:38px;}
.board_view .board_btn:after {display:block; content:''; clear:both;}
.board_view .board_btn .list_move {float:left;}
.board_view .board_btn > .middle_btn {float:right;}




/********** MD샵 **********/

/* 장바구니 */
.basket_wrap {padding:30px; background:#fff;}
.basket_wrap h3 {margin:30px 0; line-height:1; font-size:16pt; font-weight:bold;}
.basket_wrap h3 span {font-size:14pt; font-weight:normal;}
.basket_wrap h3 span em {color:#00d278; font-weight:bold;}
.basket_wrap .btn_wrap {margin-bottom:100px;}
.basket_wrap .state_tit {margin-bottom:-20px; text-align:center;}
.basket_wrap .state_tit .tit {margin:50px 0 30px; font-size:36pt; line-height:1; color:#2f2f2f;}
.basket_wrap .state_tit .tit strong {color:#00d278; font-weight:normal;}
.basket_wrap .state_tit p {color:#585858; font-size:12pt;}
.basket_wrap .state_tit p em {font-weight:bold;}

table.basket {width:100%; text-align:center; border-bottom:1px solid #d8d8d8;}
table.basket thead th {font-size:12pt; height:65px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#f8f8f8;}
table.basket td {padding:30px 0; border-top:1px solid #e8e8e8;}
table.basket tr:first-child td {border-top:0;}
table.basket tr th span {display:block; font-size:11pt; color:#7d7d7d;}
table.basket .product {text-align:left; padding-left:30px;}
table.basket .thumb {display:inline-block; width:120px; margin-right:30px; height:120px; border:1px solid #ebebeb;}
table.basket .info {display:inline-block; text-align:left; font-size:12pt; line-height:1; color:#585858; vertical-align:middle;}
table.basket .info strong {display:block; margin-bottom:10px;}
table.basket .info em {font-size:12pt; color:#585858; font-weight:bold;}
table.basket .info .price_wrap {margin-bottom:10px;}
table.basket .info .price_wrap .before_price {color:#7f7f7f;}
table.basket .info .price_wrap .before_price:after {margin-left:8px; content:'→';}
table.basket .info .price_wrap .sale,
table.basket .info .price_wrap .after_price {font-weight:bold;}
table.basket .info > span {display:block; margin-bottom:15px;}
table.basket .amount {display:inline-block; border:1px solid #c9c9c9;}
table.basket .amount:after {display:block; content:''; clear:both;}
table.basket .amount a {display:block; width:39px; float:left; height:38px; text-indent:-9999px; background-color:#fafafa; background-repeat:no-repeat; background-position:center;}
table.basket .amount a.minus {border-right:1px solid #c9c9c9; background-image:url(/assets/img/icon/ico_num_minus.jpg);}
table.basket .amount a.plus {border-left:1px solid #c9c9c9; background-image:url(/assets/img/icon/ico_num_plus.jpg);}
table.basket .amount input {float:left; text-align:center; width:50px; height:38px; font-size:12pt; border:0;}
table.basket .price,
table.basket .delivery strong {font-weight:bold; font-size:14pt;}
table.basket .delivery p {margin-top:10px; color:#585858; font-size:11pt;}
table.basket .product_delete {display:block; width:40px; height:40px; text-indent:-9999px; background:url(/assets/img/icon/basket_delete.png) no-repeat center;}
table.basket .price span {display:block; font-size:11pt; color:#7d7d7d; font-weight:normal;}
table.basket .total {font-size:16pt; color:#2f2f2f; border-left:1px solid #e8e8e8;}
table.basket .total strong {margin-right:8px; font-size:20pt;}
table.basket .state strong {display:block; font-size:14pt; font-weight:bold;}
table.basket .state p {margin-top:10px; font-size:11pt; color:#7f7f7f;}
table.basket .state p span {display:block;}
table.basket .order_state {border-left:1px solid #e8e8e8;}
table.basket .order_state strong {font-size:20pt;}
table.basket .order_state.delivery {border-left:0;}
table.basket .order_state strong {font-size:14pt; color:#2f2f2f;}
table.basket .order_state p {font-size:11pt; color:#7f7f7f;}
table.basket .order_state p span {display:block;}

table.basket + .dot_list {font-size:12pt;}

.last_price {margin:130px 0 60px; background:#f8f8f8;}
.last_price:after {display:block; content:''; clear:both;}
.last_price > div {position:relative; float:left; width:380px; padding:0 40px; height:170px; font-size:12pt; color:#585858;}
.last_price > div:first-child:after {position:absolute; z-index:1; content:''; right:-7px; top:75px; width:14px; height:14px; background:url(/assets/img/icon/basket_plus.png) no-repeat left top;}
.last_price .last {width:400px; background:#eee;}
.last_price em {display:inline-block; line-height:170px;}
.last_price p {display:inline-block; float:right; padding:70px 0;}
.last_price p strong {font-size:18pt; margin-right:6px;}

.like_chk {display:inline-block; padding:0 15px; font-size:11pt; line-height:30px; border:1px solid #c2c2c2;}
.like_chk i {display:inline-block; width:20px; margin-right:10px; height:17px; vertical-align:middle; background:url(/assets/img/icon/ico_like.png) no-repeat left top;}
.like_chk input:checked + i {background-image:url(/assets/img/icon/ico_like_on.png);}


/* 주문하기 */
.order table.basket .price {font-size:12pt; font-weight:normal; color:#585858;}
.order table.basket .delivery {font-size:12pt; font-weight:normal; color:#585858;}
.order table.basket .delivery strong {font-size:12pt;}

.order_wrap h3 {margin:100px 0 30px; line-height:1; font-size:16pt; font-weight:bold;}
.order_wrap h3:first-child {margin-top:130px;}
.order_wrap .h3_option {float:right; margin-top:-48px;}
.order_wrap .h3_option.tabs {display:block; width:auto; margin-right:150px;}
.order_wrap .h3_option.tabs li {display:block; float:left;}
.order_wrap .h3_option.tabs li:first-child {margin-right:30px;}

.order_form {border-top:1px solid #d8d8d8;}
.order_form > div {padding:0 30px; font-size:12pt; color:#585858; line-height:1; border-bottom:1px solid #e8e8e8;}
.order_form > div:after {display:block; content:''; clear:both;}
.order_form > div:first-child {padding-top:30px;}
.order_form > div em {float:left; width:200px; line-height:83px;}
.order_form > div em label {position:relative; z-index:1;}
.order_form > div .con {position:relative; padding-left:200px;}
.order_form > div .con.noinput {padding:33px 0 32px 200px;}
.order_form > div .con select {display:block; width:100%; border:0}
.order_form > div .con label {font-size:11pt; line-height:1.4;}
.order_form > div .con input[type="text"] {width:100%; height:83px; color:#585858; border:0;}
.order_form > div .con .text_del {top:32px;}
.order_form .detail_address .text_del {top:32px; right:30px;}
.order_form .must:after {content:'*'; margin:1px 0 0 5px;}
.order_form .right {position:absolute; z-index:1; right:0; top:28px;}
.order_form .detail_address {position:relative; padding-left:230px;}
.order_form .detail_address.right_mg .text_del {right:190px;}
.order_form .detail_address input[type="text"] {width:100%; padding-right:150px; height:83px; color:#585858; border:0;}
.order_form .detail_address label {position:absolute; z-index:1; right:30px; top:34px;}
.dot_list.big li,
.order_form + .dot_list li {margin:10px 0; font-size:12pt; color:#585858;}
.order_form .coin_input > p {position:relative;}
.order_form .coin_input > p span {position:absolute; z-index:1; left:15px; top:33px;}

.radio_list {padding:30px 0 0;}
.radio_list li {display:inline-block; margin-right:20px; line-height:12px;}
.radio_list li.input_etc {display:block; width:100%; margin-top:15px;}
.radio_list li.input_etc label {display:block; margin-bottom:30px;}
.radio_list li.input_etc textarea {display:none; overflow-y:scroll; width:100%; margin-bottom:30px; padding:0 10px; height:60px; border:0;}

.last_order {margin-top:125px;}
.last_order:after {display:block; content:''; clear:both;}
.last_order li {position:relative; float:left; width:190px; padding:75px 20px; height:250px; color:#585858; line-height:1; background:#f8f8f8;}
.last_order li:after {position:absolute; z-index:1; right:0; top:65px; content:''; width:1px; height:120px; background:#e4e4e4;}
.last_order li.last {width:400px; padding:30px 40px; color:#fff; background:#00d278;}
.last_order li.last:after {display:none;}
.last_order li.last em {font-size:18pt;}
.last_order li.last p {margin-top:80px; font-size:26pt;}
.last_order li.last p strong {font-size:36pt;}
.last_order li em {font-size:12pt;}
.last_order li p {margin-top:60px; font-size:14pt; text-align:right;}
.last_order li p strong {margin-right:8px; font-size:18pt; font-weight:bold;}

.address_list {margin:-30px;}
.address_list p {margin-top:10px; font-size:12pt;}
.address_list strong {display:block; margin-bottom:20px; font-size:14pt;}
.address_list strong span {margin-left:5px; color:#00d278;}
.address_list .address span {display:block;}
.address_list li {position:relative; padding:30px 70px 30px 30px;}
.address_list li + li {border-top:1px solid #e8e8e8;}
.address_list li > a {position:absolute; z-index:1; right:30px; top:50%; margin-top:-14px}
.address_list li .edit_btn {position:absolute; z-index:1; right:30px; top:23px; margin-top:0}
.address_list li .edit_btn a {margin-left:7px;}
.address_list li.default .select {display:none;}

.order .btn_wrap {margin:75px 0 0 0;}

.deli_wrap {position:relative;}
.deli_btn {position:absolute; z-index:1; right:0; top:-55px;}


/* MY쇼핑 */
.myshopping {margin-top:20px; padding:30px; border:1px solid #e4e4e4; background:#fff;}
.myshopping .dot_list li {font-size:12pt; margin:10px 0; color:#585858;}
table.basket .date {font-size:12pt; font-weight:bold; color:#585858;}
table.basket .date span {display:block; font-size:11pt; color:#7f7f7f; font-weight:normal;}
table.basket.sm .price,
table.basket.sm .price strong,
table.basket.sm .delivery,
table.basket.sm .delivery strong,
table.basket.sm .coupon,
table.basket.sm .coupon strong {color:#585858; font-size:12pt;}
table.basket.sm .total {font-size:14pt; font-weight:bold; border-left:0;}

.order_step {padding:55px 40px 45px; text-align:center; border-top:1px solid #d8d8d8; border-bottom:1px solid #e8e8e8;}
.order_step ol:after {display:block; content:''; clear:both;}
.order_step li {position:relative; float:left; width:20%; padding-top:140px; color:#585858;}
.order_step li:after {position:absolute; z-index:1; top:45px; right:-8px; content:''; width:16px; height:30px; background:url(/assets/img/icon/order_step_arrow.jpg) no-repeat left top;}
.order_step li:last-child:after {display:none;}
.order_step li strong {display:block; margin-bottom:10px; line-height:1; font-size:14pt; font-weight:bold;}
.order_step li p {font-size:12pt;}
.order_step li.step01 {background:url(/assets/img/icon/order_step01.jpg) no-repeat center top;}
.order_step li.step02 {background:url(/assets/img/icon/order_step02.jpg) no-repeat center top;}
.order_step li.step03 {background:url(/assets/img/icon/order_step03.jpg) no-repeat center top;}
.order_step li.step04 {background:url(/assets/img/icon/order_step04.jpg) no-repeat center top;}
.order_step li.step05 {background:url(/assets/img/icon/order_step05.jpg) no-repeat center top;}
.order_step > div:after {display:block; content:''; clear:both;}
.order_step > div p {position:relative; margin-top:30px; padding-top:20px; font-size:12pt; font-weight:bold; border-top:1px solid #c9c9c9;}
.order_step > div p:before {content:''; position:absolute; z-index:1; left:0; top:-10px; width:1px; height:10px; background:#c9c9c9;}
.order_step > div p:after {content:''; position:absolute; z-index:1; right:0; top:-10px; width:1px; height:10px; background:#c9c9c9;}
.order_step > div .able {float:left; width:calc(40% - 20px); color:#00d278;}
.order_step > div .disabled {float:right; width:calc(60% - 20px); color:#ff0000;}

.number_step {padding:45px 50px; border-top:1px solid #d8d8d8; border-bottom:1px solid #e8e8e8;}
.number_step ol:after {display:block; content:''; clear:both;}
.number_step li {position:relative; float:left; width:200px; padding:20px 10px 20px 20px; height:160px; margin-right:86px; background:#f0f0f0;}
.number_step li:last-child {margin-right:0;}
.number_step li:after {position:absolute; z-index:1; top:65px; right:-50px; content:''; width:16px; height:30px; background:url(/assets/img/icon/order_step_arrow.jpg) no-repeat left top;}
.number_step li:last-child:after {display:none;}
.number_step li em {display:block; font-size:18px; font-weight:bold; color:#00d278; line-height:1;}
.number_step li strong {display:block; margin-top:20px; font-size:14pt; color:#585858; font-weight:bold; line-height:1;}
.number_step li p {margin-top:10px; font-size:12pt; color:#585858; word-break:keep-all;}

.order_form .refund {position:relative;}
.order_form .refund > strong {font-size:14pt; font-weight:bold;}
.order_form .refund .detail {position:absolute; z-index:1; right:0; top:32px; font-size:11pt; color:#585858;}
.order_form .refund .detail strong {font-weight:normal;}
.order_form .refund .detail strong:after {content:':'; margin-left:5px;}
.order_form .refund .detail p {position:relative; display:inline-block; width:110px; margin-right:8px; padding-right:15px; text-align:right;}
.order_form .refund .detail p:after {position:absolute; z-index:1; right:0; top:0; content:'|'; color:#c6c6c6;}
.order_form .refund .detail p:last-child {width:95px; margin-right:0; padding-right:0;}
.order_form .refund .detail p:last-child:after {display:none;}
.order_form .refund > p {margin-top:30px; color:#7d7d7d; font-size:11pt; line-height:1;}
.order_form textarea {border:0; overflow-y:scroll;}

.line_dot {padding:16px 10px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}

/* MY쇼핑 - 상품후기 내역 */
.review_list {width:100%; text-align:center; border-bottom:1px solid #d8d8d8;}
.review_list thead th {height:65px; font-size:12pt; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#f8f8f8;}
.review_list td {padding:30px 15px; font-size:12pt; color:#585858; vertical-align:top; border-top:1px solid #e8e8e8;}
.review_list td:nth-child(2) {line-height:28px;}
.review_list td.review_con {padding:30px; text-align:left;}
.review_list td.review_con .thumb {float:left; width:120px; height:120px; border:1px solid #ebebeb;}
.review_list td.review_con .con {padding-left:150px; font-size:12pt; color:#585858;}
.review_list td.review_con .con strong {display:block; padding:10px 0; line-height:1;}
.review_list td.review_con .con div {margin-top:25px; line-height:1.4;}

/* MY쇼핑 - 취소/반품 내역 */
.slide_board.cancel {text-align:center; border-bottom:1px solid #d8d8d8;}
.slide_board.cancel .field {line-height:65px; font-size:12pt; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background:#f8f8f8;}
.slide_board.cancel .field li {padding:0;}
.slide_board.cancel .field li:first-child {width:120px;}
.slide_board.cancel .field li:nth-child(2) {width:560px;}
.slide_board.cancel .field li:nth-child(3),
.slide_board.cancel .field li:nth-child(4),
.slide_board.cancel .field li:last-child {width:160px;}

.slide_board.cancel .slide_con {padding-top:0;}
.slide_board.cancel .slide_con > li + li {border-top:1px solid #e8e8e8;}
.slide_board.cancel .subject {display:block; width:1160px; padding:0; color:#585858; background:none;}
.slide_board.cancel .subject.open {background:#f8f8f8;}
.slide_board.cancel .subject li {float:left; padding:20px 0;}
.slide_board.cancel .subject li:first-child {width:120px;}
.slide_board.cancel .subject li:nth-child(2) {width:560px;}
.slide_board.cancel .subject li:nth-child(3),
.slide_board.cancel .subject li:nth-child(4),
.slide_board.cancel .subject li:last-child {width:160px;}

.slide_board.cancel .con {text-align:left; padding:25px 0; background:#fff; border-top:1px solid #e8e8e8;}
.slide_board.cancel .con:after {display:block; content:''; clear:both;}
.slide_board.cancel .con > strong {float:left; width:120px; text-align:center; font-size:12pt; color:#585858; font-weight:normal;}
.slide_board.cancel .con > div {margin-top:-1px; padding:0 0 0 140px; line-height:1.4; font-size:12pt;}
.slide_board.cancel .con > div strong {display:block; color:#ff0000;}
.slide_board.cancel .con > div > p {padding-left:0;}


/* MD샵 - 배송지 관리 */
.delivery_wrap {padding:30px; border:1px solid #e4e4e4; background:#fff;}
.delivery_wrap .address_list {margin:0;}
.delivery_wrap .address_list li {padding:30px 160px 30px 30px; border-top:1px solid #d8d8d8;}
.delivery_wrap .address_list li:last-child {border-bottom:1px solid #d8d8d8;}

/* MD샵 - 주문하기 */
.order_edit {position:relative; color:#585858; font-size:12pt; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.order_edit tr:first-child th {border-top-color:#f8f8f8;}
.order_edit tr:first-child td {border-top-color:#fff;}
.order_edit th {padding:15px 20px; height:50px; text-align:left; font-weight:normal; vertical-align:top; border-top:1px solid #ececec; background:#f8f8f8;}
.order_edit th label {display:block; margin:-15px -20px; padding:0 20px; line-height:49px; cursor:default;}
.order_edit td {padding:0 20px; height:50px; border-top:1px solid #ececec;}
.order_edit td p {line-height:49px;}
.order_edit td input {width:100%; height:48px;}
.order_edit .input_area {display:none; position:relative;}
.order_edit .input_area input {border:0; color:#585858;}
.order_edit .input_area .text_del {top:15px;}
.order_edit .input_area.address .middle_btn {position:absolute; z-index:1; right:0; top:8px;}
/* .order_edit .address_wrap + tr {display:none;} */
.order_edit .edit_btn {position:absolute; z-index:1; top:-55px; right:0px;}
.order_edit .edit_btn a {display:none;}
.order_edit .edit_btn a.edit {display:inline-block;}
.order_edit .middle_btn {min-width:auto;}
.order_edit .middle_btn.blue {margin-left:7px;}
.order_edit.edit_on th label {cursor:pointer;}

.order_edit .radio_list {padding-top:15px;}
.order_edit .radio_list li {line-height:20px;}
.order_edit .radio_list li.input_etc label,
.order_edit .radio_list li.input_etc textarea {margin-bottom:15px;}

/* 뷰어 */
.viewer_page {}
.viewer_head {position: fixed; left:0; top:0px; z-index:100; width:100%; height:60px; line-height:60px; padding:0 30px; color:#fff; background:rgba(0,0,0,0.8); transition: all 0.3s ease 0s;}
.viewer_head h1 {float:left; }
.viewer_head p {float:left; margin-left: 65px; font-size: 14pt; font-weight: bold;}
.viewer_head p a {color:#fff;}
.viewer_head span {float: right;}
.viewer_head span a {display: inline-block; height:35px; line-height: 35px; margin-left:10px; padding:0 15px; font-size: 11pt; font-weight: bold; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background:#242424;}
.viewer_head span a.like.on {background:#00d278;}

.viewer_content {padding-top:150px; text-align:center;}
.viewer_page.scroll .viewer_content {padding-bottom: 0px;}
.viewer_page.trans .viewer_content {padding-top:0;}

.viewer_footer {position: fixed; left: 0; bottom:0px; z-index: 100; width: 100%; height:190px; padding-top:44px; text-align: center; background:rgba(0,0,0,0.8); transition: all 0.3s ease 0s;}
.viewer_page.trans .viewer_footer {background: none;}

.viewer_slide {position: relative;}
.viewer_slide ul {width:830px; margin:0 auto}
.viewer_slide li {float: left; width:150px;}
.viewer_slide li span {display: block; position: relative; width:150px;}
.viewer_slide li img {display:block; width:150px; height:100px; margin-bottom:14px;}
.viewer_slide li a {display: block; color: #fff; font-size:12pt; font-weight: bold;}
.viewer_slide li.on span:after {content:''; display: inline-block;position: absolute; left:0; top:0; width:150px; height:100px; box-sizing: border-box; border:3px solid #00d278;}

.viewer_slide .slick-arrow {display: inline-block; position:absolute; top:30px; width:16px; height:31px; text-indent: -9999px; transition:all 0.5s}
.viewer_slide .slick-prev {left:-50px; background:url(/assets/img/icon/vfslide_left.png) 0 0 no-repeat;}
.viewer_slide .slick-next {right:-30px; background:url(/assets/img/icon/vfslide_right.png) 0 0 no-repeat;}
.viewer_slide .slick-disabled {/* opacity:0.4;  */transition:all 0.5s}


.viewer_content .cross {width:1500px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.viewer_content .cross > li {display:none; width:50%;}
.viewer_content .cross.left > li {float:right;}
.viewer_content .cross.left > li:nth-child(even) {padding-left:78px; padding-right:10px; text-align: right;}
.viewer_content .cross.left > li:nth-child(odd) {padding-right:78px; padding-left:10px; text-align:left;}
.viewer_content .cross.right > li {float:left;}
.viewer_content .cross.right > li:nth-child(odd) {padding-left:78px; padding-right:10px; text-align: right;}
.viewer_content .cross.right > li:nth-child(even) {padding-right:78px; padding-left:10px; text-align:left;}
.viewer_content .cross > li img {width:auto; height:auto; margin-bottom: 0; max-height:1040px}
.viewer_content .cross > li.active {display:block;}
.viewer_content .cross.single > li {float:none; width:100% !important; text-align: center;}
.viewer_content .cross.single > li img {display: inline-block; width:662px; height: auto;}
.viewer_content .cross.single > li:nth-child(1n+1) {padding:0 25%;  text-align:center;}

.view_control {position: relative; width:1060px; height:80px; overflow: hidden; margin:15px auto 0; border-radius:40px; background:#333;}
.view_control > a {float:left; width:120px; height:80px; line-height:80px; color:#fff; font-size:12pt; font-weight:bold;}
.view_control > a.no {opacity:0.5; cursor:default}
.view_control .prev_wt {padding-left:50px; text-align:left;  border-right:1px solid #484848; background:url(/assets/img/icon/prev_wt.png) 29px 26px no-repeat;}
.view_control .next_wt {padding-right:50px; border-left:1px solid #484848; background:url(/assets/img/icon/next_wt.png) right 29px top 26px no-repeat;}

.view_control .control_in {float:left; position: relative; width:820px;}
.view_control .np {float:left; margin-left:30px;}
.view_control .np a {position:relative; float:left; padding-top: 24px; margin-top: 20px; color: #fff; font-size:11pt;}
.view_control .np a ~ a {margin-left:30px;}
.view_control .np a:hover:before {color:#00d278;}
.view_control .np .prev:before {content:'◀'; position: absolute; left:8px; top:0;}
.view_control .np .next:before {content:'▶'; position: absolute; left:8px; top:0;}

.view_control .v_change {float:right; margin-right:30px;}
.view_control .v_change a {position:relative; float:left; padding-top: 24px; margin-top: 20px; color: #fff; font-size:11pt;}
.view_control .v_change a ~ a {margin-left:10px;}
.view_control .v_change .twice:before {content:''; position: absolute; left:18px; top:0; width:10px; height:15px; background:#fff;}
.view_control .v_change .twice:after {content:''; position: absolute; right:14px; top:0; width:10px; height:15px; background:#fff;}
.view_control .v_change .once:before {content:''; position: absolute; left:22px; top:0; width:10px; height:15px; background:#fff;}
.view_control .v_change a:hover:before,
.view_control .v_change a.on:before {background:#00d278;}
.view_control .v_change a:hover:after,
.view_control .v_change a.on:after {background:#00d278;}

#v_slider {position: absolute; left:150px; top:34px; width:500px; height:10px; border-radius: 5px; border: none; background:#484848;}
#v_slider .ui-slider-handle {display: none;}
#v_slider .ui-slider-range {border-radius: 5px; background:#00d278;}

.fix_control {position:absolute; width:100%; height:100%; left:0; top:0; z-index:10;}
.fix_control a {display:block; position:absolute; top:0; height:100%; z-index:10; text-indent: -9999px;}
.fix_control a.v_prev {left:0; width:35%; cursor:url(/assets/img/icon/hand_left.png), pointer}
.fix_control a.v_menu {left:35%; width:30%; cursor:url(/assets/img/icon/hand_menu.png), pointer}
.fix_control a.v_next {left:65%; width:35%; cursor:url(/assets/img/icon/hand_right.png), pointer}
.fix_control.left a.v_prev {cursor:url(/assets/img/icon/hand_right.png), pointer}
.fix_control.left a.v_next {cursor:url(/assets/img/icon/hand_left.png), pointer}


/*개발자 추가*/
.pOption {width:120px; border:0; background-image:url(/assets/img/icon/select_sm.png);}
.btn-lg {color:#fff;background-color:#a8a8a8;border-color:#2e6da4;height:50px;width:150px;}

.empty_center_div{display: table;width:100%;height: 200px;text-align: center;}
.empty_center_div .empty_str14 {font-size:14pt; color:#000000;display:table-cell;vertical-align:middle;}
.empty_center_div .empty_str24 {font-size:24pt; color:#000000;;display:table-cell;vertical-align:middle;}

.product_body img {display: inline-block; max-width:100%; height:auto; margin:70px 0; text-align:center;}
.product_body .title {text-align: center; padding-bottom:40px; margin-bottom: 1px; }
.product_body .title span {display: block; margin-bottom:12px; font-size:16pt;}
.product_body .title strong {font-size:28pt; color:#585858; font-weight:normal;}
.product_body img + .title {margin-top: 0;}
.product_body p {font-size:14pt; line-height:21pt; color:#585858;}

.thum_text1 * {display:block;}
.thum_text1 .cate {font-size:11pt; color:#00d278;}
.thum_text1 .title {margin:4px 0 12px; font-size:14pt; color:#2f2f2f; font-weight:700;}
.thum_text1 .name {color:#7e7e7e; font-size:11pt;}

/* 쿠폰 상세 */
.coupon_visual {background:#00d278;}
.coupon_visual .coupon_title {position: absolute; left:30px; top:90px;}
.coupon_visual .coupon_title p {margin-bottom:8px; font-size:40px;color:#fff7a3;font-weight: bold;}
.coupon_visual .coupon_title .coupon_t {font-size:18px;color:#ffffff;}
.coupon_area {margin-top:-60px;}
.coupon_area .in {padding:0 30px 50px; border:1px solid #e4e4e4; background:#fff;}
.coupon_area .detail_info {overflow:hidden; padding:60px 0 15px; border-bottom:1px solid #ebebeb;height:180px;}
.coupon_area .detail_info ul {float:left; margin-top:4px;}
.coupon_area .detail_info ul li {float:left;margin-left: 200px; padding:0 20px; color:#7e7e7e; border-right:1px solid #dedede;}
.coupon_area .detail_info ul li:last-child{border-right:none;}
.coupon_area .detail_info ul li .share {margin-top:-10px}
.coupon_area a.btn_coupon {float:right;width: 180px;height: 60px;background: #00d278;text-align: center;color: white;font-size:18px;font-weight: bold;margin-left: 10px;padding-top: 20px;}
.coupon_area input[type="text"] {padding:0 10px; height:60px;width:600px;color:#a8a8a8; font-size:12pt;background-color: #ffffff;border:2px solid #c2c2c2;}
.coupon_body {padding:50px 0; font-size:12pt;}
.coupon_body p {font-weight: bold;font-size:24px;}
.coupon_util {overflow:hidden; padding-top:40px; border-top:1px solid #ebebeb;}
.coupon_util a:last-child {float:right;}



.product_body {padding:0 1.25rem; border-bottom:5px solid #f4f4f4;}
.product_body .prd_detail_title {text-align:center; margin-top: 0; padding-bottom: 1.667rem; border-bottom:1px solid #c8c8c8;}
.product_body .prd_detail_title * {display: block; color:#585858;}
.product_body .prd_detail_title span {margin-bottom:0.583rem; font-size:0.917rem;}
.product_body .prd_detail_title strong {font-size:1.417rem;}
.product_body img {margin-bottom:2.083rem;}
.product_body p {line-height: 1.417rem; margin-bottom:2.083rem; word-break:break-all;}

.md_dt_table {padding:0 1.25rem 2.083rem; border-bottom:5px solid #f4f4f4;}
.md_dt_table table {font-size: 0.917rem; border-top:0.083rem solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.md_dt_table table tr {border-top:0.083rem solid #ececec;}
.md_dt_table table tr:first-child {border-top:none;}
.md_dt_table table th {padding:0.667rem 0.583rem; height:2.083rem; text-align: left; background:#f8f8f8;}
.md_dt_table table td {padding:0.667rem 0.583rem; height:2.083rem; line-height: 1.25rem;}
.md_dt_table .md_dt_table_col {width:20%;}


/* 2019-11-19 추가 */
.ox_quiz {position: relative; z-index: 9999;width:660px;height:700px;display: inline-block;}
.ox_quiz {padding:2.583rem 1.25rem 0; border-top: 5px solid #f4f4f4;}
.ox_title {margin-top: 2.083rem; padding-left:2.292rem; padding-bottom:1.25rem; font-size:1rem; line-height:1.333rem; color:#383838; text-align: left; background:url(../img/icon/ox_q.png) 0 0 no-repeat; background-size:1.667rem;}
.ox_que {padding: 1.167rem 2.083rem 4.167rem; border-top:1px solid #ebebeb;}
.ox_que a {display: block; font-size: 1rem; color: #787878; text-align: left;}
.ox_que a ~ a {margin-top: 1rem;}

.ox_choice {overflow: hidden; padding: 1.167rem 0 4.167rem;}
.ox_choice a {float:left; width:50%; padding:0 1.667rem}
.ox_choice a img {width:7.708rem; height:8.792rem}
.ox_choice a:first-child {text-align: right;}

.ox_quiz.row {padding:8.783rem 1.25rem 0;}

.quiz_pop {padding:1.25rem; text-align: center;}
.quiz_pop .ox_return {display: inline-block; height:5.833rem; line-height:5.833rem; margin-bottom: 2.25rem; font-size:1.333rem; color: #2f2f2f; font-weight: bold;}
.quiz_pop .tac {color:#2f2f2f; font-size: 1rem; line-height:1.417rem;}
.ox_return img {height:5.833rem; width:auto; margin-right:0.833rem;}
.quiz_pop .pop_x {margin:3.125rem 0 0}




/* 2019-11-24 추가 */
.last_quiz {position: relative;}
.last_quiz img {width:346px !important; height:534px !important; margin:120px 150px;}
.single .last_quiz img {margin:-30px 150px 0;}

.trans_ox_quiz {position: relative; text-align: center;}
.trans_ox_title {margin-top:40px; padding-left:56px; padding-bottom:20px; font-size:16px; line-height:22px; color:#383838; text-align: left; background:url(../img/icon/ox_q.jpg) 17px 0 no-repeat;}
.trans_ox_que {padding: 20px 56px 50px; border-top:1px solid #ebebeb;}
.trans_ox_que a {display: block; font-size:16px; color: #787878; text-align: left;}
.trans_ox_que a ~ a {margin-top:12px;}

.trans_ox_choice {overflow: hidden; padding:20px 0 50px;}
.trans_ox_choice a {float:left; width:50%; padding:0 50px}
.trans_ox_choice a img {width:120px; height:auto}
.trans_ox_choice a:first-child {text-align: right;}
.trans_ox_choice a:last-child {text-align: left;}

.trans_ox_quiz.row {padding:8.783rem 1.25rem 0;}

.quiz_pop {text-align: center;}
.quiz_pop .ox_return {display: inline-block; height:139px; line-height:139px; margin-bottom:70px; font-size:32px; color: #2f2f2f; font-weight: bold;}
.quiz_pop .tac {color:#2f2f2f; font-size:16px; line-height:20px;}
.ox_return img {width:auto; height:139px; margin-right:17px;}
.quiz_pop .pop_x {margin:90px 0 0}


/* 학습성과 */
.study_step_wrap {position: relative; overflow: hidden; height:1150px; background:#b0e3ea;}
.study_step {position: relative; width:450px; margin:130px auto 0;}
.study_info .step {font-size:36px; font-weight:700; color:#5caf09;}
.study_circle_wrap {position:relative;}
.study_circle_wrap ol li {position: absolute; font-size:20px; font-family:'nsr'; color:#282828;}
.study_circle_wrap ol li.item1 {left:-37px; top:287px;}
.study_circle_wrap ol li.item2 {left:-11px; top:84px;}
.study_circle_wrap ol li.item3 {left:50%; top:-34px; margin-left: -23px;}
.study_circle_wrap ol li.item4 {right:-11px; top:84px;}
.study_circle_wrap ol li.item5 {right:-38px; top:287px;}
.study_circle_wrap .current_circle {position: absolute; left:0; top:0; z-index:1;}

.study_info {position: relative; z-index: 10; display:flex; align-content:center; flex-wrap:wrap; justify-content:center; position: absolute; left:26px; top:26px; width:398px; height:398px; text-align: center; border-radius: 50%; box-shadow:0px 3px 5px 1px rgba(0,0,0,0.1); background:#fff;}
.study_info .step {font-weight: 400; font-size: 72px; font-family:'nsr';}
.study_info .per {display:block; width: 100%; margin-top:3px; line-height: 1; font-size: 40px; color:#5caf09; font-family:'nsr'; font-weight:300;}
.study_info p {font-size:22px; color: #585858; letter-spacing: -1px;}
.study_info .subtxt01 {margin-top:23px;}
.study_info .subtxt01 strong {font-weight:700;}
.study_info .subtxt02 {margin-top:8px;}
.study_info .help {position: relative; top:23px; width:100%; text-align: center; margin-top:3px;}
.study_info .help a {display: inline-block; width:30px; height:30px}
.study_info .help a img {width: 100%; height:auto;}

.step_tree {position: absolute; left:0; bottom:110px; width: 100%; text-align: center;}
.step_tree.tree01 img,
.step_tree.tree02 img,
.step_tree.tree03 img {max-width:149px;}
.step_tree.tree04 img,
.step_tree.tree05 img {max-width:179px;}


/* 학습성과가이드 팝업 */
.help_step {text-align: center; padding:25px 0 0;}
.help_step ul {display: inline-block;}
.help_step ul li {text-align: left;}
.help_step ul li ~ li {margin-top:20px;}
.help_step ul li:after {content:''; display: block; clear:both;}
.help_step ul li span {float:left; width:47px; height:47px; line-height:51px; margin-right:15px; text-align: center; font-size:20px; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; background:#00d278;}
.help_step ul li p {float:left; font-size:16px; color: #7f7f7f;}
.help_step ul li p strong {display: block; margin-bottom:2px; font-weight: 400; font-size:20px; color:#2f2f2f;}
.help_step a {display: block; width:100%; margin:50px 0 0;}


/*2020-03-30 추가*/
.pay_step {text-align: center; padding:25px 0 0;}
.pay_step ul {display: inline-block;}
.pay_step ul li {text-align: center;}
.pay_step ul li ~ li {margin-top:20px;}
.pay_step ul li p strong {display: block; margin-bottom:2px; font-weight: 400; font-size:20px; color:#2f2f2f;}
.pay_step ul li span strong {display: block; margin-bottom:2px; font-weight: 400; font-size:20px; color:#2f2f2f;}
.pay_step .t_pwd{height:40px; width: 300px;border:1px solid #e4e4e4;font-size: 14pt;}
.pay_step .btn1 { cursor:pointer; display: inline-block; height:60px; width: 210px; color: #fff; font-size: 14pt; background:#1bd5b4; margin-right: 10px; padding-top: 10px;}
.pay_step .btn2 { cursor:pointer; display: inline-block; height:60px; width: 210px; color: #fff; font-size: 14pt; background:#00d278; margin-left: 10px; padding-top: 10px;}
.pay_step .btn3 { cursor:pointer; display: inline-block; height:60px; width: 210px; color: #fff; font-size: 14pt; background:#1bd5b4; margin-right: 10px; padding-top: 20px;}
.pay_step .btn4 { cursor:pointer; display: inline-block; height:60px; width: 210px; color: #fff; font-size: 14pt; background:#00d278; margin-left: 10px; padding-top: 20px;}
.pay_step .s_pwd_notice{height:20px; width: 300px;font-size: 12pt;color:red;font-weight: 400;}

.cartoon_pnamu a {cursor:pointer;}
.cartoon_pnamu .hide{display:none;padding-top:8px;padding-left:44px;padding-bottom:10px;font-size:12pt;}
.cartoon_pnamu p {min-height:33px; padding-top:8px; padding-left:44px; padding-bottom:10px;font-size:12pt; background:url(/assets/img/icon/ic_coin.png) 0 0 no-repeat;}
.cartoon_pnamu .plus {font-size: 12px;text-decoration:underline;margin-left: 10px;margin-bottom: 1px;}



.webtoon_ol .list .b_like {width: 100%;padding-top:20px;padding-bottom: 20px; }
.webtoon_ol .list .b_like .b_body {width:779px;height:61px;background:url(/assets/img/bg_like.jpg);}
.webtoon_ol .list .b_like .b_body .total {float: left; width:140px;min-height:61px;font-size: 12pt;font-weight: 700;color:#ffffff;padding-top: 20px;padding-left: 30px;}
.webtoon_ol .list .b_like .b_body .total .tcnt{color:#00d278;}
.webtoon_ol .list .b_like .b_body .like { float:left;padding-top: 8px;}
.webtoon_ol .list .b_like .b_body .like {cursor: pointer;}
.webtoon_ol .list .b_like .b_body .cnt {float:left;margin-left: 10px;padding-top: 22px;font-size: 12pt;font-weight: 300;color:#ffffff;width:70px;text-align: left;}
.webtoon_ol .list .b_like .b_body .cnt a {color: #ffffff;}



/* K콘텐츠 시작 */
.md_sub_detail {margin-top:120px;}
.md_sub_detail .in {padding:30px 30px 80px; border:1px solid #e4e4e4; background:#fff;}

.detail_order:after {content:''; display: block; clear:both}
.kcon_slide {float:left; position: relative; width: 400px; height:578px; border: 1px solid #e4e4e4;}
.kcon_slide li {width:400px; height:578px; outline:none}
.kcon_slide img {width:398px; height:576px}
.kcon_slide .slick-dots {position:absolute; right:0; bottom:30px; width:100%; text-align: center;}
.kcon_slide .slick-dots li {display:inline-block; width:14px; height:14px; padding:0; font-size:0; color:transparent; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #c5e9e5; background:rgba(255,255,255,0.5);}
.kcon_slide .slick-dots li.slick-active {background: #fff;}
.kcon_slide .slick-dots li ~ li {margin-left:9px;}

.kcon_choice {padding-top:130px; float:left; width:708px; margin-left: 50px;}
.kcon_choice .kcon_info {padding-bottom:30px; border-bottom:1px solid #ebebeb;}

.kcon_info .cate {display: block; margin-top: 15px; font-size:14pt; color:#7e7e7e;}
.kcon_info .name {margin-top:10px; font-size:24pt; font-weight: bold; color:#2f2f2f;}
.kcon_info .price {position:relative; margin-top:20px;}
.kcon_info .price * {line-height: 1;}
.kcon_info .price p:first-child {margin-bottom:4px;}
.kcon_info .price .sale_before {display:inline-block; position: relative; color:#7f7f7f; font-size:14pt; padding:0 2px;}
.kcon_info .price .sale_before:after {content:''; position: absolute; left:0; top:10px; width:100%; height:1px; background:#7f7f7f;}
.kcon_info .price .sale_after {margin-right:20px; color:#2f2f2f; font-weight: bold; font-size: 24pt;}
.kcon_info .price .sale_per {font-size:32pt; color:#ff0000; font-weight: bold;}

.kcon_amount {padding-top:26px; font-size:12pt; color:#7e7e7e;}
.kcon_amount li {height:18px; line-height: 38px;}
.kcon_amount li ~ li {margin-top:20px;}
.kcon_amount li strong {float: left; width:100px; }
.kcon_amount li span {color: #2f2f2f;}

.kcon_amount .amount {display:inline-block; border:1px solid #c9c9c9;}
.kcon_amount .amount:after {display:block; content:''; clear:both;}
.kcon_amount .amount a {display:block; width:39px; float:left; height:38px; text-indent:-9999px; background-color:#fafafa; background-repeat:no-repeat; background-position:center;}
.kcon_amount .amount a.minus {border-right:1px solid #c9c9c9; background-image:url(../img/icon/ico_num_minus.jpg);}
.kcon_amount .amount a.plus {border-left:1px solid #c9c9c9; background-image:url(../img/icon/ico_num_plus.jpg);}
.kcon_amount .amount input {float:left; text-align:center; width:50px; height:38px; font-size:12pt; border:0;}

.kcon_btn_set {overflow: hidden; margin-top:30px;  padding-top:35px; border-top:1px solid #ebebeb;}
.kcon_btn_set a {float: left; height:50px; line-height:50px; color: #2f2f2f; font-size: 14pt; font-weight: bold; border: 1px solid #c9c9c9;}
.kcon_btn_set a ~ a  {margin-left:10px;}
.kcon_btn_set a.choice {width:180px; text-align:center;}
.kcon_btn_set a.basket {width:180px; text-align:center;}
.kcon_btn_set a.buy {width:188px; text-align:center; color:#fff; border:none; background:#00d278;}

.kcon_content img {display: inline-block; max-width:100%; height:auto; margin:30px 0; text-align:center;}
.kcon_content .title {text-align: left; padding-bottom:10px; margin-bottom: 30px; border-bottom:1px solid #c8c8c8;}
.kcon_content .title span {display: block; margin-bottom:12px; font-size:16pt;}
.kcon_content .title strong {font-size:24pt; color:#00d278; font-weight:normal;}
.kcon_content img + .title {margin-top: 0;}
.kcon_content p {font-size:14pt; line-height:22pt; color:#585858; padding-bottom:10px;}
.kcon_content p strong {display: block; font-size:14pt; color:#585858; font-weight:bold;}
.kcon_content p span {display: block; line-height: 24px; font-size:12pt; color:#585858; font-weight:normal;}

.info_table {border-top: 1px solid #d2d2d2;}
.info_table table { border-bottom: 1px solid #d2d2d2;}
.info_table table tr {border-top: 1px solid #ececec;}
.info_table table tr:first-child {border-top:none;}
.info_table table th {padding:0 20px; height:38px; background:#f8f8f8;}
.info_table table td {padding:0 20px;height:38px;}
.info_table {}

.md_prod_por {margin-bottom:100px;}
.md_prod_por li {float:left; width:216px;}
.md_prod_por li ~ li {margin-left:20px;}
.md_prod_por li ~ li:last-child {margin-left:18px;}
.md_prod_por li a {display: block; color:#2f2f2f;}
.md_prod_por img {width:214px; height:214px; border:1px solid #ebebeb;}
.md_prod_por p {padding-top:20px; font-size:12pt; line-height:1;}
.md_prod_por span {display: block; margin-top:18px; font-weight: bold;}







/* K콘텐츠 전시 - 추가 2020-11-26 */
.kcon_visual {position:relative; margin-bottom:76px;}
.kcon_visual .kcon_title {position:absolute; left:50px; bottom:50px; color: #fff;}
.kcon_visual .kcon_title strong {font-size:40px;}
.kcon_visual .kcon_title p {margin-top:10px; font-size:16px;}
.kcon_sub_menu {margin-bottom:30px; padding-left:10px;}
.kcon_sub_menu li {float:left;}
.kcon_sub_menu li ~ li {margin-left:20px;}
.kcon_sub_menu li a {display:block; position:relative; padding:0 5px; height:auto; line-height:1; font-size:11pt; color:#2f2f2f; background:none;}
.kcon_sub_menu li a:hover,
.kcon_sub_menu li.on a {color:#00d278; background:none !important;}
.kcon_sub_menu li a:hover:after,
.kcon_sub_menu li.on a:after {content:''; display:block; position:absolute; left:0; top:-13px; width:100%; height:3px; color:#00d278; background:#00d278;}

.kcon_wt_list li {float:left; width:290px; margin-left:20px; margin-bottom:20px;}
.kcon_wt_list li:nth-child(4n+1) {margin-left:0;}
.kcon_wt_list img {width:290px;height:290px;}
.kcon_wt_list .thum_text {height:130px; padding:30px 10px;}


.f_button {float: right;margin-right: 130px;}
.f_button .f_btn {color:#fff;background-color:#5CC2C6;border-color:#2e6da4;height:28px;width:72px;font-weight:700;font-size: 15px;}

.paystart{ position:fixed; width:100%; height:100%; background: rgba(0,0,0,0.8); top:0; left:0; display:none;z-index: 10000; }
.pay_franme{position:absolute;top:50%;left:50%;width:30rem;height:30rem;background:#ffffff;margin:-15rem 0 0 -15rem;}

.kakao_pay_btn{width:5rem; height:2.08rem;}