/* sub_visual common */
.subvisual_title_box {float: left; width: 100%; height: 200px; margin-top: 158px; background: url(/mobile/images/m_sub_visual05.jpg) no-repeat center top; background-size: 100% 115%;}
.subvisual2 {background: url(/mobile/images/m_sub_visual05.jpg) no-repeat center top; background-size: 100% 115%;}
.subvisual3 {background: url(/mobile/images/m_sub_visual05.jpg) no-repeat center top; background-size: 100% 115%;}
.subvisual4 {background: url(/mobile/images/m_sub_visual05.jpg) no-repeat center top; background-size: 100% 115%;}
.subvisual5 {background: url(/mobile/images/m_sub_visual05.jpg) no-repeat center top; background-size: 100% 115%;}
.subvisual_title_area {float: left; width: 100%;}
.subpage_title_common {position: relative; float: left; width: 100%; font-family: "NanumSquare", sans-serif; left: 0; margin-top: 70px; margin-left: 0; text-align: right; padding: 0 5%; box-sizing:border-box;}
.pagetit_engtxt {font-size: 30px; font-weight: 800; color: #fff; line-height: 40px; letter-spacing: 1px; text-shadow: 2px 2px 3px rgba(0,0,0,0.4);}
.pagetit_kortxt {font-size: 20px; font-weight: 700; color: #d0cece; line-height: 24px; letter-spacing: -0.05px; margin-top: 5px;}

/* mobile_submenu */
.mobile_submenu_box {float: left; width: 100%; padding: 0 2%; box-sizing:border-box; margin-top: 5%;}
.smn_tabbtn {float: left; width: 100%; text-align: center;}
.smn_tabbtn li {display: inline;}
.smn_tabbtn li a {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #646464; font-weight: 400; line-height: 30px; letter-spacing: -0.6px; text-align: center; padding: 0 5%; background: #f9f9f9; border: 1px solid #e3e3e3; box-sizing: border-box;}
.smn_tabbtn li.active a {color: #fff; background: #496183; border: 1px solid #496183; box-sizing: border-box;}
.smn_tabbtn_sm4 li a {padding: 0 3.5%;}

/* subpage_common */
.subpage_common {float: left; width: 100%;}
.subcontents_area {float: left; width: 100%; padding: 0 3%; box-sizing:border-box; margin-top: 30px;}

/* 1_1_introduct */
.introduct_box {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif;}
.languages_tab {float: left; width: 100%; margin-bottom: 30px; overflow: hidden;}
.languages_tab .typetab_btn {float: left; width: 100%; text-align: center;}
.languages_tab .typetab_btn li {position: relative; display: inline-block; width: 30%; line-height: 39px; margin-right: 10px;}
.languages_tab .typetab_btn li a {display: block; height: 40px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #787878; font-weight: 500; text-align: center; background-color: #f9fafb; border: 1px solid #cccaca; box-sizing:border-box; border-radius: 50px; transition: all 0.3s ease;}
.languages_tab .typetab_btn li.active a {color: #fff; background: #252525; border: 1px solid #0f0f0f;}

.brandimg {float: left; width: 100%;}
.brandimg img {width: 100%;}
.brand_info {float: left; width: 100%; margin-top: 30px;}
.brand_info h3 {font-family: "Noto Sans KR", sans-serif; font-size: 38px; font-weight: 500; color: #898888; line-height: 42px;}

.vision_txt {float: left; width: 100%; margin-top: 20px;}
.detit_txt {float: left; font-family: "Noto Sans KR", sans-serif; font-size: 20px; font-weight: 700; color: #080504; padding-left: 35px; box-sizing:border-box; background: url(/mobile/about/images/tit_bullet.png) no-repeat left center;}
.vision_txt .infotxt {float: left; width: 100%; font-family: "NanumSquare", sans-serif; font-size: 20px; font-weight: 800; color: #1e4788; margin-top: 17px;}
.vision_txt .infotxt .tit_quotes {vertical-align: 4px;}
.vision_txt .infotxt .tit_quotes img {width: 13px;}
.titbox {display: inline-block; color: #fff; padding: 3px 5px; background: #e26265;}

.vision_txt .infotxt_eng {font-size: 17px; line-height: 22px; letter-spacing: -1px;}
.missin_txt {float: left; width: 100%; margin-top: 40px;}
.missin_txt .infotxt {float: left; width: 100%; font-size: 15px; font-weight: 400; color: #333333; line-height: 35px; margin-top: 15px;}
.missin_txt .infotxt div {line-height: 26px; margin-bottom: 5px;}
.missin_txt .infotxt div span.txt_num {float: left;}
.missin_txt .infotxt div p {padding-left: 20px; word-break: keep-all;}

.missin_txt .infotxt div .txt_box {color: #fff; font-weight: 500; padding: 0 8px 2px; margin-right: 5px; background: #333333;}
.missin_txt .infotxt_eng {font-size: 13px; line-height: 28px;}
.missin_txt .infotxt_eng div {line-height: 28px; margin-bottom: 15px;}
.missin_txt .infotxt_eng div .txt_bullet {display: inline-block; float: left; width: 30px; height: 30px; font-size: 15px; color: #fff; font-weight: 500; text-align: center; margin-right: 10px; background: #333333; border-radius: 50%;}
.missin_txt .infotxt_eng div p {line-height: 22px; padding-top: 3px; padding-left: 40px; word-break: keep-all;}
.core_values_txt {float: left; width: 100%; margin-top: 30px;}
.core_values_txteng {margin-top: 15px;}
.core_values_txt .infotxt {float: left; width: 100%; font-size: 15px; font-weight: 400; color: #333333; line-height: 35px; word-break: keep-all; margin-top: 15px;}
.core_values_txt .infotxt div {line-height: 28px; margin-bottom: 10px;}
.core_values_txt .infotxt div .txt_bullet {display: inline-block; width: 30px; height: 30px; color: #fff; font-weight: 500; text-align: center; margin-right: 10px; background: #333333; border-radius: 50%;}

/* 1_2_history */
.history_box {float: left; width: 100%;}
.history_box .history_img {float: left; width: 100%; padding-top: 50px;}
.history_box .history_img img {width: 100%;}
.history_box .list_1st {position: relative; float: right; width: 100%; padding-top: 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.history_box .list_1st:before {display: block; content: ""; position: absolute; left: 50%; top: 0; width: 5px; height: 100%; border-radius: 5px 5px 0 0; background: #f6f6f6;}
.history_box .list_1st > li {width: 100%; margin-bottom: 0;}
.history_box .list_1st li {position: relative; background: none; overflow: hidden;}
.history_box .list_1st li:last-child {margin-bottom: 30px;}
.history_box .list_1st li .list_right {float: right; width: 51.5%;}
.history_box .list_1st li .list_left {float: left; width: 52.8%; text-align: right;}
.history_box .list_1st li span.year {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 24px; color: #0071bd; font-weight: 700; letter-spacing: -1px; margin-bottom: 2px;}
.history_box .list_1st li span.year:before {display: inline-block; content: ""; width: 16px; height: 16px; background: #fff; border: 5px solid #63b0da; border-radius: 50%; vertical-align: 1px; box-sizing: border-box;}
.history_box .list_1st li .list_right span.year .yeartxt {margin-top: -36px; margin-left: 30px;}
.history_box .list_1st li .list_right span.infotxt {display: inline-block; float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #7c7c7c; font-weight: 400; letter-spacing: -0.8px; padding-left: 30px; box-sizing: border-box;}
.history_box .list_1st li .list_right span.infotxt ul li {margin-bottom: 5px; word-break: keep-all; line-height: 18px;}
.history_box .list_1st li .list_right span.infotxt ul li span.listtxt {line-height: 20px;}
.history_box .list_1st li .list_left span.year .yeartxt {margin-top: -36px; margin-right: 30px;}
.history_box .list_1st li .list_left span.infotxt {display: inline-block; float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #7c7c7c; font-weight: 400; letter-spacing: -0.8px; padding-right: 30px; box-sizing: border-box;}
.history_box .list_1st li .list_left span.infotxt ul li {margin-bottom: 5px; word-break: keep-all; line-height: 18px;}
.history_box .list_1st li .list_left span.infotxt ul li span.listtxt {line-height: 20px;}

/* 1_3_location */
.location_box {float: left; width: 100%;}
.location_title {float: left; width: 100%; margin-bottom: 20px;}
.mapimg {position: relative; width: 100%;}
.mapimg img {width: 100%;}
.btn_naver {position: absolute; top: 60px; right: 10px;}
.btn_naver img {width: 100px;}

.location_infobox {float: left; width: 100%; margin-top: 20px;}
.company_photo {float: left; width: 100%;}
.company_photo img {width: 100%;}
.company_info {float: left; width: 100%; border-top: 1px solid #d7d7d7;}
.address_txt {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; margin-top: 19px;}
.address_txt li:nth-child(1) {display: inline-block; float: left; width: 22%; height: 34px; font-size: 13px; color: #fff; font-weight: 500; line-height: 34px; text-align: center; margin-right: 10px; background: #a6a6a6;}
.address_txt li:nth-child(2) {font-size: 14px; color: #302f2f; font-weight: 500; line-height: 34px; letter-spacing: -0.8px; vertical-align: 5px;}
.cminfo_txt {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; margin-top: 10px; border-top: 1px solid #d7d7d7;}
.cminfo_txt li {float: left; width: 100%; padding: 5px 0; box-sizing: border-box; border-bottom: 1px solid #d7d7d7;}
.cminfo_txt li span {float: left; width: 22%; height: 34px; font-size: 13px; color: #fff; font-weight: 500; line-height: 34px; text-align: center; margin-right: 10px; background: #a6a6a6;}
.cminfo_txt li p {font-size: 15px; color: #606060; font-weight: 400; line-height: 34px;}

/* 3_productlist */
.reel_box {float: left; width: 100%;}
.reel_overview {float: left; width: 100%;}
.reel_overview a {display: block; width: 100%; height: 100%;}
.reel_overview a:nth-child(1) {margin-bottom: 20px;}
.reel_box div img {width: 100%;}

/* 3_productlist */
.productlist_box {float: left; width: 100%;}
.productlist_area {float: left; width: 100%;}
.pro_thumb {float: left; width: 49%; margin-bottom: 2%; border: 1px solid #e5e3e3; box-sizing:border-box;}
.pro_thumb:nth-child(2n) {float: right;}
.pro_thumb a {position: relative; display: block; width: 100%; height: 100%; font-family: "Noto Sans KR", sans-serif; background: #fff; transition: all 0.5s ease;}
.pro_thumb a figure {float: left; width: 100%; height: auto; margin: 0; padding: 0; border-radius: 8px 8px 0 0 !important; background: #fff; overflow: hidden;}
.pro_thumb a .listthumb_img {width: 100%; height: 100%;}
.pro_thumb a .listthumb_img img {width: 100%; vertical-align: top;}
.pro_thumb a .prolist_info {float: left; width: 100%; text-align: center; padding: 0 2%; background: #faf9f9; border: 1px solid #faf9f9; box-sizing:border-box; border-radius: 0 0 8px 8px !important;}
.pro_thumb a .prolist_info li:nth-child(1) {font-size: 15px; color: #222222; font-weight: 500; line-height: 18px; letter-spacing: -0.8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 12px 0 5px; box-sizing:border-box;}
.pro_thumb a .prolist_info li:nth-child(2) {font-size: 12px; color: #818282; font-weight: 400; line-height: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pro_thumb a .prolist_info li:nth-child(3) {padding: 10px 0 8px; box-sizing:border-box;}
.pro_thumb a .prolist_info li:nth-child(3) .discount {font-size: 13px; color: #a2a3a5; margin-right: 10px; text-decoration: line-through;}
.pro_thumb a .prolist_info li:nth-child(3) .pricenumber {display: inline-block; font-size: 18px; color: #454546; font-weight: 700; vertical-align: -2px;}
.pro_thumb a .prolist_info li:nth-child(3) .ptxt {font-size: 13px; color: #111; font-weight: 400;}

/* Hover_effect */
.pro_thumb:hover {border: 1px solid #000; transition: all 0.5s ease;}
.pro_thumb a figure .listthumb_img img {-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.pro_thumb a:hover figure img, .pro_thumb a:focus figure img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

/* paging_numberbox ´õ¹ÌÆäÀÌÁö */
.paging_numberbox {float: left; width: 100%;}
.paging_numberarea {margin: 0 auto; width: 100%;}
#paging_numberall {float: left; width: 100%; text-align: center; color: #fff; padding-top: 20px; margin-top: 20px; border-top: 1px solid #e5e5e5;}
#paging_numberall a {display: inline-block; width: 30px; height: 30px; color: #757575; font-family: "Noto Sans KR", sans-serif; font-size: 12px; font-weight: 400; line-height: 30px; margin:0 1px; background-color: #fff; border: 1px solid #d7d5d5; vertical-align: top; transition: all 0.5s ease;}
#paging_numberall .current {display: inline-block; width: 30px; height: 30px; color: #fff; font-family: "Noto Sans KR", sans-serif; font-size: 12px; font-weight: 500; line-height: 30px; margin:0 1px; background-color: #0071bd; border: 1px solid #0071bd; vertical-align: top;}
#paging_numberall a:hover {color: #000; font-weight: 500; border: 1px solid #000;}
#paging_numberall a.prev {width: 44px; /* text-indent: -9999px; */ background: #f5f4f4;}
#paging_numberall a.next {width: 44px; /* text-indent: -9999px; */ background: #f5f4f4;}

/* 3_viewdetail_box */
.viewdetail_box {float: left; width: 100%;}

/* gallrey */
.gallrey_box {float: left; width: 100%;}
.gallrey_area {float: left; width: 100%;}

.gallery_thumb {position: relative; float: left; width: 100%; margin-bottom: 30px;}
.gallery_thumb:last-child {margin-bottom: 20px;}
.gallery_thumb a {display: block; width: 100%; font-family: "Noto Sans KR", sans-serif;}
.gallery_thumb a figure {float: left; width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden;}
.thumbimg {width: 100%; height: 100%;}
.gallery_thumb .gallerythumb_info {float: left; width: 100%; border: 1px solid #e5e5e5; box-sizing:border-box;}
.gallery_thumb .gallerythumb_info li:nth-child(1) {height: 45px; font-size: 16px; color: #1d1d1d; font-weight: 400; letter-spacing: -0.8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 9px 20px 0; border-bottom: 1px solid #e5e5e5; box-sizing:border-box;}
.gallery_thumb .gallerythumb_info li:nth-child(2) {height: 40px; font-size: 13px; color: #7e7e7e; font-weight: 400; line-height: 20px; padding: 10px 20px 0; box-sizing:border-box;}
.gallery_thumb .gallerythumb_info li:nth-child(2) .s1 {padding-left: 22px; margin-right: 20px; background: url(/mobile/review/images/writer_ico.png) no-repeat left center;}
.gallery_thumb .gallerythumb_info li:nth-child(2) .s2 {padding-left: 25px; background: url(/mobile/review/images/date_ico.png) no-repeat left center;}

/* Hover_effect */
.gallery_thumb a figure .thumbimg img {width: 100%; height: 100%; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.gallery_thumb a:hover figure img, .gallery_thumb a:focus figure img {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);}

/* 5_main_customer */
.customer_main_box {float: left; width: 100%;}
.cu_operate {float: left; width: 100%;}
.operate_title {float: left; width: 100%; margin-bottom: 20px;}
.operate_info {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif;}
.operate_info li {float: left; width: 100%; height: auto; text-align: left; margin-bottom: 10px; border: 1px solid #ddd; box-sizing: border-box;}
.operate_info li:nth-child(2n) {margin-right: 0;}

.operate_info li.type01 {padding: 25px 0 25px 110px; background: url(/mobile/customer/images/customer_ico1.png) no-repeat 15px center; background-size: 80px;}
.operate_info li.type02 {padding: 25px 0 25px 110px; background: url(/mobile/customer/images/customer_ico2.png) no-repeat 15px center; background-size: 80px;}
.operate_info li.type03 {padding: 25px 0 25px 110px; background: url(/mobile/customer/images/customer_ico3.png) no-repeat 15px center; background-size: 80px;}
.operate_info li.type04 {padding: 25px 0 25px 110px; background: url(/mobile/customer/images/customer_ico4.png) no-repeat 15px center; background-size: 80px;}

.operate_info li h6 {font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #3a3a3a; font-weight: 700; letter-spacing: -0.45pt; line-height: 150%; padding: 0 0 5px;}
.operate_info li dl {display: block;}
.operate_info li dt {display: inline-block; font-size: 15px; color: #3a3a3a; font-weight: 300; line-height: 23px; letter-spacing: -0.35pt;}
.operate_info li dd {display: inline-block; font-size: 15px; font-weight: 500; line-height: 23px;}
.operate_info .type01 dt {width: 30%; font-size: 14px;}
.operate_info .type01 dd {width: 60%; font-size: 14px;}
.operate_info .type02 dt {width: 30%; font-size: 14px; letter-spacing: -0.8px;}
.operate_info .type02 dd {width: 60%; font-size: 14px;}
.operate_info .type03 div {font-size: 15px; color: #3a3a3a; line-height: 23px; letter-spacing: -0.95pt; margin-bottom: 5px;}
.operate_info .type03 dt {width: 30%; font-size: 14px; letter-spacing: -0.8px;}
.operate_info .type03 dd {width: 60%; font-size: 14px;}
.operate_info .type04 div {font-size: 16px; font-weight: 300;}
.operate_info .type04 .bank_account {font-weight: 700; font-size: 15px; color: #3a3a3a; line-height: 26px; padding-bottom: 5px;}
.operate_info .type04 .bank_account img {width: 60px; margin-right: 5px;}
.operate_info .type04 div {font-size: 14px;}

.btnmore_link {float: left; width: 100%;}
.btnmore_link ul {float: left; width: 100%;}
.btnmore_link ul li {float: left; width: 100%; margin-right: 0;}
.btnmore_link ul li:first-child {margin-bottom: 10px;}
.btnmore_link ul li:last-child {margin-top: 10px;}
.btnmore_link ul li a {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #3a3a3a; font-weight: 500; padding: 15px 0 18px 20px; background: url(/mobile/customer/images/cu_btn_arrow.png) no-repeat 95% center; border: 1px solid #ddd; box-sizing: border-box; transition: all 0.3s ease;}
.btnmore_link ul li a span {float: left; width: 100%; font-size: 13px; font-weight: 300; letter-spacing: -0.2px; margin-top: 5px;}
.btnmore_link ul li a:hover {border: 1px solid #000;}

/* 5_store_search */
.storecon_box {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif;}

#store_map {position: relative; width: 100%; height: auto;}
#store_map .map {position: absolute; width: 100%; height: 523px; background: url(/mobile/customer/images/store_map_bg.jpg); background-size: 100% 100%; overflow: hidden;}
#store_map .map_sel {background-color: #000;}
#store_map .map a {position: absolute; width: 44px; height: 44px; background-color: #fff; border: 1px solid #9fb5cc; border-radius: 100%; color: #797979; text-align: center; line-height: 44px; transition: border-color .3s; font-size: 14px; overflow: hidden;}
#store_map .map a:hover, #franchise_map .map a:focus, #franchise_map .map a:active {background-color: #1d5c9e; border-color: #1d5c9e; color: #fff; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
#store_map .map a:hover:before, #franchise_map .map a:focus:before, #franchise_map .map a:active:before {opacity: 1;}

#store_map .map01 a {top: 18%; left: 35.762%;}
#store_map .map02 a {top: 27.217%; left: 37.762%;}
#store_map .map03 a {top: 20.304%; left: 24.851%;}
#store_map .map04 a {top: 17.304%; left: 55.475%;}
#store_map .map05 a {top: 32.956%; left: 46.623%;}
#store_map .map06 a {top: 36.521%; left: 30.861%;}
#store_map .map07 a {top: 42.130%; left: 40.712%;}
#store_map .map08 a {top: 39.304%; left: 62.465%;}
#store_map .map09 a {top: 60.521%; left: 51.554%;}
#store_map .map10 a {top: 50.347%; left: 58.445%;}
#store_map .map11 a {top: 64.217%; left: 62.405%;}
#store_map .map12 a {top: 55.173%; left: 69.7%;}
#store_map .map13 a {top: 52.173%; left: 35.702%;}
#store_map .map14 a {top: 70.869%; left: 32.782%;}
#store_map .map15 a {top: 61.652%; left: 30.728%;}
#store_map .map16 a {top: 84%; left: 30.728%;}

/* store_right_area */
#store_map .map_area {position: relative; float: left; width: 100%; height: auto; font-size: 12px; color: #797979; font-weight: 400; line-height: 36px; letter-spacing: -1px; margin-top: 530px; border: 1px solid #dddddd; box-sizing:border-box;}
#store_map .map_area .store_menutext td.area {float: left; width: 25%; height: 36px; text-align: center; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; box-sizing:border-box;}
#store_map .map_area .store_menutext td.area:nth-child(4n) {border-right: 0;}
#store_map .map_area .store_menutext td.area:hover {background-color: #f1f1f1; cursor: pointer; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
#store_map .map_area .store_menutext .search {height: 100px; border: 1px solid #dddddd; border-top: 0; border-left: none; border-right: 0; text-align: center;}

.store_guidearea {float: left; width: 100%; padding: 5%; box-sizing:border-box;}
.store_guidetxt {font-size: 14px; line-height: 20px; letter-spacing: 0; word-break: keep-all;}
.map_inquirycall {float: left; width: 100%; margin-top: 20px;}
.map_inquirycall li {float: left;}
.map_inquirycall li img {float: left; width: 60px; margin-right: 20px;}
.map_inquirycall li span {font-size: 18px; color: #151515; font-weight: 500; line-height: 18px; vertical-align: -12px;}

/* store_list */
.store_listbox {float: left; width: 100%; margin-top: 20px;}
.table_box table {width: 100%; border-top: 2px solid #787575; border-bottom: 1px solid #dad6d6;}
.table_box table caption {display: none;}
caption, th, td {font-weight: normal; border: 0;}
.table_box table tr th {font-size: 13px; padding: 16px 0 12px 0; text-align: center; background: #f7f7f7; border-right: 0px solid #dad6d6; font-weight: bold; color: #5a5a57;}
.table_box table th.name {border-left: 1px solid #dad6d6;}
.table_box table tr td {font-size: 12px; text-align: center; color: #7b7b7b; border-top: 1px solid #dad6d6; padding: 8px 5px 11px 8px;}
.table_box table td.branch {border-left: 1px solid #dad6d6;}
.table_box table td.branch img {display: inline-block; margin: 2px;}

/* store_detail_morebtn */
.btn-type-01 {color: #fff; background-color: #9fb5cc; border: 1px solid #9fb5cc;}
.btn-type-01:hover {color: #ffd23e;}
*[class*="btn-type-0"] {display: inline-block; text-align: center; padding: 5px 10px; min-width: 48px; line-height: 1.5; cursor: pointer; font-size: 11px; vertical-align: middle; -webkit-transition: 0.2s all; -o-transition: 0.2s all; transition: 0.2s all;}
*[class*="btn-type-0"]:hover {background-color: #fff;}

/* store_detailpage */
#boardview_box {position: relative; width: 100%;}
.boardview_area {float: left; width: 100%; padding: 20px 0; border-top: 2px solid #787575; border-bottom: 1px solid #787575;}
.boardview_content {float: left; width: 100%;}
.boardview_content td {float: left;}
.boardview_content_photo {float: left; width: 100%; margin-bottom: 20px;}
.boardview_content_photo img {width: 100%; vertical-align: 5px;}

.boardview_content_txt tr {float: left; width: 100%; margin-bottom: 20px;}
.boardview_content_txt th {float: left; width: 34%; font-size: 13px; font-weight: 400; text-align: left;}
.boardview_content_txt td {float: left; width: 62%; font-size: 13px; font-weight: 500;}
.service_i img {display: inline-block; margin-right: 6px;}

.store_map {float: left; width: 100%; margin-top: 10px;}
.store_map img {width: 100%;}

.btn_requestbox {float: left; width: 100%; margin-top: 30px;}
.btn_requestarea {margin: 0 auto; width: 30%;}
.btn_requestarea li a {display: block; width: 100%; height: 44px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #fff; font-weight: 500; text-align: center; line-height: 44px; background-color: #333333; border: 1px solid #333333; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn_requestarea li a:hover {background-color: #000; border: 1px solid #000;}

/* shopping */
.shopping_box {float: left; width: 100%;}

/* member */
.member_box {float: left; width: 100%;}

#ctt {margin: 0 !important; background-color: #eeeeee !important; box-shadow: none !important;}
.ctt_provision {float: left; width: 100%; padding: 10px; background-color: #eeeeee; border-top: 2px solid #000; border-bottom: 1px solid #dddddd; box-sizing: border-box;}
.ctt_provision h1 {display: none;}
.ctt_privacy {float: left; width: 100%; padding: 10px; background-color: #eeeeee; border-top: 2px solid #000; border-bottom: 1px solid #dddddd; box-sizing: border-box;}
.ctt_privacy h1 {display: none;}
#ctt_con {float: left; font-family: "Noto Sans KR", sans-serif; font-size: 13px !important; color: #676666; font-weight: 300; line-height: 20px; background-color: #fff; box-sizing: border-box; padding: 20px; border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial;}

/* other */
.other_box {float: left; width: 100%;}

/* sitemap */
.sitemapmn {float: left; width: 100%;}
.sitemapmn ul {float: left; width: 48%; height: 190px; margin-bottom: 30px;}
.sitemapmn ul:nth-child(2n) {float: right;}
.sitemapmn ul:nth-child(3), .sitemapmn ul:nth-child(4) {height: 188px;}
.sitemapmn ul:last-child {margin-bottom: 0;}
.sitemapmn ul li {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif;}
.sitemapmn ul li.mntitle a {display: block; width: 100%; height: 60px; font-size: 16px; color: #fff; font-weight: 500; line-height: 60px; text-align: center; background: #7c9ccb; border-radius: 5px; transition: all 0.3s ease;}
.sitemapmn ul li.mntitle a:hover {background: #305b9a;}
.sitemapmn ul li.submn a {display: block; font-size: 13px; color: #616161; font-weight: 300; padding: 11px 0 12px 10px; border-bottom: 1px solid #d8d7d7; transition: all 0.3s ease;}
.sitemapmn ul li.submn a:hover {color: #000; background: #f9fafa; border-bottom: 1px solid #7c9ccb;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 400,499 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:400px) and (max-width:499px) {

.vision_txt .infotxt {font-size: 23px;}
.history_box .list_1st li .list_right {width: 51.6%;}
.history_box .list_1st li .list_left {width: 52.5%;}
.address_txt li:nth-child(2) {font-size: 16px;}

.operate_info .type03 div {letter-spacing: -0.55pt;}
.operate_info .type04 .bank_account img {width: 70px; margin-right: 5px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 500,640 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:500px) and (max-width:640px) {

.vision_txt .infotxt {font-size: 23px;}

.operate_info .type03 div {letter-spacing: -0.55pt;}
.operate_info .type04 .bank_account img {width: 70px; margin-right: 5px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

}