@font-face {
  font-family: 'Noto Sans KR';
  font-weight: 100;
  src: url('/fonts/notosanskr-light.woff2') format('woff2'),
		url('/fonts/notosanskr-light.woff') format('woff')
}

@font-face {
  font-family: 'Noto Sans KR';
  font-weight: 400;
  src: url('/fonts/notosanskr-regular.woff2') format('woff2'),
		url('/fonts/notosanskr-regular.woff') format('woff')
}

@font-face {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  src: url('/fonts/notosanskr-medium.woff2') format('woff2'),
		url('/fonts/notosanskr-medium.woff') format('woff')
}

@font-face {
  font-family: 'Noto Sans KR';
  font-weight: 700;
  src: url('/fonts/notosanskr-bold.woff2') format('woff2'),
		url('/fonts/notosanskr-bold.woff') format('woff')
}

* { margin: 0; padding: 0; box-sizing: border-box; word-break:break-all; position: relative; font-family: "Noto Sans KR", sans-serif; letter-spacing: -1px; outline: none !important; font-size: 15px; color: #333; }
*:focus { outline: none; }
*::selection { background-color: #000; color: #FFF; }
html, body { width: 100%; min-width: 1200px; height: 100%; float: left; color: #495057; font-size: 14px; }
#wrap { width: 100%; height: 100%; float: left; }

/* 엘리먼트 초기화 */
a { color: inherit; text-decoration: none; }
img { vertical-align: bottom; }
ul, li { list-style: none; }
button { border: 0; cursor: pointer; }
table { table-layout: fixed; border-collapse: separate; border-spacing: 0; }
tspan { letter-spacing: -0.5px !important; }
label { cursor: pointer; }
label > .on { display: none; color: #3366CC; }
label > .off { display: inline-block; color: #CCC; }
input[type="checkbox"], input[type="radio"] { display: none; }
input[type="checkbox"]:checked + label > .on { display: inline-block; }
input[type="checkbox"]:checked + label > .off { display: none; }
.Egsh { letter-spacing: 0; }

/* commonBox */
.commonBox { width: 100%; float: left; min-width:1200px; }
.commonBox > div { width: 1200px; margin: 0 auto; }
.commonBox > div > div { width: 100%; float: left; }
.commonBox .con_box { width: 100%; float: left; }


/* 공통 헤더부분 */
.Top { padding: 35px 0; }
.Top .con_box > div { float: left; }
.Top .con_box .t_logo { width: 30%; }
.Top .con_box .t_logo img { float: left; }
.Top .con_box .t_menu { width: 70%; }
.Top .con_box .t_menu > ul { float: right; }
.Top .con_box .t_menu > ul > li { width: auto; float: left; margin: 0 25px; text-align: center; line-height: 65px; }
.Top .con_box .t_menu > ul > li > a { font-size: 19px; font-weight: 500; }

/* 공통 푸터부분 */
.footer { border-top: 1px solid #333; min-height: 200px; padding: 50px 10px; }
.footer .con_box { float: left; }
.footer .con_box > li { width: 100%; float: left; }
.footer .left { width: 77%; }
.footer .left > li { font-size: 14px; font-weight: 400; line-height: 23px; }
.footer .left > li.crt { margin-top: 15px; }
.footer .right { width: 23%; }
.footer .right > li > span { font-size:17px; font-weight: 600; }
.footer .right > li > select { width: 275px; height: 30px; margin-top: 5px; }

/* 공통 플로팅부분 */
#floatingMenuWrap { position: absolute; z-index: 100; width: 110px; right: 5%; top: 920px; transform: translateY(0); /*transition: transform 0.5s; margin-top: 158px;*/ }
#floatingMenuWrap .imgWrap { width: 100%; float: left; }
#floatingMenuWrap .imgWrap > li { width: 100%; float: left; }
#floatingMenuWrap .imgWrap .pop_ani .jump{ animation: bounce .3s ease infinite alternate; display: block; -webkit-animation: bounce .3s ease infinite alternate;}
@keyframes bounce{
	from{
		transform: translateY(0px);
	}
	to {
		transform: translateY(-15px);
	}
}
@-webkit-keyframes bounce{
	from{
		transform: translateY(0px);
	}
	to {
		transform: translateY(-15px);
	}
}
#floatingMenuWrap .imgWrap .pop_ani .shadow{ margin-top: -15px; animation: shadow .3s ease infinite alternate; display: block; -webkit-animation: shadow .3s ease infinite alternate;}
@keyframes shadow{
	from{
		transform: scale(1);
	}
	to {
		transform: scale(0.5);
	}
}
@-webkit-keyframes shadow{
	from{
		transform: scale(1);
	}
	to {
		transform: scale(0.5);
	}
}
#floatingMenuWrap .imgWrap .topArrowWrap a { padding: 0; }
#floatingMenuWrap .imgWrap > li > a { width: 100%; float: left; cursor: pointer; }
#floatingMenuWrap .imgWrap > li > a > img { max-width: 100%; vertical-align: top; animation: watch 2s linear infinite both; }
#floatingMenuWrap .imgWrap > li.goToTopBtn { height: 25px; line-height: 25px; border: 1px solid #171767;  text-align: center; font-size: 13px; color: #171767; font-weight: 500; cursor: pointer; background-color: #ffffff;}
.fix{position:fixed;_position:absolute;width:100%;top:0;z-index:100;}

/* 팝업_상담신청 */
.popup_01 { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.65); } 
.p_block{ display: block; }
.p_none{ display: none; } 
.popup_01 > .wbox_popup { position:fixed; width: 1000px; min-height: 700px; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; }
.popup_01 .con_box { width: 100%; float: left; }
.popup_01 .title_bar { background-color: #171767; height: 70px; padding-left: 40px; }
.popup_01 .title_bar > ul { width: 100%; float: left; }
.popup_01 .title_bar > ul > li { float: left; line-height: 70px; font-size: 24px; font-weight: 500; color: #fff; }
.popup_01 .title_bar > ul > li.tt { width: 92%; }
.popup_01 .title_bar > ul > li.bt { width: 8%; background-color: rgba(0,0,0,0.3); text-align: center; cursor: pointer; }
.popup_01 .title_bar > ul > li.bt > i { font-size: 30px; color: #fff; }

.popup_01 .form_bar { padding: 30px 40px; height: 553px; overflow: auto; }
.popup_01 .form_bar > div { width: 100%; float: left; margin-bottom: 30px; }
.popup_01 .form_bar > div > p { width: 100%; float: left; font-size: 20px; font-weight: 500; border-bottom: 1px solid #000; padding: 10px 5px; }
.popup_01 .form_bar .wr_form { width: 100%; float: left; padding: 0 10px; }
.popup_01 .form_bar .wr_form > ul { width: 100%; float: left; }
.popup_01 .form_bar .wr_form > ul > li { width: 50%; float: left; margin-top: 15px; }
.popup_01 .form_bar .wr_form .tt { width: 22%; float: left; font-size: 18px; font-weight: 500; line-height: 47px;}
.popup_01 .form_bar .wr_form .ts { width: 11%; float: left; font-size: 18px; font-weight: 500; line-height: 47px;}
.popup_01 .form_bar .wr_form input { width: 70%; height: 47px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; padding: 10px 5px;}
.popup_01 .form_bar .wr_form .calltxt input { width: 23.6%; height: 47px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; padding: 10px 5px; }
.popup_01 .form_bar .wr_form .context{ width: 100%;}
.popup_01 .form_bar .wr_form .context textarea { width: 86%; height: 250px; font-size: 16px; resize: none; border: 1px solid #ccc; border-radius: 4px; padding: 10px 5px; }
.popup_01 .form_bar > div > .checkbox { width: 100%; float: left; padding: 20px 10px 0; }
.popup_01 .form_bar .checkbox .labeltext { font-size: 16px; font-weight: 400; }
.popup_01 .form_bar > div > .checkbox i { font-size: 20px; }
.popup_01 .form_bar .checkbox .privacybox { overflow: auto; width: 100%; float: left; height: 100px; border: 1px solid #ccc; margin-top: 10px; padding: 10px 10px; font-size: 14px; font-weight: 400; line-height: 23px; color: #666; }

.popup_01 .info_box { padding: 0 40px; }
.popup_01 .info_box > div { width: 100%; float: left; border: 5px solid #f1f1f1; padding: 20px 40px; }
.popup_01 .info_box > div > ul { float: left; }
.popup_01 .info_box > div > ul > li { float: left; }
.popup_01 .info_box > div > ul > li > p { width: 100%; float: left; }
.popup_01 .info_box .left_ib { width: 60%; border-right: 1px solid #f1f1f1; }
.popup_01 .info_box .left_ib .logo { width: 12%; }
.popup_01 .info_box .left_ib .text { width: 88%; }
.popup_01 .info_box .left_ib .text .st { font-size: 17px; font-weight: 400; line-height: 18px; }
.popup_01 .info_box .left_ib .text .st > span { font-size: 17px; font-weight: 500; }
.popup_01 .info_box .left_ib .text .tt { font-size: 23px; font-weight: 700; color: #171767; }
.popup_01 .info_box .right_ib { width: 40%; padding: 0 10px; }
.popup_01 .info_box .right_ib .nt { width: 40%; font-size: 17px; font-weight: 700; }
.popup_01 .info_box .right_ib .nn { width: 60%; font-size: 31px; font-weight: 800; color: #171767; line-height: 20px; padding-top: 5px; }
.popup_01 .info_box .right_ib .nn > span { font-size: 16px; font-weight: 500; color: #666; }

.popup_01 .button_box { padding: 40px 0 50px 0; text-align: center; }
.popup_01 .button_box button { display: inline-block; width: 190px; height: 55px; margin: 0 1px; border-radius: 5px; font-size: 18px; font-weight: 500;  }
.popup_01 .button_box button { display: inline-block; width: 190px; height: 55px; margin: 0 1px; border-radius: 5px; font-size: 18px; font-weight: 500;  }
.popup_01 .button_box button.bt_01 { background-color: #d2d2d2; color: #666; }
.popup_01 .button_box button.bt_02 { background-color: #171767; color: #fff; }

	/* FAQ 스킨1 */
		.faq_skin1 { width:100%; float:left; }
		.faq_skin1 .typeList { width:100%; float:left; margin-top:10px; border-top:2px solid #ccc; border-bottom:2px solid #ccc; }
		.faq_skin1 .boxs { width:100%; float:left; }
		.faq_skin1 .boxs .item { width:100%; float:left; }

		.faq_skin1 .boxs .item:not(:nth-child(n)) { border-bottom:1px solid #ebebeb; }


		.faq_skin1 .titleWrap { width:100%; float:left; cursor: pointer; padding: 10px 0; overflow: hidden; border-bottom: 1px solid #808080;}
		.faq_skin1 .t_none{display: none; height: 0;}
		.faq_skin1 .t_block{display: block;}
		.faq_skin1 .titleWrap > ul { width:100%; float:left; }
		.faq_skin1 .titleWrap > ul > li { height: 60px; line-height: 60px; float: left; color: #333; text-align:left; }
		.faq_skin1 .titleWrap > ul > li.no { width: 5%; text-align: center; font-weight: 600; font-size: 18px; }
		.faq_skin1 .titleWrap > ul > li.title { width: 85%; font-weight: 500; font-size: 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
		.faq_skin1 .titleWrap > ul > li.look { width: 10%; font-size: 11px; text-align: center; }

		.faq_skin1 .contentWrap { width:100%; float:left; transition: all 500ms ease-in-out 0s; overflow: hidden;}
		.faq_skin1 .f_none{max-height: 0px;}
		.faq_skin1 .f_none2{max-height: 0px; transition: all 0ms ease-in-out 0s;}
		.faq_skin1 .f_block{max-height: 140px;}
		.faq_skin1 .contentWrap > ul { width:100%; float:left; background: #f7f7f7; padding: 30px 60px 30px 30px; }
		.faq_skin1 .contentWrap > ul > li { float: left; }
		.faq_skin1 .contentWrap > ul > li.circle_a { width: 5%; margin-left: 2%; }
		.faq_skin1 .contentWrap > ul > li.circle_a > p { width: 30px; height: 30px; text-align: center; line-height: 30px;float: left; background-color: #3f8a30; border-radius: 50%; font-size: 16px; font-weight: 500; color: #fff; }
		.faq_skin1 .contentWrap > ul > li.txt { width: 93%; text-align:left; color:#333; }
		.faq_skin1 .contentWrap > ul > li.txt > p { font-size: 18px; font-weight: 400; line-height: 30px; color: #666; }


	/* 공통 */
		.bbsSolution { width:100%; float:left; padding: 50px 40px; }

		/* 리스트 공통 상단 */
		.listTopInfo { width:100%; float:left; }

		.listTopInfo .left { width:50%; float:left; text-align:left; }
		.listTopInfo .total { font-size:15px; font-weight: 500; line-height:30px; }

		.listTopInfo .right { width:50%; float:right; text-align:right; }
		.listTopInfo select.listSelect { width:140px; height:30px; border:1px solid #ccc; }



		/* 페이징 */
		.bbsSolution .pagingWrap { width: 100%; float: left; margin:50px 0; text-align:center; }
		.bbsSolution .pagingWrap > ul { width:auto; vertical-align: middle; display:inline-block; }
		.bbsSolution .pagingWrap > ul > li { width:auto; display: inline-block; vertical-align: middle; margin-left: 10px; cursor: pointer;}
		.bbsSolution .pagingWrap > ul > li.now { color: #3f8a30; border: 1px solid #e1e1e1; border-radius: 50px; font-weight: 500; cursor: auto;}
		.bbsSolution .pagingWrap > ul > li.none {display: none;}
		.bbsSolution .pagingWrap > ul > li > * { width:35px; line-height:35px; float: left; font-size: 14px; }
		.bbsSolution .pagingWrap > ul > li > * > i { color: #ccc; }

		/* 검색 */
		.bbsSolution .searchWrap { width: 100%; float: left; }
		.bbsSolution .searchWrap form { width:100%; float:left; }
		.bbsSolution .searchWrap ul { width: 100%; float: left; border: 1px solid #EEE; text-align: center; padding: 35px; }
		.bbsSolution .searchWrap ul > li { display: inline-block; margin: 0 2px; }

		.bbsSolution .searchWrap select { border: 1px solid #F2F2F2; font-weight: 400; letter-spacing: -1px; color: #333; font-size: 14px; height: 40px; padding: 0 7px; width: 120px; }
		.bbsSolution .searchWrap select:focus { border: 1px solid #DDD !important; }
		.bbsSolution .searchWrap input { border: 1px solid #F2F2F2; font-weight: 400; letter-spacing: -1px; color: #333; font-size: 14px; height: 40px; padding: 0 7px; width: 400px; }
		.bbsSolution .searchWrap input:focus { border: 1px solid #DDD !important; }
		.bbsSolution .searchWrap button { border: 1px solid #333; font-weight: 500; letter-spacing: -1px; color: #FFF; font-size: 14px; height: 40px; padding: 0 7px; width: 80px; background-color: #333; }