/* 1. 폰트설정 font style Start ************************************************/
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: block;
	src: local('Pretendard ExtraBold'), url('./fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('./fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: block;
	src: local('Pretendard Bold'), url('./fonts/Pretendard-Bold.woff2') format('woff2'), url('./fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: block;
	src: local('Pretendard SemiBold'), url('./fonts/Pretendard-SemiBold.woff2') format('woff2'), url('./font/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: block;
	src: local('Pretendard Medium'), url('./fonts/Pretendard-Medium.woff') format('woff2'), url('./fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: block;
	src: local('Pretendard Regular'), url('./fonts/Pretendard-Regular.woff') format('woff2'), url('./font/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: block;
	src: local('Pretendard Thin'), url('./fonts/Pretendard-Thin.woff2') format('woff2'), url('./fonts/Pretendard-Thin.woff') format('woff');
}

* {
	font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', '돋움', dotum, sans-serif;
}

body,
th,
td,
input,
select,
textarea,
button,
div {
	font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', '돋움', dotum, sans-serif;
}

.webix_view,
.webix_control input,
.webix_control button,
.webix_control textarea,
.webix_el_label,
.webix_inp_label,
.webix_inp_top_label,
.webix_inp_bottom_label {
	font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', '돋움', dotum, sans-serif;
}
.webix_inp_label,
.webix_inp_top_label,
legend.webix_forminput_label,
.webix_el_label .webix_el_box {
	font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', '돋움', dotum, sans-serif;
}
/*팝업*/
.nexwiz_map_hover {
	position: absolute;
	width: auto;
	height: auto;
	background: #fff;
	border: 2px solid #008da0;
	font-size: 16px;
	border-radius: 20px;
	padding: 5px 10px;
	box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 3px 0px, inset rgba(0, 0, 0, 0.25) 1px 1px 2px 0px;
}
/*맵 툴팁 팝업*/
.nexwiz_map_hover {
	position: absolute;
	width: auto;
	height: auto;
	background: #fff;
	border: 2px solid #008da0;
	font-size: 16px;
	border-radius: 20px;
	padding: 5px 10px;
	box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 3px 0px, inset rgba(0, 0, 0, 0.25) 1px 1px 2px 0px;
}
.webix_el_box {
	padding: 0;
}
.webix_view {
	background-color: transparent;
	border: 0;
}
.webix_view.webix_el_image {
	border: 0;
	background-color: transparent;
}
.webix_view.webix_el_image .webix_template {
	padding: 0;
}
/* cols정렬 */
.nexwiz_ncols.nexwiz_ncols_middle>.webix_view {
	top: 50%;
	position: relative;
	transform: translateY(-50%);
}
.nexwiz_ncols.nexwiz_ncols_bottom>.webix_view {
	vertical-align: bottom !important;
}
/*버튼 스타일*/
/* round btn */
.round_btn .webix_el_box .webix_button {
    border: 1px solid #39527c;
    background: #39527c;
    border-radius: 20px;
    box-shadow: none;
    font-size: 14px;
    color: #fff;
}
.round_btn .webix_el_box .webix_button:hover,
.round_btn .webix_el_box .webix_button:focus,
.round_btn .webix_el_box .webix_button:active {
    border: 1px solid #304870;
    border-radius: 20px;
    background: #304870;
    transition: all 0.3s;
    font-size: 14px;
    color: #fff;
}
/* line btn */
.line_btn .webix_el_box .webix_button {
    border: 2px solid #5c6066;
    background: white;
    border-radius:5px;
    box-shadow: none;
    font-size: 14px;
    color: #222;
}
.line_btn .webix_el_box .webix_button:hover,
.line_btn .webix_el_box .webix_button:focus,
.line_btn .webix_el_box .webix_button:active {
    border: 1px solid #5c6066;
    border-radius: 5px;
    background: #5c6066;
    transition: all 0.3s;
    font-size: 14px;
    color: #fff;
}
/* img btn */
.img_btn .webix_button{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px 0 5px;
	font-size: 14px;
	color:#fff;
    border-radius: 3px;
	background-color: rgb(92, 96, 102) ;
	border: 0;
	box-shadow: none;
}
 .img_btn .webix_button::before{
	content: '';
	display:block;
	width: 30px;
	height: 30px;
	background:transparent  url('../../img/nw_btn_sch.png') no-repeat center center;
	background-size: 90%;
		border: 0;
}
 .img_btn .webix_button:hover, 
 .img_btn .webix_button:focus, 
 .img_btn .webix_button:active {
	background-color: rgba(92, 96, 102, 0.9) ;
	color: #fff;
	border: none;
}
/* 홈페이지 */
/* 회사소개 */
.pattern_bg{
	background: transparent url(../../img/repeat_img.png) repeat 0 0;
}
.main_tit{
	z-index: 3;
} 
.line_box{
	border-top:1px solid #a5a5a5;
}
.name_box{
	border:1px solid #bbc2cd;
	border-radius: 10px;
	background: #fff;
}
.q_menu_line{
	background: #ddd;
	height: 100% !important;
	z-index: 4;
}
.line_bg{
	background: #ddd;
}
.line_bg02{
	border-color: #ddd;
    border-width: 1px 1px 0px 1px !important;
    border-radius: 6px;
    border-style: solid;
}
.footer{
	background: #dddddd;
	border-top: 1px solid #d2d2d7;
}
.header{
	background: #fff;
	border-bottom: 1px solid #d2d2d7;
}
.circle{
	border-radius: 50%;
}
.circle.n01{
	background: #1a3359;
}
.circle.n02{
	background: #3196b3;
}
.circle.n03{
	background: #4a9ccd;
}
.circle.n04{
	background: #357cb6;
}
.circle.n05{
	background: #3d56a6;
}
.webix_view.webix_abslayout.hm_100_bg{
	background: #1a3359;
}
.border_gr{
	border-top: 4px solid #1f295d;
	border-bottom: 4px solid #1f295d;
}
.border_gr.bg{
	background: #fff;
}
/* 제품개요라인 */
.border_gr02{
	border-top: 1px solid #a39f9f;
	border-bottom: 1px solid #a39f9f;;
}
.line_gr{
	background: #e1e2e1;
}
.circle_gr{
	border-radius: 50%;
}
.circle_gr .circle_tit_txt .webix_el_box::before{
	content: '';
	position: absolute;
	background: transparent url(../../img/tit_bg_icon.png);
	left: 34%;
	top: 0;
	width: 60px;
	height: 60px;
}
.circle_gr.n01 .circle_tit_txt .webix_el_box::before{
	background-position: 0 0;
}
.circle_gr.n02 .circle_tit_txt .webix_el_box::before{
	background-position: 0 -60px;
}
.circle_gr.n03 .circle_tit_txt .webix_el_box::before{
	background-position: 0 -120px;
}
.circle_gr.n01{
	background: rgb(49,150,179);
	background: linear-gradient(0deg, rgba(49,150,179,1) 67%, rgba(18,134,167,1) 67%);
}
.circle_gr.n02{
	background: rgb(31,77,133);
	background: linear-gradient(0deg, rgba(31,77,133,1) 67%, rgba(31,64,123,1) 67%);
}
.circle_gr.n03{
	background: rgb(53,124,182);
	background: linear-gradient(0deg, rgba(53,124,182,1) 67%, rgba(29,115,183,1) 67%);
}
.sp_btn.small .webix_el_box .webix_button {
	border-radius: 5px;
}
.sp_btn.small .webix_el_box .webix_button:hover,
.sp_btn.small .webix_el_box .webix_button:focus,
.sp_btn.small .webix_el_box .webix_button:active {
	border-radius: 5px;
}
/*txt*/
/* 메인타이틀 */

.main_tit .webix_el_box{
	color: #1f4d85;
	font-weight: 700;
}
.sub_tit.bk .webix_el_box{
	color: #222222;
	font-weight: 700;
}
.sub_tit.bk24 .webix_el_box{
	color: #222222;
	font-weight: 500;
}
.sub_tit.bk .webix_el_box i{
	color: #222222;
	font-style: normal;
	font-weight: 500;
}
.sub_tit.bl .webix_el_box{
	color: #1f4d85;
	font-weight: 900;
}
.sub_tit.bl24 .webix_el_box{
	color: #1f4d85;
	font-weight: 400;
}
.sub_tit.bl.wei .webix_el_box{
	color: #1f4d85;
	font-weight: 600;
}
.sub_tit.wh.ceo .webix_el_box,
.sub_tit.wh .webix_el_box{
	color: #fff;
	font-weight: 500;
    line-height: 25px !important;
	letter-spacing: -0.8px;
}
.sub_tit.wh .webix_el_box i{
	color: #fff;
	font-style: normal;
	font-weight: 500;
}
/* 설명글 */
.info_txt .webix_el_box{
	color: #838383;
	font-weight: 400;
	line-height: 24px !important;
}
.info_txt.bk .webix_el_box{
	color: #222222;
	font-weight: 400;
	line-height: 24px !important;
}
/* 그룹박스 */
.gr_tit .webix_el_box{
	color: #222222;
	font-weight: 700;
}
.gr_txt .webix_el_box{
	color: #71737b;
	line-height: 24px !important;
	font-weight: 400;
}
.name_txt .webix_el_box{
	color: #71737b;
	font-weight: 400;
}
.sub_txt .webix_el_box{
	color: #71737b;
	line-height: 15px !important;
	font-weight: 400;
	padding-top: 11px;
}
.footer_label .webix_el_box{
	color: #898b8d;
}
.footer_value .webix_el_box{
	color: #000000;
	line-height: 24px !important;
}
.footer_address .webix_el_box{
	color: #acafb2;
}

.circle_tit_txt .webix_el_box{
	color: #fff;
	font-weight: normal;
	padding-top: 29px;
}
.circle_info_txt .webix_el_box{
	color: #fff;
	font-weight: 300;
	line-height: 28px !important;
}

.cont_bg_txt .webix_el_box{
	color: #fff;
	font-weight: normal;
	line-height: 30px !important;
}
.sp_btn .webix_el_box .webix_button {
    border: 1px solid #1f4d85;
    background: #1f4d85;
    border-radius: 8px;
    box-shadow: none;
    color: #fff;
	font-weight: 400;
}
.sp_btn .webix_el_box .webix_button:hover,
.sp_btn .webix_el_box .webix_button:focus,
.sp_btn .webix_el_box .webix_button:active {
    border: 1px solid #123c6f;
    border-radius: 8px;
    background: #123c6f;
    transition: all 0.3s;
    color: #fff;
	font-weight: 400;
}
.sp_info_txt .webix_el_box{
	color: #838383;
	font-weight: normal;
	line-height: 16px !important;
}
/* 예제 페이지 */
.num_tit .webix_el_box {
    color: #1f4d85;
    font-weight: 500;
}
/* 인풋 */
.webix_el_text.hm_input input{
	border-radius: 5px;
	color: #222;
}
.webix_el_textarea.hm_txtarea textarea{
	border-radius: 5px;
	color: #222;
}
.logo_img{
	cursor: pointer;
}
.ol-zoom,
.ol-rotate,
.ol-attribution,
.ol-attribution > button,
.ol-attribution > ul{
	display: inline-block !important;
}
.ol-attribution > ul{
    margin: 5px 0 0 0;
    position: absolute;
    bottom: 0;
    display: block !important;
    right: 0;
}