@charset "utf-8";

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
상단 탑배너 html > page > top_banner.php 
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.top_banner {position: relative;width: 100%;margin: 170px auto 80px;text-align: left;}
.top_banner .container_fix {width: 1430px;}
.top_banner .top_banner_txt {}
.top_banner .top_banner_txt .menu_nav {margin-bottom: 30px;}
.top_banner .top_banner_txt .menu_nav > a {display: inline-block;font-size: 16px;color: #666666;}
.top_banner .top_banner_txt .menu_nav > a img {display: inline-block;position: relative;top: -3px;}
.top_banner .top_banner_txt .menu_nav > a span.text {display: inline-block;margin-left: 5px;}
.top_banner .top_banner_txt .menu_nav > p {display: inline-block;font-size: 16px;color: #666666;}
.top_banner .top_banner_txt .menu_nav > p span.menu_angle {display: inline-block;margin: 0 10px;font-family: 'SUIT', sans-serif;}
.top_banner .top_banner_txt .title_box {}
.top_banner .top_banner_txt .title_box h1 {font-size: 50px;color: #111111;font-weight: bold;}

@media (max-width: 991px) {
    .top_banner {margin:100px auto 30px;}
		.top_banner .top_banner_txt .menu_nav {margin-bottom: 25px;}
    .top_banner .top_banner_txt .menu_nav > a {font-size: 13px;}
    .top_banner .top_banner_txt .menu_nav > a img {width: 16px;top: -3px;}
    .top_banner .top_banner_txt .menu_nav > a span.text {margin-left: 5px;}
    .top_banner .top_banner_txt .menu_nav > p {font-size: 13px;}
    .top_banner .top_banner_txt .menu_nav > p span.menu_angle {margin: 0 8px;}
    .top_banner .top_banner_txt .title_box h1 {font-size: 30px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
상단 탑메뉴 html > page > top_banner.php 
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.top_menu {width: 100%;margin-bottom: 100px;}
.top_menu .top_menu_pc {display: block;}
.top_menu .top_menu_pc .container_fix {width: 1430px;}
.top_menu .top_menu_pc .menu_ul {width: 100%;text-align: left;display: block;}
.top_menu .top_menu_pc .menu_ul > li {display: inline-block;vertical-align: top;margin-right: 45px;padding-bottom: 15px;position: relative;}
.top_menu .top_menu_pc .menu_ul > li.on::after {content: "";width: 100%;height: 2px;background: #b2a8a2;position: absolute;left: 0;bottom: 0;}
.top_menu .top_menu_pc .menu_ul > li:last-child {margin-right: 0;}
.top_menu .top_menu_pc .menu_ul > li > a {display: inline-block;width: auto;font-size: 17px;color: #999;font-weight: 500;}
.top_menu .top_menu_pc .menu_ul > li.on > a {color: #b2a8a2;font-weight: 600;}
.top_menu .top_menu_mobile {display: none;}

@media (min-width: 1950px) {
    .top_menu {width:1820px;margin: 0 auto;max-width: 100%;margin-bottom: 150px;}
}

@media (min-width: 992px) {
    .top_menu.mb100 {margin-bottom:100px;}
}

@media (max-width: 991px) {
    .top_menu {margin-bottom:55px;}
    .top_menu .top_menu_pc {display: none;}
    .top_menu .top_menu_mobile {display: block;}
    .top_menu .top_menu_mobile .top_menu_drop {width: 100%;}
    .top_menu .top_menu_mobile .top_menu_drop > a {display: block;width: 100%;height: 42px;line-height: 42px;position: relative;border-bottom: 1px solid #b2a8a2;text-align: center;font-size: 14px;color: #b2a8a2;font-weight: 600;}
    .top_menu .top_menu_mobile .top_menu_drop > a span.arrow {position: absolute;right: 15px;}
    .top_menu .top_menu_mobile .top_menu_drop .dropdown-menu {width: 100%;text-align: center;margin: 0;padding: 20px 0;border-radius: 0 0 5px 5px;top: calc(100% - 1px);}
    .top_menu .top_menu_mobile .top_menu_drop .dropdown-menu li a {padding: 10px 0;font-size: 14px;color: #999;}
    .top_menu .top_menu_mobile .top_menu_drop .dropdown-menu li a:hover {color: #b2a8a2;background-color: transparent;opacity: 1;}
}

@media (max-width: 480px) {
    .top_menu .top_menu_mobile .top_menu_drop > a span.arrow {right:10px;}
    .top_menu .top_menu_mobile .top_menu_drop > a span.arrow img {width: 9px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
매장안내2 html > skin > board > map2
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.map_search_wrap{padding:40px 50px; background:#f9f9f9; display:table; width:100%; table-layout:fixed; margin-bottom:60px; background-color: #fff; border: 1px solid #e5e5e5;}
.map_search_wrap > *{display:table-cell; vertical-align:middle;}
.map_search_wrap label{font-size:21px; color:#222222; margin-bottom:20px; font-weight:500;}
.map_search_wrap .area_wrap{width:56.356%;}
.map_search_wrap .store_wrap{width:42.2%; padding-left:4.273%;}
.map_search_wrap .search_box select, 
.map_search_wrap .search_box input[type=text]{border-color:#d7d7d7; height:45px; font-size:16px; color:#888888; padding-left:22px; background:#fff; width:100%;}
.map_search_wrap .search_box input[type=text]::placeholder{color:#888;}
.map_search_wrap .search_box{display:table; width:100%; table-layout:fixed;}
.map_search_wrap .search_box > div{display:table-cell; vertical-align:middle;}
.map_search_wrap .area_wrap .search_box > div:first-of-type{width:42.45%; padding-right:9px;}
.map_search_wrap .area_wrap .search_box > div:nth-of-type(2){width:42.767%; padding-right:9px;}
.map_search_wrap .store_wrap .search_box > div:first-of-type{width:92.9%; padding-right:9px;}
.map_search_wrap .store_wrap .search_box > div:nth-of-type(2){width:26.1%;}
.map_search_wrap .search_box > div:last-of-type button{height:45px; font-size:17px; font-weight:500; color:#fff; width:100%; border:none; background:#aca099;}
.map_search_wrap .search_box > div select{widtH:100%; }
.map_search_wrap .search_box > div select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url(/skin/board/mapB/img/map2_select_arrow.png) no-repeat 92% 50%; }
.map_search_wrap .search_box > div select::-ms-expand { display: none; }
.board-list.map2{display:table; width:100%; table-layout:fixed;}
.board-list.map2 > div{display:table-cell; vertical-align:top;}
.board-list.map2 .map_cover{width:48.334%; }
.board-list.map2 .list-wrap{width:auto; padding-left:3.334%;}
.board-list.map2 .list-wrap .list-page{margin:19px 0 0 !important;}
.board-list.map2 .div-head{border-top:none; border-color:#e5e5e5;}
.board-list.map2 .list-board{border-top:2px solid #222222; margin-bottom:0;}
.board-list.map2 .list-board .list-body li{border-bottom:1px solid #e5e5e5; background:#fff !important;}
.board-list.map2 .list-board .list-body .wr-subject{padding:28px 20px 28px 0; display:table; width:100%; table-layout:fixed;}
.board-list.map2 .list-board .list-body .wr-subject > a{display:table-cell; vertical-align:middle; width:50px; }
.board-list.map2 .list-board .list-body .wr-subject a .map_marker{display:table-cell; vertical-align:middle; background:url(/skin/board/mapB/img/map_marker_off.png) no-repeat center; width:53px; height:53px; border:1px solid #d1d1d1; border-radius:50%;}
.board-list.map2 .list-board .list-body .wr-subject a .map_marker.on{background-image:url(/skin/board/mapB/img/map_marker_on.png); border-color:#277bff; background-color:#277bff;}
.board-list.map2 .list-board .list-body .wr-subject .store_info{display:table-cell; vertical-align:middle; padding-left:5%;}
.board-list.map2 .list-board .list-body .wr-subject .store_info h3,
.board-list.map2 .list-board .list-body .wr-subject .store_info a.wr_subject{font-size:20px; color:#222222; font-weight:500; line-height:1; margin-bottom:12px; display:block; width:100%;}
.board-list.map2 .list-board .list-body .wr-subject .store_info p{font-size:16px; line-height:1.4; color:#666;}
.board-list.map2 .list-board .list-body .wr-subject .store_info p:last-child{margin-top:5px;}
.board-list.map2 .list-board .list-body .wr-subject .store_info p span.bold{font-weight:500;}
.inquiry_box .answer button:not(.btn_cke_sc){height:50px; padding:0 20px; background:#333333; color:#fff; font-size:16px;}
.map2 .pagination li a{border:0 !important; font-size:17px; color:#666666 !important; background:none !important;}
.map2 .list-btn{margin-top:15px;}

@media (min-width:992px){

	.board-list.map2 .div-head > span{font-size:16px; font-weight:500; border:0;}
}
@media (max-width:991px){
	.board-list.map2 .list-board{border-width:2px;}
	.board-list.map2 .map_cover{width:100%; display:block;}
	.board-list.map2 .list-wrap{width:100%; padding-left:0; display:block; margin-top:30px;}
	.board-list.map2 #map{height:250px !important;}
	.map_search_wrap{padding:25px 15px; margin-bottom:30px;}
	.map_search_wrap label{font-size:15px; margin-bottom:12px; width:100%;}
	.map_search_wrap .area_wrap{width:100%; display:block;}
	.map_search_wrap .area_wrap:after{content:''; display:block; clear:both;}
	.map_search_wrap .search_box {width: 100%; height: auto; max-width:none;}
	.map_search_wrap .area_wrap .search_box{margin-right:-10px; width:auto; display:block; table-layout:auto;}
	.map_search_wrap .area_wrap .search_box > div:first-of-type,
	.map_search_wrap .area_wrap .search_box > div:nth-of-type(2){width:calc(50% - 10px); margin-right:10px; float:left; padding:0;}
	.map_search_wrap .area_wrap .search_box > div:last-of-type{width:calc(100% - 10px); margin-top:10px; display:block; float:left; }
	.map_search_wrap .search_box > div:last-of-type button{height:40px; font-size:13px;}
	.map_search_wrap .search_box select, .map_search_wrap .search_box input[type=text]{font-size:13px; height:40px; padding-left:15px; padding-right:28px;}
	.map_search_wrap .search_box > div select{background-image:url(/skin/board/mapB/img/mmap2_select_arrow.png); background-size:10px; background-position:90% center;}
	.map_search_wrap .search_box{display:block; overflow:hidden;}
	.map_search_wrap .search_box > div{display:block; float:left;}
	.map_search_wrap .store_wrap{width:100%; display:block; padding:0px; margin-top:30px;}
	.map_search_wrap .store_wrap .search_box > div:first-of-type{width:calc(100% - 90px);}
	.map_search_wrap .store_wrap .search_box > div:nth-of-type(2){width:90px;}
	.board-list.map2 .list-board .list-body .list-item:last-of-type{border-bottom:0 !important;}
	.board-list.map2 .list-board .list-body .wr-subject{padding:20px 15px 20px 0;}
	.board-list.map2 .list-board .list-body .wr-subject .store_info h3, .board-list.map2 .list-board .list-body .wr-subject .store_info a.wr_subject{font-size:15px; margin-bottom:10px;}
	.board-list.map2 .list-board .list-body .wr-subject .store_info p{font-size:13px; word-break:keep-all;}
	.board-list.map2 .list-board .list-body .wr-subject a .map_marker{background-image:url(/skin/board/mapB/img/mmap_marker_off.png); width:50px; height:50px; background-size:16px;}
	.board-list.map2 .list-board .list-body .wr-subject a .map_marker.on{background-image:url(/skin/board/mapB/img/mmap_marker_on.png);}
	.map2 .pagination li a{font-size:13px; padding:6px 0; text-align:center; width:30px;}

	.inquiry_box .answer #map + div select{width:100% !important;}
	.inquiry_box .answer #map + div select + select{margin-top:7px;}
	.inquiry_box .answer #map + div input.addr{width:calc(100% - 103px) !important; margin-top:7px; height:40px;}
	.inquiry_box .answer #map + div button{widtH:100px; margin-top:7px; font-size:14px; height:40px;}
	.inquiry_box .answer #map + div + div input[type=text]{height:40px; line-height:normal; width:49.6% !important;}
}

/* 필터 */
.notice_search_wrap {margin-bottom: 26px;}
.notice_search_box {position: relative;display: table;margin-left: auto; display: flex; align-items: center; justify-content: flex-end;}
.notice_search_box input {width: 250px;height: 45px;border: 1px solid #f1f1f1;border-radius: 30px;font-size: 15px;color: #222;padding: 0px 55px 0 25px;}
.notice_search_box input::placeholder {color: #999;}
.notice_search_box button {border: none;background: transparent;}
.board_style .notice_board.list-board .wr-secret {width: 12px;height: 12px;background: url(../../img/icon_secret.png) no-repeat center /cover;margin: 0 0 0 7px;vertical-align: top;}

/* 필터 CSS */
.form-group__wrap {display: flex; justify-content: flex-end; align-items: center; gap: 10px;}
.form-group__wrap .form-group {margin-bottom: 0;}
.form-group__wrap .notice_search_box {margin-left: initial;}
.ly_form-control {width: 140px;height: 45px; line-height: 43px;border: 1px solid #f1f1f1;border-radius: 30px !important;font-size: 14px;color: #999;padding: 0 15px; padding-left:25px;outline: none; box-shadow: none; border-radius: 10px !important;}
.form-group__wrap .form-control:focus {border-color: #d7d7d7;box-shadow: none;}
.filter_search_box button {display: flex; width: 105px; height: 45px; margin: 0 auto; justify-content: center; align-items: center; background-color: #277bff; color: #fff;font-size: 15px;border-radius: 22px; border: none;}
.notice_search_box button {margin-left: 8px;}

@media (max-width: 991px) {
	.ly_form-control {width: 100%; height: 36px; line-height: 34px;font-size: 13px; padding-left: 15px;}
	.form-group__wrap {gap: 7px; justify-content: flex-start;}
	.form-group__wrap .notice_search_box {display: flex; align-items: center;}
	.notice_search_box input {font-size:13px;width: 100%;height: 35px;padding:0; padding-left: 15px;}
	.filter_search_box button {font-size: 13px; height: 35px; width: 100%;}
	.notice_search_box button img {height: 35px;}
	.ly_form-control2 {width: 100%;}
	.right_serch_wrap .form-group__wrap .form-group {flex: 35;}
	.right_serch_wrap .filter_search_box {flex: 25;}
	.notice_search_wrap .form-group__wrap .form-group {flex: 29;}
	.notice_search_wrap .form-group__wrap .notice_search_box {flex: 68;}
}

/* SUB */
.sub-body .container_fix {width: 1430px;}
.img_sec_bg {background-color: #f9f9f9;}
.postion {position: relative;}
.text_img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.tab_content > li {display: none;}
.tab_content > li.on {display: block;}
.tab_menu {display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #e1e1e1; margin-bottom: 130px;}
.tab_menu > li > a {display: flex; justify-content: center; align-items: center; padding: 35px 0; font-size: 16px; color: #999;}
.tab_menu > li.on > a {color: #b2a8a2; border-bottom: 1px solid #b2a8a2;}

/* SHOPPING */
.view-wrap .buy_btn {display: flex; justify-content: center; align-items: center; border-radius: 25px; width: 110px; height: 40px; font-size: 17px;color: #ffffff;font-weight: 600;background-color: #aca099; margin: 0 auto;}
@media (max-width: 991px) {
	.view-wrap .buy_btn {width: 82px; height: 32px; border-radius: 20px; font-size: 13px;}
}