@font-face {
    font-family: "Montserrat";
    src: url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
    unicode-range: U+0020-007F; /* 영어(ASCII) 문자 범위 */
}
html, body {font-family: "Montserrat", "Pretendard", Sans-serif; color:#333;}
* {-webkit-tap-highlight-color:rgba(0,0,0,0); outline:0;}
input[type='text']::-ms-clear {
    display: none;
}
input[type='button'] {cursor:pointer;}

body {background:#eee;}
#wrap {position:relative; background:#fff; width:640px; height:100%; left:0; right:0; margin:0 auto; -webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}
@media screen and (max-width: 1024px) {
	#wrap {width:100%;}
	body {background:#fff;}
}


/* header */
.header {background:#fff; margin:auto; width:100%; max-width:640px; height:116px; z-index:100; padding:0 20px; box-sizing:border-box;}
.header * {box-sizing:border-box;}
.header .gnb {position:relative; width:100%; height:60px; overflow:hidden;}
.header .gnb .logo {float:left; position:relative; top:12px; width:109px; font-size:0;}
.header .gnb .logo img {width:100%;}
.header .gnb .btn_menu {float:right; width:60px; height:60px; text-indent:-99999px; background:url("../../images/common/icon_gnb_menu.png") right center no-repeat; background-size:22px 21px; border:0;}
.header .area_search {position:relative; width:100%; margin-bottom:20px;}
.header .area_search .text_gnb_search {width:100%; height:36px; line-height:36px; background:url("../../images/common/icon_gnb_search.png") 20px center no-repeat #f5f5f5; background-size:17px; padding:0 20px 0 50px; border-radius:30px; font-size:13px;}
.header .btn_lang {position:absolute; top:50%; margin-top:-10px; right:40px;}
.login_msg {width:100%; height:32px; box-sizing:border-box; line-height:32px; padding:0 15px; z-index:10; background:#889064; color:#fff;}
.popup_menu {display:none; position:fixed; top:0px; width:100%; max-width:640px; height:100%; overflow-y:auto; background:#fff; z-index:100;}
.popup_menu * {box-sizing:border-box;}
.popup_menu .nav_top {position:relative; width:100%; height:60px; line-height:60px; padding:0 20px; background:#fff; color:#222;}
.popup_menu .nav_top .btn_menu_close {position:absolute; border:0; top:0; right:15px; width:50px; height:60px; background:url("../../images/common/btn_openmenu_close.png?ver=1.4")  right center no-repeat; background-size:23px;}
.popup_menu .nav_top ul {font-size:0;}
.popup_menu .nav_top ul li {position:relative; display:inline-block; font-size:15px; padding-right:11px; margin-right:10px;}
.popup_menu .nav_top ul li:last-child {margin-right:0; padding-right:0;}
.popup_menu .nav_top ul li:after {position:absolute; right:0;  content:""; width:1px; height:14px; top:50%; margin-top:-7px; background:#dddddd;}
.popup_menu .nav_quick {position:relative; width:100%; background:#f5f5f5; font-size:0;}
.popup_menu .nav_quick li {position:relative; text-align:center; display:inline-block; width:33.3%; height:64px; line-height:64px; }
.popup_menu .nav_quick li img, .popup_menu .nav_quick li span {display:inline-block; vertical-align:middle;}
.popup_menu .nav_quick li span {font-size:13px; color:#666;}
.popup_menu .nav_quick li .count {font-size:8px; width:14px; height:14px; line-height:14px; border-radius:14px;  text-align:center; color:#7f97b2; position:absolute; right:2px; top:-3px;}
.popup_menu .nav_quick li img {height:24px;  margin:auto; margin-right:10px;}
.popup_menu .nav_quick li a {display:block; width:100%; height:100%; }
.popup_menu .nav_quick li span {line-height:1;}
.popup_menu .nav_quick li:after {position:absolute; width:1px; height:24px; background:#dedede; top:50%; margin-top:-12px; right:0; content:"";}
.popup_menu .nav_quick li:last-child:after {display:none;}
.popup_menu .nav_list_cate {position:relative; background:#fff; width:100%;}
.popup_menu .nav_list_cate .row {position:relative; width:100%; padding:25px 0px 0px; border-bottom:1px solid #f5f5f5;}
.popup_menu .nav_list_cate .row .title {font-size:19px; padding:0 20px; line-height:1; font-weight:normal; margin-bottom:8px;}
.popup_menu .nav_list_cate .row .list {position:relative; width:100%; line-height:1; overflow:hidden;}
.popup_menu .nav_list_cate .row .list .menu {cursor:pointer; text-align:center; float:left; width:25%; padding:20px 0; color:#222222;}
.popup_menu .nav_list_cate .row .list .menu img, .popup_menu .nav_list_cate .row .list .menu p {display:block; margin:auto;}
.popup_menu .nav_list_cate .row .list .menu img {width:28px;}
.popup_menu .nav_list_cate .row .list .menu p {font-size:16px; padding-top:10px;}
.popup_menu .nav_list_cate .row .list .menu.on {background:#f5f5f5; color:#385583; font-weight:bold;}
.popup_menu .nav_list_cate .row .tab_cont {display:none; overflow-y:auto; padding:0px; background:#f5f5f5;}
.popup_menu .nav_list_cate .row .tab_cont ul li {display:block; width:100%; margin-bottom:15px;}
.popup_menu .nav_list_cate .row .tab_cont ul li .tit {display:inline-block; background:#385583; color:#fff; padding:0 10px; line-height:23px; font-size:15px; margin-bottom:10px;}
.popup_menu .nav_list_cate .row .tab_cont ul li .depth {width:100%; font-size:0;}
.popup_menu .nav_list_cate .row .tab_cont ul li .depth li {margin-right:20px; display:inline-block; width:auto; font-size:15px;}
.popup_menu .nav_list_cate .row .tab_cont ul li .depth li:last-child {margin-right:0;}
.popup_menu .nav_list_cate .row .tab_cont ul li:last-child {margin-bottom:0;}
.popup_menu .nav_list_cate .row .tab_cont table {width:100%; border-collapse:collapse;}
.popup_menu .nav_list_cate .row .tab_cont table a {display:block; width:100%; height:100%;}
.popup_menu .nav_list_cate .row .tab_cont table th {color:#385583;}
.popup_menu .nav_list_cate .row .tab_cont table th, .popup_menu .nav_list_cate .row .tab_cont table td {width:50%; height:40px; line-height:40px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:1px solid #ddd; border-left:0;}
.popup_menu .nav_list_cate .row .tab_cont table td {background:#fff;}
.popup_menu .nav_list_cate .row .tab_cont table tr th:last-child, .popup_menu .nav_list_cate .row .tab_cont table td:last-child {border-right:0;}
.popup_menu .nav_list_cate .row .tab_cont.on {display:block;}
.popup_menu .nav_list_other {position:relative; width:100%; text-align:left; border-top:9px solid #f5f5f5; line-height:1; margin-bottom:25px;}
.popup_menu .nav_list_other .menu {width:100%; font-weight:normal; font-size:19px; height:58px; line-height:58px; border-bottom:1px solid #f5f5f5;}
.popup_menu .nav_list_other .menu > a {padding:0 20px; display:block; background:url("../../images/common/icon_nav_link.png?ver=1.21") calc(100% - 20px) center no-repeat; background-size:9px;}
.popup_menu .nav_list_other .menu.btnToggle {padding:0 20px;}
.popup_menu .nav_list_other .dropdown_menu {display:none; padding:10px 0; border-bottom:1px solid #f5f5f5;}
.popup_menu .nav_list_other .dropdown_menu li {display:block; width:100%; font-size:15px; line-height:30px;}
.popup_menu .nav_list_other .dropdown_menu li a {display:block; width:100%; padding:0 20px;}
.popup_menu .nav_list_other .dropdown_menu li:last-child {margin-bottom:0;}
.popup_menu .nav_list_other .dropdown_menu li span {cursor:pointer; padding:0 25px; display:block;}
.popup_menu .nav_list_other .dropdown_menu li span.btnToggleClose {font-weight:bold; margin-bottom:15px;}
.popup_menu .nav_list_other .dropdown_menu li .depth_in {display:none; border-bottom:0; padding:20px 0; background:#f7f7f7;}
.popup_menu .nav_list_other .dropdown_menu li .depth_in li {margin-bottom:20px; font-size:13px; color:#666;}
.popup_menu .nav_list_other .dropdown_menu li .depth_in li a {padding:0 35px;}
.popup_menu .nav_list_other .dropdown_menu li .depth_in li:last-child {margin-bottom:0;}
.popup_menu .nav_list_other .menu.btnToggleOpen {background:url("../../images/common/icon_nav_open.png?ver=1.21") calc(100% - 20px) center no-repeat; background-size:17px;}
.popup_menu .nav_list_other .menu.btnToggleClose {background:url("../../images/common/icon_nav_close.png?ver=1.21") calc(100% - 20px) center no-repeat; background-size:17px;}



/* footer */
#footer {width:100%;  position:relative; overflow:hidden; background:#fff;}
#footer * {box-sizing:border-box;}
#footer .area_support {width:100%; border-top:1px solid #ddd; overflow-x:auto; overflow-y:hidden; white-space:nowrap; border-bottom:1px solid #ddd; line-height:42px; height:42px; padding:0 20px; font-size:0;}
#footer .area_support li {position:relative; font-size:13px; padding-right:10px; margin-right:9px; display:inline-block; color:#666;}
#footer .area_support li:after {content:""; width:1px; height:14px; background:#eee; position:absolute; right:0; top:50%; margin-top:-7px;}
#footer .area_support li:last-child {margin-right:0; padding-right:0;}
#footer .area_support li:last-child:after {display:none;}
#footer .area_contact {position:relative; padding:20px 20px 100px; overflow:hidden;}
#footer .area_contact .contact {margin-bottom:15px;}
#footer .area_contact .contact p {color:#999; font-size:12px; line-height:19px;}
#footer .area_contact .contact span {display:inline-block; margin-right:10px;}
#footer .area_contact .contact span:last-child {margin-right:0;}
#footer .area_contact .list_link {display:block;}
#footer .area_contact .list_link li {display:inline-block; vertical-align:top; margin-right:27px;}
#footer .area_contact .list_link li:last-child {margin-right:0;}
#btn_top {position:fixed; right:15px; bottom:40px; width:40px; height:40px; background-color:rgba(255,255,255,0.8); color:#444; border:none; border-radius:50%; font-weight:bold; cursor:pointer; outline:none; box-shadow:0 3px 6px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.08); opacity:1; visibility:visible; transition:opacity 0.3s, visibility 0.3s, background-color 0.3s; z-index:100;}
#btn_top:active {background-color:#f0f0f0;}
#btn_top.show {opacity:1; visibility:visible;}
#btn_top::before {content:"▲"; display:block; text-align:center; line-height:40px; font-size:12px; color:#444;}







/* main */
.area_main {width:100%; height:100%; position:relative; overflow:hidden;}
.area_main * {box-sizing:border-box;}
.area_main .area_mainbanner {position:relative; width:100%; font-size:0; background-size: cover !important; background-position: center !important;}
.area_main .area_mainbanner .swiper_control {opacity:.5; position:absolute; width:100%; text-align:center; bottom:25px; z-index:100; left:0; right:0;  margin:auto;}
.area_main .area_mainbanner .swiper-pagination-fraction {position:relative; width:auto; z-index: 10; bottom:0; color: #000; padding:0 20px; font-size: 12px; font-weight:bold;}
.area_main .area_mainbanner .swiper-pagination-fraction, .area_main .area_mainbanner .swiper-pagination-progressbar {display:inline-block; vertical-align:middle;}
.area_main .area_mainbanner .swiper-button-prev, .area_main .area_mainbanner .swiper-button-next {display:inline-block; vertical-align:middle; left:0; width:7px; height:12px; top:0; margin-top:0; position:relative;}
.area_main .area_mainbanner .swiper-button-prev {background:url("../../images/main/icon_banner_slider_prev.png") center no-repeat; background-size:100%;}
.area_main .area_mainbanner .swiper-button-next {background:url("../../images/main/icon_banner_slider_next.png") center no-repeat; background-size:100%;}
.area_main .area_mainbanner .swiper-slide {width:100%; }
.area_main .area_mainbanner .swiper-slide a {display:block; width:100%; height:100%;}
.area_main .area_mainbanner .swiper-slide img {width:100%;}
.area_main .swiper-pagination {left:0px; right:0; bottom:60px; opacity:1; z-index:1000;}
.area_main .swiper-pagination .swiper-pagination-bullet {opacity:1; width:40px; height:8px; border-radius:12px; background:transparent; border:1px solid #fff; margin-right:6px;}
.area_main .swiper-pagination .swiper-pagination-bullet-active {background:#fff;}
.area_main .row {position:relative; width:100%; padding:40px 20px; font-size:0;}
.area_main .row .title {font-size:19px; line-height:1; font-weight:600; margin-bottom:15px; letter-spacing:-1px;}
.area_main .row .txt {font-size:13px; line-height:18px; color:#000; font-weight:normal; margin-bottom:30px;}
.area_main .row .more span {color:#666; font-size:12px; margin-right:10px;}
.area_main .row .more span, .area_main .row .more img {display:inline-block; vertical-align:middle;}
.area_main .row .more img {width:9px;}
.area_main .row  .txt {margin-bottom:29px;}
.area_main .row .cont {width:130px; }
.area_main .row .shoppingPrc .list_item .item {font-size:0; margin-bottom:0; width:124px; text-align:center; margin-right:0;}
.area_main .row .cont, .area_main .row .slider_product {display:inline-block; vertical-align:top;}
.area_main .row .slider_product {position:relative; width:calc(100% - 130px); left:20px;}
.area_main .row.favorite {background:#e8f2fc;}
.area_main .row.favorite .cont, .area_main .row.favorite .slider_product {display:block; width:100%;}
.area_main .row.favorite .cont {margin-bottom:40px;}
.area_main .row.favorite .cont .title {font-size:19px; float:left;}
.area_main .row.favorite .cont .more {float:right;}
.area_main .row.favorite .slider_product {left:0;}
.area_main .row.favorite .shoppingPrc .list_item .item {width:135px;}
.area_main .row.favorite .shoppingPrc .list_item .item .thumb {margin-bottom:0; border-radius:10px 10px 0px 0px;}
.area_main .row.favorite .shoppingPrc .list_item .item .pr-cont {background:#fff; border-radius:0px 0px 10px 10px; padding:12px;}
.area_main .row.favorite .swiper-button-prev, .area_main .row.favorite .swiper-button-next {top:50%; margin-top:-17px;}
.area_main .row.sns {padding:40px 0; overflow:hidden; background:url("../../images/main/bg_main_sns.png") center no-repeat; background-size:cover; background-attachment:fixed;}
.area_main .row.sns * {color:#fff;}
.area_main .row.sns .cont {width:100%; padding:0 20px;}
.area_main .row.sns .cont .title {font-weight:bold; margin-bottom:12px;}
.area_main .row.sns .cont .txt {margin-bottom:25px; word-break:keep-all;}
.area_main .row.sns .list_sns {text-align:right; }
.area_main .row.sns .list_sns li {position:relative; width:33.3%; display:inline-block; text-align:center; vertical-align:top;}
.area_main .row.sns .list_sns li img, .area_main .row.sns .list_sns li p {display:block;}
.area_main .row.sns .list_sns li img {margin:auto; margin-bottom:7px; width:45px;}
.area_main .row.sns .list_sns li p {font-size:13px; line-height:1;}
.area_main .row.sns .list_sns li:last-child {margin-right:0; padding-right:0;}
.area_main .row.sns .list_sns li:after {content:""; width:1px; height:100%; position:absolute; right:0; top:0%; background:#fff; opacity:.3;}
.area_main .row.sns .list_sns li:last-child:after {display:none;}
.area_main .footer_main {position:relative; overflow:hidden; width:100%; margin:auto; padding:40px 20px;}
.area_main .footer_main .div {width:100%; position:relative; margin-bottom:30px; line-height:1;}
.area_main .footer_main .div .title {position:relative; width:100%; font-size:19px; margin-bottom:20px;}
.area_main .footer_main .div .title span {display:inline-block; background:#fff; padding-right:80px;}
.area_main .footer_main .div .title:after {content:""; width:100%; z-index:-1; height:2px; background:#ddd; position:absolute; top:50%; margin-top:-1px; right:0;}
.area_main .footer_main .div .list_notice {position:relative; width:100%; font-size:0;}
.area_main .footer_main .div .list_notice .item {display:block; margin-bottom:10px; font-size:0; color:#666;}
.area_main .footer_main .div .list_notice .item:last-child {margin-bottom:0;}
.area_main .footer_main .div .list_notice .item .cate, .area_main .footer_main .div .list_notice .item a {display:inline-block; vertical-align:middle; font-size:14px;}
.area_main .footer_main .div .list_notice .item .cate {width:62px; color:#999;}
.area_main .footer_main .div .list_notice .item a {width:calc(100% - 80px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.area_main .footer_main .div .tel {display:block; font-size:24px; color:#00849e; font-style:normal; margin-bottom:15px;}
.area_main .footer_main .div p {margin-bottom:12px; color:#666; font-size:0;}
.area_main .footer_main .div p:last-child {margin-bottom:0;}
.area_main .footer_main .div p span {position:relative; font-size:14px; display:inline-block; letter-spacing:-1px;}
.area_main .footer_main .div p span:first-child {margin-right:7px; padding-right:8px;}
.area_main .footer_main .div p span:first-child:after {content:""; width:1px; height:12px; position:absolute; top:50%; right:0; margin-top:-6px; background:#666;}
.area_main .footer_main .div p span:only-child:after {display:none;}
.area_main .footer_main .area_banner {width:100%; border-radius:10px; color:#fff; line-height:1; background:url("../../images/main/banner_footer_myoffice.png") center no-repeat; background-size:cover;}
.area_main .footer_main .area_banner  a {display:block; padding:27px 20px;}
.area_main .footer_main .area_banner .title {font-size:19px; margin-bottom:10px;}																						  
.area_main .footer_main .area_banner .txt {font-size:14px; margin-bottom:0px;}



/* 서브 */
.sub_header {width:100%; height:41px; line-height:41px; background:#f5f5f5; box-sizing:border-box; padding:0 20px; font-size:0;}
.sub_header * {box-sizing:border-box;}
.sub_header li {position:relative; color:#666; font-size:14px; display:inline-block; position:relative; padding-right:9px; margin-right:5px;}
.sub_header li:after {content:""; position:absolute; top:50%; margin-top:-4px; right:0px; width:5px; height:8px; background:url("../../images/sub/icon_navigation.png") center no-repeat; background-size:100%;}
.sub_header li:last-child {margin-right:0; padding-right:0;}
.sub_header li:last-child:after {display:none;}



.subTitle, .shop_title {position:relative; width:100%; text-align:left; font-size:19px; margin-bottom:30px;}


/* 메타웰개요 */
.area_index {width:100%; margin:auto;  word-break:keep-all;}
.area_index img {width:100%; margin-bottom:30px;}
.area_index .title {font-size:16px; line-height:22px; margin-bottom:30px;}
.area_index .s_title {font-size:16px; margin-bottom:15px; line-height:22px;}
.area_index .s_title em {color:#385583; font-style:normal;}
.area_index .txt {font-size:13px; line-height:18px; margin-bottom:25px;}



/* 오시는 길 */
.area_map {position:relative; width:100%; }
.area_map .group {position:relative; overflow:hidden; width:100%; margin-bottom:40px;}
.area_map .group .location {width:100%; margin-bottom:20px;}
.area_map .group .location h3 {font-size:18px; color:#333; margin-bottom:9px; line-height:1; font-weight:bold;}
.area_map .group .location ul {padding-top:16px; border-top:2px solid #385583; width:100%;}
.area_map .group .location ul li {display:block; margin-bottom:12px; padding-left:26px; line-height:19px;}
.area_map .group .location ul li .tit {font-weight:bold;}
.area_map .group .location ul li .tit, .area_map .group .location ul li .txt {font-size:13px; line-height:19px; vertical-align:top;}
.area_map .group .location ul li .txt {color:#666;}
.area_map .group .location ul li.list01 {background:url("../../images/sub/icon_map_01.png") left top no-repeat; background-size:16px;}
.area_map .group .location ul li.list02 {background:url("../../images/sub/icon_map_02.png") left top no-repeat; background-size:16px;}
.area_map .group .location ul li.list03 {background:url("../../images/sub/icon_map_03.png") left top no-repeat; background-size:16px;}
.area_map .group .location ul li.list04 {background:url("../../images/sub/icon_map_04.png") left top no-repeat; background-size:16px;}
.area_map .group .location ul li:last-child {margin-bottom:0;}
.area_map .group:last-child {margin-bottom:0;}



/* 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%; text-align:center;}
#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; font-weight:bold; font-size:12px; 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:#385583; border-top:1px solid #9cd4eb; color:#fff;}
#mNotice .notice_input {overflow:hidden; font-size:0.95em; height:39px; 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;}


.prepare {width:100%; border:1px solid #ddd; padding:100px 0; text-align:center; color:#999; box-sizing:border-box;}

/* 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 .list_item .item {position:relative; width:calc(50% - 7px); text-align:center; display:inline-block; vertical-align:top; margin-right:14px; margin-bottom:40px;}
.shoppingPrc .list_item .item .thumb {border:1px solid #f3f3f3; position:relative; width:100%; margin-bottom:12px; border-radius:10px; overflow:hidden;}
.shoppingPrc .list_item .item .thumb img {width:100%; height:100%;}
.shoppingPrc .list_item .item .thumb .icon {position:absolute; top:20px; left:20px;}
.shoppingPrc .list_item .item .thumb .icon img {margin-right:10px; width:48px; height:48px;}
.shoppingPrc .list_item .item .pr-cont .pr-name {word-break:keep-all; width:100%; text-align:left; font-size:14px; line-height:17px; font-weight:normal;} 
.shoppingPrc .list_item .item .pr-cont .pr-txt {width:100%; font-size:13px; color:#888;  font-weight:normal;  text-align:left;}
.shoppingPrc .list_item .item .pr-cont .pr-price {padding-top:7px; font-size:0; width:100%; text-align:left;}
.shoppingPrc .list_item .item .pr-cont .pr-price li {position:relative; display:block; margin-bottom:3px; font-size:14px;}
.shoppingPrc .list_item .item .pr-cont .pr-price li span {display:inline-block; margin-right:10px;}
.shoppingPrc .list_item .item .pr-cont .pr-price li span:last-child {margin-right:0;}
.shoppingPrc .list_item .item .pr-cont .pr-price li.price {color:#333; font-weight:bold;  font-size:14px;}
.shoppingPrc .list_item .item:nth-child(2n) {margin-right:0px;}
.shoppingPrc .list_item .item .pr-func {overflow:hidden; width:100%; padding-top:20px;}
/* 버튼 */
.btn_func {cursor:pointer; height:35px; line-height:35px; float:left; display:inline-block;}
.btn_func.purchase {width:calc(100% - 35px); font-size:12px; text-align:center; color:#fff; font-weight:bold; background:#385583;}
.btn_func.cart {width:35px; background:url("/libs/images/mobile/icon_cart.png") center no-repeat #1376ba; background-size:17px;}


.shoppingPrc.section {border:0; padding:0; position:relative; overflow:hidden;}
.shoppingPrc .detail-title { color:#000; padding:15px;}
.shoppingPrc .detail-thumb {position:relative; width:100%; height:100%; margin-bottom:25px; border-radius:15px; overflow:hidden; border:1px solid #e1e1e1;}
.shoppingPrc .detail-thumb .pr_icon {position:absolute; top:20px; left:20px; font-size:0;}
.shoppingPrc .detail-thumb .pr_icon img {width:96px; height:96px; margin-right:10px; display:inline-block; vertical-align:top}
.shoppingPrc .detail-thumb img {width:100%; height:100%;}
.shoppingPrc .detail-info {width:100%; position:relative;}
.shoppingPrc .detail-info .pr-title {font-size:18px; color:#000; line-height:25px; margin-bottom:15px;}
.shoppingPrc .list {list-style:none; margin:0 auto; width:100%; border-top:1px solid #e1e1e1; padding:20px 0; box-sizing:border-box; }
.shoppingPrc .list { overflow: hidden; }
.shoppingPrc .list li img { vertical-align:middle }
.shoppingPrc .list li {position:relative;font-size:13px; text-align:justify; margin-bottom:12px; display:block; overflow:hidden;}
.shoppingPrc .list li select {background:#fff; height:24px; border:1px solid #ddd;}
.shoppingPrc .list li em {font-style:normal; width:73px; color:#888888;}
.shoppingPrc .list li span {color:#000; width:calc(100% - 76px);}
.shoppingPrc .list li span.origin_price {font-weight:bold; color:#000; font-size:15px;}
.shoppingPrc .list li span.origin_price label {font-size:13px; color:#000; font-weight:normal; display:inline-block;}
.shoppingPrc .list li span.listPrc {color:#ff0000; font-weight:bold;}
.shoppingPrc .list li span.listPv {color:#ea00ea; font-weight:bold;}
.shoppingPrc .list li .amount {margin:0; width:auto;}
.shoppingPrc .list li em, .shoppingPrc .list li span {display:inline-block; vertical-align:middle;}
.shoppingPrc .list li span.g_addition {color:darkgreen;}
.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 .list li .review_count {font-size:13px; color:#888; text-decoration:underline; vertical-align:middle;}
.shoppingPrc .list input[type='number'] {border:1px solid #ddd; width:50px; height:24px;}
.shoppingPrc .total-price {width:100%; overflow:hidden; padding:15px; margin-top:20px; margin-bottom:15px; font-size:18px; box-sizing:border-box; background:#f9f9f9;}
.shoppingPrc .total-price h5 {font-weight:bold; font-size:12px; width:80px;}
.shoppingPrc .total-price em {text-align:right; font-weight:bold; font-size:18px; color:#ed1b29; font-style:normal; width:calc(100% - 90px); margin-left:5px;}
.shoppingPrc .total-price em label {font-size:12px; font-weight:bold; color:#000;}
.shoppingPrc .total-price h5, .shoppingPrc .total-price em {display:inline-block; vertical-align:middle;}
.shoppingPrc.detail .function {margin-bottom:50px;}
.shoppingPrc.detail .function .btn_shop {cursor:pointer; width:50%; height:44px; display:inline-block; border-radius:0;}
.shoppingPrc.detail .function .btn_shop:first-child {border-radius:8px 0px 0px 8px;}
.shoppingPrc.detail .function .btn_shop:last-child {border-radius:0px 8px 8px 0px;}
.shoppingPrc.detail .function .btn_shop span {font-size:14px;}
.shoppingPrc.detail .function .btn_shop span, .shoppingPrc.detail .function .btn_shop span .icon {margin:0 8px;}
.shoppingPrc.detail .function .btn_shop .icon {display:none; width:18px; height:18px;}




.function .btn {float:left; margin-left:7px;}
.btn_purchase {width:50%; height:39px; font-size:14px; color:#000; line-height:39px; display:inline-block; float:left; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#ececec; font-weight:bold;}
.function {width:100%; overflow:hidden;}
.btn_shop {transition:.2s; background:#fff; font-weight:600; height:30px; line-height:28px; text-align:center; font-size:12px; float:left; display:inline-block; border-radius:100px; width:100%; box-sizing:border-box;}
.btn_shop.cart {border:1px solid #385583; color:#385583; margin-bottom:5px;}
.btn_shop.cart  .icon {background:url("../../images/icon_func_cart.png?ver=1.2") center no-repeat; background-size:100%;}
.btn_shop.purchase {background:#385583; border:1px solid #385583; color:#fff;}
.btn_shop.purchase .icon {background:url("../../images/icon_func_purchase.png") center no-repeat; background-size:100%;}
.btn_shop .icon, .btn_shop span {display:inline-block; margin:0 3px; vertical-align:middle;}
.btn_shop .icon {width:14px; height:14px;}
.amount {font-size:0; overflow:hidden; text-align:center; margin:15px auto;}
.amount * {box-sizing:border-box;}
.textQuantity {text-align:center; width:67px; height:24px; line-height:24px; font-size:12px; border:1px solid #ddd; color:#000; vertical-align:top; text-align:center; font-weight:500;}
.quantity {cursor:pointer; width:24px; height:24px; font-size:0px; text-indent:-99999px; vertical-align:top; border:1px solid #ddd;}
.quantity.addnum {background:url("../../images/icon_quantity_addnum.png?ver=1.1") center no-repeat #f3f3f3; background-size:8px; border-right:0;}
.quantity.decnum {background:url("../../images/icon_quantity_decnum.png") center no-repeat #f3f3f3; background-size:8px; border-left:0;}



.shoppingPrc .list_cate {width:100%; overflow:hidden;}
.shoppingPrc .list_cate .cate {margin-right:18px; float:left;}
.shoppingPrc .list_cate .cate .thumb {margin-bottom:22px;}
.shoppingPrc .list_cate .cate div {line-height:1; overflow:hidden; width:100%;}
.shoppingPrc .list_cate .cate h3 {float:left; font-size:20px;}
.shoppingPrc .list_cate .cate .more {float:right;}
.shoppingPrc .list_cate .cate:last-child {margin-right:0;}


.shoppingPrc .items .item .thumb-img {width:100%; text-align:center;}
.shoppingPrc .items .item .thumb-img img {width:100%; height:100%; border:1px solid #d9d9d9;}
.shoppingPrc .items .item .pr-info .pr-title {display:block; width:100%; font-weight:bold;  overflow:hidden; color:#333; font-size:16px; margin-bottom:7px;}
.shoppingPrc .items .item .pr-info .pr-price span.txt {font-size:16px;}
.shoppingPrc .items .item .pr-info .pr-price span.txt:first-child {margin-right:7px;}
.shoppingPrc .items .item .pr-info .pr-function {overflow:hidden; margin-bottom:10px;}
.shoppingPrc .items .item .pr-info {text-align:center; border:1px solid #d9d9d9; border-top:0; padding:15px 0px 0px 0px;}
.shoppingPrc .items .item .pr-info li {margin-bottom:10px; display:block; overflow:hidden; height:auto;}
.shoppingPrc .items .item .pr-info li span {display:inline-block;}
.shoppingPrc .items .item .pr-info li span.txt input[type='number'] {border:1px solid #ddd; text-align:center; color:#666;}
.shoppingPrc .items .item .pr-info li.icon {display:none; height:auto; margin-bottom:10px; font-size:0; text-align:center;}
.shoppingPrc .items .item .pr-info li.icon img {max-height:20px;}
.shoppingPrc .items .item .pr-info .btn_purchase:last-child{border-left:0; border-right:0;}


.shoppingPrc .btn_area {text-align:center; padding-top:10px; overflow:hidden;}
.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 .item {border-bottom:1px solid #ddd; margin-bottom:0; margin-left:0; padding:10px 10px 20px;}
.shoppingPrc .items.mypage li {box-sizing:border-box; width:100%; margin-right:0; font-size:14px; color:#555;}
.shoppingPrc .items.mypage .item .thumb-img {float:left; width:100px; padding:3px;}
.shoppingPrc .items.mypage .item .pr-info {margin-left:115px;}
.shoppingPrc .items.mypage .item:last-child {margin-bottom:0 !important;}
.shoppingPrc .items.mypage .pr-title {font-size:15px; padding-top:6px; display:inline-block; float:left; width:100%; font-weight:bold;}
.shoppingPrc .items.mypage .pr-title:after {clear:both; height:0; overflow:hidden;}
.shoppingPrc .items.mypage .item .pr-info {padding:0; border:0; text-align:left;}
.shoppingPrc .items.mypage .item .pr-info .tit {float:left;}
.shoppingPrc .items.mypage .item .pr-info .txt {float:right;}
.shoppingPrc .items.mypage .item .thumb-img img	{width:100%; height:auto;}


/* sub */
.contents {width:100%; min-height:600px; position:relative; overflow:hidden; padding:30px 20px 90px 25px; box-sizing:border-box; background:#fff;}
.contents img {max-width:100%;}
.prepare {width:100%; border:1px solid #ddd; padding:100px 0; text-align:center; color:#999; box-sizing:border-box;}



.totalInfo {position:relative; margin-bottom:40px;}
.totalInfo li {font-weight:bold; line-height:30px; padding-left:2%; border-bottom:1px dotted #d3d3d3;}
.totalInfo li:last-child {border-top:1px solid #d3d3d3; 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 {float:right; padding-right:2%; }


/* shopping tabmenu */
.tab_menu {width:100%; overflow:hidden; margin:auto; margin-bottom:20px; background:#f7f7f7; border-radius:60px;}
.tab_menu li {transition:.3s; cursor:pointer; position:relative; display:inline-block; width:33.3%; height:44px; line-height:44px; text-align:center; float:left; font-size:12px; color:#3c3c3c;}
.tab_menu li a {display:block; }
.tab_menu li.on {background:#fff; border-radius:60px; color:#fff; background:#3c3c3c;}
.tab_menu li:last-child {width:33.4%;}


.view_sore {width:100%; min-height:200px;}
.view_sore img {width:100%; max-width:max-content;}
.pr_info_table {width:100%; font-size:11px; }
.pr_info_table th {padding:6px 10px; line-height:1.4; color:#000; background:#fcfcfc; border:1px solid #ddd;}
.pr_info_table td {padding:10px 10px; height:28px; border:1px solid #ddd;}

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

/*
.tab_form {overflow:hidden; width:100%; margin-bottom:30px; border-top:1px solid #ddd;}
.tab_form li {float:left; width:50%; box-sizing:border-box; text-align:center; color:#111; font-size:13px; border:1px solid #ddd; border-top:0;}
.tab_form li:nth-child(even) {border-left:0;}
.tab_form li a {display:block; width:100%; padding:10px 0; }
.tab_form li.on {background:#385583; color:#fff; font-weight:bold;}
*/


.subtab_form {overflow:hidden; width:100%; margin-bottom:15px; background:#e8e8e8;}
.subtab_form li {float:left; width:33.3%; box-sizing:border-box; text-align:center; color:#111; font-size:13px; background:#fff; border:1px solid #e4e4e4; border-left:0; border-top:0;}
.subtab_form li:nth-child(3n) {width:33.4%; border-right:0;}
.subtab_form li a {display:block; width:100%; padding:10px 0; }
.subtab_form li.on {background:#385583; color:#fff; font-weight:bold;}


.sub_tab {display:none; overflow:hidden; width:100%; padding:0 15px; box-sizing:border-box; margin-top:-10px; margin-bottom:20px;}
.sub_tab li {float:left; width:50%; box-sizing:border-box; text-align:center; color:#555; font-size:11px; border-bottom:1px solid #ddd;}
.sub_tab li a {display:block; width:100%; padding:10px 0; }
.sub_tab li.on { background:#385583; color:#fff;}

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


/* navbar */
#navbar {overflow:hidden; width:100%; min-height:calc(100vh - 97px); margin:0 auto;}
#navbar:after {display:block; clear:both; content:'';}
#navbar>ul>li {width:100%; display:block; background:#fff; border-bottom:1px solid #ddd; color:#333; text-align:center;}
#navbar>ul>li:nth-child(even) {background:#fafafa;}
#navbar>ul>li>a {font-size:14px; padding:0 15px; height:56px; line-height:56px; overflow:hidden; display:block;}
#navbar img {position:relative; top:18px; width:15px; opacity:.5; float:right;}

/* progress */
.progress{overflow:hidden; height:50px; background:url(../../images/bg_progress.jpg?v=1.01); font-size:0.875em; line-height:40px; }
.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; }
.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; border:1px solid #ddd; border-radius:0px;}


/* sub */
.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:#ff0000;}*/
.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; border-top:1px solid #ddd;;}
.s01 td, .s01 th, .basic td, .basic th {border:1px solid #ddd; padding:6px 0; line-height:140%; font-size:12px;}
.s01 thead, .basic thead {border-top:1px solid #333;}
.s01 thead th, .basic thead th {background-color:#f4f4f4; 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%;}




/* 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; margin-top:10px; 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_form {width:100%; max-width:375px; background:#fff; margin:auto;}
.login_form * {box-sizing:border-box;}
.login_form .title {width:100%; text-align:center; margin-bottom:20px; line-height:1;}
.login_form .title img, .login_form .title em {font-style:normal; font-weight:bold; font-size:25px; display:block; margin:auto;}
.login_form .title img {width:71px; margin-bottom:24px;}
.login_form .login_option {width:100%; overflow:hidden; margin-bottom:24px; color:#5c5e5d; line-height:23px; font-size:14px; padding-top:2px;}
.login_form .login_option .check {float:left;}
.login_form .login_option .right {float:right; margin-left:10px;}
.login_form .check input[type="checkbox"] + label {padding-left:26px;  font-size:inherit; color:inherit;} 
.login_form .check input[type="checkbox"] + label:before {margin-top:0; content: ''; position: absolute; left: 0; top: 0px; width: 19px; height: 19px; text-align: center; background: #fff; border: 1px solid #ddd; border-radius:3px;} 
.login_form .check input[type="checkbox"]:checked + label:before {background:url("/libs/images/web/icon_check.png") center no-repeat #385583; border-color:#385583;} 
.login_form .check input[type="checkbox"]:disabled + label:before {background:#ccc; border-color:#ccc;}
.login_form .txt_join {text-align:center; font-size:13px;}
.login_form .txt_join span { margin-right:10px;}
.login_form .txt_join a {text-decoration:underline;  font-weight:bold;}
.login_form .txt_join span, .login_form .txt_join a {display:inline-block;}
.text_login {font-size:14px; width:100%; height:44px;  padding:0 15px; background:#fff; border:1px solid #ddd; border-radius:7px; line-height:52px; margin-bottom:5px; font-size:15px; color:#111;}
.text_login:focus {border-color:#385583;}
.btn_login {width:100%; height:50px; line-height:50px; border-radius:7px; display:block; text-align:center; color:#fff; font-size:15px; font-weight:bold; background:#385583; margin-bottom:15px;}


#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} 



.footer_bar {width:100%; height:75px; /*bottom:22px;*/ bottom:0; box-sizing:border-box; overflow:hidden; position:fixed; border-top:1px solid #ddd; background:#fff; box-sizing:border-box; z-index:20;}
.footer_bar li {width:25%; height:100%; float:left; text-align:center; font-size:0;}
.footer_bar li .count {font-style:normal; position:absolute; top:22px; left:0; right:0; text-align:center;  font-weight:bold; font-size:10px; color:#385583;}
.footer_bar li a {position:relative; display:block; width:100%; height:100%; padding-top:15px; box-sizing:border-box;}
.footer_bar li img {display:block; height:24px; margin:auto; margin-bottom:8px;}
.footer_bar li p { font-size:13px; line-height:1;}
@media screen and (min-width: 1280px) {
	.footer_bar  {width:640px;}
}




/* 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 #385583;}
.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:8px 15px 9px; background:#fff; color:#999; border-bottom:1px solid #ddd; border-left:0; border-right:0;}


/* 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:#385583; font-weight:bold;}
.fontPv {color:#777;}
.fontPv2 {color:#777;}
.fontB {color:#d30000;}


/* sub_search */
#m_notice {background-color:#fff; color:#666; 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:50px; line-height:50px; margin:0 25px; }
#m_notice .notice_input strong {display:block; font-weight:normal;}
#m_notice .notice_input strong img {position:absolute; top:7px; 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:#666;}
#m_notice .hd {height:15px; background:#85cc2a;}



.tab_submenu {width:100%; position:relative; overflow:hidden;}
.tab_submenu * {box-sizing:border-box;}
.tab_submenu li	{position:relative; width:50%; height:36px; line-height:36px; font-size:12px; font-weight:100; border:1px solid #ddd; border-left:0; color:#525252; float:left; text-align:center; display:inline-block;}
.tab_submenu li a {display:block; width:100%; height:100%;}
.tab_submenu li.on {background:#385583; color:#fff; font-weight:bold;}
.tab_submenu li:first-child{border-left:1px solid #ddd;}
.tab_submenu.about li {width:50%;}
.tab_submenu.myoffice li {width:8.3%;}
.tab_submenu.customer li {width:25%;}


.pr1 {color:#385583; font-weight:bold;}
.pr2 {color:#555;}
.pr3 {color:#ef8e4d;}



/* 브랜드 */
.area_brand {position:relative; padding-top:30px; width:100%; margin:auto; word-break:keep-all;}
.area_brand strong {color:#385583;}
.area_brand h3 {font-size:20px;  color:#000; line-height:28px; margin-bottom:25px;}
.area_brand h3 strong {display:block; margin-bottom:15px}
.area_brand p {font-size:16px; margin-bottom:20px; line-height:24px; color:#666;}
.area_brand p b {color:#000;}
.area_brand p b, .area_brand p strong {font-size:18px;}


.area_confirm {width:100%; padding:65px 0px; text-align:center;}
.area_confirm * {display:block; margin:auto;}
.area_confirm .txt {font-weight:bold; font-size:16px; width:80%; margin-bottom:20px; word-break:keep-all;}
.area_confirm input[type='password'] {width:80%; height:40px; margin-bottom:20px; border:0; border-bottom:1px solid #ddd; font-size:15px;}
.area_confirm input[type='button'] {width:80%; height:50px; background:#0D5C9C; color:#fff; font-weight:bold; font-size:15px; border:0;}



.s01 .alertMessage {width:100%; margin-bottom:10px; font-size:1.2em}
.s01 .alertMessage em {font-weight:bold;}
.s01 .marketTable * {box-sizing:border-box;}
.s01 .marketTable {width:100%; border:0; margin-bottom:15px;}
.s01 .marketTable th {width:20%; font-weight:normal; border:0;}
.s01 .marketTable th, .s01 .marketTable td {color:#111; font-size:0.9em; text-align:left; border:0; padding:4px 0;}
.s01 .marketTable thead th {font-weight:bold; font-size:1.2em;  background:#fff;}
.s01 .marketTable .url {font-family:inherit; width:100%; height:35px; line-height:35px; border:1px solid #ddd; padding:0 10px;}
.s01 .marketTable .url.area {height:80px; line-height:1.2; padding:3% 10px;}
.s01 .marketGuide {color:#111; margin-bottom:15px;}
.s01 .marketGuide h3 {text-align:center; font-weight:normal; background:#0d6fb8; font-size:1.2em; color:#fff; padding:3% 2%; }
.s01 .marketGuide ol {display:block; padding:3% 2%; background:#f6f6f6; list-style:decimal;}
.s01 .marketGuide ol li {font-size:.9em; word-break:keep-all; margin-bottom:6px; margin-left:4%;}
.s01 .marketGuide ol li:last-child {margin-bottom:0;}
.s01 .sectionBanner {width:100%; position:relative; overflow:hidden;}
.s01 .sectionBanner .thumb {width:100%; height:100%; padding:3%; border:1px solid #ddd; text-align:center;}
.s01 .sectionBanner .thumb img {width:100%; height:100%;}
.s01 .sectionBanner .info {width:100%; height:100%; overflow:hiddentext-align:center;}
.s01 .sectionBanner .info .px {font-size:1em; font-weight:bold; text-align:center; padding:10px 0 7px 0; display:block; }
.s01 .sectionBanner .article {width:100%; height:100%; background:#fff; border:1px solid #ddd; padding:30px;}
.s01 .sectionBanner .article .banner {width:100%; margin:auto; text-align:center;}




.openPopup {display:table; width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; text-align:center; top:0; left:0; right:0; bottom:0; display:none; z-index:999999;}
.openPopup:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
.openPopup .popup-container {width:100%; max-width:480px; background:#fff; display:inline-block; vertical-align:middle;}
.openPopup .popup-container .popup-head {box-sizing:border-box; position:relative; text-align:center; width:100%; height:49px; line-height:50px; background:#385583;; border-bottom:1px solid #ddd; padding:0 20px; position:relative;}
.openPopup .popup-container .popup-head	h3 {font-size:16px; font-weight:900; margin:0; line-height:49px; color:#fff;}
.openPopup .popup-container .popup-head	.btn_popup_close {display:block; position:absolute; right:20px; top:-2px;}
.openPopup .popup-container .popup-cont {width:100%; overflow:hidden; padding:20px; box-sizing:border-box;}
.openPopup .popup-container .popup-cont .table {border-collapse:collapse; border:1px solid #ddd; margin:0;}
.openPopup .popup-container .popup-cont .table th, .openPopup .popup-container .popup-cont .table td {background:#fff; border:1px solid #ddd; height:30px; padding:5px 5px; vertical-align:middle; font-size:12px;}
.openPopup .popup-container .popup-cont .table th {background:#fafafa;}
.openPopup .popup-container .popup-cont .table .btn {width:60px; height:35px; background:#fff; border:1px solid #111; color:#111; font-weight:bold; font-size:12px;}
.openPopup .popup-container .popup-cont .table .hidden {width:0; height:0; visibility:hidden; border:0; font-size:0; padding:0;}

@media screen and (max-width:480px){
	.openPopup:before {display:none;}
	.openPopup .popup-container {width:100%; position:absolute; top:50%; left:0; margin-top:-200px;}
}


/* 레이어팝업 */
.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; max-width:480px;  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:#385583; }
.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_w.png") center no-repeat; background-size:18px;}
.popup_layer .popup_content {position:relative; width:100%; overflow-y:auto; max-height:600px;}
.popup_layer .popup_content .form {padding:20px 15px;}
.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;}
.popup_layer .area_bottom {padding:20px 0px 10px; width:100%; text-align:center;}
.popup_layer .area_bottom .btn_common {width:120px; margin:0 3px;}


/* 회원가입 구분 */
.area_join_type {position:relative; width:100%; overflow:hidden;}
.area_join_type * {box-sizing:border-box;}
.area_join_type .join_type {position:relative; width:100%; border:1px solid #dfdfdf; text-align:center; border-top:3px solid #333; padding:25px 15px 30px;}
.area_join_type .join_type img {width:80px; margin-bottom:20px;}
.area_join_type .join_type .title {font-size:20px; margin-bottom:15px; line-height:1;}
.area_join_type .join_type .txt {font-size:14px; line-height:22px;  margin-bottom:10px; }
.area_join_type .join_type ol {padding-left:15px; word-break:keep-all; list-style:decimal; text-align:left;}
.area_join_type .join_type ol li {font-size:13px; color:#888888; line-height:20px;}
.area_join_type .join_type .btn {margin:auto; width:100%; height:50px; line-height:50px; margin-top:30px; font-size:16px; background:#999; color:#fff; font-weight:bold; display:block;}
.area_join_type .join_type.type1 {border-top-color:#2c99ce; margin-bottom:20px;}
.area_join_type .join_type.type1 .btn {background:#2c99ce;}
.area_join_type .join_type.type2 {border-top-color:#015c95;}
.area_join_type .join_type.type2 .btn {background:#015c95;}

.view_sore .section {width:100%; text-align:left; padding-bottom:38px; margin-bottom:35px; font-size:14px; border-bottom:1px dashed #ddd; line-height:1.5;}
.view_sore .section h6 {font-size:18px; margin-bottom:20px; text-align:center;}



.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:100;}
.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;}










/* 입력폼 */
.form_wrap {position:relative; width:100%; padding:10px 10px 20px; }
.form_wrap .title {width:100%; padding-bottom:15px; font-size:0; line-height:1; border-bottom:1px solid #424242; overflow:hidden; margin-bottom:20px;}
.form_wrap .title .tit {font-size:16px; font-weight:bold;}
.form_wrap .title .tit, .form_wrap .title .right {display:inline-block; vertical-align:middle;}
.form_wrap .title .s-txt {float:right; color:#999; font-size:14px;}
.form_wrap .title .tit .check {padding-top:10px; display:block;}
.form_wrap .title .tit .check label {font-weight:normal; line-height:1.3;}
.form_wrap .title .tit .check label b {display:block;}
.form_wrap .form_row {position:relative; width:100%; margin-bottom:16px;}
.form_wrap .form_row .tit {width:100%;}
.form_wrap .form_row:last-child {margin-bottom:0;}
.form_wrap .form_row .cont {position:relative; font-size:0;}
.form_wrap .form_row .cont .div {display:inline-block; vertical-align:middle; width:auto; font-size:12px; margin:0 5px;}
.form_wrap .form_row .cont .check_option {padding-top:10px;}
.form_wrap .form_row .cont .check input[type="checkbox"] + label {font-size:13px; color:#777;} 
.form_wrap .form_row .cont .check input[type="radio"]:checked + label:after {top:50%; margin-top:-4px;}
.form_wrap .form_row .tit, .form_wrap .form_row .cont {display:inline-block; vertical-align:top;}
.form_wrap .form_row .cont  {width:calc(100% - 100px);}
.form_wrap .form_row .cont .inputwrap {display:inline-block; }
.form_wrap .form_row .cont .inputwrap.tel select {min-width:auto;}
.table_write th {text-align:left; font-weight:normal;}
.table_write th, .table_write td {padding:6px 0;}
.table_write tr:first-child th, .table_write tr:first-child td {padding-top:0;}
.table_write tr:last-child th, .table_write tr:last-child td {padding-bottom:0;}



/* 배송지관리 */
.list_address {position:relative; width:100%; margin-bottom:20px;}
.list_address * {box-sizing:border-box;}
.list_address .item {position:relative; width:100%; padding:15px 20px; border:1px solid #e3e3e3; border-radius:8px; display:block;}

.list_address .item p {display:block; position:relative; width:100%; overflow:hidden; margin-bottom:10px;}
.list_address .item .addr_name {line-height:24px; margin-bottom:8px;}
.list_address .item .addr_name .name {font-weight:bold; font-size:16px; margin-right:10px;}
.list_address .item .addr_name .name, .list_address .item .addr_name .tag {display:inline-block; vertical-align:middle;}
.list_address .item .addr_name .tag {padding:0px 13px; height:24px; border-radius:50px; color:#f26522; border:1px solid #f26522; font-size:12px;}
.list_address .item .addr_tel {font-size:0; margin-bottom:5px;}
.list_address .item .addr_tel .tel {display:inline-block; position:relative; margin-right:10px; padding-right:11px; color:#777; font-size:14px;}
.list_address .item .addr_tel .tel:after {content:""; width:1px; height:10px; background:#e3e3e3; position:absolute; top:50%; margin-top:-5px; right:0;}
.list_address .item .addr_tel .tel:last-child {margin-right:0; padding-right:0;}
.list_address .item .addr_tel .tel:last-child:after {display:none;}
.list_address .item .addr_addr {font-size:14px; color:#424242; line-height:1.3; margin-bottom:10px;} 
.list_address .item .addr_func {width:100%; overflow:hidden; font-size:0;}
.list_address .item .addr_func .btn_common {height:30px; line-height:30px; margin-right:10px; border-radius:6px;}
.list_address .item .addr_func .btn_common:last-child {margin-right:0;}




/* 고객서비스 */
.area_customer {position:relative; width:100%;}
.area_customer * {box-sizing:border-box;}
.area_customer .search_customer {width:100%; border-radius:6px; background:#385583; color:#fff; font-weight:bold; text-align:center; padding:25px 20px; margin-bottom:20px;}
.area_customer .search_customer .title {font-size:16px; margin-bottom:15px; display:block;}
.area_customer .search_customer .field_search {position:relative;}
.area_customer .search_customer .field_search .text_form {width:100%; height:40px; line-height:40px; font-size:14px; background:url("../../images/sub/btn_search_customer.png") 20px center no-repeat #fff; border-radius:20px; padding:0 20px 0 50px; background-size:21px;}
.area_customer .row {position:relative; width:100%; overflow:hidden;}
.area_customer .row .box {font-size:13px; width:100%; padding:25px 20px; text-align:center; border:1px solid #ddd; border-radius:8px; margin-bottom:10px;}
.area_customer .row .box .title {font-size:16px; line-height:1; margin-bottom:10px;}
.area_customer .row .box .title .more {margin-top:10px; margin-bottom:20px; font-size:12px; font-weight:normal; color:#666;}
.area_customer .row .box .title .more a {display:inline-block; padding:8px 15px; border:1px solid #ddd; border-radius:50px;}
.area_customer .row .box .title .more span, .area_customer .row .box .title .more img {display:inline-block; vertical-align:middle;}
.area_customer .row .box .title .more span {margin-right:5px;}
.area_customer .row .box .txt {font-size:13px; color:#666; margin-bottom:15px;}
.area_customer .row .box .link {display:block; margin:auto; width:110px; height:32px; line-height:30px; border-radius:50px; color:#fff; background:#385583;}
.area_customer .row .box .link span, .area_customer .row .box .link img {display:inline-block; vertical-align:middle;}
.area_customer .row .box .link span {margin-right:5px;}
.area_customer .row .box .link img {width:8px;}
.area_customer .row .box .category { width: 100%; font-size:0;}
.area_customer .row .box .category li {display:inline-block; list-style:none; width:calc(50% - 5px); margin:5px 10px 5px 0px; border-radius:4px; font-size:13px; color:#666; text-align:center; height:34px; line-height:34px; border:1px solid #ddd; transition:.2s;}
.area_customer .row .box .category li:nth-child(even) {margin-right:0;}
.area_customer .row .box .category li:hover {color:#385583; border-color:#385583; }
.area_customer .row .box .category li a {display:block; width:100%;}
.area_customer .row .box .list_customer {width:100%; overflow:hidden; padding-top:15px;}
.area_customer .row .box .list_customer li {width:50%; text-align:center; display:inline-block; float:left;}
.area_customer .row .box .list_customer li img {width:79px; margin-bottom:10px;}
.area_customer .row .box .list_customer li p {font-size:13px; line-height:1;}
.area_customer .row .box .tel {display:block; color:#385583; font-size:24px; line-height:1; border-bottom:1px solid #ddd; padding-bottom:16px; margin-bottom:15px;}
.area_customer .row .box .cs_info {width:100%; overflow:hidden;}
.area_customer .row .box .cs_info a {width:100px; height:44px; line-height:44px; text-align:center; background:#ddd; color:#666; border-radius:44px;}
.area_customer .row .box .cs_info p {color:#666; line-height:17px; font-size:13px; padding-left:15px; padding-top:10px;}
.area_customer .row .box .cs_info a, .area_customer .row .box .cs_info p {display:inline-block; vertical-align:top;}
.area_customer .row .box .list_question {width:100%; padding-top:10px;}
.area_customer .row .box .list_question li {display:block; width:100%; padding:12px 0 12px; line-height:1.4; letter-spacing:-1px; text-align:center; color:#666; background:#fff; border-radius:5px; margin-bottom:10px;}
.area_customer .row .box .list_question li:last-child {margin-bottom:0;}
.area_customer .row .box .list_question li a {display:block;}
.area_customer .row .box .list_question li:active {opacity:.7;}
.area_customer .row .box.guide {text-align:center;}
.area_customer .row .box.process {width:100%; height:auto;}
.area_customer .row .box:last-child {margin-right:0;}
.area_customer .row:nth-child(3) .box {background:#f5f5f5;}
.customer_policy {width:100%;  line-height:1.45;} 
.customer_policy h3 {font-weight:bold; color:#385583; font-size:16px; margin-bottom:15px;}
.customer_policy .txt {font-size:14px; word-break:keep-all;}
.customer_policy .txt.label {color:#999;}
.customer_policy table {width:100%; margin-top:30px;}
.customer_policy table th, .customer_policy table td {border:1px solid #ddd; padding:7px 5px; font-size:13px;}
.customer_policy table thead th {background:#f4f4f4;}
.customer_policy table th {color:#385583;}
.customer_policy table ul {margin-left:20px;}
.customer_policy table li {margin-bottom:6px;}
.customer_policy table li:last-child {margin-bottom:0;}
.customer_policy .group {width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e3e3e3;}
.customer_policy .group h5 {font-size:14px; margin-bottom:10px;}
.customer_policy .group:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}
.return-policy { padding-left:0; margin-top:6px;}
.return-policy > li {display:block; margin-bottom:5px; font-size:14px; color:#333; }
.return-policy ul { padding-left:20px; margin-top:3px; }
.return-policy ul li {display:block; font-weight:normal; font-size:13px; color:#555; margin-bottom:1px; }
.return-policy ul ul { padding-left:20px; }
.return-policy ul ul li {color:#777; margin-bottom:2px; }
.category_id {width:100%; border-radius:7px; height:50px; padding-left:20px;}

.pv {color:#385583 !important;}
.pv2, .pr_pv2 {color:#20b7ca !important;}



.join_titleBox{margin-top:30px;}
.join_title{font-size:18px; font-weight:400; color:#333333; margin-bottom:10px;}
.join_titleS{font-size:13px; color:#777777; line-height:19px; white-space:normal;}
.join {margin-top:40px;}
.join_text{font-size:16px; line-height:1.6; color:#333333; margin-bottom:25px;}
.join_checkbox{margin-bottom:30px; }
.join_check{text-align:right; cursor:pointer;}
.join_check label{margin-right:8px; position:relative; top:2px;}
.join_check input{position:relative; }
.join_check_title {width:100%; overflow:hidden; margin-bottom:10px; }
.join_check_title h5 {float:left;font-size:14px;}
.join_check_title .join_check {float:right;font-size:14px;}
.join_check_title label, .join_check_title input {cursor:pointer;}
.join_check_title label {display:inline-block; padding-left:5px;}
.join_check_all{margin-top:20px;}
.join_check_all p {position:relative; margin-bottom:10px; line-height:1.4; padding-left:15px;}
.join_check_all span{display:block; font-size:14px;  margin-left:7px;}
.join_check_all strong{ font-size:14px; font-weight:400; margin-left:7px; }
.join_check_all input{position:absolute; top:0px; left:0;}


.metawell_terms {position:relative; width:100%; font-size:13px; line-height:1.45; word-break:keep-all;}
.metawell_terms h3 {font-size:14px; margin-bottom:5px; margin-top:15px;}
.metawell_terms h3:first-child {margin-top:0;}
.metawell_terms .group {width:100%; margin-bottom:20px;}
.metawell_terms .group:last-child {margin-bottom:0;}
.metawell_terms .div {padding-left:15px;}
.metawell_terms li {margin-bottom:2px;}
.metawell_terms li:last-child {margin-bottom:0;}
.metawell_terms ul {padding-left:15px;}
.metawell_terms ul li {display:block;}
.metawell_terms .ol1 {width:100%; list-style:none; padding-left:15px;}
.metawell_terms .ol1 li {display:block; position:relative; padding-left:15px;}
.metawell_terms .ol1 li em {font-style:normal; position:absolute; top:0; left:0;}
.metawell_terms .ol2 {list-style-type: decimal; padding-left:15px;}
.metawell_terms .ol2 li {padding-left:0px; display:list-item; margin-left:15px;}
.metawell_terms .ol1 li .ol2 {padding-left:0px;}
.metawell_terms table {width:100%; border-collapse:collapse;}
.metawell_terms table th, .metawell_terms table td {border:1px solid #ddd; padding:10px; font-size:14px;}
.metawell_terms th {background:#f4f4f4;}
.metawell_terms .ol1 {padding-left:0;}