@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: #006ebd !important; }
.fc_d_blue { color: #0c2b8b !important; }
.fc_green {color: #87be47 !important;}

.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;}
.vam {vertical-align: middle !important;}


.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;}
.mar15 {margin: 0 auto 15px;} 
.mar20 {margin: 0 auto 20px;}



/*Àλ縻*/
.sign {display: inline-block; ;font-weight: normal; font: 28px "³ª´®¼Õ±Û¾¾ Ææ", "Nanum Pen Script", cursive !important; vertical-align: middle; line-height: 1.2em;  margin-left: 5px;  margin-bottom: 2px; letter-spacing: 2px; }

/* C.I */
.CI .img_box img {max-width: 300px; padding: 10px; border-radius: 5px;  border:1px solid #ddd ; box-shadow: 5px 5px 5px #666;}
.CI .ci_txt {padding:40px 45px 20px; margin: 0 auto 0; max-width: 680px;  background: url('/bizdemo106856/img/vdata/images/s1/ci_bg.jpg') no-repeat; background-size: cover; background-position: bottom;}
.CI p {font-size: 15px;  margin: 0 auto; background: rgba(256, 256, 256, 0.5);}
.CI p i { color: #17457D; }

/*¿¬Çõ*/
.c_history .content-xs { padding: 0 10px 20px; font-size: 20px; line-height: 35px;}
.c_history .table-responsive { min-height: .01%; overflow-x: auto;}
.c_history table td p {font-size: 14px;}
.c_history .s2 {font-size: 24px; font-family: "Noto Sans KR", sans-serif; color: #006ebd; font-weight: bold;}
.c_history .lh-02 { line-height: 35px; }
.c_history .lh-02 p strong {font-family: "Noto Sans KR", sans-serif; margin-right: 3px;}

/*ÀÎÁõ¼­*/
.cert {width: 100%; text-align: center;  font-size: 13px;}
.cert ul {width: 100%; padding: 0; margin: 0; list-style: none;}
.cert ul li {width: 33.33%; float: left; padding: 5px 5px 10px;}
.cert ul li img { width: 100%; height: auto; border: 1px solid #ebebeb; vertical-align: middle;}
.vip ul li img {padding: 5px; box-shadow: 5px 5px 1px #f0f0f0;}
.cert ul li p { text-align: center; font-size: 13px;  margin:5px 0 0;}
.cert ul:after {display: block; content: ""; clear: both;}


/*»ç¾÷¿µ¿ª,³×Æ®¿öÅ©*/
.con_top {border: 2px solid #006ebd;padding: 15px; margin: 0 auto 30px;}
.con_top p, .con_top b {font-size: 15px; font-weight: 500; line-height: 1.6em;}
.con_top span {text-decoration: underline;}
.business {width: 100%; margin: 0 auto;}
.business i, .recr .recr_txt i {color: #006ebd;}
.business .bus_img {margin: 0 auto 20px;}
.business .bus_txt h4{font-size: 15px;margin: 0 auto 10px; color: #006ebd;}
.business .bus_txt h5 {margin: 0 auto 5px;}
.business .bus_txt p {margin: 0 auto 10px;}
.business .bus_txt div {padding-left: 10px;}
.business .bus_txt div ul {width: 100%; overflow: hidden;}
.business .bus_txt div ul  li {padding-left: 5px;}
.business .bus_txt div ul  li p {padding-left: 15px;}

.direction h4 {margin-bottom: 10px;font-size: 15px;}
.direction h4 i {color:#006ebd; }
.map {position:relative; width:99%; height:450px; margin:20px 0 50px 0px; border:1px solid #ddd;}
    /* table */
.tb_st2 {position:relative; width:100%; border-top:2px solid #0c2b8b;  font-weight:600; color:#878787;}
.tb_st2 th { font-weight:600; text-align:center; padding:8px 8px 8px 20px; background:#f5f5f5; border-bottom:1px solid #e1e1e1; font-style:normal;   font-size:13px; color:#777777;}
.tb_st2 td {padding:8px 0 8px 15px; border-bottom:1px solid #e1e1e1; font-style:normal;}
.recr h4 {font-size: 14px;margin: 0 auto 10px; color: #006ebd;}
.recr .recr_list {margin: 0 auto 30px;}
.recr .recr_list ul {display: block; width: 100%; text-align: center; vertical-align: middle;}
.recr .recr_list li {display: inline-block; vertical-align: middle; margin: 0 5px;}
.recr .recr_list .r_box {}
.recr .recr_list .r_box div {padding: 10px 20px; background: #a0c2e1; color: #fff; font-weight: 500;text-shadow: 2px 2px 2px #666; font-size: 15px; }
.recr .recr_list .b_blue div {background: #649ace;}
.recr .recr_txt p {margin: 0 auto 15px;}




/*¹ÝÀÀÇüÄÚµå*/
@media all and (max-width:991px) {
    .recr .recr_list li {margin: 0;}

}

@media all and (max-width:768px) {
	table td, table th, .cert{ font-size:12px;}
	.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%; }
    .recr .recr_list .r_box div {font-size: 14px; padding: 10px 15px;}

}