@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
* {box-sizing:  border-box;}
ul, ul li {margin: 0; padding: 0; list-style: none;}
p {margin: 0;}
h1,h2,h3,h4,h5 {margin: 0;}
.fc_blue { color: #172176 }
.fc_red {color: #ff0403;}

.img_box, .pro_img{text-align: center; vertical-align: middle; }
.img_box_l {text-align: left; vertical-align: middle;}
.pro_img img, .img_box_l img, .img_box img {max-width: 100%; height: auto; vertical-align: middle; margin: 0 auto;}
.img-responsive {margin: 0 auto;}


.center, .center th{text-align: center !important;}
.left {text-align: left !important;}
.fl_w {width: 100%;}
.fl_w .fl_l {float: left; width: 50%;}
.fl_w .fl_r {float: right; width: 50%;}
.fl_w:after{display: block; content: ""; clear: both;}
.clear {clear: both;}
.mar10 {margin: 0 auto 10px;}
.mar20 {margin: 0 auto 20px;}


/*회사정보*/
.c_index {width: 100%; margin: 20px auto 0;}
.c_index h2 {font-size: 2.5em;}
.c_index h4 {margin-bottom: 20px;}
.c_index table {width: 100%; border-top: 2px solid #0099D2; border-bottom:2px solid #0099D2; }
.c_index table th {text-align: center; padding: 10px; border: 1px solid #ccc; background: #f1f1f1; color: #333; min-width: 80px;}
.c_index table td {padding: 10px 15px;border: 1px solid #ccc; }
.c_index table td.fc_green {font-weight: bold;}
@media all and (max-width:991px) {
    .c_index table th {padding:7px 2px;}
    .c_index table td {padding:7px 5px;}
    .c_index {margin: 0;}
}
.conText {max-width: 1100px;}


/*STORE*/
.s_mall {max-width: 600px; margin: 30px auto;}
.s_mall .fl_l {border-right: 1px solid #ccc; }
.s_mall .fl_w p {display: inline-block; font-size: 15px; margin: 10px auto; transition: all .4s; padding: 8px 20px; }
.s_mall .fl_w a .mall_img {transition: all .3s; }
.s_mall .fl_w a:hover .mall_img {transform:scale(0.9); opacity: .8; transition: all .4s;}
.s_mall .fl_w a:hover .mall_txt {color: #FFFFFF;
    background-color: #0099D2;transition: all .3s;}

/* 제품소개*/
#sub_contents .brand {max-width: 750px; margin: 20px auto;}
#sub_contents .brandtext {margin: 20px auto 50px;}
#sub_contents .brandtext i {color: #0099D2;}
#sub_contents .brand .brand_nav {margin: 50px auto 0; text-align: center;}
#sub_contents .brand_nav h4 {display: inline-block; font-size: 16px; padding: 8px 40px; 
    background-color: #E8E8E8; margin: 0 auto 20px;}
#sub_contents .brand_nav ul {width: 100;}
#sub_contents .brand_nav ul li {display: inline-block; width: 24%;}
#sub_contents .brand_nav ul li a {display: block;}
#sub_contents .brand_nav ul li a img {transition: all .4s;}
#sub_contents .brand_nav ul li a:hover .b_btn_img {opacity: 0.8; transition: all .4s; transform:scale(0.9);}
#sub_contents .brand_nav .b_btn a {display: inline-block; font-size: 16px; padding: 8px 40px; 
    background-color: #E8E8E8; transition: all 0.3s;}
#sub_contents .brand_nav .b_btn a:hover {    color: #FFFFFF; background-color: #0099D2;transition: all 0.3s;}



/*반응형코드*/
@media all and (max-width:991px) {
    .m_service .ms_wrap .fl_l {width:50%; padding-right: 5px;}
    .m_service .ms_wrap .fl_r {width:50%; padding-left: 5px;}

}

@media all and (max-width:768px) {
	table td, table th, .cert{ font-size:12px;}
    .cert ul li {width: 50%;}
    .m_wrap ul li  {width: 50%;}
	.pc_view {display: none;}
    .product .fl_w .fl_l {width: 100%;}
    .product .fl_w .fl_r {width: 100%; padding-left: 0;}
    .fl_w .fl_l {width: 100%;}
    .fl_w .fl_r {width: 100%; }
    .f_table  table td {padding: 5px; border:1px solid #ccc; font-size: 11px;}
}