@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

/* 공통 */
.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: "▲"; color: #f20707;}
.updown .down i:after {content: "▼"; color: #0eadff;}
.updown .same i:after {top: -4px; width: 8px; height: 4px; background-color: #ffde00;}

/* --------------- 컨텐츠 --------------- */
/* 서브 탭 */
.sub_tab{}
.sub_tab ul{display: table; width: 100%; table-layout: fixed;}
.sub_tab li{display: table-cell; vertical-align: top;}
.sub_tab li.on{}
.sub_tab li a{-webkit-display: flex; -ms-display: flex; display: flex; height: 60px; align-items: center; justify-content: center; color: #666; font-size: 16px; text-align: center; line-height: 18px; word-break: keep-all; border-width: 1px 1px 0 0; border-color: #ddd; border-style: solid; border-radius: 4px 4px 0 0; background-color: #fcfcfc;}
.sub_tab li.on a{font-weight: bold; color: #ff6e0e; border-width: 2px 2px 0 2px !important; border-color: #ff6e0e; border-style: solid; background-color: #fff;}
.sub_tab li.on a span{}
.sub_tab li:first-child a{border-left-width: 1px;}
.sub_tab li a strong{}

/* 서브 상단 이미지 */
.sub_top.show {height: 146px; background-position: center; background-repeat: no-repeat;}

/* 서브 제목 */
.sub_title_box {position: relative; margin-bottom: 30px; border-bottom: 2px solid #424242; clear: both;}
.sub_title_box:after {content:""; display: block; clear: both;}
.sub_title {position: relative; margin: 0 0 30px; min-height: 28px; font-size: 28px; font-weight: 500; color: #000; line-height: 1;}
.sub_title_text {margin-top: 10px; font-size: 20px; color: #666;}
.sub_title .btn_main_more {position: absolute; right: 0; top: 1px;}
.sub_title_btn {display: block; position: absolute; right: 0; top: 0px; height: 35px; line-height: 34px; padding: 0 30px 0 20px; font-size: 16px; color: #000; border: 1px solid #000; background: #fff url(/assets/front/custom/img/arrow/arr_right_black_1.png) right 12px center no-repeat;}

.sub_tab + .sub_title_box .sub_title {margin-top: 70px}

.cont_title {margin-top: 50px; margin-bottom: 40px; font-size: 20px; font-weight: 500; color: #000; line-height: 1;}

/* 총 갯수 */
.table_top {position: relative; margin-bottom: 10px; font-size: 14px;}
.table_top b {font-weight: 500; color: #ff6e0e;}
.table_top .table_paging_size {position: absolute; right: 0; bottom: 0; width: 100px;}

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

/***********************************/
/*             시세                */
/***********************************/
/* 시세 버튼 */
.graph_type_buttons {float: left; margin: 0 0 0; overflow: hidden;}
.graph_type_buttons li {float: left;margin-left: 8px;}
.graph_type_buttons li:first-child {margin-left: 0;}
.graph_type_buttons li input {display: none;}
.graph_type_buttons li label {display: block; min-width: 60px; height: 30px; padding: 0 10px; line-height: 29px; font-size: 16px; font-weight: 500; color: #999; border: 1px solid #999; text-align: center;}
.graph_type_buttons li input:checked ~ label {color: #ff6e0e; border-color: #ff6e0e;}

.graph_dt_buttons {float: right; margin: 0 0 0 0; overflow: hidden; text-align: right;}
.graph_dt_buttons li {display: inline-block; margin-left: 15px;}
.graph_dt_buttons li:first-child {margin-left: 0;}
.graph_dt_buttons li input {display: none;}
.graph_dt_buttons li label {display: block; font-size: 15px; color: #999; line-height: 31px;}
.graph_dt_buttons li input:checked ~ label {color: #404040;}

.graph_dt_calender {float: right; margin-left: 15px;}
.graph_dt_calender input {width: 120px; background: url(/assets/front/moment/img/member/icon_calendar.png) no-repeat right -2px top 6px}
.graph_dt_calender input:disabled {background-color: #e6e6e6; color: #999;}
.graph_dt_calender .bar {margin: 0 5px;}

.sub_graph {position: relative; height: 500px; margin-top: 30px; /* overflow: hidden */}
.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;}

.ui-widget.ui-widget-content {z-index: 100 !important;}

/* 다이아몬드 시세 */
.diamaond_top {position: relative; height: 300px; padding-top: 72px; text-align: center; font-size: 16px; color: #fff; line-height: 1.45; background: url(/assets/front/custom/img/service/img_diamaond_top.jpg) center no-repeat;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.diamaond_top * {display: block;}
.diamaond_top dt {font-size: 50px; font-weight: bold; line-height: 1; margin-bottom: 35px;}
.diamaond_top dt strong {margin-bottom: 12px; font-size: 20px; font-weight: normal;}

.diamaond_info_table {border-collapse: collapse; width: 100%; margin-top: 50px; margin-bottom: 95px; border-top: 2px solid #ddd;}

.diamaond_info_table tbody tr:hover {background-color: #fff; box-shadow: 1px 0px 12px 3px rgba(0,0,0,0.2);}

.diamaond_info_table th,
.diamaond_info_table td {position: relative; height: 55px; padding-left: 15px; border-bottom: 1px solid #eee; text-align: left; font-size: 18px; color: #404040;}

.diamaond_info_table th.number,
.diamaond_info_table td.number {text-indent: -9999px;}
.diamaond_info_table td.number:after {display: none !important;}

.diamaond_info_table thead th {background-color: #f5f5f5; color: #222;}
.diamaond_info_table thead th.soldout {text-indent: -9999px;}
.diamaond_info_table tbody tr.soldout td:after {content:""; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; background: #ff6d0d; top: }
.diamaond_info_table tbody tr.soldout td.soldout:after {display: none;}
.diamaond_info_table tbody tr.soldout td.soldout .flag_soldout {display: inline-block; width: 44px; line-height: 30px; background: #ff6d0d; color: #fff; font-size: 12px; text-align: center;}

.diamaond_block {margin-top: 70px; margin-bottom: 15px;}

.diamaond_process_box {text-align: center;}
.diamaond_process_list {display: inline-block; height: 230px; padding-top: 12px; vertical-align: top;}
.diamaond_process_list .item {position: relative; z-index: 0; float: left; width: 150px; height: 150px; padding-top: 30px; margin: 0 60px; text-align: center; border-radius: 50%; background: #f5f5f5;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.diamaond_process_list .item:after {content:""; display: block; position: absolute; left: -68px; top: 50%; width: 19px; height: 32px; margin-top: -16px; background: url(/assets/front/custom/img/arrow/arr_right_grey_big_1.png);}
.diamaond_process_list .item:first-child:after {display: none;}
.diamaond_process_list .item strong {display: block; font-size: 18px; color: #404040;}
.diamaond_process_list .item strong::before {content:""; display: block; width: 80px; height: 60px; margin: 0 auto; background-position: center; background-repeat: no-repeat;}
.diamaond_process_list .item_buy_1 strong::before {background-image: url(/assets/front/custom/img/service/ico_diamaond_process_1.png)}
.diamaond_process_list .item_buy_2 strong::before {background-image: url(/assets/front/custom/img/service/ico_diamaond_process_2.png)}
.diamaond_process_list .item_buy_3 strong::before {background-image: url(/assets/front/custom/img/service/ico_diamaond_process_3.png)}
.diamaond_process_list .item_buy_4 strong::before {background-image: url(/assets/front/custom/img/service/ico_diamaond_process_4.png)}
.diamaond_process_list .item_sell_1 strong::before {background-image: url(/assets/front/custom/img/service/ico_diamaond_process_1.png)}
.diamaond_process_list .item_sell_2 strong::before {background-image: url(/assets/front/custom/img/service/ico_diamaond_process_5.png)}
.diamaond_process_list .item_sell_3 strong::before {background-image: url(/assets/front/custom/img/service/ico_diamaond_process_6.png)}
.diamaond_process_list .item_sell_4 strong::before {background-image: url(/assets/front/custom/img/service/ico_diamaond_process_7.png)}
.diamaond_process_list .item span {display: block; position: absolute; left: 50%; top: 0; margin: -12px 0 0 -12px; z-index: 1; width: 25px; line-height: 25px; text-align: center; background: #ff6e0e; color: #fff; border-radius: 50%;}
.diamaond_process_list .item p {position: absolute; left: -55px; top: 165px; width: 260px; font-size: 14px; color: #666;}

/***********************************/
/*          대리점 안내            */
/***********************************/
.service_agency {margin-top: -10px;}
	
.agency_list {width: 100%; border-collapse: collapse; margin-top: 20px;}
.agency_list th,
.agency_list td {padding: 9px 20px; text-align: left; vertical-align: middle; border-bottom: 1px solid #ddd;}
.agency_list thead th {font-weight: 500; color: #222; background-color: #f6f6f6; border-top: 2px solid #ddd;}
.agency_list tbody td {color: #404040;}
.agency_list .th_map,
.agency_list .td_map {text-align: center;}
.agency_list tbody tr:hover {background-color: #fff; box-shadow: 1px 0px 12px 3px rgba(0,0,0,0.2);}

.btn_agency_popup_map_open {display: inline-block; width: 50px; height: 22px; line-height: 22px; text-align: center; vertical-align: top; font-size: 12px; color: #fff; background-color: #999; border-radius: 2px;}

.agency_search {position: relative; padding-left: 240px; padding-right: 190px;}
.agency_search .agency_search_select {position: absolute; left: 0; top: 0; border: 1px solid #ddd; border-radius: 2px;}
.agency_search .agency_search_select select {width: 228px; height: 58px; padding: 0 20px; font-size: 18px; color: #8a8a8a; border: 0 none; background: transparent url(/assets/front/custom/img/arrow/arr_select_grey.png) right 20px center no-repeat; -webkit-appearance: none;}
.agency_search .agency_search_input {width: 100%; height: 60px; line-height: 60px; padding: 0 20px; border: 1px solid #ddd; border-radius: 2px; background: #fff; font-weight: 500; font-size: 18px;}
.agency_search .agency_search_input::-webkit-input-placeholder {color: #8a8a8a; font-weight: normal;}
.agency_search .agency_search_input:-ms-input-placeholder {color: #8a8a8a; font-weight: normal;}
.agency_search .agency_search_input::placeholder {color: #8a8a8a; font-weight: normal;}
.agency_search .agency_search_btn {position: absolute; right: 0; top: 0; width: 180px; height: 60px; border-radius: 2px; background: #999; color: #999; color: #fff; font-size: 18px; font-weight: 500;}

.agency_tab {overflow: hidden; margin: 20px -5px;}
.agency_tab .item {float: left; width: 10.19%; padding:5px;}
.agency_tab .btn_city {width: 100%; height: 50px; color: #666; font-size: 18px; text-align: center; font-weight: 500; background-color: #eee; border-radius: 2px;}
.agency_tab .btn_city.on {color: #fff; background-color: #333;}

.tabulator .tabulator-paginator > .tabulator-page[data-page="first"]{margin:0 1px 0 1px !important;background: url("/assets/front/moment/img/etc/icon_arrow_page_ll.png") no-repeat center center !important;}
.tabulator .tabulator-paginator > .tabulator-page[data-page="prev"]{margin:0 10px 0 1px !important; background: url("/assets/front/moment/img/etc/icon_arrow_page_l.png") no-repeat center center !important;}
.tabulator .tabulator-paginator > .tabulator-page[data-page="next"]{margin:0 1px 0 10px !important; background: url("/assets/front/moment/img/etc/icon_arrow_page_r.png") no-repeat center center !important;}
.tabulator .tabulator-paginator > .tabulator-page[data-page="last"]{margin:0 1px 0 1px !important; background: url("/assets/front/moment/img/etc/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.3)}
#agencyPopup {display: none; position: fixed; left: 50%; top: 50%; z-index: 1000; width: 800px; max-width: 80%; max-height: 80%; min-height: 600px; z-index: 9999; background:#fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/***********************************/
/*            회사소개             */
/***********************************/
/* 회사소개 */
.company_top {margin-top: -5px; font-size: 22px; color: #000; font-weight: 300; line-height: 32px;}
.company_cont {margin-top: 45px; font-size: 16px; color: #666;}
.company_cont_left {float: left;}
.company_cont_right {float: right; width: 555px; padding-bottom: 60px; margin-top: -10px; line-height: 28px; word-break: keep-all; background:url('/assets/front/custom/img/service/img_sign.jpg') right bottom 40px no-repeat;}
.company_cont_right_block + .company_cont_right_block {margin-top: 18px;}
.company_cont_right p + p {margin-top: 8px}
.company_img_mobile {display: none;}
.company_img_pc {}

/* 회사연혁 */
.history_list * {line-height: 1;}
.history_list.depth1 {position: relative; padding-left: 303px; margin-top: -5px;}
.history_list .years {position: absolute; left: 0; top: 0; padding: 10px 0; font-size: 32px; font-weight: 500; color: #ff6e0e;}
.history_list .depth2 {position: relative; padding-left: 100px; font-size: 18px; color: #404040;}
.history_list .year {position: absolute; left: 0; top: 0; line-height: 1.6; padding: 10px 0;}
.history_list .cont {position: relative; padding: 10px 23px; line-height: 1.6; word-break: keep-all;}
.history_list .cont:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #ddd;}
.history_list .cont.fst:before {top: auto; bottom: 0; height: calc(100% - 20px)}
.history_list .cont.lst:before {height: calc(100% - 20px)}
.history_list .cont:after {content: ""; display: block; position: absolute; left: -5px; top: 18px; width: 6px; height: 6px; background: #fff; border: 3px solid #ff8636; border-radius: 50%;}
.history_list.depth1 + .history_list.depth1 {padding-top: 25px; margin-top: 35px; border-top: 2px solid #ddd;}
.history_list.depth1 + .history_list.depth1 .years {padding-top: 35px;}

/* 조직도 */
.organization_top {position: relative; height: 200px; padding-top: 75px; font-size: 22px; color: #fff; text-align: center; line-height: 1.45; background: url(/assets/front/custom/img/service/img_organization_top.jpg) center no-repeat;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
/*
.organization_cont {padding: 60px 0;}

.organization_list {text-align: center;}
.organization_list * {position: relative; display: block; vertical-align: top;}
.organization_list strong {display: block; width: 180px; line-height: 50px; font-size: 16px; text-align: center; color: #fff; font-weight: 500;}

.organization_list.depth1 > li {}
.organization_list.depth1 > li > strong {background-color: #ff6d0d; margin: 0 auto;}
.organization_list .depth2 {padding-top: 41px; display: inline-block;}
.organization_list .depth2:after {content:""; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 41px; background: #ddd;}
.organization_list .depth2:before {content:""; display: block; position: absolute; top: 65px; left: 15px; width: 600px; height: 1px; background: #ddd;}
.organization_list .depth2 > li {float: left; padding: 0 15px;}
.organization_list .depth2 > li > strong {background-color: #404040; margin: 0 auto;}

.organization_list .depth2_center {margin: 0 -120px;}

.organization_list .depth3 {padding-top: 41px; display: inline-block;}
.organization_list .depth3:after {content:""; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 66px; background: #ddd;}
.organization_list .depth3:before {content:""; display: block; position: absolute; top: 65px; left: 15px; width: 390px; height: 1px; background: #ddd;}
.organization_list .depth3 > li {float: left; padding: 0 15px;}
.organization_list .depth3 > li > strong {background-color: #666666;}
.organization_top {position: relative; height: 200px; padding-top: 75px; font-size: 22px; color: #fff; text-align: center; line-height: 1.45; background: url(/assets/front/custom/img/service/img_organization_top.jpg) center no-repeat;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
*/
#.organization_cont {padding: 60px 0;}
/*  */
.organization_cont {padding: 60px 0; float:left;}
.organization_cont2 {padding: 60px 0; display:inline-block; margin-left:10px; margin-right:50px; float:right;}

.organization_list.depth11 {padding-top: 100px; display: inline-block;}
.organization_list.depth11 > li {}
.organization_list.depth11 > li > strong {background-color: #ff6d0d; margin: 0 auto;}

.organization_list .depth22 {padding-top: 100px; display: inline-block;}
.organization_list .depth22 > li > strong {background-color: #404040; margin: 0 auto;}
.organization_list .depth22:before {content:""; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 1200px; background: #ddd;}

.organization_list .depth23 {padding-top: 24px; display: block; overflow: hidden;}
.organization_list .depth23 > li > strong {background-color: #404040; margin: 0 auto;}

.organization_list .depth4 > li > strong {background-color: #dddddd; color: #676767; margin-top: -1px; border-width: 1px 1px 1px 1px; border-color: #bbb; border-style: solid;}
/*  */

.organization_list {text-align: center;}
.organization_list * {position: relative; display: block; vertical-align: top; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.organization_list strong {display: block; width: 180px; line-height: 80px; font-size: 18px; text-align: center; color: #fff; font-weight: 500;}
.organization_list span {display: block; width: 180px; line-height: 48px; font-size: 18px; text-align: center; color: #626262; font-weight: 500; background-color: #eee; border-width: 0 1px 1px 1px; border-color: #bbb; border-style: solid;}


.organization_list.depth1 > li {}
.organization_list.depth1 > li > strong {background-color: #ff6d0d; margin: 0 auto;}
.organization_list .depth2 {padding-top: 200px; display: inline-block;}
.organization_list .depth2:after {content:""; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 170px; background: #ddd;}
.organization_list .depth2:before {content:""; display: block; position: absolute; top: 169px; left: 50%; width: 600px; height: 1px;  margin-left: -300px; background: #ddd;}
.organization_list .depth2 > li {float: left; padding: 0 15px;}
.organization_list .depth2 > li:before {content:""; display: block; position: absolute; top: -31px; left: 50%; width: 1px; height: 100%; background: #ddd;}
.organization_list .depth2 > li > strong {background-color: #404040; margin: 0 auto;}

.organization_list .depth2_center {margin: 0 90px;}

.organization_list .depth3 {padding-top: 24px; display: block; overflow: hidden;}
.organization_list .depth3:before,
.organization_list .depth3:after {display: none}
.organization_list .depth3 > li {padding: 0;}
.organization_list .depth3 > li > strong {background-color: #666666;}
.organization_list .depth3 > li:first-child > span {border-top-width: 1px}

.organization_list .depth3 + .depth3 {}

#.organization_list .depth4 > li > strong {background-color: #dddddd; color: #676767; margin-top: -1px; border-width: 0 1px 0 1px; border-color: #bbb; border-style: solid;}
.organization_list .depth4 > li > strong + .depth5 {margin-top: -1px;}
.organization_list .depth4 > li:last-child > strong {border-bottom-width: 1px;}

/* 이사회 */ 
.organization_list .depth1_sp { position: absolute; left: 50%; top: 15px;  width: 180px; line-height: 50px; margin-left: 210px; font-size: 18px; font-weight: 500; color: #ff6d0d; border: 1px solid #ff6d0d; }
.organization_list .depth1_sp:after {content: ""; display: block; position: absolute; right: 180px; top: 24px; width: 120px; height: 1px; background: #dcdcdc;}

/* 감사 */ 
.organization_list .depth2_sp { position: absolute; left: 50%; top: 124px; padding-top: 0; margin: 0 0 0 210px; }
.organization_list .depth2_sp:before {display: none;}
.organization_list .depth2_sp:after {left: auto; top: 40px; width: 210px; right: 180px; height: 1px}
.organization_list .depth2_sp li:before,
.organization_list .depth2_sp li:after {display: none}	
.organization_list .depth2_sp > li {padding: 0; margin: 0}
/* 본점안내 */
.office_block {margin-bottom: 40px;}
.office_block + .office_block {border-top: 2px solid #ddd;}

.map_office {margin-top: -20px; background-color: #ddd;}

.office_info_table {width: 100%; margin-top: 20px;}
.office_info_table th,
.office_info_table td {padding: 5px 0; text-align: left;}
.office_info_table th {color: #ff6e0e; font-size: 18px; font-weight: 500;}
.office_info_table td {color: #404040; font-size: 16px;}

/* 인재 채용 */
.recruit_top {position: relative; height: 300px; padding-top: 72px; padding-left: 80px; font-size: 16px; color: #fff; line-height: 1.45; background: url(/assets/front/custom/img/service/img_recruit_top.jpg) center no-repeat;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.recruit_top * {display: block;}
.recruit_top dt {font-size: 50px; font-weight: bold; line-height: 1; margin-bottom: 35px;}
.recruit_top dt strong {margin-bottom: 12px; font-size: 20px; font-weight: normal;}

.recruit_info_table {border-collapse: collapse; width: 100%; border-bottom: 1px solid #ddd;}
.recruit_info_table th,
.recruit_info_table td {position: relative; padding: 25px 10px; vertical-align: middle;}
.recruit_info_table th {font-size: 16px; color: #000; text-align: right;}
.recruit_info_table th:after {content: ""; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 14px; margin-top: -7px; background: #ddd;}
.recruit_info_table th:first-child:after {display: none;}
.recruit_info_table td {color: #999; text-align: left;}

.recruit_block {margin-top: 95px; margin-bottom: 15px;}

.recruit_info_box {padding: 30px 0; background: #f5f5f5; text-align: center;}
.recruit_info_box dl {position: relative; display: inline-block; width: 33%; padding: 15px 0;}
.recruit_info_box dl:first-child:after {display: none;}
.recruit_info_box dl:after {content: ""; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 100px; margin-top: -50px; background: #ddd;}
.recruit_info_box dl dt {font-size: 16px; color: #000; font-weight: 500; margin-bottom: 15px;}
.recruit_info_box dl dd {line-height: 1.4; color: #999;}

.recruit_process_box {text-align: center;}
.recruit_process_list {display: inline-block; height: 150px; padding-top: 12px;}
.recruit_process_list .item {position: relative; z-index: 0; float: left; width: 150px; height: 150px; padding-top: 30px; margin-left: 117px; text-align: center; border-radius: 50%; background: #f5f5f5;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.recruit_process_list .item:after {content:""; display: block; position: absolute; left: -68px; top: 50%; width: 19px; height: 32px; margin-top: -16px; background: url(/assets/front/custom/img/arrow/arr_right_grey_big_1.jpg);}
.recruit_process_list .item:first-child {margin-left: 0;}
.recruit_process_list .item:first-child:after {display: none;}
.recruit_process_list .item strong {display: block; font-size: 18px; color: #404040;}
.recruit_process_list .item strong::before {content:""; display: block; width: 80px; height: 60px; margin: 0 auto; background-position: center; background-repeat: no-repeat;}
.recruit_process_list .item_1 strong::before {background-image: url(/assets/front/custom/img/service/ico_recruit_process_1.png)}
.recruit_process_list .item_2 strong::before {background-image: url(/assets/front/custom/img/service/ico_recruit_process_2.png); background-position: left 18px center;}
.recruit_process_list .item_3 strong::before {background-image: url(/assets/front/custom/img/service/ico_recruit_process_3.png)}
.recruit_process_list .item_4 strong::before {background-image: url(/assets/front/custom/img/service/ico_recruit_process_4.png)}
.recruit_process_list .item span {display: block; position: absolute; left: 50%; top: 0; margin: -12px 0 0 -12px; z-index: 1; width: 25px; line-height: 25px; text-align: center; background: #ff6e0e; color: #fff; border-radius: 50%;}

/* 지도 추가 기능 버튼 */
.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;}


/*유튜브*/
.mainVideo { 
   margin-top:20px; 
   position: relative; 
   width: 100%; 
   padding-bottom: 56.25%; } 
.mainVideo iframe { 
   position: absolute; 
   width: 100%; 
   height: 100%; }

/* 유가증권 */
table {border-collapse: collapse;}
ul.gold_tab1 {overflow:hidden; height:74px; margin-bottom:35px;}
ul.gold_tab1 li {float:left; width:50%; height:71px; line-height:71px;}
ul.gold_tab1 li a {display:block; line-height:71px; text-align:center; font-size:22px; background:#fafafa; border:solid 1px #eeeeee}
ul.gold_tab1 li.on a {font-weight:bold; color:#e76e26; border:solid 1px #e76e26; background:#fff;}
ul.gold_tab1 li a:hover {}
dl.stock_explan1 {margin-bottom:50px;}
dl.stock_explan1 dt {font-weight:bold; font-size:22px; margin-bottom:45px; color:#272828;}
dl.stock_explan1 dd {height:210px; font-size:16px; line-height:22px; color:#221815; background:url(/assets/front/custom/img/market/sub_contpage1.png) left top no-repeat; padding-left:450px;}
dl.stock_explan1_2 {margin-bottom:50px;}
dl.stock_explan1_2 dt {font-weight:bold; font-size:22px; margin-bottom:45px; color:#272828;}
dl.stock_explan1_2 dd {height:210px; font-size:16px; line-height:22px; color:#221815; background:url(/assets/front/custom/img/market/sub_contpage1_1.png) left top no-repeat; padding-left:450px;}

ul.stock_explan2 {overflow:hidden; margin-bottom:40px; padding-bottom:20px; border-bottom:solid 1px #e5e5e5;}
ul.stock_explan2 li {float:left; text-align:center; width:25%;}
ul.stock_explan2 li dl {margin-top:20px;}
ul.stock_explan2 li dl dt {font-size:20px; line-height:22px; margin-bottom:10px; font-weight:bold; color:#444444;}
ul.stock_explan2 li dl dt {font-size:18px; line-height:22px;}

.t_underlien1 {margin-bottom:40px; padding-bottom:60px; border-bottom:solid 1px #e5e5e5; clear: both;}
.t_underlien1:after {content: ""; display: table; clear: both;}

.subtitl1 {font-weight:bold; line-height:22px; font-size:22px; color:#272828; margin-bottom:30px;}
.subtitl1_1 {border-radius:20px; background:#e76e26; color:#fff; font-size:18px; line-height:48px; display:inline-block; height:48px; padding:0 20px; margin-bottom:30px;}
.subtitl1_2 {border-radius:20px; background:#2282f4; color:#fff; font-size:18px; line-height:48px; display:inline-block; height:48px; padding:0 20px; margin-bottom:30px;}
ul.stock_explan3 {overflow:hidden; margin-bottom:65px}
ul.stock_explan3 li {float:left; text-align:center; width:25%;}
ul.stock_explan3 li p {text-align:center; margin-top:15px; font-size:18px; line-height:22px; font-weight:bold;}
ul.stock_explan4 {overflow:hidden; margin-bottom:50px; padding-bottom:50px; border-bottom:solid 1px #e5e5e5;}
ul.stock_explan4 li {float:left; text-align:center; width:20%;}
ul.stock_explan4 li p {text-align:center; margin-top:15px; font-size:18px; line-height:22px; font-weight:bold;}
ul.stock_explan5 {margin-bottom:50px; padding-bottom:50px; border-bottom:solid 1px #e5e5e5;}
ul.stock_explan5 li:first-child {margin-bottom:20px;}
ul.stock_explan5 li {text-align:center;}
ul.stock_explan6 {overflow:hidden;} 
ul.stock_explan6 li {float:left; width:33%; text-align:center;} 
ul.stock_explan6 li p {text-align:center; font-size:16px; line-height:22px;} 
ul.stock_explan6 li p strong {font-weight:bold; color:#dd6c2a;font-size:16px; line-height:22px; font-weight:bold;} 

.gray_bg1 {background:#fafafa; padding:25px 10px; font-size:16px;}
.gray_bg2 {background:#fafafa; padding:25px 25px;}
.gray_bg2 h6 {font-size:18px; font-weight:bold; margin-bottom:20px;}
.gray_bg2 ul li {font-size:16px; line-height:28px;}
.stock_careful1 {margin-top:30px;}
.stock_careful1 p {font-size:16px; line-height:26px; color:#666666;}
.stock_careful1 p strong {color:#e83f1e;font-size:16px; line-height:26px;}

.org_line {height:2px; margin-bottom:10px; padding-top:25px;}
ul.step_box1 { margin-bottom:40px; padding-bottom:40px; padding-top:10px; border-bottom:solid 1px #e5e5e5; overflow:hidden; }
ul.step_box1 li:first-child { margin-right:30px; margin-left:5px;}
ul.step_box1 li {float:left; width:185px; height:392px; margin-right:35px; box-shadow:0 0 10px #cbcbcb; text-align:center;}
ul.step_box1 li:last-child {margin-right:0px;}
ul.step_box1 li dl {height:172px;}
ul.step_box1 li dl dt {color:#000; font-size:18px; font-weight:bold; margin-bottom:20px;}
.step_pic {overflow:hidden;}
.step_pic img {float:right;}

dl.ceo_bou {overflow:hidden; padding-bottom:50px;}
dl.ceo_bou dt {float:left;}
dl.ceo_bou dd strong {font-size:18px; line-height:24px; color:#e76e26; display:block; margin-bottom:30px;}
dl.ceo_bou dd {float:right; width:469px; margin-left:30px; color:#333333; font-size:16px; line-height:24px;}
dl.ceo_bou dd p {font-size:16px; line-height:24px;}

.gold_m_number {background:url(/assets/front/custom/img/market/gold_neumber_bg.png) left top no-repeat; width:439px; padding-left:400px; height:160px; padding-top:80px;}
.gold_m_number dl dt {background:url(/assets/front/custom/img/market/gold_icon.png) left 50% no-repeat; padding-left:40px; font-size:28px; line-height:28px; color:#cccccc;margin-bottom:15px;}
.gold_m_number dl dd {color:#fff; font-weight:bold; font-size:52px; line-height:52px;}

ul.stroe_numlist li {border-bottom:solid 1px #eeeeee; height:120px; padding-top:30px;overflow:hidden; position:relative; }
ul.stroe_numlist li div {vertical-align:top; width:42px; height:42px; border-radius:50%; background:#ff6e0e; text-align:center; line-height:42px; color:#fff; font-size:20px; display:inline-block}
ul.stroe_numlist li dl {display:inline-block; width:620px; margin-left:10px;}
ul.stroe_numlist li dl dt {font-weight:bold; font-size:24px; line-height:24px; margin-bottom:15px; padding-top:8px;}
ul.stroe_numlist li dl dd {font-size:20px; line-height:24px;}
ul.stroe_numlist li img.icon {position:absolute; top:40px; right:10px;}

.stb_typ {width:780px; float:left;}
.cltable_type1 {border-top:solid 2px #eeeeee; overflow:hidden; line-height: 1.5}
.cltable_type1 table {width:100%;}
.cltable_type1 table thead tr th {height: 40px; font-size:16px;border-bottom:solid 1px #eeeeee; text-align:center; padding:10px 0px; background:#fffbf9;}
.cltable_type1 table tbody tr th {height: 40px;background:#fafafa; font-size:16px;text-align:center; border-bottom:solid 1px #eeeeee; color:#000000; padding:10px 0px;}
.cltable_type1 table tbody tr td {font-size:16px; height: 40px; padding:10px 0px; text-align:center; color:#000000; vertical-align:middle; border-bottom:solid 1px #eeeeee;}

.ctable_type1 {width:300px; float:left;border-top:solid 2px #eeeeee; overflow:hidden; box-shadow:1px 2px 10px #bebebe; line-height: 1.5}
.ctable_type1 table {width:100%;}
.ctable_type1 table thead tr th {height: 40px; font-size:16px; border-bottom:solid 1px #eeeeee; text-align:center; padding:10px 0px; background:#fffbf9;}
.ctable_type1 table tbody tr th {height: 40px; background:#fafafa;}
.ctable_type1 table tbody tr td {height: 40px;padding:10px 0px; font-size:16px; text-align:center; color:#000000; vertical-align:middle; border-bottom:solid 1px #eeeeee;}
.ctable_type1 table tbody tr td.hd1 {height:100px;}
.ctable_type1 table tbody tr td.hd2 {height:75px;}
.ctable_type1 table tbody tr td.hd3 {}
.ctable_type1 table tbody tr td.hd4 {height:50px;}
.ctable_type1 table tbody tr td.hd5 {height:100px;}
.ctable_type1 table tbody tr td.hd6 {}

/*211019 대리점 팝업*/
.service_tit_banner img{width:100%; margin-bottom:30px;}

.purchase_cont img{width:1080px}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.diamaond_info_table tbody tr.soldout td:after {content:""; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 100%; background: #ff6d0d;}

}