@charset "utf-8";

/*제품 소개 버튼 tab + 슬라이더*/
.tabs {
    padding-top:50px;
}

.tab {
    display:none;
}

.tab.active {
    display:block;
}
/*
button {
    width:50px;
    height:50px;
    font-size:16px;
    display:inline-block;
    color:darkgreen;
}
*/
button.active {
    color:#EFBE5D;
    border-bottom:1px solid #EFBE5D;
}


.tab_slider {
    width:100%;
    height:100%;
    position:relative;
}

.item {
    height:300px;
}

.b_list{font-family: 'Noto Sans KR', sans-serif !important;letter-spacing:-1px; font-size:18px;color:#373737;margin-right:5px;}
.buttons{padding-top:65px;padding-left:236px;}
.outer{margin-top:10px;}
.tabs{padding-top: 70px;}
.item_box{padding:20px 0;margin-right: 20px;width:220px;height:auto; background:#ffffff;text-align: center;font-size:18px;}
.item_box img{200px;height:auto;}
.item_box .price{font-size:18px;font-weight:bold;}
.w_plus2{position:absolute;right:0;top:70px;}
#sit_hhtml p{text-align:center;}





/*
.cf li{float: left}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    width: 100%;
    font-family:"dotum";
    font-size:12px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:82px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #eee;
    border-left: none;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: 1px solid #eee;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;
}
.tab_content {
    padding: 5px;
    font-size: 12px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
;
 #container {
    width: 249px;
    margin: 0 auto;
}


*/



















/*첫번째 메인*/
#container{
	overflow-x: hidden;
}
.main_slider{
    width:100%;
    position:relative;
    height:955px;
	overflow:hidden;
}

.main_Slider .slick-slide{
    height:750px;
    overflow:hidden;
}

.main_Slider img{
    position:absolute;
    left:50%;
    margin-left:-960px;
    position:relative;
}

.main_slider .slick-slide img{width:100%;}

.main_img{width:100%;}
.main_img img{
    position:absolute;
    width:100%;
    left:50%;
    margin-left:-960px;
    z-index:-1;
}

.swiper-container {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        width:200px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        _width: 100%;
        _height: 100%;
        object-fit: cover;
      }


.bx-wrapper{box-shadow:none!important;border:none!important;background:none!important;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{display:none;}
.bx-viewport{_height:972px!important;}
.bx-wrapper img{max-width:none!important;}

.text_wrap{position:absolute; top:270px; left:50%;transform: translate(-50%, -50%);color:#eeeeee;text-align:center;_padding-top:195px;}
.main_text h4{font-size:24px;font-weight:normal;}
.main_text h2{font-size:46px;font-weight:bold;padding-bottom:20px;}
.main_text p{font-size:18px;color:#dfe0e4;}
.more_Btn{background:#DFAE40;display:inline-block;border-radius:30px;}
.more_Btn a{display:block;padding:10px 50px;}
.main_slider .main_text{margin-top:65px;}

.slick-prev, .slick-next{position:absolute;top:14px;z-index:3;font-size:0;width:22px;height:21px;}
.slider2{}
.slider2 .slick-prev{background:url(../images/left_s_arrow.png) no-repeat;}
.slider2 .slick-next{background:url(../images/right_s_arrow.png) no-repeat;left:35px;}
button{border:0 none;background-color: transparent;}
.slider2 button.active{border:none;}
.tabs .slick-prev, .slick-next{background: transparent;}

.qna_icon{position: fixed;
    top: 70%;
    right: 0px;
    transform: translateY(-70%);z-index:9999; }

.qna_icon a{display:block;padding:20px 10px;text-align:center;
background:rgba(255,255,255,0.7);border-radius:30px;
}

.qna_icon .font1{font-weight:bold;font-size:18px;}
.qna_icon .tx{color:#676767;font-size:16px;}



.main_slider .slick-dots{position:absolute;top:41%;left:50%;transform:translate(-50%, -50%);}
.main_slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
	margin:0 2px;
}


.main_slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    border-radius:30px;
    outline: none;
    background: #696969;
	transition:0.3s;
}

.main_slider .slick-dots .slick-active button{background: #DFAB44;}
.main_slider .slick-dots li button.active{border:none;}

.main_slider .slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
}


.fran_list::-webkit-scrollbar {
  width:8px;  /*스크롤바의 너비*/
}

.fran_list::-webkit-scrollbar-thumb {
  background-color:#424242; /*스크롤바의 색상*/
  border-radius: 50px;
}

.fran_list::-webkit-scrollbar-track {
  background-color:rgba(0,0,0,0.85) /*스크롤바 트랙 색상*/
}

.con_wrap .bg_test{background: rgba(0,0,0,0.7);}


/*오늘의 시세, 지도로 지점찾기*/
.con_wrap{position:absolute;top:430px;}


.mainCon01 .top_Table{width: 89%;
            border-collapse: collapse;
            font-weight:bold;
    font-size:22px;
}

.mainCon01{width:492px;height:485px;display:inline-block;padding-left:20px;background:rgba(0,0,0,0.5);color:#f1f1f1;float:left;}
.mainCon01 h2{font-size:24px;margin: 15px 30px;margin-top:34px;}
.mainCon01 h2 a{color:#f1f1f1;}
.mainCon01 h2 span{font-size:16px;margin-left:198px;font-weight:normal;}
.mainCon01 tr{height:70px;}
.mainCon01 .tr1{height:32px;font-weight:normal;font-size:14px;_border-bottom:1px solid #dddddd;}
.mainCon01 .top_Table .tr1 span{font-size:12px;display: inline-block;color:#9c9c9c}
.mainCon01 .tr2,.tr3,.tr4,.tr5{_border-bottom:1px solid #dddddd;}
.mainCon01 .tablePrice .whiteTable td{width:350px;}
.mainCon01 .top_Table span{color:#666666;font-size:15px;display:block;}
.mainCon01 .top_Table .line2{width:15px;padding-right:15px;font-size:14px;font-weight:normal;text-align:center;}
.mainCon01 .top_Table img{display:inline-block;text-align:center;vertical-align:middle;margin-left:6px;}

.mainCon01 .y_color{color:#B48F28;}


/*지점안내*/
.map_wrap{color:#f1f1f1;}
.left_map{/* float:left; */ width:100%; _height: 485px; background:rgba(0,0,0,0.5); margin-left:10px; _padding-left:10px; /* padding-top:10px; */margin-top:10px;}
.left_map h3{text-align: center;font-size:22px;margin:20px 0;}
.map_wrap p{text-align: center; font-size:18px;font-weight:normal;}
.right_fran{float:left;width:350px;height:485px;background:rgba(0,0,0,0.5);padding: 10px 4px;position:relative;text-align:center;}
.right_fran h4{font-size:22px;display:inline-block !important;margin-bottom:10px;}
.right_fran>a{display:block;}
.w_plus{position:absolute;right:16px;top:14px;_padding-left:90px;_padding-bottom:9px;cursor:pointer;z-index:20;}
.a_icon{position:absolute;}
.a_icon li{float:left;margin-right:10px;cursor:pointer;}
.a_icon li:last-child{margin-right:0;}
.fran_list{font-size:18px;text-align:justify;height:400px;overflow-x: hidden;}
.fran_list img{vertical-align:top;margin-left: 5px;}
.fran_list a{color:#f1f1f1;_height:100%; _display:block;}
.fran_list li{width:156px;height:92px;background:#1B3046;margin-bottom:10px;padding:7px 0;padding-left:10px;padding-right:0;float:left;margin-right:10px;}
.fran_list li span{font-size:18px;}
.fran_list .tel_num{margin-top:8px;}
.fran_list .tel_num img{vertical-align:top;}
.map_wrap .left_map{position:relative;}
.map_wrap .map_icon .tooltip{position:absolute;}
.map_wrap .map_icon p{_position:absolute;_width:53px;}

.map_wrap .left_map .map_p br{display: none;}

/*서울지점 마커 아이콘*/
.map_wrap .map_icon .icon_songpa{top: 21%; left: 35%;}
.map_wrap .map_icon .icon_dmc{top: 19.5%; left: 31.5%;}
.map_wrap .map_icon .icon_seoul{/* z-index: 999; */ top: 19%; left: 33.5%;}

/*경기지점 마커 아이콘*/
.map_wrap .map_icon .icon_illsan{top: 17.5%; left: 30.5%;}
.map_wrap .map_icon .icon_gimpo{top: 18%; left: 28.5%;}
.map_wrap .map_icon .icon_sangnok{top: 27%; left: 36%;}
.map_wrap .map_icon .icon_siheung{top: 21.5%; left: 31.5%;}
.map_wrap .map_icon .icon_gwang-gyo{top: 25%; left: 34%;}
.map_wrap .map_icon .icon_hanam{top: 19%; left: 36%;}
.map_wrap .map_icon .icon_guri{top: 17%; left: 35%;}
.map_wrap .map_icon .icon_pangyo{top: 23%; left: 34%;}
.map_wrap .map_icon .icon_pyeongchon{top: 23.5%; left: 32%;}
.map_wrap .map_icon .icon_jeongja{top: 23%; left: 36%;}
.map_wrap .map_icon .icon_ingye{top: 25%; left: 36%;}
.map_wrap .map_icon .icon_gojan{top: 27%; left: 34%;}

/*인천지점 마커 아이콘*/
.map_wrap .map_icon .icon_bupyeong{top: 21.5%; left: 29.5%;}
.map_wrap .map_icon .icon_guwol{top: 23.5%; left: 30%;}
.map_wrap .map_icon .icon_geomdan{top: 19.5%; left: 29.5%;}

/*광주지점 마커 아이콘*/
.map_wrap .map_icon .icon_gwangju{left: 33.5%; bottom: 31%;}
.map_wrap .map_icon .icon_sangmoo{left: 31.5%; bottom: 30.5%;}
.map_wrap .map_icon .icon_cheomdan{left: 31.5%; bottom: 32.5%;}

/*전라남도지점 마커 아이콘*/
.map_wrap .map_icon .icon_suncheon{left: 45.5%; bottom: 28%;}
.map_wrap .map_icon .icon_yeosu{left: 48.5%; bottom: 24%;}
.map_wrap .map_icon .icon_mokpo{left: 26%; bottom: 25.5%;}

/*경상북도지점 마커 아이콘*/
.map_wrap .map_icon .icon_gumi{right: 37.5%; bottom: 50%;}
.map_wrap .map_icon .icon_gyeongsan{right: 32%; bottom: 40%;}

/*경상남도지점 마커 아이콘*/
.map_wrap .map_icon .icon_gimhae{right: 31%; bottom: 33%;}
.map_wrap .map_icon .icon_yangsan{right: 24%; bottom: 39%;}
.map_wrap .map_icon .icon_jinju{right: 43%; bottom: 33%;}
.map_wrap .map_icon .icon_changwon{right: 33%; bottom: 33%;}
.map_wrap .map_icon .icon_masan{right: 35%; bottom: 31.5%;}
.map_wrap .map_icon .icon_geoge{right: 33.5%; bottom: 26.5%;}
.map_wrap .map_icon .icon_okpo{right: 31.5%; bottom: 26%;}
.map_wrap .map_icon .icon_pallyong{right: 35%; bottom: 33.5%;}
.map_wrap .map_icon .icon_miryang{right: 32%; bottom: 35%;}

/*대구지점 마커 아이콘*/
.map_wrap .map_icon .icon_daegu{right: 34%; bottom: 44.5%;}
.map_wrap .map_icon .icon_dalseo{right: 35.5%; bottom: 43%;}
.map_wrap .map_icon .icon_susung{right: 32%; bottom: 44.5%;}
.map_wrap .map_icon .icon_chilgok{right: 34.5%; bottom: 46.5%;}
.map_wrap .map_icon .icon_jukjeon{right: 36%; bottom: 45%;}

/*부산지점 마커 아이콘*/
.map_wrap .map_icon .icon_busan{/* z-index: 999; */ right: 22.5%; bottom: 32.5%;}
.map_wrap .map_icon .icon_seomyeon{right: 25%; bottom: 33%;}
.map_wrap .map_icon .icon_sasang{right: 29%; bottom: 33%;}
.map_wrap .map_icon .icon_gwangbok{right: 24.5%; bottom: 31%;}
.map_wrap .map_icon .icon_dongrae{right: 23.5%; bottom: 34.5%;}
.map_wrap .map_icon .icon_hwamyeong{right: 24%; bottom: 36.5%;}
.map_wrap .map_icon .icon_danggam{right: 27%; bottom: 33%;}
.map_wrap .map_icon .icon_guseo{right: 22%; bottom: 36%;}
.map_wrap .map_icon .icon_sajik{right: 25.5%; bottom: 35%;}
.map_wrap .map_icon .icon_gijang{right: 22%; bottom: 38.5%;}

/*울산지점 마커 아이콘*/
.map_wrap .map_icon .icon_ulsan{}


/*마커 호버시 txt 색싱*/
.tooltip .tooltip-content p{font-size:13px;}
.tooltip {
	/* position: relative; */
	display: inline-block;
	margin: auto;
}
.tooltip > a {
	display: inline-block;
}
.tooltip .tooltip-content {
	visibility: hidden;
	width: 80px;
	background-color: orange;
    border-radius: 30px;
	padding: 2px;
	color: white;
	text-align: center;
	position: absolute;
	z-index: 1;
	bottom: 25px;
	left: -35px;
}
.tooltip .tooltip-content::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: orange transparent transparent transparent;
}
.tooltip:hover .tooltip-content { visibility: visible; }

.red_tooltip .tooltip-content{
    visibility: hidden;
	width: 80px;
	background-color: red;
    border-radius: 30px;
	padding: 2px;
	color: white;
	text-align: center;
	position: absolute;
	z-index: 1;
	bottom: 27px;
	left: -34px;
}

.red_tooltip .tooltip-content::after{
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: red transparent transparent transparent;
}
.red_tooltip:hover .tooltip-content { visibility: visible; }



/*메인페이지 배너*/
.banner_wrap{width:1200px;height:290px;position:absolute;top:275px;left:50%;left: 50%; transform: translate(-50%, -50%);overflow:hidden;}
.banner_wrap .slick-dots{position:absolute;bottom:-14px;left:50%;transform:translate(-50%, -50%);z-index:99999999;}
.banner_wrap .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
	margin:0 2px;
}


.banner_wrap .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    border-radius:30px;
    outline: none;
    background: #696969;
	transition:0.3s;
}

.banner_wrap .slick-dots .slick-active button{background: #DFAB44;}
.banner_wrap .slick-dots li button.active{border:none;}

.banner_wrap .slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
}



/*미니 바로가기 리스트*/

.mini_wrap{margin-top:40px;text-align:center;}
.mini_wrap .sub03_gold_wrap{width:1040px;height:auto;}
.mini_wrap .sub03_gold_wrap p{padding-left:15px;padding-top:10px;font-size:18px;color:#ffffff;text-align:left;}
.mini_wrap .sub03_gold_wrap li{width:173px;height:173px;float:left;overflow:hidden;}
/*.sub03 .sub03_gold_wrap li:hover{transform: scale(1.2);transition:0.3s;}*/

.mini_wrap .sub03_gold_wrap li{background:no-repeat center;}
.mini_wrap .sub03_gold_wrap li a{width:100%;height:100%;display:block;}
.mini_wrap .sub03_gold_wrap li:hover{background-size:120%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg1{background-image:url(../images/sub03_gold1_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg2{background-image:url(../images/sub03_silver1_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg3{background-image:url(../images/sub03_gold4_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg4{background-image:url(../images/sub03_gold5_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg5{background-image:url(../images/sub03_gold5_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg6{background-image:url(../images/sub03_gold3_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg7{background-image:url(../images/sub03_gold7_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg8{background-image:url(../images/sub03_gold8_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg9{background-image:url(../images/sub03_gold9_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg10{background-image:url(../images/sub03_gold10_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg11{background-image:url(../images/sub03_gold11_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg12{background-image:url(../images/sub03_gold12_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg13{background-image:url(../images/sub03_gold2_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg14{background-image:url(../images/sub03_gold14_2.png);background-size:100%;transition:all 0.5s;}
.mini_wrap .sub03_gold_wrap .gold_bg15{background-image:url(../images/sub03_gold13_2.png);background-size:100%;transition:all 0.5s;}



.mini_wrap .sub03_gold_wrap{position:relative;display: inline-block;}
.mini_wrap .gold_wrap_text p{font-size:48px;color:#d6d6d6;transform:rotate(90deg);font-weight:bold;position:absolute;right:180px;top: 338px;}
.mini_wrap .gold_wrap_text span{font-size:22px;position:absolute;right:0;top:534px;font-weight:bold;}
.mini_wrap .sub03_gold_wrap li{overflow:hidden;transition:0.3s;}
.mini_wrap .sub03_gold_wrap li:hover img{transform:scale(1.2);}








/*시세 안내*/
.grap{height: 410px;}
.grap h4{font-size:22px;display:inline-block;}
.grap span{font-size:15px;}
.grap p{float: right;display:inline-block;}
.grap_left_wrap{float:left;_margin-right:70px;}
.grap_Tit h3{font-size:28px;}
.grap_Tit span{font-size:18px;color:#B4B4B4;display:block;}
.grap_Tit img{padding:30px 0;}
.grap_Btn{font-size:18px;}
.grap_Btn a{display:block;padding:10px 30px;height:100%;transition:0.3s;}
.grap_Btn a:hover{background:#DFB239;color:#ffffff;transition:0.3s;}
.grap_Btn li:hover{border: 1px solid #DFB239;}
.grap_Btn li{width:134px;border:1px solid #373737;text-align:center;margin-bottom:10px;}
.korea_grap{float:left;width:463px;border:1px solid #D9D9D9;padding: 26px 18px;margin-right:20px;}
.year{float:right;margin:15px 0;}
.year li{float:left;margin-left: 32px;}

.world_grap{float:left;width:463px;border:1px solid #D9D9D9;padding: 26px 18px;}
.korea_grap a{float:right;}
.world_grap a{float:right;}

.grap_wrap{width:80%;display: inline-block;}
.col-20{width:20%;}
.grap .grap_Btn li.on{background-color:#DFB239;border: 1px solid #DFB239;}
.grap .grap_Btn li.on a{color:#ffffff;}

.tabs li.active{border-bottom: 2px solid #DFB239;}
.tabs li.active a{color:#DFB239;}

/*제품 소개*/
.item{position:relative;height:559px;}
.item_bg{position: absolute;
    left: 50%;
    margin-left: -960px;
    width: 655px;
    height: 520px;
    z-index:-1; background:url(../images/gold_main_bg.png);display:none;}
.item_Tit{float:left;}
.item_Tit h3{font-size:28px;color:#373737;padding-top:60px;}
.item_Tit span{font-size:18px;color:#f1f1f1;display:block;}
.item_list{font-size:20px;padding-top:60px;padding-left:330px;}
.item_list li{float:left;margin:0 25px;}
.item_g_bg{
	position: absolute;
    bottom:47px;
    left: 50%;
    margin-left: -960px;
    background-color: #f7f7f7;
    width: 1920px;
    height: 368px;
    z-index: -2;
}

.grap_icon{margin:17px 0;}
.grap_icon i{cursor:pointer;color:#999999;margin-right:4px;}
.buttons button{border: 1px solid #dbdbdb;padding: 5px 30px;transition: 0.3s;}
.buttons button.active{color:#ffffff;background:#DFAF3E;border:1px solid #DFAF3E;font-weight:normal;}
.buttons button:hover {background: #DFB239;color: #ffffff;border:1px solid #DFAF3E;transition: 0.3s;}

/*제품 소개 왼쪽그림*/
#sit_pvi{text-align:center;}
#sit_pvi_big{float:none;}
#sit_pvi_thumb{float:none;display:inline-block;margin-top:20px;}
#sit_pvi_thumb li{float:left;}

.sit_side_option{display:none;}
#sit_btn_opt{display:none;}

/* slick 플러그인*/
.slick-slider .slick-list {display:block; overflow-x:hidden; overflow-y:hidden; position:relative;height: 100%;
    min-height: 1px;}
.slick-slider .slick-list.dragging {cursor:pointer}
.slick-slider .slick-list .slick-track {display:block; position:relative; top:0; left:0}
.slick-slider .slick-list .slick-track:before,
.slick-slider .slick-list .slick-track:after {display:table; content:''}
.slick-slider .slick-list .slick-track:after {clear:both} .slick-slider .slick-list.slick-loading .slick-track {visibility:hidden} .slick-slider .slick-list .slick-track .slick-slide {display:none; float:left} .slick-slider[dir='rtl'] .slick-list .slick-track .slick-slide {float:right} .slick-slider .slick-list .slick-track .slick-slide img {display:inline-block} .slick-slider .slick-list .slick-track .slick-slide.slick-loading img {display:none} .slick-slider.slick-initialized .slick-list .slick-track .slick-slide {display:block} .slick-slider .slick-list .slick-track.slick-loading .slick-slide {visibility:hidden} .slick-slider .slick-arrow.slick-hidden {display:none}
.slick-slider .slick-list .slick-track .slick-slide img{display: block;
    width: 100%;
    object-fit: cover;
}



/*제품 슬라이더*/
.item_slider{position:relative;margin-top:50px;}
.item_slider li{width:210px !important; background:#ffffff;padding:20px;}
.item_slider .slick-slide img{width:100%;text-align:center;}

.slick-slide slick-active{background:#ffffff;padding:10px;}

.item_slider{text-align:center;}
.item_slider>div:last-child{margin-right:0;}
.item_slider .price{font-weight:bold;font-size:20px;}
.item_name{padding:0 15px;font-weight:normal;padding-top: 10px;}
.item_slider .item_arrow{background:transparent;}
.left_arrow{position:absolute;top:50%;left:-45px;cursor:pointer;}
.right_arrow{position:absolute;top:50%;right:-30px;cursor:pointer;}

.slick-slide slick-current slick-active{width:193px !important;}
.slick-slide{width:100%;}
#slick-slide-control22{display:none;}

.tab .slick-prev{background: url(../images/left_gray_arrow.png) no-repeat;left: -46px;top:45%;font-size: 0;
    width: 23px;
    height: 31px;}
.tab .slick-next{background: url(../images/right_gray_arrow.png) no-repeat;right: -26px;top:45%;font-size: 0;
    width: 23px;
    height: 31px;}





.progress {
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  overflow: hidden;
  
  background-color: #f5f5f5;
  background-image: linear-gradient(to right, #B4B4B4, #B4B4B4);
  background-repeat: no-repeat;
  background-size:0 100%;
  
  transition: background-size .4s ease-in-out;
}


/*매입절차안내*/
.step{margin-top:25px;margin-bottom:80px;text-align:center;position:relative;}
.step_Tit{text-align:center;}
.step_Tit h3{font-size:28px;}
.step_Tit span{font-size:18px;color:#B4B4B4;display:block;}
.step_Tit img{padding:15px 0;}
.step_circle{text-align:center;display:inline-block;margin-top:30px;font-size:18px;}
.step_circle li{width:228px;height:auto; float:left;margin-right:13px;}
.step_circle li:last-child{margin-right:0;}
.step_circle h4{margin-top:117px;font-weight:bold;}
.step_circle span{color:#BE0015;font-weight:bold;}
.step .step_circle p{margin-top:80px;color:#6F6F6F}
.step_circle .circle1{background:url(../images/circle1_main.png)no-repeat top center;position:relative;}
.step_circle .circle2{background:url(../images/circle2_main.png)no-repeat top center;position:relative;}
.step_circle .circle3{background:url(../images/circle3_main.png)no-repeat top center;position:relative;}
.step_circle .circle4{background:url(../images/circle4_main.png)no-repeat top center;position:relative;}
.step_circle .circle5{background:url(../images/circle5_main.png)no-repeat top center;}
.step_circle .y_arrow1{position:absolute;top:30%;right:-20px;}
.step_circle .y_arrow2{position:absolute;top:30%;right:-20px;}
.step_circle .y_arrow3{position:absolute;top:30%;right:-20px;}
.step_circle .y_arrow4{position:absolute;top:30%;right:-20px;}

.step_plus{position:absolute;right:59px;bottom:-47px;color:#B4B4B4;}

.top_Btn{position:absolute;bottom:50px;right:50px;transition:1s;}



/*메인 sub01 시세표*/
.main_sub01 .s_title{background:none;color:#373737;padding:0;margin-top:30px;}
.main_sub01 .price_wrap {top: 90px;}
.main_sub01 .price_wrap p{font-size:14px;display: inline-block;margin-left: 10px;color:#696969;}
.main_sub01 .price_wrap2{top:-105px;}
.main_sub01 .dia_wrap{background:none;color:#373737;height: 450px;}
.main_sub01 .s_title img {padding: 20px 0;}
.main_sub01 .gray_bg{margin:0 auto;height:372px;}
.price_wrap td:nth-child(1){width:29%;}
.gold_price{width:510px;height:492px;}
.silver_price{width:510px;height:492px;}
.price_wrap2 .gold_price td{vertical-align:top; /* line-height:1em; */ padding-bottom: 40px;}
.price_wrap .gold_price td:nth-child(1){width:24%;}
.dia_price1{width:510px;height:463px;}
.dia_price2{width:510px;height:463px;}
.commonTab li{width:78px;}
.commonTab2 li{width:99px;}
.dia_price1 .top_Table{margin-right: 47px;}
.dia_price2 .top_Table{margin-right: 47px;}
.sub01 .price_wrap .silver_price tr{height:50px;}
.sub01 .price_wrap2 tr{height:50px;}
#open-menu,.gray_icon,.s_line,.progress,.step_plus_m,.m_logo{display:none;}

.silver_price td{vertical-align:top; padding-bottom: 10px;}
.silver_price .tr2 td {padding-top: 16px;}


/*뉴스센터*/
.text_page{margin-top:90px;}
.text_page2{margin-bottom:35px;}
.box{display:none;}
.box.view{display:block;text-align:center;}
.board-tit a{display: block;font-size: 26px;line-height: 1em;font-weight: bold;margin-bottom: 30px;text-align: center;color: #222;}
.board-tit img{text-align:center;}
.card-wrap{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between; margin-top:25px;}
.card-wrap li{_box-shadow: 4px 6px 28px -6px rgb(0,0,0,0.2);}
.card-wrap .card{border:1px solid #d9d9d9;box-sizing: border-box; text-align: center;width: 31%;padding: 30px 25px 25px 25px;margin-bottom: 20px;background-color:#fff;}
.card-wrap .card .title{font-size: 20px;font-weight:bold;line-height: 1.4em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.card-wrap .news_tit{border-bottom:1px solid #d9d9d9;}
.card-wrap .news_tit .lt_date{display:inline-block;padding:10px 0;color:#666666;}
.card-wrap .card .photo{width: 100%;height: 214px;background-color: #555;margin: 15px 0px 18px 0px;}
.card-wrap .card .photo img{width:100%;height:auto;}
.card-wrap .card .text{font-size: 15px;line-height: 1.4em;color: #777;margin-bottom: 15px;}
.card-wrap .card .btn{font-weight:normal;}
.card-wrap .card .btn a{display: block;width:43%;line-height: 42px;background-color: #2A7ABB;color: #fff;font-size: 18px;margin: 0 auto;}
.board-tit a{margin-bottom:5px;}
.item_Tit >span{font-size:16px;color: #B4B4B4 !important;display: block;margin-bottom: 20px;}
.item_Tit .board-tit{padding-top:0;}


.mobile_slider{display:none;}



/*반응형*/
/* --- 1280px --- */
@media screen and (max-width: 1280px) {

}

/*반응형*/
/* --- 768px --- */
@media screen and (max-width: 768px) {
	.banner_pc{display:none;}
	.mobile_slider{display:block !important;}
	/*팝업창 반응형 크기 조절*/
	#hd_pop {width: 90% !important;z-index: 9999;}
	.hd_pops {
    position: absolute;
    border: 1px solid #e9e9e9;
    background: #fff;
    width: 100%;
    left: 0!important;
    top: 116px !important;
	}
	.hd_pops_con {width: 100% !important;height: auto !important;background: #fff;}
	.hd_pops_con img { width: 100% !important; height: auto !important; }
	.hd_pops_footer{position: absolute;
    bottom: -13px;
    left: -1px;
    width: 101%;}
	.hd_pops_footer .hd_pops_reject{font-size:12px !important;}
	.hd_pops_footer .hd_pops_close{font-size:12px !important;}


    /*임시 안보이게 하기*/
    #container .sub01,.grap{display:none;}
    .white_icon,.long_line,.step_plus,.logo{display:none;}
    #open-menu,.gray_icon,.s_line,.progress,.step_plus_m,.m_logo{display:block;}
    .apexcharts-toolbar{display:none !important;}
    .fc{color:#373737;}
    .mainCon01 tr{height:56px;}
    
    body{min-width:100%;}
    #header{z-index: 999999;position:fixed;background:#ffffff;height:70px;}
    #header h1{float:none;_text-align: center;padding-top: 14px}
    #header h1 img {width:64px;height:auto;}
    #nav_main {display: none;}
    
    .main-slide .mo-bg{display: block;}
	#side-menu{display: none;}
	.pc_br{display: none;}
	#header .pc-gnb{display: none;}
	#header.sc{height:70px;border-bottom:0;}
	#header.sc .open-menu .hambergerIcon{background-color:#333;}
	#header.sc .open-menu .hambergerIcon.open{background-color:#fff;}
	.qna_icon{top:5px;right:42%;transform: none;z-index:801;}
	.qna_icon .font1{font-size:14px;}
	.qna_icon .tx{font-size:14px;display:none;}
	.qna_icon img{width:50%}
	.qna_icon a {
    display: block;
    padding: 8px 5px;
    text-align: center;
    background:none;}
	

	.banner_wrap .slick-dots{display:none !important;}
    
	/*미니 바로가기 리스트*/
	.mini_wrap .sub03_gold_wrap{width:100%;}
	.mini_wrap .sub03_gold_wrap li{width:50%;height: 50%;padding: 30px;}
	.mini_wrap .sub03_gold_wrap p{padding:0;text-align:center;}
    
    #container{_padding:0 20px;}
    
    
    
    
    .main_slider{display:none;}
    .text_wrap{_display:none;position:static;padding-top:90px;transform: none;}  
	.main_text h4{font-size:18px;color:#676767;}
	.main_text h2{font-size:22px;color:#373737;}
	.main_text p{font-size:14px;color:#ffffff;}
	.more_Btn a{padding:10px 28px;}
    .inner{width:100%;margin:0 auto;}
    .mainCon01{width:100%;height:auto; float:none;padding-left:0;margin-top:20px;background:none;color:#373737;margin-bottom: 20px;border:1px solid #D9D9D9;padding:17px;}
    .mainCon01 h2{font-size:20px;margin:0;margin-bottom:20px;}
    .mainCon01 h2 span{float:right;margin-left:0;}
    .mainCon01 .top_Table{font-size:14px;width:100%;font-weight:normal;text-align:center;}
    
    .sub01 .s_title{padding:10px 0;}
    .gold_price{padding-left:0;}
    .gold_price h2{font-size:20px;margin: 15px 25px;
    margin-top: 20px;}
    .gold_price .tr1{font-size:18px;}
    .gold_price .top_Table{font-size:16px;width: 93%;}
    .silver_price h2{font-size:20px;padding-top: 30px; margin: 15px 25px;}
    .silver_price .top_Table{font-size:16px;width:85%;}
    .sub01 .gray_bg .s_title2{color:#373737;}
    
    /*지점안내*/
    .left_map{float:none; margin-left:0; background:none; padding:0; width:100%; height:auto;}
    .left_map_img img {width:100%;}
    .left_map h3{font-size:18px;margin: 10px 0}
    .left_map p{font-size:16px;}
    .map_wrap .left_map .map_p br{display:block;}
    
    /*서울지점 마커 아이콘*/
    .map_wrap .map_icon .icon_songpa{}
    .map_wrap .map_icon .icon_dmc{}
    .map_wrap .map_icon .icon_seoul{z-index: 999;}
    
    /*경기지점 마커 아이콘*/
    .map_wrap .map_icon .icon_illsan{}
    .map_wrap .map_icon .icon_gimpo{}
    .map_wrap .map_icon .icon_ansan{}
    .map_wrap .map_icon .icon_siheung{}
    .map_wrap .map_icon .icon_gwang-gyo{}
    .map_wrap .map_icon .icon_hanam{}
    .map_wrap .map_icon .icon_guri{}
    .map_wrap .map_icon .icon_pangyo{}
	.map_wrap .map_icon .icon_pyeongchon{}
	.map_wrap .map_icon .icon_jeongja{}
    
    /*인천지점 마커 아이콘*/
    .map_wrap .map_icon .icon_bupyeong{}
	.map_wrap .map_icon .icon_guwol{}
    
    /*광주지점 마커 아이콘*/
    .map_wrap .map_icon .icon_gwangju{}
    .map_wrap .map_icon .icon_sangmoo{}
    
    /*전라남도지점 마커 아이콘*/
    .map_wrap .map_icon .icon_suncheon{}
    .map_wrap .map_icon .icon_yeosu{}
    .map_wrap .map_icon .icon_mokpo{}

    /*경상북도지점 마커 아이콘*/
    .map_wrap .map_icon .icon_gumi{}

    /*경상남도지점 마커 아이콘*/
    .map_wrap .map_icon .icon_kimhae{}
    .map_wrap .map_icon .icon_yangsan{}
    .map_wrap .map_icon .icon_jinju{}
    .map_wrap .map_icon .icon_changwon{}
    .map_wrap .map_icon .icon_masan{}
    .map_wrap .map_icon .icon_geoge{}
    .map_wrap .map_icon .icon_okpo{}
    
    /*대구지점 마커 아이콘*/
    .map_wrap .map_icon .icon_daegu{}
    .map_wrap .map_icon .icon_dalseo{}
    .map_wrap .map_icon .icon_susung{}
    .map_wrap .map_icon .icon_chilgok{}
    
    /*부산지점 마커 아이콘*/
    .map_wrap .map_icon .icon_busan{z-index: 999;}
	.map_wrap .map_icon .icon_seomyeon{}
    .map_wrap .map_icon .icon_sasang{}
    .map_wrap .map_icon .icon_gwangbok{}
	.map_wrap .map_icon .icon_dongrae{}
	.map_wrap .map_icon .icon_hwamyeong{}
	.map_wrap .map_icon .icon_danggam{}
	.map_wrap .map_icon .icon_guseo{}
	.map_wrap .map_icon .icon_sajik{}

    /*울산지점 마커 아이콘*/
    .map_wrap .map_icon .icon_ulsan{}
    
    /*
    
    .map_wrap .map_icon .icon_busan{top:161px;left:251px;right:0;}
    .map_wrap .map_icon .icon_ulsan {top: 140px;right: auto;left: 262px;}
    .map_wrap .map_icon .icon_daegu{top:118px;right:auto;left:211px;}
    .map_wrap .map_icon .icon_gumi{top: 104px;right: auto;left: 190px;}
    .map_wrap .map_icon .icon_jinju{top: 163px;right: auto;left: 180px;}
    .map_wrap .map_icon .icon_masan{top: 151px;right: auto;left: 220px;}
    .map_wrap .map_icon .icon_changwon{top: 162px;right: auto;left: 208px;}
    .map_wrap .map_icon .icon_geoge{top: 182px;right: auto;left: 223px;}
    .map_wrap .map_icon .icon_yangsan{top: 140px;right: auto;left: 238px;}
    .map_wrap .map_icon .icon_kimhae {top: 157px;right: auto;left: 232px;}
	.map_wrap .map_icon .icon_suncheon{top: 170px;left: 136px;}
    .map_wrap .map_icon .icon_yeosu {
    top: 181px;
    left: 149px;}
    .map_wrap .map_icon .icon_seoul {
    top: 29px;
    left: 109px;}
    .map_wrap .map_icon .icon_gwangju {
    top: 152px;
    left: 90px;}
    .map_wrap .map_icon .icon_haenam {
    top: 196px;
    left: 65px;}
    .map_wrap .map_icon .icon_namwon {
    top: 136px;
    left: 125px;}
    */
    
	/*메인페이지 배너 슬라이더*/
	.banner_wrap{position:static;width:100%;height:auto;transform: none;padding-top: 100px;}
	.banner_wrap .slick-slide img{width:100%;}

    
    .con_wrap{position:static;display:flex;flex-direction: column; /* 세로로 정렬하겠다는 의미 */}
    .con_wrap .mainCon01{order:2;}
    .con_wrap .map_wrap{order:1;margin-top: 22px;}
    
    .slider2 .slick-next{left:44px;}
    .right_fran{background:none;height:463px;text-align:center;background:#f3f3f3;}
    .right_fran h4{font-size:20px;padding-left:0;}
    .fran_list li{background:none; border:1px solid #D9D9D9;}
    .fran_list a{color:#373737;}
    .slider2 .slick-prev{background:url(../images/left_s_arrow_gray.png) no-repeat;}
    .slider2 .slick-next {
        background: url(../images/right_s_arrow_gray.png) no-repeat;}
    
    /*
    .slick-slide{width:100% !important;}
    */
    .map_wrap{color:#373737;}
    .item_box img{width:auto;}
    .right_fran{float:none;width:100%;padding: 10px 15px;margin-top:20px;_background:none;}
    .fran_list{font-size:16px;}
    
    .fran_list li{width:48%;margin-right:3%;margin-bottom:3%;}
    .fran_list li:nth-child(2n){margin-right:0;}
    .sub01 .s_title{text-align:center;height:82px;}
    .sub01 .price_wrap{position:static;}
    .gold_price{float:none;width:100%;margin-right:0;}
	.gold_price .s_text{font-size:14px;}
	.price_wrap .gold_price td:nth-child(1){width: 18%;}
    .silver_price{display:block;width:100%;height:442px;padding-left:0;}
    .silver_price .tr1{font-size:18px;}
    
    .dia_price1{width:100%;display:block;}
    .dia_price1 .tr1{font-size:18px;}
    .dia_price1 .top_Table{margin:0;font-size:16px;width:92%;}
    .dia_price1 h2{font-size:20px;margin:0 9px;padding:20px 0;}
    .commonTab{padding-left:10px;padding-top: 16px;}
    .commonTab li{margin-bottom:5px;}
    .dia_price2{width:100%;height: 412px;margin-top: 20px;}
    .dia_price2 .tr1{font-size:18px;}
    .dia_price2 .top_Table{margin:0;font-size:16px;width:92%;}
    .dia_price2 h2{width:87%;font-size:20px;margin:0 9px;padding:20px 0;}
    .commonTab2{padding-left:10px;padding-top: 16px;}
    .commonTab2 li{margin-bottom:5px;width: 21%;}
    .commonTab2 li a{padding:6px 10px;}
    
    .sub01 .gray_bg .s_title{text-align:center;padding-top:13px; margin-top: 40px;}
    .main_sub01 .gray_bg{height:auto;background:none;margin-top: 30px;}
    .grap_Tit{text-align:center;}
    .sub01 .price_wrap2{position: static;}
    .main_sub01 .dia_wrap {height: auto;}
    .grap_Btn li{float:left;width:32%;margin-right:2%;}
    .grap_Btn li:last-child{margin-right:0}
    .grap_Btn a{padding: 8px 15px;}
    .grap_Tit{margin-top:20px;}
    .grap h4{font-size:20px;}
    .grap_Tit h3{font-size:20px;}
    .grap_Tit span{font-size:16px;}
    .grap_Tit .s_line{display:inline-block;}
    .grap_Tit img{padding:18px 0;}
    .grap_left_wrap{float:left;}
    .korea_grap{float:none;width:100%;margin-bottom:10px;}
    .world_grap{width:100%;}
    .col-20{width:100%;}
    .col-80{width:100%;}
    .grap{height:auto;}
    .item_Tit{float:none;text-align:center;}
    .item_Tit >span{margin-bottom:10px;}
    .item{height:auto !important;margin-top: 30px;}
    .item_Tit h3{color:#373737;font-size:20px;padding-top:0;}
    .item_Tit span{font-size:16px;color:#b4b4b4;}
    .item_g_bg{position:static;width:100%;display:none;}
    .item_bg{display:none;}
	.tab{padding:0 20px;}
    .tabs{padding-top:0;}
    .buttons{padding-left:0;padding-top:0;margin-bottom:15px;}
    button{background:_transparent !important;}
    .tab_slider>div{width:100%;}

    .item_box{_width:112px !important;padding:0;}
    .item_box img{width:80%;}
    .item_box .price{font-size:16px !important; }
    .item .slick-slider .slick-list{_width:auto !important;}
    .item .slick-track{_width:auto!important;}
    .progress{margin-top:20px;}
    .w_plus2{top:125px;}
    .tab .slick-next, .tab .slick-next{right:-9999px;}
	.tab .slick-prev{left:-25px;}
	.tab .slick-next{right:-20px;}
	.tab .slick-slide{margin-right:10px;}
	.item_name{padding:5px 0;font-size:16px !important;}
			
    .step_Tit h3{font-size:20px;}
    .step_Tit span{font-size:16px;}
    .step_Tit p{font-size:16px;}
    .step_plus_m{color:#B4B4B4;}
    .top_Btn{bottom:-22px;}
    .top_Btn img{width:80%;}
    
    .top_Btn{right:20px;}
    .step_circle img{display:none;}
    .step .step_circle p{margin-top:64px;padding-bottom:53px;background:url(../images/bottom_y_arrow.png) no-repeat bottom;}
    .step .step_circle .circle5 p{background:none;padding-bottom:0;}
    .step_circle{font-size:16px;}
    .step_circle li{width:100%;margin-bottom:32px;}
    .step_plus{right: 106px;bottom: 10px;}
    .b_list{font-size:16px;margin-bottom: 5px;margin-right:0;}
    .item .s_line{display:inline-block;padding:10px 0;}
    .outer{margin-top:10px;}
    
    
	/*제품소개*/
    .buttons button{padding:5px 15px;}


	/*메인화면 뉴스센터*/
	.card-wrap{display:block;width:100%;margin-top:24px;}
	.card-wrap .card{width:100%;}
	.card-wrap li:nth-child(2){display:none;}
	.card-wrap li:nth-child(3){display:none;}
	.board-tit a{font-size:20px;margin-top: 20px;margin-bottom: 5px;}
	.text_page2{margin-bottom:30px;}
	.item_Tit .board-tit>span{font-size:16px;color: #B4B4B4;display: block;}
    .card-wrap .card .title{font-size:18px;}
	.card-wrap .card .text{display:none;}
	.card-wrap .card{margin-bottom:50px;}
	.card-wrap .card .photo{height:auto;}
    
    /*footer*/
    #footer{padding:0 20px;font-size:14px;}
    #footer .fLogo{text-align:center;float:none;margin-right:0;}
    #footer .fLogo img{width:30%;margin-top:40px;}
    #footer .fAd li:last-child{_padding-top: 30px;}
    #footer .fAd li{line-height:inherit;}
    .f_text_wrap{padding-bottom:0;}
}