@charset "UTF-8"; 
@import url('reset.css');
@import url('main_2.css');

.pc_br {display:block}
.t900_br{display:none}
.mobile_br{display:none}

@media all and (max-width:899px){
  .pc_br{display:none !important}
  .t900_br {display:block !important}
}
@media screen and (max-width: 480px) {
  .pc_br{display:block !important}
  .t900_br {display:none !important}
  .mobile_br{display:block !important;}
}
 
.pt30 {padding-top: 30px;}
.pb30 {padding-bottom: 30px;}

.main_popup_layer{position:absolute; left:358px; top:208px; width:430px; display:block; border:1px solid #666; background:#fff; z-index:100;}
.main_popup_layer img{width:100%;}
.main_popup_pagination .swiper-pagination-bullet {background-color:#ccffcc; opacity: 1;}
.main_popup_pagination .swiper-pagination-bullet-active{background-color:#ff0000;}

.popup_close_form{padding:5px 0}
.popup_close_form span{margin-left:10px; cursor:pointer}
#popup_close_chkbox{width:10px; height:10px; padding:10px;}

.wrap {margin: 0 auto; max-width: 1400px;}

.soc_container{
  max-width: 1400px; margin: 0 auto; position: relative;
  z-index: 0;
}

.soc_search {width: 677px; margin: 0 auto; display: flex;}
.soc_search_box {
  width: 588px; height: 60px; line-height: 60px; border-radius: 15px 15px 0 15px;
  box-sizing: border-box; border: 1px solid #ccc; box-shadow: 1px 2px 5px #c2c2c2;
  padding-left: 30px; font-size: 16px;outline-color: #01449b;
}
.soc_search_btn {
  width: 89px; height: 60px; background: #01449b; padding-left: 15px;
  border-radius: 15px 15px 15px 0; line-height: 60px; position: relative;
  box-shadow: 1px 2px 5px #c2c2c2;
}
.soc_chatbot_btn {
  width: 130px; height: 60px; background: #01a7e1; padding-left: 10px;
  border-radius: 15px; line-height: 65px; position: relative;margin-left:5px;
}
.soc_chatbot_btn a {
  color:#fff;
}

.soc_chatbot_btn:hover {
  background: #ffc400;transition:ease-in 0.3s;
}
.soc_chatbot_btn .btn_beta{position: absolute;top:-7px;right:-10px;width:45px;}
.soc_chatbot_btn .btn_cursor{position: absolute;bottom:-8px;width:20px;}

.soc_search_btn span {color: #fff;}
.soc_search_btn span:nth-child(2) {
  font-size: 20px; line-height: 20px; position: absolute; top: 22px;
  margin-left: 5px; opacity: 0.95;
}

.soc_member {
  position: absolute; right: 0; top: 30px;
}
.soc_member ul {display: flex;}
.soc_member li {margin-left: 15px; font-size: 13px; text-align: center;}
.soc_zoom span {font-size: 17px; line-height: 45px; cursor: pointer;}

/*--------header---------*/

.soc_header {
  box-shadow: 0px 5px 5px 0px #ddd; height: 65px; margin-top: 20px; 
  position: relative; z-index: 1;
}
.soc_logo {float: left;}

.soc_gnb {float: left; margin-top: 17px;}
.soc_gnb > ul {
  margin: 0 auto; display: flex; font-size: 17px; font-weight: 600;
  position: relative;
}
.soc_gnb > ul >li {
  margin-left: 34px; position: relative;
  text-align: center; padding-bottom:30px;
}
/* 以묒냼湲곗뾽 吏��썝湲곌� �엫�떆 二쇱꽍 */
/* .soc_gnb > ul >li:last-child {
  background: #01449b; padding: 10px 0px; box-sizing: border-box;
  border-radius: 15px;; font-weight: 500; font-size: 17px; position: absolute;
  right: -230px; top: -10px; width:180px; box-shadow:0px 5px 5px #ddd
} */
/*.soc_gnb > ul > li:last-child a {color: #fff82f;}*/
/* .soc_gnb > ul > li:last-child a {color: #fff;} */

.soc_gnb_sub{
  width: 170px; z-index: 9999; background: #fff; padding: 10px;
  position: absolute; left: 0; top: 35px; font-size: 17px; font-weight: 400;
  border: 1px solid #ccc; border-top: 4px solid #01449b; text-align: center;
  display: none;
}
.soc_gnb_sub li {padding: 15px 0;}
.soc_gnb > ul > li:hover .soc_gnb_sub {display: block;}
.soc_gnb_act a {color:#01449b; font-weight:600;}

.soc_gnb_sub1 {transform: translate(-18%);}
.soc_gnb_sub2 {transform: translate(-30%);}
.soc_gnb_sub3 {transform: translate(-5%);}
.soc_gnb_sub4 {transform: translate(-15%);}
.soc_gnb_sub5 {transform: translate(-32%);}
.soc_gnb_sub6 {transform: translate(-8%);}
.soc_gnb_sub7 {transform: translate(-8%);}
.soc_gnb_sub8 {transform: translate(-8%);}
.soc_gnb_sub9 {transform: translate(-8%);}
.soc_gnb_sub10 {transform: translate(-8%);}

.soc_modal {float: right; width: 25px; cursor: pointer; margin-top: 10px;}
.soc_modal div {background: #000; height: 3px; margin-top: 5px;}

.soc_member_t {display: none;}
.soc_member_m {display: none;}

/*-------硫붿씤 諛곕꼫 �닔�젙---------*/

.socm_sub_banner {display:none;}

/*---------site_map------------*/

.soc_sitemap {
  width: 100%; height: 100vh; position: fixed; left: 0; top: 0;
  background: #fff; z-index: 99999; display: flex;
}
.soc_sitemap_close {float: right;}
.soc_sitemap_left {
  width: 20%; height: 100vh; font-size: 3.2rem; font-weight: 600;
  background: url('/img/new/soc_site.jpg'); padding: 200px 0; color: #fff;
  display: flex; flex-wrap: nowrap; justify-content: center; position: relative;
}

.soc_sitemap_left p {margin-bottom: 10px;}
.soc_sitemap_logo {
  position: absolute; bottom: 0; 
}
.soc_sitemap_logo img {display: block; width: 100%;}

.soc_sitemap_right {
  padding: 100px 0 0 100px; display: flex;
  box-sizing: border-box; width: 80%; position: relative;
}

.soc_sitemap_gnb > li {
  padding: 30px 0; overflow: hidden; cursor: pointer;
}
.soc_sitemap_gnb > li span {
  font-size: 24px; font-weight: 600; float: left;
  display: block; width: 200px;
}

.soc_sitemap_sub {
  float: left; display: flex; font-size: 18px; font-weight: 400;
  margin-left: 150px; width: 900px;
}
.soc_sitemap_sub li {margin-right: 30px;}
.soc_sitemap_sub ul {
  float: right; border-left: 1px solid
  #ddd; margin-left: 15px; padding-left: 15px;
  box-sizing: border-box; font-weight: 300; 
}
.soc_sitemap_sub ul li {padding: 5px 0; font-size: 15px;}

.soc_sitemap_sub > li:hover a{
  color: #01449b; font-weight: 500; border-bottom: 1px solid #01449b;
  padding-bottom: 5px;
}
.soc_sitemap_sub ul li:hover{color: #0053be; font-weight: 400;}

.soc_sitemap_close {
  padding: 30px; box-sizing: border-box; position: absolute;
  top: 0; right: 0px; z-index: 99;
}
.soc_sitemap_close span {font-size: 45px; cursor: pointer; display: block;}

.soc_gnb_m {display: none;}

/*--------main_banner---------*/

.flex_cr {
  display: flex; justify-content: space-between; margin-bottom:80px;
}

#soc_main_swiper {
  width: 692px; height: 302px; overflow: hidden; position: relative; border-radius: 25px;
  margin:0 !important;
}

#soc_main_swiper .swiper-slide {
  width: 692px; height: 302px;
}


.soc_cate_swiper .swiper-slide img {
  display: block; height: 70%; width: 90%;
}


.swiper-button-prev::after {display: none;}
.swiper-button-next::after {display: none;}

.soc_banner_con {
  width: 227px; height: 47px; background: rgba(0, 0, 0, 0.9); color: #fff;
  position: absolute; bottom:0px; right: 0; z-index: 2; border-radius: 25px 0 25px 0;
}

.soc_banner_con .swiper-pagination {position: absolute; left: 15px; top: 13px; width: 50px;}
.soc_banner_con .swiper-button-pause {position: absolute; left: 145px; top: 14px;}
.soc_banner_con .swiper-pagination-current {font-size: 19px;}
.soc_banner_con .swiper-pagination-total {font-size: 15px;}
.soc_banner_con .swiper-button-prev, .soc_banner_con .swiper-button-next{
  position: absolute; top: 22.5px; font-size: 17px;
}
.soc_banner_con .swiper-button-prev {left: 92px;}
.soc_banner_con .swiper-button-next {left: 182px;}

/*--------sub_banner---------*/

.soc_bg_d {background: #f4f5f9; padding: 80px 0;}

.soc_sub_banner {width: 295px; height: 302px;}

.soc_sub_banner > ul > li {
  height: 85px; background: #fff; margin-bottom: 20px;
  border-radius: 15px; border: 1px solid #ababab; padding:21px 18px 18px 18px;
}
.soc_sub_banner > ul > li:nth-child(2), .soc_sub_banner > ul > li:nth-child(3){
  display: flex; position: relative; cursor: pointer;
}
.soc_sub_banner > ul > li:nth-child(2){background: #fcffe4;}
.soc_sub_banner > ul > li:nth-child(2) img, .soc_sub_banner > ul > li:nth-child(3) img {
  position: absolute; right: 22px; top: 22px;
}
.soc_sub_banner > ul > li:nth-child(2) p , .soc_sub_banner > ul > li:nth-child(3) p{
  font-size: 18px; font-weight: 600;
}

.soc_sub_banner > ul > li:nth-child(2) p:nth-child(2) , .soc_sub_banner > ul > li:nth-child(3) p:nth-child(2) {
  font-size: 12px; font-weight: 400; margin-top: 5px;
}

.soc_sub_banner > ul > li:nth-child(3){background: #edf9fd;}


.soc_buy ul {display: flex; justify-content: space-between; position: relative; }
.soc_buy li {width: 89px; height: 42px; text-align: center; padding:3px 10px 0 10px;}
.soc_buy li:nth-child(2) {
  border: 1px solid #ccc; border-top: none; border-bottom: none; box-sizing: border-box;
}
.soc_buy li:nth-child(3) {
	width:95px;
}
.soc_buy li:last-child{
  position: absolute; left: -5px; top: -32px; background: rgba(255, 255, 255, 0.6);
  width: 115px; height: 30px; font-size: 15px;
}
.soc_buy li:last-child span {font-weight: 500;}
/* .soc_buy p:nth-child(1) {font-size: 19px; color: #01449b; font-weight: 700;} 23.11.02 �쑀�꽦�깭 - �븯�뱶肄붾뱶 蹂�寃쎌쑝濡� �씤�븳 �룿�듃 �닔�젙*/
.soc_buy p:nth-child(1) {font-size: 16px; color: #01449b; font-weight: 700;}
.soc_buy p:nth-child(2) {font-size: 12px; margin-top: 10px; font-weight: 400;}


/*---------soc_super------------*/


.soc_super {
  width: 327px; height: 302px; position:relative;
}
.soc_super h3 {font-size: 20px; font-weight: 700; position:absolute; top:-40px; z-index:5;}

.soc_super_box {
  border-radius: 20px; width: 327px; height: 302px; border: 1px solid #ababab;
  position: relative; overflow: hidden;
line-height:1.5;/*Add : 240607*/
}
.soc_medal {position: absolute; top: 0; left: 20px; width: 50px; height: 66px;}
.soc_super_img {height: 183px;
	/*background: url("/img/new/super1.jpg");*/
  	/*background-size: cover;*/
}
.soc_super_txt {
  background: #fff; height: 131px; padding: 25px; box-sizing: border-box;
}
.soc_super_txt p {
  font-size: 21px; font-weight: 800; display: block;
  overflow: hidden; 
  /* white-space: nowrap; text-overflow: ellipsis; */
}
.soc_super_txt ul {margin-top: 13px; display: flex;}
.soc_super_txt li:nth-child(1) {
  width: 45px; height: 27px; border: 1px solid #01449b; border-radius: 3px;
  color: #01449b; text-align: center; line-height: 23px; font-weight: 500;
  margin-right: 8px;
}
.soc_super_txt li:nth-child(2) {
  width: 127px; border: 1px solid #a5a5a5; height: 27px; line-height: 27px;
  text-align: center; color: #a5a5a5; border-radius: 3px;
}

/*-----------soc_tec-------------*/

.soc_tec {max-width: 1400px; margin: 0 auto 0 auto;}
.soc_tec_heading {
  overflow: hidden;
}
.soc_tec_heading h3 {
  display: block; font-size: 17.5px; font-weight: 600; color: #4d4d4d;
}
.soc_tec_heading h3 span {font-size: 20px; font-weight: 700; color: #000;}
.soc_tec_heading button {
  float: right; background: none; border: none; cursor: pointer;
}
.soc_tec_bar{
  float: right; margin-top: 3px; font-size: 15px; font-weight: 100;
}
.soc_tec_heading button {font-weight: 800; font-size: 16px; color: #898989;}
.soc_tec_heading .soc_pro_active {font-weight: 700; color: #000;}

.soc_cate {
  height: 370px; background: #fff; border-radius: 25px;  margin-top: 25px;
  box-shadow: 2px 1px 5px 1px #ddd; position: relative; padding: 30px;
  box-sizing:border-box;
}
.soc_cate_btn{display:flex;}
.soc_cate_btn button{
  border: none; background: none; width: 100px; height: 40px; margin-left:10px;
  display: block; font-size: 18px; cursor: pointer; position: relative; text-align:center;
}
.soc_cate_btn div {
  line-height: 40px; text-align: center; border-radius: 30px;
 	box-sizing: border-box; border:1px solid #ccc;
}
.cate_line_act {display: none;}

.soc_cate_btn .soc_cate_actice {
  background: #01449b; color: #fff; border-radius: 30px;
  border: none; text-align: center; padding: 0;
}

/*---------soc_cate_swiper----------*/

.soc_cate_swiper {
  height: 245px; overflow: hidden; disply:flex; justify-content:space-between;
  margin-top:20px; width:100%; margin-left:10px;
}

.soc_cate_swiper p {
  margin-top: 25px; font-weight: 700; display: block; width: 190px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.soc_cate_swiper .swiper-slide {width:18%; height: 245px; font-size: 17px;}

.soc_cate_roll {width: 100%; position: absolute; top: 0;}

.soc_cate_roll .swiper-button-prev1, .soc_cate_roll .swiper-button-next1 {
  position: absolute; background: #5c5c5c; border-radius: 45px;
  width: 45px; height: 45px; top: 190px;
}
.soc_cate_roll .swiper-button-prev1 {left: -12px;}
.soc_cate_roll .swiper-button-next1 {right: 52px;}

.soc_cate_swiper2, .soc_cate_swiper3 {display: none;}

/*----------soc_direct--------------*/

.soc_direct {display:flex; max-width:1400px; margin:80px auto 0 auto;}
.soc_direct_btn {width: 990px;}
.soc_direct_btn ul {display:flex;}
.soc_direct_btn li {
		width:180px; height:180px; background:#deeaf7; border-radius:100%;
		margin-right:30px; display:flex; justify-content:center;
		align-items: center; text-align:center;
	
	}
.soc_direct_btn li:nth-child(2){background:#fbe5d6;}
.soc_direct_btn li:nth-child(3){background:#faf2d3;}
.soc_direct_btn li:nth-child(4){background:#e2efd9;}
.soc_direct_btn li:nth-child(5){background:#e8daf2;}
.soc_direct_btn li:nth-child(5){-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity:0.3}

.soc_direct_btn li p {margin-top:10px; display:block; font-weight:600; color:#222;}

.soc_direct_call {
	background:#bdcde9; width:410px; padding: 30px; height:175px;
	border-radius:30px; position:relative; box-sizing:border-box;
}

.soc_direct_txt{
	font-size:19px; font-weight:600; color:#fff; width:70%;
}
.soc_direct_txt p {margin-bottom:15px; display:block;}
.soc_direct_txt p:last-child{
	border-top: 2px solid #fff;
	padding: 15px 0;
	}

.soc_direct_menu{
	position:absolute; top:30px; right:30px; text-align:center;
}
.soc_direct_menu p {margin-top:5px; font-weight:600; color:#999}

.soc_direct_menu_img{-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity:0.3}	

/*----------soc_customer-----------*/

.soc_customer{
  padding: 50px 0; display: flex; justify-content: space-between;
}

.soc_notice{
 width: 47.5%;
}

.soc_notice .soc_heading {overflow: hidden; position: relative; height: 50px;}

.soc_notice .soc_heading h3{
  font-size: 22px; font-weight: 600; color: #cfd0d1; width: 100px;
}
.soc_notice_btn{
  position: absolute; right: 0; top: 0;
}
.soc_notice_btn button {
  font-size: 18px; border: none; background: none; font-weight: 500;
  cursor: pointer;
}
.soc_notice_btn button span{margin-right:50px;}
.margin-r0 {margin-right:15px !important;}

.soc_notice_btn a span {
  width:30px; height: 30px; border: 1px solid #cfd0d1; border-radius: 35px;
  text-align: center; line-height: 30px; color: #cfd0d1;
  position: absolute; right: 0; cursor: pointer;
}
.soc_notice_act span {
  color: #9c9c9c; font-weight: 600;
 border-bottom: 5px solid rgba(178, 250, 250, 0.5);

}

.soc_notice ul {
  height: 295px;
}
.soc_notice ul li {
  padding: 20px 0; border-bottom: 1px solid #ececec;
  font-size: 17px;
}
.soc_notice ul li span{display:inline-block;}/*Add : 240701*/
.soc_notice ul li span:first-child {
  color: #d3e3f5; font-size: 24px; font-weight: 600;
  margin-right: 10px; float:left;
    width:8px;/*Add : 240701*/
}

.soc_notice ul li span:nth-child(2){width:calc(100% - 18px - 90px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}/*Add : 240701*/

.soc_notice ul li span:last-child {
  /*float: right;*//*Del : 240701*/ font-size: 14px; color: #ccc; font-weight: 400;
  margin-top: 8px;text-align:right;
    width:80px;/*Add : 240701*/
}

.soc_num {
  width: 47.5%;
}
.soc_num h3 {
  font-size: 22px; font-weight: 700; margin-bottom: 20px;
}
.soc_num ul{
  display: flex; background:#f7f7f7;
  height: 333px; width: 100%; padding: 20px 28px; border-radius: 10px;
  justify-content: space-between; flex-wrap: wrap;
}
.soc_num  li {width: 33%; overflow: hidden;}
.soc_num  li:nth-child(1),.soc_num  li:nth-child(2), .soc_num  li:nth-child(3){margin-bottom: 10px;}
.soc_num  li a img {margin:0 auto; display:block; width:40%;}
.soc_num  li p {
  text-align: center; font-size: 19px; font-weight: 500; margin-top: 12px;
}
.soc_num  li mr5 {margin-top:;}
/*.soc_num  li:last-child p {margin-top: 30px;}*/

.soc_num_act {
  background: #01449b; border-radius: 30px;
  box-sizing: border-box;
}
.soc_num_act a {color: #fff;}

/*----------soc_under_rol-----------*/

.soc_under_rolex {
  height: 100px; margin: 0 auto; overflow: hidden;
  border: 1px solid #bbb; border-right: none; border-left: none;
}

.soc_under_rol {
  max-width: 1400px; margin: 0 auto; position: relative;
}

.soc_under_swiper{
  width: 1200px; overflow: hidden; padding-top: 15px; margin:0;
}

.soc_under_btn {
  width: 200px; height: 100px;
  position: absolute; right: 0; top: 0;
}
.soc_under_btn span {font-size: 29px;}

.soc_under_btn .swiper-button-prev, .soc_under_btn .swiper-button-next {
  position: absolute; top: 50%; color: #000;
}
.soc_under_btn .swiper-button-prev{
  left: 0
}
.soc_under_btn .swiper-button-next{
  right: 100px;

}
.soc_under_btn .swiper-button-pause{
  position: absolute; top: 40%; left: 45px;
}

/*-----------footer--------------*/

.soc_footer {
  max-width: 1400px; margin: 0 auto; padding-top: 32px;
  height: 100px; display: flex; justify-content: space-between;
}

.sco_copy{
 width: 450px; height: 50px;
}

.soc_copy ul {
  display: flex; justify-content: space-between;
}
.soc_copy ul li {
  height: 30px; font-size: 14px;
  text-align: center; padding: 0 15px;
}
.soc_copy ul li a {color: #5855a8; font-weight: 500;}
.soc_copy ul li:first-child a {
  color: #3688da;
}
.soc_copy li:last-child {text-align: center; font-size: 15px;}

.soc_join{
  width: 200px; height: 35px; border: 1px solid #ccc;
  border-radius: 10px; padding: 9px 15px; font-size: 14px;
  position: relative; cursor: pointer; box-sizing:border-box;
}
.soc_join .soc_join_btn{
  position: absolute; right: 15px; top: 4px; color: #333333;
}
.soc_join ul {
  border: 1px solid #ccc; position: absolute; width: 100%;
  background: #fff; height: 600px; padding: 10px 0;
  top: -600px; left: 0; border-radius: 10px; z-index: 999;
  display: none; overflow-y:auto;
}
.soc_join ul li {
  text-align: center; padding: 10px 0;
}
.soc_join ul li a {display: block;}
.soc_join ul li:hover {background: #01449b;}
.soc_join ul li:hover a { color: #fff;}


/*---------諛섏쓳�삎 �젅�씠�븘�썐-----------*/

#


/*---------諛섏쓳�삎 �젅�씠�븘�썐-----------*/

@media (max-width:1800px){
	
  .soc_sitemap_left {font-size: 2rem;}
  .soc_sitemap_gnb > li span{font-size: 18px; width: 100%; margin-bottom: 30px;}
  .soc_sitemap_sub {margin-left: 0;}
  .soc_sitemap_close {right: 0;}
}

@media (max-width:1570px){
	
  .soc_sitemap_left {padding: 50px;}
  
}

@media (max-width:1400px){
	
  .soc_container {width: 100%;}
  .soc_pc_con {display: none;}
  .soc_search {display: none;}
  .soc_gnb {display: none;}
  .soc_header {height: 65px;}
  .soc_logo {
    float: none; margin: 0 auto 0 auto;
    width: 204px; height: 36px;
  }
  .soc_logo img {width: 100%; display: block;}
  .soc_modal {position: absolute; left: 40px; top: 0;}

  .soc_member_t {
    display: block; position: absolute; right: 40px; top: 0;
  }
  .soc_member_t li {float: left;}
  .soc_zoom_t span {font-size: 35px;}
  
  #soc_main_swiper {width:40%;}
  #soc_main_swiper img {display:none;}
    
  .swiper-slide1 {
  	background-image: url('../../img/new/main_banner.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  }
  .swiper-slide2 {
  	background-image: url('../../img/new/main_banner.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  }
  .swiper-slide3 {
  	background-image: url('../../img/new/main_banner.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  } 
  
  .flex_cr {padding: 0px 30px;}
  
  .soc_bg_d {padding: 80px 30px;}
  .soc_tec_heading h3{line-height:200%;}
  
  .soc_cate_roll .swiper-button-prev {display: none;}
  .soc_cate_roll .swiper-button-next {display: none;}
  
  .soc_direct {flex-wrap:wrap;}
  .soc_direct_call {margin-top:80px;}
  
  .soc_customer {padding:50px 30px;}
  .soc_footer {padding-left:30px; padding-right:30px;}
  
  .soc_under_rolex {padding:0 30px;}
  .soc_under_swiper {width:80%;}
    
    .page_wrap.sub{margin-top:130px !important;padding:0 !important;}/*Add : 20240613*/
}

@media (max-width:1200px){
	
  .soc_sitemap_left {display: none;}
  .soc_sitemap_right {
    background: url('/img/new/soc_site.jpg') no-repeat;
    background-size: cover; padding: 5%;
    color: #fff; width: 100%; display: none;
  }
  .soc_sitemap {
    height: 100vh; overflow-y: auto; position: fixed; top: 0;
    background: url('/img/new/soc_site_m.jpg') no-repeat;
    background-size: cover; 
  }
  .soc_gnb_m {
    display: block; 
    width: 100%; font-size: 22px; padding: 3%;
    box-sizing: border-box;
  }
  .soc_m_close {
    display: block; text-align: right; padding-right: 0%; 
    box-sizing: border-box; padding-left: 230px;
  }
  .soc_m_close span {
    color: #fff; font-size: 40px;
  }
  .soc_m_toogle span {
    color: #fff; font-size: 28px;
  }
  .soc_gnb_m a {color: #fff; display: block; height: 30px;}

  .soc_gnb_m > ul {width: 100%; padding: 0; margin-top: 50px;}
  .soc_gnb_m > ul > li {
    display: flex; position: relative; padding: 15px 0;
  }
  .soc_sub_m {
    display: block; padding: 30px 0; margin-top: 30px; display: none;
    margin-left: -90px; font-size: 20px; font-weight: 300;
  }
  .soc_sub_m2 {margin-left: -40px;}
  .soc_sub_m3 {margin-left: -100px;}
  .soc_sub_m4 {margin-left: -120px;}
  .soc_sub_m5 {margin-left: -35px;}
  .soc_sub_m6 {margin-left: -35px;}
  .soc_sub_m7 {margin-left: -35px;}
  .soc_sub_m8 {margin-left: -35px;}
  .soc_sub_m9 {margin-left: -125px;}
  .soc_sub_m10 {margin-left: -115px;}

  .soc_m_toogle {
    color: #fff; position: absolute;
    right: 0;margin-right: 0px;
  }
  .soc_m_toggle span {font-size: 40px;}

  .soc_m_login{
    float: left; position: absolute; left: 20px;
  }
  .soc_m_join{
    float: left; position: absolute; left: 150px;
  } 
  .soc_m_login span, .soc_m_join span {
    font-size: 20px; margin-bottom: 5px;
    float: right; margin-top: 5px; margin-left: 10px;
  }
  .soc_sitemap_sub {display: block;}
  .soc_sitemap_sub li {margin-bottom: 10px;}
  .soc_sitemap_sub a {color: #fff;}
  .soc_sitemap_sub span {color: #fff;}
  .soc_sitemap_sub > li:hover a {border: none; padding: 0; color: #fff;}
  .soc_sitemap_sub ul li:hover{color: #fff;}
  .soc_sitemap_gnb > li span {font-size: 20px;}
  .soc_sub_m li {display: block;}
  
  .flex_cr {flex-wrap: wrap;}
  
  #soc_main_swiper {
    width: 100%;
    margin-bottom: 70px !important;   	
  }
 
  .soc_sub_banner {
    width: 45%; height: auto; 
    
  }
  .soc_super {width: 45%;}
  .soc_super_box {width: 100%;}
    
    /*-------硫붿씤 諛곕꼫 �닔�젙---------*/
    .socpc_sub_banner {display:none;}
    .socm_sub_banner {display:block;}
	
	/*
	.swiper-slide1 {
  	background-image: url('../../img/new/main_banner.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  }
  .swiper-slide2 {
  	background-image: url('../../img/new/main_banner_320.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  }
  .swiper-slide3 {
  	background-image: url('../../img/new/banner_20241114.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  } 
  */
	
}

@media all and (max-width:1195px){
	
	/*
	.swiper-slide1 {
  	background-image: url('../../img/new/main_banner.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  }
  .swiper-slide2 {
  	background-image: url('../../img/new/main_banner_320.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  }
  .swiper-slide3 {
  	background-image: url('../../img/new/banner_20241114.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  } 
  */

   /* �떞�떦�옄遺�遺� */
  .soc_direct2 .soc_direct_call2 .soc_direct_call2_inner{flex-wrap: wrap;}
  .soc_direct2 .soc_direct_call2 .soc_direct_txt_box{flex: 1 1 40%;margin: 20px 10px 0;}
  .soc_direct2 .soc_direct_call2 .soc_direct_txt2-3{margin-bottom: 30px;}

  .soc_direct2 .soc_direct_call2 .soc_direct_txt_box{flex-direction: column;}
  .soc_direct2 .soc_direct_call2 .soc_direct_txt_box .btn_tit{margin-bottom: 20px;}
}

@media (max-width:1024px){
  .soc_customer{
     width:99%; flex-direction: column; padding-top:60px; padding-left: 30px;
     padding-right: 30px;
    }
  .soc_notice{ width: 99%;}
  .soc_notice ul li a span:nth-child(2) {height:20px;/*width:80%;  overflow:hidden;*//*Del : 240701*/}
  .soc_notice1 {margin-bottom:50px;}
  
  .soc_num{width:99%; margin-top:50px; font-size:0.85em}
  .soc_num ul{height:340px}
  .soc_num li img{display:block}
  .soc_num li p {font-size: 20px;}
  .soc_num li div.soc_num_txt p{display:block}
  
  .soc_under_btn {display:none;}
  .soc_under_swiper {width:100%;}
  
  .soc_direct_btn ul {flex-wrap:wrap;}
  .soc_direct_btn ul li {margin-bottom:30px;}
  .soc_direct_call {margin-top:0px;}
}

@media (max-width:900px){
  .soc_under_btn .swiper-button-prev{display:none}
  .soc_under_btn .swiper-button-next{display:none}
  .soc_under_btn .swiper-button-pause{display:none}
}

@media all and (max-width:850px){
  .soc_direct2 .soc_direct_btn2 {
    padding: 40px 10px 20px 10px;/*Edit : 240527 : 'padding: 30px 10px;'*/
}
/* �븘�씠肄섎�遺� */

.soc_direct2 .soc_direct_btn2 .soc_btn_box{flex-wrap: wrap;}
.soc_direct2 .soc_direct_btn2 .soc_btn_box li{flex: 1 1 25%;margin-bottom: 30px;}

/* �떞�떦�옄遺�遺� */
/*.soc_direct2 .soc_direct_call2 .soc_direct_txt_box{flex: 1 1 100%;}*/ /*Move : 2405274 : @media (max-width:600px)*/
.soc_direct2 .soc_direct_call2 h3{font-size: 20px;}
.soc_direct2 .soc_direct_call2 h3 span{font-size:25px;color: #01a7e1;}
}

@media (max-width:800px){
  .soc_cate {height:375px;}/*Edit : 240607 : 'height:355px;'*/
  .soc_cate_swiper {width: 400px; height: 345px; }
  .soc_cate_swiper img {display: block; width: 100%; height:240px; padding-left: 20px;}
  .soc_cate_swiper div {}
  .soc_cate_swiper .swiper-slide{height:300px}
}

@media (max-width:768px){
  footer {flex-direction: column;height:auto;} /*Edit : 240527 : 'height: 160px !important;'*/
  .soc_f_logo{margin-bottom:20px; text-align:center}
  .soc_copy ul{justify-content:center;width:100%; text-align:left} /*Add & Del : 240527 : Del 'display:block;'*/
  /*.soc_copy ul li{text-align:left; padding-left:10px;}*/ /*Del : 240527*/
  /*.soc_copy li:last-child {text-align:left; padding-left:10px;}*/ /*Del : 240527*/
  
  .soc_join {margin:20px auto; height:40px;} /*Edit : 240527 : 'margin:20px 0; height:50px;'*/
    
    
    /*Add : 240527 : edit media-query of mobile main*/
    .main_popup_layer{top:100px;left:calc(100% - 440px);-webkit-left:calc(100% - 440px);
    -moz-left:calc(100% - 440px);}
    
    .soc_bg_d{padding:50px 30px}
    .soc_container.flex_cr{padding:0;margin-bottom:40px;}
    .soc_sub_banner2, .soc_super_box{border-radius:20px;}
    .soc_sub_banner2{height:auto;}
    #soc_main_swiper{margin-bottom:20px !important;}
    .soc_sub_banner2, .soc_super{width:48%;}
    .soc_super h3{display:none;}
    
    .soc_direct2 .soc_direct_btn2 .soc_btn_box{padding-bottom:5px;}
    .soc_direct2 .soc_direct_call2 .soc_direct_txt_box{margin-top:25px;}
    .soc_direct2 .soc_direct_call2 .soc_direct_txt_box .btn_tit{margin-bottom:12px;}
    .soc_direct2 .soc_direct_call2 .soc_direct_txt2-3{margin-bottom:0;}
    .soc_direct_txt2-2.soc_direct_txt_box > p:nth-child(2){display:none;}
    
    .soc_under_rolex{height:55px;}
    .soc_under_rolex .soc_under_swiper{padding-top:0;} /*Add : 240607*/
    .soc_under_rol .swiper-slide{margin:0 10px;padding:0 10px;}
    
    .soc_footer{height:auto;}
}

@media (max-width:700px){
    .soc_search{width:90%;}/*Add : 20240613*/
    .soc_search_box{width:calc(100% - 89px);-webkit-width:calc(100% - 89px);
    -moz-width:calc(100% - 89px);}/*Add : 20240613*/
    
  .soc_cate  {height:420px;margin-bottom: 40px;} /*Edit : 240527 : 'height: 450px; margin-bottom: 50px;'*/
  .soc_cate:after {display:block;visibility:hidden;clear:both;content:"";}
  
  .soc_cate_btn:after {display:block;visibility:hidden;clear:both;content:"";} 
  .soc_cate_btn button {float: left; width:30%; padding: 0; text-align: center;}

  .soc_cate_btn div {width: 100%; padding: 0; text-align: center;}
  .soc_cate_swiper {width:70%; margin:0 auto; text-align:center;}/*Edit : 240527 : 'height: 400px;'*/
  .soc_cate_swiper {}
  .soc_cate_swiper .swiper-slide {}
  .soc_cate_swiper .swiper-slide img {width: 100%; height: 200px; margin-top: 10px;}
  .soc_cate_swiper .swiper-slide p{width:100%;}
  
  .soc_tec {margin-top: 0;}/*Edit : 240527 : 'margin-top: 70px;'*/
    
    
    /*Add : 240527 : edit media-query of mobile main*/
    .soc_super_txt{padding:18px 20px;}
    .soc_super_txt p{font-size:18px;}
    
    .soc_notice ul li a span:nth-child(2){width:calc(100% - 18px);}/*Add : 240701*/
    .soc_notice ul li span:last-child{display:none;}
    
    .soc_under_rolex{height:50px;}
}

@media (max-width:600px){
  .soc_sub_banner {width: 100%; margin-bottom: 30px; margin-right:0;}
  /*.soc_super {width: 100%;}*/ /*Del : 240527*/
  
  .soc_under_rol .swiper-slide {width:100%;}
  
  .soc_cate{padding:30px 10px;}
  .soc_cate_btn {flex-wrap:wrap; justify-content:flex-start;}
  .soc_cate_btn button {margin-bottom:10px; width:29%;}
    
    
    /*Add : 240527 : edit media-query of mobile main*/
    .soc_direct2 .soc_direct_call2 .soc_direct_txt_box{flex: 1 1 100%;}
}

@media (max-width:500px){
    .soc_search_box{width:calc(100% - 59px);-webkit-width:calc(100% - 59px);
    -moz-width:calc(100% - 59px);padding-left:15px;letter-spacing:-1px;border-radius:10px 10px 0 10px;}/*Add : 20240613*/
    .soc_search_btn{width:59px;border-radius:10px 10px 10px 0;}/*Add : 20240613*/
    .soc_search_btn span:first-child{display:none;}/*Add : 20240613*/
    
  .soc_num ul{height:600px}
  .soc_num  li {width: 48%;}
  
  .soc_direct_btn ul {flex-wrap: wrap; justify-content:space-between;}
  .soc_direct_btn li {width:48%; margin-right:0;}
  
  .soc_buy li {padding:0 5px}

    
    /*Add : 240527 : edit media-query of mobile main*/
    .main_popup_layer{left:10px;top:100px;width:calc(100% - 20px);-webkit-width:calc(100% - 20px);
    -moz-width:calc(100% - 20px);}
    
    .soc_bg_d {padding:20px;}
    #soc_main_swiper{height:auto;margin-bottom:10px !important;}
    #soc_main_swiper .swiper-slide{height:200px;}
    .soc_container.flex_cr{margin-bottom:15px;}
    .soc_sub_banner2, .soc_super{width:49%;}
    .soc_sub_banner2, .soc_super_box{border-radius:10px;}
    .soc_sub_banner2{margin-bottom:20px;}
    .soc_sub_banner2 *{font-size:12px !important;letter-spacing:-1px;}
    .soc_sub_banner2 .banner_inner_box .soc_buy2 h3{margin:5px 5px 0;}
    .soc_sub_banner2 .banner_inner_box .soc_buy2 h3 img{height:20px;}
    .soc_sub_banner2 .banner_inner_box .soc_buy2 ul{padding-top:3px;}
    .soc_sub_banner2 .banner_inner_box .soc_buy2 ul li{padding:4px 10px;}
    .soc_sub_banner2 .banner_inner_box .soc_buy2 ul li:nth-child(3){padding:5px 10px 7px 10px;}
    .soc_super{height:216px;}
    .soc_super *{font-size:12px !important;letter-spacing:-1px;} /*Edit : 240613*/
    .soc_super_box{height:216px;}
    .soc_super_img{height:128px;}
    .soc_super_txt{height:calc(216px - 128px);padding:8px 12px;}
    
    .soc_tec_heading h3{font-size:16px;}
    .soc_cate{height:340px;padding:15px 10px 10px 10px;margin-top:10px;border-radius:10px;} /*Edit : 240607*/
    .soc_cate_btn button{font-size:14px;}
    .soc_cate_btn .soc_cate_actice{border-radius:20px;}
    .soc_cate_swiper{height:235px;} /*Add : 240610*/
    /*.soc_cate_swiper{width:100%;}
    .soc_tec .swiper-slide{width:250px !important;}*/
    .soc_cate_swiper .swiper-slide{width:100%;height:200px;}
    .soc_cate_swiper .swiper-slide img{width:100%;height:150px;}
    
    .soc_direct2 .soc_direct_btn2{margin-top:15px;padding:15px 16px 10px 16px;border-radius:10px;}
    .soc_direct2 .soc_direct_btn2 .soc_btn_box{margin-top:0;padding-bottom:10px;}
    .soc_direct2 .soc_direct_btn2 .soc_btn_box li{flex:1 1 48%;margin-bottom:2px;border:1px solid #bdcce9;border-radius:8px;background-color:#fff;box-sizing:border-box;}
    .soc_direct2 .soc_direct_btn2 .soc_btn_box li p{margin:6px 0 7px 0;}
    .soc_direct2 .soc_direct_btn2 .soc_btn_box li span{display:none;}
    .soc_direct2 .soc_direct_btn2 .soc_btn_box{padding-bottom:10px;border:none;}
    .soc_direct2 .soc_direct_call2 .soc_direct_txt_box{margin:5px 1px;border-radius:8px;}
    .soc_direct2 .soc_direct_call2 .soc_direct_txt_box .btn_tit{margin-bottom:5px;}
    
    .soc_customer{padding:50px 15px;}
    .soc_notice1{margin-bottom:30px;}
    .soc_notice .soc_heading{height:40px;}
    .soc_notice ul{height:auto;}
    .soc_notice ul li{padding:10px 0;font-size:16px/*Add : 240701*/;}
    
    .soc_under_rolex{height:63px;padding:3px;}
    .soc_under_rol .swiper-slide{width:125px !important;}
    
    .soc_footer{padding:30px 10px 20px 10px;}
    /*.soc_copy ul{display:block;}*//*Del : 240701*/
    .soc_copy li:last-child {font-size:12px;}
	
	/*
	 .swiper-slide1 {
  	background-image: url('../../img/new/main_banner_first.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  }
  .swiper-slide2 {
  	background-image: url('../../img/new/main_banner_320.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  }
  .swiper-slide3 {
  	background-image: url('../../img/new/banner_20241114.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  } 
*/	
	
}

@media (max-width:350px){
    .soc_modal{left:20px;} /*Add : 240613*/
    .soc_member_t{right:20px;} /*Add : 240613*/
    
    .soc_sub_banner2 *{font-size:11px !important;}
    
    .soc_super{height:207px;}
    .soc_super *{font-size:12px !important;letter-spacing:-1px;}
    .soc_super_box{height:207px;}
    .soc_super_img{height:120px;}
    .soc_super_txt{height:calc(207px - 120px);padding:8px 12px;}
    
    /*.soc_tec .swiper-slide{width:280px !important;}*/ /*Add : 240607*/
    
    .soc_customer{padding:40px 15px;}
    .soc_notice ul li{font-size:15px;}
    
    .soc_copy ul li{font-size:12px;padding:0 8px;}/*Add : 240701*/
	
	
	/*
 .swiper-slide1 {
  	background-image: url('../../img/new/main_banner_first.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  }
  .swiper-slide2 {
  	background-image: url('../../img/new/main_banner_320.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  }
  .swiper-slide3 {
  	background-image: url('../../img/new/banner_20241114.png');
  	background-repeat: no-repeat;
  	background-size:cover;
  } 
	*/
}