/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*서브페이지*/

.planning_tlt			{font-size:50px; font-weight:700; padding-top:50px; text-align:left}
.planning_tb			{padding-top:30px; overflow: hidden; width:100%}
.planning_tb li		{width:30%; float:left; margin-right:5%; text-align:left; margin-bottom:50px; color:#666}
.planning_tb li:nth-child(3n)	{margin-right:0}
.planning_tb li	 span	{display:block; width:100%; border-bottom:2px solid #000; font-size:20px; padding-bottom:15px;margin-bottom:15px; color:#000}


@media all and (max-width: 767px) {

	.planning_tlt			{font-size:30px; font-weight:700; padding-top:30px; text-align:left}
	.planning_tb			{padding-top:20px; overflow: hidden; width:100%}
	.planning_tb li		{width:100%; float:left; margin-right:0%; text-align:left; height:auto; margin-bottom:20px; color:#666}
	.planning_tb li:nth-child(3n)	{margin-right:0}
	.planning_tb li	 span	{display:block; width:100%; border-bottom:2px solid #000; font-size:16px; padding-bottom:10px;margin-bottom:10px; color:#000}

}



.sub_contact_wrap { width: 100%; max-width: 1300px; margin: auto; position: relative; text-align: left; color: #010101; padding-bottom: 4.375rem; padding-bottom: 0; }
.sub_contact_wrap.active .contact_tit { opacity: 1; transform: translate(0); transition: 1.2s .2s; }

.sub_contact_bottom { width: 100%; margin-top:4rem; }
.sub_contact_bottom>div { width: 100%; display: flex; justify-content: center; align-items: flex-start; gap:4rem;}

.sub_contact_map_box { width: 100%; width: 579px; height: 363px; border: 1px solid #cecece; position: relative; background-color:#fff}
.sub_contact_map_box img { width: 100%; }

.sub_contact_txt_box { width: 100%; max-width: 579px; margin: 1.5625rem 0; }
.sub_contact_txt_box h3 { display: inline-block; font-size: 2rem; line-height: 100%; font-weight: 700; position: relative; margin-bottom: 3.75rem; }
.sub_contact_txt_box h3:after { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 0; }

.sub_contact_add { display: flex; justify-content: space-between; align-items: center; }
.sub_contact_add h4 { font-size: 1.375rem; line-height: 100%; font-weight: 600; }
.sub_contact_add p { font-size: 1rem; line-height: 100%; margin-top: 0.5rem; color: #7e7e7e; margin-top: 0; font-weight: 500; letter-spacing: 0; }
.sub_contact_add p span { color: #000; }
.sub_contact_top .sub_contact_add { margin-top: 3.125rem; }

.sub_contact_bt { display: flex; justify-content: flex-end; align-items: center; margin-right: 0; }
.sub_contact_bt a { margin-left: 0.3125rem; }

#map { position: relative; width: 100%; height: 100%; }
#map2 { position: relative; width: 100%; height: 100%; }

.map_marker { font-family: 'Pretendard'; width: auto; height: auto; border: 2px solid #95182c; background-color: #fff; border-radius: 25px; border-radius: 0; text-align: center; display: flex; justify-content: center; align-items: center; padding: 4px 15px 6px; position: relative; box-sizing: border-box; transform: translate(-25%); }
.map_marker img { width: 140px; }
.map_marker p { font-size: 13px; line-height: 100%; color: #1b1414; font-weight: 600; font-size: 19px; margin-top: 7px; }
.map_marker:after { content:''; width: 0px; height: 0px; border-top: 12px solid #95182c; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 0; right: 0; bottom: -12px; margin: auto; }


@media all and (max-width: 1240px) { 

	.sub_contact_bottom>div { flex-wrap: wrap; justify-content: center!important; align-items: center; gap: 2rem 0; }

}

@media all and (max-width: 767px) { 

    .sub_contact_wrap { width: 100%; }
    .sub_contact_bottom { margin-top: 4rem; margin-bottom: 3rem; margin-top: 0; }
    .sub_contact_box { width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
    .sub_contact_map_box { width: 100%;  height: auto;  max-width:500px}
	.sub_contact_map_box img	{width:100%}
    .sub_contact_txt_box { border-top: none; }
	.sub_contact_add { display:block}
    .sub_contact_add h4 { font-size: 1.5rem; }
    .sub_contact_add p { font-size: 1.0125rem; margin-top: 0.25rem;  text-align:center; width:100%; }
    .sub_contact_bt {display:block; text-align:center; width: 100%; margin-top: 1em; }
    #map { position: relative; width: 100%; height: 280px; }

}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*공통*/


.precaution {    position: relative;    background-color: #f5f5f5;    margin: 15px auto 50px auto;    padding: 30px 50px 30px 120px; }
.precaution:before {    display: inline-block;    position: absolute;    top: calc(50% - 25px);    left: 40px;    content: "";    width: 50px;    height: 50px;    background: url("/images/sub/precaution_icon.png") no-repeat;}
.precaution  ul li	{position: relative;  text-align:left; font-size:14px; color:#666;  padding-left:15px;  word-break:keep-all}
.precaution  ul li	span{position:absolute; top:-3px; left:0; display:block;  font-size:20px;}


ul.tabs_style01{overflow: hidden; width:100%; display:table; width:100%; margin-bottom:50px;  }
ul.tabs_style01 li{ display:table-cell; text-align:center;   text-align:center;  background-color:#fff;  color:#999; font-weight: 400;  line-height:55px; cursor:pointer; border:1px solid #ddd;  font-size:24px; margin-left:-1px}
ul.tabs_style01 li.current{color:#fff; cursor:pointer; border-bottom:1px solid #ddd; font-weight:600; background-color:#6d5953}

ul.tabs_style01 li a{ display:block; width:100%}
ul.tabs_style01 li.current a{display:block; width:100%; }


ul.tabs{overflow: hidden; width:100%; display:table; width:100%  }
ul.tabs li{ display:table-cell; text-align:center;   text-align:center;  background-color:#f1f1f1;  color:#666; font-weight: 400;  line-height:55px; cursor:pointer; border:1px solid #fff;  font-size:18px;}
ul.tabs li.current{background-color:#b87061;  color:#fff; cursor:pointer}

ul.tabs li a{ display:block; width:100%}
ul.tabs li.current a{display:block; width:100%; }

ul.tabs.col_2	 li {width:50%; font-size:24px}
ul.tabs.col_3	 li {width:33.3%; font-size:24px}
ul.tabs.col_33	 li {width:33.3%; font-size:18px}
ul.tabs.col_5 li {width:19.8%; font-size:18px}
ul.tabs.col_6 li {width:16.5%; font-size:18px}

.tab-content {  display: none;  padding-top:50px}
.tab-content.current{  display: inherit;}


@media all and (max-width: 1200px) {

	ul.tabs.col_6 li {width:16.4%; font-size:18px}
	ul.tabs.col_3	 li {width:32.7%; font-size:24px}
	ul.tabs.col_33	 li {width:33.3%; font-size:18px}



}

@media all and (max-width: 1920px) {


	.precaution {padding: 20px 20px 20px 60px; }
	.precaution:before {   top:25px;    left: 20px;    content: "";    width: 30px;    height: 30px;    background-size:100%;}
	.precaution  ul li	{font-size:11px;l}
	.precaution  ul li	span{font-size:16px;}


	ul.tabs.col_5 li {width:19.7%; font-size:18px}
	ul.tabs.col_2	 li {width:49.5%}




}




@media all and (max-width: 767px) {


	.precaution {padding: 20px 20px 20px 60px; }
	.precaution:before {   top:25px;    left: 20px;    content: "";    width: 30px;    height: 30px;    background-size:100%;}
	.precaution  ul li	{font-size:11px;l}
	.precaution  ul li	span{font-size:16px;}

	ul.tabs li{ display:block; float:left;  ;  line-height:40px; font-size:12px;   cursor:pointer; border:1px solid #fff;  }
	ul.tabs_style01 li{ font-size:18px; line-height:40px }

	ul.tabs.col_2	 li {width:49.5% ; font-size:18px;}
	ul.tabs.col_3	 li {width:32.7%; font-size:18px}
	ul.tabs.col_33	 li {width:32.7%; font-size:14px}
	ul.tabs.col_5 li {width:32.8%; font-size:14px}
	ul.tabs.col_6 li {width:32.9%; font-size:14px}


}


@media all and (max-width: 580px) {


	ul.tabs.col_6 li {width:32.7%; font-size:14px}


}









.bo_tbl table{border-top: 1px solid #333;width: 100%;table-layout: fixed; }
.bo_tbl table .col1{width:250px;}
.bo_tbl table tr th{padding: 25px 15px  25px 80px;border-bottom: 1px solid #e5e5e5;font-size: 17px; ont-weight: 600;color: #333;text-align: left; border-right:1px solid #ddd}
.bo_tbl table tr td{padding: 15px;border-bottom: 1px solid #e5e5e5;}
.bo_tbl table tr td > div{display: flex;gap: 30px 0;align-items: center;flex-wrap: wrap;}
.bo_tbl table tr td > div ~ div{margin-top:15px;}
.bo_tbl table tr td input[type="text"]{padding: 0 1.0417vw;border: none;outline: none;width:100%;max-width: 33%;height: 50px;background-color: #f0f0f0;font-size: 16px;color: #222;}
.bo_tbl table tr td #hp2,
.bo_tbl table tr td #hp3{max-width: 10vw;}
.bo_tbl table tr td select{padding: 0 1.0417vw;border: none;outline: none;width: 100%;max-width: 10vw;height:50px;background: #f0f0f0 no-repeat 90% 52%;font-size: 16px;color: #222;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.bo_tbl table tr td select ~ select{margin-left: 0.5208vw;}
.bo_tbl table tr td em{margin: 0 0.5vw;font-size: 0.9vw;color: #222;}
.bo_tbl table tr td input:focus,
.bo_tbl table tr td select:focus{border: 1px solid #35343a;background: #fff;}
.bo_tbl table tr td span{display: flex;align-items:center;}
.bo_tbl table tr td span > select {max-width:150%!important; margin-left: 5px;} 
.bo_tbl table tr td label{margin-right:1.2vw;margin-left:0.3vw;font-size:16px;color:#222;}

.terms{margin-top: 3.125vw; }
.terms dl{margin-bottom: 1.3021vw;}
.terms dl dt{margin-bottom: 0.5208vw;font-size: 22px;font-weight: 600;color: #333;text-align:left}
.terms dl dd{font-size: 14px;line-height: 1.3em;color: #666;text-align:left}
.terms table{margin-bottom: 3.125vw;border-top: 1px solid #707070;width: 100%;table-layout: fixed;}
.terms table th{padding: 0.7813vw 0;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;vertical-align: middle;font-size: 14px;font-weight: 600;color: #666;}
.terms table td{padding: 0.7813vw 0 0.7813vw 1.5625vw;border-bottom: 1px solid #d5d5d5;font-size: 14px;line-height: 1.4em;color: #666; text-align:left}
.terms table.type2 th:last-child{border-right: none;}
.terms table.type2 td{padding: 0.7813vw 0;border-right: 1px solid #d5d5d5;text-align: center; vertical-align:middle}
.terms table.type2 td:last-child{border-right: none;}
.terms table.type3 td{padding: 1.0417vw 0;border-right: 1px solid #d5d5d5;text-align: center;}
.terms table.type3 th:last-child{border-right: none;}
.terms table.type3 td:last-child{border-right: none;}
.terms table.type3 td p{line-height:1.4em;}
.terms table.type3 td p ~ p{margin-top:0.2604vw;}
.agree > div{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.7813vw;padding: 1.5625vw 2.0833vw;background-color: #f5f5f5;}
.agree p{font-size: 16px;line-height: 1.2em;color: #333;}
.agree p span{font-size:14px;}
.agree .chk{display:flex;align-items:center;}
.agree .chk span{font-size: 0.7292vw;}
.agree ul{display: flex;}
.agree ul li ~ li{margin-left: 1.0417vw;}
.agree ul li label{display:flex;align-items:center;}
.agree ul li span{padding-left: 0.2604vw;font-size:0.8333vw;}
.btn_area{margin-top: 2.6042vw;}
.btn_area.cen{text-align:center;}
.btn_area ul{display: flex;align-items:center;justify-content:center;gap:0 0.5vw;}
.btn_area ul li.black button,
.btn_area ul li.black a{background-color: #353535;color: #fff;}
.btn_area ul li.black button:hover,
.btn_area ul li.black a:hover{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button,
.btn_area ul li.white a{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button:hover,
.btn_area ul li.white a:hover{background-color: #353535;color: #fff;}
.btn_area ul li button,
.btn_area ul li a{display: block;border: none;width: 150px;height:50px;font-size: 16px;font-weight: 600;transition: 0.3s;}


.planning_table		{margin-top:50px;}
.planning_table		table	{width:100%; border-top:2px solid #2b344f}
.planning_table		table th	{text-align:center; background-color:#efefef; padding:10px 0;  border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:bold; width:250px; vertical-align:middle}
.planning_table		table td		{text-align:center; border-bottom:1px solid #ddd; padding:10px 0; vertical-align:middle}
.planning_table		table td	 strong	{display:block; color:#2b344f}


.sub_map	{display: flex;align-items:center;justify-content:center;gap:0 1vw;}
.map_wrap   {max-width:520px; float:left; }
.map_wrap .map_img	{border:1px solid #382611; margin-bottom:30px }
.map_wrap .map_text	{margin-bottom:15px; overflow:hidden; padding:0 15px; font-size:18px;}
.map_wrap .map_text p:nth-child(1)	{float:left}
.map_wrap .map_text p:nth-child(2)	{float:right; text-align:right}


.ex		{background-color:#f5f5f5; text-align:left; font-size:12px; padding:15px 25px; color:#777; margin-top:15px;}


.cards{width:100%; max-width:1680px; margin:0 auto; padding: 0; margin-top:-10px; text-align:left; overflow: hidden}
.cards li{width:27.1%;float:left; border:1px solid #ddd; padding:2%;cursor: pointer; height:220px; margin:1%; padding-top:20px;}
.news_list:hover{background:#f4f4f4;}
.news_list h1{font-size:12px; color:#97714b; padding-bottom:5px;}
.news_list h2{font-size:15px; color:#111;}
.news_list h3{font-size:11px; color:#ff7e00;}
.news_list p{font-size:12px; color:#999; line-height:160%;}


.board_page { clear:both; text-align:center; margin:3px 0 0 0; }
.board_page a:link { color:#777; }


.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {line}
.pg a {vertical-align:middle}
.pg a img{vertical-align:middle}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:25px ;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* �댁쟾 */}
.pg_end, .pg_next {/* �ㅼ쓬 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}



.pagination {text-align:center; margin-top:50px;}
.pagination a {color:#111;display: inline-block;padding: 8px 14px;text-decoration: none; background-color: #eee; font-size:14px; margin:0 2px}
.pagination a.active {background-color: #1a2c51;color: white;}
.pagination a:hover:not(.active) {background-color: #eee;}



@media all and (max-width: 1240px) {


.bo_tbl table{border-top: 1px solid #333;width: 100%;table-layout: fixed; }
.bo_tbl table .col1{width:20%;}
.bo_tbl table tr th{padding: 10px 5px;border-bottom: 1px solid #e5e5e5;font-size: 14px; font-weight: 600;color: #333;text-align: center; border-right:1px solid #ddd}
.bo_tbl table tr td{padding: 10px;border-bottom: 1px solid #e5e5e5;}
.bo_tbl table tr td > div{display: flex;gap: 10px 0;align-items: center;flex-wrap: wrap;}
.bo_tbl table tr td > div ~ div{margin-top:15px;}
.bo_tbl table tr td input[type="text"]{padding:10px;border: none;outline: none;width:100%;max-width: 70%;height: 40px;background-color: #f0f0f0;font-size: 14px;color: #222;}
.bo_tbl table tr td #hp2,
.bo_tbl table tr td #hp3{max-width: 28%;}
.bo_tbl table tr td select{padding: 10px;border: none;outline: none;width: 100%;max-width: 30%;height:40px;background: #f0f0f0 no-repeat 90% 52%;font-size: 14px;color: #222;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.bo_tbl table tr td select ~ select{margin-left: 0.5208vw;}
.bo_tbl table tr td em{margin: 0 0.5vw;font-size: 13px; color: #222;}
.bo_tbl table tr td input:focus,
.bo_tbl table tr td select:focus{border: 1px solid #35343a;background: #fff;}
.bo_tbl table tr td span{display: flex;align-items:center;  }
.bo_tbl table tr td span > select {max-width:150%!important; margin-left: 5px;} 
.bo_tbl table tr td label{margin-right:8px;margin-left:3px;font-size:14px;color:#222;}



.terms{margin-top: 30px; }
.terms dl{margin-bottom: 10px;}
.terms dl dt{margin-bottom: 0.5208vw;font-size: 20px;font-weight: 600;color: #333;text-align:left}
.terms dl dd{font-size: 14px;line-height: 1.3em;color: #666;text-align:left}
.terms table{margin-bottom: 3.125vw;border-top: 1px solid #707070;width: 100%;table-layout: fixed;}
.terms table th{padding: 5px;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;vertical-align: middle;font-size: 13px;font-weight: 600;color: #666;}
.terms table td{padding: 5px;border-bottom: 1px solid #d5d5d5;font-size: 13px;line-height: 1.4em;color: #666; text-align:left}
.terms table.type2 th:last-child{border-right: none;}
.terms table.type2 td{padding: 0.7813vw 0;border-right: 1px solid #d5d5d5;text-align: center; vertical-align:middle}
.terms table.type2 td:last-child{border-right: none;}
.terms table.type3 td{padding: 1.0417vw 0;border-right: 1px solid #d5d5d5;text-align: center;}
.terms table.type3 th:last-child{border-right: none;}
.terms table.type3 td:last-child{border-right: none;}
.terms table.type3 td p{line-height:1.4em;}
.terms table.type3 td p ~ p{margin-top:0.2604vw;}


.agree > div{margin-bottom: 0.7813vw;padding:10px;background-color: #f5f5f5;}
.agree p{font-size: 14px;line-height:;color: #333;}
.agree p span{font-size:13px;}
.agree .chk{}
.agree .chk span{font-size: 13px}
.agree ul li span{font-size: 12px}
.agree p label	{margin:10px 5px;}


.btn_area{margin-top: 30px;}
.btn_area.cen{text-align:center;}
.btn_area ul{display: flex;align-items:center;justify-content:center;gap:0 0.5vw;}
.btn_area ul li.black button,
.btn_area ul li.black a{background-color: #353535;color: #fff;}
.btn_area ul li.black button:hover,
.btn_area ul li.black a:hover{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button,
.btn_area ul li.white a{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button:hover,
.btn_area ul li.white a:hover{background-color: #353535;color: #fff;}
.btn_area ul li button,
.btn_area ul li a{display: block;border: none;width: 150px;height:50px;font-size: 16px;font-weight: 600;transition: 0.3s;}


}


.sub_event_wrap { width: 100%; max-width: 1200px; margin: auto; }
.sub_event_wrap>div { width: 100%; }

.sub_event_wrap .tabs2 { margin-bottom: 1.5rem; }
.sub_event_wrap img { width: 100%; }

.sub_event_tit {  width: 100%; position: relative; text-align: center; background-color: #f3f3f3; padding: 3.5rem 0 3rem; padding: 0; background: none; }
.sub_event_tit img { width: 100%; }
/* .sub_event_tit img { width: 16.875rem; } */
.sub_event_tit p { font-size: 0.875rem; line-height: 160%; opacity: 0.8; margin-top: 1.75rem; }
.sub_event_tit h2 { font-size: 1.75rem; line-height: 100%; font-weight: 700; margin-top: 3.5rem; color: #003c66; }


.sub_event_wrap table { width: 100%; display: flex; }
.sub_event_wrap table col { display: none !important; }
.sub_event_wrap table tbody { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.sub_event_wrap table tr {width: 48%; display: flex; justify-content: center; align-items: center; }
.sub_event_wrap table tr td { font-size: 1rem; line-height: 100%; border-bottom: 1px solid #ccc; padding: 0.875rem 0; text-align: center; display: inline-block; position: relative; }
.sub_event_wrap table tr td:nth-child(1) { width: 40%; }
.sub_event_wrap table tr td:nth-child(1)::after { content: ''; width: 1px; height: 30%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: #ccc; }
.sub_event_wrap table tr td:nth-child(2) { width: 60%; }

.sub_event_db.top{margin-top: 2rem;}
.sub_event_db.top tr {background: #000; color: #fff;}
.notice{font-size: 1rem; text-align: center;margin-top: 1.4rem;}
/* .sub_event_wrap table tr:nth-child(-n+4) { border-top: 2px solid #003c66; } */

.sub_event_wrap table.tit { margin-top: 3.25rem; color: #fff; }
.sub_event_wrap table.tit tr { border: none; background-color: #003c66; }
.sub_event_wrap table.tit tr td { border: none; font-weight: 500; }
.sub_event_wrap table.tit tr:nth-child(2n) { display: none; }