@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;
}
#product img {max-width:100%; vertical-align:top}
#product {width:100%; }
#product .head  {font-size:30px; font-weight:600; text-align:center; padding:20px 0 30px 0 }
#product .cont3  .head  { padding:35px 0 0px 0 }
#product {font-size:16px; line-height:26px; font-weight:400; padding:0px 0 0 0;}
#product ul{margin:0 0 20px 0}
#product ul li { position:relative; padding:3px 0 3px 13px;  }
#product ul li:before { content: "";  width: 5px; height: 5px; background-color: #555;  
position: absolute; left: 0; top: 15px;   border-radius: 50%; }

#product .flex {display:flex; text-align:center; flex-wrap: wrap; justify-content: space-between;  }
#product .flex .item {margin:20px 0 ;  width:30%;  }
#product .flex .item .img img{width:100px;}
#product .flex .item .tit{font-size:20px; font-weight:600; padding:20px 0 10px 0}
#product .flex .item .txt{}

#product .cont1 {padding:40px 0 0px 0}
#product .cont2 {padding:40px 0 0px 0}
#product .cont3 {padding:40px 0 0px 0}
#product .txt1 {padding:20px 0 40px 0}
#product .cap1 img{max-width:900px; text-align:center;}
#product .cap2 img{max-width:100%; text-align:center;}
#product .cap3 img{max-width:900px; text-align:center; margin:20px 0 30px 0}
#product .cont3 .cap3 {padding:10px 0 0px 0}
#product .link {padding:30px 0 0 0}
#product .link ul li {list-style:none; padding:3px 0}
#product .link ul li:before {display:none}
#product h3 {font-size:22px; line-height:32px; font-weight:600; margin-bottom:20px; text-decoration: underline}
#product h4 {font-size:18px; line-height:28px; font-weight:600; margin-bottom:10px}
#product .cont3 h3{padding-top:30px}
#product .cont3 h4 {margin-top:0px}
#product .list {padding:20px 0 }
#product .table table {width:100%; border-left:1px solid #ccc; border-top:1px solid #ccc}
#product .table2 table {width:60%;} 
#product .table2 table td:last-child {text-align:center} 
#product .table td,#product .table th{border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:8px;}
#product .table ul{margin:0 0 0 10px}
#product .table p {padding:0px;}
#product .txt2 {line-height:32px;}
#product .list2 .txt2 {line-height:26px; margin-bottom:20px }
#product .txt3 {line-height:32px; font-size:22px !important; font-weight:500; padding:30px 0}
#product .cont3 .txt2 {line-height:26px; margin-bottom:20px; }
#product .txt2 span {font-weight:600}
#product h3.etc {text-decoration: none}
#product .list2 h3 {margin-bottom:5px;}
#product .down a {font-weight:600; color:#dc1313; text-decoration:underline}

#product .flex2 {display:flex; text-align:center; flex-wrap: wrap; justify-content: center; align-items:center;
margin:70px 0 0 0; gap:30px;   }
#product .flex2 .item {  width:250px; text-align:center;  }
#product .flex2 .item a {display:block; background:#222; color:#fff; font-weight:500;  font-size:25px;
padding:20px; border-radius:100px}
#product .flex2 .item a:hover {background:#dc1313; transition:0.3s all;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#product {width:100%; font-size:14px; line-height:20px; }
#product .head  {font-size:20px;  padding:0px 0 0px 0 }
#product  .head_txt {font-size:15px; line-height:22px; }
#product .pro {padding:30px 0}
#product ul li { position:relative; padding-left:11px;  }
#product ul li:before { content: "";  width: 4px; height: 4px; top: 10px; }
#product .flex {padding:0px  }
#product .flex .item {width:100%; text-align:center; margin:10px 0 10px 0; border-right:0px dashed #ccc; }
#product .flex .item .tit{font-size:16px; font-weight:600; padding:10px 0 10px 0}
#product .flex .item .txt{}

#product .cont1 {padding:20px 0 0px 0}
#product .cont2 {padding:20px 0 0px 0}
#product .txt1 {padding:10px 0 20px 0}
#product .cap1 img{max-width:100%; text-align:center;}
#product .cap3 img{max-width:100%; text-align:center; margin:10px 0 20px 0}
#product .link {padding:30px 0 0 0}
#product .link ul li {list-style:none; padding:3px 0}
#product h3 {font-size:18px; line-height:28px; margin-bottom:20px; }
#product h4 {font-size:16px; line-height:22px;  margin-bottom:10px}
#product .list {padding:20px 0 }
#product .table2 table {width:100%;} 
#product .table td{border-right:1px solid #ccc; border-bottom:1px solid #ccc}
#product .table table {width:100%}
#product .table ul{margin:0 0 0 10px}
#product .table p {padding:6px 1px; }
#product .table table td,#product .table table th, #product .table table strong,#product .table table p,
#product .table table span {font-size:13px !important}
#product h3.etc {text-decoration: none}
#product .txt3 {line-height:22px; font-size:16px !important; padding:10px 0}
#product .txt2 {line-height:22px; margin-bottom:10px}
#product .list2 .txt2 {line-height:22px; margin-bottom:20px }

.mgT50 {margin-top:30px}
.mgT40 {margin-top:20px}

#product .flex2 {margin:40px 0 0 0; gap:20px;   }
#product .flex2 .item {  width:150px; text-align:center;  }
#product .flex2 .item a {display:block;  font-size:15px;padding:10px; }
#product .flex2 .item a:hover {background:#dc1313; transition:0.3s all;}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}