@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.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;
}



#wrap {background:#fff; width:100%; height:100%; left:0; right:0; margin:0 auto;}
@media screen and (min-width: 1280px) {
	#wrap {width:480px;}
	body {background:#f6f6f6;}
}


.fixed {overflow:hidden;}
.section {width:100%; padding:0 15px; box-sizing:border-box;}
.section * {box-sizing:border-box;}

/* header */
.header {position:relative; width:100%; height:56px; line-height:56px; box-sizing:border-box; background:#fff; padding:0px 0px 0px 15px;}
.header .logo {width:80px; font-size:0; position:relative; top:0px;}
.header .logo img {width:100%;}
.header .side_menu {position:absolute; top:0; right:0px; padding-right:5px; font-size:0;}
.header .side_menu .area_util {line-height:56px; margin-right:15px;}
.header .side_menu .area_util li {position:relative; font-size:13px; color:#666; display:inline-block; margin-right:20px;}
.header .side_menu .area_util li:after {content:""; width:1px; height:8px; background:#e5e5e5; position:absolute; right:-10px; top:50%; margin-top:-4px;}
.header .side_menu .area_util li:last-child {margin-right:0;}
.header .side_menu .area_util li:last-child:after {display:none;}
.header .side_menu .area_util, .header .side_menu .btn_menu_open {display:inline-block; vertical-align:top;}
input[type='button'] {cursor:pointer;}


/* 전체메뉴 */
.popup_openmenu {position:fixed; top:0; left:0; right:0; margin:auto; background:#fff; width:100%; height:100%; display:none; z-index:100;}
.popup_openmenu * {box-sizing:border-box;}
.popup_openmenu .title {position:relative; width:100%; height:63px; overflow:hidden; border-bottom:1px solid #dddddd; padding:0 5px 0px 15px;}
.popup_openmenu .title .logo {position:relative; float:left; width:80px; font-size:0; top:9px;}
.popup_openmenu .title .logo img {width:100%;}
.popup_openmenu .nav {position:relative; width:100%; height:calc(100% - 63px); overflow-y:auto;}
.popup_openmenu .nav .cate {cursor:pointer; width:100%; height:45px; line-height:45px; border-bottom:1px solid #ddd; display:block; padding:0 15px; font-weight:bold; font-size:16px;}
.popup_openmenu .nav .cate.btnToggleOpen {background:url("../../images/common/icon_menu_depth_off.png") calc(100% - 15px) center no-repeat; background-size:20px;}
.popup_openmenu .nav .cate.btnToggleClose {background:url("../../images/common/icon_menu_depth_on.png") calc(100% - 15px) center no-repeat; background-size:20px; color:#5a1e0f;}
.popup_openmenu .nav .depth {display:none; width:100%; background:#f3f3f3; padding:10px 0; border-bottom:1px solid #ddd;}
.popup_openmenu .nav .depth li {display:block; width:100%; font-size:14px; line-height:34px;}
.popup_openmenu .nav .depth li a {display:block; width:100%; height:100%; padding:0 15px;}
.btn_menu_open, .btn_menu_close {border:0;}
.btn_menu_open {width:44px; height:56px; background:url("../../images/common/btn_menu_open.png") center no-repeat; background-size:22px;}
.btn_menu_close {width:44px; height:63px; float:right; background:url("../../images/common/btn_menu_close.png") center no-repeat; background-size:22px;}
@media screen and (min-width: 1024px) {
	.popup_openmenu {max-width:480px;}
}



/* main */
.area_main {width:100%; position:relative; background:#fff; }
.area_main * {box-sizing:border-box;}
.area_main .area_mainbanner {width:100%; position:relative;}
.area_main .area_mainbanner .swiper-slide img {width:100%;}
.swiper-pagination {position:absolute; margin:auto; bottom:40px; z-index:10}
.swiper-pagination-bullet {opacity:1; width:8px; height:8px; border-radius:8px; background:#fff; border:0; margin:0 3px;}
.swiper-pagination-bullet-active {background:#ed1b29;}
.area_main .area_mainbanner .banner-prev, .area_main .area_mainbanner .banner-next {width:10px; height:20px; opacity:1;  background-size:100% !important;}
.area_main .area_mainbanner .banner-prev {background:url("../../images/main/icon_slider_prev.png") center no-repeat; left:15px;}
.area_main .area_mainbanner .banner-next {background:url("../../images/main/icon_slider_next.png") center no-repeat; right:15px;}
.area_main .area_mainmenu {position:relative; width:100%; padding:48px 15px 30px; background:#f6f6f6;}
.area_main .area_mainmenu .area_title {width:100%; margin-bottom:30px; line-height:1; text-align:center;}
.area_main .area_mainmenu .area_title .title {font-size:24px; font-weight:bold; margin-bottom:15px;}
.area_main .area_mainmenu .area_title .s-title {font-size:13px; color:#454545;}
.area_main .area_mainmenu .list {position:relative; width:100%;  font-size:0;}
.area_main .area_mainmenu .list .item {position:relative; display:inline-block; vertical-align:top; margin-bottom:10px; width:calc(50% - 5px); margin-right:10px; padding-top:calc(50% - 5px); font-size:12px; border-radius:10px; color:#fff;}
.area_main .area_mainmenu .list .item a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; padding:0 20px;}
.area_main .area_mainmenu .list .item:nth-child(even) {margin-right:0;}
.area_main .area_mainmenu .list .item div {position:absolute; bottom:25px; line-height:1; width:calc(100% - 40px);}
.area_main .area_mainmenu .list .item .s-tit, .area_main .area_mainmenu .list .item .tit {display:block; width:100%;}
.area_main .area_mainmenu .list .item .s-tit {font-size:13px; font-weight:normal; margin-bottom:10px;}
.area_main .area_mainmenu .list .item .tit {font-size:17px; font-weight:bold;}
.area_main .area_mainmenu .list .item .more {position:absolute; bottom:0;  right:0; width:11px; height:11px;}
.area_main .area_mainmenu .list .item.company {background:url("../../images/main/bg_main_company.png?ver=1.1") center no-repeat; background-size:cover;}
.area_main .area_mainmenu .list .item.shop {background:url("../../images/main/bg_main_shop.png?ver=1.1") center no-repeat; background-size:cover;}
.area_main .area_mainmenu .list .item.myoffice {background:url("../../images/main/bg_main_myoffice.png") center no-repeat; background-size:cover;}
.area_main .area_mainmenu .list .item.media {background:url("../../images/main/bg_main_media.png") center no-repeat; background-size:cover;}
.area_main .area_board {position:relative; width:100%; padding:30px 15px 32px;}
.area_main .area_board .area_title {width:100%; overflow:hidden; margin-bottom:14px; line-height:1;}
.area_main .area_board .area_title .title {font-weight:bold; float:left; font-size:17px;}
.area_main .area_board .area_title .more {font-weight:bold; float:right; font-size:12px;}
.area_main .area_board .list {width:100%; border-top:2px solid #000;  padding-top:5px;}
.area_main .area_board .list li {width:100%; height:36px; line-height:36px; overflow:hidden; padding:0 10px; border-bottom:1px solid #e7e7e7;}
.area_main .area_board .list li a {overflow:hidden; width:calc(100% - 80px); float:left;}
.area_main .area_board .list li .date {width:80px; float:right; color:#888; text-align:right;}


/* 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:#2e2e2f; 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;}



/* sub */
.contents {width:100%; min-height:600px; position:relative; overflow:hidden; padding:35px 15px 50px 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:140px; line-height:140px; text-align:center; color:#fff;}
.title_nav .sub_title {font-size:24px; font-weight:bold;}
.title_nav.shop {background:url("../../images/sub/bg_title_shop.jpg?ver=1.1") center no-repeat #ccc; background-size:cover;}
.title_nav.customer {background:url("../../images/sub/bg_title_customer.png") center no-repeat #ccc; background-size:cover;}
.title_nav.member {background:url("../../images/sub/bg_title_member.png") center no-repeat #ccc; background-size:cover;}
.title_nav.company {background:url("../../images/sub/bg_title_company.png") center no-repeat #ccc; background-size:cover;}
.title_nav.business {background:url("../../images/sub/bg_title_business.png") center no-repeat #ccc; background-size:cover;}
.title_nav.community {background:url("../../images/sub/bg_title_community.png") center no-repeat #ccc; background-size:cover;}
.title_nav.myoffice {background:url("../../images/sub/bg_title_myoffice.png") center no-repeat #ccc; background-size:cover;}
.title_nav.terms {background:url("../../images/sub/bg_title_member.png") center no-repeat #ccc; background-size:cover;}
.title_nav.other {background:url("../../images/common/bg_subtitle.png") center no-repeat; background-size:cover;}
.dropdown_nav {position:relative; width:100%;}
.dropdown_nav .title {transition:.3s; display:block; cursor:pointer; width:100%; height:45px; line-height:42px; background:#5a1e0f; color:#fff; text-align:center; font-weight:bold; font-size:15px;}
.dropdown_nav .title span, .dropdown_nav .title img {display:inline-block; vertical-align:middle;}
.dropdown_nav .title span {margin-right:10px;}
.dropdown_nav .title img {width:11px;}
.dropdown_nav .title:active {background:#3d150b;}  
.dropdown_nav .dropdown {display:none; position:absolute; top:45px; left:0; background:#fff; width:100%; text-align:center; z-index:80;}
.dropdown_nav .dropdown li {display:block; width:100%; height:45px; line-height:45px; border-bottom:1px solid #e5e5e5; color:#333; font-weight:500; font-size:15px;}
.dropdown_nav .dropdown li a {transition:.2s; display:block; width:100%; height:100%;}
.dropdown_nav .dropdown li a:active {background:#f6f6f6;}


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


/* shoppingPrice */
.shoppingPrc { margin:0 auto;}
.shoppingPrc.section {border:0; padding:0; position:relative; overflow:hidden;}
.shoppingPrc .detail-title { color:#000; padding:15px;}
.shoppingPrc .detail-thumb {width:100%; height:100%; margin-bottom:25px; border:1px solid #e1e1e1;}
.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 .detail-info .pr-title .tt, .shoppingPrc .detail-info .pr-title .icon {display:inline-block; vertical-align:middle;}
.shoppingPrc .detail-info .pr-title .icon {margin-left:10px;}
.shoppingPrc .detail-info .pr-title .icon img {width:40px; height:40px;}
.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:120px; word-break:break-all; color:#888888;}
.shoppingPrc .list li span {color:#000; width:auto;}
.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 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 .icon {width:18px; height:18px; margin-right:8px;}




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

.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_item {width:100%; font-size:0;}
.shoppingPrc .list_item .item {width:calc(50% - 5px); margin-right:10px; margin-bottom:20px; box-sizing:border-box; display:inline-block; vertical-align:top; padding:10px 10px 20px; border:1px solid #ddd;}
.shoppingPrc .list_item .item:nth-child(even) {margin-right:0;}
.shoppingPrc .list_item .item .thumb {position:relative; width:100%; margin-bottom:15px; }
.shoppingPrc .list_item .item .thumb img {width:100%; height:100%;}
.shoppingPrc .list_item .item .thumb .cate_icon {position:absolute; top:10px; left:10px; font-size:0;}
.shoppingPrc .list_item .item .thumb .cate_icon img {width:40px; height:40px; margin-right:5px;}
.shoppingPrc .list_item .item .pr_title {display:block; font-size:14px; text-align:center; line-height:22px; text-align:center; font-style:normal; overflow:hidden; margin-bottom:10px;}
.shoppingPrc .list_item .item .pr_title a {display:inline; vertical-align:top; width:100%;}
.shoppingPrc .list_item .item .btn_kakao {display:inline-block !important; margin-left:3px; vertical-align:top; width:24px !important; height:24px !important; background:url("../../images/icon_func_kakao.png") center no-repeat; background-size:100%; text-indent:-99999px; font-size:0;}
.shoppingPrc .list_item .item .list_price {overflow:hidden; margin-bottom:3px; text-align:center;}
.shoppingPrc .list_item .item .list_price li {display:block; width:100%; overflow:hidden; margin-bottom:6px; font-size:12px; line-height:1;}
.shoppingPrc .list_item .item .list_price li:last-child {margin-bottom:0;}
.shoppingPrc .list_item .item .list_price li.pr1 {font-weight:bold;}
.shoppingPrc .list_item .item .list_price .price {font-size:14px; font-weight:bold; margin-right:8px;}
.shoppingPrc .list_item .item .list_price .o_price {font-size:12px; color:#777777; text-decoration:line-through; margin-left:5px;}
.shoppingPrc .list_item .item .list_price .pv {font-size:12px; color:#777777; margin-left:5px;}
.shoppingPrc .list_item .item .function {width:100%; overflow:hidden;}
.shoppingPrc .list_item .item .function .btn_func {transition:.2s; background:#fff; border:1px solid #e4e4e4; color:#222; font-weight:500; height:35px; line-height:35px; text-align:center; font-size:12px; float:left; display:inline-block; width:50%; box-sizing:border-box;}
.shoppingPrc .list_item .item .function .btn_func:nth-child(1) {border-right:0;}
.shoppingPrc .list_item .item .function .btn_func:active {background:#222; color:#fff;}


.shoppingPrc .list_item .item:last-child {margin-right: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;}






.totalInfo {position:relative;}
.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 #5a1e0f; 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 #5a1e0f; border-bottom:1px solid #fff; background:#fff;}
.tab_menu li.on a {color:#5a1e0f; 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:#5a1e0f;}
.tabs li {font-size:15px; display:inline-block; margin:0 20px;}
.tabs li.on {font-weight:bold;}


.tab_form {overflow:hidden; width:100%; border-top:1px solid #ddd; margin-bottom:30px;}
.tab_form li {float:left; width:50%; box-sizing:border-box; text-align:center; color:#111; font-size:13px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tab_form li:nth-child(even) {border-right:0;}
.tab_form li a {display:block; width:100%; padding:10px 0; }
.tab_form li.on {background:#fcfcfc; color:#5a1e0f; 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 {border-bottom-color:#5a1e0f; color:#5a1e0f; }

/* 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:400px; margin:0 auto;}
#navbar:after {display:block; clear:both; content:'';}
#navbar>ul>li {color:#292929;}
#navbar li {background:url(../../images/blit.png) no-repeat top center; border-bottom:1px dashed #eee;}
#navbar>ul>li>a {color:#292929; text-align:center; font-size:14px; padding:4%; overflow:hidden; display:block; background:#fff;}
#navbar img {position:relative; top:3px; 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.3) 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 {font-size:20px; text-align:left; width:100%; text-align:center; font-weight:bold; color:#000; padding:15px 0px 10px; position:relative;}
.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:#e3fbff; color:#303b72; text-align:center; font-weight:700; 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 {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 #5a1e0f; color:#5a1e0f;}
.btn_login {box-sizing:border-box; display:block; width:100%; height:56px; line-height:56px; text-align:center; background:#5a1e0f; 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 */
.footer {box-sizing:border-box; width:100%;  font-size:0; text-align:center; line-height:1; color:#888; background:#232323; box-sizing:border-box; padding-bottom:55px;}
.footer * {box-sizing:border-box;}
.footer .policy {width:100%; color:#bbb; height:41px; line-height:41px; border-bottom:1px solid #2f2f2f;}										   
.footer .policy li {position:relative; font-size:11px; display:inline-block; padding:0 8px;}
.footer .policy li:first-child {padding-left:0;}
.footer .policy li:last-child {padding-right:0;}
.footer .policy li:after {content:""; position:absolute; width:1px; height:11px; background:#bbb; right:0; top:50%; margin-top:-5px;}
.footer .contact {width:100%; padding:17px 10px 24px;}
.footer .contact p {position:relative; font-size:12px; line-height:17px; color:#888; display:block;}
.footer .contact p span {display:inline-block; position:relative; margin-right:5px;}
.footer .contact p span:last-child {margin-right:0;}
.footer .contact p.copyright {font-size:12px; color:#ccc; padding-top:10px;}


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

.footer_bar {width:100%; height:64px; overflow:hidden; position:fixed; bottom:0; 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 #5a1e0f;}
.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:#000; font-weight:bold;}
.fontPv {color:#f8981c;}
.fontPv2 {color:#f8981c;}
.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;}

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




.tab_submenu {width:100%; position:relative; overflow:hidden; margin-bottom:60px;}
.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:#5a1e0f; 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:#000; font-weight:bold;}
.pr2 {color:#f8981c; font-weight:bold;}
.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;}



/* 연혁 */
.area_history {width:100%; position:relative; padding:15px;}
.area_history * {box-sizing:border-box;}
.area_history:after {position:absolute; content:""; width:1px; height:100%; background:#595959; top:0; left:17px; }
.area_history .history {position:relative; display:block; width:100%; padding:20px 0px 15px 30px; }
.area_history .history dl dd {font-size:14px;}
.area_history .history dl dt, .area_history .history dl dd {color:#595959; display:block; margin-bottom:3px;}
.area_history .history dl dt {position:relative; font-size:24px; font-weight:900; margin-bottom:5px; letter-spacing:5px;}
.area_history .history dl dt:after {position:absolute; left:-35px; top:10px; content:""; width:16px; height:16px; border-radius:16px; background:#fff; border:1px solid #3ab54a; z-index:1;}
.area_history .history img {display:block; width:60%; margin-top:20px;}
.area_history .history:nth-child(even) dl dt:after {background:#3ab54a;}



.join_search {position:relative; text-align:center; font-size:0; width:100%; padding:5px 50px 30px 50px; margin-bottom:5px; border-bottom:1px solid #eee; box-sizing:border-box;}
.join_search * {vertical-align:top; box-sizing:border-box;}
.select_form.select_office {width:calc(100% - 45px); font-family: 'Spoqa Han Sans Neo', 'sans-serif'; height:45px; border:1px solid #ddd; border-right:0; font-size:14px; background: url("../../images/common/icon_select.png") no-repeat calc(100% - 10px) center #fFF; padding:0 30px 0 15px; -webkit-appearance: none; -moz-appearance: none;appearance:none;}
.btn_search {width:45px; height:45px; background:url("../../images/common/icon_search_w.png") center no-repeat #5a1e0f; text-indent:-99999px; border:0;}


/* CEO인사말 */
.area_greeting {position:relative; text-align:center; width:100%; padding:0 15px; box-sizing:border-box; }
.area_greeting * {box-sizing:border-box;}
.area_greeting .title {font-size:18px; color:#5a1e0f; font-weight:bold; line-height:23px; margin-bottom:30px;}
.area_greeting .platform {width:100%;  background:url("../../images/sub/bg_about_platform.png") center no-repeat; padding:50px 25px; background-size:cover; color:#fff; text-align:center; margin-bottom:25px;}
.area_greeting .platform .s-title {display:inline-block; font-size:16px; font-weight:bold; margin-bottom:5px;}
.area_greeting .platform .s-title:before {content:'"'; margin-right:10px;}
.area_greeting .platform .s-title:after {content:'"'; margin-left:10px;}
.area_greeting .platform .s-title:before, .area_greeting .platform .s-title:after {font-size:24px; color:#5a1e0f;}
.area_greeting .platform .txt {font-size:14px; color:#dddddd; margin-bottom:30px;}
.area_greeting .platform .list {width:100%; overflow:hidden;}
.area_greeting .platform .list li {display:block; width:100%; border-bottom:1px solid rgba(221,221,221,0.2); padding-bottom:25px; margin-bottom:25px;}
.area_greeting .platform .list li:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}
.area_greeting .platform .list li img {width:120px; height:120px; margin-bottom:15px;}
.area_greeting .platform .list li p {font-size:14px; line-height:19px;}
.area_greeting .intro_txt {font-size:14px; color:#333333; line-height:19px; margin-bottom:30px; word-break:keep-all;}
.area_greeting .ceo span, .area_greeting .ceo h5 {display:inline-block; vertical-align:middle;} 
.area_greeting .ceo span {font-size:14px; color:#333; margin-right:20px;}
.area_greeting .ceo h5 {font-size:16px;}



/* 계열사 */
.area_subsidiary {position:relative; width:100%; }
.area_subsidiary * {box-sizing:border-box;}
.area_subsidiary .title {width:100%; text-align:center; margin-bottom:36px; font-size:18px; line-height:23px; color:#5a1e0f; font-weight:bold;} 
.area_subsidiary .list {width:100%;}
.area_subsidiary .list .item {position:relative; width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #eee; overflow:hidden;}
.area_subsidiary .list .item .cont {position:relative; width:100%; word-break:keep-all;}
.area_subsidiary .list .item .cont .corp_name {font-size:0; margin-bottom:25px; line-height:1;}
.area_subsidiary .list .item .cont .corp_name .s-title, .area_subsidiary .list .item .cont .corp_name .label {display:inline-block; vertical-align:bottom;}
.area_subsidiary .list .item .cont .corp_name .s-title {color:#000000; font-size:18px; margin-right:15px;}
.area_subsidiary .list .item .cont .corp_name .label {color:#888888; font-size:11px;}
.area_subsidiary .list .item .cont .txt {font-size:13px; line-height:18px; margin-bottom:20px;}
.area_subsidiary .list .item .cont .contact_list {width:100%; padding:18px 20px; background:#f3f3f3;}
.area_subsidiary .list .item .cont .contact_list li {display:block; width:100%; line-height:20px; }
.area_subsidiary .list .item .cont .contact_list li span {display:inline-block; font-size:12px; vertical-align:top;}
.area_subsidiary .list .item .cont .contact_list li .th {width:55px; color:#5a1e0f; font-weight:bold; text-align:justify; margin-right:33px;}
.area_subsidiary .list .item .cont .contact_list li:last-child .th:after {display:none;}
.area_subsidiary .list .item .cont .contact_list li .td {color:#666666;}
.area_subsidiary .list .item .thumb {width:100%; margin-bottom:20px;}
.area_subsidiary .list .item:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}



 /* 경영이념 */
.area_philosophy {position:relative; width:100%; text-align:center; word-break:keep-all;}
.area_philosophy * {box-sizing:border-box;}
.area_philosophy .section {margin-bottom:60px;}
.area_philosophy .section:last-child {margin-bottom:0;}
.area_philosophy .section .title {width:100%; text-align:center; margin-bottom:40px; font-size:16px; font-weight:bold; }
.area_philosophy .section .title:before {content:"["; margin-right:45px;}
.area_philosophy .section .title:after {content:"]"; margin-left:45px;}
.area_philosophy .section .title:before, .area_philosophy .section .title:after {color:#dddddd;}
.area_philosophy .section .s-title {color:#5a1e0f; line-height:23px; font-size:18px; margin-bottom:24px;}
.area_philosophy .section .txt {font-size:14px; line-height:20px; margin-bottom:30px;}
.area_philosophy .section .point {width:132px; margin:auto; overflow:hidden; font-size:0;}
.area_philosophy .section .point .item {position:relative; width:132px; height:132px; border-radius:132px; margin-bottom:30px; display:block; font-size:14px; color:#fff; font-weight:bold;}
.area_philosophy .section .point .item:after {content:""; position:absolute; bottom:-40px; width:1px; height:30px; border-right:1px dashed #ddd;}
.area_philosophy .section .point .item:before {content:""; position:absolute; bottom:-30px; right:50%; margin-right:-5px; width:7px; height:7px; border-radius:7px; background:#ddd;}
.area_philosophy .section .point .item:last-child {margin-bottom:0;}
.area_philosophy .section .point .item:last-child:after, .area_philosophy .section .point .item:last-child:before {display:none;}
.area_philosophy .section .point .item div {display:table; width:100%; height:100%;}
.area_philosophy .section .point .item div span {display:table-cell; text-align:center; vertical-align:middle;}
.area_philosophy .section .point .item.green {background:#4fbb5e; border:10px solid #9bdaa4;}
.area_philosophy .section .point .item.orange {background:#f9a133; border:10px solid #fbcb8d;}
.area_philosophy .section .point .item.blue {background:#2e9ed5; border:10px solid #87c8e7;}
.area_philosophy .section .promise {width:100%; position:relative; text-align:left; }
.area_philosophy .section .promise .item {display:block; width:100%; padding:30px 10px; background:#f9f9f9; margin-bottom:20px;}
.area_philosophy .section .promise .item .icon, .area_philosophy .section .promise .item .cont {display:block;}
.area_philosophy .section .promise .item .icon {text-align:center; line-height:1; margin-bottom:20px;}
.area_philosophy .section .promise .item .icon img {max-width:50%; margin-bottom:10px;}
.area_philosophy .section .promise .item .icon h5 {font-size:16px; color:#000; margin-bottom:8px;}
.area_philosophy .section .promise .item .icon p {font-size:12px; font-weight:500; color:#acacac; letter-spacing:0;}
.area_philosophy .section .promise .item .cont {text-align:center; width:100%;}
.area_philosophy .section .promise .item .cont dt {font-size:14px; color:#000; font-weight:bold; line-height:1; margin-bottom:7px;}
.area_philosophy .section .promise .item .cont dd {font-size:13px; line-height:18px; word-break:break-all; }
.area_philosophy .section .promise .item:nth-child(even) {background:#f7f5f1;}


/* CI */
.area_ci {position:relative; width:100%; word-break:keep-all;}
.area_ci * {box-sizing:border-box;}
.area_ci .section {margin-bottom:70px;}
.area_ci .section:last-child {margin-bottom:0;}
.area_ci .section .title {width:100%; text-align:center; margin-bottom:40px; font-size:16px; font-weight:bold; }
.area_ci .section .title:before {content:"["; margin-right:30px;}
.area_ci .section .title:after {content:"]"; margin-left:30px;}
.area_ci .section .title:before, .area_ci .section .title:after {color:#dddddd;}
.area_ci .section .row {width:100%; overflow:hidden;}
.area_ci .section .row .ci {position:relative; border:1px solid #ddd; width:100%; margin-bottom:20px;}
.area_ci .section .row .ci img {width:100%;}
.area_ci .section .row .s-title {font-size:16px; color:#5a1e0f; line-height:1; margin-bottom:15px; text-align:center;}
.area_ci .section .row .cont {width:100%; text-align:center;}
.area_ci .section .row .cont .txt {text-align:left; font-size:14px; line-height:19px; color:#333; margin-bottom:30px;}
.area_ci .section .row .cont .download {display:inline-block; padding:0 20px; height:40px; line-height:40px; margin:auto; background:#333333; color:#fff;}
.area_ci .section .row .cont .download span, .area_ci .section .row .cont .download img {display:inline-block; vertical-align:middle;}
.area_ci .section .row .cont .download span {margin-right:40px; font-size:13px;}
.area_ci .section .row .cont .download img {width:12px;}
.area_ci .section .row .list {width:100%;}
.area_ci .section .row .list .item {width:100%; display:block; margin-bottom:20px; word-break:keep-all;}
.area_ci .section .row .list .item .color {width:100px; height:80px; letter-spacing:0; line-height:80px; text-align:center; background:url("../../images/sub/icon_about_color.png") top left no-repeat #999; background-size:contain !important; color:#fff; font-size:15px; font-weight:bold;}
.area_ci .section .row .list .item .color, .area_ci .section .row .list .item dl {display:inline-block; vertical-align:middle;}
.area_ci .section .row .list .item dl {width:calc(100% - 105px); padding-left:20px;}
.area_ci .section .row .list .item dt {font-size:14px; font-weight:bold; line-height:1; margin-bottom:10px;}
.area_ci .section .row .list .item dd {font-size:12px; line-height:17px;}
.area_ci .section .row .list .item dd:nth-child(2) {font-weight:bold;}
.area_ci .section .row .list .item.green .color {background:url("../../images/sub/icon_about_color.png") top left no-repeat #38b549;}
.area_ci .section .row .list .item.green dl dt {color:#38b549;}
.area_ci .section .row .list .item.red .color {background:url("../../images/sub/icon_about_color.png") top left no-repeat #ed1b29;}
.area_ci .section .row .list .item.red dl dt {color:#ed1b29;}
.area_ci .section .row .list .item.orange .color {background:url("../../images/sub/icon_about_color.png") top left no-repeat #f8981c;}
.area_ci .section .row .list .item.orange dl dt {color:#f8981c;}
.area_ci .section .row .list .item.purple .color {background:url("../../images/sub/icon_about_color.png") top left no-repeat #b355a0;}
.area_ci .section .row .list .item.purple dl dt {color:#b355a0;}
.area_ci .section .row .list .item.blue {background:#fff; border:0;}
.area_ci .section .row .list .item.blue .color {background:url("../../images/sub/icon_about_color.png") top left no-repeat #2e9ed5;}
.area_ci .section .row .list .item.blue dl dt {color:#5a1e0f;}


/* 모바일 */
.area_mobile {position:relative; width:100%; padding:0 15px; box-sizing:border-box; word-break:keep-all;}
.area_mobile * {box-sizing:border-box;}
.area_mobile .title {width:100%; text-align:center; margin-bottom:16px; font-size:18px; line-height:1; color:#5a1e0f; font-weight:bold;} 
.area_mobile .txt {font-size:14px; margin-bottom:36px; line-height:1.4; text-align:center; display:block;}
.area_mobile .list {width:100%; overflow:hidden;}
.area_mobile .list .item {display:inline-block; float:left; font-size:0; width:100%; margin-bottom:30px;}
.area_mobile .list .item .thumb {width:100%;}
.area_mobile .list .item .cont {width:100%; height:50px; line-height:50px; border:1px solid #ddd; padding:0 20px; background:url("../../images/sub/icon_about_mobile_arrow.png") calc(100% - 20px) center no-repeat; background-size:10px; font-size:15px; font-weight:bold; color:#000;}
.area_mobile .list .item:last-child {margin-bottom:0;}




/* 오시는 길 */
.area_map {position:relative; width:100%; word-break:keep-all;}
.area_map .location {width:100%; overflow:hidden; font-size:0; margin-top:20px;}
.area_map .location li {display:block; vertical-align:middle; margin-bottom:16px;}
.area_map .location li * {display:inline-block; vertical-align:top;}
.area_map .location li img {margin-right:5px; width:22px;}
.area_map .location li .tit {position:relative; font-weight:bold; color:#000; font-size:14px; font-weight:bold;}
.area_map .location li .txt {display:block; width:100%; font-size:14px; line-height:19px; margin-top:5px;}
.area_map .location li:last-child {margin-bottom:0;}


/* 보상플랜 */
.area_marketplan {position:relative; width:100%;}
.area_marketplan .section {padding:0; margin-bottom:40px;}
.area_marketplan .section .title {width:100%; text-align:center; margin-bottom:26px; font-size:16px; font-weight:bold; color:#5a1e0f;}
.area_marketplan .section .title:before {content:"["; margin-right:45px;}
.area_marketplan .section .title:after {content:"]"; margin-left:45px;}
.area_marketplan .section .title:before, .area_marketplan .section .title:after {color:#dddddd;}
.area_marketplan .section .list {width:100%; margin-bottom:15px;}
.area_marketplan .section .list .s-title {font-size:14px; font-weight:bold; color:#5a1e0f; margin-bottom:5px;}
.area_marketplan .section .list ul li, .area_marketplan .section .list ol li {position:relative; width:100%; font-size:12px; display:block; line-height:18px;}
.area_marketplan .section .list ul li {padding-left:10px;}
.area_marketplan .section .list ul li:before {position:absolute; top:0; left:0; content:"·";}
.area_marketplan .section .list ul.type2 li:before {content:"-";}
.area_marketplan .section .list ol { padding-left:15px; list-style:auto;}
.area_marketplan .section .list ol li {display:list-item;}
.table_plan {width:100%; border-collapse:collapse; margin-bottom:15px;}
.table_plan th, .table_plan td {border:1px solid #dddddd; text-align:center; height:30px;  font-size:10px; padding:10px 2px;}
.table_plan thead th {height:35px; background:#3f3f40; font-weight:bold; color:#fff; font-size:11px; border-color:#3f3f40;}
.table_plan tbody th {background:#f5f5f5; font-weight:600;}



.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 #5a1e0f; color:#5a1e0f; margin-bottom:5px;}
.btn_shop.cart  .icon {background:url("../../images/icon_func_cart.png") center no-repeat; background-size:100%;}
.btn_shop.purchase {background:#5a1e0f; border:1px solid #5a1e0f; 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;  vertical-align:middle;}
.btn_shop .icon {width:14px; height:14px; margin-right:5px;}
.btn_shop.kakao {background:#ffe812; color:#000; margin-bottom:5px;}
.btn_shop.kakao .icon {width:18px; height:18px; background:url("../../images/icon_func_kakao.png") center no-repeat; background-size:100%; }


.area_refund {width:100%; text-align:left;}
.area_refund h6 {font-size:16px; font-weight:bold; display:block; margin-bottom:0px;}
.area_refund dl {width:100%;}
.area_refund dl dt, .area_refund dl dd {font-size:12px; word-break:keep-all; line-height:1.4;}
.area_refund dl dt {margin:25px 0px 5px; font-weight:600; font-size:14px;}
.area_refund dl dd {margin-bottom:8px;}
.area_refund dl ol {margin-left:10px; list-style:decimal;}
.area_refund dl li {color:#666; font-size:12px;}
.area_refund dl ul li {display:block;}



.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:#5a1e0f;; 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:24px; 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;}
}