.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; min-height:130px;}
.planning_tb li b	{display:block}
.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: 900px) {

	.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; min-height: auto}
	.planning_tb li b	{display:inline}
	.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}

}


/*공통*/


.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;}


@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;}


}




.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;}



.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;}


.cards li{width:41.7%;float:left; border:1px solid #ddd; padding:3%;cursor: pointer; height:220px; margin:1%; padding-top:20px;}

}



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


	.cards li{width:89.7%;float:left; border:1px solid #ddd; padding:4%;cursor: pointer; height:auto; margin:1%; padding-top:20px;}

}




.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_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: 1rem;}
.sub_event_db.top tr {background: #000; color: #fff;}


.notice{font-size: 1rem; text-align: center;margin-top: 1.4rem;}

.event_tlt01		{margin-top:2rem; background-color:#f2037f; color:#fff; padding:10px 0; font-size:18px;}
.event_tlt02		{margin-top:2rem; background-color:#123178;  color:#fff;  padding:10px 0; font-size:18px;}