@charset "utf-8";
html {background-color: #3d3d3d;}
body {width:100%; height:auto; background-color: #fff; -webkit-overflow-scrolling:touch;}
#wrap {min-width:320px; width:100%; height:100%; -webkit-overflow-scrolling:touch;}
.ly_wrap {overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;}

/* custom */
#wrap nav .left_close {position: absolute; top: 0; right: 0; left: auto; width: 46px; height: 46px; background-size: 13px; background-image:url('/assets/mobile/custom/img/icon/icon_left_x.png'); background-repeat: no-repeat; background-position: center;}
.nav_content_box {padding-top: 46px;}
.nav_banner {position: fixed; left: 0; top: 0; width: 100%; padding: 13px 0; background-color: #333;}
.nav_banner .left_logo {height: 20px; padding: 0 16px;}
.nav_banner .left_logo img {height: 100%;}

.nav_login {position: relative; border-bottom: 10px solid #f6f6f6;}
.nav_login li {padding: 10px 0 10px 16px; font-size: 16px;}
.nav_login li.btn_nav_login a {display: block; line-height: 50px;padding-right: 60px; background:url(/assets/mobile/custom/img/arrow/arr_right_black_1.png) right 16px center no-repeat; font-weight: 500;}
.nav_login li.btn_nav_mypage {padding-top: 23px; padding-bottom: 23px; font-size: 14px;}
.nav_login li.btn_nav_mypage a {display: inline-block; max-width: 60px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: bottom; font-weight: 500; font-size: 16px;}
.nav_login li.btn_nav_logout {position: absolute; top: 0; right: 0;}
.nav_login li.btn_nav_logout a {display: block; width: 50px; height: 50px; font-size: 12px; background-image: url(/assets/mobile/custom/img/icon/ico_logout.png); background-position: center; background-repeat: no-repeat; background-size: 20px; line-height: 1; text-indent: -9999px;}

/* 지도 추가 기능 버튼 */
.wrap_controllers {overflow: hidden; padding: 7px 11px; border: 1px solid #dfdfdf; border-color: rgba(0,0,0,.1); border-radius: 0 0 2px 2px; background-color: #f9f9f9;}
.wrap_controllers .tit_controllers {float: left; color: #333; text-decoration: none;}
.wrap_btn_roadview {top: 0; font-size: 12px;}
.wrap_btn_roadview {float: right; position: relative; top: 1px; font-size: 11px;}
.wrap_btn_roadview .txt {float: left; height: 15px; padding-top: 1px; line-height: 15px; color: #000 ;font-size: 12px;}
.wrap_btn_roadview .txt_bar {width: 1px; padding: 0; margin: 0 8px 0 9px; height: 11px; vertical-align: top; position: relative; top: 2px; border-left: 1px solid #d0d0d0;}
.wrap_btn_roadview>* {float: left;}

/*───────────────────────────────────────────────────────────

	 HEADER

───────────────────────────────────────────────────────────*/
#header_wrap {}
#header_wrap header { width:100%; min-width:320px; background:#fff; z-index:300;}
#header_wrap header.h_on {position:fixed; top:0; left:0;}
#header_wrap header .header_box {/*border-bottom:1px solid #cbcbcb;*/}
#header_wrap header .header_box .h_logo { padding:13px 0 13px 0; margin:0 auto; line-height:0; text-align:center;}
#header_wrap header .header_box .h_logo a {font-size:0; line-height:0; }
#header_wrap header .header_box .h_logo img {height:30px;}
#header_wrap header .header_box .h_logo .logo_agency {font-size: 11px; vertical-align: 10px; background: #ff5f00; color: #fff; border-radius: 3px; padding: 1px 5px 2px; margin-left: 15px; font-weight: 300;}
#header_wrap header .header_box .left_menu {position:absolute; top:3px; left:5px; display:table;}
#header_wrap header .header_box .left_menu li {display:table-cell; vertical-align:top;}
#header_wrap header .header_box .right_menu {position:absolute; top:0; right:5px; display:table;}
#header_wrap header .header_box .right_menu li {position:relative; display:table-cell; vertical-align:top;}
/* 좌측 메뉴 */
#header_wrap header .header_box .side_menu {display:inline-block; padding:16px 7px 15px 7px; vertical-align:top;}
#header_wrap header .header_box .side_menu span {display:inline-block; width:20px; height:15px; font-size:0; background:url('/assets/mobile/custom/img/icon/m_ico_menu.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 검색 */
#header_wrap header .header_box .top_search {display:inline-block; padding:15px 7px 15px 7px; vertical-align:top; background:none; border:none;}
#header_wrap header .header_box .top_search span {display:inline-block; width:18px; height:17px;  font-size:0; background:url('/assets/mobile/custom/img/icon/icon_search.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 마이페이지 */
#header_wrap header .header_box .mypage {display:inline-block;  padding:14px 7px 14px 7px;}
#header_wrap header .header_box .mypage span {display:inline-block; width:21px; height:21px; font-size:0; background:url('../img/icon/icon_mypage.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 장바구니 */
#header_wrap header .header_box .cart {display:inline-block;  padding:15px 7px 14px 7px;}
#header_wrap header .header_box .cart span {display:inline-block; width:20px; height:21px;  font-size:0; background:url('../img/icon/icon_cart.png') no-repeat center; background-size:100%; vertical-align:top;}
#header_wrap header .header_box .cart_count {position:absolute; top:8px; right:0; display:block; padding:3px 6px 1px 6px; line-height:15px; border-radius:100%; color:#fff; background:#ab3e55;  vertical-align:middle; font-size:12px;}

/*───────────────────────────────────────────────────────────

	 중앙 위치

───────────────────────────────────────────────────────────*/

.sub_top {position:relative; padding:0 45px 0 43px; border-top:1px solid #dbdcde; border-bottom:1px solid #dbdcde; background:#fff;}
/* 좌측 이전 */
.sub_top .sub_top_left {position:absolute; top:0; left:0; border-right: 1px solid #ddd;}
.sub_top h2 {overflow:hidden; display:block; width:100%; padding:12px 0; white-space:nowrap; text-overflow:ellipsis; font-size:15px; line-height:15px; text-align:center;}
/* 목록가기 글쓰기 위치 */
.sub_top .sub_top_right2 {position:absolute; top:5px; right:5px;}

/*───────────────────────────────────────────────────────────

	 네비게이터

───────────────────────────────────────────────────────────*/
.navi_g {display:none; background:#f9f9f9; border-top:1px solid #dbdcde;}
.navi_g ul {padding:6px 10px 6px 10px; font-size:0;}
.navi_g ul li {display:inline-block; font-size:12px; text-indent:17px; background:url('../img/icon/icon_arrow_next.png') no-repeat 5px center; background-size:7px 11px;}
.navi_g ul li:nth-child(1) {text-indent:0; background:none;}
.navi_g ul li a {font-size:12px; text-indent:15px;}

/*───────────────────────────────────────────────────────────

	 좌측 메뉴

───────────────────────────────────────────────────────────*/
#wrap nav {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1001;}
#wrap nav .bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1001;}
#wrap nav .nav_bg_box {position:relative;}
#wrap nav .nav_bg_box .nav_box {position:fixed; top:0; left:0; width:290px; height:100%; margin:0 0 0 -290px; background:#fff; z-index:1001;}
#wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:relative; overflow: hidden; width:100%; height:100%;}
#wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}
/*
#wrap nav .left_close {position:fixed; top:20px; left:310px; width:29px; height:29px; background:url('../img/icon/icon_left_x.png') no-repeat center; background-size:100%; z-index:1002;}
*/
/* 다국어 선택
.nav_language {display:table; position:relative; width:100%; background:#f3f3f3; }
.nav_language .tit {display:table-cell; width:30%; font-size:15px; padding:13px 15px 13px 15px; color:#262626; font-weight:bold; box-sizing:border-box;}
.nav_language .language_box {display:table-cell; width:70%; box-sizing:border-box;}
 */
/* 배너 및 로그인 & 로그아웃
.nav_banner {position:relative; width:274px; margin:0 auto; padding:8px 0 8px 0; text-align:center;}
.nav_banner .nav_login {position:absolute; top:84px; left:10px;}
.nav_banner .nav_login ul {font-size:0;}
.nav_banner .nav_login ul li {display:inline-block; padding:0 10px 0 10px; background:url('../img/icon/icon_line.gif') no-repeat left center; background-size:1px 11px; }
.nav_banner .nav_login ul li:first-child {background:none;}
.nav_banner .nav_login ul li a {display:inline-block; font-size:15px; color:#222222;}
.nav_banner img {width:100%;}
.nav_banner .left_logo {position:absolute; top:50px; left:20px;}
.nav_banner .left_logo img {width:112px;}
.nav_banner .login_txt {position:absolute; top:30px; left:0px;font-size:16px; text-align:left; line-height:20px; box-sizing:border-box;padding: 0 20px; }
.nav_banner .login_txt p.name strong {overflow:hidden; display:inline-block; max-width:150px; text-overflow:ellipsis; white-space:nowrap; font-size:18px; vertical-align:middle; color:#ab3e55;}
 */
/* 중앙 링크 (장바구니, Q&A, 최근본상품)
.nav_link {padding:10px 0 0 0;}
.nav_link ul {display:table; width:100%;}
.nav_link ul li {display:table-cell; width:33.3%; text-align:center;}
.nav_link ul li a {display:block; padding:36px 0 0 0; font-size:13px; color:#888;}
.nav_link ul li:nth-child(1) a {background:url('../img/icon/icon_qna.png') no-repeat center 3px; background-size:33px 30px;}
.nav_link ul li:nth-child(2) a {background:url('../img/icon/icon_prd_latest.png') no-repeat center 4px; background-size:40px 25px;}
.nav_link ul li:nth-child(3) a {background:url('../img/icon/icon_lnb_heart.png') no-repeat center 4px; background-size:33px 28px;}
 */
/* 네비 탭메뉴
.nav_tabmenu_box {padding-top:25px;}
.nav_tabmenu_box .nav_tabmenu {display:table; width:100%;}
.nav_tabmenu_box .nav_tabmenu li {display:table-cell; width:50%; text-align:center;}
.nav_tabmenu_box .nav_tabmenu li span {display:block; padding:10px 0 10px 0; background:#e8e8e8; color:#acacac;}
.nav_tabmenu_box .nav_tabmenu li.on span {background:#ab3e55; color:#fff; font-weight:bold;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(1) span {margin:0 1px 0 8px;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(2) span {margin:0 8px 0 1px;}
 */
/* 게시판 
.nav_community_box {padding-top:25px;}
.nav_community_box .comm_tit {padding:10px 0 10px 10px; margin:0 10px 0 10px; font-size:18px; color:#272727; font-weight:bold; border-bottom:1px solid #000000;}
.nav_community_box .board_cate {}
.nav_community_box .board_cate li {padding:0 25px;}
.nav_community_box .board_cate li a {display:block; padding:12px 0; font-size:16px; color:#1c1c1c;}
*/
/* 배너 2 
.nav_banner2 {width:274px; margin:0 auto; padding:20px 0 50px 0; }
.nav_banner2 a img {width:100%;}
*/
/*───────────────────────────────────────────────────────────

	 FOOTER

───────────────────────────────────────────────────────────*/
#footer {margin:40px 0 0 0}
/* 고객센터 / PC화면 보기 */
#footer footer .ft_button_box {padding:0 25px 0; background:#3d3d3d;}
#footer footer .ft_button_box ul {display:table; width:100%; padding:15px 0 0 0; text-align:center;}
#footer footer .ft_button_box ul li {display:table-cell; width:50%;}
#footer footer .ft_button_box ul li:nth-child(1) {padding-right:6px;}
#footer footer .ft_button_box ul li:nth-child(2) {padding-left:6px;}
#footer footer .ft_button_box ul li a {display:block; padding:4px 0 5px; background:#2d2d2d; color:#fff; font-size:11px; border-radius:3px;}
#footer footer .ft_info2_box {padding: 10px 15px 0; background:#3d3d3d;}
#footer footer .ft_info2_box .ft_menu {display:table; width:100%;}
#footer footer .ft_info2_box .ft_menu li {display:table-cell;}
#footer footer .ft_info2_box .ft_menu li a {display:block; padding:18px 3px 18px 3px; font-size:11px; color:#dbdbdb; text-align:center; letter-spacing:-1px;}
#footer footer .ft_info2_box .ft_menu li a.privacy {color:#fff; font-weight:bold;}
#footer footer .ft_info2_box .ft_address {padding:0 20px 0 20px; text-align:center; font-size:10px; font-weight: 300; color:#dbdbdb; word-break:keep-all;}
#footer footer .ft_sns_btn {display:table; width:100%; text-align:center;}
#footer footer .ft_sns_btn li {display:inline-block; padding:10px 5px 10px 5px;}
#footer footer .ft_sns_btn li a {display:block; width:36px;}
#footer footer .ft_sns_btn li a img {width:100%;}
/* 카피라이터 */
#footer footer .ft_copy {padding:15px 0 30px 0; color:#dbdbdb; font-size:10px; text-align:center; font-style:normal;}
/* 바로가기 */
#footer footer .shortcut {text-align:center; background:#2f2f2f;}
#footer footer .shortcut a {display:block; padding:12px 0 12px 0;}
#footer footer .shortcut a span {position:relative; display:inline-block; color:#e0e0e0; height:36px; line-height:36px; padding:0 0 0 46px; background-size:36px; background-repeat:no-repeat;}
#footer footer .shortcut a span em {color:#ff353b; font-style:normal;}
/* 탑버튼 */
#footer footer .ft_btn_top a {display:inline-block; width:100%; height:46px; border-top:1px solid #505050; border-bottom:1px solid #787878; text-align:center; color:#ffffff; background:#5d5d5d; line-height:46px; font-size:13px; font-weight:bold;}
#footer footer .ft_btn_top a span {padding:0 0 0 15px; background:url('/assets/mobile/skin/mobile/moment/img/icon/icon_top_arrow.png') no-repeat 0 center; background-size:10px 6px;}
.fixed_btn_top {position:fixed; right:11px; bottom:85px; z-index: 1;}
.fixed_btn_top span {display:inline-block; width:42px; height:42px; background:url('../img/btn/btn_top.png') no-repeat 0 0; background-size:42px 42px; font-size:0; text-indent:-9999px;}

/* 브랜드 검색 버튼 */
.btn_nav_brand_search {position:relative; display:block; padding-left:15px; margin:8px 8px 0 8px;; height:46px; line-height:46px; color:#1c1c1c; font-size:16px; font-weight:bold; letter-spacing:-1px; border:1px solid #e6e6e6;}
.btn_nav_brand_search:after {position:absolute; top:17px; right:17px; display:inline-block; content:''; width:6.5px; height:12px; background:url('../img/icon/icon_brand_arrow.png') no-repeat 0 0; background-size:6.5px 12px;}


/*───────────────────────────────────────────────────────────

	 CUSTOM

───────────────────────────────────────────────────────────*/
.updown .up,
.updown .up * { color: #f20707;}
.updown .down,
.updown .down * { color: #0eadff;}
.updown .same,
.updown .same * {}

.updown .up i,
.updown .down i,
.updown .same i {position: relative; display: inline-block; width: 15px; height: 0; line-height: 0; font-size: 0; text-indent: -9999px; vertical-align: middle; font-style: normal;}

.updown .up i:after,
.updown .down i:after,
.updown .same i:after {content: ""; font-size: 8px; display: block; position: absolute; left: 0; top: -2px; text-indent: 0;}

.updown .up i:after {content: "▲";}
.updown .down i:after {content: "▼";}
.updown .same i:after {top: -4px; width: 8px; height: 4px; background-color: #ffde00;}

.container {padding: 0 25px; font-size: 14px;}
.container img {max-width: 100%;}

.sub_title_box {padding: 30px 25px 30px}
.sub_title {padding: 20px 25px; color: #333; font-size: 24px; line-height: 1;}
.sub_title_box .sub_title {padding: 0;}
.sub_title_top .sub_text {padding-top: 10px; font-size: 14px; color: #999;}
.sub_title_top .sub_title {padding: 30px 0 0;}

.sub_tab + .sub_title_box {padding-top: 20px;}

.cont_title_box {padding-bottom: 20px; border-bottom: 2px solid #333;}
.cont_title {font-size: 16px; color: #000; line-height: 1;}

.table_top {position: relative; margin: 25px 0 10px; font-size: 14px;}
.table_top b {font-weight: 500; color: #ff5f00;}
.table_top .table_paging_size {position: absolute; right: 0; bottom: 0; width: 100px; height:33px; padding:0 0 0 5px; border:1px solid #c3c3c3; background: #fff url(/assets/mobile/skin/mobile/moment/img/icon/icon_bg_select.png) no-repeat 100% 0; background-size: 398px auto;}


.tabulator .tabulator-footer {padding: 0 !important; margin: 15px 0;}
.tabulator .tabulator-footer .tabulator-pages {margin: 0 !important;}
.tabulator .tabulator-paginator > .tabulator-page[data-page="first"]{margin:0 1px 0 1px;background: url("/assets/mobile/moment/img/btn/icon_arrow_page_ll.png") no-repeat center center !important;}
.tabulator .tabulator-paginator > .tabulator-page[data-page="prev"]{margin:0 10px 0 1px; background: url("/assets/mobile/moment/img/btn/icon_arrow_page_l.png") no-repeat center center !important;}
.tabulator .tabulator-paginator > .tabulator-page[data-page="next"]{margin:0 1px 0 10px; background: url("/assets/mobile/moment/img/btn/icon_arrow_page_r.png") no-repeat center center !important;}
.tabulator .tabulator-paginator > .tabulator-page[data-page="last"]{margin:0 1px 0 1px; background: url("/assets/mobile/moment/img/btn/icon_arrow_page_rr.png") no-repeat center center !important;}

/* 서브 메뉴 이미지 */
.sub_top_img {display: none; height: 100px; background-color: #323333; background-position: top right; background-repeat: no-repeat; background-size: auto 100px; overflow: hidden;}
.sub_top_img dl {padding: 18px 25px 0; color: #fff;}
.sub_top_img dt {font-size: 24px; font-weight: bold;}
.sub_top_img dd {font-size: 14px; font-weight: normal; text-transform: uppercase;}
.sub_top_img.show {display: block;}

/* 메인 탭 */
.main_tab {padding: 0 5px 7px; overflow-y: hidden; overflow-x: auto; background-color: #ff5f00;}
.main_tab_inner {display: table; white-space: nowrap;}
.main_tab_inner .item {display: table-cell; padding: 0 5px; color: #fff;}
.main_tab_inner .item a {display: block; padding: 7px 5px 0; line-height: 25px; font-size: 16px; color: #fff;}

/* 서브 탭 
.sub_tab {position: relative; width: 100%;}
.sub_tab_inner {display: none; position: absolute; right: 0; top: 0; width: 100%; background-color: #fff;}
.sub_tab .item {border-bottom: 1px  solid #ddd;}
.sub_tab .item .link {display: block; padding: 10px 15px;}
.sub_tab_inner.on {display: block; z-index: 21; box-shadow: 5px 6px 20px #00000026;}
.sub_tab_btn {position: absolute; right: 0; bottom: 0; width: 40px; height: 40px; background-color: transparent; border: 0; background: url(/assets/mobile/custom/img/arrow/caret-square-down.png) center no-repeat; background-size: 18px; text-indent: -9999px;}
.sub_tab_inner.on + .sub_tab_btn {background: url(/assets/mobile/custom/img/arrow/caret-square-up.png) center no-repeat; background-size: 18px; }
*/

.sub_tab {position: relative; padding: 0 0 10px 10px; overflow-x: auto; overflow-y: hidden;}
.sub_tab:after {content:""; display: block; position: absolute; top: 0; z-index: 0; width: 100%; height: 40px; background: #f7f7f7;}
.sub_tab:after {left: 0;}
.sub_tab .sub_tab_inner {position: relative; z-index: 1; display: table; background: #f7f7f7;}
.sub_tab .sub_tab_inner .item {position: relative; display: table-cell; padding: 0 15px;}
.sub_tab .sub_tab_inner .item .link {position: relative; display: block; height: 40px; line-height: 38px; white-space: nowrap; font-size: 15px;}
.sub_tab .sub_tab_inner .item .link:after {content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #ff5f00}
.sub_tab .sub_tab_inner .item.on .link {color: #ff5f00; font-weight: bold;}
.sub_tab .sub_tab_inner .item.on .link:after {width: 100%;}

/* 시세 조회 */
.sub_graph {margin: 0 -20px 0 -25px;}
.sub_graph .loader_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 1;}
.sub_graph .loader {position: absolute; left: 50%; top: 50%; margin: 0; color: #999; font-size: 12px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.sub_graph .reload  {display: none; position: absolute; left: 50%; top: 50%; padding: 100px 0 0; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.sub_graph .reload button {border-radius: 4px; padding: 10px 15px; color: #fff; background-color: #666; margin-top: 15px;}

.sub_graph .series_tooltip {padding: 10px;}
.sub_graph .series_tooltip > dt {padding: 10px; margin: -10px -10px 0; background-color: #f1f1f1;}
.sub_graph .series_tooltip > dd {display: table; margin-top: 10px;}
.sub_graph .series_tooltip > dd > dl {display: table-row;}
.sub_graph .series_tooltip > dd > dl > dt,
.sub_graph .series_tooltip > dd > dl > dd {display: table-cell; padding: 5px 5px;}
.sub_graph .series_tooltip > dd > dl > dt {width: 80px;}

.graph_type_buttons {margin: 15px -25px; border-bottom: 1px solid #ddd; text-align: center;}
.graph_type_buttons li {display: inline-block; margin: 0 10px;}
.graph_type_buttons li input {display: none;}
.graph_type_buttons li label {display: block; padding: 5px 0; font-size: 15px; color: #999; border-bottom: 2px solid transparent; margin-bottom: -1px}
.graph_type_buttons li input:checked ~ label {color: #333; font-weight: bold; border-bottom: 2px solid #333}

.graph_dt_buttons {display: flex; margin: 10px -15px; background: #f8f8f8; border: 1px solid #ddd; clear: both; border-radius: 16px;}
.graph_dt_buttons:after {content:""; display: block; clear: both;}
.graph_dt_buttons li {flex: auto; margin: -1px}
.graph_dt_buttons li input {display: none;}
.graph_dt_buttons li label {display: flex; align-items: center; justify-content: center; height: 30px; border-radius: 16px; border: 1px solid transparent; color: #999;}
.graph_dt_buttons li input:checked ~ label {border: 1px solid #ff5f00; color: #ff5f00; background: #fff;}

.graph_dt_calender {position: relative; clear: both; padding-right: 60px; margin: 10px -15px;}
.graph_dt_calender:after {content:""; display: block; clear: both;}
.graph_dt_calender * {float: left; line-height: 30px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 15px;}
.graph_dt_calender input {width: 45%; padding: 0 15px; border: 1px solid #ddd; background: url(/assets/mobile/skin/front/moment/img/member/icon_calendar.png) right center no-repeat;}
.graph_dt_calender input:disabled {background-color: #e6e6e6; color: #999}
.graph_dt_calender span {display: block; width: 10%; text-align: center;}
.graph_dt_calender .input_date_btn {position: absolute; right: 0; top: 0; width: 50px; line-height: 30px; background-color: #ff5f00; outline: 0; border: 0; text-align: center; color: #fff; }

.graph_table {margin: 0 -25px;}

/* 회사소개 */
.company {}
.company_top {margin: 20px 0; color: #999;}
.company_top *{font-weight: normal !important; color: #999 !important;}
.company_cont {position: relative;}
.company_cont_left {position: relative; padding-top: 21.694%; margin: 0 -25px;}
.company_cont_left:after {content: ""; display: block; padding: 25% 0; background-color: #323333;}
.company_cont_right {padding-bottom: 30px; background: url(/assets/mobile/custom/img/service/img_sign.jpg) right bottom 20px no-repeat; background-size: 100px;}
.company_cont_right_block{margin: 20px 0; color: #333;}
.company_cont_right_block p {margin: 20px 0;}
.company_img_mobile {display: block; position: absolute; right: 0; top: 0; width: 84%;}
.company_img_pc {display: none;}

/* 회사연혁 */
.history .sub_title_top {padding-bottom: 50px; border-bottom: 1px solid #ddd;}
.history .sub_title {}
.history_tab {margin-top: -32px; overflow: hidden;}
.history_tab .item {float: left; margin: 0 30px 0 0;}
.history_tab .link {display: block; line-height: 30px; color: #999; border-bottom: 2px solid transparent;}
.history_tab .link.on {border-color: #ff5f00; color: #333; font-weight: bold;}
.history_list .years {display: none;}
.history_list .depth2 {padding: 20px 0; border-top: 1px solid #ddd;}
.history_list .conts .depth2:first-child {border-top: 0 none;}
.history_list .year {font-size: 16px; font-weight: bold; color: #000;}
.history_list .cont {color: #666; word-break: keep-all;}
.history_list.depth1 {display: none; opacity: 0; -webkit-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s;}
.history_list.depth1.on {display: block; opacity: 1;}

/* 조직도 */
.organization {}
.organization .sub_title_top {position: relative;}
.organization .sub_title_top .sub_title {}
.organization_img {width: 100%; max-width: 360px !important; display: block; margin: 50px auto;}
.organization_list {display: none}

/* 본점안내 */
.office_title {background-color: #f0f0f0; color: #333; padding: 10px 20px; font-size: 16px;}
.office {padding-bottom: 30px;}
.office_info_box {padding-top: 10px; overflow: hidden;}
.office_info_box + .office_info_box {margin: 15px 0 0; border-top: 1px solid #ddd;}
.office_info_box dt {margin: 5px 0; color: #000; font-weight: 500;}
.office_info_box dd {margin: 5px 0; color: #666;}
.office_info_box dd .arr {display: block; text-indent: -9999px; font-size: 0; line-height: 0;}

/* 인재채용 */
.recruit {}
.recruit .sub_title_top {position: relative;}
.recruit .sub_title_top .sub_title {}

.recruit .recruit_block {margin: 30px 0;}

.recruit_info_box {margin: 20px 0 40px;}
.recruit_info_box dl {padding-bottom:10px; margin: 20px 0; border-bottom: 1px solid #ddd;}
.recruit_info_box dt {margin: 10px 0; line-height: 1; color: #404040; font-weight: bold;}
.recruit_info_box dd {margin: 10px 0; color: #666;}

.recruit_process_list {overflow: hidden; margin: 40px auto; max-width: 480px;}
.recruit_process_list .item {position: relative; z-index: 0; float: left; width: 26.9%; padding: 26.9% 0 0 0; border: 1px solid #333; background-color: #fff; border-radius: 50%;}
.recruit_process_list .item span {display: none;}
.recruit_process_list .item strong {display: block; position: absolute; left: 50%; top: 50%; width: 100%; color: #333; font-weight: normal; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.recruit_process_list .item + .item {margin-left: -3.6%;}

.recruit_info_table {margin-top: 12px}
.recruit_info_table th,
.recruit_info_table td {padding: 3px 0; text-align: left; font-weight: normal;}
.recruit_info_table th {color: #000;}
.recruit_info_table td {color: #666;}

/* 다이아몬드 시세 */
.diamaond_list {}
.diamaond_list .sub_title_top {position: relative;}
.diamaond_list .sub_title_top .sub_title {}

.diamaond_info_table,
.diamaond_info_table * {display: block;}
.diamaond_info_table thead {display: none;}
.diamaond_info_table tr {position: relative; margin-top: 20px; border-top: 2px solid #333; border-bottom: 1px solid #ddd;}
.diamaond_info_table td {padding: 10px 0; width: 100%; text-align: center; color: #333; font-weight: bold;}
.diamaond_info_table td span {color: #999; font-weight: 500;}

.diamaond_info_table tr {display: flex;}
.diamaond_info_table tr td:nth-child(7) {position: absolute; left: 0; bottom: 0; width: 100%; padding: 0; line-height: 41px; text-align: center; border-top: 1px solid #ddd;}
.diamaond_info_table tr td:nth-child(7) span {display: inline-block; margin-right: 16px;}
.diamaond_info_table tr td.number {display: none;}
.diamaond_info_table tr td.soldout {position: absolute; right: 0; bottom: 8px; padding: 0 15px;}

.diamaond_info_table tr td.soldout .flag_soldout {float: right; width: 36px; height: 24px; line-height: 24px; color: #fff; background-color: #ff5f00; color: #fff;}

.diamaond_block {margin: 40px 0;}
.diamaond_block .cont_title {padding-bottom: 20px; font-size: 16px; font-weight: bold; color: #000; border-bottom: 2px solid #000;}

.diamaond_process_list .item {position: relative; padding: 20px 0 20px 70px; border-top: 1px solid #ddd;}
.diamaond_process_list .item:first-child {border-top: 0 none;}
.diamaond_process_list .item span {display: block; position: absolute; left: 0; top: 50%; width: 44px; height: 44px; margin-top: -22px; text-indent: -9999px; background-position: center; background-repeat: no-repeat;}
.diamaond_process_list .item strong {color: #404040;}
.diamaond_process_list .item p {color: #666;}
.diamaond_process_list .item_buy_1 span {background-image: url(/assets/mobile/custom/img/service/ico_diamaond_process_1.png); background-size: auto 44px;}
.diamaond_process_list .item_buy_2 span {background-image: url(/assets/mobile/custom/img/service/ico_diamaond_process_2.png); background-size: auto 44px;}
.diamaond_process_list .item_buy_3 span {background-image: url(/assets/mobile/custom/img/service/ico_diamaond_process_3.png); background-size: 44px auto;}
.diamaond_process_list .item_buy_4 span {background-image: url(/assets/mobile/custom/img/service/ico_diamaond_process_4.png); background-size: auto 44px;}
.diamaond_process_list .item_sell_1 span {background-image: url(/assets/mobile/custom/img/service/ico_diamaond_process_1.png); background-size: auto 44px;}
.diamaond_process_list .item_sell_2 span {background-image: url(/assets/mobile/custom/img/service/ico_diamaond_process_5.png); background-size: auto 44px;}
.diamaond_process_list .item_sell_3 span {background-image: url(/assets/mobile/custom/img/service/ico_diamaond_process_6.png); background-size: 44px auto;}
.diamaond_process_list .item_sell_4 span {background-image: url(/assets/mobile/custom/img/service/ico_diamaond_process_7.png); background-size: auto 44px;}

/* 대리점 찾기 */
.agency .sub_title_top {}
.agency .sub_title {}
.agency .sub_text {background-color: #f9f9f9; padding: 8px 25px 10px; margin: 15px -25px 20px;}
.agency .sub_text dt {font-size: 15px; color: #ff5f00;}
.agency .sub_text dd {font-size: 12px;}

.agency_tab {}
.agency_tab_inner {overflow: hidden; border-top: 1px solid #ddd;}
.agency_tab .item {float: left; width: 25%;}
.agency_tab .btn_city {display: block; width: 100%; padding: 0; line-height: 30px; color: #999; font-size: 16px; white-space: nowrap; border-width: 0 1px 1px 0; border-style: solid; border-color: #ddd; background-color: #fff;}
.agency_tab .item:nth-child(4n + 1) .btn_city {border-left-width: 1px;}
.agency_tab .btn_city.on {background-color: #ff5f00; color: #fff; border-color: #ff5f00;}

.agency .tabulator .tabulator-tableHolder .tabulator-table {width: 100%;}

.agency .tabulator {border-top: 0 none !important; margin: 10px 0;}
.agency .tabulator .tabulator-header {display: none;}
.agency .tabulator .tabulator-tableHolder,
.agency .tabulator .tabulator-tableHolder .tabulator-table {white-space: normal !important;}
.agency .tabulator-table,
.agency .tabulator-row {padding: 10px 0 15px;}
.agency .tabulator-row:after {content: "약도보기"; display: block; position: absolute; right: 0; bottom: 20px; padding: 0 10px; background: #f2f2f2; color: #333; font-size: 12px; line-height: 24px; border-radius: 12px; font-weight: 500;}
.agency .tabulator-row table {width: 100%}
.agency .tabulator-row table th,
.agency .tabulator-row table td {vertical-align: top; padding: 3px 0;}
.agency .tabulator-row table th {font-size: 14px; font-weight: normal; color: #000; width: 70px;}
.agency .tabulator-row table td {font-size: 14px; font-weight: normal; color: #666; word-break: keep-all;}
.agency .tabulator-row table th.agency {font-size: 16px; font-weight: bold; padding: 5px 0;}
.agency .tabulator-row table th.agency .gia {background-color: #ff5f00; color: #fff; padding: 1px 7px 0; margin-left: 10px; font-size: 11px; font-weight: 500; display: inline-block; vertical-align: 2px;}
.agency .tabulator-row.tabulator-selectable:hover {box-shadow: 0 0px 0 0 rgba(0,0,0,0.2) !important;}

.agency .tabulator .tabulator-paginator > .tabulator-page[data-page="first"]{margin:0 1px 0 1px !important;background: url("/admin/gd_share/img/icon_arrow_page_ll.png") no-repeat center center !important;}
.agency .tabulator .tabulator-paginator > .tabulator-page[data-page="prev"]{margin:0 10px 0 1px !important; background: url("/admin/gd_share/img/icon_arrow_page_l.png") no-repeat center center !important;}
.agency .tabulator .tabulator-paginator > .tabulator-page[data-page="next"]{margin:0 1px 0 10px !important; background: url("/admin/gd_share/img/icon_arrow_page_r.png") no-repeat center center !important;}
.agency .tabulator .tabulator-paginator > .tabulator-page[data-page="last"]{margin:0 1px 0 1px !important; background: url("/admin/gd_share/img/icon_arrow_page_rr.png") no-repeat center center !important;}

.dim {display: none; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background:rgba(0,0,0,0.6)}
#agencyPopup {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000}
/*#agencyPopup {display: none; position: fixed; left: 50%; top: 50%; z-index: 1000; width: 800px; max-width: 80%; height: 600px; max-height: 80%; z-index: 9999; background:#fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}*/

/* 금거래 */
.service_deal {}
.service_deal + .service_deal {margin-top: 25px;}
.service_deal p {margin: 10px 0;}
.service_deal .cont_title {margin-bottom: 5px; font-size: 18px; color: #101010; font-weight: 500;}
.service_deal .table_title {margin-bottom: 5px; font-size: 16px; color: #101010;}
.service_deal .text1 {font-size: 16px; color: #404040;}
.service_deal .text1.gery {color: #666666;}
.service_deal .text2 {font-size: 15px; color: #404040;}
.service_deal .text3 {font-size: 14px; color: #666666;}
.service_deal .text3.bullet {position: relative; padding-left: 20px;}
.service_deal .text3.bullet:after {content: "※"; display: block; position: absolute; left: 0; top: 0;}

.service_deal table {width: 100%; margin: 10px 0; border-collapse: collapse; border-top: 2px solid #dddddd;}
.service_deal table th,
.service_deal table td {padding: 10px; text-align: center; border-bottom: 1px solid #dddddd;}
.service_deal table th {font-size: 14px; font-weight: 500; color: #101010; background-color: #fafafa;}
.service_deal table td {font-size: 12px; color: #404040}

.service_deal table thead th {}
.service_deal table tbody td {}

.service_deal table.text_left th, 
.service_deal table.text_left td {text-align: left;}

/* 금거래 - 매입 품목 */
.service_deal .deal_subject_list {}
.service_deal .deal_subject_item {padding: 10px 0; border-bottom: 1px solid #999999; overflow: hidden;}
.service_deal .deal_subject_inner {padding: 0; margin: 0;}
.service_deal .deal_subject_inner dt,
.service_deal .deal_subject_inner dd {}
.service_deal .deal_subject_inner dt {font-size: 16px; font-weight: 500; color: #010101;}
.service_deal .deal_subject_inner dt strong {margin-right: 5px; color: #ff5f00;}
.service_deal .deal_subject_inner dd {margin-top: 15px; font-size: 14px; color: #404040; word-break: keep-all;}
.service_deal .deal_subject_inner dd p {margin: 0;}
.service_deal .deal_subject_inner dd p + p {margin-top: 10px;}
.service_deal .img {margin-top: 20px}

/* 금거래 - 금 매입 절차 */
.service_deal .deal_step_list {}
.service_deal .deal_step_item {margin-top: 20px; padding: 10px 15px; border-top: 1px solid #ff5f00; overflow: hidden; box-shadow: 0px 5px 10px rgba(0,0,0,0.1)}
.service_deal .deal_step_inner {}
.service_deal .deal_step_inner dt,
.service_deal .deal_step_inner dd {}
.service_deal .deal_step_inner dt {margin-bottom: 10px; font-size: 16px; font-weight: 600; color: #101010; text-align: center;}
.service_deal .deal_step_inner dt strong {margin-right: 5px;}
.service_deal .deal_step_inner dd {}
.service_deal .deal_step_inner dd ul {font-size: 14px; color: #404040;}
.service_deal .deal_step_inner dd li {margin: 15px 0; position: relative; padding-top: 10px;}
.service_deal .deal_step_inner dd li:after {content: ''; display: block; position: absolute; left: 50%; top: 0; width: 20px; height: 1px; margin-left: -10px; background-color: #404040;}
.service_deal .img {text-align: center;}

/* 금거래 - 금 팔기 */

/* 금거래 - 치과 금 */
.service_deal .deal_dentist {}
.service_deal .deal_dentist > * {}
.service_deal .deal_dentist .img {margin: 0 0 40px 0;}
.service_deal .deal_dentist dl {}
.service_deal .deal_dentist dl dt {margin-bottom: 10px; font-size: 18px; font-weight: 500; color: #101010;}
.service_deal .deal_dentist dl dd {font-size: 14px; color: #666666;}

/* 금거래 - 금 팔 때 유의점 */
.service_deal .deal_note_list {}
.service_deal .deal_note_item {}
.service_deal .deal_note_inner {padding: 20px 30px 30px; margin: 30px 0; border-bottom: 2px solid #101010; box-shadow: 0px 5px 10px rgba(0,0,0,0.1)}
.service_deal .deal_note_inner dt {font-size: 16px; font-weight: 600; color: #101010;}
.service_deal .deal_note_inner dd {margin-top: 15px; font-size: 14px; color: #404040; word-break: keep-all;}