.img_border {border:1px solid #ddd;}
 .border_top  {border-top:1px solid #ddd;}
 .border_bottom  {border-bottom:1px dashed #ddd; margin-bottom:30px; padding-bottom:30px;}
.bg_gray  {background-color:#f9f9f9; }
.bg_co{background-color:#f7f7f7;}
.red  {color:red;}
.blue  {color:blue;}





.t {font-size:15.5px; line-height:1.3em; font-weight:400; color:#555;}
.b_t {font-size:1.3em; font-weight:600; color:#41ae49}
.b_t2 {font-size:1.05em; font-weight:500; color:#555; line-height:1.5em;}
.text_bg {background-color:#f2fafe; color:#096ba6; padding:3px 0; text-align:Center; }
.s_text {font-size:14px; font-weight:300; color:orange;}
.point_t {color:#0682c5; font-weight:500; }
.point_t2 {color:#0682c5; font-weight:500; }


.line {width:100%; height:1px; display:inline-block; background-color:#ddd; }


span.label {font-size:17px; font-weight:500; color:#fff; padding:6px 25px; display:inline-block;  position:absolute; top:0; right:0;}
span.over_layer {font-size:25px; font-weight:500; color:#fff;   display:inline-block;  position:absolute; top:0; right:0; background-color:rgba(0,0,0,.7); width:100%; height:100%; text-align:center; box-sizing:border-box; padding-top:40%;}



dl.basic { float:left;  }
dl.basic dt {font-size:18px; line-height:1.5em;  padding-bottom:4px; font-weight:500; color:#333;}
dl.basic dd {font-size:15.5px;  font-weight:300; letter-spacing:-0px;  line-height:1.3em; color:#777;}
dl.basic dd  b {font-weight:500; color:#555;}


dl.img_info { float:left;  width:100%; border:1px solid #ddd;  padding:10px; border-radius:3px; box-sizing:border-box;}
dl.img_info img {float:left;}
dl.img_info dt {width:80%; float:right; font-size:18px; line-height:1.5em;  padding-bottom:4px; font-weight:500; color:#333;}
dl.img_info dd {width:80%; float:right;  font-size:15px;  font-weight:300;  padding-bottom:3px; letter-spacing:-0px;  line-height:1.3em; color:#777;}
dl.img_info dd  b {font-weight:500; color:#555;}


ul.basic  {width:100%; float:left;}
ul.basic li  {list-style:disc; font-size:15.5px; font-weight:300; line-height:1.4em; color:#555; padding-bottom:0px; padding-left:0px; margin-left:30px;  }

ul.col-4-list  {width:100%; float:left;}
ul.col-4-list li  { width:25%; float:left; text-align:Center; border:1px solid #ddd; box-sizing:border-box; font-size:16px; font-weight:300; line-height:1.5em; color:#555; margin-left:-1px;  padding:20px;}
ul.col-4-list li   b {width:100%; float:left}


ul.tab  {width:100%; float:left; margin-top:30px; border-bottom:1px solid #ddd; margin-bottom:20px;}
ul.tab li  {   font-size:17px;  font-weight:400; float:left; line-height:43px; text-align:center;   background-color:#fff; background-color:#f9f9f9; box-sizing:border-box; color:#666 }
ul.tab li a {color:#666 !important; width:100%; display:inline-block;  }
ul.tab li.ov  {  background-color:#444; border:1px solid #666;  }
ul.tab li.ov a {color:#fff !important; font-weight:600   }



.w_10{width:10%;}
.w_20{width:20%}
.w_30{width:30%}
.w_33{width:33.333%}
.w_40{width:40%}
.w_50{width:50%}
.w_60{width:60%}
.w_70{width:70%}



.table_title{margin:3em 0 0 0; font-size:1.2rem; font-weight:600}
table.table01{width:100%; margin-top:2em; border-top:2px solid #2c3184;}
table.table01 th{color:#333; padding:15px 0; font-weight:600; font-size:1.1em; background:#f4f5f9; border-bottom:1px solid #ddd;}
table.table01 td {font-size:16px; color:#555; text-align:center; padding:12px;  line-height:1.35em; vertical-align:middle; border-bottom:1px solid #ddd;}

table.table01 th{border-right:1px solid #ddd}
table.table01 td{border-right:1px solid #ddd}
table.table01 th:last-child{border-right:none}
table.table01 td:last-child{border-right:none}
table.table01.table01_1 td{border-bottom:1px solid #ddd;}


table.basic {width:100%; float:left;}
table.basic th { color:#333; padding:12px; font-weight:500; font-size:1.1em;}
table.basic td {font-size:16px; color:#555; text-align:left; padding:12px;  line-height:1.35em;}


table.basic2 {width:100%; float:left; border-bottom:1px solid #ddd;}
table.basic2 th { color:#333; padding:10px 12px; font-weight:500; font-size:1.25em; border-bottom:1px solid #ddd; text-align:left; box-sizing:border-box;}
table.basic2 td {font-size:16px; color:#555; text-align:left; padding:12px;  line-height:1.35em;}

.prod_info{margin-top:20px; display:block}
.prod_info .tit{border-bottom: 1px solid #cacaca; padding-bottom:30px;}
.prod_info h3{font-weight:500; font-size:1.4rem; letter-spacing:-0.025em; color: #000; margin-bottom:10px; text-align:left; margin-top:40px;}
.prod_info .tit p{font-size:1.2rem; color: #555; margin-top: 5px;}

.prod_info .tit p span{position:relative; top: 1px; display: inline-block; vertical-align: top; padding: 4px 15px; font-weight:400; font-size:0.92rem; color: #fff; border-radius:20px; background: #555; margin-right: 5px;}

.prod_info .txt{margin-top: 30px;}
.prod_info .txt dl{}
.prod_info .txt dl dt{display:inline-block; vertical-align: top; width: 35%; font-weight:500; font-size:0.95rem; color: #333; margin-bottom:20px;}

.prod_info .txt dl dd{display:inline-block; width:62%; float:right; font-size:0.95rem;  color: #777;  margin-bottom:20px;}

.prod_h4 {font-size:1.2em; margin-bottom:15px; }

.border_box {width:100%; float:Left; border:1px solid #ddd; box-sizing:border-box; background:#f9f9f9; padding:20px;}


table.history {width:100%; float:left;}
table.history th {width:80px;  color:#333; padding:12px; font-size:1.3rem; font-weight:600; color:#333; }
table.history td {font-size:0.92em; color:#555; text-align:left; padding:12px;  line-height:1.6; }

.con_div{border:1px solid #ddd; padding:15px; box-sizing:border-box; background:#f9f9f9;}

.year_div {position:relative;width:80px; border-radius:50%; line-height:80px; border:8px solid #1e2478; }
.year_div::after {content:''; width:25px; height:2px; background:#1e2478; display:inline-block; position:absolute; right:-32px; top:40px;}

.year_div2 {position:relative;width:80px; border-radius:50%; line-height:80px; border:8px solid #b50101;  }
.year_div2::after {content:''; width:25px; height:2px; background:#b50101; display:inline-block; position:absolute; right:-32px; top:40px;}



table.bl_table {width:100%; float:left; border-top:2px solid #10568c; }
table.bl_table th {background-color:#10568c;  border:1px solid #ddd; color:#fff; padding:12px; font-weight:500; font-size:16px; }
table.bl_table td {font-size:16px; color:#555; text-align:left; padding:12px; border:1px solid #ddd; line-height:1.35em; }






 /*팝업*/
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; background:#000; opacity:.7; filter:alpha(opacity=70);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 90%; height:auto;    z-index: 999999999999999999999999999999999;}
.pop-layer .pop-container {padding: 20px 0 20px 0; width:100%; float:left;}
.pop-layer .pop-container ul {width:100%; float:left; }
.pop-layer .pop-container ul li {width:100%; float:left; padding:3% 0; text-align:center;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}





/*버튼*/
a.btn {font-size:15px !important; font-weight:400 !important;color:#fff !important;display:inline-block; padding:4px 30px 6px 30px; margin-top:5px; border-radius:50px; }
a.list_btn { display:inline-block; text-align:center; line-height:31px; padding:0 20px; font-weight:400; font-size:14.5px; float:right; margin-top:10px; margin-left:5px; background-color:#373737; box-shadow:1px 1px 3px #ddd; color:#fff !important;}
a.list_btn1 { display:inline-block; text-align:center; line-height:31px; padding:0 20px; font-weight:400; font-size:14.5px; float:right; margin-top:10px; margin-left:5px; background-color:#333; box-shadow:1px 1px 3px #ddd; color:#fff !important; margin-bottom:1em}


/*a.y_btn_bg  {background-color:#41ae49;  border:1px solid #41ae49; box-sizing:border-box; margin-top:30px; display:inline-block; line-height:50px; width:200px;  color:#fff !important; text-align:center;  font-weight:500; font-size:18px;  border-radius:3px; box-shadow:1px 1px 3px #ddd;  }*/
/**/
/*a.n_btn_bg  {background-color:#333;  border:1px solid #3333; box-sizing:border-box; margin-top:30px; display:inline-block; line-height:50px; width:200px;  color:#fff !important; text-align:center;  font-weight:500; font-size:18px;  border-radius:3px; box-shadow:1px 1px 3px #ddd;  }*/
/**/
/*a.basic_btn  { display:inline-block; text-align:center; line-height:33px; padding:0 20px; font-weight:500;   font-size:0.95em;   color:#fff !important; background:#2c3184; margin-top:1em;}*/
/**/
/**/
/*a.down_btn {min-width:150px; padding:0 40px;  font-size:16px; font-weight:500;  line-height:43px; text-align:center; color:#fff !important; background: linear-gradient(to bottom, #ff8400, #ff6600); border:1px solid #ff8400; display:inline-block; border-radius:2px;}*/
/**/
/*a.down_btn2 {min-width:150px; padding:0 40px;  font-size:16px; font-weight:500;  line-height:43px; text-align:center; color:#fff !important; background: linear-gradient(to bottom, #00abf0, #0076c0); border:1px solid #0071bd; display:inline-block; border-radius:2px;}*/
/* a.down_btn2 img {width:25px; vertical-align:middle; margin-right:5px; margin-top:-4px;}*/

/*.btn01{display:inline-block; text-align:center; line-height:40px; padding:0 20px; font-weight:400;   font-size:18.5px; float:right;  margin-top:10px; margin-left:5px; background-color:#333; box-shadow:1px 1px 3px #ddd; color:#fff !important; margin-bottom:1em}*/
/**/
/**/
/**/
/**/
/* a.write_btn  { display:inline-block; text-align:center; line-height:31px; padding:0 20px; font-weight:400;  font-size:15px; float:right; margin-top:10px; margin-left:5px;  background-color:#fff; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#888 !important; border:1px solid #ddd;  }*/
/**/
/* a.check_btn  { display:inline-block; text-align:center; line-height:31px; padding:0 15px; font-weight:400;   font-size:15px;   background-color:#555; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#fff !important;  border:1px solid #555;}*/
/**/
/*a.check_btn2  { display:inline-block; text-align:center; line-height:1em; padding:8px 15px; font-weight:400;   font-size:15px;   background-color:#fff; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#666 !important;  border:1px solid #ddd;}*/
/**/
/**/
/*a.t_link {color:blue; text-decoration:underline;}*/
/**/
/**/
/* a.more_btn {font-size:18px; font-weight:500; border:1px solid rgba(250,250,250,.5); color:#fff; border-radius:50px; text-align:center; line-height:45px; width:300px; margin-top:20px; display:inline-block;}*/
/**/
/* a.color_more {font-size:17px; font-weight:500; background-color:#0066b3; color:#fff !important; border-radius:50px; text-align:center; line-height:48px; width:300px; margin-top:10px; display:inline-block;}*/
/* a.color_more:hover {color:#fff !important;}*/
/**/
/*a.more_btn2 {color:#999 !important; display:inline-block; text-decoration:underline !important; padding:5px 0 3px 0;}*/
/**/
/*a.img_hover {border:5px solid #fff; float:left; box-sizing:border-box; }*/
/*a.img_hover:hover {border:5px solid #ddd; float:left; box-sizing:border-box; }*/