* {font-family:"Pretendard", Sans-serif; }
* {-webkit-tap-highlight-color: transparent;}


#wrap {background:#fff; width:480px;  left:0; right:0; margin:0 auto; position:relative;}
#header {transition:.2s; width:100%; max-width:480px; height:61px; line-height:61px; background:#282828; position:fixed; color:#fff; left:0; right:0; margin:auto; top:0; z-index:5000; padding:0 15px; box-sizing:border-box; overflow:hidden;}
#header * {box-sizing:border-box;}
#header .btn_gnb {display:inline-block; width:18px; height:18px; font-size:0; border:0; cursor:pointer;}
#header .btn_gnb.search {background:url("../../images/common/icon_gnb_search.png") center no-repeat; background-size:18px; margin-left:3px;}
#header .btn_gnb.search:after {display:none;}
#header .btn_gnb.menu {background:url("../../images/common/icon_gnb_menu.png") center no-repeat; background-size:18px; }
#header .btn_gnb.login {background:url("../../images/common/icon_gnb_login.png?ver=1.2") center no-repeat; background-size:18px; }
#header .btn_gnb.logout {background:url("../../images/common/icon_gnb_logout.png?ver=1.2") center no-repeat; background-size:18px; }
#header .btn_gnb.signup {background:url("../../images/common/icon_gnb_join.png?ver=1.2") center no-repeat; background-size:18px; }
#header .btn_gnb.nv {position:relative; top:3px; font-size:14px; color:#fff; font-weight:400; width:auto; margin-left:0px;}


#header .logo {float:left; font-size:0; width:150px;}
#header .logo img {width:100%;}
#header .area_side {float:right; font-size:0; padding-top:20px; padding-right:5px; line-height:1;}
#header .area_side li {display:inline-block; margin-left:10px; vertical-align:middle;}
.dim {z-index:100; position:fixed; width:100%; height:100%; top:0; left:0; right:0; margin:auto; background:rgba(0,0,0,0.5);}
.popup_search {display:none; position:fixed; top:61px; max-width:480px; right:0; left:0;  margin:auto; box-sizing:border-box; width:100%; height:100%; z-index:1000;}
.popup_search * {box-sizing:border-box;}
.popup_search .area_search {width:100%; background:#fff; position:relative; z-index:1002;}
.popup_search .section {position:relative; padding:50px 15px;}
.popup_search .section form {position:relative;}
.btn_popup_close {width:100%; height:34px; background:#000; border:0; cursor:pointer;}
.btn_popup_close span, .btn_popup_close img {display:inline-block; vertical-align:mid	le;}
.btn_popup_close span {font-size:12px; margin-right:11px; color:#fff;}
.btn_popup_close img {width:15px;}
.btn_gnb_search {width:34px; height:34px; background:url("../../images/common/icon_popup_search.png") center no-repeat; background-size:22px;  text-indent:-99999px; cursor:pointer; border:0; position:absolute; top:0; right:0;}
.text_gnb_search {width:100%; height:38px; border:0; border-bottom:2px solid #000; font-size:15px; color:#000;}
.text_gnb_search:focus {outline:none;}
.text_gnb_search::-webkit-input-placeholder {color:#000; text-align:center;}
.text_gnb_search:-ms-input-placeholder {color:#000;  text-align:center;}
.popup_allmenu {display:none; position:fixed; top:61px; max-width:480px; right:0; left:0; top:0; background:#fff;  margin:auto; box-sizing:border-box; width:100%; height:100%; z-index:6000;}
.popup_allmenu * {box-sizing:border-box;}
.popup_allmenu .area_title {position:relative; font-size:0; width:100%; height:96px; padding:36px 15px 20px;}
.popup_allmenu .area_title .btn_menu {box-sizing:border-box; vertical-align:bottom; width:120px; height:40px; line-height:40px; font-size:14px; text-align:center; display:inline-block; margin-right:10px;}
.popup_allmenu .area_title .btn_menu.main {border:1px solid #000; color:#000;}
.popup_allmenu .area_title .btn_menu.sub {background:#000; color:#fff;}
.popup_allmenu .area_title .btn_allmenu_close {position:absolute; cursor:pointer; top:18px; right:18px; width:20px; height:20px; background:url("../../images/common/icon_popup_allmenu_close.png") center no-repeat; background-size:100%; border:0; text-indent:-99999px;}
.popup_allmenu .area_title .login_msg {height:40px;}
.popup_allmenu .area_title .login_msg .profile {font-size:17px; line-height:1; margin-bottom:15px;}
.popup_allmenu .area_title .login_msg .profile h5 {display:inline; font-size:17px;}
.popup_allmenu .area_title .login_msg .logout {line-height:1; display:block;}
.popup_allmenu .area_title .login_msg .logout span, .popup_allmenu .area_title .login_msg .logout img {display:inline-block; vertical-align:middle;}
.popup_allmenu .area_title .login_msg .logout span {color:#666666; font-size:12px; margin-right:10px;}
.popup_allmenu .area_title .login_msg .logout img {width:6px;}
.popup_allmenu .area_quickmenu {width:100%; overflow:hidden; font-size:0; padding:20px 15px; border-top:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;}
.popup_allmenu .area_quickmenu li {width:33.3%; text-align:center; height:55px; display:inline-block; vertical-align:top; border-right:1px solid #dfdfdf;}
.popup_allmenu .area_quickmenu li a {display:block; width:100%; height:100%;}
.popup_allmenu .area_quickmenu li img {display:block; width:38px; height:36px; margin:auto; margin-bottom:8px;}													
.popup_allmenu .area_quickmenu li span {display:block; line-height:1; font-size:13px;}
.popup_allmenu .area_quickmenu li:last-child {border-right:0;}
.popup_allmenu .area_nav {width:100%; padding:30px 0;}
.popup_allmenu .area_nav li {line-height:1; font-size:16px;  font-weight:bold;  margin-bottom:38px;}
.popup_allmenu .area_nav li:last-child {margin-bottom:0;}
.popup_allmenu .area_nav li a {display:block; width:100%; height:100%; padding:0 25px;} 

@media screen and (max-width: 720px) {
	#wrap {width:100%;}
	body {background:#fff;}
	#header {max-width:100%;}
	.popup_search {max-width:100%;}
	.popup_allmenu {max-width:100%;}
}

@media screen and (max-width: 360px) {
	#header .logo {width:130px;}
}

@media screen and (max-width: 321px) {
	#header .logo {width:120px;}
	#header .btn_gnb.nv {font-size:12px; top:5px;}

}


/* main */
.area_mainbanner {width:100%; overflow:hidden; background:#000; margin-bottom:40px;}
.area_mainbanner .swiper-slide img {width:100%; height:100%;}
/*.area_mainbanner .swiper-button-prev, .area_mainbanner .swiper-button-next {width:13px; height:25px; margin-top:-12px;}*/
.area_mainbanner .swiper-button-next {background:url("../../images/main/icon_slider_next.png") center no-repeat; background-size:100%;}
.area_mainbanner .swiper-button-prev {background:url("../../images/main/icon_slider_prev.png") center no-repeat; background-size:100%;}
.area_mainbanner .swiper-pagination {color:#fff; position:absolute; color:#fff; bottom:25px; right:0; box-sizing:border-box; }
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {left:auto !important;}
.area_mainbanner .swiper-pagination-bullet {border-radius:50px; width:9px; height:9px; margin:0 4px; background:#fff; opacity:1; box-sizing:border-box;}
.area_mainbanner .swiper-pagination-bullet-active {background:#000;}
.row {width:100%; position:relative; overflow:hidden; box-sizing:border-box; padding:0 15px; margin-bottom:65px;}
.row * {box-sizing:border-box;}
.row .title {position:relative; width:100%; font-size:22px; font-weight:bold; margin-bottom:30px; line-height:1; display:block;}
.row .box {width:100%; margin-bottom:15px;}
.row .box:last-child {margin-bottom:0;}
.row .box img {width:100%;}
.best-next, .best-prev {width:35px; height:35px; margin-top:0; top:0; border:1px solid #e5e5e5; background-size:9px !important;}
.best-next {background:url("../../images/main/icon_best_next.png") center no-repeat; left:auto; right:0px;}
.best-prev {background:url("../../images/main/icon_best_prev.png") center no-repeat; left:auto;right:40px;}


.area_brandstory {position:relative; width:100%; padding:50px 0; background:url("../../images/main/bg_main_bottom.png") center no-repeat; background-size:cover; text-align:center;}
.area_brandstory img {width:200px; height:97px; margin:auto; }
.area_customer {overflow:hidden; font-size:0;}
.area_customer ul {width:100%; overflow:hidden;}
.area_customer ul li {display:inline-block; padding:10px 10px; float:left; width:50%; box-sizing:border-box; border-right:1px solid #e5e5e5;}
.area_customer ul li:last-child {border-right:0;}
.area_customer ul li em {font-style:normal; display:block; margin-bottom:4px; font-weight:bold; font-size:14px;}
.area_customer ul li span {font-size:12px; color:#338;}
.area_customer p {background:#fafafa; border-top:1px solid #e5e5e5; font-size:12px; padding:8px 0;}

/* footer */
#footer {width:100%; text-align:left; margin:auto; position:relative; overflow:hidden; border-top:1px solid #e5e5e5; padding-bottom:75px;}
#footer * {box-sizing:border-box;}
#footer .area_notice {width:100%; height:35px; font-size:0; line-height:35px; padding:0 15px; overflow:hidden;}
#footer .area_notice .title {width:50px; display:inline-block; font-size:12px;}
#footer .area_notice ul li {display:block;  height:40px;}
#footer .area_notice ul li .tit {font-size:12px; color:#000;}
#footer .area_notice ul li .tit a {display:block; width:100%;}
#footer .area_notice .swiper_notice {display:inline-block; width:calc(100% - 50px); vertical-align:top; }
#footer .area_support {width:100%; font-size:0; margin-bottom:16px;}
#footer .area_sns {width:100%; text-align:center; margin-bottom:16px;}
#footer .area_sns li {display:inline-block; margin:0 8px;}
#footer .area_sns li img {width:30px; height:30px;}
/*
#footer .area_customer {display:none; margin-bottom:8px;}
#footer .area_customer li {position:relative; display:inline-block; vertical-align:middle; font-size:12px; margin-right:10px;}
#footer .area_customer li em, #footer .area_customer li span {display:inline-block; font-style:normal;}
#footer .area_customer li em {display:block; margin-bottom:3px; font-weight:bold;}
#footer .area_customer li span {color:#888;}
#footer .area_customer li:last-child {margin-right:0;}
*/
#footer .contact {width:100%; border-top:1px solid #e5e5e5; text-align:center; line-height:1; padding:20px 0;}
#footer .contact .area_support li {position:relative; display:inline-block; font-size:12px; color:#000; margin:0 12px; font-weight:bold;}
#footer .contact .area_support li:last-child {margin-right:0;}
#footer .contact .area_support li:first-child {margin-left:0;}
#footer .contact .area_contact {width:100%; overflow:hidden; margin-bottom:15px; word-break:keep-all;}
#footer .contact .area_contact span {position:relative; font-size:12px; color:#333; line-height:15px; display:inline-block; margin:0 3px;}
#footer .contact .copyright {font-size:11px; line-height:1; color:#999; }
#footer .float_bar {width:480px; height:70px; overflow:hidden; position:fixed; bottom:0; background:#323232; z-index:20;}
#footer .float_bar li {width:25%; height:100%; float:left;}
@media screen and (max-width: 721px) {
	#footer .float_bar  {width:100%;}
}
.btn_float {display:inline-block; text-align:center; cursor:pointer; transition:.1s; width:100%; height:70px; border-right:1px solid #393939; border-top:0; border-bottom:0; box-sizing:border-box; padding-top:46px; background:#464646; background-size:22px 21px !important; color:#fff !important; font-size:14px; line-height:1;}
.btn_float:hover {color:#fff;}
.btn_float.prev {background:url("../../images/common/btn_float_prev.png") center 14px #323232 no-repeat;}
.btn_float.next {background:url("../../images/common/btn_float_next.png") center 14px #323232 no-repeat;}
.btn_float.cart {background:url("../../images/common/btn_float_cart.png?ver=1.2") center 14px #323232 no-repeat;}
.btn_float.home {background:url("../../images/common/btn_float_home.png?v=1.2") center 14px #323232 no-repeat;}
.btn_float.myoffice {background:url("../../images/common/btn_float_myoffice.png") center 14px #323232 no-repeat;}
.btn_float.shop {background:url("../../images/common/btn_float_shop.png?ver=1.1") center 14px #323232 no-repeat;}
.btn_float.track {background:url("../../images/common/btn_float_track.png?ver=1.2") center 14px #323232 no-repeat;}



/* sub_search */
#m_notice {background-color:#fafafa; color:#aaa; border-bottom:1px solid #eee; position:relative; bottom:0; left:50%; margin:0 -50%; width:100%;}
#m_notice .notice_input {overflow:hidden; font-size:0.9em; height:40px; line-height:40px; margin:0 3%; }
#m_notice .notice_input strong {display:block; font-weight:normal;}
#m_notice .notice_input strong img {position:absolute; top:0px; right:2%;}
#m_notice .notice_input a {color:#ffffff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#m_notice .hd {height:15px; background:#85cc2a;}

/* main_notice */
#mNotice {position:relative; bottom:0; left:50%; margin:0 -50%; width:100%; background:#ea617d; color:#fff;}
#mNotice .notice_input {overflow:hidden; font-size:0.95em; height:22px; margin:0 22px; padding:7px 5px 7px 18px; background:url(../../images/notice.png) no-repeat center left;}
#mNotice .notice_input strong {display:block;margin:3px 0; padding:0 5px; font-weight:bold;}
#mNotice .notice_input a {color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#mNotice .hd {height:15px; background:#85cc2a;}

.contents {width:100%; position:relative; overflow:hidden; padding:0 0px 60px 0px; min-height:300px; box-sizing:border-box; background:#fff;}
.sub_title {width:100%; box-sizing:border-box; font-size:20px; text-align:center; margin-bottom:24px; line-height:1;}
.prepare {width:100%; border:1px solid #ddd; padding:100px 0; text-align:center; color:#999; box-sizing:border-box;}


/* 서브상단 */
.sub_nav {position:relative; width:100%; overflow:hidden; padding-top:61px; margin-bottom:48px; font-weight:bold; color:#fff;}
.sub_nav .site_location {width:100%; height:29px; line-height:29px; overflow:hidden; font-size:0; text-align:left; font-weight:normal; padding:0 15px; box-sizing:border-box;}
.sub_nav .site_location li {font-size:9px;  color:#888888; display:inline-block;}
.sub_nav .site_location li:after {content:">"; margin:0 6px;}
.sub_nav .site_location li:last-child:after {display:none;}
.sub_nav .title {font-size:22px; width:100%; padding:70px 0; text-align:center; line-height:1; display:block;}
.sub_nav.shop .title {background:url("../../images/sub/bg_sub_shop.png") center no-repeat; background-size:cover;}
.sub_nav.customer .title {background:url("../../images/sub/bg_sub_customer.png") center no-repeat; background-size:cover;}
.sub_nav.member .title {background:url("../../images/sub/bg_sub_member.png") center no-repeat; background-size:cover;}
.sub_nav.company .title {background:url("../../images/sub/bg_sub_company.png") center no-repeat; background-size:cover;}
.sub_nav.myoffice .title {background:url("../../images/sub/bg_sub_myoffice.png") center no-repeat; background-size:cover;}
.sub_nav.branch .title {background:url("../../images/sub/bg_sub_branch.png") center no-repeat; background-size:cover;}
.sub_nav.history .title {background:url("../../images/sub/bg_sub_history.png") center no-repeat; background-size:cover;}
.sub_nav.terms .title {background:url("../../images/sub/bg_sub_member.png") center no-repeat; background-size:cover;}
.sub_nav .list_wrap {width:100%; height:42px; line-height:42px; font-weight:normal; font-size:0; border-bottom:1px solid #dfdfdf;  white-space:nowrap; overflow:hidden; }
.sub_nav .list {width:100%; height:60px; overflow-x:auto; text-align:left;}
.sub_nav .list li {position:relative; display:inline-block;  color:#888; font-size:14px;}
.sub_nav .list li a {display:block; padding:0 25px;}
.sub_nav .list li.on {color:#000;}
.sub_nav .list li.on:before {background:#000; width:100%; height:2px; content:""; position:absolute; bottom:-1px; z-index:1000; left:0;}



/* 쇼핑몰 */
.area_shop .shop_list {width:100%; text-align:left; font-size:0;}
.area_shop .shop_list * {}
.area_shop .column {width:100%; padding:0px 10px; box-sizing:border-box;}
.area_shop .item {display:inline-block; vertical-align:top; width:calc(50% - 10px); box-sizing:border-box; margin-right:20px; margin-bottom:25px; text-align:left;}
.area_shop .item:nth-child(2n) {margin-right:0;}
.area_shop .item .thumb {width:100%;  margin-bottom:15px;}
.area_shop .item .thumb img {width:100%; height:100%;}
.area_shop .item .info {padding:0; font-size:14px;}
.area_shop .item .info .pr-name {font-size:14px; line-height:20px; margin-bottom:12px; color:#333; display:block; font-weight:normal;}
.area_shop .item .info .pr-price {width:100%; overflow:hidden; line-height:1; font-weight:bold;}
.area_shop .item .info .pr-price li {display:inline-block; font-size:14px; color:#000;}
.area_shop .item .info .pr-price li.s-price {display:block; text-decoration:line-through; margin-bottom:5px; color:#aaa; font-weight:500; font-size:11px;}
.area_shop .item .info .pr-price li.pv {color:#909090; margin-left:6px;}
.area_shop .item .info .amount {overflow:hidden; width:96px; margin:auto; text-align:center; padding-top:20px; padding-bottom:5px;}
.area_shop .item .info .amount .textQuantity {width:44px; text-align:center;}
.area_shop .item .info .function {width:100%; overflow:hidden; padding-top:15px;}
.area_shop .item .info .function .btn_func {transition:.2s; background:#fff; border:1px solid #e4e4e4; color:#222; font-weight:500; height:35px; line-height:35px; text-align:center; font-size:12px; float:left; display:inline-block; width:50%; box-sizing:border-box;}
.area_shop .item .info .function .btn_func:nth-child(1) {border-right:0;}
.area_shop .item .info .function .btn_func:active {background:#222; color:#fff;}


.area_shop .item .info .review_wrap {position:relative; width:100%; overflow:hidden; padding-top:13px; margin-top:15px; border-top:1px solid #e5e5e5;}
.area_shop .item .info .review_wrap .cont {width:calc(100% - 65px); float:left;}
.area_shop .item .info .review_wrap .cont .review_star {width:100%; overflow:hidden; margin-bottom:10px; font-size:0;}
.area_shop .item .info .review_wrap .cont .review_star div {display:inline-block; vertical-align:top; margin-right:1px; background:url("../../images/main/icon_review.png") center no-repeat; background-size:100%; width:11px; height:11px;}
.area_shop .item .info .review_wrap .cont .review_tit, .area_shop .item .info .review_wrap .cont .review_txt {font-size:12px; font-weight:normal; line-height:16px; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; overflow:hidden; text-overflow:ellipsis; margin-bottom:4px;}
.area_shop .item .info .review_wrap .cont .review_tit {font-size:13px; margin-bottom:6px;}
.area_shop .item .info .review_wrap .cont .review_txt {color:#888;}
.area_shop .item .info .review_wrap .cont .review_author {width:100%;}
.area_shop .item .info .review_wrap .cont .review_author li {display:inline-block; font-size:12px; margin-right:5px; padding-right:0; color:#888;}
.area_shop .item .info .review_wrap .thumb {width:55px; height:55px; float:right;}
.area_shop .item .info .review_wrap .thumb img {width:100%; height:100%;}



/* shoppingTitle */
.shoppingTitle {border-bottom:1px solid #eee; text-align:left; padding:15px 20px; background:#fff;}
.shoppingTitle li.Bmenu {font-size:1.7em; color:#000; font-weight:bold;}
.shoppingTitle li.Smenu {color:#9fb9d4;}


/* shoppingPrice */
.shoppingPrc { margin:0 auto;}
.shoppingPrc.section {border:0; padding:0; position:relative; overflow:hidden;}
.shoppingPrc .detail-thumb {width:100%; height:100%; margin-bottom:20px;}
.shoppingPrc .detail-thumb img {width:100%; height:100%;}
.shoppingPrc .list {list-style:none; margin:0 auto; width:100%; padding:0 15px; box-sizing:border-box; }
.shoppingPrc .list { overflow: hidden; text-overflow: ellipsis; }
.shoppingPrc .list li img { vertical-align:middle }
.shoppingPrc .list li a {color:#7b7b7b;}
/* .shoppingPrc .list li{ position:relative; padding:0 10px 5px 7px; text-align:justify; line-height:18px; background:url(../images/icon_list.gif) no-repeat 0 7px;} */
.shoppingPrc .list li{position:relative; font-size:15px; text-align:justify; margin-bottom:10px; display:block; overflow:hidden; }
.shoppingPrc .list li * {}
.shoppingPrc .list li select {background:#fff; height:24px; border:1px solid #ddd;}
.shoppingPrc .list li span {float:right;}
.shoppingPrc .list li span.listPrc {color:#c60000; font-weight:bold;}
.shoppingPrc .list li span.listPv {color:#ea00ea; font-weight:bold;}
.shoppingPrc .list li span.s_price {color:#aaa; text-decoration:line-through;}
.shoppingPrc .list li .review_point li {margin-bottom:0; text-align:left; display:inline-block; font-size:0;}
.shoppingPrc .list li .review_point {top:-2px; width:60px; height:12px; margin-right:10px; background-size:12px !important;}
.shoppingPrc .list li .review_point .point {background-size:12px;}
.shoppingPrc .list li .review_point li {margin-right:4px;}
.shoppingPrc .list li .review_point li:last-child {margin-right:0;}
.shoppingPrc .list li .review_point li img {width:12px;}
.shoppingPrc .detail-title {color:#000; line-height:1.5; padding:20px 15px; text-align:center; box-sizing:border-box; background:#f4f4f4; margin-bottom:25px; font-size:20px; font-weight:bold; letter-spacing:-1px;}
.shoppingPrc .detail-txt {color:#7f7f7f; font-size:15px; line-height:1.5; padding:0 20px; margin-bottom:20px;}
.shoppingPrc .list input[type='number'] {border:1px solid #ddd; width:50px; height:30px;}
.textQuantity {box-sizing:border-box; float:left; height:26px !important; line-height:24px; border:1px solid #dddddd !important;}
.quantity {float:left; cursor:pointer; font-weight:normal; width:26px; line-height:24px; font-size:14px; height:26px; background:#fff; border:1px solid #dddddd;}
.quantity.addnum {border-right:0;}
.quantity.decnum {border-left:0;}
.btn_shop {height:50px; line-height:50px; display:inline-block; text-align:center; font-size:16px; box-sizing:border-box;}
.btn_shop.btn_purchase {width:calc(50% - 30px); background:#222; color:#fff;}
.btn_shop.btn_cart {width:calc(50% - 30px); background:#fff; border:1px solid #484848; color:#484848;}
.btn_shop.btn_wish {width:50px; margin-left:10px; border:1px solid #484848; text-indent:-99999px; background:url("../../images/sub/btn_fav.png") center no-repeat;}



.shoppingPrc .items {font-size:0;}																							 
.shoppingPrc .items li.item {font-size:15px; box-sizing:border-box; position:relative; width:50%; display:inline-block; vertical-align:top; padding:3%; border:1px solid #ececec; border-right:0; border-top:0;}
.shoppingPrc .items li.item * {box-sizing:border-box;}


.shoppingPrc .items li.item:last-child {border-right:1px solid #ececec;}
.shoppingPrc .items .item .thumb-img {width:100%; margin-bottom:15px; text-align:center;}
.shoppingPrc .items .item .thumb-img img {width:150px; height:150px;}
.shoppingPrc .items .item .pr-info .pr-title {display:block; width:100%; height:40px; font-weight:bold; overflow:hidden; text-align:center; color:#000;}
.shoppingPrc .items .item .pr-info li {margin-bottom:3px; display:block; overflow:hidden; height:auto;}
.shoppingPrc .items .item .pr-info li span {display:inline-block;}
.shoppingPrc .items .item .pr-info li span.tit {float:left;}
.shoppingPrc .items .item .pr-info li span.txt {float:right;}
.shoppingPrc .items .item .pr-info li span.txt input[type='number'] {border:1px solid #ddd; height:30px;}
.shoppingPrc .items .item .pr-info li.icon {height:auto; margin-bottom:10px; font-size:0; text-align:center;}
.shoppingPrc .items .item .pr-info li.icon img {max-height:20px;}
.shoppingPrc .btn_area {text-align:center;}
.shoppingPrc .btnShop {display:inline-block; height:35px !important; line-height:35px !important; width:48%; font-size:.85em;  border-radius:10px;}
.shoppingPrc .btnShop.btnMain {background:#29bc34; border:1px solid #29bc34; color:#fff; font-weight:bold;}
.shoppingPrc .btnShop.btnSub {background:#fff; border:1px solid #ccc; margin-right:5px;}
.shoppingPrc .btn_area.category_detail .btnShop {padding:9px 26px; line-height:1.5 !important; height:auto !important; margin:0 4px; width:auto; font-size:1.2em;}
.shoppingPrc .items .checkbox {position:absolute;}
.shoppingPrc .items .pname {position:absolute; padding-bottom:10px; margin:-2px 0 0 20px; font-weight:bold;}
.shoppingPrc .items .prcInfo {margin-left:130px; padding-top:20px; line-height:1.8em;}
.shoppingPrc .card {position:relative;}
.shoppingPrc .items .prcInfo ul li {overflow:hidden;}
.shoppingPrc .items .prcInfo .tit {float:left;}
.shoppingPrc .items .prcInfo .txt {float:right;}

.shoppingPrc .items .noitem {height:60px; text-align:center;}

.shoppingPrc .items.mypage {margin-bottom:30px;}
.shoppingPrc .items.mypage li {width:100%; margin-right:0;}
.shoppingPrc .items.mypage .item .thumb-img {float:left; width:100px; padding:3px;}
.shoppingPrc .items.mypage .item .pr-info {margin-left:120px;}
.shoppingPrc .items.mypage .item:last-child {margin-bottom:0 !important;}
.shoppingPrc .items.mypage .pr-title {font-size:.95rem; padding-top:6px; display:inline-block; float:left; width:60%;}
.shoppingPrc .items.mypage .pr-title:after {clear:both; height:0; overflow:hidden;}
.shoppingPrc .items.mypage .item .thumb-img img	{width:100%; height:auto;}


.totalInfo {position:relative; margin-bottom:30px;}
.totalInfo li {font-weight:bold; line-height:40px; padding-left:15px; border-bottom:1px dotted #d3d3d3;}
.totalInfo li:last-child {border-bottom:1px solid #d3d3d3; background-color:#fff;}
.totalInfo li:last-child .txt {color:#d30000; font-size:1.2em; font-weight:bold;}
.totalInfo li .tit {text-align:left; text-indent:15px;}
.totalInfo li .txt {font-size:15px; float:right; }

.shoppingPrc .total-price { line-height:1;  overflow:hidden;border-top:1px solid #e1e1e1; margin-top:25px; margin-bottom:30px; padding-top:20px; }
.shoppingPrc .total-price h5 {font-size:20px; float:left; color:#333; font-weight:400; position:relative; top:1px;}
.shoppingPrc .total-price .origin_price {float:right; font-size:20px; color:#000; font-weight:700; font-style:normal;}


/* shopping tabmenu */
.tab_menu {width:100%; padding:0 15px; box-sizing:border-box; margin:auto; overflow:hidden; }
.tab_menu li {box-sizing:border-box; cursor:pointer; position:relative; display:inline-block; width:25%; height:46px; line-height:46px; background:#f4f4f4; text-align:center; float:left; font-size:13px; color:#292726; font-family:"nanumsquareotf";}
.tab_menu li.on {background:#222; color:#fff;}
.tab_menu li a {display:block; width:100%; height:100%;}


.view_sore {padding:30px 15px; min-height:200px;}
.pr_info_table {width:100%; font-size:14px; }
.pr_info_table th {padding:15px 10px; line-height:1.4; color:#000; text-align:left; font-weight:normal; background:#fff; border:1px solid #ddd;}
.pr_info_table td {padding:15px 10px; border:1px solid #ddd; color:#555;}

.tabs {width:100%; height:50px; line-height:50px; margin-bottom:30px; text-align:center; font-size:0; color:#fff; background:#000;}
.tabs li {font-size:15px; display:inline-block; margin:0 20px;}
.tabs li.on {font-weight:bold;}

/* m_contents */ 
#contents {position:relative; overflow:hidden; width:100%; margin:0 auto; background:#fff; text-align:center;}


/* navbar */
#navbar {overflow:hidden; width:100%; margin:0 auto; box-sizing:border-box; }
#navbar:after {display:block; clear:both; content:'';}
#navbar>ul>li {color:#292929;}
#navbar li {box-sizing:border-box; color:#292929; text-align:center; font-size:16px;  display:block; font-weight:normal; background:#fff; border-bottom:1px solid #ededed;}
#navbar li:nth-child(even) {background:#fdfdfd;}
#navbar li:last-child {margin-bottom:0; border-bottom:0;}
#navbar>ul>li>a {display:block; width:100%; height:100%; padding:24px 30px; letter-spacing:2px; box-sizing:border-box;}
#navbar img {display:none; position:relative; top:-1px;padding-right:10px; width:18px;}

/* progress */
.progress{overflow:hidden; height:50px; background:url(../../images/bg_progress.jpg?v=1.01); font-size:0.875em; line-height:40px; letter-spacing:-1px;}
.progress ol{float:left; margin:0; padding:0;}
.progress li,.progress li span{background:url(../../images/bg_progress_item.png?v=1.2) no-repeat; white-space:nowrap;}
.progress li{float:left; margin:0 0 0 -12px; padding:0 0 0 20px; background-position:-287px 0;}
.progress li span{display:inline-block; height:44px; padding:5px 25px 0 10px; background-position:100% top;}
.progress li.on{position:relative; z-index:10; background-position:0 100%; color:#fff; font-weight:bold; margin:1px 0 0 -20px;}
.progress li.on span{background:url(../../images/bg_progress_item.png?v=1.0) no-repeat 100% 100%;}
.progress li.last,.progress li.last span{background:none;}
.progress .right{position:absolute; top:6px; right:10px; color:#494949;}


.mprogress{overflow:hidden; height:49px; background:url(../../images/bg_progress.jpg); font-size:0.875em; line-height:16px; letter-spacing:-1px;}
.mprogress ol{float:left; margin:0; padding:0;}
.mprogress li,.mprogress li div{background:url(../../images/bg_progress_item.png) no-repeat; white-space:nowrap;}
.mprogress li{float:left; margin:0 0 0 -12px; padding:0 0 0 17px; background-position:-287px 0;}
.mprogress li div{display:inline-block; height:45px; padding:5px 30px 0 10px; background-position:100% top;}
.mprogress li.on{position:relative; z-index:10; background-position:0 100%; color:#fff; font-weight:bold; margin-left:-20px;}
.mprogress li.on div{background:url(../../images/bg_progress_item.png) no-repeat 100% 100%;}
.mprogress li div span{float:left; padding-top:3px;}



/* pageTitle */
.pageTitle {font-size:0.9em; background:#fff; border:1px solid #eee; border-left:0; border-right:0; font-family:NanumGothic; -webkit-text-size-adjust:75%; -moz-text-size-adjust:160%; -ms-text-size-adjust:160%;}
.pageTitle .leftTitle {padding:0 3%; height:35px; line-height:35px; color:#666;}
select {height:35px; background:#fff; border:1px solid #ddd; border-radius:0px;}


/* sub */
.subTitle {font-size:1.2em; color:#000; font-weight:bold;}
.boardTitle {font-size:1.4em; color:#000; font-weight:bold; height:60px; line-height:60px; padding:0 15px; box-sizing:border-box; border-bottom:1px solid #e4e4e4;}
.s01 {background:#fff; position:relative; padding:0px 0px 40px 0px;}
.s01 dd {font-size:1em;}
/*.s01 span {color:#c60000;}*/
.s01 p {color:#333; font-size:0.9em;}
.s01 p.fontB {color:#494949;}
.s01 .btn {margin:0 auto;}
.s01 table, .basic {border-collapse:collapse; width:100%; border:none;}
.s01 td, .s01 th, .basic td, .basic th {border:1px solid #eee; padding:6px 0; line-height:140%;}
.s01 thead, .basic thead {border-top:1px solid #333;}
.s01 thead th, .basic thead th {background-color:#fff; color:#000; padding:1.5% 0;}
.s01 thead td, .basic thead td {padding-left:1.5%;}
.s01 tbody, .basic tbody {background-color:#ffffff; text-align:center;}
.s01 tbody td, .basic tbody td {padding:3% 0;}
.s01 .style {padding:2px 0; margin:4px 0; font-size:0.9em;}
.s01 tfoot tr, .basic tfoot tr {background-color:#f3f3f3; border-top:2px solid #0390d4; border-bottom:1px solid #d3d3d3;}
.s01 tfoot td, .basic tfoot td {padding:18px 6%;}
.text_centerinfo {width:100%; border:5px solid #f6f6f6; box-sizing:border-box; letter-spacing:-1px; padding:60px 20px; text-align:center; font-size:16px; color:#555; line-height:30px; word-break:keep-all;}
.text_centerinfo strong {font-weight:bold; font-size:28px; color:#000; position:relative; margin-bottom:40px; display:block;}
.text_centerinfo strong:before {position:absolute; content:""; width:30px; height:1px; background:#999; bottom:-22px; left:0; right:0; margin:auto;}




/* sub Tab */
.tab {position:relative; margin:0 auto;}
.tabMenu {height:42px; border-bottom:2px solid #510303;}
.tabMenu li {float:left; position:relative; margin-left:-1px; display:block; width:19.9%; height:40px; text-align:center; font-size:14px; font-weight:bold; border:1px solid #d9d9d9; border-bottom:0; background:#fff;}
.tabMenu li a {position:absolute; left:0; top:0; display:block; width:100%; height:24px; padding-top:13px; border-bottom:0;}
.tabMenu li.active a {width:100%; padding-bottom:1px; border-bottom:0; background:#510303; font-weight:bold; height:28px; color:#ffffff;}
.tab-cont {clear:both; width:100%; border-top:0; line-height:140%;}
.nmargin {border:0 !important; margin:0 auto !important;}



/* joinStep */
.joinStep .txt1, .s01 .txt1 {font-weight:bold; color:#494949; font-size:1em;}

.joinStep2 {margin:10px 0px 0;}
.joinStep2 .jBox {background-color:#fff; border:1px solid #999; border-radius:0.5em 0.5em 0.5em 0.5em; font-size:12px; padding:10px; margin:15px 0; line-height:20px; -webkit-text-size-adjust:75%; -moz-text-size-adjust:160%; -ms-text-size-adjust:160%;}
.joinStep2 .comment {margin-top:30px; color:#a2a2a2; font-size:0.9em; line-height:19px;}


.joinStep2 {margin:27px -10px 0;}
.jList2 dt {background-color:#fafafa; border-bottom:1px solid #cacaca; border-top:1px solid #cacaca;}
.jList2 dt .joinBg{border-bottom:1px solid #eff1fa; border-top:1px solid #fdfdfd; padding:13px 12px 13px;}
.jList2 dt .joinBg:after {clear:both; display:block; content:"";}
.jList2 dt strong {float:left; font-weight:bold; margin-top:11px;}
.jList2 dt .bType01 {float:right; margin:-5px -4px -3px 0;}
.bType01 a {color:#666666; display:block; height:25px; padding:6px 12px 0 9px; text-decoration:none;}
.jList2 dd {padding:10px 10px 8px; text-align:right;}
.joinStep2 label {cursor:pointer;}
.ic {vertical-align:-2px; margin-right:2px;}
.agree {border-top:1px solid #ccc; padding:15px 10px 0;}
.joinStep2 .txt .fChk {display:block; float:left; padding-top:2px;}
.joinStep2 .txt .tx {display:block; padding:0 0 0 20px;}
.btn02 {cursor:hand; display:block; font-size:0.9em; width:83px; height:30px; text-indent:-2px; border:0; background:url(/m/images/btn.png) no-repeat; color:#ffffff; font-weight:bold;}


/* postSearch */
.postSearch .txt1 {font-weight:bold; padding:0 0 0 5px;}
.postSearch .txt2 {padding-top:10px; font-size:12px; color:#919191}

.postSearch #postList li {list-style:none; padding:10px 0; border-bottom:1px solid #cacaca;}
.postSearch #postList li .t1 {color:#919191; padding-left:5px;}
.postSearch #postList li .t2 {margin-top:5px;}


.postSearch .postList li {list-style:none; padding:10px 0; border-bottom:1px solid #cacaca;}
.postSearch .postList li .t1 {color:#919191; padding-left:5px;}
.postSearch .postList li .t2 {margin-top:5px;}


.btn_list {padding:0 4%;}
.btn_list li {float:left; width:20%; background:url(/images/btn02.png) no-repeat 7px 0px; height:52px; text-align:center;}
.btn_list li a {color:#ffffff; font-weight:bold;}

/* paging */
.paging {padding:30px 0; text-align:center;}
.paging strong {color:#494949; margin:0 20px;}
/*
.paging a, .paging strong {display:inline-block; line-height:10px; padding:4px 6px;}
*/

/* input */
.input_in {display:block; margin:0 auto; padding:5px 0; width:100%;}
.input_in:before,.input_in:after{position:absolute; top:0; left:0; content:''}
.input_in:after{right:0; left:auto;}
/*
.input01{width:90%; padding:2px 0; font-size:0.9em;}
*/

/* login */
#login {padding:0 4%;}


#login .loginBox {position:relative;overflow:hidden;}
#login .loginBox p {margin-bottom:10px;}
#login .login_btn {display:inline-block;position:absolute;top:0px;right:0px;}
#login .login_btn .button {border-radius:10px;}


.loginCopy {padding:20px 0;}
.loginCopy p {color:#5b5b5b;}

.text_login {transition:.3s; box-sizing:border-box; font-size:16px; width:100%; height:50px; background:#f4f4f4; border:0; padding:0 15px; line-height:50px; margin-bottom:10px;}
.text_login:focus {outline:none; border-bottom:1px solid #333; color:#000; background:#fff;}
.btn_login {box-sizing:border-box; display:block; width:100%; height:56px; line-height:56px; text-align:center; background:#000; font-size:16px; font-weight:600; margin-top:20px;}

.login_bottom {width:100%; font-size:0; text-align:center; padding-top:20px;}
.login_bottom li {color:#777777; font-size:16px; display:inline-block;}
.login_bottom .line {display:inline-block; width:1px; height:14px; background:#eee; margin:0 10px;}

#login .row {display:table;width:100%; margin:0 0 10px; padding-right:20px;}
#login .row:last-child{margin:0} 

#login .row .cell {display:table-cell;vertical-align:top;}
#login .row .cell .term {width:5px;}
#login .row .cell .txt{display:inline-block;position:relative;top:8px;font-size:13px;color:#1B1B1B} 


/* foot */
#foot {line-height:1.4; box-sizing:border-box; position:relative; word-break:keep-all; text-align:center;  padding:12px 0px; background:#858585; font-size:0.8em; color:#eaeaea;}
#foot p { letter-spacing:-1px;}
#foot .contact strong { font-weight:bold; display:block;}
#foot .contact span {display:inline-block; margin:0 4px;}
.foot_menu {position:relative; text-align:center; padding:10px 0; background:#606060;}
.foot_menu p, .foot_menu p a {font-size:0.9em; color:#fff; line-height:16px;}

/* copyright */
#copyright {margin:2% 0 2% 0 ; font-size:0.875em; color:#696969; font-family:NanumGothic; -webkit-text-size-adjust:75%; -moz-text-size-adjust:160%; -ms-text-size-adjust:160%;}
#copyright .copyright {border-top:1px solid #e7e7e7;}
#copyright .copyright p{padding-left:4%;}
.copyrightR {position:absolute; right:5px; top:10px;}


/* footer_menu */
#footer_menu {left:0; position:fixed; bottom:0; width:100%; background-color:#fff; z-index:999;}
#footer_menu li { width:25%; float:left; border-top:1px solid #cdcdcd; font-size:0.85em; color:#666; padding:5px 0; text-align:center;}
#footer_menu li span {display:block; margin-top:5px;}
#footer_menu li img {width:100%; max-width:30px;}


/* button */
.btnPrev {display:block; font-size:0.8em; width:50px; height:66px; text-indent:8px; border:0; background:url(../../images/btn_prev.png?v=1.7) no-repeat; color:#444; font-weight:bold; }
.btnHome {display:block; font-size:0.8em; width:50px; height:66px; text-indent:-2px; border:0; background:url(../../images/btn_home.png?v=1.7) no-repeat; color:#ffffff; font-weight:bold;}
.btn {cursor:hand; display:block; font-size:0.9em; width:83px; height:30px; text-indent:-2px; border:0; background:url(../../images/btn.png) no-repeat; color:#ffffff; font-weight:bold;}

.prcBtn {overflow:hidden;}
.prcBtn ul {width:100%;}
.prcBtn ul li {display:inline-block; margin:0 1%;}

/* line */
.line_r {border-right:1px solid #0071a3;}
.line_l {border-left:1px solid #65bde9;}
.line_t {border-top:1px solid #65bde9;}
.line_b {border-bottom:1px solid #0071a3;}

.line_rl {border-right:1px solid #0071a3; border-left:1px solid #65bde9;}
.line_tb {border-bottom:1px solid #0071a3; border-top:1px solid #65bde9;}


/* terms */
.m05, .m06 {text-align:left; font-size:12px; line-height:22px; color:#686868;}
.m05 h2, .m06 h2 {color:#444547; font-size:18px; font-weight:bold; margin:35px 0 20px; padding-bottom:20px; border-bottom:3px solid #000;}
.m05 h3, .m06 h3 {color:#444547; font-size:14px; padding:25px 0 15px; font-weight:bold;}
.m05 .group, .m06 .group {border-bottom:1px solid #c6c6c6; overflow:hidden; padding:0 0 20px 15px;}
.m05 span {font-size:12px; color:#a3a3a3; line-height:20px;}

.m05 ol {margin-left:13px;}
.m05 ol li {list-style-type:decimal; line-height:22px;}

.m06 ol {margin-left:20px; margin-top:10px;}
.m06 ol li {list-style-type:decimal; line-height:22px; color:#a3a3a3;}
.m06 span p {font-size:12px; color:#a3a3a3; line-height:22px; margin-left:13px;}
.hr {height:15px;}
.s_hd {padding:10px 10px 10px; background:#000; color:#ddd; font-size:15px;}


/* padding */
.pl10 {padding-left:10px;}
.pr10 {padding-right:10px;}
.pt10 {padding-top:10px;}
.pb10 {padding-bottom:10px;}

.pt20 {padding-top:20px;}
.pb20 {padding-bottom:20px;}

.pt40 {padding-top:40px;}
.pb40 {padding-bottom:40px;}

/* margin */
.mb20 {margin-top:20px;}
.mt20 {margin-bottom:20px;}
.ml04 {margin:0 20px;}

.right {float:right;}

.fontR {color:#000; font-weight:bold;}
.fontPv {color:#909090;}
.fontPv2 {color:#909090;}
.fontB {color:#d30000;}


/* sub_search */
#m_notice {background-color:#000; color:#fff; border-bottom:1px solid #eee; position:relative; bottom:0; left:50%; margin:0 -50% 0px; width:100%;}
#m_notice .notice_input {overflow:hidden; font-size:0.9em; height:35px; line-height:35px; margin:0 25px; }
#m_notice .notice_input strong {display:block; font-weight:normal;}
#m_notice .notice_input strong img {position:absolute; top:-1px; right:2%;}
#m_notice .notice_input a {color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#m_notice .notice_input input[type='text'] {color:#fff;}
#m_notice .hd {height:15px; background:#85cc2a;}

/* main_notice */
#mNotice {position:relative; bottom:0; left:50%; margin:0 -50%; width:100%; background:#000; color:#fff;}
#mNotice .notice_input {overflow:hidden; font-size:0.95em; height:22px; margin:0 22px; padding:7px 5px 7px 18px; background:url(../../images/notice.png) no-repeat center left;}
#mNotice .notice_input strong {display:block;margin:3px 0; padding:0 5px; font-weight:bold;}
#mNotice .notice_input a {color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#mNotice .hd {height:15px; background:#85cc2a;}

.list_certify {width:100%; position:relative; padding:0 20px; box-sizing:border-box;}
.list_certify li {width:100%; display:inline-block; vertical-align:top; margin-bottom:20px; border:1px solid #eee;}
.list_certify li:nth-child(even) {margin-right:0%;}
.list_certify li img {width:100%;}


/* company 
.company {width:100%; padding:30px 15px; box-sizing:border-box; text-align:center;}
.company .title {border:5px solid #000; padding:20px 20px 16px 20px; border-radius:0px 30px 0px 30px; margin-bottom:25px;}
.company .title h2, .company .title h3 {margin:0; padding:0;}
.company .title h3 {font-size:18px; font-weight:normal; word-break:keep-all;}
.company .title img {width:160px; margin:auto; margin-bottom:15px;}
.company .txt {text-align:left; font-size:15px; line-height:1.5; word-break:keep-all; color:#333;}
.company h4 {font-size:18px; margin-top:30px; padding-top:30px; border-top:1px solid #eee; width:100%;}
*/
.table_form {width:100%; border-collapse:collapse;}
.table_form th, .table_form td {border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:15px; padding:10px;}
.table_form th {font-weight:normal; color:#000;}
.table_form td {color:#666;}
.table_form.vertical th, .table_form.vertical td {padding:15px 0; text-align:left;}


.shop_title {font-size:24px; letter-spacing:1px; text-align:center; padding-bottom:20px; border-bottom:1px solid #ddd; margin-top:20px;}



.area_ceo {position:relative; width:100%;}
.area_ceo * {box-sizing:border-box; margin:0; padding:0;}
.area_ceo img {width:100%;}
.area_ceo .top {margin-bottom:40px;}
.area_ceo .cont {position:relative; width:100%; padding:0 15px;}
.area_ceo .cont img {margin-bottom:30px;}
.area_ceo .cont .txt_wrap .txt {word-break:keep-all; font-size:15px; line-height:1.55; margin-bottom:40px;}
.area_ceo .cont .txt_wrap .sign {width:100%;}
.area_ceo .cont .txt_wrap .sign * {display:inline-block; vertical-align:middle;}
.area_ceo .cont .txt_wrap .sign span {display:block; margin-bottom:20px;font-size:15px;}
.area_ceo .cont .txt_wrap .sign span b {font-size:22px;}
.area_ceo .cont .txt_wrap .sign .sign-img {position:relative; width:200px; display:block;}

.area_history {width:calc(100% - 30px); margin:auto; border-top:2px solid #000; position:relative;}
.area_history * {box-sizing:border-box;}
.area_history .history {width:100%; display:block; border-bottom:1px solid #dfdfdf; padding:26px 0px 26px 74px; position:relative; overflow:hidden;}
.area_history .history .year {position:absolute; left:0; top:26px; line-height:1; font-style:normal; color:#013a63; font-weight:bold; font-size:17px;}
.area_history .history .list {width:100%; font-size:0;}
.area_history .history .list li {display:block; width:100%; margin-bottom:9px;}
.area_history .history .list li:last-child {margin-bottom:0;}
.area_history .history .list .month {font-weight:bold; color:#0e6f94; font-size:14px; width:28px;}
.area_history .history .list .month, .area_history .history .list .txt_list {display:inline-block; vertical-align:top;}
.area_history .history .list .txt_list {width:calc(100% - 58px);}
.area_history .history .list .txt_list li {width:100%; display:block; margin-bottom:6px; font-size:12px; line-height:17px;}
.area_history .history .list .txt_list li:last-child {margin-bottom:0;}
.area_history .history .list .txt_list li a {color:#666; font-weight:500; border:1px solid #ddd; padding:2px 0px; width:81px; text-align:center; display:block; font-size:11px; margin-top:5px; margin-bottom:10px;}
.area_history .history .list .txt_list img {display:block; width:120px; margin:10px 0; border:1px solid #eee;}
.area_history .history:last-child {margin-bottom:0;}



.area_history_v2 {position:relative; width:100%; text-align:left; padding:0 15px; box-sizing:border-box;}
.area_history_v2 * {box-sizing:border-box;}
.area_history_v2 .year {font-weight:bold; font-size:20px; color:#fff; display:block; text-align:center; background:#2a2a2a; border-radius:30px; width:96px; height:35px; line-height:35px;}
.area_history_v2 .history_list {position:relative; width:100%; overflow:hidden; padding:58px 0;}
.area_history_v2 .history_list:after {position:absolute; top:0; left:48px; width:1px; height:100%; content:""; background:#cccccc;}
.area_history_v2 .history_list .history {position:relative; width:100%; padding-left:75px; display:block; margin-bottom:40px;}
.area_history_v2 .history_list .history .month {position:absolute; top:0; left:0; font-size:16px; color:#0e345d; font-weight:bold; padding-right:24px;}
.area_history_v2 .history_list .history .month:before, .area_history_v2 .history_list .history .month:after {box-sizing:border-box; position:absolute; content:""; z-index:10;}
.area_history_v2 .history_list .history .month:before {width:26px; height:1px; background:#777; right:0px; top:50%;}
.area_history_v2 .history_list .history .month:after {width:12px; height:12px; border-radius:12px; right:-9px; top:5px; background:#fff; border:4px solid #0e345d;}
.area_history_v2 .history_list .history .txt_list {padding-right:92px;}
.area_history_v2 .history_list .history .txt_list li {display:block; width:100%; margin-bottom:20px; font-size:14px; color:#424242; line-height:20px; word-break:keep-all;}
.area_history_v2 .history_list .history .txt_list li:first-child p {padding-top:1px;}
.area_history_v2 .history_list .history .txt_list li p {display:block; margin-bottom:4px;}
.area_history_v2 .history_list .history .txt_list li p:before {content:"·"; margin-right:5px;}
.area_history_v2 .history_list .history .txt_list li img {border:1px solid #eee; padding:5px; margin-top:10px; max-width:150px;}
.area_history_v2 .history_list .history .txt_list li a {color:#666; font-weight:500; border:1px solid #ddd; position:relative; top:-1px; display:block; font-size:14px; width:100px; text-align:center; height:32px; margin-top:2px; line-height:30px;}



/* 레이어팝업 */
.popup_layer {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); z-index:9999;}
.popup_layer * {box-sizing:border-box;}
.popup_layer .popup_wrap {display:table; width:100%; height:100%; vertical-align:middle;}
.popup_layer .popup_wrap .popup {display:table-cell; vertical-align:middle;}
.popup_layer .popup_container {position:relative; overflow:hidden; margin:auto; background:#fff;}
.popup_layer .popup_title {width:100%; height:50px; line-height:50px; padding-left:15px; padding-right:0px; overflow:hidden; font-weight:normal; text-align:center; color:#fff; background:#242424; }
.popup_layer .popup_title .title {font-size:16px; display:inline-block; float:left;}
.popup_layer .popup_title .txt {font-size:13px; display:inline-block; margin-left:15px; opacity:.75;}
.popup_layer .popup_title .btn_popup_close {float:right; border:0; width:50px; height:50px; text-indent:-99999px; background:url("../../images/common/btn_popup_close.png") center no-repeat; background-size:18px;}
.popup_layer .popup_content {position:relative; width:100%; }
.popup_layer .popup_content .form {padding:10px;}
.popup_layer .popup_content .form dt, .popup_layer .popup_content .form dd {position:relative; display:block; width:100%; overflow:hidden; font-size:14px;}
.popup_layer .popup_content .form dt {font-weight:bold; margin-bottom:7px;}
.popup_layer .popup_content .form dd {margin-bottom:15px;}
.popup_layer .popup_content .form .text_form {width:100%; height:40px; line-height:40px; border:1px solid #ddd; color:#333; padding:0 15px;}
.popup_layer .popup_content .form .text_form:focus {border-color:#666;}
.popup_layer .popup_content .form select {width:100%; height:40px; border:1px solid #ddd; color:#333; padding-left:15px;}
.popup_layer .popup_content .form dd:last-child {margin-bottom:0;}



/* 회원가입 */
.div_wrap {overflow:hidden; max-width:360px;}
.wrap_joinstep {width:100%; box-sizing:border-box; padding:0 30px; overflow:hidden; margin:auto;}
.wrap_joinstep * {box-sizing:border-box;}
.wrap_joinstep .area_joinstep {width:100%; line-height:1; margin-bottom:21px; background:#fff; text-align:center; padding:27px 25px;  display:inline-block; vertical-align:top; border:1px solid #bfc0c0;}
.wrap_joinstep .area_joinstep .icon {display:block; height:30px; margin:auto; margin-bottom:25px;}
.wrap_joinstep .area_joinstep h4 {font-size:20px; letter-spacing:-1px; margin-bottom:10px;}
.wrap_joinstep .area_joinstep p {font-size:16px; margin-bottom:15px; word-break:keep-all; line-height:1.4;}
.wrap_joinstep .area_joinstep ul {text-align:left; margin-bottom:20px;}
.wrap_joinstep .area_joinstep ul li{ font-size:13px; color:#666; line-height:1.2; word-break:keep-all; margin-bottom:3px;}
.wrap_joinstep .area_joinstep ul li:last-child {margin-bottom:0;}
.wrap_joinstep .area_joinstep .btn_login {border:0; cursor:pointer; line-height:44px; color:#fff; background:#333; width:100%; margin:auto;height:44px; font-size:14px !important; border-radius:4px; -webkit-border-radius:4px !important;}
.wrap_joinstep .area_joinstep.type1 .btn_login {background:#fff; color:#333; border:1px solid #333;}



.container_review {position:relative; width:100%; overflow:hidden; padding-top:50px;}
.container_review * {padding:0; margin:0; box-sizing:border-box;}
.container_review .review_title {position:relative; overflow:hidden; width:100%; padding-bottom:9px; border-bottom:2px solid #000; margin-bottom:18px;}
.container_review .review_title .left_title {display:inline-block; overflow:hidden; font-size:0; line-height:1;}
.container_review .review_title .left_title .title {font-size:18px; font-weight:bold; line-height:1; margin-bottom:9px; display:block;}
.container_review .review_title .left_title .txt {font-size:13px; color:#888; line-height:18px;}
.container_review .review_title .btn_review {position:absolute; bottom:15px; right:0; border-radius:3px; background:#232323; width:100px; height:34px; font-size:13px; color:#fff; border:0; cursor:pointer;}
.container_review .review_head {position:relative; width:100%; margin-bottom:30px;}
.container_review .review_head .row {width:100%; overflow:hidden; font-size:0; margin-bottom:16px;}
.container_review .review_head .row .review_point {margin-right:15px; display:inline-block; vertical-align:middle;}
.container_review .review_head .row .point {font-size:18px; font-weight:bold; display:inline-block; vertical-align:middle;}
.container_review .review_head .thumb_list {width:100%; overflow:hidden; font-size:0; white-space:nowrap; }
.container_review .review_head .thumb_list li {position:relative; width:calc(25% - 6px); aspect-ratio:1/1; margin-right:8px; display:inline-block; vertical-align:top; border:1px solid #eee;}
.container_review .review_head .thumb_list li:nth-child(8) {margin-right:0;}
.container_review .review_head .thumb_list li .overlay {cursor:pointer; display:none; position:absolute; top:0; left:0; width:100%; height:100%; padding-top:39px; background:url("../../images/shop/review_more.png") center no-repeat rgba(0,0,0,0.7); background-size:24px; text-align:center; color:#fff;}
.container_review .review_head .thumb_list li .overlay span {display:none; color:#fff; font-size:16px;}
.container_review .review_head .thumb_list li:nth-child(4) .overlay {display:none;}
.container_review .review_head .thumb_list li img {width:100%; height:100%;}
.container_review .review_head .thumb_list li a {display:block; width:100%; height:100%;}
.container_review .area_review {position:relative; width:100%; min-height:300px;} 
.container_review .area_review .area_title {position:relative; width:100%; overflow:hidden; padding-bottom:12px; border-bottom:1px solid #000;}
.container_review .area_review .area_title .title {float:left; font-size:15px; line-height:1;}
.container_review .area_review .area_title .review_array {display:none; float:right; font-size:0px; line-height:1;}
.container_review .area_review .area_title .review_array li {position:relative; display:inline-block; vertical-align:middle; font-size:13px; color:#888; padding-right:11px; margin-right:10px;}
.container_review .area_review .area_title .review_array li:after {position:absolute; right:0; top:50%; margin-top:-7px; content:""; width:1px; height:14px; background:#ddd;}
.container_review .area_review .area_title .review_array li:last-child {margin-right:0; padding-right:0;}
.container_review .area_review .area_title .review_array li:last-child:after {display:none;}
.container_review .area_review .area_title .review_array li a {text-decoration:none; color:#888;}
.container_review .area_review .column {position:relative; width:100%; padding:22px 0 25px; border-bottom:1px solid #ddd;}
.container_review .area_review .column .review_top {position:relative; width:100%; margin-bottom:15px;}
.container_review .area_review .column .review_top .review_point {width:60px; height:12px; margin-right:10px; background-size:12px !important;}
.container_review .area_review .column .review_top .review_point .point {background-size:12px;}
.container_review .area_review .column .review_top .review_point li {margin-right:4px;}
.container_review .area_review .column .review_top .review_point li:last-child {margin-right:0;}
.container_review .area_review .column .review_top .review_point li img {width:12px;}
.container_review .review_none {text-align:center; color:#666; height:216px; line-height:176px; font-size:16px;}
.review_data {font-size:0; position:relative; padding-top:3px;}
.review_data li {position:relative; font-size:12px; color:#888; display:inline-block; padding-right:10px; margin-right:9px;}
.review_data li:after {content:""; width:1px; height:10px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-5px;}
.review_data li:last-child {padding-right:0;}
.review_data li:last-child:after {display:none;}
.review_point, .review_data {display:inline-block; vertical-align:middle;}
.container_review .area_review .column .review_btn {position:relative; font-size:0; padding-top:12px;}
.container_review .area_review .column .review_btn li {transition:.2s; height:28px; line-height:27px; text-decoration:none; display:inline-block; vertical-align:top; font-size:13px; color:#666; border:1px solid #dfdfdf; border-right:0;}
.container_review .area_review .column .review_btn li:hover {background:#fafafa;}
.container_review .area_review .column .review_btn li:last-child {border-right:1px solid #dfdfdf;}
.container_review .area_review .column .review_btn li a {display:block; width:100%; height:100%; padding:0 15px; text-decoration:none;}
.container_review .area_review .column .title {font-size:14px; color:#333; line-height:1; margin-bottom:14px;}
.container_review .area_review .column .title a {color:inherit; text-decoration:none;}
.container_review .area_review .column .cont {font-size:13px; color:#666; line-height:18px; margin-bottom:18px;}
.container_review .area_review .column .cont img {width:145px; display:inline-block; vertical-align:top;}
.container_review .area_review .column .thumb_list {width:100%; overflow:hidden; font-size:0;}
.container_review .area_review .column .thumb_list li {display:inline-block; vertical-align:top; width:calc(25% - 6px); aspect-ratio:1/1; margin-right:8px; margin-bottom:8px; border:1px solid #eee;}
.container_review .area_review .column .thumb_list li:nth-child(4n) {margin-right:0;}
.container_review .area_review .column .thumb_list img {width:100%; height:100%;}
.container_review .area_review .column .thumb_list li.active {display:block; width:300px; margin-bottom:8px; aspect-ratio:auto;}
.container_review .area_review .column .thumb_list li.active img {width:100%;}
.container_review .area_review .column .thumb_list li.active:last-child {margin-bottom:0;}
.review_point {width:120px; height:23px; position:relative; overflow:hidden; background:url("../../images/shop/point_star_bg_new.png") center left repeat-x; font-size:0; background-size:24px;}
.review_point .point {width:0; height:100%; background:url("../../images/shop/point_star_new.png") center left repeat-x; background-size:24px;}
.review_point li {display:inline-block; vertical-align:top; margin-right:8px;}
.review_point li:last-child {margin-right:0;}
.review_point li img {width:24px;}
.container_review .review_paging {width:100%; padding-top:40px; margin-top:20px; border-top:1px solid #dfdfdf; text-align:center;}
.container_review .review_paging .paging {margin-top:0; padding-top:0; border-top:0;}
.container_review .review_comment {position:relative; width:100%; padding-top:25px;}
.container_review .review_comment * {box-sizing:border-box; margin:0; padding:0;}
.container_review .review_comment .title {cursor:pointer; display:inline-block; padding-right:20px; font-size:14px; color:#232323; margin-bottom:20px; line-height:1;}
.container_review .review_comment .title.btnToggleClose {background:url("../../images/shop/review_toggle_open.png") right center no-repeat;}
.container_review .review_comment .title.btnToggleOpen {margin-bottom:0; background:url("../../images/shop/review_toggle_close.png") right center no-repeat;}
.container_review .review_comment .area_comment {display:none; position:relative; width:100%; border:1px solid #ddd;}
.container_review .review_comment .area_comment .list_comment {background:#fff; padding:20px 15px; border-bottom:1px solid #ddd; font-size:0;}
.container_review .review_comment .area_comment .list_comment .list {position:relative; overflow:hidden; display:block; width:100%; margin-bottom:20px; border:0;}
.container_review .review_comment .area_comment .list_comment .list:last-child {margin-bottom:0;}
.container_review .review_comment .area_comment .list_comment .list * {display:inline-block; vertical-align:top; font-size:12px; line-height:17px;}
.container_review .review_comment .area_comment .list_comment .list .nick {font-weight:bold; font-style:normal; width:60px;}
.container_review .review_comment .area_comment .list_comment .list .txt {position:relative; color:#666666; width:calc(100% - 60px);}
.container_review .review_comment .area_comment .list_comment .list .date {display:block; color:#888; padding-left:60px; padding-top:6px;}
.container_review .review_comment .area_comment .list_comment .list .date .btn_comment_del {display:inline-block; vertical-align:bottom; position:relative; top:3px; margin-left:10px;}
.container_review .review_comment .area_comment .write_comment {position:relative; font-size:0; width:100%; background:#f9f9f9; padding:10px;}
.container_review .review_comment .area_comment .write_comment .btn_review_comment {width:60px; height:30px; position:absolute; right:20px; top:50%; margin-top:-15px; background:#232323; color:#fff; font-size:12px; cursor:pointer; border:0;}
.container_review .review_comment .area_comment .write_comment .text_review_comment {width:100%; border:1px solid #ddd; padding:15px; font-size:12px; resize:none; padding-right:60px;}
.container_review .review_comment .area_comment .write_comment .text_review_comment:focus {outline:none;}



/* 리뷰 팝업 */
.popup_review {position:fixed; z-index:1;  width:100%; height:100%; overflow-y:auto; top:0; left:0; display:none; z-index:9999;}
.popup_review * {box-sizing:border-box; margin:0; padding:0; color:#232323; border-radius:0;}
.popup_review .popup_review_form {position:fixed; width:100%; height:100%; top:0%; left:0%; right:0; background:#fff; max-width:640px; height:calc(100vh -  10px); overflow-y:auto; margin:auto;}
.popup_review .popup_review_form .popup_review_title {position:relative; width:100%; height:57px; line-height:56px; border-bottom:1px solid #dfdfdf; padding:0 15px;}
.popup_review .popup_review_form .popup_review_title .title {font-size:18px; font-weight:bold; color:#000;}
.popup_review .popup_review_form .popup_review_title .title .swiper-pagination {display:inline-block; width:auto; bottom:0; font-size:18px; font-weight:bold; position:relative;}
.popup_review .popup_review_form .popup_review_title .title .swiper-pagination .swiper-pagination-current {font-weight:bold;}
.popup_review .popup_review_form .popup_review_title .title .swiper-pagination .swiper-pagination-total {font-weight:normal;}
.popup_review .popup_review_form .popup_review_title .btn_review_close {position:absolute; top:0; text-indent:-9999px; right:0; cursor:pointer; border:0; width:56px; height:56px; background:url("../../images/shop/btn_review_close.png") center no-repeat; background-size:23px;}
.popup_review .popup_review_form .popup_review_title .counter {display:inline-block; font-weight:normal;}
.popup_review .popup_review_form .popup_review_cont {position:relative; width:100%;}
.popup_review .popup_review_form .popup_review_cont .review_write_form {width:100%; padding:20px 15px 10px 15px;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .row {position:relative; width:100%; margin-bottom:20px;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .row:last-child {margin-bottom:0;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .row .tit {font-weight:bold; font-style:normal; line-height:1; width:100%; display:block; margin-bottom:9px; font-size:15px;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .select_review, .popup_review .popup_review_form .popup_review_cont .review_write_form .text_review {height:44px; border:1px solid #dfdfdf; padding:0 15px; font-size:13px;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .select_review {width:auto; padding-right:55px; background:url("../../images/shop/select_review_arrow.png") calc(100% - 15px) center no-repeat; -webkit-appearance: none; -moz-appearance: none;appearance:none; background-size:13px;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .select_review::-ms-expand { display: none;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .text_review {width:100%;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .text_review:focus {outline:none;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .text_review.textarea {padding:15px; height:150px; resize:none; overflow-y:auto;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .row .btn_review_thumb {width:100%; height:40px; margin-bottom:10px; font-size:13px; border:1px solid #dfdfdf; cursor:pointer; font-weight:bold; padding-left:30px; background:url("../../images/shop/btn_review_thumb.png") calc(50% - 40px) no-repeat; background-size:19px;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .row .review_thumb_list {width:100%; overflow:hidden;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .row .review_thumb_list li {position:relative; width:calc(20% - 8px); aspect-ratio:1/1; margin-bottom:10px; border:1px solid #dfdfdf; display:inline-block; vertical-align:top; margin-right:10px;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .row .review_thumb_list li:nth-child(5n) {margin-right:0;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .row .review_thumb_list li:last-child {margin-right:0;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .row .review_thumb_list li img {width:100%; height:100%;}
.popup_review .popup_review_form .popup_review_cont .review_write_form .row .review_thumb_list li .btn_review_thumb_del {border:0; cursor:pointer; position:absolute; top:0px; right:0px; width:24px; height:24px; background:url("../../images/shop/btn_review_thumb_del.png") center no-repeat rgba(0,0,0,0.5); background-size:14px; text-indent:-9999px; font-size:0; display:block;}
.popup_review .popup_review_form .popup_review_bottom {position:relative; width:100%; font-size:0; padding:15px 15px 30px; border-top:1px solid #dfdfdf;}
.popup_review .popup_review_form .popup_review_bottom .btn_review_popup {cursor:pointer; display:inline-block; width:calc(50% - 3px); height:44px; margin-right:6px; background:#fff; border:1px solid #dfdfdf; font-size:14px; color:#333;}
.popup_review .popup_review_form .popup_review_bottom .btn_review_popup.main {background:#232323; border-color:#232323; color:#fff; font-weight:bold;}
.popup_review .popup_review_form .popup_review_bottom .btn_review_popup:last-child {margin-right:0;}
.popup_review .popup_review_form .popup_gallery_cont {position:relative; width:100%; height:calc(100vh - 80px); overflow-y:auto; overflow-x:hidden; font-size:0; padding:15px;}
.popup_review .popup_review_form .popup_gallery_cont .list_gallery_cont {position:relative; width:100%}
.popup_review .popup_review_form .popup_gallery_cont .list_gallery_cont li img {width:100%; height:100%;}
.popup_review .popup_review_form .popup_gallery_cont .list_gallery_cont li {cursor:pointer; display:inline-block; vertical-align:top; width:calc(25% - 6px); aspect-ratio:1/1; margin-right:8px; margin-bottom:8px; border:1px solid #eee;}
.popup_review .popup_review_form .popup_gallery_cont .list_gallery_cont li:nth-child(4n) {margin-right:0;}
.popup_review .popup_detail_form {position:relative; width:100%;}
.popup_review .popup_detail_form .detail_thumb {position:relative; width:100%; height:100%; text-align:center; background:#000; aspect-ratio:1/1; background-size:contain !important; border-bottom:1px solid #eee; box-sizing:content-box;}
.popup_review .popup_detail_form .detail_thumb img {height:100%;}
.popup_review .popup_detail_form .detail_thumb .swiper-button-prev, .popup_review .popup_detail_form .detail_thumb .swiper-button-next {width:40px; height:80px; background-size:100% !important; margin-top:-40px; opacity:1;}
.popup_review .popup_detail_form .detail_thumb .swiper-button-prev {background:url("../../images/shop/btn_review_prev.png") center no-repeat; left:0;}
.popup_review .popup_detail_form .detail_thumb .swiper-button-next {background:url("../../images/shop/btn_review_next.png") center no-repeat; right:0;}
.popup_review .popup_detail_form .detail_thumb_list {width:100%; overflow:hidden; font-size:0; padding:10px 15px; box-sizing:border-box;}
.popup_review .popup_detail_form .detail_thumb_list li {opacity:.6; cursor:pointer; display:inline-block; vertical-align:top; width:calc(25% - 6px) !important; aspect-ratio:1/1; margin-right:8px; border:1px solid #eee;}
.popup_review .popup_detail_form .detail_thumb_list .swiper-slide-thumb-active{opacity:1; border:2px solid #000;}
.popup_review .popup_detail_form .detail_thumb_list img {width:100%; height:100%;}

/* 리뷰상세 보류
.popup_review .popup_detail_form .detail_thumb {position:relative; width:100%; height:100%; text-align:center; background:#000; aspect-ratio:1/1; background-size:contain !important; border-bottom:1px solid #eee; box-sizing:content-box;}
.popup_review .popup_detail_form .detail_thumb img {height:100%;}
.popup_review .popup_detail_form .detail_thumb .swiper-button-prev, .popup_review .popup_detail_form .detail_thumb .swiper-button-next {width:40px; height:80px; background-size:100% !important; margin-top:-40px; opacity:1;}
.popup_review .popup_detail_form .detail_thumb .swiper-button-prev {background:url("../../images/shop/btn_review_prev.png") center no-repeat; left:0;}
.popup_review .popup_detail_form .detail_thumb .swiper-button-next {background:url("../../images/shop/btn_review_next.png") center no-repeat; right:0;}
.popup_review .popup_detail_form .detail_cont {width:100%; padding:20px 15px;}
.popup_review .popup_detail_form .detail_cont .detail_top {position:relative; width:100%; margin-bottom:14px; font-size:0;}
.popup_review .popup_detail_form .detail_cont .detail_top .review_point {width:76px; margin-right:10px; background-size:16px !important;}
.popup_review .popup_detail_form .detail_cont .detail_top .review_point li {margin-right:4px;}
.popup_review .popup_detail_form .detail_cont .detail_top .review_point li:last-child {margin-right:0;}
.popup_review .popup_detail_form .detail_cont .detail_top .review_point li img {width:12px;}
.popup_review .popup_detail_form .detail_cont .detail_title {font-size:18px; color:#333; margin-bottom:14px; line-height:1;}
.popup_review .popup_detail_form .detail_cont .cont {font-size:13px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; color:#333; line-height:18px; }
.popup_review .popup_detail_form .detail_cont .cont img {max-width:100%;}
.popup_review .popup_detail_form .detail_cont .detail_thumb_list {width:100%; overflow:hidden; font-size:0;}
.popup_review .popup_detail_form .detail_cont .detail_thumb_list li {opacity:.6; cursor:pointer; display:inline-block; vertical-align:top; width:calc(25% - 6px); aspect-ratio:1/1; margin-right:8px; margin-bottom:8px; border:1px solid #eee;}
.popup_review .popup_detail_form .detail_cont .detail_thumb_list li:nth-child(4n) {margin-right:0;}
.popup_review .popup_detail_form .detail_cont .detail_thumb_list .swiper-slide-thumb-active{opacity:1; border:2px solid #000;}
.popup_review .popup_detail_form .detail_cont .detail_thumb_list img {width:100%; height:100%;}
*/
.popup_review.detail .popup_review_form .popup_review_cont	{padding-bottom:50px;}
.popup_review.detail .popup_review_form .popup_review_bottom {position:fixed; bottom:0; left:0; right:0; max-width:640px; padding-bottom:15px; background:#fff; z-index:10; margin:auto; border-top:0;}