@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

html body {max-width:960px; margin:0 auto !important;}

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strike,strong,sub,sup,tt,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
section, article, aside, footer, header, hgroup, nav {font-family: 'Noto Sans KR';}

img {max-width:100%; width:auto;}
.body_bg {background:#f4f9ff; box-shadow:rgb(0 0 0 / 10%) 0px 0px 10px 4px; }
.main_bg {display:inline-block; width:100%; padding:0% 0% 0% 0%; background-color:#fff; box-sizing:border-box;}
.wrap {float:left; position:relative; width:100%; min-height:700px; background:#fff; box-shadow:rgb(0 0 0 / 10%) 0px 0px 10px 0px;}

.ety-mt {margin-top:105px;}

.bold {font-weight:bold;}
.top_line {display:none; position:fixed; top:0px; left:0px; width:100%; height:7px; background:url('../img/jump/main_top_line.jpg') repeat-x center top; z-index:9999;}
.nav_right {position:absolute; top:-30px; right:5%;}
.carousel-control-next, .carousel-control-prev {width:5% !important;}
#login_fs legend {display:none;}
.mobile_tel {display:none;}

.product_a {display:inline-block; color:#999; width:100px; padding:1%; margin:1%; border:1px solid #ccc; text-align:center;}
.product_a_on {color:#000; border:2px solid #000 !important;}

/*-- 배너 --*/>
.banner_wrap {display:block !important;}
.m_banner_wrap {display:none !important;}
.main_banner {background-size:100% 100%;}
.main_texts {margin:0 auto; top:30%;}

/*-- 유튜브 --*/
.youtube_wrap {float:left; width:100%;}
.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/*-- 메인 --*/
.top_box_wrap {display:none;}
.navbar-expand-lg .navbar-collapse {position:relative;}
.top-line {width:100%; padding:0px; background:#fff;}
.m_menu_wrap {display:none;}
.fixed-top {background:#fff;}
.sub_wrap {min-height:700px; padding:5% 10% 10% 10%; background:#fff;}
.main_img_01 {float:left; width:100%; text-align:center;}
.main_img_01 img {max-width:100px;}
.main_text_01 {float:left; width:100%; font-size:2.3em; color:#fff; font-weight:bold; text-align:center; text-shadow:1px 1px #00000094; padding-bottom:2%;}
.main_text_02 {float:left; width:100%; font-size:1.2em; color:#fff; font-weight:normal; line-height:normal; text-align:center;  text-shadow:1px 1px #00000094;}
.carousel-caption {left:10%; right:10%;}

#main2_wrap {float:left; width:100%; }
.main2_top {float:left; width:100%; background:#ffe640; padding:5% 0% 3% 0%;}
.main2_title {float:left; width:100%; text-align:center; font-size:1.5em; color:#000; padding-bottom:3%;}
.main2_title span {color:#000; font-weight:bold;}
.main2_text {float:left; width:100%; text-align:center; font-size:1em; color:#fff; padding:0% 5%;}
.main2_box {position:relative; float:left; width:100%; padding:10% 5% 10% 5%; margin:0%; background:#f7f7f7;}
.main2_box_top {float:left; width:100%; text-align:center; color:#000; font-size:2em; font-weight:bold; padding-bottom:5%;}
.main2_box_bottom {float:left; width:100%;}
.main2_box3 {position:relative; float:left; width:48%; padding:5% 2%; margin:1%;}
.main2_box3_img {float:left; width:100%; text-align:center;}
.main2_box3_text {float:left; width:100%; font-size:1.5em; font-weight:bold; color:#000; text-align:center; padding-top:8%;}
.main2_box3_text2 {float:left; width:100%; font-size:1em; color:#888; text-align:center; padding-top:8%;}

.main2_box3_plus {float:right;}
.main2_box_line {border-right:1px solid #eaeaea;}


#main3_wrap {float:left; width:100%; padding:5% 5% 0% 5%; background:url('../img/pil/main3_01.jpg') no-repeat; background-size:cover;}
.main3_box_wrap {float:left; width:100%;}
.main3_box_wrap2 {float:left; width:100%; padding:5%; border:1px solid #ccc; margin-bottom:5%;}
.main3_title {float:left; width:100%; text-align:center; font-size:1.2em; color:#fff;}
.main3_text {float:left; width:100%; text-align:center; font-size:1.8em; color:#fff; font-weight:bold;}
.main3_text2 {float:left; width:100%; text-align:center; font-size:1em; color:#fff; padding-bottom:5%;}
.main3_img {position:relative; float:left; margin-top:4%; width:100%; padding:0%; text-align:center;}
.main3_img img {max-width:100%; width:auto;}
.main3_img_text {position:absolute; left:0; right:0; bottom:-27px; text-align:center;}
.main3_img_text a {display:inline-block; text-align:center; color:#666; font-size:16px; font-weight:bold; padding:2% 5%; background:#ffffffbf;}
.main3_border {float:left; width:100%; text-align:center; padding:3% 0% 0% 0%;}
.main3_border_line {margin:0 auto; width:100%; height:1px; background:#fff;}
.main3_box {float:left; width:100%;}
.main3_box_left {float:left; width:48.5%; margin-right:1.5%;}
.main3_box_left_top {float:left; width:100%; margin-bottom:5%;}
.main3_box_left_bottom {float:left; width:100%;}
.main3_box_right {float:left; width:48.5%; margin-left:1.5%;}
.main3_notice {float:left; width:100%; text-align:left; margin-bottom:5%;}
.main3_notice a {font-size:1.2em; font-weight:bold; padding:2% 4% 2% 1%;}
.main3_btn {float:left; width:100%;}
.main3_btn a {float:left; width:100%; padding:3% 0%; font-size:2em; background:#fff; color:#000;  text-align:center;}

#main4_wrap {float:left; width:100%; padding:0% 0% 0% 0%; }
.main4_box {position:relative; float:left; width:90%; margin:5%; padding:5%; border:1px solid #ccc; z-index:2}
.main4_box_title {font-size:1.5em; font-weight:bold; padding-bottom:1%;}
.main4_box_text {font-size:1em; color:#999999; }
.main4_box_text2 {font-size:2em; line-height:normal; padding-bottom:2%;}
.main4_box_img {position:absolute; right:5%; bottom:20%; z-index:1}

#main5_wrap {float:left; width:100%; padding:0% 0% 0% 0%;}
.main5_box {position:relative; float:left; width:90%; margin:5% 5% 0% 5%; padding:5%; border:1px solid #ccc; z-index:2}
.main5_box_title {font-size:1.5em; font-weight:bold; padding-bottom:5%;}
.main5_box_img {float:left; width:100%;}

#sub_top_wrap {width:100%; padding:10% 0% 10% 0%; text-align:center; display:inline-block; background:url('../img/pil/sub_bg.jpg'); background-size:cover;}
#sub2_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub2_top_bg.jpg');}
#sub3_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub3_top_bg.jpg');}
#sub4_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub4_top_bg.jpg');}
#sub5_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub5_top_bg.jpg');}
.sub_top_notice {max-width:max-content; margin:0 auto; text-align:center; }
.sub_top_text_img {float:left; padding:0% 10px;}
.sub_top_text_text {float:left;}
.sub_top_text_text_01 {float:left; width:100%; font-size:2em; font-weight:bold; margin-bottom:2%; color:#fff;}
.sub_top_text_text_02 {float:left; width:100%; font-size:1em; color:#fff; padding:0% 5%;}

.sub_bottom_wrap {display:table-row; width:100%; height:60px; background:rgba(0, 0, 0, .65);}
.sub_bottom {display:table; width:100%; height:100%; max-width:1120px; margin:0 auto;}
.sub_bottom_2 {display:table-cell; width:50%; height:100%; vertical-align:middle; text-align:center;}
.sub_bottom_4 {display:table-cell; width:25%; height:100%; vertical-align:middle; text-align:center;}

.sub_bottom a {display:block; height:100%; color:#fff; font-size:15px; font-weight:bold; line-height:60px;}
.sub_bottom a:hover {display:block; height:100%; color:#000;  background:#fff;}
.sub_bottom_click {display:block; height:100%; color:#000; font-size:15px; font-weight:bold; background:#fff; line-height:60px;}
.sub_bottom_click a {display:block; height:100%; color:#000;  background:#fff;}


/*-- 서브페이지 --*/
.pc {display:block;}
.m {display:none;}

.sub_img {float:left; width:100%; text-align:center; padding-bottom:3%;}
.sub_text_wrap {float:left; width:100%; padding:5%;}
.sub_text_wrap2 {float:left; width:100%; padding:5%; border:10px solid #db2525;}
.sub_img2 {float:left; width:100%; text-align:center; padding-bottom:10%;}
.sub_img2 li {float:left; width:50%; padding:2%; list-style:none;}
.sub_text {float:left; width:100%; font-size:2.5em; font-weight:bold; text-align:left; padding-bottom:5%;}
.sub_text2 {float:left; width:100%; font-size:1em; text-align:left; padding-bottom:10%;}
.sub_title {float:left; width:100%; font-size:1.2em; font-weight:bold; padding:10% 0% 3% 0%;}

.sub2_title {float:left; width:100%; font-size:2.5em; font-weight:bold; text-align:left; padding-bottom:5%;}
.sub2_text {float:left; width:100%; font-size:1em; text-align:left; padding-bottom:10%;}
.sub2_text span {color:#ffb205;}
.sub2_title2 {float:left; width:100%; font-size:1.2em; font-weight:bold; text-align:left; padding-bottom:5%;}
.sub2_text2 {float:left; width:100%; font-size:1em; color:#000; text-align:left; padding-bottom:3%;}
.sub2_text2 span {width:150px; color:#fff; background:#ffb205; display:inline-block; text-align:center; line-height:45px; border-radius:100px; margin-right:5%;}
.sub2_text3 {float:left; width:100%; font-size:1em; color:#777; text-align:left; padding-bottom:10%;}
.sub2_text4 {float:left; width:100%; font-size:1em; color:#777; text-align:left; padding-bottom:5%;}
.sub2_box_wrap {display:table; float:left; width:100%; border:1px solid #f5f5f5; background:#fdfdfd;}
.sub2_box {display:table-cell; width:22.75%; vertical-align: middle; padding:3%;}
.sub2_box2 {display:table-cell; width:3%; color:#888; vertical-align: middle;}
.sub2_box_img {float:left; width:100%; text-align:center;}
.sub2_box_text {float:left; width:100%; font-size:0.9em; color:#888; text-align:center; padding-top:10%;}

.sub2_box2_01 {display:block;}
.sub2_box2_02 {display:none;}

.map_table {float:left; width:100%; border:1px solid #ccc; border-bottom:0px;}
.map_table_box {display:table; float:left; width:100%; border-bottom:1px solid #ccc; padding:5%;}
.map_table_box_left {display:table-cell; width:50px; vertical-align: top;}
.map_table_box_right {display:table-cell; width:calc(100% - 50px); vertical-align: middle; padding-left:5%;}
.map_table_box_right_01 {float:left; width:100%; font-size:1.5em; padding-bottom:1%;}
.map_table_box_right_02 {float:left; width:100%; font-size:1em; padding-bottom:3%;}

.sub_tab_wrap {float:left; width:100%;}
.sub_tab_box {float:left; width:50%;}
.sub_tab_on {float:left; width:100%; padding:3% 0%; font-size:1.2em; text-align:center; background:#fff; border:1px solid #000; color:#000; display:block;}
.sub_tab_off {float:left; width:100%; padding:3% 0%; font-size:1.2em; text-align:center; background:#fff; border:1px solid #cccccc; color:#c1c1c1; display:block;}
.sub_info_title {float:left; width:100%; font-size:1.5em; margin-top:5%; margin-bottom:3%;}
.sub_info_text {float:left; width:100%; }
.sub_info_text th {padding:2%; text-align:center; border:1px solid #efefef;}
.sub_info_text td {padding:2%; border:1px solid #efefef;}
.sub_info_text2 {margin-top:5%; float:left; width:100%; font-size:1em; padding:5%; background:#efefef;}
.sub_info_img_wrap {float:left; width:100%; margin-top:5%;}
.sub_info_img {float:left; width:33.3333%; padding:2%;}
.sub_info_img img {width:100%; max-width:100%;}

.map {float:left; width:100%; height:350px;}
.map iframe {float:left; width:100%; height:100%;}

.sub_01_02_table {float:left; display:table; width:100%; overflow:hidden;}
.sub_01_02_left {display:table-cell; width:20%; padding:1%; text-align:center; vertical-align:middle; font-size:15px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f3f4f5; box-sizing:border-box;}
.sub_01_02_right {display:table-cell; width:80%; padding:1%; text-align:center; vertical-align:middle; font-size:15px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
.view_skin_bottom_wrap {float:left; width:100%; padding-top:2%; font-size:13px;}

/*-- 하단 --*/
footer {margin:0px !important;}
footer i {font-size:20px; padding:0% 3%;}
.py-5 {float:left; width:100%; background:#fff;}
.footer_wrap {float:left; width:100%; padding:3%; background:#4c4c4c;}
.footer {font-size:13px; color:#ccc;}
.footer .homp {float:left; width:100%; text-align:center; color:#999; font-size:12px; margin-top:1%;}
.homp div {display:inline-block; border:1px solid #999; padding:5px 15px; color:#999; border-radius:50px;}
.homp div a {font-size:12px; color:#999;}

/*-- 게시판 --*/
.border_write {font-size:15px; }
.view_skin_wrap { width:100%;}
.view_skin_wrap tr td {border:1px solid #ddd; padding:1.5%;}
.view_skin_wrap tr td:nth-child(1) {width:20%; background:#f3f4f5;}
.view_skin_wrap tr td:nth-child(2) {font-weight:bold; color:#000;}

/*-- 탭 모바일 --*/
@media screen and (max-width: 1200px) {
	#tnb ul {width:100%;}
	.banner_wrap {min-height:400px; height:100%;}
}

@media screen and (max-width: 1089px) {
	.ety-mt {margin-top:65px;}
}

@media screen and (max-width: 1000px) {
	.navbar-nav li { padding:15px 0 15px 15px; }
	.nav_right {position:relative; top:auto; right:auto;}
}


@media screen and (max-width: 960px) {
	.banner_wrap {min-height:250px; height:100%;}
	.navbar-expand-lg .navbar-nav .nav-link {padding:0px; margin:0px;}
	#sub_top_wrap {}
	#sub2_top_wrap {height:230px; background-size:200% 100%;}
	#sub3_top_wrap {height:230px; background-size:200% 100%;}
	#sub4_top_wrap {height:230px; background-size:200% 100%;}
	#sub5_top_wrap {height:230px; background-size:200% 100%;}
	.sub_top_title {font-size:15px; }
	.sub_top_text {font-size:24px; padding-bottom:0.5%;}
	.sub_bottom_wrap {height:40px;}
	.sub_bottom_click {height:40px;}
	.sub_bottom a {font-size:15px;line-height:40px;}

	.pc {display:none;}
	.m {display:block;}

	.view_skin_wrap tr td {padding:2%;}
	.view_skin_wrap tr td:nth-child(1) {width:30%; background:#f3f4f5;}

}

@media screen and (max-width: 640px) {
	/*-- 메인 퀵메뉴 --*/
	.top_box_wrap {display:block; position:fixed; right:5%; bottom:5%; width:55px; box-shadow:rgb(0 0 0 / 10%) 0px 0px 5px 4px; z-index:9999;}
	.top_box {float:left; width:100%; text-align:center; padding:10px;}
	.top_box_color_1 {background:#32a339;}
	.top_box_color_2 {background:#f9e000;}
	.top_box_color_3 {background:#fff;}
	.top_box_color_4 {background:#249ef3;}

	.dropdown-menu {background-color:#fff;}
	.ety-mt {margin-top:113px;}
	.logo {width:180px !important;}

	.mobile_tel {float:left; display:block; padding-right:12px; padding-top:0px;}
	.center-heading p {margin-top:5%;}
	.text-light {padding-top:10%;}
	.margin-bottom-50 {margin-bottom:8%;}
	.gall_row .col-gn-4 {width:50% !important;}

	#bo_v_title .bo_v_tit {font-size:0.6em;}
	#bo_list .tbl_head01 thead th:nth-child(4) {display:none;}
	#bo_list .tbl_head01 thead th:nth-child(5) {display:none;}
	#bo_list .tbl_head01 thead th:nth-child(6) {display:none;}
	#bo_list .tbl_head01 td:nth-child(4) {display:none;}
	#bo_list .tbl_head01 td:nth-child(5) {display:none;}
	#bo_list .tbl_head01 td:nth-child(6) {display:none;}
	#bo_list .tbl_head01 td:nth-child(7) div {width:60px !important;}
	#bo_sch select {width:30%;}
	#bo_sch .sch_input {width:50%;}

	.banner_wrap {display:none !important;}
	.navbar-brand {padding:0px 0px 0px 0px; margin:0px auto;}

	.m_banner_wrap {display:block !important; max-height:500px;}
	.m_banners {}
	.m_banner {}
	.main_banner {background-size:100% 100%;}
	.main_texts {top:18%;}
	.main_img_01 {padding-bottom:3%;}
	.main_text_01 {font-size:1.2em; padding-bottom:1%;}
	.main_text_02 {font-size:0.7em; }
	
	.carousel-caption {}

	#main2_wrap {padding-top:0%;}
	.main2_box_top {font-size:1.5em;}
	.main2_box {padding:10% 5% 15% 5%;}
	.main2_box2_text {font-size:1.2em;}
	.main2_title {font-size:1em;}
	.main2_text {font-size:0.8em; padding-top:0%;}
	.main2_text2 {font-size:1.3em; letter-spacing:4px;}
	.main2_text3 {font-size:0.8em;}
	.main2_border {float:left; width:100%; text-align:center; padding:5% 0%;}
	.main2_box3_text {font-size:1.2em;}
	.main2_box3_text2 {font-size:0.8em;}
	.main2_box3_img img {width:80px;}
	.main2_border_line {margin:0 auto; width:40px; height:1px; background:#000;}

	#main3_wrap {width:100%; }
	.main3_text {font-size:1.5em; }
	.main3_text2 {font-size:0.8em; letter-spacing:1px;}
	.main3_btn a {display:inline-block; font-size:0.8em; color:#000; padding:3% 5%;}
	.main3_notice a {font-size:1em;}
	.main3_img {padding:0%;}
	.main3_notice a {padding:2% 0%;}
	.main3_title {font-size:0.9em; padding:2% 0%; text-align:center;}
	.main4_box_title {padding-bottom:5%;}
	.main4_box_text2 {font-size:1.2em;}
	.main4_box_img {text-align:right;}
	.main4_box_img img {width:50%;}

	#main5_wrap {}
	.main5_box_left img {width:50%;}
	.main5_box_right {padding-left:0%;}
	.main5_text {font-size:2.5em;}
	.main5_box_right_text {font-size:2em;}
	.main5_box_right_text2 {font-size:1em;}
	.main5_table {padding:4% 0%;}
	.main5_table_left {font-size:1em;}
	.main5_table_right {font-size:1em;}
	.main5_table_center {font-size:1em;}

	.sub_text {font-size:1.5em; padding-bottom:5%;}
	.sub_text2 {font-size:1em; padding-bottom:10%;}
	.sub_wrap {min-height:500px; padding:5% 5% 10% 5%;}
	.sub_img {padding-bottom:5%;}
	.sub_img2 {padding-bottom:10%;}
	.sub_top_text_text_01 {font-size:24px;}
	.sub_top_text_text_02 {font-size:12px;}

	.sub2_title {font-size:1.5em;}
	.sub2_box_wrap {padding:5%;}
	.sub2_box {display:table-row; width:100%; vertical-align: middle; padding:3%;}
	.sub2_box2 {display:table-row; width:100%; line-height:50px; text-align:center; color:#888; vertical-align: middle;}
	.sub2_box_text {padding-top:5%;}
	.sub2_box2_01 {display:none;}
	.sub2_box2_02 {display:block;}
	.sub2_text2 span {width:100px;}
	.sub2_text2 {font-size:0.85em;}

	#sub_top_wrap {padding:15% 0%;}

	.carousel-indicators {bottom:0px;}

	.bg-white {box-shadow:none; border-bottom:1px solid #efefef;}
	.main2_banner {width:50%; margin-bottom:2%; padding:0% 10%;}

	.map {float:left; width:100%; height:350px;}
	.carousel-item {min-height:250px;}
	.py-5 {padding:5% 0% important;}
	.footer_wrap {padding:5%;}
	.footer {font-size:11px;}
	.footer .homp {font-size:11px; margin-top:0%; margin-bottom:3%;}
	.m_menu_wrap {display:block; position:fixed; top:73px; width:100%;  box-shadow:rgba(0, 0, 0, 0.11765) 0px 3px 2px; background:#fff; border-top:1px solid #ccc; z-index:1029; }
	.m_menu_list {float:left; width:calc(100%/5); height:40px; line-height:40px;text-align:center; font-size:0.75em; font-weight:bold;}
	.m_menu_list a {display:block; color:#000;}

}