@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 20px 0 }
#product .head3  {font-size:30px; font-weight:600; text-align:center; padding:0px 0 50px 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 .ul2 li { position:relative; padding:0px 0 1px 13px;  }
#product .ul2 li:before { content: "";  width: 5px; height: 5px; background-color: #555;  
position: absolute; left: 0; top: 12px;   border-radius: 50%; }

#product .ul3 {display:flex; flex-wrap: wrap; justify-content: space-between; padding-left:10px; padding-top:5px;  }
#product .ul3 li { list-style:none; position:relative; padding:0px; width:30%; font-size:14px; line-height:24px;  }
#product .ul3 li:before {display:none;  }


#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 .mgB0 {margin-bottom:0 !important}

#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:0px 0 50px 0}
#product .cap4 img{max-width:100%; text-align:left; margin:0px 0 50px 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 .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 .head2 {font-size:22px; line-height:32px; font-weight:500; margin:50px 0 20px 0;}
#product .head2 span {display:block; font-size:16px; font-weight:500}

#product .flex2 {display:flex; text-align:center; flex-wrap: wrap; justify-content: space-between; align-items:center  }
#product .flex2 .item2 {margin:0 0 0px 0 ;  width:50%; font-size:30px; font-weight:600; text-align:left  }
#product .flex2 .item2:last-child {text-align:right; vertical-align: bottom}

#product .flex3 {display:flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:50px; clear:both;  }
#product .flex3 .item3 {margin:0px 0 ;  width:60%;  }
#product .flex3 .item3:last-child{ text-align:center;  width:35%; }
#product .flex3 .item3 img {margin-bottom:0;}

#product .flex4 {display:flex; text-align:center; flex-wrap: wrap; justify-content: space-between;  }
#product .flex4 .item4 {  width:45%; text-align:left  }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#product {width:100%; font-size:14px; line-height:20px; }
#product .head  {font-size:20px;}
#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 .ul2 li { position:relative; padding-left:11px;  }
#product .ul2 li:before { content: "";  width: 4px; height: 4px; top: 10px; }

#product .ul3 li { list-style:none; position:relative; padding:0px; width:45%; font-size:13px; line-height:18px;  }

#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:0px 0 0px 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 .flex3 {margin-bottom:30px; clear:both;  }
#product .flex3 .item3 {margin:0px 0 ;  width:100%;  }
#product .flex3 .item3:last-child{ text-align:center;  width:100%; }

#product .flex4 .item4 {  width:100%;  }


.mgT50 {margin-top:30px}
.mgT40 {margin-top:20px}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}