/*@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');*/


* {font-family: 'Spoqa Han Sans Neo', 'sans-serif'; -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:480px; 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 {position:absolute; top:0; left:0; right:0; margin:auto; width:100%; max-width:480px; height:56px; z-index:100; padding:0 15px; box-sizing:border-box;}
.header .logo {float:left; position:relative; top:17px; width:135px; font-size:0;}
.header .logo img {width:100%;}
.header .logo a {display:block; width:100%; height:100%;}
.header .area_side {position:relative; float:right; padding-top:20px;}
.header .area_side > li {display:inline-block; vertical-align:middle; margin-left:11px;}
.header .area_side > li img {height:21px;}
.header .area_side > li .all_menu {width:23px;}
/*
.header .area_lang {position:relative; width:50px; text-align:center; display:inline-block; vertical-align:middle; font-size:0;}
.header .area_lang .selected {cursor:pointer;}
.header .area_lang .selected img {width:32px;}
.header .area_lang .language {position:absolute; font-size:0; width:100%; top:40px; padding:15px 0; display:none; background:#fff;}
.header .area_lang .language li {display:block; margin-bottom:12px;}
.header .area_lang .language li img {width:32px;}
.header .area_lang .language li:last-child {margin-bottom:0;}
.header .area_lang .language:before {content:""; width:10px; height:7px; position:absolute; top:-7px; left:50%; margin-left:-5px; background:url("/include/lang/icon_lang_tri.png") center no-repeat;}
*/



/* Àüü¸Þ´º */
.nav_mobile {display:none; position:fixed; top:0px; width:100%; max-width:480px; height:100%; background:#fff; z-index:100;}
.nav_mobile * {box-sizing:border-box;}
.nav_mobile .nav_top {position:relative; width:100%; height:60px; line-height:60px; padding:0 15px; background:#fff; border-bottom:1px solid #ddd;}
.nav_mobile .nav_top .btn_menu_close {position:absolute; border:0; top:0; right:15px; width:68px; height:60px; background:url("../../images/common/btn_openmenu_close.png?ver=1.1")  right center no-repeat; background-size:21px;}
.nav_mobile .nav_top ul {font-size:0;}
.nav_mobile .nav_top ul li {position:relative; display:inline-block; font-size:15px; color:#333; padding-right:13px; margin-right:12px;}
.nav_mobile .nav_top ul li:after {position:absolute; top:50%; margin-top:-6px; right:0; content:""; position:absolute; width:1px; height:12px; background:#dfdfdf;}
.nav_mobile .nav_top ul li:last-child {margin-right:0; padding-right:0;}
.nav_mobile .nav_top ul li:last-child:after {display:none;}
.nav_mobile .nav_quick {position:relative; width:100%; height:80px; background:#26532c; font-size:0; padding-top:17px;}
.nav_mobile .nav_quick li {position:relative; text-align:center; display:inline-block; width:33.3%; height:100%;}
.nav_mobile .nav_quick li:after {content:""; position:absolute; top:50%; right:0; width:1px; height:40px; margin-top:-20px; background:#fff; opacity:.1;}
.nav_mobile .nav_quick li:last-child:after {display:none;}
.nav_mobile .nav_quick li img, .nav_mobile .nav_quick li span {display:block; }
.nav_mobile .nav_quick li span {font-size:14px; color:#fff; }
.nav_mobile .nav_quick li img {height:22px; margin:auto; margin-bottom:10px;}
.nav_mobile .nav_mobile_list {position:relative; width:100%; height:calc(100vh - 140px); padding:0px 0px; overflow-y:auto; text-align:left; padding-bottom:50px;}
.nav_mobile .nav_mobile_list .menu {cursor:pointer; width:100%; height:52px; line-height:52px; color:#111; font-weight:600; font-size:16px; padding:0 15px; border-bottom:1px solid #e9e9e9;}
.nav_mobile .nav_mobile_list .depth {display:none; padding:24px 0px; border-bottom:1px solid #efefef;}
.nav_mobile .nav_mobile_list .depth li {display:block; width:100%; color:#666; font-size:14px; margin-bottom:22px;}
.nav_mobile .nav_mobile_list .depth li a {display:block; width:100%; height:100%; padding:0 25px;}
.nav_mobile .nav_mobile_list .depth li:last-child {margin-bottom:0;}
.nav_mobile .nav_mobile_list .depth li span {cursor:pointer; padding:0 25px; display:block;}
.nav_mobile .nav_mobile_list .depth li span.btnToggleClose {font-weight:bold; margin-bottom:15px;}
.nav_mobile .nav_mobile_list .depth li .depth_in {display:none; border-bottom:0; padding:20px 0; background:#f7f7f7;}
.nav_mobile .nav_mobile_list .depth li .depth_in li {margin-bottom:20px; font-size:13px; color:#666;}
.nav_mobile .nav_mobile_list .depth li .depth_in li a {padding:0 35px;}
.nav_mobile .nav_mobile_list .depth li .depth_in li:last-child {margin-bottom:0;}
.nav_mobile .nav_mobile_list .menu.btnToggleOpen {background:url("../../images/common/icon_nav_mobile_open.png?ver=1.1") calc(100% - 15px) center no-repeat; background-size:15px;}
.nav_mobile .nav_mobile_list .menu.btnToggleClose {background:url("../../images/common/icon_nav_mobile_close.png?ver=1.1") calc(100% - 15px) center no-repeat #f3f3f3; background-size:15px;}



/* ÄÁÅÙÃ÷ */
.area_content {position:relative; width:100%; line-height:1.6;}
.area_content .column {position:relative; width:100%; margin-bottom:37px; padding-bottom:40px; border-bottom:1px solid #eee; word-break:keep-all;}
.area_content .column h5 {font-size:18px; margin-bottom:10px; color:rgb(166,91,76);}
.area_content .column:last-child {padding-bottom:0; border-bottom:0; margin-bottom:0;}
.area_content .column ul {list-style-type: disc; margin-left: 20px;}
.area_content .column ul li {display:list-item; margin-bottom:10px;}
.area_content .column ul li h5 {color:#222; font-size:14px; margin-bottom:5px;}
.area_content .column ul ul {list-style-type: circle; margin-left: 20px; padding-top:10px;}
.area_content .column ul ul li {font-size:13px; color:#555;}
.area_content .column ul ul li h5 {color:inherit;}


/* main */
.area_main {width:100%; position:relative; background:#fff; }
.area_main * {box-sizing:border-box; word-break:keep-all; font-family: "NanumSquareNeo", sans-serif;}
.section {width:100%; position:relative;}
.section h2 {font-family: "NanumSquareNeo", sans-serif; font-size:37px; margin-bottom:20px; word-break:keep-all; font-weight:700;}
.section p {font-size:18px;}
.section .link {width:182px; line-height:54px; border:1px solid rgb(214,218,213); display:block; font-size:18px; text-align:center;}
.area_main .section.main h2 {line-height:1.3; letter-spacing:-1px; font-size:36px;}
.area_main .section.main .bg:before {position:absolute; content:""; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.15);}
.area_main .section.main .bg {height:60vh; overflow:hidden;}
.area_main .section.main .bg img {width:100%; height:100%;}
.area_main .section.main p {margin-bottom:20px; }
.area_main .section.main .cont {position:absolute; z-index:10; padding:0px 30px; line-height:1.6; bottom:50px; color:#fff;}
.area_main .section.industries {padding:60px 30px 60px;}
.area_main .section.industries h2 {color:rgb(166,91,76);}
.area_main .section.industries p {font-size:14px; margin-bottom:30px; line-height:1.4;}
.area_main .section.industries .link {border:2px solid #000; color:#000; font-weight:bold; line-height:45px;}
.area_main .section.industries .list {padding-top:50px; width:100%; }
.area_main .section.industries .list li {display:block;}
.area_main .section.industries .list li a {display:block; padding:12px 0;}
.area_main .section.industries .list li span, .area_main .section.industries .list li em {display:inline-block; vertical-align:top;}
.area_main .section.industries .list li span {font-size:14px;}
.area_main .section.industries .list li em {Font-style:normal; font-family: "NanumSquareNeo", sans-serif; font-size:35px; font-weight:bold;}
.area_main .section.industries .list_effect {width:100%; margin-bottom:30px;}
.area_main .section.industries .list_effect li {display:block; margin-bottom:10px; font-size:18px; line-height:1.6;}
.area_main .section.industries .list_effect li:last-child {margin-bottom:0;}
.area_main .section.industries .list_effect li em, .area_main .section.industries .list_effect li span {display:block;}
.area_main .section.industries .list_effect li em {font-weight:bold;}
.area_main .section.industries .list_effect li span {color:#666; font-size:16px;}
.area_main .section.partner {background:#e6e6e6; text-align:center; padding:40px 0px 50px;}
.area_main .section.partner h2 {padding:0 30px;}
.area_main .section.partner .swiper1 {margin-bottom:40px;}
.area_main .section.partner .swiper-slide {padding:0 30px;}
.area_main .section.partner .swiper-slide p {margin-bottom:30px;}
.area_main .section.partner .swiper-slide strong {display:block; font-style:normal; font-size:18px;}
.area_main .section.partner .list {width:100%;}
.area_main .section.partner .list li {display:block; padding:30px 0;}
.area_main .section.career {background:#aeb5ad; padding:30px;}
.area_main .section.career .list {padding:40px 0; overflow:hidden;}
.area_main .section.career .list .link {width:calc(50% - 10px); line-height:45px; border:2px solid #000; color:#000; font-weight:bold; float:left;}
.area_main .section.career .list .link:nth-child(2) {float:right;}
.area_main .section.career .column {width:100%; overflow:hidden;}
.area_main .section.career .column img {width:100%;}
.area_main .section.career .column .left {float:left; width:50%; padding-right:5px;}
.area_main .section.career .column .right {float:right; width:50%; padding-left:5px;}
.area_main .section.career .column .right  img {margin-bottom:20px;}
.section.subscribe {background:#222a29; padding:30px; color:#fff;}
.section.subscribe img { width:200px; display:block; margin:80px auto;}
.section.subscribe .subscribe_form {width:100%; position:relative; margin-bottom:50px;}
.section.subscribe .subscribe_form .row {display:block; width:100%; margin-bottom:10px;}
.section.subscribe .subscribe_form .row label {display:block; margin-bottom:10px; font-size:18px; line-height:30px;}
.section.subscribe .subscribe_form .row .text_subscribe {width:100%; background:transparent; height:60px; font-size:18px; color:#fff; border-bottom:1px solid #fff;}
.section.subscribe .subscribe_form .row .text_subscribe:focus {background:#fff;}
.section.subscribe .subscribe_form .link {border:1px solid #fff; background:transparent; color:#fff;}
.section.subscribe .contact_list {display:block; margin-bottom:40px;}
.section.subscribe .contact_list li {display:block;}
.section.subscribe .contact_list li em, .section.subscribe .contact_list li p {display:inline-block; vertical-align:top; font-size:20px;}
.section.subscribe .contact_list li em {font-style:normal; width:100px;}
.section.subscribe .contact_list li p {width:calc(100% - 105px);}
.section.subscribe .contact_link {margin-bottom:50px;}
.section.subscribe .contact_link li {display:inline-block; width:45%; font-size:20px; line-height:2;}
.section.subscribe .contact_link li:nth-child(1), .section.subscribe .contact_link li:nth-child(2) {width:100%;}
.section.subscribe .contact_link li a {text-decoration:underline;}

.section.subscribe .copyright {line-height:70px; font-size:15px;}

@media (max-height:740px) {
	.area_main .section.main .bg {height:70vh;}	
}


/* ¼­ºê */
.sub_header {position:relative; width:100%; box-sizing:border-box; padding-top:100px; height:168px; line-height:1; color:#fff; text-align:center; background:url("../../images/sub/bg_sub_title.png") top no-repeat #555; background-size:cover;}
.sub_header .title {font-size:24px; margin-bottom:0px;}
.sub_header .txt {display:none; font-size:13px; color:#888888; font-weight:400;}



/* ¿À½Ã´Â ±æ */
.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 #26532c; 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:#26532c; 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% - 5px); text-align:center; display:inline-block; vertical-align:top; margin-right:10px; margin-bottom:55px;}
.shoppingPrc .list_item .item .thumb {position:relative; width:100%; margin-bottom:10px;}
.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;}
.shoppingPrc .list_item .item .pr-name {word-break:keep-all; width:100%; margin-bottom:10px; font-size:16px; font-weight:normal;} 
.shoppingPrc .list_item .item .pr-txt {width:100%; font-size:12px; color:#888; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:20px; font-weight:normal;}
.shoppingPrc .list_item .item .pr-price {font-size:0; width:100%; text-align:center;}
.shoppingPrc .list_item .item .pr-price li {position:relative; display:inline-block; font-size:14px;}
.shoppingPrc .list_item .item .pr-price li.price {color:#26532c; padding-right:11px; margin-right:10px;}
.shoppingPrc .list_item .item .pr-price li.pv {color:#444;}
.shoppingPrc .list_item .item .pr-price li.price:after {position:absolute; top:50%; right:0; margin-top:-6px; content:""; width:1px; height:12px; background:#ddd;}
.shoppingPrc .list_item .item:nth-child(2n) {margin-right:0px;}

.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: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:16px; color:#000; font-size:16px; line-height:25px; margin-bottom:15px;}
.shoppingPrc .list {list-style:none; margin:0 auto; width:100%; border-top:1px solid #e1e1e1; padding-top:16px; 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:#ed1b29; 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 .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:35px;}
.shoppingPrc.detail .function .btn_shop {cursor:pointer; width:calc(50% - 5px); height:44px; display:inline-block;}
.shoppingPrc.detail .function .btn_shop.cart {margin-right:10px;}
.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 {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 #26532c; color:#26532c; 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:#26532c; border:1px solid #26532c; 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:50px 15px 90px 15px; box-sizing:border-box; background:#fff; color:#333;}
.prepare {width:100%; border:1px solid #ddd; padding:100px 0; text-align:center; color:#999; box-sizing:border-box;}
.title_nav {position:relative; width:100%; height:168px; padding-top:100px; box-sizing:border-box; text-align:center; color:#fff; background:url("../../images/common/bg_title_company.png") center no-repeat; background-size:cover;}
.title_nav .sub_title {font-size:24px; font-weight:bold;}

.sub_navigation {font-size:0; position:relative; width:100%; background:#f9f9f9; height:51px; line-height:51px; border-bottom:1px solid #dddddd;}
.sub_navigation * {box-sizing:border-box;}
.sub_navigation .dropdown_nav, .sub_navigation .home {display:inline-block; vertical-align:top;}
.sub_navigation .home  {width:53px; text-indent:-99999px; background:url("../../images/sub/icon_home.png") center no-repeat #fff; background-size:19px; border-right:1px solid #e9e9e9; }
.dropdown_nav {position:relative; width:calc(100% - 53px);}
.dropdown_nav .title {transition:.3s; display:block; cursor:pointer; width:100%; height:51px; padding:0 20px; box-sizing:border-box; background:#fff; text-align:center; font-weight:bold; font-size:16px; font-weight:bold;}
.dropdown_nav .title span, .dropdown_nav .title img {display:inline-block; vertical-align:middle;}
.dropdown_nav .title span {float:left; font-size:16px; margin-right:10px; color:#111111;}
.dropdown_nav .title img {float:right; width:14px; position:relative; top:21px;}
.dropdown_nav .dropdown {display:none; position:absolute; top:52px; left:-53px; background:#fff; width:calc(100% + 53px); box-shadow:0px 10px 15px rgba(0,0,0,0.08); border-bottom:1px solid #ddd; padding:17px 0; text-align:center; z-index:80;}
.dropdown_nav .dropdown li {display:block; width:100%; line-height:35px; color:#111; font-weight:500; font-size:14px; text-align:left;}
.dropdown_nav .dropdown li a {transition:.2s; display:block; width:100%; height:100%; padding:0 20px; box-sizing:border-box;}
.dropdown_nav .dropdown li a:active {background:#f6f6f6;}



.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 {overflow:hidden; width:100%; margin-bottom:20px; margin-top:0px;}
.tab_menu li {float:left; position:relative; box-sizing:border-box;  z-index:10; background:#f3f3f3; border-bottom:1px solid #26532c; color:#333; width:33.3%; height:35px; line-height:35px; font-size:12px; text-align:center;}
.tab_menu li:first-child {width:33.4%; }
.tab_menu li img {margin-bottom:1px; vertical-align:middle;}
.tab_menu li a { display:block; text-decoration:none; padding:npx 5px;}
.tab_menu li.on {z-index:20; border:1px solid #26532c; border-bottom:1px solid #fff; background:#fff;}
.tab_menu li.on a {color:#26532c; font-weight:bold;}
.tab_menu li.on strong {display:block;}
.tab_menu li.on strong a {color:#ffffff; text-decoration:none; padding:0px 10px;}
.view_sore {width:100%; min-height:200px;}
.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:#26532c;}
.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:#26532c; 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:#26532c; 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:#26532c; 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; background:#fff; border:1px solid #ddd; border-radius:0px;}


/* sub */
.subTitle {position:relative; width:100%; font-weight:bold; padding:0px 0px 50px; text-align:center; font-size:20px; letter-spacing:-1px;}
.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%;}




/* º¸»óÇ÷£ */
.area_business {width:100%; max-width:720px; margin:auto;}
.area_business img {width:100%; margin-bottom:10px;}

/* 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 {padding:0 20px;}


#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 {box-sizing:border-box; font-size:16px; width:100%; height:46px; border:0; border-bottom:1px solid #ddd;  line-height:44px; margin-bottom:15px;}
.text_login:focus {border-bottom:1px solid #26532c; color:#26532c;}
.btn_login {box-sizing:border-box; display:block; width:100%; height:56px; line-height:56px; text-align:center; background:#26532c; color:#fff; font-size:18px; 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} 



#footer {position:relative; width:100%; padding:20px 20px 75px; background:#222a29; box-sizing:border-box; text-align:center; color:#999; font-size:12px; line-height:1.6;}
#footer .btnToggle {color:#ddd; font-weight:bold; padding-right:20px;}
#footer .btnToggleOpen {background:url("../../images/common/icon_footer_open.png") right center no-repeat; background-size:10px;}
#footer .btnToggleClose {background:url("../../images/common/icon_footer_close.png") right center no-repeat;  background-size:10px;}
#footer .depth {display:none; border-top:1px solid #363636; padding-top:10px; margin-top:10px;}
#footer .depth div {margin-bottom:15px;}
#footer .depth div:last-child {margin-bottom:0;}
#footer .copyright {padding-top:15px; font-size:12px; text-align:center;  color:#eee;}
.footer_bar {width:100%; height:64px; /*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:20%; height:100%; float:left; text-align:center; font-size:0;}
.footer_bar li a {display:block; width:100%; height:100%; padding-top:12px; box-sizing:border-box;}
.footer_bar li img {display:block; width:28px; margin:auto; margin-bottom:9px;}
.footer_bar li p { font-size:12px; color:#666; line-height:1;}
@media screen and (min-width: 1280px) {
	.footer_bar  {width:480px;}
}




/* 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 #26532c;}
.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:#26532c; 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;}
.shop_title {position:relative; width:100%; padding:10px 0px 30px; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-1px;}



.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:#26532c; 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:#26532c; font-weight:bold;}
.pr2 {color:#555;}
.pr3 {color:#ef8e4d;}


.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:#1091d0;; 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; width:calc(100% - 40px); 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:#26532c; }
.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%; max-height:600px; overflow-y:auto;}
.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;}



/* ȸ¿ø°¡ÀÔ ±¸ºÐ */
.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:block;}
.container_review .review_head .thumb_list li img {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:480px; 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:480px; padding-bottom:15px; background:#fff; z-index:10; margin:auto; border-top:0;}





/* ºê·£µå */
/* bi¼Ò°³*/
.area_bi {position:relative; width:100%; overflow:hidden; font-size:0;}
.area_bi * {box-sizing:border-box;}
.area_bi .logo {position:relative; width:100%; text-align:center; height:240px; background:#f9f9f9}
.area_bi .logo img {position:absolute; top:50%; width:146px; left:0; right:0; margin:auto; margin-top:-59px;}
.area_bi .cont {width:100%;}
.area_bi .cont .group {width:100%; position:relative; padding:50px 0px 25px;}
.area_bi .cont .group .tit {position:relative; font-size:18px; color:#26532c; font-weight:600; margin-bottom:10px;}
/*
.area_bi .cont .group .tit:before {position:absolute; top:50%; left:150px; content:""; width:150px; height:2px; background:#eee;}
*/
.area_bi .cont .group .txt {font-size:14px; color:#666; line-height:20px; word-break:keep-all;}
.area_bi .cont .group img {width:100%; margin-bottom:20px; border-radius:10px;}
.area_bi .cont .group:last-child {margin-bottom:0;}
.area_bi .cont .group:nth-child(1) {background:url("../images/sub/bg_bi_01.png") right center no-repeat;}
.area_bi .cont .group:nth-child(2) {background:url("../images/sub/bg_bi_02.png") right center no-repeat;}






/* ´ë½Ãº¸µå¿ÀÅä½Ê1 */
.area_dashboard1 {position:relative; width:100%; color:#000; padding:30px 20px 0px; box-sizing:border-box;}
.area_dashboard1 * {font-family:"NotoSans"; box-sizing:border-box;}
.area_dashboard1 .tab_dashboard {width:100%; text-align:center; overflow:hidden; margin-bottom:30px; border-radius:50px; background:#eee;}
.area_dashboard1 .tab_dashboard li {cursor:pointer; transition:.1s; width:50%; height:44px; line-height:44px; letter-spacing:-1px; font-size:14px; float:left; display:inline-block;}
.area_dashboard1 .tab_dashboard li a {display:block; width:100%; height:100%;}
.area_dashboard1 .tab_dashboard li.active {background:#26532c; color:#fff; font-weight:bold; border-radius:50px;}
.area_dashboard1 .tab_dashboard li:hover {opacity:.8;}
.area_dashboard1 .subtab_dashboard {width:100%; overflow:hidden; margin-bottom:15px; font-size:0;}
.area_dashboard1 .subtab_dashboard li {position:relative; cursor:pointer; transition:.1s; font-size:15px; color:#888; border-bottom:1px solid #fff; display:inline-block; padding-bottom:5px; margin-right:31px;}
.area_dashboard1 .subtab_dashboard li:after {content:""; position:absolute; top:6px; right:-16px; width:1px; height:11px; background:#eee;}
.area_dashboard1 .subtab_dashboard li.active {color:#c80c2d; border-bottom:1px solid #c80c2d; font-weight:bold;}
.area_dashboard1 .subtab_dashboard li:last-child {padding-right:0;}
.area_dashboard1 .subtab_dashboard li:last-child:after {display:none;}
.area_dashboard1 .tab-cont {display:none;}
.area_dashboard1 .row {position:relative; width:100%; margin-bottom:20px; overflow:hidden; font-size:0;}
.area_dashboard1 .row .row_title {width:100%; margin-bottom:15px; position:relative; overflow:hidden; text-align:center;}
.area_dashboard1 .row .row_title .select {display:block; font-size:12px; width:100%; padding:0 10px; border-color:#999;}
.area_dashboard1 .row .row_title .subtab_dashboard {display:inline-block; width:auto; margin-bottom:20px;}
.area_dashboard1 .row .box {position:relative; display:inline-block; vertical-align:top; font-size:14px; margin-bottom:15px; width:100%;}
.area_dashboard1 .row .box:last-child {margin-right:0;}
.area_dashboard1 .row .box.wrap {max-height:450px; overflow-y:auto; background:#fff; border:1px solid #999;}
.area_dashboard1 .row .box .area_title {width:100%; text-align:center; height:44px; line-height:44px; background:#333; color:#fff; font-size:14px; font-weight:bold;}
.area_dashboard1 .row .box .table {width:100%; border-collapse:collapse;}
.area_dashboard1 .row .box .table th, .area_dashboard1 .row .box .table td {border:1px solid #999; text-align:center; padding:5px 3px; height:26px; font-size:12px;}
.area_dashboard1 .row .box .table th {background:#f4f4f4;}
.area_dashboard1 .row .box .table td {color:#666; background:#fff;}
.area_dashboard1 .row .box .table td.cursor:hover {cursor:pointer; background:#f6f6f6; text-decoration:underline; transition:.1s;}
.area_dashboard1 .row .box .table td.tright {text-align:right;}
.area_dashboard1 .row .box .table td.tleft {text-align:left;}
.area_dashboard1 .row .box .table.min th, .area_dashboard1 .row .box .table.min td {height:35px; font-size:12px; color:#666; border:1px solid #ccc;}
.area_dashboard1 .row .box .table.min th {background:#fff;}
.area_dashboard1 .row .box.wrap .table {height:auto;}
.area_dashboard1 .row .box.wrap .table th {position:sticky; top:0; left:0; border-top:0; border-bottom:0;}
/*
.area_dashboard1 .row .box.wrap .table th:after {position:absolute; top:50%; margin-top:-4px; content:""; width:8px; height:8px;}
.area_dashboard1 .row .box.wrap .table th.asc:after {background:url("../../images/sub/icon_table_array_up.png") center no-repeat; background-size:100%;}
.area_dashboard1 .row .box.wrap .table th.desc:after {background:url("../../images/sub/icon_table_array_down.png") center no-repeat; background-size:100%;}
*/
.area_dashboard1 .row .box.wrap .table tr th:first-child, .area_dashboard1 .row .box.wrap .table tr td:first-child {border-left:0;}
.area_dashboard1 .row .box.wrap .table tr th:last-child, .area_dashboard1 .row .box.wrap .table tr td:last-child {border-right:0;}
.area_dashboard1 .row .box.wrap .table tr:last-child td {border-bottom:0;}
.area_dashboard1 .row .box.current {padding:15px; padding-top:80px; border:1px solid #999; font-size:0; margin-bottom:40px;}
.area_dashboard1 .row .box.current .title {position:absolute; top:20px; left:0px; width:150px; height:32px; line-height:32px; background:#c80c2d; color:#fff; font-size:16px; text-align:center; border-radius:0px 50px 50px 0px;}
.area_dashboard1 .row .box.current .grade, .area_dashboard1 .row .box.current .list_grade {display:inline-block; vertical-align:middle;}
.area_dashboard1 .row .box.current .grade {position:absolute; top:50%; margin-top:-34px; width:60px; text-align:center;}
.area_dashboard1 .row .box.current .grade img {}
.area_dashboard1 .row .box.current .grade p {font-size:20px; font-weight:600;}
.area_dashboard1 .row .box.current .list_grade {width:100%; padding:0 18px 0 120px; background:url("../../images/sub/icon_grade_arrow_left.png") 70px center no-repeat, url("../../images/sub/icon_grade_arrow_up.png") right center no-repeat;}
.area_dashboard1 .row .box.current .list_grade li {display:block; width:100%; height:16px; line-height:16px; text-align:center; background:#c6c6c6; color:#fff; font-size:11px; margin-bottom:2px;}
.area_dashboard1 .row .box.current .list_grade li.on {background:#c80c2d; color:#fff; font-weight:bold;}
.area_dashboard1 .row .box.user {width:100%;}
.area_dashboard1 .row .box.user .select {width:100%; height:50px; font-size:14px; padding-left:5px; margin-bottom:10px; border-color:#666; background:#fffee3; font-weight:bold;}
.area_dashboard1 .row .box.user .name {background:#454545; color:#fff; text-align:center; height:40px; line-height:40px; font-size:14px; margin-bottom:10px;}
.area_dashboard1 .row .box.user .list_status {width:100%; font-size:0; margin-bottom:10px;}
.area_dashboard1 .row .box.user .list_status li {width:calc(33.3% - 6px); border:1px solid #ccc; line-height:1; padding:32px 0px;  background:#f4f4f4; font-size:14px; text-align:center; margin-right:9px; display:inline-block; vertical-align:top;}
.area_dashboard1 .row .box.user .list_status li em {font-style:normal; display:block; margin-bottom:10px;}
.area_dashboard1 .row .box.user .list_status li p {font-weight:bold; font-size:16px; height:16px; color:#26532c;}
.area_dashboard1 .row .box.user .list_status li:last-child {margin-right:0;}
.area_dashboard1 .row .box.user .timer {background:#fff; font-size:12px; border:1px solid #ccc; text-align:center; height:35px; line-height:35px; width:100%;}
.area_dashboard1 .row .box.cal {display:none; padding:0;}
.area_dashboard1 .row .box.cal .select_cal {border:0; text-align:center; width:100%; height:50px; line-height:50px; padding-left:15px; background:#333; color:#fff; font-size:16px; font-weight:bold;}
.area_dashboard1 .row .box.cal .list_month {width:100%; font-size:0;  border:1px solid #999;}
.area_dashboard1 .row .box.cal .list_month li {display:inline-block; vertical-align:top; width:33.3%; color:#999; text-align:center; font-size:16px; height:75px; line-height:75px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.area_dashboard1 .row .box.cal .list_month li:nth-child(3n) {margin-right:0; border-right:0;}
.area_dashboard1 .row .box.cal .list_month li.on {background:#52c0ff; color:#fff;}
.area_dashboard1 .row .box.chart {text-align:center; border:1px solid #999;}
.area_dashboard1 .row .box.chart .dashboard_chart {width:100%; position:relative; overflow:hidden; padding:30px 0; }
.area_dashboard1 .row .box.chart .dashboard_chart .title {font-weight:normal; display:block; font-size:14px; margin-bottom:20px;}
.area_dashboard1 .row .box.chart .dashboard_chart .title b {font-weight:bold;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart {position:relative; width:270px; margin:auto; left:35px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_div {position:relative; width:230px; height:26px; line-height:26px; background:#ccc; margin-bottom:10px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_div .percent {width:auto; background:#d83a4c; color:#fff; height:100%; font-size:12px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_div .label {position:absolute; top:0; left:-45px; font-size:12px; font-weight:bold;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index {position:relative; width:230px; height:24px; margin-bottom:15px; text-align:center; border-top:1px solid #dddddd; padding-top:6px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index li {position:absolute; display:inline-block; float:left; color:#888; font-size:12px; margin-left:-18px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index li:first-child {margin-left:-10px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label {width:100%; left:-25px; position:relative; text-align:center; font-size:0;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label {display:inline-block; vertical-align:middle; margin-right:20px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label div, .area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label span {display:inline-block; vertical-align:middle;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label div {width:15px; height:15px; margin-right:7px; background:#ccc;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label span {font-size:12px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label.on div {background:#d83a4c;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label:last-child {margin-right:0;}
/*
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index li:after {position:absolute; top:-127px; left:61%; width:1px; height:120px; border-left:1px dashed #ddd; content:"";}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index li:first-child:after {display:none;}
*/
.area_dashboard1 .row .in_row {position:relative; margin-bottom:10px;}
.area_dashboard1 .row:last-child {margin-bottom:0;}


/* ´ë½Ãº¸µå¿ÀÅä½Ê2 */
.area_dashboard2 {position:relative; width:100%; color:#000;}
.area_dashboard2 * {box-sizing:border-box;}
.area_dashboard2 .select_chapter {width:100%; text-align:center; margin-bottom:40px; font-size:0;}
.area_dashboard2 .select_chapter .cal, .area_dashboard2 .select_chapter .date {display:inline-block; vertical-align:top; height:40px; line-height:40px;}
.area_dashboard2 .select_chapter .cal {width:40px;}
.area_dashboard2 .select_chapter .cal img {width:100%;}
.area_dashboard2 .select_chapter .date {padding:0 30px; font-size:24px; font-weight:bold;}
.area_dashboard2 .year {text-align:center; width:100%; margin-bottom:10px; font-size:15px; font-weight:normal;}
.area_dashboard2 .select_chapter.cal { margin-bottom:30px;}
.area_dashboard2 .select_chapter.cal .cal, .area_dashboard2 .select_chapter.cal .date {height:20px; line-height:20px;}
.area_dashboard2 .select_chapter.cal .cal {width:20px;}
.area_dashboard2 .select_chapter.cal .date {padding:0 20px; font-size:30px; letter-spacing:2px; font-weight:900; color:#ea493b;}
.area_dashboard2 .update {text-align:right; width:100%; margin-bottom:20px; padding:5px 15px 0px; color:#666;}
.area_dashboard2 .row {position:relative; width:100%; margin-bottom:30px; padding-bottom:32px;}
.area_dashboard2 .row .title {text-align:center; font-size:20px; line-height:1; margin-bottom:20px; display:block; font-weight:700; letter-spacing:-1px;}
.area_dashboard2 .row .box_notice {position:relative; width:100%; border:4px solid #eee; font-size:14px; padding:20px;}
.area_dashboard2 .row .box_notice h5 {font-weight:bold; font-size:16px; margin-bottom:5px;}
.area_dashboard2 .row .box_notice p {font-size:16px; color:#666;}
.area_dashboard2 .row .table {width:100%; border-collapse:collapse;}
.area_dashboard2 .row .table th, .area_dashboard2 .row .table td {padding:5px; height:32px; border:1px solid #ddd; text-align:center; font-size:12px;}
.area_dashboard2 .row .table th {height:44px; top:0; left:0; background:#575b69; border-color:#838793; color:#fff; font-weight:bold;}
.area_dashboard2 .row .table .s-th th {height:32px;}
.area_dashboard2 .row .table td {color:#333;}
.area_dashboard2 .row .table_wrap {position:relative; max-height:360px; overflow-y:auto; border:1px solid #ddd;}
.area_dashboard2 .row .table_wrap .table tr:last-child td {border-bottom:0;}
.area_dashboard2 .row .table_wrap .table tr:first-child th {border-top:0;}
.area_dashboard2 .row .table_wrap .table tr th {position:sticky;}
.area_dashboard2 .row .table_wrap .table tr th:first-child, .area_dashboard2 .row .table_wrap .table tr td:first-child {border-left:0;}
.area_dashboard2 .row .table_wrap .table tr th:last-child, .area_dashboard2 .row .table_wrap .table tr td:last-child {border-right:0;}
.area_dashboard2 .row .table_cal {width:100%; margin:auto; border-collapse:collapse; border-bottom:1px solid #ddd; }
.area_dashboard2 .row .table_cal tr th:first-child {background:#dd4133;}
.area_dashboard2 .row .table_cal tr td:first-child {background:#f9f9f9;}
/*
.area_dashboard2 .row .table_cal tr th:first-child, .area_dashboard2 .row .table_cal tr td:first-child {color:#c00000;}
*/
.area_dashboard2 .row .table_cal th, .area_dashboard2 .row .table_cal td {text-align:center; color:#2a2a2a; aspect-ratio:1/1; font-size:12px; }
.area_dashboard2 .row .table_cal th {background:#ea493b; color:#fff; height:50px; font-size:14px;}
.area_dashboard2 .row .table_cal td {position:relative; height:80px; padding:25px 0px 15px; border-bottom:1px solid #eee;}
.area_dashboard2 #calendar_active .row .table_cal td {height:100px;}
.area_dashboard2 .row .table_cal td .day {position:absolute; top:10px; left:10px; font-weight:bold; font-size:12px;}
.area_dashboard2 .row .table_cal td ul {position:absolute; bottom:10px; left:0;}
.area_dashboard2 .row .table_cal td .list1 {width:100%; text-align:right;}
.area_dashboard2 .row .table_cal td .list1 li {width:100%; display:block; font-size:12px; font-weight:bold; color:#ec2c1c;}
.area_dashboard2 .row .table_cal td .list2 {text-align:left; right:0; left:0px;}
.area_dashboard2 .row .table_cal td .list2 li {width:100%; display:block; font-size:0; margin-bottom:5px; overflow:hidden; height:15px; line-height:15px; border-radius:3px;}
.area_dashboard2 .row .table_cal td .list2 li:last-child {margin-bottom:0;}
.area_dashboard2 .row .table_cal td .list2 li em, .area_dashboard2 .row .table_cal td .list2 li span {display:inline-block; font-size:12px;}
.area_dashboard2 .row .table_cal td .list2 li span b {display:none;}
.area_dashboard2 .row .table_cal td .list2 li em {font-style:normal; width:15px; height:15px; text-align:center; border-radius:3px; color:#fff; font-weight:bold; margin-right:3px;}
.area_dashboard2 .row .table_cal td .list2 li.state1 {background:#f4e2e0;}
.area_dashboard2 .row .table_cal td .list2 li.state1 em {background:#de6055;}
.area_dashboard2 .row .table_cal td .list2 li.state2 {background:#e6f2f6;}
.area_dashboard2 .row .table_cal td .list2 li.state2 em {background:#4fa0d5;}
.area_dashboard2 .row .table_cal td .list2 li.state3 {background:#e7f8f0;}
.area_dashboard2 .row .table_cal td .list2 li.state3 em {background:#47a992;}
.area_dashboard2 .row .table_cal td .list2 li.state4 {background:#ebe4aa;}
.area_dashboard2 .row .table_cal td .list2 li.state4 em {background:#d89428;}
.area_dashboard2 .row .table_cal td .list2 li.state5 {background:#ccc;}
.area_dashboard2 .row .table_cal td .list2 li.state5 em {background:#999;}
.area_dashboard .row:last-child {margin-bottom:0;}


.sub_category { width:100%; text-align:center; box-sizing:border-box; margin-bottom:30px; font-size:0;}
.sub_category li {display:inline-block; margin-right:10px; font-size:13px; background:#eee; border-radius:20px;}
.sub_category li.on {background:#26532c; color:#fff;}
.sub_category li a {display:block; padding:8px 15px;}
.sub_category li:last-child {margin-right:0;}