/*
Theme Name: TMG Home
Theme URI: http://wordpress.org/themes/tmg/index
Author: TMG
Author URI: https://shoppings.blog/
Description: TMG Home style
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: TMG Homes
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800&display=swap'); 




/* CSS Reset 또는 Normalize */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { 
font-family: 'Noto Sans KR', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; color: #111; font-size: 16px; letter-spacing: -0.5px; 
 margin: 0; 
 padding: 0; 
 border: 0; 
 vertical-align: baseline; 
 } 
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
 display: block; 
 } 
body { 
 line-height: 1.4; 
 padding: 0; 
 margin: 0 auto; 
 } 
ol, ul { 
 list-style: none; 
 } 
blockquote, q { 
 quotes: none; 
 } 
blockquote:before, blockquote:after,
q:before, q:after { 
 content: ''; 
 content: none; 
 } 
table { 
 border-collapse: collapse; 
 border-spacing: 0; 
 } 
 
 input {
  outline: none; 
  box-sizing: border-box;
 }
 li {
  list-style-type: none; 
}

.mw608 { display: flex; flex-flow: column; align-content: flex-start; margin: 0px auto; max-width: 608px; width: 100%; min-height: 1px; } 
.HeadBlank { height: 50px; margin-bottom: 20px; } 


header.GlobalNavigation_Topbar { position: fixed; width: 100%; z-index: 1; } 

section.GlobalNavigation { display: flex; justify-content: center; background-color: #06567C; } 

section.GlobalNavigation .GlobalNavigationBar { display: flex; flex-direction: row; justify-content: space-between; padding: 12px 0; } 
section.GlobalNavigation .GlobalNavigationBar .GlobalNavigationLeftSection img { width: 100%; height: 23px; } 

section.GlobalNavigation .GlobalNavigationBar .GlobalNavigationRightSection { display: flex; align-items: center; } 
section.GlobalNavigation .GlobalNavigationBar .GlobalNavigationRightSection img { width: 100%; height: 20px; } 




.FCfff { color: #fff; } 
.FCfff strong { font-weight: 500; color: #fff; font-size: 12px; } 


footer.GlobalNavigaionFooter .FooterContainer { flex-direction: column; padding: 35px 0px; } 
footer.GlobalNavigaionFooter .FooterContainer .FooterLogo img { width: auto; height: 20px; } 

footer.GlobalNavigaionFooter .FooterServiceTerms { margin-top: 20px; } 
footer.GlobalNavigaionFooter .FooterServiceTerms a { color: #fff; font-weight: 600; font-size: 12px; } 


footer.GlobalNavigaionFooter .FooterServiceInfo { margin-top: 20px; line-height: 1.4; } 
footer.GlobalNavigaionFooter .FooterServiceInfo h2 { margin-bottom: 6px; font-size: 12px; } 
footer.GlobalNavigaionFooter .FooterServiceInfo p { font-size: 12px; } 

footer.GlobalNavigaionFooter .FooterServiceMarket { margin-top: 45px; } 
footer.GlobalNavigaionFooter .FooterServiceMarket p { font-size: 12px; line-height: 1.2; } 

footer.GlobalNavigaionFooter .FooterServiceBottom { margin-top: 15px; font-weight: 300; } 
footer.GlobalNavigaionFooter .FooterServiceBottom p { font-size: 12px; } 



.ProductNavigationLeftSection {color: #fff;  cursor: pointer;}
.GlobalNavigation_Topbar .ProductNavigation { 
 background-color: rgba(38, 63, 54, 1);
 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); 
 z-index: 998;
 } 
.ProductNavigation .ProductNavigationBar { 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: space-between; 
 padding: 15px; 
 } 
.ProductNavigationMidSection { 
 font-weight: 400; 
 color: #fff;
 } 




.MainUserDashboard__Container .MainUserDashboard { 
 display: flex; 
 flex-direction: row; 
 align-items: center; 
 background-color: #fff; 
 padding: 18px 20px; 
 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15); 
 border-radius: 9px; 
 } 

.MainUserDashboard__Container .MainUserDashboard .Coper__Container { 
 display: flex; 
 margin-right: 15px; 
 } 

.MainUserDashboard__Container .MainUserDashboard .Coper__Container .CoperIconBox { 
 width: 55px; 
 height: 55px; 
 padding: 14px; 
 box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); 
 border-radius: 30px; 
 overflow: hidden; 
 } 

.MainUserDashboard__Container .MainUserDashboard .Coper__Container .CoperIconBox img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 } 

.MainUserDashboard__Container .MainUserDashboard .UserInfo__Container { 
 display: flex; 
 flex-direction: column; 
 } 
.MainUserDashboard__Container .MainUserDashboard .UserCoperCat { 
 font-size: 13px; 
 color: #06567C;
 } 
.MainUserDashboard__Container .MainUserDashboard .UserCoperTitle { 
 font-weight: 600; 
 margin-top: 3px; 
 } 

 .MainServiceDashboard__Container { margin-top: 20px; } 
.MainCSCenterDashboard__Container { width: 70%; cursor: pointer; } 
.MainServiceDashboard { 
 display: flex; 
 gap: 15px; 
 width: 100%; 
 justify-content: space-between; 

 } 

.MainServiceDashboard .MainInstructionDashboard__Container { width: 30%; cursor: pointer; } 

.MainrDashboardContainer { display: flex; 
 flex-direction: column; 
 align-items: center; 
 border-radius: 9px; 
 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15); 
 padding: 20px 10px; 
 } 

.MainrDashboardContainer .Sevice_Title { font-size: 16px; margin-top: 12px; } 

.Dasboard_Icon { width: auto; height: 38px; } 
.Dasboard_Icon img { width: auto; height:100%; object-fit: contain; } 






/* 모달 */

.EntireModal__Container { 
 position: fixed; 
 z-index: 999; 
 left: 50%; 
 top: 50%; 
 width: 100%; 
 height: 100%; 
 background-color: rgb(0 0 0 / 68%);
 transform: translate(-50%, -50%); 
 opacity: 0; 
 transition: opacity 0.3s ease; 
 } 


.EntireModal__Container .Modal__Container { 
 position: fixed; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 min-width: 458px; 
 } 



.EntireModal__Container .Modal__Container .ModalBox { 
 background-color: #fff; 
 border-radius: 13px; 
 display: flex; 
 flex-direction: column; 
 padding: 15px 15px 40px 15px; 
 } 


.ModalHeader { 
 display: flex; 
 justify-content: center; 
 position: relative; 
 } 

.ModalTitle { 
font-size: 17px; 
 font-weight: 500; 
 } 
.ModalClose { 
 position: absolute; 
 right: 0; 
 font-size: 20px; 
 top: -3px; 
 cursor: pointer; 
 } 

.EntireModal__Container .Modal__Container .ModalBox .ModalContents { 
display: flex; 
 flex-direction: column; 
 margin-top: 45px; 
 } 

.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_CsTitle { 
font-size: 22px; 
 font-weight: 800; 
 } 

.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_CsTitle p strong {
  font-size: 22px; 
  font-weight: 800; 
  color:#263f36;


 }

 
.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_CsTitle p {
font-size: 22px; 

  
 }
.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_CsContent { 
margin-top: 17px; 

 } 

.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_CsContent p { 
 font-size: 14px; 
 font-weight: 500; 

 } 


.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_CsOperating { 
margin-top: 36px; 
 } 
.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_CsOperating strong { 
font-size: 14px; 
color :rgba(38, 63, 54, 1); 
 } 
.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_CsOperating p { 
font-size: 13px; 
color :rgba(38, 63, 54, 1); 
; 
margin-top: 7px; 
 } 
.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_Dashboard__Container { 
margin-top: 50px; 
 } 

.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_Dashboard__Container .Modal_Dashboard { 
display: flex; 
gap: 20px; 
 } 

.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_Dashboard__Container .Modal_Dashboard .Modal_DashboardBox { 
width: 100%; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15); 
 border-radius: 9px; 
 padding: 44px 0; 
 cursor: pointer; 
 } 

.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_Dashboard__Container .Modal_Dashboard .Modal_DashboardBox .Dasboard_Icon { 
height: 35px; 
 } 
.EntireModal__Container .Modal__Container .ModalBox .ModalContents .Modal_Dashboard__Container .Modal_Dashboard .Modal_DashboardBox .Sevice_Title { 
 font-size: 14px; 
 margin-top: 23px; 
 font-weight: 600; 

 } 


/*Product Layout*/

.MainProductList__Container { margin-top: 130px; } 
.MainProductList__Container .MainProdcutLit { display: flex; flex-direction: column; } 

.MainProductList__Container .MainProdcutLit .Main__Title__Container { display: flex; margin-bottom: 20px; } 
.MainProductList__Container .MainProdcutLit .Main__Title__Container .ContainerTitle { font-size: 17px; font-weight: 600; } 

.MainProductList__Container .MainProdcutLit .MainProducts__List { display: flex; flex-direction: column; gap: 36px; } 

.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox { 
	position: relative;
 display: flex; 
 flex-direction: column; 
 width: 100%; 
 background-color: #fff; 
 border-radius: 15px; 
 box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); 
 overflow: hidden; 
 } 
.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductThum__container { width: 100%; height: 100%; display: flex; } 
.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductThum__container a.Producct__Link { width: 100%; height: 100%; } 
.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductThum__container a.Producct__Link img { width: 100%; height: auto; object-fit: contain; } 

.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductContents__Container { display: flex; flex-direction: column; margin-top: 12px; padding: 0px 15px 15px 15px; } 
.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductContents__Container .ProductContentRow { display: flex; justify-content: space-between; } 
.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductContents__Container .ProductContentRow .ProductTitle { 
	font-size: 20px;
    font-weight: 700;
    color: #06567C; } 
.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductContents__Container .ProductContentRow .ProductConfiguration { 
	font-size: 13px;   
	position: absolute;
    top: 13px;
    right: 13px;
    padding: 3px 12px;
    border-radius: 6px;
    color: #fff;
    background: rgba(87, 87, 87, 0.6); } 

.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductContents__Container .ProductContentMiddle { margin-top: 6px; } 
.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductContents__Container .ProductContentMiddle .ProducSubTitle { font-size: 15px; font-weight: 500; } 

.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductContents__Container .ProductContentBottom { margin-top: 21px; } 
.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductContents__Container .ProductContentBottom .ProductButtonBox { display: flex; justify-content: center; border-radius: 7px; border: 1px solid #06567C; padding: 13px 0 } 
.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductContents__Container .ProductContentBottom .ProductButtonBox .ProductButton { font-size: 15px; color: #06567C; } 
.MainProductList__Container .MainProdcutLit .MainProducts__List .ProductBox .ProductContents__Container .ProductContentBottom a { text-decoration: none; } 


.ProductMainImage__Container {display: flex; }
.ProductTap__Container {position: sticky; top: 52px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.ProductTap__Container .category {max-width: 608px; display: flex; justify-content: center; width: 100%; background-color: #fff; padding: 10px 0; margin: 0px auto;}
.ProductTap__Container .category .category-item {width: 50%; display: flex; justify-content: center;}
.ProductTap__Container .category .category-item span {font-size: 14px; cursor: pointer;}
.ProductTap_for_Scroll {display: flex; height: 0;}


.ProductInstruction__Container {margin-top: 30px; border-top: 5px solid rgba(238, 238, 238, 1); border-bottom: 5px solid rgba(238, 238, 238, 1); }
.ProductInstruction__Container .ProductInstruction {display: flex; justify-content: space-between; padding: 16px 0px;}

.ProductTapTitleBox  {font-weight: 600; cursor: pointer;}

.ProductInstruction_Open {cursor: pointer;}

.ProductInstruction_Open img {width: auto;  height: 20px;} 

.category-item.ClickAction span {color: rgba(38, 63, 54, 1); font-weight: 700;}



.ProductList__Container {display: flex; flex-direction: column; margin-top: 30px;}
.ProductList__Header {margin-bottom: 30px;}
.ProductList__Container .ProductList__Content {display: flex; flex-direction: column; gap: 20px; }
.ProductList__Container .ProductList__Content .ProductList__Item {display: flex; flex-direction: row; gap: 12px; cursor: pointer;;}
.ProductList__Container .ProductList__Content .ProductList__Item .ProductListItem__Container {width: 50%;}
.ProductList__Container .ProductList__Content .ProductList__Item .ProductListItem__Container .ProductThumBox {display: flex; width: 100%; max-width: 198px; border-radius: 13px; overflow: hidden;}
.ProductList__Container .ProductList__Content .ProductList__Item .ProductListItem__Container .ProductThumBox img {width: 100%; object-fit: cover;}

.ProductList__Container .ProductList__Content .ProductList__Item .ProductList__Item__Content {width: 100%; display: flex; flex-direction: column;}
.ProductList__Container .ProductList__Content .ProductList__Item .ProductList__Item__Content .ProductList__Item__Title span {font-weight: 500; font-size: 16px;}
.ProductList__Container .ProductList__Content .ProductList__Item .ProductList__Item__Content .ProductList__Item__SubTitle {margin-top: 20px;}
.ProductList__Container .ProductList__Content .ProductList__Item .ProductList__Item__Content .ProductList__Item__SubTitle p {font-size: 14px;}

.ProductList__Container .ProductList__Content .ProductList__Item .ProductList__Item__Content .ProductList__Item__Category {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 84px;}
.ProductList__Container .ProductList__Content .ProductList__Item .ProductList__Item__Content .ProductList__Item__Category .ProductList__Item__Category__detail { background-color: rgba(239, 239, 239, 1); padding: 3px 10px 6px 10px; border-radius: 5px;}
.ProductList__Container .ProductList__Content .ProductList__Item .ProductList__Item__Content .ProductList__Item__Category .ProductList__Item__Category__detail span {font-size: 12px;}








/*Product Footer*/

.GlobalNavigation_Actionbar {position: relative;}
.GlobalNavigation_Actionbar .ProductNavigation {position: fixed; bottom: 0; width: 100%; background-color: #fff; padding: 10px 0px 25px 0px; box-shadow: 0px -1px 20px 0px #bbbbbb54;}
.GlobalNavigation_Actionbar .ProductNavigation .ProductNavigationABar {display: flex; align-items: center; background-color: #263f36; padding: 15px 0; border-radius: 10px; cursor: pointer;}

.GlobalNavigation_Actionbar .ProductNavigation .ProductNavigationABar .ProductAction__Container {color: #fff; font-weight: 500;}


/* Product Footer Modal */

.warning-container .warning-title {
  font-size: 13px;
  z-index: 9999;
  position: fixed;
  bottom: 34%;
  width: 30%;
  left: 50%;
  height: auto;
  transform: translate(-50%, -50%);
  justify-content: center;
  background: #00000099;
  color: #fff;
  padding: 6px 0;
  border-radius: 5px;


}

.ptcss {
  margin-top: 100px;
}


.ProductAcv {
  padding: 25px 20px 20px 20px;
}

.Modal_Privacy_Container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #dfdfdf;
  padding: 6px 7px;
  border-radius: 5px;



}

.Modal_Privacy_Container .Modal_Priv_Checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;

}

.Modal_Privacy_Container .Modal_Priv_Linked {
  cursor: pointer;

}

.Modal_Privacy_Container .Modal_Priv_Checkbox .Modal_Priv_CheckIcon {
  display: flex;
}

.Modal_Privacy_Container .Modal_Priv_Checkbox .Modal_Priv_Title {
  font-size: 12px;
  margin-left: 10px;

}

.ModalActiveButton__Container {
  margin-top: 5px;
  position: relative;
}

.ModalActiveButton__Container .ModalActiveButton {
  display: flex;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  background-color: #263f36;
  padding: 14px 0;
  border-radius: 5px;
  position: absolute;
  width: 100%;
  top: 5px;
  cursor: pointer;
}

#etireModal-Container.EntireModal__Container .Modal__Container .PModalBox {
  background-color: #fff;
  border-radius: 13px;
  display: flex;
  flex-direction: column;
  padding: 15px 15px 40px 15px;

}

.PModalBox .ModalHeader {
  display: flex;
  justify-content: center;
  position: relative;


}

.PModalBox .ModalHeader .ModalTitle {
  font-size: 17px;
  font-weight: 500;

}

.PModalBox .ModalHeader .ModalClose {
  position: absolute;
  right: 0;
  font-size: 20px;
  top: -3px;
  cursor: pointer;

}


.PModalBox .ModalContents {
  display: flex;
  flex-direction: column;
  margin-top: 25px;

}

.PModalBox .ModalContents .Modal_CsTitle {
  font-size: 22px;
  font-weight: 800;

}


.PModalBox .ModalContents .Modal_CsTitle p {
  font-weight: 500;
  font-size: 22px;


}

.PModalBox .ModalContents .Modal_CsTitle p strong {
  font-size: 22px;
  font-weight: 800;
  color: #263f36;

}

.PModalBox .ModalContents .Modal_CsContent {
  margin-top: 17px;
}

.PModalBox .ModalContents .Modal_CsContent p {
  font-size: 13px;

}

.PModalBox .ModalContents .Modal_Dashboard__Container {
  margin-top: 80px;

}


.OWModalBox .ModalContents .Modal_CsTitle p {
  font-weight: 500;
  font-size: 22px;


}

.OWModalBox .ModalContents .Modal_CsTitle p strong {
  font-size: 22px;
  font-weight: 800;
  color: #263f36;

}

.OWModalBox .ModalContents .Modal_CsContent {
  margin-top: 17px;
}

.OWModalBox .ModalContents .Modal_CsContent p {
  font-size: 13px;
  font-weight: 500;

}

.OWModalBox .ModalContents .Modal_Dashboard__Container {
  margin-top: 30px;

}


/* 이용방법모달 */

#OWModal-Container .Modal__Container {
  max-width: 458px;

}

.OWModalBox::-webkit-scrollbar {
  display: none;

}


.OWModalBox {
  background-color: #fff;
  border-radius: 13px;
  display: flex;
  flex-direction: column;
  padding: 15px 15px 40px 15px;
  overflow: scroll;
  max-height: 634px;
}


.OWModalBox .ModalHeader {
  margin-bottom: 25px;

}

.OWModalBox .OWModalTitle {
  font-size: 16px;
  font-weight: 600;

}

.OWModalBox .OWModalContens {
  display: flex;
  flex-direction: column;
  padding: 5px 8px 10px 8px;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border-radius: 9px;
  margin-top: 10px;

}

.OWModalBox .OWModalContens.QaPadding {

  padding: 9px 8px 10px 8px;
}


.OWModalBox .OWModalContens .OWModalBox_Title {
  font-size: 15px;
  font-weight: 600;

}

.OWModalBox .OWModalContens .OWModalBox_Content {
  font-size: 13px;
  margin-top: 16px;
}

.OWModalBox .OWModalContens .OWModalBox_SubContent {
  font-size: 12px;
  color: #4B4B4B;
  margin-top: 5px;

}

.OWModalBox .OWModalContens .OWModalBox_Img {
  margin-top: 20px;

}

.OWModalBox .OWModalContens .OWModalBox_Img img {
  width: 100%;
  height: auto;
  border-radius: 9px;
  border: 0.5px solid #eee;
}

.OWModalCloseButton {
  margin-top: 40px;

}

.OWModalCloseButton .OWCloseButton {
  background: rgba(38, 63, 54, 1);
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 13px 0;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;

}



  .frv-input-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .input_title {
    font-size: 12px;
  }

  .frv-input-boxs {

    border: 1px solid #656565;
    border-radius: 6px;
    height: 41px;
    width: 81%;
    font-size: 14px;
    padding: 14px;
  }

  .main {
    width: 100%;
    max-width: 680px;
    margin-right: auto;
    margin-left: auto;
  }

  .pc-footer {
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 680px;
  }

  .frv_Mt {
    margin-top: 12px;
  }

  .frv-row {
    display: flex;
    flex-direction: column;
  }

  .frv-row hr {
    border: 2px solid rgba(238, 238, 238, 1);
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .frv-row .frv-tab-precautions {}

  .frv-row .frv-tab-precautions .precautions-title {
    display: flex;
    justify-content: space-between;
  }

  .frv-row .frv-tab-precautions .precautions-title span {
    font-size: 16px;
  }

  .frv-row .frv-tab-precautions .precautions-title span.title {
    font-weight: 600;
  }

  .frv-row .frv-tab-precautions .precaution-lists p {
    font-size: 13px;
  }




  .frv-row .frv-main-thumb img {
    width: 100%;
  }


  .frv-row .frv-tab-reviews {}

  .frv-review-list {}

  .frv-review-list .frv-review-comment {
    display: flex;
    justify-content: space-between;
    gap: 13px;
    margin-bottom: 19px;
  }

  .frv-review-list .frv-review-comment .comment-profile {
    display: flex;
    width: 40px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
  }

  .frv-review-list .frv-review-comment .comment-profile .profile-name {
    font-size: 11px;
  }


  .frv-review-list .comment-content {
    background-color: rgb(163 201 219);
    border-radius: 17px;
  }

  .frv-review-list .comment-content p {
    font-size: 13px;
    margin: 0;
    padding: 7px 12px;
  }

  .balloon {
    position: relative;
  }

  .balloon:after {
    content: '';
    position: absolute;
    z-index: -1;
    height: 51px;
    width: 35px;
    border-radius: 30px;
    background: #ffffff;
    bottom: 12px;
    right: -42px;
    transform: rotate(105deg);
  }

  .balloon:before {
    content: '';
    position: absolute;
    border-radius: 3px 5px 52px 1px;
    z-index: -1;
    height: 18px;
    width: 18px;
    background-color: rgb(163 201 219);
    bottom: 19px;
    right: -5px;
    transform: rotate(59deg);
  }

  .frv-row .frv-review-more.sort-line {
    border-top: 1px solid rgba(238, 238, 238, 1);
    cursor: pointer;
  }

  .frv-row .frv-review-more {
    display: flex;
    justify-content: center;
    padding-top: 15px;
  }

  .frv-row .frv-review-more .frv-review-counting {
    font-size: 13px;
    font-weight: 600;
    color: #06567C;
  }


  .frv-row .frv-information {
    display: flex;
    flex-direction: column;
  }

  .frv-row .frv-information .frv-title {
    font-size: 18px;
    margin-top: 10px;
  }

  .frv-row .frv-information .frv-participant-counting {
    font-size: 17px;
    color: #06567C;
    font-weight: 600;
    margin-top: 8px;
  }

  .frv-row .frv-information .frv-price-box {
    margin-top: 15px;
  }

  .frv-row .frv-information .frv-price-box .frv-price {
    font-size: 25px;
    font-weight: 600;
  }


  .frv-row .frv-information .frv-cat {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .frv-row .frv-information .frv-cat .frv-icon {
    font-size: 12px;
    font-weight: 400;
    border-radius: 3px;
    padding: 2px 5px;
    background: rgba(241, 241, 241, 1);
  }


  .frv-row .frv-information .frv-review-info {
    display: flex;
    margin-top: 18px;
  }

  .frv-row .frv-information .frv-review-info .frv-review-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 3px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25)
  }

  .frv-row .frv-information .frv-review-info .frv-review-box .frv-review-none {
    font-size: 12px;
    padding: 3px 9px;
  }



  .frv-row .frv-seller-profile {
    display: flex;
    align-items: center;
  }

  .frv-row .frv-seller-profile .frv-seller-logo {
    width: 64px;
  }

  .frv-row .frv-seller-profile .frv-seller-logo img {
    width: 100%;
  }

  .frv-row .frv-seller-profile .frv-seller-information {
    margin-left: 8px;
  }

  .frv-row .frv-seller-profile .frv-seller-information .seller-name {
    font-size: 14px;
    font-weight: 500;
  }

  .frv-row .frv-seller-profile .frv-seller-information .seller-selling-info .selling-counting {
    font-size: 12px;
    color: rgba(192, 192, 192, 1);
  }


  .frv-row h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
  }

  .frv-row .frv-information-notice {
    display: flex;
    margin: 12px 0;
    background-color: rgba(249, 249, 249, 1);
    padding: 10px;
    border-radius: 7px;
  }

  .frv-row .frv-tab-information .frv-information-notice .notice-icon {
    width: 18px;
  }

  .frv-row .frv-tab-information .frv-information-notice .notice-icon img {
    width: 100%;
  }

  .frv-row .frv-tab-information .frv-information-notice .notice-content {
    margin-left: 7px;
    font-size: 12px;
  }


  .frv-row .frv-tab-information .frv-item img {
    width: 100%;
  }


  .frv-row .frv-tab-configuration .config-container {
    display: flex;
    margin-top: 12px;
	margin-bottom: 40px;
  }

  .frv-row .frv-tab-configuration .config-container .config-icon {
    font-size: 12px;
    background-color: rgb(163 201 219);
    padding: 8px 12px;
    border-radius: 15px;
    margin-right: 8px;
  }

  .frv-row .frv-tab-configuration .config-container .config-icon.nocolor {
    background-color: rgba(221, 221, 221, 1);
  }


  .frv-row .frv-tab-place .notice-contents-box {
    padding: 10px;
    border-radius: 7px;
    background-color: rgba(249, 249, 249, 1);
  }

  .frv-row .frv-tab-place .notice-contents-box .notice-place-content {
    font-size: 12px;
  }


  .frv-row .frv-tab-place .frv-place-container {
    border-radius: 7px;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25);
  }

  .frv-row .frv-tab-place .frv-place-contents {
    padding: 10px;
  }

  .frv-row .frv-tab-place .frv-place-contents .place-seller-name {
    font-size: 13px;
    font-weight: 600;
  }

  .frv-row .frv-tab-place .frv-place-contents .place-seller-address {
    font-size: 12px;
    color: rgba(108, 108, 108, 1);
  }

  .rota-icon {
    display: inline-block;
    transition: transform 0.3s ease;
  }

  .rotate {
    transform: rotate(90deg);
  }

  footer .frv-nav-container .frv-button-container {
    display: flex;
  }

  footer {
    position: relative;
  }

  footer .frv-nav-container {
    position: fixed;
  }

  footer .frv-nav-container {
    width: 100%;
    bottom: 0;
    z-index: 999;
  }

  footer .frv-nav-container #shareButton {
    background: none;
    padding: 0;
 	border: none;
  }

  footer .frv-nav-container .frv-button-container {
    display: flex;
    padding: 10px 16px 26px 16px;
    background-color: #fff;
    align-items: center;
    gap: 16px;
    box-shadow: 0px 1px 4px 0px #00000054;
  }

  footer .frv-nav-container .frv-button-container .frv-action-button {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    padding: 14px 0;
    background-color: #06567C;
    border-radius: 5px;
    cursor: pointer;
  }


  /** 신청 모달 **/

  footer .frv-action-container {
    position: relative;
  }

  footer .frv-action-container .frv-action-box {
    width: 100%;
    height: 98%;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    background-color: #fff;
    padding: 6px 16px 26px 16px;
    border-radius: 14px 14px 0px 0px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    display: none;
  }

  footer .frv-action-container .frv-action-box .frv-close-box {
    display: flex;
    justify-content: center;
  }

  footer .frv-action-container .frv-action-box .frv-close-box #FrvCloseButton {
    display: flex;
    justify-content: center;
    transform: rotate(90deg);
    cursor: pointer;
  }

  footer .frv-action-container .frv-action-box .frv-opt-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #DFDFDF;
    border-radius: 4px;
  }

  footer .frv-action-container .frv-action-box .frv-opt-box .frv-opt-show {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(249, 249, 249, 1);
    padding: 5px 5px 5px 10px;
  }

  footer .frv-action-container .frv-action-box .frv-opt-box .frv-opt-show .FrvSelectInfo {
    font-size: 14px;
    font-weight: 500;
    color: rgba(163, 163, 163, 1);
  }

  footer .frv-action-container .frv-action-box .frv-opt-box .frv-opt-show #FrvSelectButton {
    font-size: 12px;
    font-weight: 500;
    background-color: #06567C;
    color: #fff;
    padding: 10px 9px;
    border-radius: 4px;
  }


  footer .frv-action-container .frv-action-box .frv-opt-box .frv-opt-selcet {
    padding: 5px 5px 5px 10px;
    display: flex;
    align-items: center;
    display: none;
    cursor: pointer;
  }

  footer .frv-action-container .frv-action-box .frv-opt-box .frv-opt-selcet .frv-active-option {
    font-size: 14px;
  }


  footer .frv-action-container .frv-action-box .frv-opt-confirmed-box #FrvOptionCon {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    padding: 5px 10px;
    background: rgba(249, 249, 249, 1);
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    display: none;
  }

  footer .frv-action-container .frv-action-box .frv-opt-confirmed-box #FrvOptionCon .frv-opt-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  footer .frv-action-container .frv-action-box .frv-opt-confirmed-box #FrvOptionCon .frv-opt-row .frv-service-name {
    font-size: 12px;
    font-weight: 500;
  }

  footer .frv-action-container .frv-action-box .frv-opt-confirmed-box #FrvOptionCon .frv-opt-row #ConfirmedClose {
    background: none;
    padding: 0;
    transform: rotate(45deg);
    font-size: 15px;
  }

  .frv-opt-confirmed-box {
    margin-top: 20px;
  }

  footer .frv-action-container .frv-action-box .frv-opt-confirmed-box #FrvOptionCon .frv-opt-contents {
    color: rgba(163, 163, 163, 1);
  }

  footer .frv-action-container .frv-action-box .frv-opt-confirmed-box #FrvOptionCon .frv-opt-notice {
    color: rgba(163, 163, 163, 1);
    font-size: 10px;
  }

  footer .frv-action-container .frv-action-box .frv-opt-confirmed-box #FrvOptionCon .frv-opt-pricebox {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 10px;
    gap: 7px;
  }

  footer .frv-action-container .frv-action-box .frv-opt-confirmed-box #FrvOptionCon .frv-opt-pricebox .frv-opt-price-title {
    font-size: 12px;
  }

  footer .frv-action-container .frv-action-box .frv-opt-confirmed-box #FrvOptionCon .frv-opt-pricebox .frv-opt-pirce {
    font-size: 16px;
    font-weight: 600;
  }


  footer .frv-action-container .frv-action-box .frv-warning-container {
    position: relative;
    height: 35px;
    text-align: center;
  }

  footer .frv-action-container .frv-action-box .frv-warning-title {
    position: relative;
    margin: 0 auto;
    top: 55px;
    display: flex;
    border-radius: 4px;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: 400;
    background-color: rgb(91 91 91 / 82%);
    justify-content: center;
    color: #fff;
    width: 85%;
  }

  footer .frv-action-container .frv-action-box .frv-privacy-container {}

  footer .frv-action-container .frv-action-box .frv-privacy-container .frv-privacy-box {
    position: absolute;
    width: 100%;
    bottom: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  footer .frv-action-container .frv-action-box .frv-privacy-container .frv-privacy-box .frv-privacy-content .privacy-title {
    font-size: 10px;
    color: rgba(163, 163, 163, 1);
  }

  footer .frv-action-container .frv-action-box .frv-privacy-container .frv-privacy-box .frv-privacy-content #PrivacyAction {
    font-size: 10px;
    color: rgba(163, 163, 163, 1);
    font-weight: 700;
  }


  .frv-active-active {
    margin-top: 15px;
    position: absolute;
    width: 100%;
    bottom: 0;
  }

  .frv-active-active #FrvActiveActive {
    width: 100%;
    background: #06567C;
    border-radius: 4px;
    color: #fff;
    padding: 14px 0px;
    font-size: 14px;
    font-weight: 600;
  }

  /* 모달 스타일 여기부터 custom */
  .modal-kwanghoon {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
  }

  /* 모달 내용 스타일 */
  .modal-content-kwanghoon {
    background-color: #fefefe;
    margin: 15% auto;
    /* 15% 는 화면의 중간에 위치하기 위한 값 */
    padding: 5px 10px 15px 10px;
    border: 1px solid #888;
    width: 24%;
    position: relative;
    top: 40px;
    border-radius: 16px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  }

  /* 모달 닫기 버튼 스타일 */
  .close-kwanghoon {
    position: absolute;
    color: #aaa;
    font-size: 20px;
    right: 10px;
    cursor: pointer;
  }

  .kwanhoon-row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  . .close-kwanghoon:hover,
  .close-kwanghoon:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  .modal-contents-kwanghoon div {
    font-size: 14px;
  }


  .frv-button-box {
    margin-top: 30px;
  }

  .Gender_box {
    font-size: 13px;
    background: #e9e9e9;
    padding: 4px 17px;
    border-radius: 15px;
    margin-right: 10px;
  }

  .age_box {
    font-size: 13px;
    background: #e9e9e9;
    padding: 4px 17px;
    border-radius: 15px;
    margin-right: 10px;
  }


  .Box_Check {
    background: #06567C !important;
    color: #fff;
  }

  .Address_select {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .Address__box {
    font-size: 13px;
    background: #e9e9e9;
    padding: 4px 17px;
    border-radius: 15px;
    margin-right: 10px;
    margin-bottom: 9px;
  }


  .age_select {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .Age__box {
    font-size: 13px;
    background: #e9e9e9;
    padding: 4px 17px;
    border-radius: 15px;
    margin-right: 10px;
    margin-bottom: 9px;
  }

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


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

    .modal-content-kwanghoon {
      width: 89%;
      top: 161px;
    }

    .main {
      width: auto;
    }

    .frv_mob {
      padding: 0px 16px;
    }


    .frv-row .frv-information {
      padding: 0px 16px;
    }

    .frv-row .frv-seller-profile {
      padding: 0px 16px;
    }

    .frv-row .frv-tab-information h2 {
      padding: 0 16px 0 16px;
    }

    .frv-row .frv-tab-information .frv-information-notice {
      margin: 12px;
      16px 0 16px;
    }




  }