@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;}
.navbar-brand {padding:10px;}
.navbar-brand img {max-width:180px;}
h1 {font-size:24px;}


/*-- 유튜브 --*/
.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%;}


/*-- 배너 --*/>
.banner_wrap {display:block !important;}
.m_banner_wrap {display:none !important;}


/*-- 메인 --*/
.top_box_wrap {display:none;}
.top-line {width:100%; padding:0px; background:#fff;}
.m_menu_wrap {display:none;}
.fixed-top {background:#fff; border-top:0px #dde1e4 solid;}
.sub_wrap {min-height:500px; padding:5%;}
.carousel-caption {top:15%; left:0%; right:0%; padding:0; bottom:0;}
.carousel-caption2 {position:absolute; top:35%; left:0%; right:0%; padding:0; bottom:0; z-index:10;}
.navbar-nav .nav-link {color:#000;}
.carousel-item-h {min-height:300px !important;}

.main_text_01 {float:left; width:100%; font-size:70px; text-align:center; font-weight:bold; line-height:normal; color:#fff; padding-bottom:2%;}
.main_text_02 {float:left; width:100%; font-size:25px; text-align:center; color:#f8ffa6; }
.main_img_01 {float:left; width:100%; text-align:center;}
.main_text2_01 {float:left; width:100%; font-size:45px; color:#fff; text-align:center;}
.main_text2_02 {float:left; width:100%; font-size:34px; color:#ff8400; text-align:center; }
.main_text2_03 {float:left; width:100%; font-size:24px; color:#f8ffa6; text-align:center; }
.main_text2_03 span {display:inline-block; border-top:1px solid #fff; padding-top:2%; margin-top:2%;}
#main2_wrap {float:left; width:100%; padding:5% 0%;}
.main2_box {float:left; width:25%; padding:2% 2.5%;}
.main2_box_img {float:left; width:100%; text-align:center; margin-bottom:5%;}
.main2_box_text {float:left; width:100%; font-size:18px; font-weight:bold; color:#000; text-align:center;}

#main3_wrap {float:left; width:100%; padding:0% 0% 0% 0%;}
.main3_tab_img {float:left; width:100%; text-align:center;}
.main3_tab_text {float:left; width:100%; text-align:center; padding:5%;}
.main3_tab_btn {float:left; width:100%; text-align:center; padding-bottom:5%;}
.main3_tab_btn a {display:inline-block; padding:8px 30px; font-size:15px; color:#000; background:#efefef;}
.main3_container{
	width: 100%;
	margin: 0 auto;
}
.tab_menu {}
.tabs li {width:49%;}
ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
	background:#efefef;
}
ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	text-align:center;
}

ul.tabs li.current{
	background: #363e48;
	color: #fff;
}

.tab-content{
	display: none;
	padding: 5%;
}

.tab-content.current{
	display: inherit;
}

#main4_wrap {float:left; width:100%; padding:5%; background:#efefef;}
.main4_title {float:left; width:100%; font-size:15px;  text-align:center; color:#777; padding-bottom:1%;}
.main4_text {float:left; width:100%; font-size:22px; font-weight:bold; text-align:center; color:#000; padding-bottom:5%;}
.main4_btn {float:left; width:100%; text-align:center;}
.main4_btn a {display:inline-block; padding:5px 24px; text-align:center; color:#000; font-size:16px; background:#ffd81c; border-radius:100px;}

#main5_wrap {float:left; width:100%; padding:5%; background:#fff;}
.main5_title {float:left; width:100%; font-size:24px; font-weight:bold; text-align:center;}
.main5_text {float:left; width:100%; font-size:16px; text-align:center;}
.main5_box {float:left; width:100%;}

#main6_wrap {float:left; width:90%; margin:0 5% 5% 5%; padding:5%; border:1px solid #ccc;}
.main6_title {float:left; width:100%; font-size:15px;  text-align:center; color:#777; padding-bottom:1%;}

#main7_wrap {float:left; width:90%; margin:0 5% 5% 5%; padding:5%; border:1px solid #ccc;}
.main7_title {float:left; width:100%; font-size:15px;  text-align:center; color:#777; padding-bottom:1%;}
.main7_text {float:left; width:100%; font-size:22px; font-weight:bold; text-align:center; color:#000; padding-bottom:5%;}
.main7_text2 {float:left; width:100%; font-size:16px; font-weight:bold; text-align:center; color:#000; }

#main8_wrap {float:left; width:100%; padding:5%; background:#efefef;}
.main8_title {float:left; width:100%; font-size:25px; font-weight:500; text-align:left; color:#000; line-height:normal; padding-bottom:5%;}
.main8_box {float:left; width:100%; padding-bottom:2%;}
.main8_box_left {float:left; width:35%; font-size:15px; text-align:left;}
.main8_box_right {float:left; width:65%; font-size:15px; text-align:left;}

/*-----  아이콘박스  -----*/
.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto;}
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon > .image img {vertical-align:top;}
.box > .icon > .info { margin-top: -24px; padding: 15px 0 10px 0; }
.box > .icon > .info > h3.title { margin-top:20px; font-size: 24px; color: #222; font-weight: 500; }
.box > .icon > .info > p {font-weight:300; color: #666; line-height: 1.7; margin: 0px 20px 20px 20px; text-align:center;}
.box > .icon > .info > .more a {font-size: 15px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 30px; }


#sub_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub_top_bg.jpg');}
#sub2_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub_top_bg.jpg');}
#sub3_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub_top_bg.jpg');}
#sub4_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub_top_bg.jpg');}
#sub5_top_wrap {display:table; width:100%; height:350px; text-align:center; background:url('../img/sub_top_bg.jpg');}

.sub_top_notice {display:table-cell; width:100%; vertical-align:middle; margin:0 auto; text-align:center; background:url('../img/yud/sub_top_bg.jpg') center; background-size:cover;}
.sub_top_title {width:100%; text-align:center; font-size:40px; line-height:50px; font-weight:bold; color:#fff;}
.sub_top_text {width:100%; text-align:center; font-size:23px; color:#fff;}
.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_5 {display:table-cell; width:calc(100%/7); 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;}
h1 {font-size:18px;}

.sub_01_01_title {float:left; width:100%; text-align:center; padding:5% 0% 5% 0%;}
.sub_01_01_title span {font-size:22px; border-top:4px solid #e00817; padding:2% 0%;}
.sub_img img {max-width:100%; width:auto;}
.sub_01_01 {float:left; width:100%; padding:10% 5%; text-align:left; font-size:15px; color:#fff; background:url('../img/wc/sub_01_01.jpg'); background-size:cover; margin-bottom:5%;}
.sub_01_01 span {font-size:16px; font-weight:bold;}
.sub_01_02 {float:left; width:100%; text-align:left; font-size:15px; color:#666666; line-height:normal; margin-bottom:5%;}
.sub_01_03 {float:left; width:100%; background:#f3ead6; padding:5%;}
.sub_01_03_01 {float:left; width:100%; text-align:left; font-size:18px; color:#666666; line-height:normal; font-weight:bold; padding-bottom:4%;}
.sub_01_03_02 {float:left; width:100%; text-align:left; font-size:15px; color:#666666; line-height:normal; padding-bottom:2%;}
.sub_01_03_img {float:left; width:100%; margin-bottom:3%;}
.sub_01_03_text {float:left; width:100%; margin-top:5%; text-align:left; font-size:15px; color:#666666; line-height:normal;}
.sub_01_03_03 {float:left; width:100%; text-align:left; font-size:13px; color:#666666; line-height:180%; font-weight:bold;}
.sub_01_03_03 span {font-weight:normal; padding-right:20px;}
.map {float:left; width:100%; height:450px;}
.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-right: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;}
.sub_01_05 {float:left; width:100%; padding:5%; border:1px solid #ccc;}
.sub_01_05 li {float:left; width:100%; padding:1% 0%; font-size:16px; border-bottom:1px solid #efefef;}

.sub_02_01 {float:left; width:100%; background:#fcf6ec; padding:10% 8%; border-radius:10%; margin-bottom:5%;}
.sub_02_01_01 {float:left; width:100%; text-align:center; font-size:19px; color:#000; padding:5% 0% 10% 0%; line-height:normal; font-weight:bold;}
.sub_02_01_01_title {width:fit-content;  background:#ffeac7; margin:0 auto;}
.sub_02_01_02 {float:left; width:100%; text-align:left; font-size:15px; color:#666666; line-height:normal; }
.sub_02_01_img {float:left; width:100%; text-align:center; padding:8% 0% 0% 0%;}
.sub_02_01_img img {max-width:60px;}
.sub_04_01_box {float:left; width:100%; background:#f1f1f1; padding:5%; margin-bottom:5%;}
.sub_04_01_text_01 {float:left; width:100%; font-size:22px; font-weight:bold; padding-bottom:2%;}
.sub_04_01_text_02 {float:left; width:100%; font-size:18px; }
.sub_04_01_text_02 span {color:#ff0000;}
.sub_04_02 {float:left; width:100%; font-size:24px; font-weight:bold; padding-bottom:2%;}
.sub_04_03 {float:left; width:100%; font-size:18px; padding-bottom:2%;}
.sub_04_04_table {float:left; width:100%;}
.sub_04_04_table_tr {display:table; width:100%;}
.sub_04_04_table_td {display:table-cell; width:16.6666%; font-size:16px; text-align:center; padding:1%; vertical-align:middle;}
.sub_04_04_bg_01 {background:#dbe6ec;}
.sub_04_04_bg_02 {background:#f3fbff;}
.sub_04_05 {float:left; width:100%; font-size:24px; font-weight:bold;}
.sub_04_06_box {float:left; width:100%; border:5px solid #3389c8; padding:5%; margin-bottom:5%;}
.sub_04_06_text_01 {float:left; width:100%; font-size:22px; font-weight:bold; color:#3389c8; padding-bottom:2%;}
.sub_04_06_text_02 {float:left; width:100%; font-size:18px; }
.sub_07_01 {float:left; display:table; width:100%; margin-bottom:5%;}
.sub_07_01_left {display:table-cell; width:50%;}
.sub_07_01_right {display:table-cell; width:50%; font-size:18px; vertical-align:middle; padding-left:5%;}
.sub_07_01_right span {font-size:24px; font-weight:bold;}
.sub_07_02 {float:left; display:table; width:100%; margin-bottom:5%;}

.sub2_title {float:left; width:100%; text-align:center; font-size:24px;}
.sub2_text {float:left; width:100%; text-align:center; font-size:16px;}
.sub2_box_wrap {float:left; width:100%;}
.sub2_box {float:left; width:50%; padding:5%;}
.sub2_box_img {float:left; width:100%; text-align:center;}
.sub2_box_text {float:left; width:100%; text-align:center; font-size:18px; margin-top:5%;}
.sub2_table {float:left; display:table; width:100%; border-bottom:1px solid #cccccc; }
.sub2_table_left {display:table-cell; width:30%; background:#efefef; padding:3%;}
.sub2_table_right {display:table-cell; width:70%; padding:3%;}
.sub2_box2 {float:left; width:100%; background:#efefef; border:1px solid #cccccc; padding:5%; margin-top:5%;}
.sub2_box2_title {float:left; width:100%; font-size:18px; font-weight:500;}
.sub2_box2_text {float:left; width:100%; font-size:15px; line-height:150%;}


.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:#252525;}
.footer {font-size:13px; color:#fff;  }
.footer .homp {float:left; width:100%; text-align:center; color:#fff; 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) {
	.main4_left {max-width:240px;}
	.main4_left_01 {font-size:24px;}
	.main4_left_02 {font-size:18px;}
	.main4_left_03 {font-size:16px;}
	.main4_right_01 {font-size:16px;}
	.main4_right_02 {font-size:28px; padding-bottom:2%;}
	.main4_right_03 {font-size:18px;}
	.navbar-nav li { padding:10px 0 0px 10px; }
	.main2_box_wrap {width:100%; padding:0.5%;}
}

@media screen and (max-width: 960px) {
	.banner_wrap {min-height:250px; height:100%;}

	#sub_top_wrap {height:230px; background-size:200% 100%;}
	#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:23px; line-height:100%;}
	.sub_top_text {font-size:12px; margin-bottom:0px; padding-bottom:0px;}

	.sub_bottom_wrap {height:40px;}
	.sub_bottom_click {height:40px;}
	.sub_bottom a {font-size:13px;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) {
	.ety-mt {margin-top:104px;}
	.center-heading p {margin-top:5%;}
	.text-light {padding-top:10%;}
	.margin-bottom-50 {margin-bottom:8%;}
	.carousel-caption {top:15%; left:5%; right:5%;}
	.carousel-item {background:no-repeat 70% center scroll; min-height:250px; background-size:cover;}
	.carousel-item-h {min-height:200px !important;}
	.navbar-brand {padding:0px;}
	.navbar-brand img {max-width:100px;}

	.fixed-top {background:#fff;}
	.box > .icon > .image {padding:5%;}
	.box > .icon > .image img {max-width:50%;}
	.box > .icon > .info > h3.title {font-size:20px; font-weight:bold;}
	.box > .icon > .info > p {line-height:120%; margin:0px 5px 10px 5px;}

	#bo_v_title .bo_v_tit {font-size:0.6em;}
	#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 thead th:nth-child(7) {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) {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;}
	.m_banner_wrap {display:block !important; max-height:500px;}
	.main_img_01 img {height:60px;}
	.main_text2_01 {font-size:24px;}
	.main_text2_02 {font-size:20px;}
	.main_text2_03 {font-size:12px;}
	.main_left {display:table-row; width:100%;}
	.main_right {display:table-row; width:100%;}
	.main_right {display:table-cell; width:50%; text-align:center; vertical-align:middle;}
	.main_right img {height:250px;}
	.main_right2 {display:table-cell; width:50%; text-align:right; vertical-align:middle;}
	.main_right2 img {height:250px;}
	.main_right2 {display:table-row; width:100%;}
	.main_text_01 {text-align:center; font-size:30px; padding-bottom:3%; }
	.main_text_02 {text-align:center; font-size:18px; margin-bottom:0%; line-height:120%; }
	.main_text_03 {text-align:center;}
	.main_text_03 a {padding:8px 35px; font-size:16px;}
	.main2_box_img {padding:10% 25% 10% 25%;}
	.main2_text_01 {font-size:24px; margin-bottom:2%; }
	.main2_text_02 {font-size:15px; margin-bottom:5%; line-height:120%;}
	#main2_wrap {}
	.main2_text_02 {margin-bottom:8%;}
	.main2_text_03 a {display:inline-block; padding:8px 20px; font-size:16px; color:#fff; background:#ff2a2b; border-radius:100px;}
	.main2_box_text {font-size:15px;}

	#main3_wrap {}
	.main3_box {height:135px;}
	.main3_text {font-size:13px; padding-top:0%;}
	.main3_text_01 {font-size:15px; padding:0% 5%;}
	.main3_text_02 {font-size:16px; padding:0% 5%;}
	.main3_box_img {margin-bottom:10%;}
	.main3_box_img img {height:35px;}
	.main3_box_text_01 {font-size:16px;}
	.main3_box_text_02 {font-size:10px;}
	.main3_box_text_01_2 {font-size:16px;}
	.main3_box_text_02_2 {font-size:10px;}

	#main4_wrap {padding:10% 5%; }
	.main4_title {}
	.main4_text {}
	.main4_btn {}

	#main5_wrap {padding:5% 5% 0% 5%;}
	.main5_left_wrap {width:100%; display:table-row;}
	.main5_left {max-width:100%; padding:10% 10% 6% 10%;}
	.main5_left_01 {font-size:20px;}
	.main5_left_02 {font-size:18px;}
	.main5_left_03 {font-size:15px;}
	.main5_right {padding:10% 5%;}
	.main5_right_01 {font-size:14px;}
	.main5_right_02 {font-size:30px;}
	.main5_right_03 {font-size:16px;}
	.main5_right_wrap {width:100%; display:table-row;}
	.main5_title {font-size:20px;}
	.main5_text {font-size:15px; margin-bottom:0%;}
	.main5_box_title {font-size:14px; margin-top:6%; letter-spacing:-1px; line-height:120%; height:auto;}
	.main5_box_text {font-size:11px; margin-top:5%; letter-spacing:-1px; color:#555; height:48px;}

	.sub_01_01_title {padding:10% 0% 5% 0%;}
	.sub_01_03 {padding:10%;}
	.map {float:left; width:100%; height:300px;}
	.mobile_tel {float:left; display:block; padding-right:12px; padding-top:0px;}
	.sub_bottom a {font-size:10px; line-height:40px;}

	.footer_wrap {padding:5%;}
	.footer {font-size:12px;}
	.footer .homp {font-size:11px; margin-top:0%; margin-bottom:3%;}
	.m_menu_wrap {display:block; position:fixed; top:56px; 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%/6); height:50px; line-height:50px;text-align:center; font-size:0.75em; font-weight:bold;}
	.m_menu_list a {display:block; color:#000;}
	
	
	/*-- 메인 퀵메뉴 --*/
	.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;}

}