@import url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


body { font-family: 'NanumSquareNeo', 'Pretendard'; color: #1f1c1a; }
body, input, textarea, select, button, table, h1, h2, h3, h4, h5 { font-size:16px; line-height:1.25em }

/* HTML Default */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
mark{background:#FF0;color:#000}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
a {margin:0; padding:0; text-decoration:none;}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
table {border-collapse:collapse; border-spacing:0; width:100%;}
h1, h2, h3, h4, h5 {font-weight:normal; }
img, select, input, button {vertical-align:middle;}
input, select { color:inherit; font:inherit; line-height:100%; }
textarea { resize:none; font:inherit; overflow-y:auto; }
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
.hid, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
caption {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
body {margin:0; padding:0; font-size:14px; word-break:break-all; -webkit-text-size-adjust:none; overflow-x: hidden; }
ul, ol, li, figure {list-style-type:none; margin:0; padding:0;}
cite, blockqoute {display:block; font-style:normal;}
figcaption { display:none;}
.blind {display:block; overflow:hidden; position:absolute; top:0; left:0; width:0 !important; min-width:0 !important; height:0; border:0; background:0 0; font-size:0; line-height:0}

video { display: block; }

.al {text-align:left !important;}
.ac {text-align:center !important}
.ar {text-align:right !important}
.fl {float:left !important;}
.fr {float:right !important;}
.c_b { clear: both; }

strong { font-weight: 800; }


a { transition: all 0.3s ease; text-decoration: none;  }



/*전체*/
#wrap  { position: relative; width: 100%; background: #eee9e1;   }


/*공통*/
.inner { position: relative; width: 1300px; margin: 0 auto; }
.flex_wrap { display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 -15px -15px; }


.text_wrap { position: relative; width: 1300px; margin: 0 auto; text-align: center; }
.text_wrap li h1 { font-family: 'NanumSquareNeo';  font-size: 31px; margin-bottom: 15px;  color: #1f1c1a;  }

.text_wrap li { font-size: 19px; color: #948f8f; font-family: 'Pretendard';  line-height: 25px;  }

.common_pc {  }
.common_m { display: none!important; }


/*PC 헤더*/
.pc_header { position: relative; width: 100%;  }

.pc_header .pc_logo,
.pc_header .pc_nav  { position: relative; width: 100%; } 

.pc_header .pc_logo { padding: 35px 0 35px 0; box-sizing: border-box;   }
.pc_header .pc_logo img { display: block; width: 280px; height: 55px; margin: 0 auto; }

.pc_header .pc_nav { border-top: 1px solid #1f1c1a; box-sizing: border-box; }
.pc_header .pc_nav ul { display: flex; justify-content: space-around;  width: 880px; margin: 25px auto; }
.pc_header .pc_nav ul li a { font-family: 'NanumSquareNeo'; font-size: 17px; color: #1f1c1a; font-weight: 800;  }
.pc_header .pc_nav ul li a:hover { color: #f5822b; }


/*메인컨텐츠*/
.main_content { position: relative; width: 100%; padding: 20px 0 70px 0; box-sizing: border-box; overflow: hidden; }



/*오늘의 금시세*/
.today_quote { width: calc(50.0% - 15px); height: 425px;  background: url("../images/quote_img.jpg") 50% 20%; border-radius: 15px; box-sizing: border-box; }
.today_quote .content { width: 80%; margin: 35px auto; height: 290px; border-radius: 15px; 
	    background: #efe5d5d9; padding: 30px;   }

.today_quote .content .text { text-align: center; }
.today_quote .content .text h1 { font-family: 'NanumSquareNeo'; font-size: 23px; font-weight: 600;   }
.today_quote .content .text h1 strong { font-weight: 800; }
.today_quote .content .text p { font-size: 16px; margin: 10px 0 10px 0; }

.today_quote .content .flex_wrap { margin: 40px auto; }
.today_quote .content .flex_wrap li { position: relative; width: calc(33.3% - 0px); height: 135px; text-align: center; font-family: 'Pretendard';   }
.today_quote .content .flex_wrap li::after {  content: "";
    position: absolute;
    opacity: 0.4;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    border-right: 1px dashed #221814; }

.today_quote .content .flex_wrap li:last-child::after { display: none; }

.today_quote .content .flex_wrap h3 { font-weight: 500; font-size: 21px;  margin: 0 0 10px 0;   }
.today_quote .content .flex_wrap .nums { font-weight: 800; font-size: 26px;  }
.today_quote .content .flex_wrap .price { font-size: 18px; padding-left: 2px; vertical-align: top; }
.today_quote .content .flex_wrap .icon { margin: 5px 0 0 0; }
.today_quote .content .flex_wrap .icon img { display: block; width: 15px; height: 15px; margin: 0 auto; }
.today_quote .content .flex_wrap .price_total { font-size: 18px; margin: 5px 0 0 0;  }


.today_quote .content .warning { text-align: center; }
.today_quote .content .warning img { width: 20px; height: 20px; vertical-align:top; }
.today_quote .content .warning span { font-size: 16px;  font-family: 'Pretendard'; padding: 3px 0 0 3px; }



/*서브페이지 금시세*/
.sub_quote { width: 95%; height: auto; padding: 10px;  }
.sub_quote .content { width: 85%; height: auto;  }
.sub_quote .quote_box .flex_wrap li { width: calc(33.3% - 0px);  }




/*비주얼*/
.visual { position: relative; width: calc(50.0% - 15px);  height: 425px; margin-left: 30px; }

.visual .swiper-container { width: 100%; height: 100%; border-radius: 15px; box-sizing: border-box; }

.bg_01 { background: url("../images/visual_img.jpg") 50% 50% no-repeat; background-size: cover; border-radius: 15px; box-sizing: border-box;    }


.visual .text { width: 100%; text-align: center; padding:70px 30px 20px 30px; box-sizing: border-box; }
.visual .text ul li { color: #fff; }
.visual .text ul li:first-child, 
.visual .text ul li:nth-child(2) { font-family: 'NanumSquareNeo'; font-size: 38px; line-height: 50px;  }
.visual .text ul li:nth-child(2) { color: #f5822a;  }


.visual .text ul li:last-child { border-radius: 30px; width: 320px; margin: 20px auto;  background: #f5822a; padding: 13px 20px 13px 20px;
	box-sizing: border-box;  word-break: keep-all; font-size: 15px;  }
.visual .text_wrap ul li:last-child p { font-size: 18px;  font-family: 'Pretendard';  }

.visual_box .swiper-button-prev,
.visual_box .swiper-button-next { text-indent: -9999px; }

.visual_box .swiper-button-prev { width: 50px; height: 50px; background: #abaaa9 url("../images/arrow_left.png") 50% 50% no-repeat; 
border-radius: 100px; box-sizing: border-box; background-size: 35px 35px; left: 30px;   }
.visual_box .swiper-button-next { width: 50px; height: 50px; background: #abaaa9 url("../images/arrow_right.png") 50% 50% no-repeat; 
border-radius: 100px; box-sizing: border-box;  background-size: 35px 35px; right: 30px;  }


/*전국 지점 안내*/
.store_wrap { position: relative; width: 100%; padding: 70px 0 0 0; box-sizing: border-box; overflow: hidden;  }
.store_wrap .tab_wrap { padding: 50px 0 50px 0; box-sizing: border-box;   }

.store_wrap .tab_wrap .tabs { width: 1100px; margin: 0 auto;  display: flex; }
.store_wrap .tab_wrap .tabs li { flex: auto;  font-size: 17px; color: #29292c; 
    line-height: 53px; cursor: pointer; box-sizing: border-box;  }
.store_wrap .tab_wrap .tabs li a { display: block; width: 100%; height: 100%; font-size: 18px; color: #29292c; text-align: center;
 font-family: 'Pretendard'; line-height: 44px;  }

.store_wrap .tab_wrap .tabs li.current { border: 2px solid #f5822b; border-radius: 30px; box-sizing: border-box; transition: all .3s ease;  }
.store_wrap .tab_wrap .tabs li.current a { display: block; width: 100%; color: #f5822b; }


.store_wrap .tab-content { display: none; }
.store_wrap .tab-content.current { display: inherit; }


.store_wrap .tab_wrap .tab_box .flex_wrap { margin: 40px -15px 50px -15px; }
.store_wrap .tab_wrap .tab_box .flex_wrap li { position: relative; background: #fff; 
	border-radius: 15px; box-sizing: border-box; width: calc(25.0% - 30px);
padding: 30px;  font-family: 'Pretendard'; margin: 15px 15px 15px 15px;   }




.store_wrap .tab_wrap .tab_box .flex_wrap li a { display: block; width: 100%;  color: #1f1c1a; }
.store_wrap .tab_wrap .tab_box .flex_wrap li h3 { position: relative; font-size: 21px; }

.store_wrap .tab_wrap .tab_box .flex_wrap li h3::after {  content: "";
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ccc; }

.store_wrap .tab_wrap .tab_box .flex_wrap li h3 strong { color: #f5822b; }
.store_wrap .tab_wrap .tab_box .flex_wrap .store_box { margin: 40px auto 20px; }
.store_wrap .tab_wrap .tab_box .flex_wrap .img_box img  { display: block; width: 100%; height: auto; margin: 0 auto;  }

.store_wrap .tab_wrap .tab_box .flex_wrap .contact dd { margin: 0 0 7px 0; }
.store_wrap .tab_wrap .tab_box .flex_wrap .contact span  { display: inline-block;   }

.store_wrap .tab_wrap .tab_box .flex_wrap .contact .img_box { width: 30px;  height: 30px; background: #f5822a;
	border-radius: 100px; box-sizing: border-box; }
.store_wrap .tab_wrap .tab_box .flex_wrap .contact .img_box img { display: block; width: 20px; height: 20px; margin: 0 auto;  padding-top: 4px; }

.store_wrap .tab_wrap .tab_box .flex_wrap .contact .text_box { vertical-align: top;  padding: 6px 0 0 7px; font-size: 17px;   }


.store_wrap .tab_wrap .tab_box .flex_wrap .contact dd:last-child img { padding-top: 5px; }


.store_wrap .tab_wrap .tab_box .flex_wrap .mobile { display: none; }



/*매입 절차 안내*/
.process_wrap { position: relative; width: 100%; padding: 70px 0 70px 0; box-sizing: border-box; overflow: hidden;  }
.process_wrap .text_wrap li:last-child { color: #1f1c1a;  }
.process_wrap .flex_wrap { margin: 40px -15px 0 -15px;  }
.process_wrap .flex_wrap li { position: relative; width: calc(20.0% - 30px); background: #fff; margin: 0 15px 0 15px; 
	border-radius: 15px; box-sizing: border-box;
padding: 50px 30px 50px 30px;  }

.process_wrap .flex_wrap li .img_box { position: relative; 
	background: #f3efe9;  width: 140px; height: 140px; margin: 0 auto; border-radius: 100px; box-sizing: border-box; }

.process_wrap .flex_wrap li .img_box img { display: block; width: 80px; height: 80px; margin: 0 auto; padding-top: 33px;  }


.process_wrap .flex_wrap li .text_box h3 { margin: 30px 0 15px 0;
	font-size: 18px; font-weight: 900; font-family: 'NanumSquareNeo'; text-align: center; }

.process_wrap .flex_wrap li .text_box p { text-align: center; font-family: 'Pretendard';  font-size: 17px;   }


.process_wrap .flex_wrap li:hover { background:#f5822b;  }



.process_wrap .flex_wrap li:hover { color: #fff;  transition: all 0.2s ease;   }

.process_wrap .flex_wrap li:hover::after {  content: "";
    position: absolute;
    top: 135px;
    right: 50%; 
	margin-right: -198px;
    width: 100px;
    height: 70px;
	z-index: 1; 
    background: url("../images/sell_arrow.png") 50% 50% no-repeat; background-size: 60px 70px;  }

.process_wrap .flex_wrap li:last-child::after { display: none; }


/*매입품목안내*/
.sell_product_wrap { position: relative; width: 100%;  padding: 70px 0 70px 0; box-sizing: border-box; }

.sell_product_wrap .flex_wrap { margin: 50px -15px 0 -15px;  }

.sell_product_wrap .flex_wrap li { position: relative; width: calc(25.0% - 30px); background: #fff; margin: 0 15px 0 15px; 
border-radius: 15px; box-sizing: border-box; }
.sell_product_wrap .flex_wrap .img_box { width: 100%;  }
.sell_product_wrap .flex_wrap .img_box img  { display: block; width: 100%; height:auto; margin: 0 auto; border-top-left-radius: 15px; 
border-top-right-radius: 15px; }


.sell_product_wrap .flex_wrap .text_box { padding: 30px; box-sizing: border-box; text-align: center;  font-family: 'Pretendard';  }
.sell_product_wrap .flex_wrap .text_box h3 { font-size: 18px; font-weight: 800; margin-bottom: 10px;  }
.sell_product_wrap .flex_wrap .text_box p { font-size: 17px; }


/*자주 묻는 질문*/

.question_wrap { position: relative; width: 100%; background: url("../images/question_img.jpg") 50% 50% no-repeat; background-size: cover; 
padding: 70px 0 70px 0; box-sizing: border-box; }
.question_wrap .text_wrap h1,
.question_wrap .text_wrap li  { color: #fff;  }

.question_wrap .icon_box { background: #f5822a; width: 40px; height: 40px; margin: 0 auto 15px; border-radius: 100px; box-sizing: border-box; }
.question_wrap .icon_box img { display: block; width: 20px; height: 20px; margin: 0 auto;  padding-top: 9px;  }



.question_wrap .flex_wrap { margin: 50px -15px 0 -15px;  }
.question_wrap .flex_wrap li { position: relative; width: calc(20.0% - 30px); background: #ffffffc4; margin: 0 15px 0 15px; 
border-radius: 15px; box-sizing: border-box; text-align: center;  font-family: 'Pretendard';  padding: 80px 30px 80px 30px;  }
.question_wrap .flex_wrap li p { font-size: 17px; line-height: 21px; font-weight: 500;  }
.question_wrap .flex_wrap li a { display: block; color: #362f2a; }


/*푸터*/
.footer { position: relative; width: 100%; background: #fff; padding: 50px 0 50px 0; box-sizing: border-box; }
.footer .first, 
.footer .middle,
.footer .last { width: 100%; }



.footer .first li { font-family: 'Pretendard';   }
.footer .first li a { display: block; color: #1f1c1a; font-size: 17px;  }


.footer .first .flex_wrap  { margin: 0;   }
.footer .first .flex_wrap li a { padding: 0 30px 0 0; box-sizing: border-box; }
.footer .first .flex_wrap li a:hover { color: #f5822b; }

.footer .middle .flex_wrap { margin: 30px 0 30px 0; }
.footer .middle .flex_wrap li { padding: 8px 17px 0 17px;  box-sizing: border-box; }
.footer .middle .flex_wrap li:first-child img { display: block; width: 50px; height: 50px;   }
.footer .middle .flex_wrap li:first-child {  padding: 0 10px 0 0; }

.footer .middle .flex_wrap li img { display: block; width: 30px; height: 30px; }

.footer .middle .flex_wrap li a { display: block; }



.footer .last .flex_wrap { margin: 0; }
.footer .last .flex_wrap { display: block; }
.footer .last .flex_wrap li span,
.footer .last .flex_wrap li p { font-size: 15px; line-height: 23px; color: #948f8f;   }
.footer .last .flex_wrap li p { margin: 20px 0 0 0;   }






/*모바일 내비게이션*/
.nav_wrapper { display: none; }
#header h3, #header h3 a { width: 165px; height: 50px; }

#header h3, .menu li,.menu > ul > li,.nav_wrapper h3, ul.logozone { float: left; }

#header { margin: 50px; }
#header h3 {  background: url("../images/logo.png") no-repeat; }
#header nav { width: 600px; float: right; }
#header nav ul li { float: left; color: #fff; font-size: 23px; font-weight: 200;  padding-left: 35px; }

.nav_wrapper { position: fixed; width: 100%; left: 0; top: 0; 
	transition: top 0.5s ease-out; z-index: 2; height: 80px; background: #fff;  border-bottom: 1px solid #dddada;  }



.btn, .btn:hover {transition: all 0.1s ease; }
.nav_wrapper h3 {  padding: 16px 0 0 0; }
.nav_wrapper h3 img { width: 50px; height: 50px; }

#hero, #hero img, .menu { height: auto; }

.scroll { top: -80px; }
.no-scroll { top: 0;  z-index: 9999; }

.menu-link, .navbar-toggler, .spinner-master, .spinner-master input[type="checkbox"], figcaption { display: none; }


.menu ul, .menu > ul > li { display: inline-block; }
.menu { width: 100%; background: #333; transition: all 0.3s ease; }
.menu ul { position: relative;  float: right;  }
.menu > li > ul.sub_menu {  min-width: 10em;  padding: 4px 0; background-color: #f4f4f4;border: 1px solid #fff; }
.menu ul li { line-height: 75px; padding: 0 25px 0 25px; box-sizing: border-box; }
.menu ul li:hover { color: #f5822b;  }
.menu ul li a { display: block; font-size: 20px; font-weight: 500; }
.menu ul li > a { font-size: 15px; color: #1d1611; font-weight: 800; font-family: 'NanumSquareNeo';  }
.menu ul li > a:hover { color: #f5822a; }
.menu ul ul {  display: none; position: absolute; top: 100%;  min-width: 160px; background: #222; }
.menu ul li:hover > ul,
ul.dropdown, ul.logozone { display: block; }
.menu ul ul > li { position: relative; }
.menu ul ul > li a { padding: 10px 15px; height: auto; background: #222; }
.menu ul ul > li a:hover { background: #ffdf00; }
.menu ul ul ul { position: absolute; left: 100%; top: 0; }



/*top 메뉴*/

#MOVE_TOP_BTN {
    position: fixed;
    right: 3%;
    bottom: 50px;
    display: none;
    z-index: 999;
    border: 1px solid #a8abad;
    border-radius: 42px;
    background: url("../images/arrowtop.png") center 14px no-repeat #f1f2f3;
    padding: 18px;
    width: 18px;
    height: 16px;
    color: #fff;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    text-indent: -9999px;
}
#MOVE_TOP_BTN:hover {
    background: url("../images/arrowtop_hover.png") center 14px no-repeat #f1f2f3;
    border-color: #f5822b;
}



.nav_wrapper { display: none; }


/*PC 퀵메뉴*/

#quick_menu {
    position: absolute;
    right: 3%;
    top: 218px;
    z-index: 999;

}

#quick_menu ul li { width: 200px; height: 60px; box-sizing: border-box; background: #fff; 
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); border-radius: 30px;  margin-bottom: 20px; }

#quick_menu ul li a { display: block; color: #362f2a; font-size: 16px; font-weight: 800; }
#quick_menu ul li a:hover { color: #f5822b;  }


#quick_menu ul li span { display: inline-block; }

#quick_menu ul li .img_box { border-radius: 100px; width: 60px; height: 60px;   }
#quick_menu ul li .img_box img { display: block; width: 25px; height: 25px; margin: 0 auto; padding-top: 17px;  }


#quick_menu ul .top .img_box { background: #f5822a; }
#quick_menu ul .middle .img_box { background: #f1d900;  }
#quick_menu ul .bottom .img_box { background: #472912; }



#quick_menu ul li .text_box { vertical-align: top; padding: 22px 0 0 8px;  }




/*서브페이지*/
.sub_content { position: relative; width: 100%; font-family: 'Pretendard';   }
.sub_content .sub_bg  { position: relative; width: 100%; }

.sub_content .sbg_01 { width: 100%; height: 380px; background: url("../images/sub_bg_01.jpg") no-repeat 50% 50%; background-size: cover; }
.sub_content .sbg_03 { width: 100%; height: 380px; background: url("../images/sub_bg_03.jpg") no-repeat 50% 50%; background-size: cover; }
.sub_content .sbg_04 { width: 100%; height: 380px; background: url("../images/sub_bg_04.jpg") no-repeat 50% 50%; background-size: cover; }
.sub_content .sbg_05 { width: 100%; height: 380px; background: url("../images/sub_bg_05.jpg") no-repeat 50% 50%; background-size: cover; }
.sub_content .sbg_06 { width: 100%; height: 380px; background: url("../images/sub_bg_06.jpg") no-repeat 50% 50%; background-size: cover; }




.sub_content .sub_text { position: relative; width: 1300px; margin: 0 auto; color: #fff; text-align: center;
padding: 130px 30px 130px 30px; box-sizing: border-box; }
.sub_content .sub_text h1 { font-size: 38px; font-weight: 800; }
.sub_content .sub_text ul { margin-top: 20px; }
.sub_content .sub_text ul li { font-size: 19px; line-height: 28px;  }


/*회사소개*/
.sub_content .company_info { position: relative; width: 1300px; margin: 0 auto; text-align: center; padding: 70px 30px 0 30px; box-sizing: border-box; }
.sub_content .company_info .text h3 { font-size: 31px; font-weight: 800; margin-bottom: 30px;   }
.sub_content .company_info .text ul { margin-bottom: 20px; }
.sub_content .company_info .text ul li { font-size: 18px; line-height: 24px; word-break: keep-all;  }

.sub_content .company_info .text ul:nth-child(4) li { font-size: 23px; font-weight: 800; }
.sub_content .company_info .text ul:nth-child(4) li strong { color: #f5822a;  }

.sub_content .company_info .text ul:nth-child(5) { margin: 40px 0 40px 0; }
.sub_content .company_info .text ul:nth-child(5) li strong { font-size: 21px; }


.sub_content .company_img { width: 1300px; margin: 0 auto; padding-bottom: 90px;   }
.sub_content .company_img .flex_wrap li {  width: calc(25.0% - 30px); margin: 0 15px 0 15px;   }
.sub_content .company_img .flex_wrap li img { display: block; width: 100%; height: auto; border-radius: 15px; box-sizing: border-box; } 



.sub_question_wrap { position: relative; width: 1300px; margin: 0 auto; padding: 70px 30px 70px 30px; box-sizing: border-box; }

.accordion_menu { width: 100%; font-family: 'NanumSquareNeo', 'Pretendard';  }
.accordion_menu dt  { position: relative; padding: 20px; background: #fff; font-size: 16px; font-weight: 800; cursor: pointer; 
 border-top: 1px solid #e8e5e5; box-sizing: border-box; border-radius: 15px; overflow: hidden; margin-bottom: 20px;  }
.accordion_menu dd { display: none; padding: 30px; box-sizing: border-box; background: #fff; border-radius: 15px;  overflow: hidden; 
margin-bottom: 20px;  }

.accordion_menu dt span { width: 20px; height: 20px;  top: 30px;
	position: absolute; right: 20px; background: url("../images/accordion_btn.png") 50% 50% no-repeat; background-size: 20px 20px;  }

.accordion_menu dt.on span {  top: 30px; 
 position: absolute; right: 20px; background: url("../images/accordion_btn_hover.png") 50% 50% no-repeat; background-size: 20px 20px;
}


.accordion_menu dt.on { color: #f5822a; }



.accodian dt .icon,
.accodian dd .icon { display: inline-block;width: 35px; height: 35px; border-radius: 300px; text-align: center; font-weight: 900;
color: #fff; padding: 3px; box-sizing: border-box; line-height: 28px; margin-right: 13px; font-size: 17px;   }


.accodian dt .icon {  background: #f5822b;  }
.accodian dd .icon { background: #1b1613;  }
.accodian dd h3 { display: inline-block; font-size: 17px; font-weight: 700;  }
.accodian dd ul { padding: 10px 0 20px 55px; box-sizing: border-box; font-size: 18px;  }
.accodian dd ul li { font-size: 16px; line-height: 22px; }


/*지점안내 상세페이지*/


.store_detail .mobile { display: none; }

.store_detail { position: relative; width: 100%; font-family: 'Pretendard';  }
.store_detail .title_text { padding: 70px 30px 70px 30px; box-sizing: border-box; text-align: center;
    font-size: 31px; font-weight: 800; } 


.store_detail .title_text h1 { position: relative; }
.store_detail .title_text h1::after {  content: "";
    position: absolute;
    right: 50%;
	margin-right: -70px;
    top: 50px;
    width: 140px;
    height: 1px;
    background: #f5822a;  }



.store_detail .flex_wrap .info_box { 
    width: calc(65.0% - 0px);
    padding: 40px 35px 40px 35px;
    box-sizing: border-box;
    text-align: left;  border-radius: 15px; }

.store_detail .flex_wrap .info_box ul { margin: 20px 0 20px 0; }
.store_detail .flex_wrap .info_box ul li { font-size: 18px; line-height: 26px; word-break: keep-all;  }
.store_detail .flex_wrap .info_box .top_text li { font-size: 21px; line-height: 27px; font-weight: 800;  }
.store_detail .flex_wrap .info_box .top_text li strong { color: #f5822a;  }



.store_detail .flex_wrap .info_box ul:last-child li { font-size: 18px; line-height: 24px; }


.store_detail .flex_wrap .info_box .icon_box {  }


/*추가 2024-05-30*/
.store_detail .flex_wrap .info_box .info_content { padding: 50px 0 50px 0; box-sizing: border-box; }
.store_detail .flex_wrap .info_box .info_content ul {  display: flex;
    justify-content: flex-start; flex-wrap: wrap;  margin: 0 -15px -15px;  }

.store_detail .flex_wrap .info_box .info_content ul li { width: calc(25.0% - 30px); margin: 0 15px 0 15px; }
.store_detail .flex_wrap .info_box .info_content ul li .img img { width: 100%; }

.store_detail .flex_wrap .info_box .info_content ul li p { text-align: center; font-weight: 600; padding: 20px 0 20px 0;  }











.store_detail .flex_wrap .img_and_text_box { width: calc(35.0% - 30px); margin-left: 30px; /*background: #fff;*/  border-radius: 15px;
box-sizing: border-box; padding: 0;  }

.store_detail .flex_wrap .img_and_text_box .img_box { height: auto; margin-bottom: 20px; }
.store_detail .flex_wrap .img_and_text_box .img_box img { width: 100%; height: 100%;   }
.store_detail .flex_wrap .img_and_text_box .text_box { text-align: left; }
.store_detail .flex_wrap .img_and_text_box .text_box ul li { position: relative; font-size: 17px; 
	padding: 17px 0 17px 0; box-sizing: border-box;
 border-bottom: 1px dashed #ccc;   }

.store_detail .flex_wrap .img_and_text_box .text_box span { position: relative; display: block; font-weight: 800; padding-bottom: 10px; }

.store_detail .flex_wrap .img_and_text_box .text_box ul li:last-child { border: none; }

.store_detail .flex_wrap .img_and_text_box .text_box span::after {  content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 35px;
    width: 3px;
    height:3px;
    background: #f5822b;
	border-radius: 300px; }

.store_detail .flex_wrap .img_and_text_box .text_box p { padding-left: 7px; }



.store_detail .map_wrap { margin: 50px 0 50px 0; box-sizing: border-box; }



.store_detail .info_box .icon_box li { position: relative; width: calc(25.0% - 0px);   }
.store_detail .info_box .icon_box li::after {  content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 15px;
    width: 1px;
    height:100%;
    border-left: 1px dashed #ccc; }

.store_detail .info_box .icon_box li:first-child::after { display: none; }

.store_detail .info_box .img_detail { width: 130px; height: 130px; margin: 0 auto; background: #fff; border-radius: 100px; box-sizing: border-box; }
.store_detail .info_box .img_detail img { display: block; width: 50px; height: 50px; margin: 0 auto; padding-top: 40px;  }

.store_detail .info_box .text_detail { text-align: center; margin: 30px 0 20px 0;  }
.store_detail .info_box .text_detail h3 { font-weight: 800; font-size: 18px; margin-bottom: 10px;   }
.store_detail .info_box .text_detail p { font-size: 17px; line-height: 23px; font-weight: 400; }


.store_detail .flex_wrap .img_and_text_box .btn_wrap  { display: flex;  width: 100%; justify-content: space-around; margin: 10px 0 10px 0;   }
.store_detail .flex_wrap .img_and_text_box .btn {  width: calc(50.0% - 0px); margin: 0;
border-radius: 5px; box-sizing: border-box; }
.store_detail .flex_wrap .img_and_text_box .btn a { display: block; width: 100%;  box-sizing: border-box; color: #fff; font-size: 16px; 
font-weight: 700; overflow: hidden; box-sizing: border-box; }

.store_detail .flex_wrap .img_and_text_box .call { background: #f5822a url(../images/call_btn.png) left 20px center no-repeat;
    background-size: 17px 17px;  }




.store_detail .flex_wrap .img_and_text_box .call a { padding: 13px 5px 13px 50px;  }
.store_detail .flex_wrap .img_and_text_box .kakao a { padding: 13px 5px 13px 50px; color: #381e1f;  }


.store_detail .flex_wrap .img_and_text_box .kakao {  background: #ffdc00  url(../images/kakao_btn.png) left 20px center no-repeat;
    background-size: 17px 17px; margin-left: 20px; }


.add_page { margin-bottom: 100px; }
.add_page .flex_wrap .info_box { width: 100%; padding: 0;  }



/*가맹문의*/
.affiliate_info { position: relative; width: 1300px; margin: 0 auto; text-align: center; 
padding: 70px 30px 70px 30px; box-sizing: border-box; }
.benefit { position: relative; width: 1300px; margin: 0 auto; text-align: center; 
padding: 0 30px 0 30px; box-sizing: border-box; }

.affiliate_info ul li h3,
.benefit h3 {  font-size: 31px; font-weight: 800; margin-bottom: 30px; }

.affiliate_info ul { margin-bottom: 20px; }
.affiliate_info ul li  { font-size: 18px; line-height: 24px; word-break: keep-all;  }
.affiliate_info ul:last-child strong { font-size: 21px; }


.affiliate_info ul:last-child { margin: 40px 0 40px 0; }

.benefit .flex_wrap { }
.benefit .flex_wrap li { width: calc(20.0% - 30px); margin: 15px; background: #fff; border-radius: 15px; box-sizing: border-box;}

.benefit .flex_wrap li .img_box { width: 100%; height: auto; }
.benefit .flex_wrap li .img_box img { display: block; width: 100%; height: auto; border-top-left-radius: 15px; border-top-right-radius: 15px; 
box-sizing: border-box; }
.benefit .flex_wrap li .text_box {  padding: 30px; box-sizing: border-box; }
.benefit .flex_wrap li .text_box p { font-weight: 800; font-size: 20px; margin-bottom: 20px;  line-height: 26px; }
.benefit .flex_wrap li .text_box span { display: block; font-size: 17px; line-height: 23px; }



.table_wrap { width: 1300px; margin: 50px auto; }
.table_wrap table { background: #fff; border-top: 2px solid #f5822b; }
.table_wrap table tr th { font-weight: 800; color: #f5822b;  }
.table_wrap table tr th,
.table_wrap table tr td { padding: 17px; box-sizing: border-box; font-size: 17px; text-align: center;  border-bottom: 1px solid #e6e6e6; }



.store_detail .btn_box { display: none; }






@media screen and (max-width: 1600px) {


/*메뉴*/	
.nav_wrapper { display: block; }	
.nav_wrapper h3 img { width: 200px; height: 45px;  }
.nav_wrapper { width: 100%; padding: 0 0 0 30px; box-sizing: border-box; }	
.nav_wrapper .inner { width: 100%; padding: 0;  }


/*pc 헤더*/
.pc_header { display: none; }

/*메인 컨텐츠*/
.main_content { padding: 100px 0 50px 0;   }


/*공통*/
.inner { width: 100%;  padding: 30px; box-sizing: border-box; }
.text_wrap { margin: 30px 0 30px 0; }

.text_wrap,
.store_wrap .tab_wrap .tabs { width: 100%; }

.flex_wrap { margin: 0; }


/*전국 지점 안내*/
.store_wrap { padding: 0; }
.store_wrap .tab_wrap { padding: 50px 0 0 0; }


/*매입 절차 안내*/
.process_wrap { padding: 0;  }
/*.process_wrap .flex_wrap li { width: calc(50.0% - 30px); margin: 15px;  }*/
.process_wrap .flex_wrap li { width: calc(50.0% - 50px); margin: 30px 25px 30px 25px;  }
.process_wrap .flex_wrap li .img_box { width: 130px; height: 130px; }
.process_wrap .flex_wrap li .img_box img {  padding-top: 25px;  }

.process_wrap .flex_wrap li:hover::after { display: none; }

/*매입 품목 안내*/	
.sell_product_wrap { padding: 0 0 50px 0; }
.sell_product_wrap .flex_wrap { margin: 50px 0 0 0;  }
/*sell_product_wrap .flex_wrap li { width: calc(50.0% - 30px); margin: 15px;   }*/
.sell_product_wrap .flex_wrap .img_box img { width: 100%; height: auto; }




/*자주 묻는 질문*/
.question_wrap { padding: 50px 0 50px 0; }
.question_wrap .flex_wrap li { padding: 50px 30px 50px 30px; }

	
/*푸터*/
.footer { padding: 30px 0 30px 0; }



/*서브페이지*/
.sub_content { margin-top: 80px;   }	
.sub_content .sub_text,
.sub_content .company_info,
.sub_content .company_img,
.sub_question_wrap { width: 100%; }


/*회사소개*/
.sub_content .company_img { padding: 30px 30px 70px 30px; box-sizing: border-box; }
.sub_content .company_img .flex_wrap li img { width: 100%; height: auto; }

.sub_content .company_info .text ul:nth-child(4) li { line-height: 32px;  }




/*지점안내 상세페이지*/	
.sub_margin { margin-top: 80px; }	
.store_detail { }
.store_detail .inner { width: 100%; }
.store_detail .info_box .img_detail { width: 100px; height: 100px; }
.store_detail .info_box .img_detail img { padding-top: 22px; }
/*.store_detail .info_box .icon_box li { width: calc(50.0% - 0px); }*/


.add_page { margin-bottom: 0; }
.add_page .inner { padding: 0 30px 0 30px; }


.store_detail .info_box .icon_box li::after { display: none; }	


.store_detail .info_box .icon_box li { margin-bottom: 50px;  }


.store_detail .title_text { padding: 30px 30px 0 30px; }

	
.store_detail .flex_wrap .info_box { margin: 50px 0 0 0; } 
.store_detail .flex_wrap .img_and_text_box { margin: 50px 0 0 30px; }


.store_wrap .tab_wrap .tab_box .flex_wrap .img_box img { margin: 10px 0 10px 0;  }

	
	

/*가맹문의*/
.affiliate_info,
.benefit,
.table_wrap { width: 100%; }

.table_wrap { padding: 30px; box-sizing: border-box; }
	
	
/*전국 지점 안내*/

.sub_store_wrap { margin: 80px 0 0 0; }


.table_wrap { margin: 30px auto; }
.table_wrap { padding: 0 30px 0 30px; }	





}







@media screen and (max-width: 1300px) {



  
  /*header*/  
    .nav_wrapper h3 {
     padding: 10px 0 0 20px; 
    }

    .nav_wrapper {
        width: 100%; 
        background-color: #fff;
        height: 80px;
		padding: 0;
    }
	

    .menu li,
    .menu > ul > li {
        float: none;
    }
    ul.logozone li {
        display: none;
    }
    ul.dropdown {
        float: left;
        
    }
    .example-header .container {
        width: 100%;
    }
    .menu ul li > a {
        font-size: 15px;
        color: #fff; 
        font-weight: 500 !important;
		padding: 0;
    }
    .spinner-master * {
        transition: all 0.3s;
        box-sizing: border-box;
    }
    .spinner-master {
        display: block;
        position: relative;
        height: 30px;
        width: 30px;
        float: right;
    }
    .spinner-master label {
        cursor: pointer;
        position: absolute;
        z-index: 99;
        height: 100%;
        width: 100%;
        top: 28px;
        right: 20px;
    }
    .spinner-master .spinner {
        position: absolute;
        height: 4px;
        width: 100%;
        padding: 0;
        background-color: #383535;
    }
    .spinner-master .diagonal.part-1 {
        position: relative;
        float: left;
    }
    .spinner-master .diagonal.part-2,
    .spinner-master .horizontal {
        position: relative;
        float: left;
        margin-top: 4px;
    }
    .spinner-master input[type="checkbox"]:checked ~ .spinner-spin > .horizontal {
        opacity: 0;
    }
    .spinner-master input[type="checkbox"]:checked ~ .spinner-spin > .diagonal.part-1 {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        margin-top: 10px;
    }
    .spinner-master input[type="checkbox"]:checked ~ .spinner-spin > .diagonal.part-2 {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        margin-top: -12px;
    }
    a.menu-link {
        display: block;
        color: #fff;
        float: left;
        text-decoration: none;
        padding: 10px 16px;
        font-size: 1.5em;
    }
    a.menu-link:hover {
        color: #efac60;
    }
    .menu li a,
    .menu ul li a:hover {
        color: #776a5f;
    }
	

	
    a.menu-link:after {
        content: "\2630";
        font-weight: 400;
    }
    a.menu-link.active:after {
        content: "\2715";
    }
    .menu {
        clear: both;
        min-width: inherit;
        float: none;
		position: relative; 
		top: 7px; 
		
    }
	
	.menu { position: relative; z-index: 1; }
	
    .menu,
    .menu > ul ul {
        overflow: hidden;
        max-height: 0;
    }
    .menu > li > ul.sub-menu {
        padding: 0;
        border: none;
    }
    .menu.active,
    .menu > ul ul.active {
        max-height: 55em;
    }
    .menu ul {
		padding: 0;
		box-sizing: border-box; 
		width: 100%; 
		position: relative;
		z-index: 1; 
    }
    .menu li,
    .menu li a,
    .menu > ul > li {
        display: block; line-height: 23px; padding: 15px 20px 15px 20px;  box-sizing: border-box; 
    }
    .menu > ul > li:last-of-type a {
        border: none;
    }
    .menu li a {
        padding: 0.8em;
        position: relative;
    }
    .menu li.has-submenu > a:after {
        content: "+";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        font-size: 1.5em;
        padding: 0.55em 0.5em;
    }
    .menu li.has-submenu > a.active:after {
        content: "-";
    }
    .menu ul ul > li a {
        background-color: #333;
        padding: 10px 18px 10px 30px;
        font-weight: 
    }
    .menu ul li.hover > a {
        color: #ceac8f;
    }
    .menu ul ul,
    .menu ul ul ul {
        display: inherit;
        position: relative;
        left: auto;
        top: auto;
        border: none;
    }
    .nav_wrapper h3 img { padding-top: 9px;
       
    }    
    
	.menu li a, .menu ul li a:hover { color: #fff; }      

	.menu ul li:hover { height: 100%; }
	
	

.add_page .flex_wrap .info_box { margin: 0;  }


	


}


@media screen and (max-width: 1100px) {
	
/*메인 컨텐츠*/
.main_content { padding: 90px 0 0 0; }




/*오늘의 금시세 & 비주얼*/
.today_quote { width: 100%; } 
.visual { width: 100%; margin: 30px 0 0 0;  }


/*전국 지점 안내*/
.store_wrap .tab_wrap .tabs { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.store_wrap .tab_wrap .tabs li { width: calc(50.0% - 30px);  }
.store_wrap .tab_wrap .tab_box .flex_wrap li { width: calc(50.0% - 30px);  margin: 15px;   }
.store_wrap .tab_wrap .tab_box .flex_wrap .img_box img { margin: 15px auto; }
.store_wrap .tab_wrap .tab_box .flex_wrap .contact .text_box { padding: 6px; }	
.store_wrap .tab_wrap .tab_box .flex_wrap .contact .text_box { font-size: 17px;  word-break: keep-all;  }
.store_wrap .tab_wrap .tab_box .flex_wrap .img_box img { margin: 10px auto; }



.benefit .flex_wrap li { width: calc(50.0% - 30px);}





/*매입절차*/


/*.process_wrap .flex_wrap li::after {  content: "";
position: absolute;
top: 0;
right: 0;
width: 76px;
height: 60px;
background: url("../images/sell_arrow_bottom.png") no-repeat; background-size: 76px 60px;  }/*/


.process_wrap .flex_wrap li:first-child::after,
.process_wrap .flex_wrap li:nth-child(3)::after	{  content: "";
position: absolute;
top: 115px;
z-index: 1;
right: -60px;
width: 60px;
height: 70px;
background: url("../images/sell_arrow.png") no-repeat; background-size: 60px 70px;  }



.process_wrap .flex_wrap li:last-child::after {  display: block; content: "";
position: absolute;
top: -61px;
z-index: 1;
right: 50%;
margin-right: -38px; 
width: 76px;
height: 60px;
background: url("../images/sell_arrow_bottom.png") no-repeat; background-size: 76px 60px;  }





/*매입 품목 안내 & 자주 묻는 질문*/	
.sell_product_wrap .flex_wrap li, 
.question_wrap .flex_wrap li { width: calc(50.0% - 30px);  margin: 15px; }




/*지점안내 상세페이지*/	
.store_detail .flex_wrap .info_box { width: 100%; padding: 0; }
.store_detail .flex_wrap .img_and_text_box { width: 100%; margin: 50px 0 0 0; }



}





@media screen and (max-width: 768px) {
	
	
/*공통*/
.text_wrap li h1 { font-size: 28px; margin-bottom: 20px; }
.text_wrap li { font-size: 18px; line-height: 26px; word-break: keep-all; }


/*오늘의 금시세*/
.today_quote .content .text h1,
.today_quote .content .flex_wrap h3 { font-size: 21px;  word-break: keep-all; }
.today_quote .content .text p { font-size: 15px;   word-break: keep-all; }
.today_quote .content .flex_wrap .nums { font-size: 25px;  word-break: keep-all; }
.today_quote .content .flex_wrap .price { font-size: 16px;  word-break: keep-all; }
.today_quote .content .flex_wrap .price_total { font-size: 18px; word-break: keep-all; }

.today_quote .content .flex_wrap { margin: 30px auto 20px; }
	
	
/*오늘의 금시세*/
.today_quote { height: auto; }
.today_quote .content { width: 75%; height: auto;  }
.today_quote .content .flex_wrap li { width: 100%; height: auto; padding: 0 0 40px 0;  }
.today_quote .content .flex_wrap li::after { width: 100%; height: 1px;  border-bottom: 1px dashed #221814; top: 117px;   }

.sub_quote { margin: 50px 0 0px 0;  }	
.sub_quote .content .flex_wrap li { padding: 0; height: 150px;  }
	
.sub_quote .content .flex_wrap .price_total,
.sub_quote .content .flex_wrap h3 { margin: 0; }
.sub_quote .content .flex_wrap h3 { margin-bottom: 3px; }



	

/*비주얼*/
.visual .text ul li:first-child, .visual .text ul li:nth-child(2) { font-size: 34px; line-height: 46px; word-break: keep-all;  }


/*전국 지점 안내*/
.store_wrap .tab_wrap .tabs li a { font-size: 17px; }
.store_wrap .tab_wrap .tab_box .flex_wrap { margin: 20px -15px 20px -15px;  }
.store_wrap .tab_wrap .tab_box .flex_wrap li h3 { font-size: 21px; }

.store_wrap .tab_wrap .tab_box .flex_wrap .pc { display: none; }
.store_wrap .tab_wrap .tab_box .flex_wrap .mobile { display: block; }	

.store_wrap .tab_wrap .tab_box .flex_wrap .contact .img_box { display: none; }	


.store_wrap .tab_wrap .tab_box .flex_wrap .mobile .btn_box { display: block; width: 100%; background: #f5822a; margin: 0 0 20px 0; 
padding: 13px; box-sizing: border-box; border-radius: 15px;  }

.store_wrap .tab_wrap .tab_box .flex_wrap .mobile .btn_box:last-child { margin: 0; }	


.store_wrap .tab_wrap .tab_box .flex_wrap .mobile .btn_box a { display: block; color: #fff; font-size: 14px; font-weight: 700;  }

.store_wrap .tab_wrap .tab_box .flex_wrap .mobile .btn_box img { display: inline-block; width: 20px; height: 20px; vertical-align: middle; 
padding-right: 10px;  }


	
	
	

/*매입 절차 안내*/
.process_wrap .flex_wrap {  margin: 30px -15px 30px -15px;   }
.process_wrap .flex_wrap li:hover::after { display: none; }
.process_wrap .flex_wrap li .text_box h3 { margin: 20px 0 10px 0; }
.process_wrap .flex_wrap li .text_box p { font-size: 17px; line-height: 21px;  }

.process_wrap .flex_wrap li .img_box { width: 100px; height: 100px; }
.process_wrap .flex_wrap li .img_box img { width: 50px; height: 50px;  padding-top: 26px;   }

.process_wrap .flex_wrap li:first-child::after, .process_wrap .flex_wrap li:nth-child(3)::after { top: 95px;}


/*매입 품목*/
.sell_product_wrap .flex_wrap .text_box h3 { font-size: 18px; word-break: keep-all;   }
.sell_product_wrap .flex_wrap .text_box p { font-size: 17px;   word-break: keep-all;  }




/*자주묻는질문*/
.question_wrap .flex_wrap { margin: 20px -15px 20px -15px;   }
.question_wrap .flex_wrap li { padding: 60px 30px 60px 30px; }
.question_wrap .flex_wrap li p { word-break: keep-all; }

	
	
/*푸터*/	
.footer .first .flex_wrap { display: none; }
.footer .first li { line-height: 27px; }
.footer .middle .flex_wrap { margin: 0 0 30px 0; }
.footer .last .flex_wrap li span, .footer .last .flex_wrap li p	{ word-break: break-word; line-height: 25px;  }


	
	
	
	
	
	


/*매입 상세*/


.store_detail .map_wrap { padding: 0; margin: 30px 0 30px 0;  }
	
.store_detail .info_box .icon_box li {  width: calc(50.0% - 0px); }
.store_detail .info_box .img_detail { width: 80px; height: 80px;  }
.store_detail .info_box .img_detail img { width: 40px; height: 40px; }


.store_detail .info_box .icon_box li::after {
display: none; 
}	
	



/*가맹문의*/	
.affiliate_info { padding: 50px 30px 50px 30px; }
.table_wrap { padding: 0 30px 0 30px; }





}	





@media screen and (max-width:580px) {





	
#quick_menu { display: none!important; }


/*공통*/
.common_pc { display: none!important; }
.common_m { display: block!important; }



/*오늘의 금시세*/
.today_quote .content .warning img { margin-bottom: 3px; }

/*서브페이지*/	
.sub_content .sub_text { padding: 70px 30px 70px 30px; }
.sub_content .sub_text h1 { font-size: 27px; }

.sub_content .sbg_01,
.sub_content .sbg_02,
.sub_content .sbg_03,
.sub_content .sbg_04,
.sub_content .sbg_05,
.sub_content .sbg_06 { height: 280px; }

.sub_content .sub_text ul li { font-size: 17px; line-height: 25px;  word-break: keep-all;  }
	
	

/*전국 지점 안내*/
.store_wrap .tab_wrap { padding: 20px 0 0 0; }


.store_wrap .tab_wrap .tabs li a { font-size: 15px; line-height: 38px; }	


.store_detail .flex_wrap .img_and_text_box { margin: 0; }



/*회사소개*/	
.sub_content .company_info .text h3,
.affiliate_info ul li h3, .benefit h3 { font-size: 28px; margin-bottom: 20px;  }
.sub_content .company_info .text ul li,
.affiliate_info ul li { font-size: 17px; line-height: 25px; word-break: keep-all;   }
.sub_content .company_info .text ul:nth-child(4) li { font-size: 20px; line-height: 30px; }

.sub_content .company_img { padding: 0 30px 50px 30px; }
.sub_content .company_img .flex_wrap li {width: calc(50.0% - 30px); margin: 15px;  }
	


/*자주묻는 질문*/
.accodian dt .icon, .accodian dd .icon { width: 30px; height: 30px; font-size: 14px; line-height: 23px; display: block; margin-bottom: 15px;  }
.accordion_menu dt { font-size: 15px; border-radius: 10px; line-height: 23px;   }
	
.accodian dd h3, 
.accodian dd ul { font-size: 14px; }

.accodian dd h3 { line-height: 23px; }

.accodian dd ul  { padding: 10px 0 10px 0;  }
.accodian dd ul li { font-size: 14px; }

/*지점안내 디테일*/
	
	
	
.store_detail .info_box .img_detail { width: 80px; height: 80px; }
.store_detail .info_box .img_detail img { width: 40px; height: 40px; padding-top: 17px;  }
.store_detail .info_box .icon_box li { margin-bottom: 30px; }

	

/*매입절차 안내*/
.process_wrap .text_wrap li:last-child { margin-top: 20px; }


/*매입 상세*/
.store_detail .flex_wrap .info_box { padding: 0; }
.store_detail .info_box .icon_box li { width: 100%; }
.store_detail .flex_wrap .info_box .icon_box { margin: 30px 0 0 0; }
.store_detail .flex_wrap .info_box ul:last-child li {  }
	
	


.store_detail .pc { display: block; }
	
	
	
	
.store_detail .mobile { display: none; }	






/*가맹문의*/
.benefit .flex_wrap li { width: 100%; }
.table_wrap table tr th, .table_wrap table tr td { padding: 15px; font-size: 16px;  line-height: 21px;  }


.affiliate_info { padding: 50px 30px 0px 30px;  }



/*회사소개*/
.sub_content .company_info .text ul:nth-child(5) li strong,
.affiliate_info ul:last-child strong { display: block; margin-top: 5px; }


.store_detail .flex_wrap .info_box { margin: 50px 0 50px 0; }	

	
/*상세페이지 연락처 연동*/	
.store_detail .btn_box { display: block; }

.store_detail .btn_box { position: relative; width: 100%; margin: 20px 0 10px 0; overflow: hidden; }
.store_detail .btn_box ul { display: flex; justify-content: flex-start; flex-wrap: wrap;  margin: 0 -20px 0 0;  }
.store_detail .btn_box ul li {  width: calc(50.0% - 20px); margin: 0 20px 0 0; border-radius: 10px; box-sizing: border-box; }
.store_detail .btn_box ul li a { display: block; width: 100%; height: 100%; overflow: hidden; color: #fff; font-size: 15px; font-weight: 700;
	text-align: center; padding: 17px;  box-sizing: border-box;  padding-left: 31px; }

.store_detail .btn_box ul li:first-child { background: #f5822a url("../images/store_icon_02.png") left 15px center no-repeat; background-size: 20px 20px;   }
.store_detail .btn_box ul li:last-child { background: #ffdc00 url("../images/store_icon_03.png") left 15px center no-repeat; background-size: 20px 20px;   }
.store_detail .btn_box ul li:last-child a { color:#381e1f;   }	

	
	


}






	


}










@media screen and (max-width:540px) {




}





@media screen and (max-width:420px) {

/*공통*/
.inner { padding: 20px; }
.text_wrap li h1 { font-size: 26px; margin: 10px; }
.text_wrap li { font-size: 17px; line-height: 24px; }

	
	

/*오늘의 금시세*/
.today_quote .content .text h1, .today_quote .content .flex_wrap h3 { font-size: 18px; }
.today_quote .content { width: 67%; }
.today_quote .content .warning span { line-height: 23px; }
.today_quote .content{ padding: 30px 20px 30px 20px; }
.today_quote .content .flex_wrap .nums { font-size: 23px; }
.today_quote .content .flex_wrap .price_total { font-size: 17px; }
.today_quote .content .warning span { font-size: 15px; line-height: 18px; }
.today_quote .content .flex_wrap h3 { margin: 7px 0 7px 0; }
	


/*비주얼*/
	
.visual .text ul li:last-child  { width: 100%; }
.visual .text ul li:first-child, .visual .text ul li:nth-child(2) { font-size: 28px; line-height: 40px; }
.visual .text ul li:last-child { padding: 13px; }




/*전국 지점 안내*/
.store_wrap .tab_wrap{ padding: 0; }
.store_wrap .tab_wrap .tab_box .flex_wrap li { padding: 20px;  width: 100%; 
 }
.store_wrap .tab_wrap .tab_box .flex_wrap .img_box img { margin: 20px auto; }
.store_wrap .tab_wrap .tab_box .flex_wrap .contact .img_box { width: 25px; height: 25px; }
.store_wrap .tab_wrap .tab_box .flex_wrap .contact .img_box img { width: 18px; height: 18px; padding: 4px; }

.store_wrap .tab_wrap .tab_box .flex_wrap li h3 { font-size: 18px; }	
.store_wrap .tab_wrap .tab_box .flex_wrap li h3::after { top: 35px; }

.store_wrap .tab_wrap .tab_box .flex_wrap li { width: calc(50.0% - 20px);  margin: 10px; }	



/*매입 절차 안내*/
.process_wrap .flex_wrap li { width: calc(50.0% - 20px);  margin: 30px 10px 0 10px;  }
.process_wrap .flex_wrap li .img_box { width: 100px; height: 100px; }
.process_wrap .flex_wrap li .img_box img { width: 50px; height: 50px; }
.process_wrap .flex_wrap li .text_box h3 { font-size: 15px; margin: 15px 0 10px 0; }
.process_wrap .flex_wrap li .text_box p { font-size: 16px; line-height: 20px; }


/*매입 절차 안내*/	
.process_wrap .flex_wrap li{ padding: 20px; }
.process_wrap .flex_wrap li .img_box { width: 80px; height: 80px; }
.process_wrap .flex_wrap li .img_box img { width: 35px; height: 35px; }

	
.process_wrap .flex_wrap li:first-child::after, .process_wrap .flex_wrap li:nth-child(3)::after { top: 80px; }	
.process_wrap .flex_wrap li:last-child::after { top: -32px; }


.process_wrap .flex_wrap li:first-child::after, .process_wrap .flex_wrap li:nth-child(3)::after
{ background-size: 40px 50px; }

.process_wrap .flex_wrap li:last-child::after { background-size: 50px 45px; top: -31px; margin-right: -50px;  }


.process_wrap .text_wrap { margin: 0; }

	
.sell_product_wrap .flex_wrap  { margin: 40px -10px 0 -10px !important;  }
.sell_product_wrap .flex_wrap li { width: calc(50.0% - 20px);  margin: 10px; }	



 

	
/*매입 품목 안내*/	
	

	
	
.sell_product_wrap { padding-bottom: 20px;  }
.sell_product_wrap .flex_wrap .text_box { padding: 20px; }
.sell_product_wrap .flex_wrap .text_box h3 { font-size: 17px; }	
.sell_product_wrap .flex_wrap .text_box p { font-size: 16px; }


/*매입 상세*/
.store_detail .flex_wrap .img_and_text_box .btn a { font-size: 15px; }


.store_detail .flex_wrap .img_and_text_box .call { background: #f5822a url(../images/call_btn.png) left 13px center no-repeat;
    background-size: 13px 13px;  }




.store_detail .flex_wrap .img_and_text_box .call a { padding: 13px 5px 13px 35px;  }
.store_detail .flex_wrap .img_and_text_box .kakao a { padding: 13px 5px 13px 35px; color: #381e1f;  }


.store_detail .flex_wrap .img_and_text_box .kakao {  background: #ffdc00  url(../images/kakao_btn.png) left 13px center no-repeat;
background-size: 13px 13px;  }

.store_wrap .tab_wrap .tab_box .flex_wrap .mobile .btn_box { padding: 10px; border-radius: 10px; margin: 0 0 10px 0;   }	
.store_wrap .tab_wrap .tab_box .flex_wrap .mobile .btn_box a { font-size: 13px; }
.store_wrap .tab_wrap .tab_box .flex_wrap .mobile .btn_box img { padding-right: 5px; }
	
	
	

/*자주묻는 질문*/
.question_wrap { padding: 30px 0 0 0; }
.question_wrap .flex_wrap li { padding: 40px 20px 40px 20px; }
.question_wrap .flex_wrap li p { font-size: 16px; line-height: 20px; }


.question_wrap .flex_wrap { margin: 20px -10px 20px -10px; }
.question_wrap .flex_wrap li { width: calc(50.0% - 20px); margin: 10px;  }


	
	

/*푸터*/	
.footer .first li a { font-size: 16px; }
.footer .last .flex_wrap li span, .footer .last .flex_wrap li p { font-size: 14px; }





/* 서브페이지 */	

.sub_content .sub_text,
.sub_question_wrap { padding: 50px 20px 50px 20px; } 
.sub_content .company_info { padding: 50px 20px 0 20px; }



.sub_content .company_img .flex_wrap li {  width: calc(50.0% - 20px);  margin: 10px; }	

.sub_content .company_img { padding: 0 20px 50px 20px; }

/*가맹문의*/	
.benefit { padding: 0 20px 0 20px; }
.benefit .flex_wrap li { margin: 0 0 30px 0; }


.table_wrap { margin: 0 auto 30px; }


}




@media screen and (max-width:380px) {


.store_detail .flex_wrap .img_and_text_box .btn a { font-size: 13px; }

	
	


}