/* CSS Document */

.contents_01.container { padding: 20px 0 0 0;}

.nav-tabs { border-bottom: 2px solid #0d73bd; background:#f2f2f2; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.nav-tabs .nav-item { margin-bottom: -2px; }
.nav-tabs .nav-link { border: 1px solid transparent; border-color: #ccc #ccc transparent;  border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #e9ecef; }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff;  border-color: #0d73bd #0d73bd #fff ;  border-width:2px; }
.nav-tabs .nav-item .nav-link { color: #434343; font-size:24px; font-weight:600; padding-top:20px; padding-bottom:20px; }
.nav-tabs .nav-item .nav-link.active {  color: #0d73bd; font-weight: 600; }



.nav-pills>li:first-child>.nav-link {border-radius:4px 0 0 4px!important}
.nav-pills>li:last-child>.nav-link {border-radius:0 4px 4px 0!important}.nav-link.disabled {color:#6c757d!important}
.nav-pills .nav-link {padding:10px 20px; white-space: nowrap; }
.nav-pills>li>.nav-link {margin-left:-1px;border-radius:0!important;margin-top:5px;margin-bottom:5px;border:1px solid #1572e8;color:#585c5d}
.nav-pills>li>.nav-link.active {background:#1572e8; border: 1px solid #1572e8;}
.nav-pills>li>.nav-link:hover {background:#4080bf !important; color:#ffffff; border: 1px solid #4080bf !important;}
.nav-pills.nav-pills-no-bd li {margin-left:15px!important}
.nav-pills.nav-pills-no-bd li .nav-link {border: 1px solid #ccc !important;border-radius:5px!important;background:#fafafa; font-size:18px; font-weight:600;}
.nav-pills.nav-pills-no-bd li .nav-link.active {border-radius:5px!important; box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.5) !important; border: 1px solid #00427a !important;}
.nav-pills.nav-pills-no-bd li .nav-link.active:hover {border-radius:5px!important; box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.5) !important; border: 1px solid #4080bf !important;}
.nav-pills.nav-pills-no-bd li:first-child {margin-left:0!important}
.nav-pills.nav-pills-no-bd li:last-of-type  {margin-right:0!important}
.nav-pills.nav-pills-no-bd.nav-pills-icons .nav-link,.nav-pills.nav-pills-no-bd.nav-pills-icons .nav-link.active {border-radius:5px!important}
/*.nav-pills.flex-column .nav-link {border-radius:0!important;border:1px solid #1572e8;color:#585c5d;margin-top:-1px;text-align:center;word-wrap:normal;padding:10px 0}
.nav-pills.flex-column .nav-link:hover {background:rgba(222,222,222,.4)}
.nav-pills.flex-column .nav-link.active {background:#1572e8}
.nav-pills.flex-column .nav-link:first-child {border-radius:4px 4px 0 0!important}
.nav-pills.flex-column .nav-link:last-child {border-radius:0 0 4px 4px!important}
.nav-pills.flex-column.nav-pills-no-bd .nav-link {border:0!important;border-radius:5px!important;background:rgba(222,222,222,.4);margin-top:5px;margin-bottom:5px}
.nav-pills.flex-column.nav-pills-no-bd .nav-link.active {border-radius:5px!important}
.nav-pills.flex-column.nav-pills-icons .nav-link,.nav-pills.flex-column.nav-pills-icons .nav-link.active {border-radius:5px!important}
.nav-pills.nav-pills-icons .nav-link,.nav-pills.nav-pills-icons .nav-link.active {border-radius:5px!important;padding-top:12px;padding-bottom:12px}
.nav-pills.nav-pills-icons i {display:block;text-align:center;font-size:2em;line-height:50px}*/
.nav-pills.nav-danger .nav-link,.nav-pills.nav-default .nav-link,.nav-pills.nav-info .nav-link,.nav-pills.nav-primary .nav-link,.nav-pills.nav-secondary .nav-link,.nav-pills.nav-success .nav-link,.nav-pills.nav-warning .nav-link {/*border:1px solid #eee*/}
.nav-pills.nav-danger .nav-link.active,.nav-pills.nav-default .nav-link.active,.nav-pills.nav-info .nav-link.active,.nav-pills.nav-primary .nav-link.active,.nav-pills.nav-secondary .nav-link.active,.nav-pills.nav-success .nav-link.active,.nav-pills.nav-warning .nav-link.active {color:#fff!important}
.nav-pills.nav-default .nav-link.active {background:#1a2035;border:1px solid #1a2035}
.nav-pills.nav-primary .nav-link.active {background:#1572e8;border:1px solid #1572e8}
.nav-pills.nav-secondary .nav-link.active {background:#00427a;border:1px solid #00427a}
.nav-pills.nav-info .nav-link.active {background:#48abf7;border:1px solid #48abf7}
.nav-pills.nav-success .nav-link.active {background:#31ce36;border:1px solid #31ce36}
.nav-pills.nav-warning .nav-link.active {background:#ffad46;border:1px solid #ffad46}
.nav-pills.nav-danger .nav-link.active {background:#f25961;border:1px solid #f25961}
.nav-sm .nav-link {font-size:11px!important;padding:8px 16px!important}

@media only screen and (max-width:780px) {
	.contents_01.container { padding: 0px 0 10px 0;}
	.nav-pills.nav-pills-no-bd li {margin-left:3px!important}
	.nav-pills.nav-pills-no-bd li .nav-link {border: 1px solid #ccc !important;border-radius:5px!important;background:#fafafa; font-size:14px; font-weight:600;}


}




/*.contents_sales.container {padding: 50px 0 ;}
.SalesPresentation_info{ min-height:  410px; background-color:#f2f2f2; padding: 30px; }
.SalesPresentation_ib{border: 1px solid #999999; height:  410px; width: auto;}
@media only screen and (max-width:1800px) {
    .contents_sales.container {padding-right: 15px; padding-left: 15px}
	.SalesPresentation_info{  min-height:  auto; }
}

@media only screen and (max-width:1200px) {
    .contents_sales.container {padding-top: 40px}
	.SalesPresentation_ib{border: none; }
	.SalesPresentation_info{  min-height:  auto; }
}



@media (max-width: 768px) {
    .contents_sales.container { padding: 20px 0 ;} 
	.SalesPresentation_info{  height:  200px !important ;   }
}*/

/*// 제품 설명*/

/*.contents_sales.container {padding: 50px 0 ;}
.SalesPresentation_info{ min-height:  410px; background-color:#f2f2f2; padding: 30px; }
.SalesPresentation_ib{border: 1px solid #999999;  min-height:  410px; }
@media only screen and (max-width:1800px) {
    .contents_sales.container {padding-right: 15px; padding-left: 15px}
	.SalesPresentation_info{  min-height:  410px; }
}

@media only screen and (max-width:1200px) {
    .contents_sales.container {padding-top: 40px}
	.SalesPresentation_ib{border: none;}
	.SalesPresentation_info{  min-height:  auto; }
}



@media only screen and (max-width:780px) {
    .contents_sales.container { padding-top: 25px} 
	.SalesPresentation_info{ height:  auto !important; min-height:  auto !important;   }
	.SalesPresentation_ib{border: none;  height:  350px !important; max-height:  350px !important;}
}*/



/*--------------------------------------------------------------
# table
--------------------------------------------------------------*/
.table_add {  margin-bottom: 0rem; background-color: #fff !important;}
.table_add th { vertical-align: top; border-top: 1px solid #000000 !important; text-align:center; white-space:nowrap; background-color: #e0eaef !important; min-height: 50px  !important; }
.table_add td { vertical-align: top;  text-align:center; white-space:nowrap; min-height: 42px !important;}
.table_add thead th { vertical-align: middle; font-size:15px !important; color: #000; background-color:#e6e6e6; border-bottom:1px solid #d9d9d9 !important; font-weight:700 !important;}
.table_add tbody td { vertical-align: middle; font-size:15px !important; color: #000; border-bottom:1px solid #d9d9d9 !important; font-weight:400 !important; }
.table_add tbody + tbody { border-top: none; }
.table_add tbody td .form-control {height:40px !important; font-size: 1em !important; }
.table_add tbody td .btn{font-size:1em !important; opacity:1; height: 40px; }
.table_add tbody td .input-group-append{ margin-top: 4px; }
.right_line{ border-right: 1px solid #d9d9d9 !important;}
.right_line_blue{ border-right: 3px solid #3399ff !important;}


@media (max-width: 768px) {
	.table_add th {padding:10px!important; height: 50px !important; white-space:normal !important; line-height:1.2; width: 100px !important;}
	.table_add td {padding:10px!important; min-height: auto !important; white-space:normal !important; line-height:1.2; width: 100px !important;}
	.table_add thead th {  font-size:12px !important;  }
	.table_add tbody td { font-size:12px !important;   }
}
.table_compare {  margin-bottom: 0rem; background-color: #fff !important;}
.table_compare th { vertical-align: top; border-top: 2px solid #999999 !important; text-align:center; white-space:nowrap; min-height: 50px  !important; }
.table_compare td { vertical-align: top;  text-align:center; white-space:nowrap; min-height: 42px !important;}
.table_compare thead th { vertical-align: middle; font-size:15px !important; color: #000; background-color:#e6e6e6; border-bottom:1px solid #d9d9d9 !important; font-weight:700 !important;}
.table_compare tbody td { vertical-align: middle; font-size:15px !important; color: #000; border-bottom:1px solid #d9d9d9 !important; font-weight:400 !important; }
.table_compare tbody + tbody { border-top: none; }
.table_compare tbody td .form-control {height:40px !important; font-size: 1em !important; }
.table_compare tbody td .btn{font-size:1em !important; opacity:1; height: 40px; }
.table_compare tbody td .input-group-append{ margin-top: 4px; }
.right_line{ border-right: 1px solid #d9d9d9 !important;}

@media (max-width: 768px) {
	.table_compare th {padding:10px!important; height: 50px !important; white-space:normal !important; line-height:1.2; width: 100px !important;}
	.table_compare td {padding:10px!important; min-height: auto !important; white-space:normal !important; line-height:1.2; width: 100px !important;}
	.table_compare thead th { font-size:12px !important; }
	.table_compare tbody td { font-size:12px !important; }  
}
.table_compare_img{ width: 200px !important; margin-top: 5px; padding-bottom: 5px;}
@media (max-width: 768px) {
	.table_compare_img{ width: 100px !important; margin-top: 5px; padding-bottom: 5px;}
	.text_box_150{ white-space:normal !important; width: 100px !important; }
	.text_box_50{ white-space:normal !important; width: 50px !important; }

}

.table_compare01 {  margin-bottom: 0rem; background-color: #fff !important;}
.table_compare01 th { vertical-align: top; border-top: 2px solid #999999 !important; text-align:center; white-space:nowrap; min-height: 50px  !important; }
.table_compare01 td { vertical-align: top;  text-align:center; white-space:nowrap; min-height: 42px !important;}
.table_compare01 thead th { vertical-align: middle; font-size:16px !important; color: #000; background-color:#e6e6e6; border-bottom:1px solid #d9d9d9 !important; font-weight:400 !important;}
.table_compare01 tbody td { vertical-align: middle; font-size:16px !important; color: #000; border-bottom:1px solid #d9d9d9 !important; font-weight:400 !important; }
.table_compare01 tbody + tbody { border-top: none; }
.table_compare01 tbody td .form-control {height:40px !important; font-size: 1em !important; }
.table_compare01 tbody td .btn{font-size:1em !important; opacity:1; height: 40px; }
.table_compare01 tbody td .input-group-append{ margin-top: 4px; }
.right_line{ border-right: 1px solid #d9d9d9 !important;}

@media (max-width: 768px) {
	.table_compare01 th {padding:10px!important; height: 50px !important; white-space:normal !important; line-height:1.2; width: 100px !important;}
	.table_compare01 td {padding:10px!important; min-height: auto !important; white-space:normal !important; line-height:1.2; width: 100px !important;}
	.table_compare01 thead th { font-size:12px !important; }
	.table_compare01 tbody td { font-size:12px !important; }  
}
.table_compare_img{ width: 200px !important; margin-top: 5px; padding-bottom: 5px;}
@media (max-width: 768px) {
	.table_compare_img{ width: 100px !important; margin-top: 5px; padding-bottom: 5px;}
	.text_box_150{ white-space:normal !important; width: 100px !important; }
	.text_box_50{ white-space:normal !important; width: 50px !important; }

}

.text-primary{color: #0066cc !important;}


.container_ex { position: relative; background-color: #000; }
.mySlides { display: none; }
.cursor { cursor: pointer; }
.prev,
.next { cursor: pointer;  position: absolute; top: 40%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; }
.next { right: 0; border-radius: 3px 0 0 3px; }
.prev:hover,
.next:hover { background-color: rgba(0, 0, 0, 0.8); }
.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; }
.caption-container { text-align: center; background-color: #222; padding: 10px 16px; color: white; }
.demo { opacity: 0.6; }
.active,
.demo:hover { opacity: 1; }
.mySlides_img{ height: 500px;}
.mySlides_img_sm{ height: 100px; width: 100%;}
.mySlides_img_01{ height: 500px;}
.mySlides_img_sm_01{ height: 100px; width: 100%;}
@media (max-width: 768px) {
	.mySlides_img{ height: auto; width: 100%; }
	.mySlides_img_sm{ height: auto; width: 100%;}
	.mySlides_img_01{ height: auto; width: 100%;}
	.mySlides_img_sm_01{ height: auto; width: 100%;}
	.icon_none { display: none !important; }

}
.control_web_box{background-color: #ffffff; border-radius: 10px; padding: 20px;}
.control_h4{ font-size:18px; font-weight:700; margin-bottom: 5px;}
.control_web_img_01{ border: 5px solid #aaa; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); height: 500px; margin-bottom: 5px; }
.control_web_img_02{ border: 5px solid #aaa; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); height: 500px; margin-bottom: 5px; }
.control_web_img_03{ border: 3px solid #666; height: 300px; margin-bottom: 5px; }

@media (max-width: 768px) {
	.control_web_box{padding: 10px;}
	.control_h4{ font-size:16px;}
	.control_web_img_01{ height: auto; margin-bottom: 5px; width:100%;}
	.control_web_img_02{ height: 300px;; margin-bottom: 5px; width:auto;}
	.control_web_img_03{ height: auto; margin-bottom: 5px;width:100%;}
}

@media (max-width: 768px) {
	.card_img400{ height: 300px; width:auto;}
}