@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@font-face {font-family: 'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }


html, body {
    overflow-x: hidden;
    max-width: 100%;
}

ol, ul {
	list-style: none;
}

/*----utong_menu_div----*/
.utong_menu_div { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; padding: 10px; background-color: white; width: calc(100% - 20px); z-index: 9999; }
.utong_menu_div .mobile_logo { margin-top: 30px; margin-left: 10px; width: 200px; }
.utong_menu_div .x_btn { position: absolute; top: 10px; right: 10px; width: 30px; }
.utong_menu_div ul { margin-top: 20px; }
.utong_menu_div ul .menu_title { padding-left: 10px; font-size: 2.2rem; font-weight: bold; line-height: 4rem; }
.utong_menu_div ul .sub_nm { background-color: #f4f4f4; padding-left: 30px; font-size: 2.0rem; line-height: 3.5rem; font-family: 'GmarketSansMedium'; }
.utong_menu_div .menu_footer { margin-top: 30px; }
.utong_menu_div .menu_footer button { padding: 10px; background-color: white; border: 1px solid #ddd; font-size: 14px; cursor: pointer; }

.utong_div { display: flex; flex-direction: column; }

.talk li {
    opacity: 0;
    transform: translateX(50px);
    transition: all 0.6s ease;
  }
  .talk li.animate {
    opacity: 1;
    transform: translateX(0);
  }

/*영상 위에 표시*/
.utong_div .top_div .top_absolute{position: absolute;
    top: 0;
    width: 100%;}

/*----top----*/

.utong_div .utong_top { display: flex; }
@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
	.utong_div .utong_top .utong_artc .sub_menu { display: none; }
	.utong_div .utong_top .utong_artc .sub_menu_icon { padding: 0px 10px; }
	.utong_div .utong_top .utong_artc { height: 50px; }
	.utong_div .top_div .utong_gate_img {width: 100%; height: 370px;
	object-fit: cover;
  object-position: left center;}
}
@media screen and (min-width: 790px){ /*PC버전*/
	.utong_div .utong_top .utong_artc .sub_menu { }
	.utong_div .utong_top .utong_artc .sub_menu a { padding: 0px 5px; color: white;}
	.utong_div .utong_top .utong_artc .sub_menu_icon { display: none; }
	.utong_div .utong_top .utong_artc { height: 60px; }
	.utong_div .top_div .utong_gate_img {width: 100%;}
}
.utong_div .utong_top .utong_artc { display: flex; display: flex; align-items: center; margin: 0 auto; width: 1280px; }

.utong_div .utong_top .utong_artc .sub_menu span { display: flex; flex: 1; align-items: center; padding: 0px 10px; font-size: 0.8rem; color: white; }
.utong_div .utong_top .utong_artc .login_div { display: flex; flex: 1; justify-content: flex-end; align-items: center; padding: 0px 10px; font-size: 1.3rem; color: white; }
.utong_div .utong_top .utong_artc .login_div .sign_btn,
.utong_div .utong_top .utong_artc .login_div .logout_btn,
.utong_div .utong_top .utong_artc .login_div .mypage_btn,
.utong_div .utong_top .utong_artc .login_div .agree_rd_btn,
.utong_div .utong_top .utong_artc .login_div .agree_ok_btn,
.utong_div .utong_top .utong_artc .login_div .ex_login_btn { padding: 0px 5px; cursor: pointer; }


/*.prod_cate_list{display: flex; width: 100%; justify-content: center; margin-top: 50px;}
.prod_cate_list .cate_page a {margin: 0px 15px; font-size: 20px;}
.prod_cate_list .cate_page .page_num{font-weight: bold; color: red; border: 1px solid #c1a7a7; padding: 1px 5px;}*/

.prod_cate_list .cate_page .page_num{font-weight: bold; color: red; padding: 1px 5px;}

.prod_cate_list {
	margin-top: 100px;
  width: 100%;
}

.mata_page_list{
  width: 100%;
  margin-bottom: 100px;
}

.mata_page_list a.active {
   color: red;
}

.cate_page {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  font-family: 'GmarketSansBold'; 
}

.cate_page a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
  margin: 0 5px;
  color: #333333;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  border-radius: 20px;
}

.cate_page a:hover {
  background-color: #1877f2;
  color: #ffffff;
  border-color: #1877f2;
}

.cate_page a:first-child {
  margin-left: 0;
}

.cate_page a:last



.search-bar {
  width: 100%;
  max-width: 1410px;
  height: 70px;
  background-image: linear-gradient(to right, #4285f4, #34a853, #fbbc05, #ea4335);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.search-input {
  width: 80%;
  max-width: 500px;
  height: 40px;
  padding: 10px;
  border: none;
  border-radius: 30px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  font-size: 16px;
  color: #777;
  background-color: #f7f7f7;
}

.search-button {
  width: 60px;
  height: 60px;
  margin-left: 10px;
  border: none;
  border-radius: 50%;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  font-size: 20px;
  color: #fff;
  background-image: linear-gradient(to bottom right, #4285f4, #34a853, #fbbc05, #ea4335);
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}

.search-button:hover {
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .search-input {
    width: 60%;
  }
}

/*----top_content----*/
@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
	.utong_div .utong_top_cont { display: block; }
	.utong_div .utong_login_cont { display: flex; justify-content: center; align-items: center; height: 70px; }
	.utong_div .utong_login_cont img { width: 300px; }
}
@media screen and (min-width: 790px){ /*PC버전*/
	.utong_div .utong_login_cont { display: none; }
}
.utong_div .utong_top_cont .utong_top_cont_artc { display: flex; display: flex; align-items: center; margin: 0 auto; width: 1230px; height: 100px; }
.utong_div .utong_top_cont .utong_top_cont_artc .utong_top_logo { display: flex; align-items: center; padding: 0px 10px; }
.utong_div .utong_top_cont .utong_top_cont_artc .utong_top_logo img{width: 291px;
    height: 41px; filter: brightness(1.15);}
.utong_div .utong_top_cont .utong_top_cont_artc .utong_top_cont_menu { display: flex; flex: 1; justify-content: flex-end; align-items: center; padding: 0px 10px; font-family: 'GmarketSansMedium'; word-spacing: 10px; font-size: 2.0rem; color: white; }
.utong_div .utong_top_cont .utong_top_cont_artc .utong_top_cont_menu a { margin-left: 20px; color: white; }

/*----utong_top_img----*/
@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
	.utong_div .utong_top_img .utong_top_main_img { background-size: cover; width: 100%; height: 233px; font-size: 1.5rem; color: white; align-items: center;}
	.utong_div .utong_top_img .utong_top_main_img .utong_top_main_gatesmall{font-size: 0.6rem; line-height: 150%;}
	.utong_div .utong_top_img .utong_top_main_span1 { font-size: 1.2rem; line-height: 150%; }
	.utong_div .utong_top_img .utong_top_main_img .utong_top_gate_copy {backdrop-filter: blur(1px);
    box-shadow: 8px 8px 20px rgba(0,0,0,.2);
   background: rgb(0 0 0 / 60%);
    border-radius: 30px; margin: 10px 10px 10px 10px; overflow: auto;}
	.utong_div .utong_top_img .utong_top_main_img .utong_top_gate_copy .gate_margin {padding: 20px; color: #99a9ff;}
}
@media screen and (min-width: 790px){ /*PC버전*/
	.utong_div .utong_top_img {/*width: 1100px;*/
    height: 530px;
    overflow: auto;
    margin: 0 auto;}
	.utong_div .utong_top_img .utong_top_main_img { width: 100%; height: 477px; font-size: 4.5rem; color: white; }
	.utong_div .utong_top_img .utong_top_main_img .utong_top_main_gatesmall {font-size: 1.2rem; line-height: 200%; align-self: normal; padding-left: 590px;}
	.utong_div .utong_top_img .utong_top_main_span1 { font-size: 1.9rem; line-height: 150%; display: inline-grid;}

	.utong_div .utong_top_img .utong_top_main_img .utong_top_gate_copy {backdrop-filter: blur(1px);
    box-shadow: 8px 8px 20px rgba(0,0,0,.2);
   background: rgb(0 0 0 / 60%);
    border-radius: 30px;}
	.utong_div .utong_top_img .utong_top_main_img .utong_top_gate_copy .gate_margin {padding: 30px; color: #99a9ff;}
}
.utong_div .utong_top_img .utong_top_main_img { display: flex; flex: 1; flex-direction: column; justify-content: center;  align-items: center; font-family: 'GmarketSansMedium'; }

.utong_div .utong_top_img .utong_top_main_img .utong_txt_1 { font-family: "Nanum Gothic"; color: white; }
.utong_div .utong_top_img .utong_top_main_img .utong_txt_2 { text-align: center; font-family: 'GmarketSansMedium'; font-weight: bold; color: white; }

/*----utong_search----*/
.utong_div .utong_search { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 95%; }





@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
	  #first_video {
	  		width: 100%;
    			height: 350px;
	        object-fit: fill;

	}
	#second_video {
	 				width: 100%;
    			height: 350px;
	        object-fit: fill;
	}
}

@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
	.utong_div .utong_search { height: 120px; }
	.utong_div .utong_search .utong_sear_border { width: calc(100% - 10%); height: 50px; font-size: 1.5rem; }
	.utong_div .utong_search .utong_sear_border #sear_txt { width: calc(100% - 12%); height: 42px; font-size: 1.3rem; }
	.utong_div .utong_search .utong_sear_border img { top: 4px; right: 4px; width: 42px; height: 42px; }
	.utong_div .utong_search .utong_keyword { margin-top: 10px; font-size: 1rem; }
}
@media screen and (min-width: 790px){ /*PC버전*/
	.utong_div .utong_search { height: 200px; }
	.utong_div .utong_search .utong_sear_border { width: 780px; height: 70px; font-family: 'GmarketSansMedium';}
	.utong_div .utong_search .utong_sear_border #sear_txt { width: 730px; height: 60px; font-size: 2rem; }
	.utong_div .utong_search .utong_sear_border img { top: 5px; right: 5px; width: 60px; height: 60px; }
	.utong_div .utong_search .utong_keyword {margin-top: 20px; font-size: 2rem; }
}

.utong_div .utong_search .utong_sear_border { position: relative; display: flex; font-family: 'GmarketSansMedium'; justify-content: center; align-items: center; margin: 0px auto; background-color: white; border:5px solid #35a3e4; border-radius: 60px; }
.utong_div .utong_search .utong_sear_border #sear_txt { border: 0px; color: #07449c; }
.utong_div .utong_search .utong_sear_border #sear_txt::placeholder { color: #07449c; font-family: 'GmarketSansMedium';}
.utong_div .utong_search .utong_sear_border img { position: absolute; }
.utong_div .utong_search .utong_keyword { font-family: "Nanum Gothic"; color: white; }


/*----utong_info----*/
@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
	.utong_div .utong_info { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding-top: 10px;}
	.utong_div .utong_info img {width: 275px; height: 75px;}
	.utong_div .utong_info .utong_info_margin .utong_info_icon {margin:10px; background-image: url(/public/img/utong/utong_info.png); background-repeat: no-repeat; width: 205px;}
	.utong_div .utong_info .utong_info_margin .utong_info_icon span{font-family: 'GmarketSansMedium'; color: white;text-align: center; line-height: 67px;font-size: 20px; padding-left: 74px;}
	.utong_div .utong_info .utong_info_margin .utong_enter_icon {margin:10px; background-image: url(/public/img/utong/utong_enter.png); background-repeat: no-repeat; width: 205px;}
	.utong_div .utong_info .utong_info_margin .utong_enter_icon span{font-family: 'GmarketSansMedium'; color: white;text-align: center; line-height: 67px;font-size: 20px; padding-left: 74px;}
	.utong_div .utong_info .utong_info_margin .utong_buyer_icon {margin:10px; background-image: url(/public/img/utong/utong_buyer.png); background-repeat: no-repeat; width: 205px;}
	.utong_div .utong_info .utong_info_margin .utong_buyer_icon span{font-family: 'GmarketSansMedium'; color: white;text-align: center; line-height: 67px;font-size: 20px; padding-left: 74px;}

}
.utong_div .utong_info { display: flex;  justify-content: center; align-items: center; width: 100%; padding-top: 50px;}
.utong_div .utong_info .utong_info_margin {margin: 70px; display: flex;}
.utong_div .utong_info .utong_info_margin .utong_info_icon {margin:10px; background-image: url(/public/img/utong/utong_info.png); width: 336px; height: 97px;}
.utong_div .utong_info .utong_info_margin .utong_info_icon span{font-family: 'GmarketSansMedium'; color: white;text-align: center; line-height: 97px;font-size: 36px; padding-left: 111px;}
.utong_div .utong_info .utong_info_margin .utong_enter_icon {margin:10px; background-image: url(/public/img/utong/utong_enter.png); width: 336px; height: 97px;}
.utong_div .utong_info .utong_info_margin .utong_enter_icon span{font-family: 'GmarketSansMedium'; color: white;text-align: center; line-height: 97px;font-size: 36px; padding-left: 130px;}
.utong_div .utong_info .utong_info_margin .utong_buyer_icon {margin:10px; background-image: url(/public/img/utong/utong_buyer.png); width: 336px; height: 97px;}
.utong_div .utong_info .utong_info_margin .utong_buyer_icon span{font-family: 'GmarketSansMedium'; color: white;text-align: center; line-height: 97px;font-size: 36px; padding-left: 111px;}

@media screen and (min-width: 1280px){ /*PC버전*/
	}

/*----utong_category----*/
@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
	.utong_div .utong_category { padding: 30px 0px; }
	.utong_div .utong_category .utong_cate_title { padding: 10px 20px; font-size: 1.3rem; line-height: 150%; }
	.utong_div .utong_category .utong_bcate_icon,
	.utong_div .utong_category .utong_cate_icon { margin-top: 30px; padding-top: 20px; width: calc(100% - 10%); }
	.utong_div .utong_category .utong_bcate_icon div,
	.utong_div .utong_category .utong_cate_icon div { margin: 10px; min-width: 74px; line-height: 40px; }
	.utong_div .utong_category .utong_bcate_icon div img,
	.utong_div .utong_category .utong_cate_icon div img { width: 30px; height: 30px; }
}
@media screen and (min-width: 790px) and (max-width:1280px){ /*패드버전*/
	.utong_div .utong_category { padding: 30px 0px; }
	.utong_div .utong_category .utong_cate_title { padding: 10px 20px; font-size: 1.3rem; line-height: 150%; }
	.utong_div .utong_category .utong_bcate_icon,
	.utong_div .utong_category .utong_cate_icon { margin-top: 30px; padding-top: 20px; width: calc(100% - 10%); }
	.utong_div .utong_category .utong_bcate_icon div,
	.utong_div .utong_category .utong_cate_icon div { margin: 13px; min-width: 40px; line-height: 40px; }
	.utong_div .utong_category .utong_bcate_icon div img,
	.utong_div .utong_category .utong_cate_icon div img { width: 30px; height: 30px; }
}
@media screen and (min-width: 1280px){ /*PC버전*/
	.utong_div .utong_category { padding: 80px 0px; }
	.utong_div .utong_category .utong_cate_title { margin-bottom: 40px; padding: 10px 20px; font-size: 2rem; line-height: 200%; }
	.utong_div .utong_category .utong_bcate_icon,
	.utong_div .utong_category .utong_cate_icon { width: 1280px; }
	.utong_div .utong_category .utong_bcate_icon div,
	.utong_div .utong_category .utong_cate_icon div { margin: 30px; line-height: 40px; }
}

.utong_div .utong_category { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; }
.utong_div .utong_category .utong_cate_title { display: flex; flex-direction: column; justify-content: center; align-items: center; font-family: 'GmarketSansBold'; color: #07449c; }
.utong_div .utong_category .utong_bcate_icon { cursor: pointer; }
.utong_div .utong_category .utong_bcate_icon,
.utong_div .utong_category .utong_cate_icon { display: flex; flex-direction: row; justify-content: center; align-items: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; flex-flow : row wrap; color: #595959; font-size: 15px; font-family: 'GmarketSansMedium';}
.utong_div .utong_category .utong_bcate_icon div,
.utong_div .utong_category .utong_cate_icon div { display: flex; flex-direction: column; justify-content: center; align-items: center; }

/*----utong_banner01----*/
.utong_div .utong_banner01 { display: flex; flex-direction: column; justify-content: center; align-items: center; color: white; }
@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
	.utong_div .utong_banner01 { margin: 10px 0px; padding: 10px; }
	.utong_div .utong_banner01 .utong_bann01_txt01 { margin-bottom: 10px; font-size: 1rem; }
	.utong_div .utong_banner01 .utong_bann01_txt02 { font-size: 1.5rem; }
	.utong_div .utong_banner01 img {width: 100%; height: 100%;}
}
@media screen and (min-width: 790px){ /*PC버전*/ 
	.utong_div .utong_banner01 { margin: 10px 0px; padding: 30px 0px; }
	.utong_div .utong_banner01 .utong_bann01_txt01 { margin-bottom: 30px; font-size: 2rem; }
	.utong_div .utong_banner01 .utong_bann01_txt02 { font-size: 4rem; }
	.utong_div .utong_banner01 img {width: 1370px; height: 230px; }
}

/*-----utong_contents------*/
@media screen and (min-width: 100px) and (max-width:790px){ /*모바일*/
.utong_contents { display: flex; flex-direction: row; margin: 0 auto; flex-flow: row wrap;}
.utong_contents .utong_con_box { display: flex; flex-direction: column; padding: 10px; width: 100%;}
.utong_contents .utong_con_box img { width: 100%; height: 200px; border-radius: 3px; }
.utong_contents .utong_con_box .utong_con_subject {  margin: 10px 0px; font-size: 18px; font-family: 'GmarketSansMedium'; }
.utong_contents .utong_con_box .utong_con_contents { font-size: 14px; font-family: 'GmarketSansMedium'; line-height: 150%; }
}
@media screen and (min-width: 790px) and (max-width:1280px){ /*패드버전*/
.utong_contents { display: flex; flex-direction: row; margin: 0 auto;  width: 100%;}
.utong_contents .utong_con_box { display: flex; flex-direction: column; padding: 10px; width: 100%;}
.utong_contents .utong_con_box img { width: 100%; height: 200px; border-radius: 3px; }
.utong_contents .utong_con_box .utong_con_subject {  margin: 10px 0px; font-size: 18px; font-family: 'GmarketSansMedium'; }
.utong_contents .utong_con_box .utong_con_contents { font-size: 14px; font-family: 'GmarketSansMedium'; line-height: 150%; }
}


@media screen and (min-width: 1280px){ /*PC버전*/
.utong_contents { display: flex; flex-wrap: wrap; margin: 0 auto; width: 1410px; text-align: center;}
.utong_contents .utong_con_box { display: flex; flex-direction: column; margin: 15px 4px; flex-basis: 32%; }
.utong_contents .utong_con_box img { width: 100%; height: 220px; border-radius: 3px; }
.utong_contents .utong_con_box .utong_con_subject {  margin: 10px 0px; font-size: 18px; font-family: 'GmarketSansMedium'; }
.utong_contents .utong_con_box .utong_con_contents { font-size: 14px; font-family: 'GmarketSansMedium'; line-height: 150%; }
}


/*----utong_product----*/
.utong_div .utong_product { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; color: white; }

@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
	.utong_div .utong_product .utong_prod_title { margin: 30px 0px 10px 0px; padding: 10px 20px; font-size: 1.3rem; }
	.utong_div .utong_product .utong_prod_title img { margin-right: 10px; width: 40px; }
	.utong_div .utong_product .utong_prod_list { justify-content: space-between; width: calc(100% - 30px); padding: 10px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont { margin: 5px; margin-bottom: 15px; width: 100%; height: 500px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head { height: 37px;  background: linear-gradient(to bottom,  #00000045, #0000001c 1%, transparent); }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head .mem_title { padding: 0px 5px; font-size: 1rem; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head .mem_star { padding: 0px 5px; font-size: 1rem; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head .mem_title img { margin-right: 10px; width: 30px; height: 30px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot { width: 100%; height: 170px; background: linear-gradient(to top, black, #00000045 83%, transparent); }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_cont { padding: 10px; line-height: 25px; font-size: 1rem; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_cont .prod_sbj {font-family: 'GmarketSansMedium';  font-size: 1.5rem; padding-bottom: 20px; height: 45px; line-height: 35px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_cont .prod_cate { display: none; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_price { right: 10px; bottom: 40px; font-size: 1.5rem; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_btn div { height: 35px; }

	.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_prd_pp_info { display: none; position: absolute; top: 0px; left: 0px; width: 321px; height: 542px; background-image: url(../images/logoin.png); background-repeat: no-repeat; background-position: center 442px; background-color: white; position: absolute; top:-1px; left: -2px; box-sizing: border-box; border:1px solid #656565; font-size: 14px; color: #656565; z-index: 999; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_info_close{ background-image: url(../images/x.png); margin-left: 285px; width: 34px; height: 34px; cursor: pointer; }
}
@media screen and (min-width: 1280px){ /*PC버전*/
	.utong_div .utong_product .utong_prod_title { margin: 40px 0px; padding: 10px 20px; font-size: 2rem; }	
	.utong_div .utong_product .utong_prod_title img { margin-right: 10px; width: 40px; }
	.utong_div .utong_product .utong_prod_list { width: 1300px; padding: 20px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont { margin: 10px; width: 410px; height: 614px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head { height: 67px;  background: linear-gradient(to bottom,  #00000045, #0000001c 1%, transparent); }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head .mem_title { padding: 0px 10px; font-size: 1.5rem; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head .mem_star { padding: 0px 10px; font-size: 1.5rem; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head .mem_title img { margin-right: 10px; width: 30px; height: 30px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot { width: 100%; height: 160px; background: linear-gradient(to top, black, #00000045 83%, transparent); }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_cont { padding: 10px; line-height: 25px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_price { right: 15px; bottom: 60px; font-size: 1.8rem; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_btn div { height: 41px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_cont .prod_sbj { font-family: 'GmarketSansMedium'; font-size: 18px; height: 49px; line-height: 49px; }

	.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_prd_pp_info { display: none; position: absolute; top: 0px; left: 0px; width: 412px; height: 616px; background-image: url(../images/logoin.png); background-repeat: no-repeat; background-position: center 442px; background-color: white; position: absolute; top:-1px; left: -2px; box-sizing: border-box; border:1px solid #656565; font-size: 14px; color: #656565; z-index: 999; }	
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_info_close{ background-image: url(../images/x.png); margin-left: 376px; width: 34px; height: 34px; cursor: pointer; }
}
@media screen and (min-width: 790px) and (max-width: 1280px){ /*패드버전*/
	.utong_div .utong_product .utong_prod_title { margin: 40px 0px; padding: 10px 20px; font-size: 2rem; }	
	.utong_div .utong_product .utong_prod_title img { margin-right: 10px; width: 40px; }
	.utong_div .utong_product .utong_prod_list { width: 100%; padding: 20px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont { margin: 10px; width: 388px; height: 614px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head { height: 67px;  background: linear-gradient(to bottom, black, black 10%, transparent); }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head .mem_title { padding: 0px 10px; font-size: 1.5rem; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head .mem_star { padding: 0px 10px; font-size: 1.5rem; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head .mem_title img { margin-right: 10px; width: 30px; height: 30px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot { width: 100%; height: 160px; background: linear-gradient(to top, black, black 70%, transparent); }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_cont { padding: 10px; line-height: 25px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_price { right: 15px; bottom: 60px; font-size: 1.8rem; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_btn div { height: 41px; }
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_cont .prod_sbj { font-family: 'GmarketSansMedium'; font-size: 18px; height: 49px; line-height: 49px; }

	.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_prd_pp_info { display: none; position: absolute; top: 0px; left: 0px; width: 412px; height: 616px; background-image: url(../images/logoin.png); background-repeat: no-repeat; background-position: center 442px; background-color: white; position: absolute; top:-1px; left: -2px; box-sizing: border-box; border:1px solid #656565; font-size: 14px; color: #656565; z-index: 999; }	
	.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_info_close{ background-image: url(../images/x.png); margin-left: 376px; width: 34px; height: 34px; cursor: pointer; }
}

.utong_div .utong_product .utong_prod_title { display: flex; justify-content:center; align-items: center; background-color: white; font-family: 'GmarketSansBold'; color: #07449c; }
.utong_div .utong_product .utong_prod_list { display: flex; flex-direction: row; flex-flow : row wrap; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont { position: relative; display: flex; flex-direction: column; justify-content: space-between; background-size: cover; border: 1px solid #ddd; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head { display: flex; justify-content: space-between; align-items: center; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head .mem_title { display: flex; align-items: center; font-weight: bold; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head .mem_star { display: flex; align-items: center; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_head .mem_title img { border-radius: 100%; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot { position: relative; flex-direction: column; display: flex; justify-content: center; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_price { position: absolute; font-weight: bold; color: white; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_btn { display: flex; flex-direction: row; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_btn div { display: flex; flex: 1; justify-content: center; align-items: center; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_btn .utong_btn_01 { background-color: #1243b7; cursor: pointer; transition-duration: 1s; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_btn .utong_btn_01:hover { background-color: #3d12b7; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_btn .utong_btn_02 { background-color: #366be6; cursor: pointer; transition-duration: 1s; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_btn .utong_btn_02:hover { background-color: #2b92c8; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_btn .utong_btn_03 { background-color: #366be6; cursor: pointer; transition-duration: 1s; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .utong_prod_foot .prod_btn .utong_btn_03:hover { background-color: #2b92c8; }

.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_prd_pp_info span{ display: block; margin-top: 40px;  text-align: center; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_prd_pp_info h1{ margin-top: 14px; margin-bottom: 47px; font-size: 22px; text-align: center; font-weight: bold; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_prd_pp_info li{ display: flex; flex-direction: row; line-height: 22px; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_prd_pp_info li img{ vertical-align: middle; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_prd_pp_info li .prd_pp_title { display: flex; align-items: center; width: 90px; padding-left: 20px; font-weight: bold; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_prd_pp_info li .prd_pp_sub { display: flex; align-items: center;  flex: 1; padding: 5px; text-align: left; }
.utong_div .utong_product .utong_prod_list .utong_prod_cont .main_prd_pp_info li .prd_pp_lsub { display: flex; align-items: center;  flex: 1; padding: 5px 20px; text-align: left; }

@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
	.utong_div .utong_intro { background-color: #f2f2f2; }
	.utong_div .utong_intro_title { margin: 30px 0px; padding: 10px 20px; font-size: 1.3rem; }
	.utong_div .utong_intro_artc { margin: 0 auto; width: 100%; }
	.utong_div .utong_artc_title { margin: 10px 10px 20px 10px; padding-left: 10px; border-left: 5px solid #07449c; font-size: 1.3rem; }
	.utong_div .utong_intro_cont .intro_main_title { display: inline-block; width: 150px; font-size: 1.5rem; font-weight: bold; }
	.utong_div .utong_intro_cont img { width: 100% !important; }
	.utong_div .utong_intro_cont .utong_detail_li_content .utong_channel ul li { display: flex; flex-direction: column; padding: 5px 10px; border-bottom: 1px solid #ddd; }
	.utong_div .utong_intro_cont .utong_detail_li_content .utong_channel ul li .utong_chnn_title { color: black; display: flex; align-items:center; padding: 5px 10px; min-width: 150px; font-family:'GmarketSansMedium'; font-size: 18px;  }
	.utong_div .utong_intro_cont .utong_detail_li_content .utong_channel ul li .utong_chnn_sub { display: flex; justify-content: flex-start; flex-direction: row; flex-wrap:wrap; }
	.utong_div .utong_intro_cont .utong_detail_li_content .utong_channel ul li .utong_chnn_sub button { margin-bottom: 5px; margin-right: 10px; background-color: white; border: 1px solid #ddd; border-radius: 10px; line-height: 28px; }
}
@media screen and (min-width: 790px){ /*PC버전*/
	.utong_div .utong_intro .utong_intro_title { margin: 40px 0px; padding: 10px 20px; font-size: 2rem; }	
	.utong_div .utong_intro_artc,
	.sub_intro_cont { margin: 0 auto; width: 1300px; font-size: 15px; font-family: 'GmarketSansMedium';}
	.utong_div .utong_artc_title { margin: 30px 10px 20px 10px; padding-left: 10px; border-left: 8px solid #07449c; font-size: 2rem; }
	.utong_div .utong_intro_cont .intro_main_title { display: inline-block; width: 150px; font-weight: bold; }
	.utong_div .utong_intro_cont img { width: 100%; /*max-width: 900px;*/}
	.utong_div .utong_intro_cont .utong_detail_li_content .utong_channel ul li { display: flex; flex-direction: row; padding: 5px 10px; border-bottom: 1px solid #ddd; }
	.utong_div .utong_intro_cont .utong_detail_li_content .utong_channel ul li .utong_chnn_title { color: black; display: flex; align-items:center; padding: 5px 10px; min-width: 150px; font-family:'GmarketSansMedium'; font-size: 18px; }
	.utong_div .utong_intro_cont .utong_detail_li_content .utong_channel ul li .utong_chnn_sub { display: flex; justify-content: flex-start; flex-direction: row; flex-wrap:wrap; }
	.utong_div .utong_intro_cont .utong_detail_li_content .utong_channel ul li .utong_chnn_sub button { margin-bottom: 5px; margin-right: 10px; background-color: white; border: 1px solid #ddd; border-radius: 10px; line-height: 28px; }
}
.utong_div .utong_intro,
.sub_intro { display: flex; flex-direction: column; justify-content: center; width: 100%; font-family: 'GmarketSansMedium'; font-size: 15px;}
.utong_div .utong_intro_title { background-color: white; border: 1px solid #07449c; color: #07449c; }
.utong_div .utong_artc_title { font-family: 'GmarketSansMedium'; color: #02459e; }
.utong_div .utong_intro_cont { margin: 0px 10px; padding: 0px 10px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; line-height: 25px; }

/*------유통채널 목록-------*/
.utong_div .utong_intro_cont .utong_detail_li_content{ padding: 10px; background-color: #f4f4f4; font-family:'Nanum Gothic'; font-size: 14px; color: #696969; line-height: 27px;}
.utong_div .utong_intro_cont .utong_detail_li_content .utong_channel { background-color: white; border-radius: 10px; word-spacing: 5px;}
.utong_div .utong_intro_cont .utong_detail_li_content .utong_channel_list { display:inline-block; }
.utong_div .utong_intro_cont .utong_detail_li_content .utong_channel ul li img { width: 28px !important; height: 28px; vertical-align: middle;}

.video_inner {
    position: relative;
    width: 100%;
    height: auto;
}

.utong_gate_img {
    width: 100%;
    display: block;
}

.utong_intro_summary {
    position: absolute;
    top: 50%;
    left: 47.5%;
    transform: translate(-50%, -50%);
    /*background: rgba(255, 255, 255, 0.2);*/
    padding: 40px 60px;
    border-radius: 16px;
    text-align: center;
    /*box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);*/
    max-width: 90%;
    width:1395px;
    z-index: 10;
}

.intro_inner h2 {
    font-size: 80px;
    font-weight: 900;
    margin-bottom: 24px;
    color: #ffffff;
    /*font-family: 'Black Han Sans', sans-serif;*/
    font-family: 'GmarketSansBold';
}

.expo_info {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #ffffff;
    line-height: 2.2;
    font-family: 'GmarketSansBold';
}

/* 모바일 대응 */
@media (max-width: 768px) {
    .utong_intro_summary {
        padding: 20px 20px;
        width: 80%;
        top: 48%;
        left: 50%;
    }

    .intro_inner h2 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .expo_info {
        font-size: 14px;
        line-height: 1.8;
    }
}




/*------참가자 목록-------*/

@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
	.utong_div .utong_members { background-color: #f2f2f2; }
	.utong_div .utong_members .utong_member_title { margin: 30px 0px; padding: 10px 20px; font-size: 1.3rem; }
	.utong_div .utong_members .utong_member_artc { margin: 0 auto; width: 100%; }
	.utong_div .utong_members .utong_member_artc .utong_artc_title { margin: 30px 10px 20px 10px; font-size: 1.3rem; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_main_title { display: inline-block; width: 150px; font-size: 1rem; font-weight: bold; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5px; padding: 10px; background-color: white; border-radius: 30px; width: 40%; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .prof_img { width: 50px; height: 50px; margin-bottom: 10px; border-radius: 100%; background-color: white; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .icon { width: 15px; height: 15px; vertical-align: middle; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .com_nm { font-family: 'GmarketSansMedium'; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .mem_nm { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .com_type { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .ph_num { font-family: "S-CoreDream-4Regular"; font-size: 14px; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .mem_btn { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .mem_btn .add_frd_btn { margin-top: 5px; margin-right: 3px; width: 100%; height: 30px; background-color: #3561ca; border: 0px; border-radius: 5px; font-family: 'S-CoreDream-5Medium'; color: white; cursor: pointer; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .mem_btn .view_prd_btn,
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .mem_btn .view_sugg_btn { margin-top: 5px; width: 100%; height: 30px; background-color: white; border: 2px solid #3561ca; border-radius: 5px; font-family: 'S-CoreDream-5Medium'; color: #3561ca; cursor: pointer; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .mem_btn .view_sugg_btn2 { margin-top: 5px; width: 100%; height: 30px; background-color: white; border: 2px solid #3561ca; border-radius: 5px; font-family: 'S-CoreDream-5Medium'; color: #3561ca; cursor: pointer; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 20px; line-height: 25px; width: 100%; font-size: 15px;}


	.utong_div .utong_members .utong_member_artc .utong_member_all .member_main_title { display: inline-block; width: 150px; font-size: 1rem; font-weight: bold; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5px; padding: 10px; background-color: white; border-radius: 30px; width: 42%; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .prof_img { width: 50px; height: 50px; margin-bottom: 10px; border-radius: 100%; background-color: white; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .icon { width: 15px; height: 15px; vertical-align: middle; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .com_nm { font-family: 'GmarketSansMedium'; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .mem_nm { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .com_type { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .ph_num { font-family: "S-CoreDream-4Regular"; font-size: 14px; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .mem_btn { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .mem_btn .add_frd_btn { margin-top: 5px; margin-right: 3px; width: 100%; height: 30px; background-color: #3561ca; border: 0px; border-radius: 5px; font-family: 'S-CoreDream-5Medium'; color: white; cursor: pointer; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .mem_btn .view_prd_btn,
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .mem_btn .view_sugg_btn { margin-top: 5px; width: 100%; height: 30px; background-color: white; border: 2px solid #3561ca; border-radius: 5px; font-family: 'S-CoreDream-5Medium'; color: #3561ca; cursor: pointer; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .mem_btn .view_sugg_btn2 { margin-top: 5px; width: 100%; height: 30px; background-color: white; border: 2px solid #3561ca; border-radius: 5px; font-family: 'S-CoreDream-5Medium'; color: #3561ca; cursor: pointer; }
	.utong_div .utong_members .utong_member_artc .utong_member_all { display: flex; flex-direction: row; padding-bottom: 20px; line-height: 25px; width: 100%; font-size: 15px;}

}
@media screen and (min-width: 790px){ /*PC버전*/
	.utong_div .utong_members .utong_member_title { margin: 40px 0px; padding: 10px 20px; font-size: 2rem; }	
	.utong_div .utong_members .utong_member_artc { margin: 0 auto; width: 1400px; }
	.utong_div .utong_members .utong_member_artc .utong_artc_title { margin: 30px 10px 20px 10px; font-size: 2rem; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_main_title { display: inline-block; width: 150px; font-weight: bold; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info { position: relative; display: flex; width: 20%; flex-direction: column; margin: 5px; padding: 10px; background-color: #f9faff; border: 1px solid #d4e6fd;  border-radius: 10px; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .prof_img { width: 50px; height: 50px; margin-bottom: 10px; border-radius: 100%; background-color: white; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .icon { width: 15px; height: 15px; vertical-align: middle; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .com_nm { font-family: 'GmarketSansMedium'; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .mem_nm { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .com_type { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .ph_num { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .mem_btn { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .mem_btn .add_frd_btn { margin-top: 5px; margin-right: 3px; width: 127px; height: 30px; background-color: #3561ca; border: 0px; border-radius: 5px; font-family: 'S-CoreDream-5Medium'; color: white; cursor: pointer; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .mem_btn .view_prd_btn,
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .mem_btn .view_sugg_btn { margin-top: 5px; width: 127px; height: 30px; background-color: white; border: 2px solid #3561ca; border-radius: 5px; font-family: 'S-CoreDream-5Medium'; color: #3561ca; cursor: pointer; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont .member_info .mem_btn .view_sugg_btn2 { margin-top: 5px; width: 127px; height: 30px; background-color: white; border: 2px solid #3561ca; border-radius: 5px; font-family: 'S-CoreDream-5Medium'; color: #3561ca; cursor: pointer; }
	.utong_div .utong_members .utong_member_artc .utong_member_cont { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0px 10px; padding-bottom: 20px; line-height: 25px; width: 100%; font-size: 15px;}


	.utong_div .utong_members .utong_member_artc .utong_member_all .member_main_title { display: inline-block; width: 150px; font-weight: bold; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info { position: relative; display: flex; width: 20%; flex-direction: column; margin: 5px; padding: 10px; background-color: #f9faff; border: 1px solid #d4e6fd;  border-radius: 10px; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .prof_img { width: 50px; height: 50px; margin-bottom: 10px; border-radius: 100%; background-color: white; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .icon { width: 15px; height: 15px; vertical-align: middle; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .com_nm { font-family: 'GmarketSansMedium'; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .mem_nm { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .com_type { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .ph_num { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .mem_btn { font-family: "S-CoreDream-4Regular"; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .mem_btn .add_frd_btn { margin-top: 5px; margin-right: 3px; width: 127px; height: 30px; background-color: #3561ca; border: 0px; border-radius: 5px; font-family: 'S-CoreDream-5Medium'; color: white; cursor: pointer; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .mem_btn .view_prd_btn,
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .mem_btn .view_sugg_btn { margin-top: 5px; width: 127px; height: 30px; background-color: white; border: 2px solid #3561ca; border-radius: 5px; font-family: 'S-CoreDream-5Medium'; color: #3561ca; cursor: pointer; }
	.utong_div .utong_members .utong_member_artc .utong_member_all .member_info .mem_btn .view_sugg_btn2 { margin-top: 5px; width: 127px; height: 30px; background-color: white; border: 2px solid #3561ca; border-radius: 5px; font-family: 'S-CoreDream-5Medium'; color: #3561ca; cursor: pointer; }
	.utong_div .utong_members .utong_member_artc .utong_member_all { display: flex; flex-direction: row; margin: 0px 10px; padding-bottom: 20px; line-height: 25px; width: 100%; font-size: 15px;}

}
.utong_div .utong_members { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; }
.utong_div .utong_members .utong_member_title { background-color: white; border: 1px solid #07449c; color: #07449c; }
.utong_div .utong_members .utong_member_artc .utong_artc_title { font-family: 'GmarketSansMedium'; color: #02459e; }

/*----utong_foot----*/
.utong_div .utong_foot { /*display: flex;*/ margin-top: 30px; background-color: #f5f5f5; border-top: 1px solid #eee; }
@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
	.utong_div .utong_foot .utong_fartc { padding: 19px 10px; width: calc(100% - 20px); }
	.mobile_pc_chk { display: none; }
}
@media screen and (min-width: 790px){ /*PC버전*/
	.utong_div .utong_foot .utong_fartc { margin: 0 auto; padding: 11px 10px; width: 1280px; }
	.mobile_pc_chk {  }
}
.utong_div .utong_foot .utong_fartc { line-height: 25px; color: #6d6d6d; }
.utong_div .utong_foot .utong_fartc .sub_title { font-weight: bold; line-height: 30px; }
.utong_div .utong_foot .utong_fartc .sub_info { color: #969696; }
.utong_div .utong_foot .utong_fartc button { margin: 10px 0px; padding: 7px; background-color: white; border: 1px solid #ddd; font-size: 14px; cursor: pointer; }

.utong_intro .utong_intro_artc .notice_list { position: relative; display: flex; flex-direction: column; margin-bottom: 60px; }
.utong_intro .utong_intro_artc .notice_list .subject { display: flex; flex: 1; margin-left: 95px; margin-bottom: 25px; font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: bold; line-height: 34px; color: #202020; }
.utong_intro .utong_intro_artc .notice_list .comment { display: flex; flex: 1; margin-left: 95px; margin-bottom: 20px; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 25px; color: #202020; }
.utong_intro .utong_intro_artc .notice_list .wdate { display: flex; flex: 1; margin-left: 95px; font-size: 14px; color: #aaaaaa; }
.utong_intro .utong_intro_artc .notice_list .time { position: absolute; top: 0px; left: 0px; display: flex; justify-content: center; align-items: center; background-color: #bbbbbb; width: 80px; height: 34px; border-radius: 10px; font-size: 14px; color: white; }

/*-----스크롤바-----*/
.scroll_bar::-webkit-scrollbar { width: 10px; }
.scroll_bar::-webkit-scrollbar-thumb { background-color: #c9c9cb; border-radius: 10px; background-clip: padding-box; border: 1px solid white; }
.scroll_bar::-webkit-scrollbar-track { background-color: rgba(255,255,255,0); border-radius: 10px; box-shadow: inset 0px 0px 5px white; }


/* new_prod */
@media screen and (min-width: 790px){ /*PC버전*/
	.new_prod .prod_con .product-list {display:flex; flex-wrap:wrap; margin:-32px -17px;}
	.new_prod .prod_con .product-list .list-li {width:calc(33.3333% - 34px); margin:32px 17px;}

	.modal_wrap .modal_box {width:700px;}
	.modal_wrap .modal_box .info_box .com_name {display:block; margin-bottom:46px; font-size:32px; line-height:1; text-align:center;}
	.modal_wrap .modal_box .info_box {padding: 62px 95px 35px 84px;}
	.modal_wrap .modal_box .info_box ul li {display:flex; align-items:center; font-size:18px; font-weight:400; line-height:1.5; letter-spacing:-1px;}
	.modal_wrap .modal_box .pop_tit p {font-size:17px; font-weight:400; line-height:1.5; letter-spacing:-1px;}
	.modal_wrap .modal_box .pop_close {top:3px; right:11px; width:50px; height:50px; background-image:url(../images/ico/ico_pc_popclose_sm.svg); background-size:42px;}
	.new_prod .prod_con ul li p img{height: 447px; width: 100%; object-fit: cover;}
	.new_prod .prod_con ul li .btn_wrap {margin-top:26px; display: flex; font-size: 17px;}
}
.new_prod .wrapper {width:1410px; margin:0 auto;}
.new_prod {padding:110px 0 150px;}
.new_prod .main_tit {margin-bottom:60px;}
.new_prod .prod_con {position:relative; font-family: GmarketSansMedium;}


.new_prod .prod_con ul li p {cursor: pointer; position: relative;}

.new_prod .prod_con ul li .pic {width:100%; height:auto;}
.new_prod .prod_con ul li .txt_box {margin-top:26px;}
.new_prod .prod_con ul li .txt_box p {margin-bottom:5px; font-size:18px; font-weight:400; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.new_prod .prod_con ul li .txt_box strong {font-size:28px;}
.new_prod .prod_con ul li .txt_box .tags {margin-top:17px; min-height:20px; font-size:0;}
.new_prod .prod_con ul li .txt_box .tags span {display:inline-block; margin-right:3px; padding:1px 7px; color:#555; font-size:12px; font-weight:400; letter-spacing:-1px; text-align:center; word-break:keep-all; border-radius:3px; background:#f1f1f1;}
.new_prod .prod_con ul li .txt_box .tags span:last-of-type {margin-right:0;}


.new_prod .prod_con ul li .btn_wrap a{flex: 1; display: block;
    padding: 13px 0 11px;
    color: #fff;
    letter-spacing: -1px;
    text-align: center;
    border-radius: 2px;
    /*background: #0a53bf;*/
    color: black;}
.new_prod .prod_con ul li .btn_wrap a + a {margin-left: 10px; color:white;}

.new_prod .prod_con ul li .btn_wrap .gy_btn{flex: 1; flex: 1;
    display: block;
    padding: 13px 0 11px;
    color: #fff;
    letter-spacing: -1px;
    text-align: center;
    border-radius: 2px;
    background: #0a53bf;
    color: white;}
/*.new_prod .prod_con ul li .btn_wrap .ico_source::after {content:''; display:inline-block; width:19px; height:19px; margin-left:10px; vertical-align:middle; background:url(../images/ico/ico_pc_newprod_sourcing.svg) no-repeat; background-size:contain;}*/

.new_prod .prod_con .btn_go {bottom:calc(100% + 28px);}
.new_prod .prod_con .btn_more {width:198px; margin:71px auto 0; background:#f1f1f1;}

.btn_style_blue {display:block; padding:13px 0 11px; color:#fff; letter-spacing:-1px; text-align:center; border-radius:2px; background:#0a53bf;}
.btn_style_blue.empty {color:#0a53bf; border:1px solid #0a53bf; background:#fff;}
.btn_style_blue.black {background:#222;}
.empty {display: block; padding: 13px 0 11px; letter-spacing: -1px; text-align: center; border-radius: 2px; color: #0a53bf; border: 1px solid #0a53bf; background: #fff;}
a, a:link, a:visited{
	/*color: #000000;*/
	word-break: break-all;
}

.img_wrap {
  position: relative;
  display: inline-block;
}

.prod-count-badge {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 4px 8px;
  font-size: 13px;
  border-radius: 4px;
  z-index: 1;
  top: 8px;
  left: 8px;
}


@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/

	.new_prod .prod_con .product-list {display:flex; flex-wrap:wrap; }
	.new_prod .prod_con .product-list .list-li {width:100%; margin-right: 10px;
    margin-left: 7px;
    margin-top: 60px;}
  .new_prod .prod_con ul li .btn_wrap {margin-top:26px; display: flex; font-size: 15px;}
	.new_prod .wrapper {margin:0 auto; width: 100%;}
	.new_prod .prod_con ul li p img{width: 100%; position: relative;}

	.modal_wrap .modal_box .info_box {padding: 40px 27px 0;}
	.modal_wrap .modal_box {width: calc(100% - 32px); height: 500px; font-family: 'GmarketSansMedium'; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:20px; background:#fff;}
	.modal_wrap .modal_box .info_box .com_name {display: block;
    margin-bottom: 46px;
    font-size: 16px;
    line-height: 1;
    text-align: center;}
   .modal_wrap .modal_box .info_box ul li {display:flex; align-items:center; font-size:13px; font-weight:400;  letter-spacing:-1px;}
   .modal_wrap .modal_box .pop_tit p {font-size:14px; font-weight:400; line-height:1.5; letter-spacing:-1px;}
   .modal_wrap .modal_box .pop_close {top:3px; right:11px; width:30px; height:41px; background-image:url(../images/ico/ico_pc_popclose_sm.svg); background-size:32px;}

}

/* 팝업 */
.modal_wrap {display:none; position:fixed; z-index:99999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.45);}
.modal_wrap .modal_box {font-family: 'GmarketSansMedium'; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:20px; background:#fff;}
.modal_wrap .modal_box .pop_close {border: 0;
    background-color: white; display:block; position:absolute; z-index:1; text-indent:-9999px; background-repeat:no-repeat; background-position:center;}


.modal_wrap .modal_box .pop_tit {display:flex; align-items:center; padding:15px 27px 11px; border-bottom:1px solid #f1f1f1;}
.modal_wrap .modal_box .pop_tit .prod_name {padding-left:16px; color:#999; font-size:14px; font-weight:400; line-height:1.5; letter-spacing:-0.5px;}

.modal_wrap .modal_box .info_box ul {padding:23px 0 27px; border-top:1px solid #f1f1f1;}
.modal_wrap .modal_box .info_box ul li + li {margin-top:15px;}
.modal_wrap .modal_box .info_box ul li span {flex-shrink:0; display:block; width:129px; color:#777; font-size:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit;}
.modal_wrap .modal_box .info_box ul li p {font-size:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit;}
.modal_wrap .modal_box .info_box .date {color:#999; font-size:18px; font-weight:400; line-height:1.5; padding-top:29px; text-align:center; border-top:1px solid #f1f1f1;}



/* 푸터 */
.top-area{
    display: flex;
    align-items: center;
    height: 48px;
    background: #53545a;
    justify-content: center;
}
.top-area span{
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 24px;
    color: #DEE0E3;
    margin-right: 40px;
}
.top-area .policy{
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 24px;
    color: #BCBEC2;
}
.top-area .view-all{
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 24px;
    align-items: center;
    color: #F0F2F4;
    margin-left: 818px;
}
.top-area a:last-child img{
    margin-left: 11.5px;
    margin-top: 7px;
}

.mid-area{
    display: flex;
    justify-content: center;
    background: #4a4b50;
    height: 80px;
    padding-right: 131px;
}
.mid-area a{
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #BCBEC2;
}
.mid-area a:last-child{
    margin-right: 265px;
}
.mid-area a img{
    color: #BCBEC2;
    margin-left: 11.5px;
    margin-right: 50.67px;
}

.bottom-area{
    height: 384px;
    background: #5f6168;
    display: flex;
    justify-content: center;
}
.left-cont{
    display: flex;
    flex-direction: column;
    margin-top: 43.5px;
}
.left-cont .logo-img{
    width: 165.67px;
    margin-bottom: 20px;
}
.left-cont button{
    display: flex;
    justify-content: space-between;
    padding: 6px 25px 0 20px; 
    background: transparent;
    border: 1px solid #FFFFFF;
    color: #fff;
    border-radius: 4px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 34px;
    width: 200px;
    height: 45px;
}
.left-cont button img{
    margin-top: 12px;
    height: 10px;
}
.left-cont button{
    margin-top: 10px;
    cursor: pointer;
}

.right-cont{
    margin-top: 40px;
    margin-left: 130px;
}
.right-cont h5{
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 24px;
    color: #DEE0E3;
}
.right-cont p{
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 24px;
    color: #BCBEC2;
}
.right-cont .first-para{
   /* margin-top: 12px;
    margin-bottom: 8px;*/
}
.right-cont .second-para{
    margin-bottom: 32px;
    text-transform: lowercase;
}

.mo-white-space{
    display: none;
}
/* 
.mo_display{
    display: none;
} */

.mo_img_display{
    display: none;
}
.mo_img_display1{
    display: none;
}
.studygroup-section-mo{
    display: none;
}
.mo_display_sum{
    display: none;
}
.mo_button{
    display: none;
}
.mo-top-area{
    display: none;
}

html{
    font-size: 62.5%;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-padding-top: 6rem;
}











/* 모바일 푸터 */
@media screen and (min-width: 100px) and (max-width:790px){ /*모바일버전*/
    .top-area{
        display: none;
    }
    .mo-top-area{
    	font-family: 'Noto Sans KR';
        display: block;
        width: 100%;
        /*height: 97px;*/
        background: #53545a;
    }
    .mo-top-area div, .view-all{
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        display: flex;
        align-items: center;
        color: #ffffff !important;
        height: 24px;

    }
    .mo-top-area div{
        border-bottom: 1px solid #75767b;
        width: 90%;
        display: flex;
        justify-content: space-between;
        margin-left: 20px;
        padding: 23px 0;
    }
    .view-all img{
        margin-left: 11.5px;
    }
    .policy{
        font-weight: 400;
        font-size: 14px;
        line-height: 51px;
        color: #ffffff !important;
        margin-left: 20px;
        display: flex;
        align-items: center;
    }

    .mid-area{
        display: grid;
        grid-template-areas: 
        "a1 a4"
        "a2 a5"
        "a3 a6";
        grid-template-columns: 50% 50%;
        height: 184px;
        padding-right: 0px;
    }
    .mid-area a{
        width: 360px;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        height: 24px;
        margin: 0 auto;
        padding-top: 24px;
        padding-left: 20px;
    }
    .mid-area a:first-child{
        grid-area: a1;
    }
    .mid-area a:nth-of-type(2){
        grid-area: a2;
    }
    .mid-area a:nth-of-type(3){
        grid-area: a3;
    }
    .mid-area a:nth-of-type(4){
        grid-area: a4;
        width: 100%;
    }
    .mid-area a:nth-of-type(5){
        grid-area: a5;
        width: 100%;
    }
    .mid-area a:nth-of-type(6){
        grid-area: a6;
        width: 100%;
    }
    .mid-area a img{
        margin-right: 38.67px;
    }
    .bottom-area{
        flex-direction: column;
        height: 612px;
        width: 100%;
    }
    .left-cont{
        margin-top: 0;
        margin-left: 20px;
    }
    .left-cont button{
        width: 100%;
        height: 44px;
        line-height: 34px;
        cursor: pointer;
    }
    .left-cont button:nth-of-type(1){
        /*margin-top: 27.4px;*/
    }
    .left-cont .logo-img{
        width: 48.59%;
        margin-bottom: 0;
    }
    .right-cont{
        width: 90%;
        margin: 24px 0 0 20px;
    }
    .right-cont p{
        font-size: 12px;
        line-height: 20px;
    }
    .right-cont h5{
        height: 24px;
    }
    .last-para{
        margin-top: 24px;
    }
}

@media screen and (max-width: 767px) {
	.meta_gallery_list .meta_com_nm{
		padding: 6px 12px;
    position: absolute;
    height: 36px;
    right: 14px;
    top: 202px;
    background: rgb(0 0 0 / 30%);
    border: 1px solid #FFFFFF;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 100;
	}
}


.meta_gallery_list {position: relative;}



.bg_blue{    background: #0a53bf;}

@media screen and (min-width: 790px){ /*PC버전*/

	.meta_gallery_list .meta_com_nm{
		padding: 6px 12px;
    position: absolute;
    height: 36px;
    right: 20px;
    top: 404px;
    background: rgb(0 0 0 / 30%);
    border: 1px solid #FFFFFF;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 100;
	}

	.wrapper {
	width: 1410px;
	margin: 0 auto;
	 font-family: GmarketSansMedium;
	}

	/* expo_timer */
	.expo_timer .con_box .talk li .pic img{
		width: 37px;
	  height: 37px;
	  overflow: hidden;
	  border-radius: 50px;
	}
	.expo_timer {padding:110px 0; margin-bottom: 70px;}
	.expo_timer .now_tit {margin-bottom:110px; color:#fff; font-size:32px; font-weight:400; line-height:1; text-align:center;}
	.expo_timer .con_box {display:flex; justify-content:space-between; align-items:center; margin-left: 40px;}
	.expo_timer .con_box .timer {display:flex; width:100%; flex-wrap: wrap; margin:-55px -15px; color:#fff; text-align:center;}
	.expo_timer .con_box .timer li {flex-shrink:0; width:40%; padding:55px 15px;}
	.expo_timer .con_box .timer li strong {color:inherit; font-size:90px; font-weight:900; line-height:1; letter-spacing:-2px;}
	.expo_timer .con_box .timer li p {margin-top:23px; color:inherit; font-size:17px; font-weight:400; line-height:1.448;}

	.expo_timer .con_box .talk {
	  display: flex;
	  flex-wrap: wrap; 
	  margin-left: 140px;
	  margin-right: 100px;
      width: 558px;
	}
	.expo_timer .con_box .talk li {
	  flex-shrink: 0;
	  display: flex;
	  align-items: center;
	  padding: 19px 36px 24px 28px;
	  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.11);
	  border-radius: 50px;
	  background: #fff;
	  margin-right: 18px; /* 요소 사이 간격 조절 */
	  margin-top: 15px;
	  width: 558px;
	}
	.expo_timer .con_box .talk li:last-child {
	  margin-right: 0; /* 마지막 요소는 간격 제거 */
	}
	.expo_timer .con_box .talk li > div {
	  display: flex;
	  align-items: center;
	}
	.expo_timer .con_box .talk li .company::before {
	  content: "";
	  display: inline-block;
	  width: 31px;
	  height: 16px;
	  margin: 0 30px 0 22px;
	  background: url(../images/ico/ico_pc_timer_arrow.svg) no-repeat;
	}
	.expo_timer .con_box .talk li > p {
	  margin-left: 58px;
	  font-size: 15px;
	  font-weight: 400;
	  line-height: 1;
	}
	.expo_timer .con_box .talk li .pic {
	  width: 37px;
	  height: 37px;
	  overflow: hidden;
	  border-radius: 50px;
	}

	.expo_timer .con_box .talk li .txt {
	  margin-left: 7px;
	  text-align: center;
	  flex-grow: 1; /* 나머지 공간 차지 */
	}
	.expo_timer .con_box .talk li .txt span {
	  color: #0a53bf;
	  font-size: 12px;
	  font-weight: 400;
	  line-height: 1;
	  letter-spacing: -1px;
	}
	.expo_timer .con_box .talk li .txt p {
	  margin-top: 6px;
	  font-size: 14px;
	  font-weight: 400;
	  line-height: 1;
	}
}


@media screen and (max-width: 767px) {
.wrapper {

margin: 0 auto;
 font-family: GmarketSansMedium;
}




.expo_timer {
padding: 50px 0;
}

.expo_timer .now_tit {
display: flex;
margin-bottom: 50px;
font-size: 24px;
color: white;
justify-content: center;
}

.expo_timer .con_box {
flex-direction: column;
align-items: center;
}

.expo_timer .con_box .timer {
margin: 0;
    /* padding: 30px 0; */
    display: flex;
    flex-wrap: wrap;
    color: white;
    /* margin-left: 30px;*/
}

.expo_timer .con_box .timer li {
width: 50%;
padding: 30px 0;
}

.expo_timer .con_box .timer li strong {
font-size: 60px;
}

.expo_timer .con_box .timer li p {
margin-top: 10px;
font-size: 14px;
}

.expo_timer .con_box .talk {
flex-shrink: 0;
width: 100%;
margin-top: 50px;
}

.expo_timer .con_box .talk li {
display: flex;
align-items: center;
padding: 15px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.11);
border-radius: 50px;
background: #fff;
margin-bottom: 10px;
}

.expo_timer .con_box .talk li > div {
display: flex;
align-items: center;
/*flex: 1;*/
}

.expo_timer .con_box .talk li > p {
font-size: 13px;
font-weight: 400;
line-height: 1;
margin-left: 10px;
flex: 1;
display: block;
margin-top: 10px;
}

.expo_timer .con_box .talk li .company::before {
content: '';
display: inline-block;
width: 18px;
height: 12px;
margin: 0 10px;
background: url(../images/ico/ico_pc_timer_arrow.svg) no-repeat;
}

.expo_timer .con_box .talk li .pic {
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50px;
margin-right: 10px;
}
.expo_timer .con_box .talk li .pic img{
		width: 30px;
		height: 30px;
}

.expo_timer .con_box .talk li .txt {
flex: 1;
}

.expo_timer .con_box .talk li .txt span {
color: #0a53bf;
font-size: 11px;
font-weight: 400;
line-height: 1;
letter-spacing: -0.5px;
}

.expo_timer .con_box .talk li .txt p {
margin-top: 4px;
font-size: 13px;
font-weight: 400;
line-height: 1;
}


}


/* 전시관 상품 wrapper */
.utong_prod_wrapper {
    padding: 40px 20px;
    background: #f9f9f9;
}

.utong_prod_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.utong_prod_item {
    flex: 1 1 calc(33.333% - 20px);
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.2s ease;
}

.utong_prod_item:hover {
    transform: translateY(-5px);
}

.eco-item {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.eco-item-img {
    width: 100%;
    padding-bottom: 75%;
    position: relative;
    margin-bottom: 15px;
}

.eco-item-img img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.eco-item-price-num {
    font-size: 14px;
    margin-bottom: 10px;
    color: #555;
}

.eco-item-content {
    flex: 1;
}

.eco-item-tag-wrapper {
    font-size: 13px;
    margin-bottom: 10px;
    color: #888;
}

.eco-item-tag {
    display: inline-block;
    background: #eee;
    padding: 2px 8px;
    border-radius: 20px;
    margin-right: 5px;
    font-size: 12px;
    color: #444;
}

.eco-item-name {
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.eco-item-price {
    font-size: 13px;
    color: #666;
}

.prod_grid_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 가운데 정렬 */
    gap: 20px;
    max-width: 1080px; /* 최대 너비 제한 */
    margin: 0 auto; /* 가운데 정렬을 위한 마진 */
    padding: 20px 10px;
}

.prod_grid_item {
    flex: 0 1 calc(33.333% - 20px); /* 한 줄에 3개씩 */
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.prod_grid_item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}


@media screen and (max-width: 1024px) {
    .utong_prod_item {
        flex: 1 1 calc(50% - 20px);
    }
    .prod_grid_item {
        flex: 0 1 calc(50% - 20px);
    }
}

@media screen and (max-width: 600px) {
    .utong_prod_item {
        flex: 1 1 100%;
    }
    .prod_grid_item {
        flex: 0 1 100%; 
    }
}



@media screen and (max-width: 768px) {
    /* 공통 구조 수정 */
    .utong_info_margin {
      flex-direction: column;
      align-items: center;
      gap: 10px;
      margin: 30px 0;
    }
  
    .utong_info_margin > a {

    }
  
    .utong_contents {
      flex-direction: row;
      /*padding: 10px;*/
    }
  
    .utong_con_box {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .utong_con_box img {
      height: auto;
    }
  
    .utong_con_subject {
      font-size: 1.3rem;
    }
  
    .utong_con_contents {
      font-size: 1.1rem;
      color: #555;
    }
  
    /* 전시 상품 그리드 */
    .prod_grid_wrapper {
        padding: 61px 10px;
        display: flex;
        flex-direction: row;
        gap: 20px;
    }
  
    .prod_grid_item {
      flex: 1 1 100%;
      margin: 0;
    }
  
    .eco-item {
      padding: 15px;
    }
  
    .eco-item-price-num {
      font-size: 14px;
      margin-bottom: 10px;
    }
  
    .eco-item-tag-wrapper {
      font-size: 12px;
    }
  
    .eco-item-name {
      font-size: 14px;
    }
  
    .eco-item-price {
      font-size: 13px;
    }
  
    /* 타이머 & 토크 */
    .expo_timer .wrapper {
      padding: 0 10px;
    }
  
    .expo_timer .timer {
      align-items: center;
    }
  
    .expo_timer .timer li {
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
    }
  
    .expo_timer .timer li strong {
      font-size: 36px;
    }
  
    .expo_timer .talk {
      flex-direction: column;
      width: 100%;
      margin: 20px auto 0;
    }
  
    .expo_timer .talk li {
      /*width: 95%;*/
      font-size: 13px;
      padding: 15px;
      margin: 5px auto;
    }
  
    /* 로그인 및 상단 메뉴 */
    .utong_top .utong_artc {
      flex-direction: row;
      justify-content: space-between;
      padding: 0 10px;
    }
  
    .utong_top_cont {
      /*display: none !important;*/
    }
  
    /* 하단 푸터 로고, 버튼 */
    .left-cont {
      margin: 20px;
    }
  
    .left-cont button {
      margin: 10px auto;
      font-size: 1.3rem;
    }
  
    .right-cont {
      margin: 20px;
      font-size: 1.2rem;
    }
  
    .right-cont h5 {
      font-size: 1.3rem;
      margin-top: 10px;
    }
  
    .right-cont p {
      font-size: 1.1rem;
      line-height: 1.6rem;
    }
  
    /* 메뉴 오버레이 */
    .utong_menu_div {
      font-size: 1.5rem;
      padding: 15px;
    }
  
    .utong_menu_div .sub_nm {
      font-size: 1.4rem;
      padding: 12px 15px;
    }
  
    .utong_menu_div .menu_footer button {
      font-size: 1.3rem;
      padding: 8px;
    }

    .modal_wrap .modal_box .info_box .date {color:#999; font-size:18px; font-weight:400; line-height:1.5; padding-top:15px; text-align:center; border-top:1px solid #f1f1f1;}

  }
  


/*로그인 영역*/
.login_div {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap; 
  justify-content: flex-end;
  padding: 10px 0;
}

.login_div button {
  padding: 8px 14px;
  font-size: 14px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* 기본 버튼 */
.login_div .secondary {
  color: #ffffff;
}

.login_div .primary {
  background-color: #3461ca;
  color: white;
  border: 1px solid #3461ca;
}
.login_div .primary:hover {
  background-color: #274bb0;
}

.menuPopup {
  display: none;
  position: absolute;
  top: 50px;
  right: 10px;
  background-color: white;
  border: 1px solid #ddd;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  padding: 15px;
  z-index: 1000;
  border-radius: 6px;
}



/*utongnews.php*/

.utong_news_wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: 'Noto Sans KR', sans-serif;
}

.news_header {
  text-align: center;
  margin-bottom: 40px;
}

.news_header h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}

.news_header p {
  color: #666;
  font-size: 16px;
}

.news_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.news_item {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 8px;
  transition: all 0.3s ease;
  background-color: #fff;
}

.news_item:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.news_item a {
  text-decoration: none;
  color: inherit;
}

.news_title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.news_summary {
  color: #555;
  font-size: 15px;
  margin-bottom: 10px;
}

.news_meta {
  font-size: 13px;
  color: #999;
  display: flex;
  justify-content: space-between;
}

.no_data {
  text-align: center;
  padding: 50px 0;
  font-size: 16px;
  color: #999;
}


.utong_menu_div {
  display: block !important;
}

.hamburger_btn {
  font-size: 2.4rem;
  color: white;
  cursor: pointer;
}

/* 사이드바 기본 위치 = 화면 오른쪽 밖 */
.utong_menu_div {
  position: fixed;
  top: 0; right: 0;
  height: 100vh;
  background: #fff;
  transform: translateX(100%);     
  transition: transform 0.3s ease;   
  z-index: 1001;
  overflow-y: auto;
  box-shadow: -4px 0 8px rgba(0,0,0,0.1);
}

/* 열렸을 때 */
.utong_menu_div.open {
  transform: translateX(0);  
}

/* 왼쪽 20% 덮는 반투명 레이어 */
.menu_overlay {
  position: fixed;
  top: 0; left: 0;
  width: 20vw; height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 1000;
}
.menu_overlay.open {
  opacity: 1;
  pointer-events: auto;
}

.utong_menu_div .x_btn {
  position: absolute;
  top: 16px; right: 16px;
  background: none;
  border: none;
  font-size: 2rem;
  cursor: pointer;
}

.mobile_logo {
  display: block;
  margin: 60px auto 20px;
  max-width: 150px;
}

.utong_menu_div ul {
  padding: 0 20px;
}
.utong_menu_div .menu_title {
  font-size: 1.8rem;
  margin: 16px 0;
  border-bottom: 1px solid #eee;
}
.utong_menu_div .menu_title a {
  color: #333;
  text-decoration: none;
}

.utong_menu_div .menu_footer {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.utong_menu_div .menu_footer button {
  font-size: 1.6rem;
  padding: 10px;
  border-radius: 6px;
}
.utong_menu_div .menu_footer .primary {
  background: #3461ca;
  color: #fff;
}


@media screen and (max-width: 790px) {
  .login_div{
    display: none !important;
  }
  .utong_top_cont {
    display: none !important;
  }

  .utong_top_cont_menu {
    display: none !important;
  }
  .utong_div .utong_top .utong_artc .sub_menu_icon {
    margin-left: auto;
  }
}








.footer__inner {
  max-width: 1880px;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  color: #fff;
  margin: 0 auto;
  padding: 0 20px;
  background-color: #5f6168;
  padding-top: 56px;
  padding-bottom: 80px;
  font-family: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "dotum", "돋움", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}
.footer_left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer_left h1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #fff;
}

.footer_left .text_box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.footer_left .text_box div {
  display: flex;
  gap: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  opacity: 0.6;
  flex-wrap: wrap;
}
.footer_left .text_box div p {
  display: flex;
  align-items: center;
  line-height: 140%;
  font-weight: 400;
}
.footer_left .text_box div p:first-child:after {
  content: " ";
  background: #4f5a6f;
  height: 12px;
  width: 1px;
  display: inline-block;
  margin-left: 8px;
}
.footer_right {
  max-width: 906px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.footer_right .menu {
  display: flex;
  gap: 40px;
}

.footer_right .menu .item ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 120px;
}
.footer_right .menu .item ul li:first-child {
  font-weight: 600;
  font-size: 17px;
  line-height: 140%;
  opacity: 0.8;
}

.footer_right .menu .item ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  opacity: 0.6;
}

.footer_right .explan .btns {
  display: flex;
  gap: 8px;
}

.footer_right .explan .btns button {
  border: 1px solid #ffffff80;
  padding: 0 9px;
  height: 40px;
  line-height: 40px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: white;
}

.footer_right .explan .btns button p.note {
  background: url(/public/img/utong/icon_note.svg) no-repeat center center / contain;
  width: 20px;
  height: 20px;
}
.footer_right .explan .btns button p.msg {
  background: url(/public/img/utong/icon_msg.svg) no-repeat center center / contain;
  width: 20px;
  height: 20px;
}

.footer_right .explan .text_box {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px;
  opacity: 0.4;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}





@media screen and (max-width: 790px) {
  .footer__inner {
    padding-top: 40px;
    flex-direction: column;
    row-gap: 16px;
  }
  .footer_left .text_box div {
    font-size: 12px;
    opacity: 1;
    gap: 4px;
  }
  .footer_right {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 16px;
  }
  .footer_right .menu {
    gap: 24px;
  }
  .footer_right .menu .item ul {
    width: auto;
  }
  .footer_right .menu .item ul li:first-child {
    font-size: 16px;
  }
  .footer_right .menu .item ul li {
    font-size: 12px;
  }
  .footer_right .explan .btns {
    flex-direction: column;
    display: inline-flex;
  }
  .footer_right .explan .text_box {
    font-size: 11px;
    margin-top: 8px;
  }
  .footer_left .text_box div.mo_column p:first-child:after {
    display: none;
  }
}