@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

* {box-sizing: border-box;}
#mb_bnwrap {display: none;}
.fc_green {color: #048635 !important;}
.fc_blue {color: #09368c !important;}

.center {text-align: center !important;}
.img_box {text-align: center; vertical-align: middle;}
.img_box img {max-width: 100%; height: auto; vertical-align: middle;}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {float: left;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;}
.col-md-3 {width: 25%;}
.col-md-9 {width: 75%;}
.row:before { content: " "; display: table;}
.row:after { content: " "; display: table; clear: both;}
.fl_w {width: 100%;}
.fl_left {float: left; width: 50%;}
.fl_right {float: right; width: 50%;}
.fl_w:after {display: block; content: ""; clear: both;} 

/*인사말*/
.greeting p strong {color: #293b7c;}
.sign {text-align: right; margin-top: 30px; font-size: 1.1em; font-weight: 500;}
.sign span {font-family: 'Nanum Pen Script', cursive; font-size: 28px; padding-left: 7px;}

/*연혁*/
.splo-n1-2-2-w { padding: 0 15px; max-width: 800px; margin: 0 auto;}
.spcl-n3-2-1 { display: inline-block; vertical-align: top; font-size: 27px; line-height: 1; width: 100%; font-weight: 600;color: #09368c;text-align: right;}
.hisy-h-1 { padding: 2px 10px 0;}
.hisy-h-2 { padding: 20px 10px 0;}
.spcl-n3-3-w {  padding: 0 0 0 25px;  border-left: solid 1px #dedede;}
.tl-n2 table { width: 100%; word-break: break-all; line-height: 1.4; font-size: 14px;}
.tl-n2 td { vertical-align: top; text-align: left; padding: 7px 0;}
.tl-n2-1 { text-align: center!important; width: 50px;}
.spcl-n3-4 { border-bottom: solid 1px #dedede; margin-bottom: 50px; padding-bottom: 50px;}
.history .row:first-child .spcl-n3-4{margin-bottom: 30px; padding: 0; border-top: 2px solid #09368c;}
.history .row:last-child .spcl-n3-4 {border-bottom: 2px solid #09368c;}


 /*인증서*/
.cert {width: 100%; text-align: center; margin-bottom: 80px; font-size: 13px;}
.cert ul {width: 100%; padding: 0; margin: 0; list-style: none;}
.cert ul li {width: 25%; float: left; padding: 5px 5px 10px;}
.cert ul li img { width: 100%; height: auto; border: 1px solid #ccc; vertical-align: middle;}
.cert ul li p { text-align: center; font-size: 15px;  margin:5px 0 0;}
.cert ul:after {display: block; content: ""; clear: both;}

/*제품소개*/
.product {vertical-align: middle;}
.product #category_navi {text-indent: 0; margin: 0 auto 30px;}
.product #category_navi div {cursor: pointer; float: left; padding: 5px 6%; border: 1px solid #333; font-size: 1.1em; margin-right: 2px;
text-align: center;}
.product #category_navi div:hover {background: #ececec;}
.product #category_navi .selected {background: #333; color: #fff; border: 1px solid #333;}
.product #category_navi .selected:hover {background: #333; color: #fff; border: 1px solid #333;}
.product #category_navi.category_navi2 {text-align: center;}
.product #category_navi.category_navi2 div {margin-bottom: 1px; width: 24.5%; padding: 5px 0; }
.product #category_navi:after {display: block; content: ""; clear: both;}

.product .box {width:100%; margin: 50px auto 0;}
.product .goods_menu {width: 100%;}
.product .goods_menu li{ float: left;padding: 5px 5px 0;}
.product .goods_menu li a { display:block; width:100%; height: 100%;  
    text-align: center;}
 .product .goods_menu li a img {border: 2px solid rgba(146,170,183,0.5);}
 .product .goods_menu li a:hover img{border: 5px solid rgba(146,170,183,1);}
.goods_menu > li .txt {
	font-size: 18px;font-weight: 500;
    text-align: center;
    padding: 10px 0 15px;}
.product .goods_menu:after {display: block; content: ""; clear: both;}

.pro_t_box {width:100%; font-size: 13px;}
.pro_t_box h4 {font-size: 17px; margin: 0 auto 10px;}
.pro_t_box h5 {margin-bottom: 5px; padding-left: 10px; font-size: 14px;}
.pro_t_box p {margin:0 auto 30px; padding:0 15px;}
.pro_t_box i {color: #09368c;}
.pro_t_box .box_l{float:left; /*padding:0 15px;*/ width: 70%;}
.pro_t_box .box_l p {margin: 0 auto 20px; padding: 0 0 0 15px;}
.pro_t_box .box_l .margin0 {margin: 0 auto;}
.pro_t_box .box_r{float:right; width:30%; text-align: center; }

.box_mar {margin: 40px auto}
/*.pro_t_box ul {width:100%;}
.pro_t_box ul li{float: left; padding: 0 5px;}*/
.product .ul_disc {list-style: disc; margin-left:30px; margin-top: 5px; }
.product .ul_disc li {clear: both; list-style: disc;}
.pro_t_box:after {display: block; content: ""; clear: both;}


/*제품사진*/
.gallery #container_list #category_navi {text-indent: 0;}
.gallery #container_list #category_navi div {padding: 5px 6%; border: 1px solid #333; font-size: 1.1em; margin-right: 2px;}
.gallery #container_list #category_navi div:hover {background: #ececec;}
.gallery #container_list #category_navi .selected {background: #333; color: #fff; border: 1px solid #333;}
.gallery #container_list #category_navi .selected:hover {background: #333; color: #fff; border: 1px solid #333;}

@media (max-width: 991px) { 
	.cert ul li {width: 50%;} 
	.cert ul li:nth-child(3n) {clear: both;}
	.product #category_navi.category_navi2 div {width: 32.5%; padding: 5px 0; font-size: 1em; letter-spacing: -1px;}
}