@charset "utf-8";

select {
 min-width:60px;
 padding:0 20px 0 5px;
 padding:0 0 0 5px \0/IE89;
 background-image:none \0/IE89;
 border:1px solid #c6c6c6;
 background-image:none \0/IE89;
 background-color:#fff;
 outline:none;
}
select:disabled {
 border:1px solid #aaa;
 background:#eee;
 opacity:.5
}

input[type=text], input[type=password], input[type=date] {border-radius: 5px;border:1px solid #c6c6c6;color:#333;font-size:17px;height:34px;line-height:1;padding:0 10px;}
input.sizeL {width: 75%; box-sizing: border-box;}
select {border:1px solid #c6c6c6;color:#333;font-size:17px;height:36px;padding:0 10px;}
input[type=text]:disabled, input[type=passowrd]:disabled {background:#f4f4f4;color:#666;}
input[type=text]#postTitle {width:97%;}
textarea {border-radius: 5px;min-height:100px;width:100%;white-space:pre-line;border:1px solid #c6c6c6;color:#333;font-size:17px;line-height:22px;padding:10px;box-sizing: border-box;}
textarea:disabled {opacity:0.4;filter:alpha(opacity=40);background:#f1f1f1;}


/* */
.left{text-align:left;}
.right02{display:inline;float:right;margin:20px 0px 0 60px;text-align:right; /*width:300px;*/font-size:19px;font-weight:bold;letter-spacing:-1pt; line-height:35px;}
.right03{text-align:right;font-size:20px; line-height:1.7;letter-spacing:-1px;margin-top: 40px;font-weight:400; }
.center{text-align:center;}
.center02{text-align:center;font-weight:bold; letter-spacing:-0.5pt; font-size:20px;margin-bottom:20px;margin-top:0px}
.center04{text-align:center;font-weight:normal; letter-spacing:-0.5pt; font-size:20px;margin-bottom:20px;margin-top:0px;line-height:31px;}
.center09{text-align:center;margin: 0px auto;font-weight: 400; }
.right{text-align:right;font-size:18px; line-height:30px;letter-spacing:-1pt;}
.bold{font-weight:bold}
.nor{font-weight:normal;font-size: 16.5px;}
.mr10{ margin-right: 5px !important; }
.ml10{ margin-left: 5px !important; }
.pb40{padding-bottom:40px;}
.pb30 {padding-bottom:30px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb20{padding-bottom:20px;}
.mt_5{ margin-top: -5px;}
.mt_10{ margin-top: -10px;}
.mt_20{ margin-top: -20px;}
.mt10{ margin-top: 10px;}

h2 {margin:0 0px 15px 0px;font-size:30px; font-weight:bold;letter-spacing:-1px;text-align:center;}
h2.v {margin:0 0px 10px 0px;font-size:30px; font-weight:bold;letter-spacing:-1px;text-align:left;color: #00969e;}
h3 {margin:0 0px 12px 0px;font-size:26px; font-weight:bold;letter-spacing:-1px;color:#151515;}
h3.v {margin:-4px 0px 7px 0px;font-size: 19px;font-weight:bold;letter-spacing:-0.5px;color: #f26522;}
h3.t {margin:0 0px 7px 0px;font-size:26px; font-weight:bold;letter-spacing:-0.5px;}
h3.c {margin:-4px 0px 7px 0px;font-size: 18px;font-weight:bold;letter-spacing:-1px;}
h4 {margin:3px 0 6px 0px;padding:0 0 0 0px;font-size:20px; font-weight:bold;letter-spacing:-0.5pt;}
h4.v {margin:5px 0 4px 0px;padding:0 0 0 0px;font-size:19px; font-weight:500;letter-spacing:-0.5pt;}
h4.v4 {margin:3px 0 10px 0px;padding:0 0 0 0px;font-size:20px; font-weight:bold;letter-spacing:-0.5pt;}
h4.v2 {color: #00969e;margin:5px 0 10px 0px;padding:0 0 0 0px;font-size:19px; font-weight:bold;letter-spacing:-0.5pt;}
h4.n {margin:5px 0 0px 0px;padding:0 0 0 0px;font-size: 16.5px; font-weight:bold;letter-spacing:-0.5pt;}

div.txt, div.txt a {font-size:17px;color:#111;}


/* 리스트 */
.dept02 li {position: relative;padding-left:17px;margin:0px 0 3px 0px; font-size:18px;line-height:1.7;letter-spacing:-1px;color:#505050;}
.dept02 li:before {
	content: '';
	position: absolute;
	top: 13.5px;
	left: 0;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #505050;
	}
.dept03 li {position: relative;padding-left:16px;margin:0px 0 3px 0px;font-size:20px;line-height:1.7;letter-spacing:-1px;font-weight: 400;word-break: keep-all;color:#444;}
.dept03 li:before {
	content: '';
	position: absolute;
	top: 14px;
	left: 0;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #444;
	}
.dept03 li a {}
.dept03 li a:hover {text-decoration:underline;}
.dept03 li b {font-weight:500 !important;}
.dept04 li {position: relative;margin:4px 0 3px 0px;padding-left:12px; font-size:20px;font-weight: 400;line-height: 1.7;letter-spacing:-0.5px;/*color: #505050;*/}
.dept04 li:before {
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
	display: block;
	width: 6px;
	height: 1px;
	background-color: #111;
	}
.dept04 span {font-size:18px;line-height:1.6;letter-spacing:-0.5px;font-weight: 400;}

/* 컬러 */
.fnt_blue_3B{font-weight:blod; color:#416CC7;}
.red{font-size:17px;line-height:24px;font-family:'Nanum Gothic';}
.red03{font-weight:bold;margin-right:10px;}
.red04{font-weight:normal;font-size:17px;letter-spacing: -0.5px; line-height:28px;}
.red05{ line-height:39px; margin-bottom:0px;font-size:25px;;letter-spacing:-1pt; text-align:center;font-weight: 400}
.red08{font-weight:600;color:#0072bc;}
.red06{font-weight:bold;font-size: 16.5px;letter-spacing: -1px; line-height:23px;color:#e5403d; margin-right: 5px;}
.red07{font-weight:normal;color:#910000; }
.blue{color:#0072bc}
.orange{ color:#C13600;}
.green{color:#0c9ca5}
.nor{font-weight: normal;}



/* 게시판 */
table.pyo {font-size:17px; border-top:2px solid #333; width:100%; margin:5px 0 0px 0px; letter-spacing:-0.5pt; font-weight: normal;}
table.pyo1200 {width:1200px;margin:0 auto;}
@media all and (max-width:1280px) {
table.pyo1200 {width:100%;}
}
table.pyo.cen{text-align:center;}
table.pyo img {vertical-align:middle;}
table.pyo th {padding:20px; color:#111; border-bottom: 1px solid #ddd;background:#f2f2f2;font-weight:700; text-align:center; font-size:17px;line-height: 1.4;}
table.pyo th:not(:last-child) {  border-right: 1px solid #dfdfdf;}
table.pyo th.L {padding:8px 5px 10px 15px; text-align:left; }
table.pyo th .num {display: inline-block;padding: 1px 4px;background-color: #3887bf;color: #fff;font-size: 17px;margin-right: 8px;width: 18px;height: 24px;line-height: 24px;border-radius: 50%;text-align: center;}
table.pyo th .true {padding-left: 20px;font-weight:500;color:#0032a8;}
table.pyo th .false {padding-left: 20px;font-weight:500;color:#d90000;}
table.pyo th.R {border-right:1px solid #ffffff;}
table.pyo td{border-bottom:1px solid #dfdfdf;  padding:15px;font-weight: 400;  text-align:center;  line-height:1.6;font-size:17px;}
table.pyo td:not(:last-child) {  border-right: 1px solid #dfdfdf;}
table.pyo td.gray {background-color: #f2f4f8;font-weight:700;}
table.pyo td a {font-weight:500;color:#000;}
table.pyo td.L{  padding:14px 15px; text-align:left;word-break: keep-all;}
table.pyo td.L2{ padding:8px 5px 3px 15px; border-left:1px solid #ffffff;}
table.pyo td.R { border-right:1px solid #ffffff; padding:3px 5px;}
table.pyo td ul li {margin-left:10px;}
table.pyo th.bg {background:#f0f0f0;border-top:solid 1px #ddd;}
span.pyo-btn {
background: #24bec5;
  border: 1px solid #24bec5;
  color:#fff;
  padding: 0px 5px;
  min-width: 85px;
  font-size: 13px;
  height: 36px;
  display: flex;
  width: fit-content;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 5px;
  cursor:pointer;
}
.blue {display: inline-block; margin-left: 5px;color:#003883;}
.table-top {text-align: right;font-size: 18px; color: #595959;}
input[type=text]#zipcode {margin-bottom: 5px;}
.idCheck {
background: #666;
  color: #fff !important;
  padding: 0px 10px;
  font-size: 13px;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  position: relative;
  top: -2px;
  margin-right: 5px;
}
.idCheck a {color: #fff !important;}
.posCheck {
background: #666;
  color: #fff !important;
  padding: 0px 10px;
  font-size: 13px;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  position: relative;
  top: -2px;
}
.posCheck a {color: #fff !important;}
.pyo-ref {
  font-size: 17px;
  margin-top: 10px;
  color: #444;
}

table.pyo02 {font-size:17px;border-top: 2px solid #333; border-bottom:1px solid #dfdfdf; width:100%; margin:5px 0 0px 0px;  font-weight: normal;}
table.pyo02.cen{text-align:center;}
table.pyo02 img {vertical-align:middle;}
table.pyo02 tr {border-top:1px solid #dfdfdf;}
table.pyo02 .bd-right {border-right:1px solid #dfdfdf;}
table.pyo02 th {padding:20px; color:#111; border-bottom: 1px solid #ddd;background:#f2f2f2;font-weight:700; text-align:center; font-size:17px;line-height: 1.4;}
table.pyo02 th.gray {border:1px solid #ebebeb; height:30px; color:#333333; background:#f8f8f8; text-align:center; font-weight:normal;}
table.pyo02 th.L {border-left:1px solid #ffffff;}
table.pyo02 th.R {border-right:1px solid #ffffff;}
table.pyo02 td{  padding:20px;font-weight: 400;  text-align:center;  line-height:1.6;font-size:17px;}
table.pyo02 td.L{text-align:left;padding:10px 5px 13px 5px;padding-left: 15px;line-height: 27px;}
table.pyo02 td.R {text-align:right;padding:10px;}
table.pyo02 td.gray {border-right:1px solid #ffffff; font-weight:bold;}
table.pyo02 td ul li {margin-left:10px;}
table.pyo02 td ul.dept03 li {font-size:17px;margin-bottom:0;padding-left: 12px;}
table.pyo02 td ul.dept03 li::before {width: 4px; height: 4px;top:12px;}


/* table */
.esg-cm-table-wrap.mt-90 {margin-top: 9rem;}
.esg-cm-table {width: 100%; margin-top: 10px; border-top: 2px solid #1b415f;/*margin-bottom: 40px*/}
.esg-cm-table th {height: 5rem; border-bottom: 1px solid #2e3c46; font-size: 17px; font-weight: 500; line-height: 1.5em;}
.esg-cm-table th.e-bg {height: 5rem; border-bottom: 1px solid #2e3c46; font-size: 17px; font-weight: 500; line-height: 1.5em;background-color: rgba(0, 176, 199, 0.05);}
.esg-cm-table th.s-bg {height: 5rem; border-bottom: 1px solid #2e3c46; font-size: 17px; font-weight: 500; line-height: 1.5em;background-color: rgba(6, 128, 221, 0.09);}
.esg-cm-table th.g-bg {height: 5rem; border-bottom: 1px solid #2e3c46; font-size: 17px; font-weight: 500; line-height: 1.5em;background-color: rgba(27, 65, 95, 0.05);}
.esg-cm-table th.v-bg {height: 5rem; border-bottom: 1px solid #2e3c46; font-size: 17px; font-weight: 500; line-height: 1.5em;background-color: #eeeafd;}
.esg-cm-table td {text-align: center; border-bottom: 1px solid rgba(132, 140, 146, 0.4); border-right: 1px solid rgba(132, 140, 146, 0.4); padding: 15px; font-size: 17px; font-weight: 400; line-height: 1.4em; line-height: 1.6em}
.esg-cm-table td.L{border-bottom: 1px solid rgba(132, 140, 146, 0.4); border-right: 1px solid rgba(132, 140, 146, 0.4); padding: 15px; font-size: 17px; font-weight: 400; line-height: 1.4em; line-height: 1.6em; text-align: left;}
.esg-cm-table td.R{border-bottom: 1px solid rgba(132, 140, 146, 0.4); border-right: 1px solid rgba(132, 140, 146, 0.4); padding: 15px; font-size: 17px; font-weight: 400; line-height: 1.4em; line-height: 1.6em; text-align: right;}
.esg-cm-table td.border-r {border-right: none;}
.esg-cm-table td sub {font-size: 1.1rem; padding: 0 0.1rem;}
.esg-cm-table td p {padding-top: 4px; font-size: 1.5rem; color: rgba(0, 0, 0, 0.7); line-height: 1.7em;}
.esg-cm-table td.semi-bold {font-weight: 600;}
.esg-cm-table td.bold {font-size: 17px; letter-spacing: 0; font-weight: 500;}
.esg-cm-table td.only-bold {font-weight: 700;}
.esg-cm-table td.bold.small {font-size: 2.1rem;}
.esg-cm-table td.bold span.e {color: #008fd5;}
.esg-cm-table td.bold span.s {color: #0b558e;}
.esg-cm-table td.bold span.g {color: #1b415f;}
.esg-cm-table td.e-bg {background-color: rgba(0, 176, 199, 0.05);border-right: 0;}
.esg-cm-table td.s-bg {background-color: rgba(6, 128, 221, 0.09); border-right: 0;}
.esg-cm-table td.g-bg {background-color: rgba(27, 65, 95, 0.05); border-right: 0;}
.esg-cm-table td.g-bg2 {background-color: #eeeff2; border-right: 0;}
.esg-cm-table td.v-bg {background-color: #eeeafd; border-right: 0;}
.esg-cm-table td.df-bb {border-bottom-color: #848c92;}
.esg-cm-table td ul li {margin-left:0 !important;}


/* 게시판 검색 */
.list_search_inp{
	margin: 40px auto 0px auto;
  background: #f3f3f3;
  border-radius: 5px;
  width: 100%;
  padding: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:5px;
}
.list_search_inp form {
	display: flex;
  justify-content: center;
  align-content: center;
  gap: 7px;}
.list_search_inp label {}
.list_search_inp select {
	width: auto;
  height: 40px;
}
.list_search_inp input#searchInput {
	height: 40px;
	  box-sizing: border-box;
	  width: 360px;
	  border-radius: 0;
}
.list_search_inp input[type=image] {border-radius: 0px;}
.list_search_inp .button_st_03{font-size:13px;width:70px;margin-left:-4px;margin-top: -5px;}



.comment {margin-left: 5px;color: #1f73b3;position: relative;top: 1px;}


/* 게시판 페이지 넘버 */
.paginate2 {margin:40px 0 20px 0; text-align:center; font-size:16px; clear: both;}
.paginate2 * {vertical-align:middle;}
.paginate2 span, .paginate2 > a {
  color: #7e7e7e;
  margin: 0px 5px;
  text-decoration: none;
  width: 25px;
  text-align: center;
  display: inline-block;
  height: 25px;
  line-height: 25px;
}
.paginate2 strong  {
  background: #304881;
  color: #fff;
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 50%;
}
.paginate2 a:hover, .paging a:active, .paging a:focus {color:#333;}
.paginate2 a.on {color:#fff; font-weight:bold; border:1px solid #333; background:#333;}
.paginate2 a.on:hover {color:#fff;}
.paginate2 span.next, .paginate2 a.next,.paginate2 span.next2, .paginate2 a.next2,
.paginate2 span.pre, .paginate2 a.pre,.paginate2 span.pre2, .paginate2 a.pre2{margin:5px 2px;  width: auto;padding: 2px;font-size: 13px;}
.paginate2 img {margin:0; padding:0; border:0;}


/* 게시판 보기확인 */
.checkMsg02_wrap {width: 80%;border: 2px solid #545454;margin: 0 auto;}
.checkMsg02_wrap02 {width: 100%;}
.checkMsg02 {width: 580px;margin: 0 auto;padding: 30px 0;}
.checkMsg02_02 {width: 700px;}
.checkMsg02 p.checkTxt01 {font-size: 21px;color: #3c3c3c;line-height: 1.4;margin-bottom: 10px;font-weight: bold;}
.checkMsg02 p.checkTxt02, .checkMsg02 p.checkTxt02 b {font-size: 17px;line-height: 1.6;color: #3c3c3c;}
.checkMsg02 span.checkTxt03 {font-size: 15px;line-height: 50px;}




/* 게시판 상세페이지 */
.tbl_view{width:100%;border-top:2px solid #4e4e4e;border-bottom:1px solid #c6c6c6;}
.tbl_view th, .tbl_view td{font-size:17px;line-height: 1.6;padding:15px 10px;border-top:1px solid #d9d9d9;}
.tbl_view td.board_tit {font-size:21px;font-weight:bold;}
.tbl_view td a {font-size:17px;}
.tbl_view th, .tbl_view td strong, .tbl_view td b{font-weight:bold !important;color:#333;font-size:17px;}
.tbl_view tr:first-child th,.tbl_view table tr:first-child td{border-top:0 none;}
.tbl_view tr:first-child th {background:#f4f4f4;}
.tbl_view .tbl_view_date{text-align:center;}
.tbl_view_txt{min-height:120px;padding:0px 10px;font-size:14px;line-height:1.3;}
.tbl_view_txt img{max-width:100%;}
.tbl_view .tbl_view_file{background:#f4f4f4;}
.tbl_view_file a{margin-right:10px;}
.tbl_view_file a:hover, .qna_view_file a:focus, .qna_view_file a:active{text-decoration:underline;}
.tbl_view td img.w100n {display: inline-block; margin-right: 5px;}
.tbl_view.tbl_navi{border-top-color:#333;}



/* 글쓰기 */

.table_area {clear:both;}
h3.title {margin:0 20px 15px 0;color:#333;font-size:22px;line-height:1;font-weight:400;}
.guide_txt {float:left;margin-top:8px;color:#666;font-size:17px;line-height:1;font-weight:400;}
.guide_txt_02 {clear: both;line-height:35px;color: #666;font-size: 17px;line-height: 35px;font-weight: 400;letter-spacing: -1px;}
.guide_txt_03 {color:#666;font-size:17px;margin-bottom:5px;line-height: 22px;}

.tbl_style_01 {width:100%;border-top:2px solid #333;border-bottom:1px solid #333;}
.tbl_style_01 tbody > tr {border-top:1px solid #e5e5e5;}
.tbl_style_01 tbody > tr:first-child {border-top:0px solid #fff;}
.tbl_style_01 tbody th {color:#333;font-size:17px;line-height:1.4;font-weight:bold;text-align:left;padding-left: 15px;}
.tbl_style_01 tbody th label {color:#333;font-size:17px;line-height:1.4;font-weight:bold;text-align:left;}
.tbl_style_01 tbody td {padding:12px 10px 12px 10px;font-size:17px;min-height:35px;}

.tbl_style_01 tbody td input {margin-right:5px;}
.tbl_style_01 tbody td input[type="text"], .tbl_style_01 tbody td input[type="password"] {width:230px;}
.ui-datepicker-trigger {margin:0 10px 0 5px !important;}
#zsfImg {vertical-align: middle;margin-right: 5px;position: relative;top: -3px;}
#zsfCode {width:100px;}

.tbl_style_01 tbody td div.cell {overflow:hidden;font-size: 17px;}
.tbl_style_01 tbody td div.cell:after {content:" "; display:block; clear:both;}
.tbl_style_01 tbody td div.cell input {margin-right:10px;}
.tbl_style_01 tbody td div.cell input, .tbl_style_01 tbody td div.cell .guide_txt_02 {/*float:left;*/}

ul.term {padding:18px 10px;}
ul.term:after {content:" "; display:block; clear:both;}
ul.term li {float:left;width:48%;padding-left:10px;color:#333;font-size:14px;font-weight:bold;background:url('/images/icon_dot.gif') no-repeat 0 13px;position:relative;}
ul.term li > button {margin-left:10px;}

.agree_txt {margin-bottom:24px;color:#333;font-size: 16.5px;font-weight:bold;}
.agree_txt label {font-size:
16px;font-weight:bold;}
.agree_txt span {color:#ed1b2f;font-size: 16.5px;font-weight:bold;}

.write-date {font-size: 15px !important; font-weight: 500 !important; color: #444 !important;}


/* 버튼 */
.button_area {text-align:center;clear:both;}
.button_area_fl {display: flex;justify-content: inherit;}
.button_area_fr {display: flex;justify-content: end;}
.button_area_mt20 {display: flex;  justify-content: center;margin-top:20px;gap: 10px;}
.button_area_mt40 {display: flex;  justify-content: center;margin-top:40px;gap: 10px;}
.button_area_mt-65 {width: fit-content; margin: -65px auto 0 auto; z-index: 99; position: relative;}

.button_st_01 {border-radius: 20px;font-weight: normal;display:inline-block;background-color:#f4f4f4;border:1px solid #d9d9d9;font-size:14px;color:#666;letter-spacing:-0.5px;line-height:14px;width:100px;padding:8px 0;vertical-align:middle;box-sizing:border-box;text-align:center;border-radius: 3px;}
.button_st_01.btn_red {transition:all .2s;font-weight: normal;background-color:#f0793f;border:1px solid #f0793f;color:#fff;}
.button_st_01.blu {transition:all .2s;font-weight: normal;background-color:#2888ff;border:1px solid #2888ff;color:#fff;}
.button_st_01.gre {font-weight: normal;background-color:#30c7ce;border:1px solid #30c7ce;color:#fff;}
.button_st_01.blk {transition:all .2s;font-weight: normal;background-color:#4b4b4b;border:1px solid #4b4b4b;color:#fff;}

.button_st_04 {
	display: block;
	border-radius: 30px;
	width: fit-content;
	padding: 15px 45px;
	font-size: 17px;
	color: #000;
	background-color: #dfdfdf;
	text-align: left;
	box-sizing: border-box;
	box-shadow: 2px 2px 0 0 rgba(0,0,0,0.05);
	transition: all 0.3s;
	cursor:pointer;
}
.button_st_04.btn_red {transition:all .2s;font-weight: normal;background-color: #f0793f;border:1px solid #f0793f;color:#fff;}
.button_st_04.btn_red:hover {transition:all .2s;background-color:#f36926;border:1px solid #f36926;}
.button_st_04.blk {transition:all .2s;font-weight: normal;background-color:#4b4b4b;border:1px solid #4b4b4b;color:#fff;}
.button_st_04.blk:hover {transition:all .2s; background-color:#777;border:1px solid #777;}
.button_st_04.blu {transition:all .2s;font-weight: normal;background-color:#2888ff;border:1px solid #2888ff;color:#fff;}
.button_st_04.blu:hover {transition:all .2s; background-color:#0e6add;border:1px solid #0e6add;}
.button_st_04.gre {transition:all .2s;font-weight: normal;background-color:#30c7ce;border:1px solid #30c7ce;color:#fff;}
.button_st_04.gre:hover {transition:all .2s; background-color:#30c7ce;border:1px solid #30c7ce;}
.button_st_04-1 {transition:all .2s;font-weight: normal;display:inline-block;background-color:#f4f4f4;border:1px solid #d9d9d9;font-size:14px;color:#3c3c3c;letter-spacing:-1px;line-height:18px;width:140px;padding:10px 0;vertical-align:middle;box-sizing:border-box;text-align:center;float: right;margin-top: 3px;}
.button_st_04-1:hover {transition:all .2s;background-color:#d8d8d8;border:1px solid #d8d8d8;color:#2d2d2d;}

.button_st_03 {border-radius: 25px;font-weight: normal;display:inline-block;background-color:#f4f4f4;border:1px solid #d9d9d9;font-size:15px;color:#666;letter-spacing:-0.5px;line-height:18px;width:100px;padding:12px 0;vertical-align:middle;box-sizing:border-box;text-align:center;cursor:pointer;}
.button_st_03.blk {transition:all .2s;font-weight: normal;background-color:#4b4b4b;border:1px solid #4b4b4b;color:#fff;}
.button_st_03.blk:hover {transition:all .2s; background-color:#777;border:1px solid #777;}
.button_st_03.btn_red {transition:all .2s;font-weight: normal;background-color:#f0793f;border:1px solid #f0793f;color:#fff;}
.button_st_03.btn_red:hover {transition:all .2s;background-color:#f36926;border:1px solid #f36926;}
.button_st_03.blu {transition:all .2s;font-weight: normal;background-color:#2888ff;border:1px solid #2888ff;color:#fff;}
.button_st_03.blu:hover {transition:all .2s; background-color:#0e6add;border:1px solid #0e6add;}
.button_st_03.gre {transition:all .2s;font-weight: normal;background-color:#30c7ce;border:1px solid #30c7ce;color:#fff;}
.button_st_03.gre:hover {transition:all .2s; background-color:#30c7ce;border:1px solid #30c7ce;}


.button_st_02 {border-radius: 25px;display:inline-block;background-color:#f4f4f4;border:1px solid #d9d9d9;font-size:12px;color:#666;letter-spacing:-0.5px;line-height:18px;padding:8px 13px;border-radius:1px;vertical-align:middle;box-sizing:border-box;text-align:center;}
.button_st_02-1 {display:inline-block;background-color:#f4f4f4;border:1px solid #d9d9d9;font-size:12px;color:#666;letter-spacing:-0.5px;line-height:18px;padding:3px 13px;border-radius:1px;vertical-align:middle;box-sizing:border-box;text-align:center;}
.button_st_02-2 {display:inline-block;background-color:#b6b6b6;border:1px solid #b6b6b6;font-size:12px;color:#fff;letter-spacing:-0.5px;line-height:18px;padding:3px 10px;border-radius:1px;vertical-align:middle;box-sizing:border-box;text-align:center;}

.button_st_05 {font-weight: normal;display:inline-block;background-color:#f4f4f4;border:1px solid #d9d9d9;font-size:17px;color:#666;letter-spacing:-0.5px;line-height:18px;width:290px;padding:13px 0;vertical-align:middle;box-sizing:border-box;text-align:center;}
.button_st_05.btn_red {transition:all .2s;font-weight: normal;background-color:#f0793f;border:1px solid #f0793f;color:#fff;} 
.button_st_05.btn_red:hover {font-weight: normal;transition:all .2s;background-color:#f36926;border:1px solid #f36926;color:#fff;}
.button_st_05.blu {transition:all .2s;font-weight: normal;background-color:#2888ff;border:1px solid #2888ff;color:#fff;}
.button_st_05.blu:hover {transition:all .2s; background-color:#0e6add;border:1px solid #0e6add;}


.button_st_06 {font-weight: normal;display:inline-block;background-color:#f4f4f4;border:1px solid #d9d9d9;font-size:17px;color:#666;letter-spacing:-0.5px;line-height:18px;width:100px;padding:44px 0;vertical-align:middle;box-sizing:border-box;text-align:center;margin-top: 32px;}
.button_st_06.btn_red {transition:all .2s;font-weight: normal;background-color:#f0793f;border:1px solid #f0793f;color:#fff;} 
.button_st_06.btn_red:hover {font-weight: normal;transition:all .2s;background-color:#f36926;border:1px solid #f36926;color:#fff;}
.button_st_06.blu {transition:all .2s;font-weight: normal;background-color:#2888ff;border:1px solid #2888ff;color:#fff;}
.button_st_06.blu:hover {transition:all .2s; background-color:#0e6add;border:1px solid #0e6add;}


.button_st_07 {border-radius: 25px;font-weight: normal;display:inline-block;background-color:#f4f4f4;border:1px solid #d9d9d9;font-size:15px;color:#666;letter-spacing:-0.5px;line-height:10px;width:80px;padding:14px 0;vertical-align:middle;box-sizing:border-box;text-align:center;}
.button_st_07.blk {transition:all .2s;font-weight: normal;background-color:#4b4b4b;border:1px solid #4b4b4b;color:#fff;}
.button_st_07.blk:hover {transition:all .2s; background-color:#777;border:1px solid #777;}
.button_st_07.btn_red {transition:all .2s;font-weight: normal;background-color:#f0793f;border:1px solid #f0793f;color:#fff;}
.button_st_07.btn_red:hover {transition:all .2s;background-color:#f36926;border:1px solid #f36926;}
.button_st_07.btn_blue {transition:all .2s;font-weight: normal;background-color:#2260c0;border:1px solid #2260c0;color:#fff;}
.button_st_07.btn_blue:hover {transition:all .2s;background-color:#0f469b;border:1px solid #0f469b;}
.button_st_07.blu {transition:all .2s;font-weight: normal;background-color:#2888ff;border:1px solid #2888ff;color:#fff;}
.button_st_07.blu:hover {transition:all .2s; background-color:#0e6add;border:1px solid #0e6add;}

.down-btn {display: flex;align-items: center;justify-content: center;gap: 15px;margin: 20px 0 30px 0;}
.down-btn a {
background: #fff;
width: fit-content;
  height: auto;
  font-size: 17px;
  color: #1a1a1a;
  border: 1px solid #e0e0e0;
  display: block;
  text-align: center;
  padding: 20px 40px;
  border-radius: 40px;
  min-width: 120px;
  box-shadow: 0 5px 10px rgba(0,0,0,0.1);
  font-weight: 500;
  }
.down-btn a.icon { text-align: left;min-width: 200px;word-break: keep-all;background: #fff url('../images/down-icon.png') no-repeat calc(100% - 30px) center; padding: 20px 60px;}
.down-btn a:hover {transition: all 0.2s;border-color:#f0793f;color:#f0793f;}
.down-btn a.icon:hover {background-image:url('../images/down-icon-on.png');}

a.icon-btn {
background: #fff;
width: fit-content;
  height: auto;
  font-size: 15px;
  color: #1a1a1a;
  border: 1px solid #e0e0e0;
  display: inline-block;
  text-align: center;
  border-radius: 40px;
  font-weight: 500;
   text-align: left;
   word-break: keep-all;
   background: #fff url('../images/down-icon.png') no-repeat calc(100% - 15px) center; 
   padding: 7px 40px 7px 15px;
   margin-bottom: 10px;
  }
a.icon-btn:hover {border-color:#000;}

.pyo-top-btn {
background:#666;
  border-radius: 8px;
  color: #fff;
  line-height: 28px;
  padding: 2px 10px;
  display: inline-block;
  font-size: 14px;
}
.pyo-top-btn#alladm {background:#006de1;}
.pyo-top-btn#allnot {background:#ee7a25;}
.pyo-top-btn#alldel {background:#d90000;}


/* board-agree */
ul.agree-flow {
	overflow: hidden;
	background: #f8f8f8;
	border: 1px solid #ddd;
	width: 100%;
	margin-bottom:5%;
}
ul.agree-flow li {
	float: left;
	width: 33%;
}
ul.agree-flow li.on {
	width: 34%;
}
ul.agree-flow li {
	position: relative;
	display: block;
	color: #767676;
	font-size: 18px;
	text-align: center;
	padding:15px 0;
	line-height:20px;	
}
ul.agree-flow li:nth-child(1) {background:url('../images/deco_img01.png') no-repeat 80px 50%;}
ul.agree-flow li:nth-child(2) {background:url('../images/deco_img02.png') no-repeat 55px 50%;}
ul.agree-flow li:nth-child(3) {background:url('../images/deco_img03.png') no-repeat 75px 50%;}

ul.agree-flow li.on:nth-child(1) {background:url('../images/deco_img01_on.png') no-repeat 80px 50%;}
ul.agree-flow li.on:nth-child(2) {background:url('../images/deco_img02_on.png') no-repeat 55px 50%;}
ul.agree-flow li.on:nth-child(3) {background:url('../images/deco_img03_on.png') no-repeat 75px 50%;}

ul.agree-flow li span {
	font-size: 13px;
	font-weight: bold;
}
ul.agree-flow li.on {
	color: #000;
}
ul.agree-flow li i.deco {
	background: url('../images/deco_flow.png') no-repeat;
	position: absolute;
	top: 26px;
	right: -7px;
	width: 13px;
	height: 26px;
	z-index: 10;
}

ul.edu-flow {
	overflow: hidden;
	background: #f8f8f8;
	border: 1px solid #ddd;
	width: 100%;
	margin-bottom:5%;
}
ul.edu-flow li {
	float: left;
	width: 16.6%;
}
ul.edu-flow li {
	position: relative;
	display: block;
	color: #767676;
	font-size: 18px;
	text-align: center;
	padding:15px 0;
	line-height:20px;	
}
ul.edu-flow li span {
	font-size: 13px;
	font-weight: bold;
}
ul.edu-flow li.on {
	color: #000;
}
ul.edu-flow li i.deco {
	background: url('../images/deco_flow.png') no-repeat;
	position: absolute;
	top: 26px;
	right: -7px;
	width: 13px;
	height: 26px;
	z-index: 10;
}



.boardform_top {
	background: #f7f7f7;
  border-radius: 30px;
  padding: 60px 40px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: -1pt;
  text-align: center;
  word-break: keep-all;
  font-weight: 300;
}

.boardform_top ul.dept04 {width: fit-content;display: inline-block;text-align:left;}

.boardform_top2 {
	overflow: hidden;
	background: #f8f8f8;
	border: 1px solid #ddd;
	margin-bottom:4%;
	text-align:center;
	font-size: 19px;
	line-height: 29px;
	padding: 35px 0;
	letter-spacing: -1px;
}

.boardform_top3 {
	overflow: hidden;
	background: #f8f8f8;
	border: 1px solid #ddd;
	margin-bottom:50px;
	font-size: 19px;
	line-height: 29px;
	padding: 35px 45px;
	letter-spacing: -1px;
}

.boardform_top4 {
	overflow: hidden;
	background: #f8f8f8;
	border: 1px solid #ddd;
	margin-bottom:60px;
	font-size: 16px;
	line-height: 28px;
	padding: 45px;
	font-weight: 400;
	letter-spacing: -0.5px;
	text-align:justify;
}

.white-bg {
background: #fff;
  border-radius: 25px;
  padding: 25px;
  box-sizing: border-box;
  max-width: 1330px;
  margin: 0 auto;
}


.border-box {
background: #f7f7f7;
  border-radius: 30px;
  padding: 60px 40px;
  box-sizing: border-box;
  font-size: 22px;
  font-weight: 300;
  line-height: 34px;
  letter-spacing: -1pt;
  text-align:center;
  }
 .border-box div {margin: 15px 0 10px 0;}

.border-box2 {
background: #f7f7f7;
  border-radius: 30px;
  padding: 50px 55px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 300;
  line-height: 37px;
  letter-spacing: -1pt;
  }
 .border-box2 div {margin: 15px 0 10px 0;}

.border-box3 {
width:fit-content;
margin:0 auto;
background: #f7f7f7;
  border-radius: 30px;
  padding: 50px 80px 45px 80px;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 37px;
  letter-spacing: -1pt;
  }


/* board-agree
*****************************************************************/
.board-agree {
	overflow:hidden;
	border-top:2px solid #333;
	border-bottom:1px solid #333;
}

.board-agree h3 {
	font-size:20px;
	color:#000;
	padding:20px 25px;
	margin:0;
	font-weight:500;
	border-bottom:1px solid #c4c4c4;
	text-align:left;
}
.board-agree .agree-cont {
	height:230px;
	overflow-y:scroll;
	background:#f8f8f8;
	padding:20px 25px;
	font-size:13px;
	line-height: 22px;
}
.board-agree .agree-cont b {font-size:16px;}
.board-agree .agree-check {
	font-size: 18px;
  color: #000;
  padding: 30px 25px;
}
.board-agree .agree-check label {font-size:18px;padding-left: 5px;}

.ifrm-agreement-container {
	background:#f8f8f8;
}
.ifrm-agreement {
	width: 100%;
	min-height: 250px;
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

.agreement-container {
	background:#f6f6f6;
}
.agreement-article {
	box-sizing: border-box;
    width: 100%;
	max-height: 320px;
    overflow-y: auto;
    background: #f6f6f6;
	padding:20px 25px;
	font-size: 15px;
	line-height:1.6;
	border:none;
}


.agreement-article p {font-size: 16px;line-height:1.7;font-weight: 400;}
.agreement-article section {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted #ddd;
}

.agreement-article h1 {margin: 0 0 0.2em; font-size: 16px; }
.agreement-article h2 {
	margin: 0 0 0.2em;
	font-size: 15px;
	color: #b42b2b;
}
.agreement-article h3 {
	margin: 1.5em 0 0.2em;
	padding: 0 0 0 10px;
	border-bottom: none;
	background: url('../images/icon_dot2.gif') 0 8px no-repeat;
	color: #222;
	font-size: 14px;
	font-weight: bold;
}
.agreement-article section > p {
	margin: .5em 0;
}
.agreement-article ul > li {
	margin: 0.3em 0;
	padding-left: 0.6em;
	background: url('../images/icon_dot3.gif') 0 10px no-repeat;
	font-size: 13px;
}
.agreement-article ul > li > b {
	color: #222;
	font-weight: bold;
	font-size: 13px;
}
.agreement-article ul > li > p {
	margin: 0;
	}


/* -------- 로그인 -------- */
.login-info {font-size:22px;line-height:32px;color:#333;text-align:center;margin-bottom:30px;}
.loginform {
	position: relative;
	display:table;
	width: 500px;
    padding: 50px 350px 50px;
    margin: 0 auto;
    background: #f4f4f4;
    border: 0;
    border-radius: 15px;
}
.loginform .login_fieldset {position: relative;}
.loginform input {
    display: block;
    width: 100%;
    height: 60px;
    margin: 10px 0;
    padding: 0;
    font-size: 17px;
    color: #000;
    font-weight: 500;
    border: 1px solid #979797;
    text-align: center;
    background: #fff;
    border-radius: 50px;
	transition:all 0.5s;
}

.loginform input[type="text"]:focus, .loginform input[type="password"]:focus {
	border: 1px solid #45a1f5 !important;
}

.loginform button, .join_btn_wrap button[type="submit"], .loginform .submit, .loginform .submit-gr, .join_btn_wrap .submit {
	background: #717171 url('../images/btn_next.png')no-repeat 94% center;
    border: 0;
    width: 100%;
    border-radius: 50px;
    height: 62px;
	line-height: 60px;
    font-size: 17px;
    font-weight: 500;
	color:#fff;
	border: 2px solid #717171;
	transition:all 0.5s;
	cursor:pointer;
}
.loginform .submit {text-align:center;line-height: 60px;}

.loginform button[type="submit"], .join_btn_wrap button[type="submit"], .join_btn_wrap .submit, .loginform .submit-gr {
	background-color: #45a1f5;
    border-color: #45a1f5;
	margin-bottom:10px;
}
.join_btn_wrap .submit-bl {background-color: #717171; border-color: #717171;}

.join_btn_wrap button[type="submit"], .join_btn_wrap .submit {width: 320px;}

.loginform button:hover, .loginform .submit:hover {
	background:transparent url('../images/btn_nextbl.png')no-repeat 94% center;
	border:2px solid #717171;
	color:#717171;
}
.loginform button[type="submit"]:hover, .join_btn_wrap button[type="submit"]:hover, .join_btn_wrap .submit:hover, .loginform .submit-gr:hover {
	background:transparent url('../images/btn_nextgr.png')no-repeat 94% center;
	border-color: #45a1f5;
	color:#45a1f5;
}
.join_btn_wrap .submit-bl:hover {
	background:transparent url('../images/btn_nextbl.png')no-repeat 94% center;
	border-color: #717171;
	color:#717171;
}

.login_fieldset p {
	font-size: 18px;
	line-height: 18px;
	color: #5E5E5E;
	text-align: center;
	margin: 30px 0 0px 0;
}
.login_fieldset p:hover {color:#000;}

.pw_search {padding-top: 30px;margin-top: 40px;border-top: 1px dashed #979797;}
.pw_search_txt {margin-top: 15px;}
.pw_search_txt li {text-align:center;line-height: 1.5;}

.passcheck_form {margin-top: 25px;}
.passcheck_form p {margin-top: 10px;}
.passcheck_div {height: 54px;line-height:54px;margin: 10px 0;font-size: 20px;color: #000;font-weight: 500;text-align: center;}

/* -------- 회원가입 -------- */
ul.agree-flow {
	overflow: hidden;
	background: #f8f8f8;
	border: 1px solid #ddd;
	width: 100%;
	margin-bottom:40px;
}
ul.agree-flow li {
	float: left;
	width: 33%;
}
ul.agree-flow li.on {
	width: 34%;
}
ul.agree-flow li {
	position: relative;
	display: block;
	color: #767676;
	font-size: 18px;
	text-align: center;
	padding:15px 0;
	line-height:20px;	
}
ul.agree-flow li:nth-child(1) {background:url('../images/deco_img01.png') no-repeat 80px 50%;}
ul.agree-flow li:nth-child(2) {background:url('../images/deco_img02.png') no-repeat 55px 50%;}
ul.agree-flow li:nth-child(3) {background:url('../images/deco_img03.png') no-repeat 75px 50%;}

ul.agree-flow li.on:nth-child(1) {background:url('../images/deco_img01_on.png') no-repeat 80px 50%;}
ul.agree-flow li.on:nth-child(2) {background:url('../images/deco_img02_on.png') no-repeat 55px 50%;}
ul.agree-flow li.on:nth-child(3) {background:url('../images/deco_img03_on.png') no-repeat 75px 50%;}

ul.agree-flow li span {
	font-size: 13px;
	font-weight: bold;
}
ul.agree-flow li.on {
	color: #000;
}
ul.agree-flow li i.deco {
	background: url('../images/deco_flow.png') no-repeat;
	position: absolute;
	top: 26px;
	right: -7px;
	width: 13px;
	height: 26px;
	z-index: 10;
}



/* -------- 포토갤러리 -------- */
#smart_editor2{width:100% important}

.photoList02 {display: flex;flex-wrap: wrap;gap: 20px;}
.photoList02 .photoPost{
	width: calc(25% - 15px);
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 20px;
	letter-spacing:-1px;
	text-align: center;
	position: relative;
}
.photoList02 .photoPost::before {
    position: absolute;
    z-index: 9;
    top: 0px;
    left: 1px;
    content: '';
    width: 0;
    height: 3px;
    background-color: #fd7432;
    transition: .3s;
}

.photoList02 .photoPost::after {
    position: absolute;
    z-index: 9;
    bottom: 50px;
    right: -1px;
    content: '';
    width: 0;
    height: 3px;
    background-color: #fd7432;
    transition: .3s;
}
.photoList02 .photoPost:hover::before {
  width: 100%;
}
.photoList02 .photoPost:hover::after {
  width: 100%;
}

.photoList02 .photoPost_img {
	position: relative;
	width: 100%;
	overflow: hidden;
	border: 1px solid #ddd;
}
.photoList02 .photoPost_img a.image {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	height: 0;
  padding-bottom: 100%;
	}
.photoList02 .photoPost_img img {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.photoPost_img img {transform: scale(1.0);transition: all .3s;}
.photoPost:hover .photoPost_img img {transition: all .3s;transform: scale(1.1);}

.photoList02 .photoPost_img::before {
    position: absolute;
    z-index: 9;
    top: 0px;
    left: 0px;
    content: '';
    width: 3px;
    height: 0;
    background-color: #fd7432;
    transition: .3s;
}
.photoList02 .photoPost_img::after {
    position: absolute;
    z-index: 9;
    bottom: 0px;
    right: 0px;
    content: '';
    width: 3px;
    height: 0;
    background-color: #fd7432;
    transition: .3s;
}
.photoList02 .photoPost:hover .photoPost_img::before {
  height: 100%;
}
.photoList02 .photoPost:hover .photoPost_img::after {
  height: 100%;
}
.photoList02 .photoPost a.title {
	width: calc(100% - 20px);
	padding:0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	font-size: 16.5px;
	color: #000;
	font-weight:bold;
	line-height: 50px;
}

.gallery-wrap {width:100%;}
.gallery-wrap ul {display: flex;gap: 30px;width: 100%;flex-wrap: wrap;}
.gallery-wrap li {
  position: relative;
  width: calc(25% - 22.5px);
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
}
.gallery-wrap li:hover {box-shadow: 3px 3px 7px rgba(0, 0, 0, .1);}
.gallery-wrap li a {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.gallery-wrap li a div {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  overflow: hidden;
}
.gallery-wrap li a div img {
  position: absolute;
  left: 0;
  width: 100%;
  object-fit: cover;
  height: 100%;
  transition: .2s;
  transform: scale(1.0);
}
.gallery-wrap li:hover a div img {
  transition: .2s;
  transform: scale(1.1);
}
.gallery-wrap li p {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  letter-spacing: -0.2px;
  line-height: 1.68;
  margin-bottom: 42px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 15px;
  box-sizing: border-box;
}
.gallery-wrap li:hover p {color:#666;}
.gallery-wrap li span {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 16px;
  color: #666;
}

.reviewM_w object { aspect-ratio: 16 / 9; height: auto !important;}

@media all and (max-width:1280px) {
.gallery-wrap ul {gap: 20px;}
.gallery-wrap li {width: calc(25% - 15px);}
.gallery-wrap li p {font-size:17px;}

.reviewM_w object {width:100% !important;}
}

@media all and (max-width:1024px) {
.gallery-wrap li {width: calc(33.33% - 13.33px);}

}

@media all and (max-width:768px) {
.gallery-wrap ul {gap: 10px;}
.gallery-wrap li {width: calc(50% - 5px);}
.gallery-wrap li a {gap: 10px;}
.gallery-wrap li p {font-size: 15px;padding: 0 10px;margin-bottom: 25px;}
.gallery-wrap li span {right: 10px;bottom: 10px;font-size: 13px;}
}


/* -------- 편성표 -------- */
.kjpbc_day_w {position:relative;overflow:hidden;display: flex;gap: 40px;width: fit-content;margin: 0 auto 40px auto;}
.kjpbc_week {   height:45px; line-height:45px; display:block; }
.kjpbc_day_list {position:relative;  width:fit-content; height:45px;  padding:0 55px;}
.kjpbc_dlist {position:relative; width:fit-content;display: flex;background: #f2f2f2;border-radius: 45px;}
.kjpbc_dlist li {height: 45px;}
.kjpbc_dlist li.kjpbc_dlist_none {display:none;}
.kjpbc_dlist li.current {background:#304881;border-radius: 45px;box-sizing: border-box;}
.kjpbc_dlist li.current a .kjpbc_lday,.kjpbc_dlist li.current a {color:#fff;}
.kjpbc_dlist li.current a { min-width: 75px;display: flex; align-items: center;flex-direction: column;gap: 3px;}
.kjpbc_dlist li:nth-child(5) a {}
.kjpbc_dlist li.last a {border-right:none;}
.kjpbc_dlist li a {position:relative; color:#828282; font-size:16px;  height:45px;display:flex;  align-items: center;justify-content: center;padding: 0 20px;font-weight: 500;}
.kjpbc_dlist li a:hover {text-decoration:none;}
.kjpbc_dlist li a:hover .kjpbc_lday {}
.kjpbc_lday {font-size:15px;  font-weight:500;}
.kjpbc_ltoday {display:block;  font-weight:bold; font-size:10px;font-family:verdana; letter-spacing:0em; color:#fff;text-align: center; line-height: 1;}
.btn_kjpbc_tprev ,.btn_kjpbc_tnext {border: none;position:absolute; top:0; width:45px; height:45px;background:none;border-radius: 50%;overflow: hidden;}
.btn_kjpbc_tprev {left:0;}
.btn_kjpbc_tnext {right:0;}
.kjpbc_day_list .sbtn {display:block;}
.b_kjpbc_tprev {background:#304881 url('../images/kjpbc_btn_pre.png') no-repeat 50% 50%;width:45px; height:45px;}
.btn_kjpbc_tprev:hover .b_kjpbc_tprev {}
.b_kjpbc_tnext {background:#304881 url('../images/kjpbc_btn_next.png') no-repeat 50% 50%;width:45px; height:45px;}
.btn_kjpbc_tnext:hover .b_kjpbc_tnext {}

.kjpbc_table_w {width:100%; overflow:hidden; position:relative;}
.kjpbc_table {border-top: 2px solid #333;width:100%;}
.kjpbc_table thead th {border-bottom: 1px solid #ddd; text-align:center; background:#f2f2f2;font-size:17px;font-weight:700; line-height:1.4; padding:20px;color:#111;}
.kjpbc_table thead th:not(:last-child) {  border-right: 1px solid #E3E3E3;}
.kjpbc_table thead th.kjpbc_time {}
.kjpbc_table thead th.kjpbc_program {}
.kjpbc_table thead th.kjpbc_age {}
.kjpbc_table thead th.kjpbc_review {}
.kjpbc_table tbody td,.kjpbc_table tbody th {border-bottom:1px solid #dfdfdf;  padding:15px; line-height:1.6;font-size: 17px; text-align:center;font-weight: 400;color:#000;}
.kjpbc_table tbody th {font-weight:bold; font-family:verdana; background:#f5faff;}
.kjpbc_table tbody td.kjpbc_program {text-align:left; padding-left:20px; padding-right:20px;}
.kjpbc_dmb .kjpbc_table thead th.kjpbc_program {width:807px;}
.kjpbc_table tbody td.kjpbc_bora {text-align:left; padding-left:20px; padding-right:20px;}
.kjpbc_table tbody td .stt_icn_t_bora {margin-left:0;}
.kjpbc_table tbody td.kjpbc_review a:hover [class^="stt_sbtn_"] {text-decoration:underline}
.kjpbc_pro_cross td.kjpbc_program {padding-left:44px !important; position:relative;}
.kjpbc_proicn_cross {position:absolute;top:0; left:0; background:#e0e0e0;  width:24px; height:100%; display:block; min-height:42px;}
.kjpbc_proicn_cross .stt_icn_change {position:absolute; top:50%; margin-top:-10px; margin-left:0}
.kjpbc_guest {font-weight:bold; color:#757882; margin-left:7px;}
.kjpbc_table .stt_icbox {margin-left:0 !important}
.kjpbc_pro_link {color:#666;font-size: 17px;}
a.kjpbc_pro_link:hover {text-decoration:underline; color:#222;}
.kjpbc_time_w {position:relative;font-size: 17px;padding-left: 20px;}
.kjpbc_ampm {position:absolute; top:50%; left:calc(50% - 37px); display:block; width:20px; height:13px; margin-top:-6px; font-size:11px; font-weight:normal; color:#3784e0; text-align:left; line-height:normal; overflow:hidden;}
.kjpbc_table_pm td,.kjpbc_table_pm th {border-top:4px solid #dfdfdf !important;}
.kjpbc_tnow td,.kjpbc_tnow th {background:#f5f9fe !important;}


@media all and (max-width:1280px) {
.kjpbc_week {display: none;}
.kjpbc_day_w {width:100%;margin: 0 auto 25px auto;}
.kjpbc_day_list {width:100%;box-sizing: border-box;}
.kjpbc_dlist {width:100%;}
.kjpbc_dlist li {width:100%;}
.kjpbc_dlist li a {padding:0;}
.kjpbc_lday {font-size: 16px;}
}

@media all and (max-width:1024px) {
.kjpbc_day_w {margin: 0 auto 20px auto;}
.kjpbc_dlist {border-radius: 0;}
.kjpbc_dlist li {padding:0 3px;}
.kjpbc_dlist li.current {padding:0;border-radius:0;}
.kjpbc_dlist li a {flex-direction: column;font-size: 12px;}
.kjpbc_dlist li.current a {min-width: 45px;}
.kjpbc_lday {display:block;margin-right:0px;font-size: 12px;text-align: center;}
.kjpbc_day_list {padding: 0 15px;}
.kjpbc_ltoday {display:none;}
.btn_kjpbc_tprev, .btn_kjpbc_tnext {width:15px;border-radius: 0px;}
.b_kjpbc_tprev, .b_kjpbc_tnext {width:15px;}
.kjpbc_table thead th {font-size: 15px;padding: 12px;}
.kjpbc_table tbody td,.kjpbc_table tbody th {font-size: 15px;padding: 12px;}
.kjpbc_time_w {padding-left:0px;font-size: 15px;}
.kjpbc_ampm {position: relative;top:inherit;left:inherit;margin: 0 auto;}
}


/* -------- 서브 공통 -------- */
.subTitle01 {text-align:center;font-size:33px;line-height:1.36; font-weight:600;letter-spacing:-1px;color:#151515;}
.subTxt01 {text-align:center;font-size:23px; line-height:1.5;font-weight: 300;letter-spacing:-0.5px;color:#444;margin:15px 0;}
.subBar {width: 1px;/*height: 73px;*/background: #ddd;margin: 40px auto;}
.subFullImg {position:relative;overflow:hidden;line-height:0;width:100%;height:340px;background-repeat: no-repeat;background-position: center top;background-color: #f8f8f8;}
.subFullTxt {width: 100%;padding: 55px 0;box-sizing: border-box;background: #f8f8f8;font-size: 23px;line-height: 1.7;letter-spacing: -0.5px;color: #444;font-weight: 500;text-align: center;}
.subFullTxt ul {display: flex;gap: 55px;margin: 0 auto;width: fit-content;}
.subFullTxt ul.subFullList2 {width: 1100px;flex-wrap: wrap;gap: 5%;}
.subFullTxt ul.subFullList2 li:nth-child(odd) {width: 35%;text-align: left;}
.subFullTxt ul.subFullList2 li:nth-child(even) {width: 60%;text-align: left;}
.subFullTxt ul.subFullList2 li:nth-child(3), .subFullTxt ul.subFullList2 li:nth-child(4) {margin-top:10px;}
.subFullTxt ul li {font-size: 23px;line-height: 1.5;letter-spacing: -0.5px;color: #444;font-weight: 300;} 
.subFullTxt ul li b {font-weight: 600;color: #151515;margin-right: 5px;} 
.subTxtBox {width: 100%;padding: 55px 50px;box-sizing: border-box;background: #f8f8f8;font-size: 23px;line-height: 1.7;letter-spacing: -0.5px;color: #444;font-weight: 300;}
.subTxtBox ul {width: fit-content;margin: 0 auto;}
.subTxt02 {font-size: 19px;line-height: 2;letter-spacing: -0.5px;color: #444;font-weight: 400;}
.subTxt03 {font-size: 27px;line-height: 1.6;letter-spacing: -1px;color: #444;font-weight: 600;}
.flex-cont { display:flex;margin-bottom:60px; }
.flex-cont:last-child {margin-bottom:0;}
.flex-cont .left-cont { width:calc(100% - 900px); }
.flex-cont .right-cont { width:900px; }
.flex-cont .right-cont p {
  font-size: 19px;
  line-height: 2;
  letter-spacing: -0.5px;
  color: #444;
  font-weight: 400;
}
.flex-cont .right-cont .img-box {
  text-align: center;
  width: 100%;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 15px 0 10px 0;
  margin: 0px 0 20px 0;
  border-radius: 5px;
}
.listenA-btn-box {display: flex;width: fit-content;margin: 0 auto 40px auto;background: #f2f2f2;border-radius: 45px;}
.listenA-btn01, .listenA-btn02 {transition: all .2s;padding: 0 15px;height: 45px;font-size: 17px;border-radius: 45px;background: #f2f2f2;color:#828282;box-sizing: border-box;line-height: 46px;font-weight: 500;}
.listenA-btn01:hover, .listenA-btn01-on {background: #304881;color:#fff;}
.listenA-btn02:hover, .listenA-btn02-on {background: #304881;color:#fff;}

.mb-90 {margin-bottom:-90px;}

@media all and (max-width:1700px) {
.subFullTxt {padding: 55px 3%;}
}

@media all and (max-width:1280px) {
.subTitle01 {font-size: 27px;}
.subTxt01 {font-size: 20px;}
.subBar {margin: 30px auto;}
.subFullImg {width: calc(106% + 4px);margin-left: calc(-3% + -2px);}
.subFullTxt {width: calc(106% + 4px);margin-left: calc(-3% + -2px);font-size: 20px;padding: 55px 20px;word-break: keep-all;}
.subFullTxt ul li {font-size: 20px;}
.subTxt02, .subTxt03 {font-size: 17px;line-height: 1.6;}
.flex-cont {flex-direction: column;}
.flex-cont .left-cont {width:100%;margin-bottom: 10px;}
.flex-cont .right-cont {width:100%;}
.flex-cont .right-cont p {font-size: 16px;}
.flex-cont .right-cont .img-box {margin: 0px 0 15px 0;}
.listenA-btn-box {margin: 0 auto 30px auto;}
.listenA-btn01, .listenA-btn02 {padding: 0 7px;font-size: 16px;height: 40px;line-height: 41px;}
}

@media all and (max-width:1024px) {
.subFullTxt ul.subFullList2 {width:100%;}
.listenA-btn-box {width:100%;flex-wrap: wrap;gap:1px;border-radius: 0;background: none;}
.listenA-btn-box > a {width:calc(50% - 0.5px);}
.listenA-btn01, .listenA-btn02 {width:100%;text-align:center;font-size: 14px;letter-spacing:-0.5px;height: 30px;line-height: 31px;border-radius: 0;padding:0;}

.mb-90 {margin-bottom: -64px;}
}

@media all and (max-width:768px) {
.subTitle01 {font-size: 20px;word-break: keep-all;}
.subTxt01 {font-size: 17px;word-break: keep-all;}
.subTxt02, .subTxt03 {font-size: 15px;}
.subBar {margin: 20px auto;}
.subFullImg {height: 140px;background-size: cover;}
.subFullTxt {padding: 25px 15px;font-size: 16px;    line-height: 1.5;}
.subFullTxt ul {flex-direction: column;gap: 5px;}
.subFullTxt ul li {font-size: 16px;}
.subFullTxt ul.subFullList2 li {width:100% !important;text-align:center !important;}
.subFullTxt ul.subFullList2 li:nth-child(3), .subFullTxt ul.subFullList2 li:nth-child(4) {margin-top:0px;}
.subTxtBox {padding: 30px 25px;font-size: 16px;}

.flex-cont .right-cont .img-box img {max-width:100%;}
.flex-cont .right-cont p {font-size: 15px;line-height:1.6;}
.mb-90 {margin-bottom:-65px;}
}



/* -------- 뉴스 -------- */
.news-list-wrap {display: flex; gap: 80px;}
.news-list {width: 1120px;}
.news-list-L {
  display: flex;
  gap: 40px;
  margin-bottom:40px;  
}
.news-list-L-img {
  width: 38%;
  height: 0;
  overflow: hidden;
  padding-bottom: 25%;
  position: relative;
  border-radius: 5px;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
}
.news-list-L-img img {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.0);
  transition:.2s;
}
.news-list-L-txt-box {
  width:calc(62% - 40px);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.news-list-L-tit {
  font-size: 29px;
  line-height: 1.34;
  font-weight: bold;
  color: #000;
}
.news-list-L-txt {font-size: 17px; line-height:1.7;color: #666;}
.news-list-L-txt02 {/*margin-top: 20px;*/font-size: 16px; line-height:1.7;color: #000;}
.news-list-L:hover .news-list-L-tit {color:#666;}
.news-list-L:hover .news-list-L-img img {transform: scale(1.1);}

.news-list-R {width: 100%;padding: 40px 0;border-top:1px solid #dcdcdc;display: flex;flex-direction: column;gap: 20px;}
.news-list-R ul li {
  position: relative;
  display: flex;
  gap: 30px;
  width: 100%;
}
.news-list-R-img {
  position: relative;
  width: 28%;
  height: 0;
  padding-bottom: 20%;
  border-radius: 5px;
  overflow: hidden;
  min-width:200px;
}
.news-list-R-img img {
  position: absolute;
  left: 0;
  width: 100%;
  object-fit: cover;
  height: 100%;
  transition: .2s;
  transform: scale(1.0);
}
.news-list-R-txt-box {position: relative;width:calc(72% - 30px);}
.news-list-R-tit {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.2px;
  line-height: 1.68;
  margin-bottom: 5px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.news-list-R-txt {font-size: 17px; line-height:1.7;color: #666;}
.news-list-R-txt02 {position: absolute; bottom: 0;font-size: 16px; color: #000;}
.news-list-R ul li:hover .news-list-R-tit { color: #666;}
.news-list-R ul li:hover .news-list-R-img img {transform: scale(1.1);}


@media all and (max-width:1700px) {
.news-list-wrap {gap:50px;}
.news-list {width: calc(100% - 370px);}
}

@media all and (max-width:1440px) {
.news-list-wrap {gap:0px;}
.news-list {width:100%;}
}

@media all and (max-width:1024px) {
.news-list-L {gap: 20px;margin-bottom: 20px;}
.news-list-L-img {
  position: relative;
  height: 0;
  border-radius: 5px;
  overflow: hidden;
  width:200px;
  padding-bottom: 130px;
}
.news-list-L-txt-box {position: relative; width: calc(100% - 220px);gap: 0;}
.news-list-L-tit, .news-list-R-tit {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.2px;
  line-height: 1.68;
  margin: 0 0 5px 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.news-list-L-txt, .news-list-R-txt {font-size: 14px;}
.news-list-L-txt02, .news-list-R-txt02 {font-size: 14px;margin-top:10px;}
.news-list-R {padding: 20px 0;}
.news-list-R ul li {gap:20px;}
.news-list-R-img {width:200px;padding-bottom: 130px;}
.news-list-R-txt-box {width:calc(100% - 220px);}
.news-list-R-txt02 {position:relative;margin-top:10px;}
}

@media all and (max-width:768px) {
.news-list-L, .news-list-R ul li {flex-direction: column;}
.news-list-L-img, .news-list-R-img {width:100%;padding-bottom: 65%;}
.news-list-L-txt-box, .news-list-R-txt-box {width:100%;}

.write-date {font-size: 13px !important;}
}

/* -------- 연혁 -------- */
.history-con-wrap {position: relative; }
.history-percent-bar {position: absolute;top: 18px; left: 50%; margin-left:-1px; width:2px; height: calc(100% - 18px); background: rgba(0,0,0,0.1);}
.history-percent-bar .percent-bar-child {position: absolute;content: ""; width: 100%;  height: 0; background-color: #008fd5; z-index: 1;}
.history-percent-bar .percent-bar-child .point {width: 2px; height: 2px; position: absolute; left: 0; bottom: 0;}
.history-year-group-box {position: relative; display: flex; padding-bottom: 120px;}
.history-year-group-box:last-of-type {padding-bottom: 0;}
.history-year-group-box .history-dot {position: absolute; width: 36px; height: 36px; top: 0; left: 50%; transform:translateX(-50%);z-index: 1;}
.history-year-group-box .history-dot i {position: absolute; top: 50%; left: 50%;  transform:translate(-50%,-50%); width: 16px; height: 16px; border-radius: 50%; border: 3px solid #aaaa; background-color: #fff; box-sizing: border-box; transition:all 0.3s;}
.history-year-group-box .history-dot .circle {background:rgba(28, 46, 88, 0.1) ;border-radius: 50%;-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;left: 0;top: 0px;opacity: 0;margin: 0;width: 100%;height: 100%; }
.history-year-group-box.active .history-dot i {border: 4px solid #008fd5;}
.history-year-group-box.active .history-dot .circle { animation: history-circle 3s cubic-bezier(1, 2, 0.66, 3) infinite; }
.history-year-group-box .history-dot .circle:nth-child(2) {-webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.history-year-group-box .history-dot .circle:nth-child(3) {-webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
@keyframes history-circle {
 0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1; 
	}
	50% {
		opacity: 1; 
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0; 
	}
}
.history-year-group-tit-box {width: 50%; padding-right: 200px; box-sizing: border-box;}
.history-year-group-tit {font-size: 50px; font-weight: 700; letter-spacing: -0.02em; color:#000; line-height: 1.1; transition:all 0.4s;}
.history-year-group-box.active  .history-year-group-tit {color: #008fd5;}
.history-year-group-txt {font-size: 20px; font-weight: 500; letter-spacing: -0.05em; color: #000; line-height: 1.5; margin-top: 22px;}
.history-year-group-box .history-img-box {margin-top: 50px;overflow: hidden;line-height:0;display: block;position: relative; width: 100%;height: 0;padding-top: 58.6%;border-radius: 6px; }
.history-year-group-box .history-img-box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover}
.history-year-group-box .history-img-list .slick-dots {display: flex; justify-content: center; padding-top: 20px;}
.history-year-group-box .history-img-list .slick-dots li {margin: 0 7px;}
.history-year-group-box .history-img-list .slick-dots li button {width: 7px; height: 7px; border-radius: 7px; font-size: 0; background-color: #d9d9d9; transition:all 0.3s;}
.history-year-group-box .history-img-list .slick-dots li.slick-active button {background-color: #000;}

.history-year-list-box {width: 50%; padding-left: 110px; box-sizing: border-box;}
.history-year-item {padding-bottom: 45px;}
.history-year-item:last-of-type {padding-bottom: 0;}
.history-year-item .history-year strong {display: block; font-size: 30px; font-weight: 700; letter-spacing: -0.05px; color: #000; margin-bottom: 12px;}
.history-year-item .history-month-item {display: flex; margin-bottom: 12px;}
.history-year-item .history-month-item:last-of-type {margin-bottom: 0;}
.history-year-item .history-month-item .history-month {width: 60px; font-size: 16px; font-weight: 600; letter-spacing: -0.05px; color: #000; line-height: 1.8;}
.history-year-item .history-month-item .history-month-long {width:120px;}
.history-year-item .history-month-item .history-detail-txt-con {width: calc(100% - 40px);}
.history-year-item .history-month-item .history-detail-txt {position: relative; padding-left: 10px; font-size: 17px; font-weight: 400; letter-spacing: -0.5px; color: #000; line-height: 1.625;word-break: keep-all;}
.history-year-item .history-month-item .history-detail-txt + .history-detail-txt {margin-top: 5px;}
.history-year-item .history-month-item .history-detail-txt:before {position: absolute; top: 12px; left: 0; content: ''; width: 4px; height: 4px; border-radius: 4px; background-color: #AAA;}

@media all and (max-width:1280px){
	.history-year-group-tit-box {padding-right:120px;}
}
@media all and (max-width:1024px){
	.history-year-group-tit {font-size: 24px;}
	.history-year-item {padding-bottom: 45px;}
	.history-year-item .history-year strong {font-size: 20px;margin-bottom: 20px;}
	.history-year-group-txt {font-size: 16px;}
	.history-year-item .history-month-item .history-month, .history-year-item .history-month-item .history-detail-txt {font-size: 16px;}
}
@media all and (max-width:768px){
	.history-page {padding: 0 0 100px;}
	.history-percent-bar {left: 18px;}
	.history-year-group-box {display: block;}
	.history-year-group-box .history-dot {left: 0; transform: translateX(0);}
	.history-year-group-tit-box {width: 100%; padding-left: 60px; padding-right: 0;}
	.history-year-group-box .history-img-box {margin: 30px 0;}
	.history-year-list-box {width: 100%; padding-left: 60px;}
	.history-year-group-box {padding-bottom: 100px;}
}



/* -------- 선생님,단원 소개 -------- */
.intro-people {width:100%;background:#f8f8f8;margin: -60px 0 -90px 0;padding:65px 0 45px 0;box-sizing:border-box;}
.intro-people-box {display: flex;gap: 25px;flex-wrap: wrap;margin-bottom:40px;}
.intro-people-box > div {width: calc(33.33% - 17px);background: #fff;border-radius: 10px;padding: 43px 40px;box-sizing: border-box;display: flex;gap: 25px;flex-wrap: wrap;}
.intro-people-img {line-height: 0;width: 120px;}
.intro-people-img img {width: 100%;}
.intro-people-txt {}
.intro-people-txt p {font-size: 23px;line-height: 1;letter-spacing: -0.5px;color: #151515;font-weight: 600;margin-bottom: 10px;}
.intro-people-txt span {font-size: 20px;line-height: 1.5;letter-spacing: -0.5px;color: #444;font-weight: 300;}

.intro-teacher {margin-top:0px;}
div.intro-teacher-box {width:100%;gap: 40px;}
div.intro-teacher-box .intro-people-img {width:200px;}
div.intro-teacher-box .intro-people-txt {width:calc(100% - 250px)}

@media all and (max-width:1700px) {
.intro-people {padding: 65px 3% 45px;}
}

@media all and (max-width:1280px) {
.intro-people {width: calc(106% + 4px); margin: -50px 0 -70px calc(-3% + -2px);}
}

@media all and (max-width:1024px) {
.intro-people {margin: 0px 0 -70px calc(-3% + -2px);}
.intro-people-txt p {font-size: 19px;}
.intro-people-box > div {padding: 35px 30px;}
.intro-people-txt span {font-size: 16px;}
div.intro-teacher-box .intro-people-img {width: 20%;}
div.intro-teacher-box .intro-people-txt {width: calc(80% - 40px);}
}

@media all and (max-width:768px) {
.intro-people {padding: 35px 5% 45px;}
.intro-people-box {gap: 10px;margin-bottom: 20px;}
.intro-people-box > div {flex-direction: column;width: calc(50% - 5px);padding: 20px 18px;}
.intro-people-img {margin: 0 auto;}
.intro-people-txt p {font-size: 18px;}
.intro-people-txt span {font-size: 15px;}
div.intro-teacher-box {width:100%;}
div.intro-teacher-box .intro-people-img {width: auto;}
div.intro-teacher-box .intro-people-txt {width: 100%;}
}


/* 오시는 길 */
.map_txt_box {background:#f2f2f2; padding:30px 40px; overflow:hidden; }

.info_box { display:table; width:100%;}
.info_box ul {display:table-row}
.info_box li {display:table-cell; list-style:none;text-align:center;}
.info {padding:16px 0 5px;display: inline-block;margin: 0 auto;text-align:left;}
.info div {list-style:none; position:relative; padding-left:90px; position:relative;font-size:17px; color:#000; margin-bottom:10px; line-height:1.2;}
.info div b {font-size:17px;font-weight:bold;}
.info .tel {font-size:17px;}
.info .txt { font-size:17px; color:#333337; position:absolute; top:0; left:0; letter-spacing:0.5px;margin:0;}
.info .bar {display:none;position:absolute; top:3px; left:60px; width:1px; height:13px; background:#d8d8dc;}
.info .letter3 {letter-spacing:0px;line-height:1.2;}

.map_wrap { padding:20px 30px; border-bottom:1px solid #c0c0c0; font-size:17px; font-weight:400; }
.map_wrap ul { overflow:hidden; }
.map_wrap ul li { float:left; height:43px; line-height:43px; box-sizing:border-box; }
.map_wrap ul li label { position:absolute; left:0; top:0; width:60px; height:100%; vertical-align:top; border:1px solid #c0c0c0; border-right:none; color:#898989; text-align:center; box-sizing:border-box; }
.map_wrap ul li input { height:100%; vertical-align:top; box-sizing:border-box; }
.map_wrap ul li input.text { display:inline-block; width:100%; background:#fff; padding:0 15px; border:1px solid #c0c0c0 !important; border-radius: 0;}
.map_wrap ul li.mapTit { width:14%; color:#2f2a29; padding-left:10px;}
.map_wrap ul li.mapStart { position:relative; width:39%; padding:0 30px 0 60px; background:url('../images/bg_mapArrow.png') 98% center no-repeat; box-sizing:border-box; }
.map_wrap ul li.mapStart .text::-webkit-input-placeholder { color:#898989; }
.map_wrap ul li.mapStart .text::-moz-placeholder { color:#898989; }
.map_wrap ul li.mapStart .text: -ms-input-placeholder { color:#898989; }
.map_wrap ul li.mapArrival { position:relative; width:46%; padding:0 100px 0 60px; }
.map_wrap ul li.mapArrival .btn { position:absolute; right:0; top:0; width:90px; font-size: 15px;background:#008fd5; color:#fff; border: 0 none;cursor: pointer;text-align: center;}

.traffic_wrap {display: flex; align-items: self-start; justify-content:space-between ;}
.traffic_list{width:70%;}
.traffic_list > li{border-top:1px solid #707070; padding:40px 0; } 
.traffic_list > li:last-child {padding-bottom:0;}
.traffic_list > li h5 {
  font-size: 21px;
  letter-spacing: -1px;
  font-weight: 500;
  color: #262626;
  margin-bottom: 15px;
}
.traffic_list > li h6 {
   font-size: 17px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #262626;
  margin-bottom: 15px;
}
.traffic_list > li .txt{display:flex; align-items: center;}
.traffic_list > li .txt-park {flex-direction: column;align-items: baseline;gap:10px;margin-top: 25px !important;}
.traffic_list > li .txt + .txt {margin-top: 10px}
.traffic_list > li .txt p{
  font-size: 17px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #262626;
}
.traffic_list > li .txt-park p {line-height: 1.7;}
.traffic_list > li .txt-park p b {font-size: 18px;font-weight: bold;margin-bottom:2px; display: inline-block;}
.traffic_list > li .txt span{
  font-size:14px;
  font-weight:500;
  min-width: 30px;
  display:flex; 
  align-items: center; 
  justify-content: center; 
  margin-right:12px; 
  line-height:1;
  color:#fff;
  padding:5px 10px; 
  border-radius:30px; 
}
.traffic_list > li .txt-park .color-span {color: #e3730f;}
.traffic_list > li .txt span.park{background:#000; border-radius:50%; width:25px;min-width: 25px; height:25px;margin-top: 3px;box-sizing:border-box;padding:0;}
.traffic_list > li .txt span.subway{background:#0e7342;}
.traffic_list > li .txt span.bus1{background:#4BA0E2; }
.traffic_list > li .txt span.bus2{background:#E3730F;}
.traffic_list > li .txt span.bus3{background:#E17537;}
.park-map {line-height: 0;margin-bottom: 25px;}
.park-map img {width: 100%;border: 1px solid #b2b2b2;box-sizing: border-box;}
.traffic_list > li .txt-park .dept04 {margin-top:-5px;}
.traffic_list > li .txt-park span.park {float:left;margin-right: 7px;}

@media screen and (max-width:1600px){
.root_daum_roughmap {width:100% !important;}
}

@media screen and (max-width:1024px){

.map_txt_box {padding: 25px 25px 10px 25px;}
.info {padding: 0px;width: 100%;}
.info div {margin-left: 0;line-height: 20px;padding-left:0;margin-bottom: 15px;}
.info .letter3 {display: block;position: relative;margin-bottom: 5px;}

.map_wrap ul li.mapTit { display:none; }
.map_wrap ul li.mapStart { width:45%; }
.map_wrap ul li.mapArrival { width:55%; }
}
@media screen and (max-width:768px){
.map_wrap { padding:20px 20px; font-size:14px;}
.map_wrap ul li.mapStart { width:100%; padding:0 0 0 60px; background:none; }
.map_wrap ul li.mapArrival { width:100%; margin-top:10px; }
.map_wrap ul li.mapArrival .btn {font-size: 14px;}

.traffic_wrap {flex-direction: column;}
.traffic_list {width:100%;}
.traffic_list > li {padding: 20px 0;}
.traffic_list > li h5 {font-size: 18px;margin-bottom: 10px;}
.traffic_list > li .txt p {font-size: 15px;}
}
@media screen and (max-width:479px){
.map_wrap { padding:20px 0px; }
.map_wrap ul li label { width:50px; }
.map_wrap ul li.mapStart { padding:0 0 0 50px; }
.map_wrap ul li.mapArrival { padding:0 100px 0 50px; }
.map_wrap ul li input.text { padding:0 10px; }

}




@media all and (max-width:1024px) {
.w100 {width:100% !important;}

ul.agree-flow li {background:none !important;}

.list_search_inp {width:100%;padding: 20px;box-sizing: border-box;}

table.pyo-flex {}
table.pyo-flex col {width:100% !important;}
table.pyo-flex tr {display: flex;flex-direction: column;}
table.pyo-flex tr th {width:100%;}
table.pyo-flex tr td {width:100%;}
table.pyo-flex td.R {/*border-right:none;*/}
table.pyo-flex .flex-none {display:none;}
select {font-size: 15px;}

table.pyo-join tr {display: grid;}
input[type="text"], input[type="password"], input[type="date"] {width: 100%; box-sizing: border-box;padding:0 5px;font-size: 15px;}
input[type="text"]#zipcode {width: 120px;}
input[type="text"]#m_id, input[type="text"]#m_email01 , input[type="text"]#m_email02  {margin-bottom:5px !important;}
input[type="text"]#userTel01, input[type="text"]#userTel02, input[type="text"]#userTel03  {width:60px !important;}
.flex-wrap {flex-direction: column;align-items: baseline;}
.select-wrap {flex-wrap: wrap;gap: 5px;}

.pg_faq > ul > li div.q a span.question {padding: 10px 20px; font-size: 17px; letter-spacing: -0.5px;}
.pg_faq > ul > li div.q a, .pg_faq .q a.active {background-position-x:calc(100% - 20px);}
.pg_faq > ul > li .a {padding: 0 20px 30px 20px;}
.pg_faq_txt {font-size: 16px;}

.boardform_top {padding: 40px 30px;font-size: 19px;}
.down-btn a {font-size: 16px;padding: 12px 20px;}

.esg-cm-table td, .esg-cm-table td.L, .esg-cm-table td.R {padding: 10px;font-size: 16px;}
.esg-cm-table td.bold {font-size: 16px;}

.w1000_wrap {width: 100%;overflow-x: scroll;padding-top: 30px;margin-top: -20px;background: url('../images/table-icon.png')no-repeat 100% 0%;background-size: 25px;}
table.pyo1000 {width:1000px;}


.dept03 li {font-size: 16px;padding-left: 12px;}
.dept03 li::before {top:12px;width: 4px;height: 4px;}
.dept04 li  {font-size: 16px;padding-left: 12px;}
}

@media all and (max-width:768px) {
.pb60 {padding-bottom:40px;}

.pyo_wrap {width: 100%;overflow-x: scroll;}
table.pyo900 {width:900px;}
input[type=text]#postTitle {width:92% !important;}
textarea {width:100%;}

#map_canvas {height:250px;}

.checkMsg02_wrap {width:95%;}
.checkMsg02 {width:90%;}
.checkMsg02 p.checkTxt01 {font-size: 17px;}
.checkMsg02 p.checkTxt02, .checkMsg02 p.checkTxt02 b {font-size: 15px;}

.tbl_view #xboard_content_editor img {width:100%;height: auto;}

h2 {font-size:20px;letter-spacing: -1.5px;}
h2.v {margin: 0 0px 10px 0px;font-size:20px;letter-spacing: -1.5px;}
h3 {margin: 0 0px 7px 0px;font-size:18px;line-height: 1.4;letter-spacing:0px;}
h4.v {font-size: 17px;}

.root_daum_roughmap {width:100% !important;height:400px !important;}
.root_daum_roughmap .wrap_map {height:400px !important;}
.info {padding: 0px;width: 100%;}
.info div {margin-left: 10px;line-height: 20px;}

.map_txt_box {padding:25px 15px 10px 15px;}
.info .txt, .info div, .info div b, .info .tel {font-size: 15px;}

.list_search_inp {padding: 15px;}
.list_search_inp label select {width: 80px; height: 30px;font-size: 13px; padding: 0 7px; }
.list_search_inp input#searchInput {width: calc(100% - 145px); height: 30px;font-size: 13px;}
.list_search_inp input[type="image"] {height:30px;}

table.pyo col {width:auto !important;}
table.pyo th {font-size:14px;padding: 8px 4px;}
table.pyo td, table.pyo td.L{padding:8px 4px; font-size:14px;word-break: break-word;}
table.pyo td ul li { font-size:14px;line-height: 1.5;background-position-y:8px;margin-left:0;}
table.pyo td ul.dept03 li::before {top: 10px;width: 3px;height: 3px;left: 3px;}
table.pyo .mob_none {display:none;}
table.pyo td.title {width: 70%;} 
table.pyo td.writer {border-right:none;word-break:keep-all;}
.pyo-ref {font-size: 14px;line-height: 1.5;}
.pyo-ref img {}
.right02 {display:block;float:none;margin:0;text-align:center;}
.tbl_view th, .tbl_view td strong {font-size:14px;}
.tbl_view th, .tbl_view td {font-size:14px;padding: 8px;}
.tbl_view td a {font-size:14px;}
.tbl_style_01 tbody th, .tbl_style_01 tbody th label {padding-left:0px;font-size: 16.5px;}
input[type=text]#addr01 {margin-bottom:5px;}



.boardform_top4 {font-size: 17px;padding: 30px;}

.photoList02 .photoPost {width: calc(50% - 10px);margin-bottom: 0;}
.photoList02 .photoPost a.title {width: calc(100% - 10px);padding: 0 5px;font-size: 15px;line-height: 40px;}
.photoList02 .photoPost::after {bottom: 40px;}

#smart_editor2 {width:100% !important;}

.loginform button, .join_btn_wrap button[type="submit"], .loginform .submit, .loginform .submit-gr, .join_btn_wrap .submit, .join_btn_wrap .submit-bl {
  height: 55px;
  line-height: 54px;
  font-size: 16px;}

.button_area_mt-65 {margin: -53px 0 0 0;text-align: left;}
.button_st_03 {padding: 5px 12px;  width: inherit;  font-size: 13px;}
.button_st_04 {padding: 7px 30px; font-size: 14px;}

.join_btn_wrap button[type="submit"], .join_btn_wrap .submit {width: 300px;}
.loginform {width: calc(100% - 50px);padding: 40px 25px;border-radius:35px;}
.login-info {font-size: 18px;line-height: 26px;margin-bottom:25px;}
.login_fieldset02 p {font-size: 18px;line-height: 26px;}
h3.title {float:none;font-size: 19px;}
.guide_txt {float:none;margin: -5px 0 15px 0;  line-height: 1.2;  font-size: 16px;}
ul.agree-flow {margin-bottom:40px;}
ul.agree-flow li {font-size: 15px;}
ul.agree-flow li i.deco {top: 29px;right: -10px;background-size: 7px;}
.join-info {font-size: 17px;line-height: 26px;margin-bottom:25px;border-radius:35px;}
.join-info .join-info-tit {margin-bottom:10px;}
.join-info .join-info-tit02 {font-size:26px;margin:5px 0 10px 0;letter-spacing:0px;}
.input_text {max-width: 160px;}
.tbl_style_join {}
.tbl_style_join tr {display: flex;flex-direction: column;}
.tbl_style_join th, .tbl_style_join td {width:100%;}
.boardform_top {font-size: 17px;padding: 25px 15px;}

.board-agree h3 {font-size: 16px;padding: 15px 20px;}
.agreement-article {padding: 15px 20px;}
.agreement-article p {font-size:14px;}
.board-agree .agree-check {font-size: 16px;padding: 15px 20px;}

.esg-cm-table-mobile {width: 100%;overflow-x: scroll;padding-top: 30px;margin-top: -20px;margin-bottom: 30px;background: url('../images/table-icon.png')no-repeat 100% 0%;background-size: 25px;}
.esg-cm-table-mobile .table-box {width:800px;}
.esg-cm-table-mobile .esg-cm-table {margin-bottom: 0px;}

.pg_faq li.show {border-radius: 35px;}

.paginate2 strong {width: 20px;height: 20px; line-height: 20px;}
.paginate2 img {width: 20px;height: 20px;}
.paginate2 span, .paginate2 > a {width: 20px;height: 20px; line-height: 20px;margin: 0px 3px;}
}