@charset "utf-8";

.d_width {position: relative;  z-index: 99;width:1520px;margin:0 auto;}

@media (max-width: 1600px) {
  .d_width {width: 94%;}
  }

@media (max-width: 768px) {
  .d_width {width: 90%;}
}

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;}
select {border:1px solid #c6c6c6;color:#333;font-size:17px;height:36px;padding:0 0px 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:33px;color: #727272;}
.center09{text-align:center;margin: 0px auto;font-weight: 400; }
.right{text-align:right;font-size:18px; line-height:30px;letter-spacing:-1pt;margin-top: 20px;/*font-weight:bold; */}
.bold{font-weight:bold}
.txt99{font-size:21px; line-height:1.7;letter-spacing:-1px;margin-left: 10px;color: #8099b9}
.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:-2px;text-align:center;}
h2.v {margin:0 0px 10px 0px;font-size:30px; font-weight:bold;letter-spacing:-2px;text-align:left;color: #00969e;}
h3 {margin:0 0px 11px 0px;font-size:24px; font-weight:bold;letter-spacing:-1px;}
h3.v {margin:-4px 0px 7px 0px;font-size: 19px;font-weight:bold;letter-spacing:-1px;color: #f26522;}
h3.t {margin:0 0px 7px 0px;font-size:26px; font-weight:bold;letter-spacing:-1px;}
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;}
h5 {
margin: 15px 0 10px 0px;
  padding: 0 0 10px 0px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.5pt;
  color: #111;
  border-bottom: 1px solid #868686;}

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

.quotes_tit77 {position:relative;font-size: 40px; text-align: center; line-height: 1.3; font-weight: 500; letter-spacing: -2px; width: fit-content; margin: 0 auto 40px auto; color: #252525;}
.quotes_tit77:before {position: absolute;content: '';width: 50px;height: 50px;background: url('../images/quotes_start.png')no-repeat;background-size: 45px;left: -60px;top: -22px;}
.quotes_tit77:after {position: absolute;content: '';width: 50px;height: 50px;background: url('../images/quotes_end.png')no-repeat;background-size: 45px;right: -40px;top: 60px;}
.quotes_tit77.p_0501_tit:after {right: -17px;}
.quotes_tit77.p_0502_tit:after {right: 35px;}
.quotes_tit77.p_1002_tit:after {right: -65px;}

.quotes_tit77.quotes_tit772:before {left: -45px;}
.quotes_tit77.quotes_tit772:after {right: -68px;}



/* ¸®½ºÆ® */
.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:14px;margin:0px 0 3px 0px;font-size:18px;line-height:1.7;letter-spacing:-1px;font-weight: 400;word-break: keep-all;}
.dept03 li:before {
	content: '';
	position: absolute;
	top: 13px;
	left: 0;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #111;
	}
.dept03 li span {font-size:18px;line-height:1.7;letter-spacing:-0.5pt;font-weight: 400;}
.dept03 li a {}
.dept03 li a:hover {text-decoration:underline;}
.dept033 li {position: relative;padding-left:14px;margin:0px 0 3px 0px;font-size:19px;line-height:1.7;letter-spacing:-1px;font-weight: 400;word-break: keep-all;}
.dept033 li:before {
	content: '';
	position: absolute;
	top: 14px;
	left: 0;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #111;
	}
.dept03 li b {font-weight:700 !important;}
.dept04 li {position: relative;margin:4px 0 3px 0px;padding-left:12px; font-size:18px;font-weight: 300;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;}
.dept044 li {position: relative;margin:4px 0 3px 12px;padding-left:12px;background:url('../images/carrow_5th.gif') 0 10px no-repeat; font-size:17px;font-weight: 400;line-height:25px;letter-spacing:-0.5px;}
.dept044 li:before {
	content: '';
	position: absolute;
	top: 13px;
	left: 0;
	display: block;
	width: 6px;
	height: 1px;
	background-color: #111;
	}
.dept05 li {margin:4px 0 3px 0px;padding-left:0px;font-size: 18px; line-height: 1.7; letter-spacing: -1px; /*text-align: justify;*/ font-weight: 400;}
.dept06 > li {position: relative;margin:0px 0 3px 0px;padding-left:12px;font-size:18px;font-weight: 400;line-height:1.7;letter-spacing:-0.5px;}
.dept06 > li:before {
	content: '';
	position: absolute;
	top: 14px;
	left: 0;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #111;
	}

.dept07 > li {position: relative;margin:0px 0 3px 0px;padding-left:20px;font-size:18px;font-weight: 400;line-height:1.8;letter-spacing:-0.5px;}
/*.dept07 > li:before {
	content: '';
	position: absolute;
	top: 14px;
	left: 30px;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #111;
	}
*/
.dept08 > li {position: relative;margin:0px 0 3px 0px;padding-left:0px;font-size:18px;font-weight: 400;line-height:1.8;letter-spacing:-0.5px;}


/* Ä÷¯ */
.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:20px;;letter-spacing:-1pt; text-align:center;font-weight: 400;color: #252525}
.red08{ line-height:38px; margin-bottom:0px;font-size:24px;;letter-spacing:-1pt; text-align:center;font-weight: 500}
.red06{font-weight:bold;font-size: 16.5px;letter-spacing: -1px; line-height:23px;color:#e5403d; }
.red07{font-weight:normal;color:#910000; }
.red09{font-weight:bold;color:#023671}
.f-blue{color:#002886;}
.orange{ color:#C13600;}
.green{color:#0c9ca5}
.nor{font-weight: normal;}

.p_0101 {font-size: 18px;  line-height: 1.7;letter-spacing: -0.5px;	text-align:justify;font-weight: 400;}

.p_0102 {
	overflow: hidden;
	background: #f8f8f8;
	border-radius: 15px;
	margin:20px 0;
	font-size: 20px;
	line-height: 34px;
	padding: 45px;
	font-weight: 400;
	letter-spacing: -0.5px;}

/* °Ô½ÃÆÇ */
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.pyo.cen{text-align:center;}
table.pyo img {vertical-align:middle;}
table.pyo th {padding:20px; color:#111; border-bottom: 1px solid #aaa;background:#f3f3f3;font-weight:700; text-align:center; font-size:17px;line-height: 1.4;border-right: 1px solid #aaa;}
table.pyo th:first-child {border-left:1px solid #aaa;}
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 #aaa;  padding:20px;font-weight: 400;  text-align:center;  line-height:1.6;font-size:17px;border-right: 1px solid #aaa;}
table.pyo td:first-child {border-left:1px solid #aaa;}
table.pyo td.gray {background-color: #f2f4f8;font-weight:500;}
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;}

.caption {font-size:13px;vertical-align:middle;padding-left:10px;text-align:left;line-height: 20px;padding-top: 7px;} 

table.pyo7 {font-size:15px; border-top:2px solid #929292; border-bottom:2px solid #929292; width:72%; margin:5px 0 0px 0px; letter-spacing:0pt; font-weight: normal;;margin: 0 auto;}
table.pyo7.cen{text-align:center;}
table.pyo7 img {vertical-align:middle;}
table.pyo7 th {border:1px solid #dfdfdf; height:40px; color:#444444; background:#f3f3f3; text-align:center; font-weight:bold;font-size:14px;}
table.pyo7 th.gray {border:1px solid #ebebeb; height:30px; color:#333333; background:#f8f8f8; text-align:center; font-weight:normal;}
table.pyo7 th.L {border-left:1px solid #ffffff;}
table.pyo7 th.L2 {border:1px solid #dfdfdf; height:40px; color:#444444; background:#f3f3f3; text-align:center; font-weight:bold;font-size:14px;border-bottom:1px solid #929292; }
table.pyo7 th.R {border-right:1px solid #ffffff;}
table.pyo7 td{border:1px solid #dfdfdf;  padding:10px 5px 10px 5px;  text-align:center; height:25px; line-height:140%;font-size:15px;}
table.pyo7 td.L{border:1px solid #dfdfdf;  padding:8px 5px 10px 15px; text-align:left; line-height:180%;}
table.pyo7 td.L2{border:1px solid #dfdfdf;  padding:10px 5px 10px 5px;  text-align:center; height:25px; line-height:140%;font-size:15px;border-bottom:1px solid #767676; }
table.pyo7 td.R {border:1px solid #dfdfdf; border-right:1px solid #ffffff; padding:3px 5px;}
table.pyo7 td.gray {border-right:1px solid #ffffff; font-weight:bold;}
table.pyo7 td ul li {margin-left:10px;}

table.pyo7 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;}
.pos-code {
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;
}

/* 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: 4rem*/}
.esg-cm-table.mt-25 {/*margin-top: 2.5rem;*/}
.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: 0.4rem; 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: var(--main-color);}
.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 20px auto;
  background: #f3f3f3;
  border-radius: 5px;
  width: 100%;
  padding: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.list_search_inp form {
	display: flex;
  justify-content: center;
  align-content: center;
  gap: 7px;}
.list_search_inp label {}
.list_search_inp label select {
	width: 90px;
  height: 40px;
  padding-left: 15px;
  background-position-x:calc(100% - 15px);
}
.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:20px 0; text-align:center; font-size:1em; line-height:1.1; clear: both;}
.paginate2 * {vertical-align:middle;}
.paginate2 span {display:inline-block; padding:5px 8px;}
.paginate2 a {color:#7e7e7e; margin:0px 2px; text-decoration:none; border:1px solid #ddd; width:25px; text-align:center; display:inline-block; padding:6px 0;}
.paginate2 strong  {color:#333; margin:0px 2px; text-decoration:none; border:1px solid #ddd; width:25px; text-align:center; display:inline-block; padding:6px 0;}
.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;  border:1px solid #ddd;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: 20px;color: #3c3c3c;line-height: 40px;font-weight: bold;}
.checkMsg02 p.checkTxt02, .checkMsg02 p.checkTxt02 b {font-size: 15px;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{font-weight:bold;color:#333;font-size:17px;}
.tbl_view tr:first-child th,.tbl_view table tr:first-child td{border-top:0 none;}
.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.tbl_navi{border-top-color:#333;}



/* ±Û¾²±â */

.table_area {clear:both;}
h3.title {float:left;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;}



/* ¹öÆ° */
.button_area {text-align:center;clear:both;}
.button_area_fl {text-align:center;float:left;}
.button_area_fr {text-align:center;float:right;}
.button_area_mt20 {display: flex;  justify-content: center;margin-top:20px;gap: 15px;}
.button_area_mt40 {display: flex;  justify-content: center;margin-top:40px;gap: 15px;}

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

.p_0101 a.icon-btn {
 color: #fff;
  border-color: #21bdc5;
  background: #21bdc5 url('../images/down-icon-w.png') no-repeat calc(100% - 22px) center;
  font-size: 17px;
  padding: 10px 50px 10px 25px;
  margin-top: 10px;
  }
.p_0101 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:18px;
	color:#c70000;
	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:17px;
	color:#000;
	padding:20px 25px;
}
.board-agree .agree-check label {font-size:16px;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: 200px;
  overflow-y: scroll;
    background: #f6f6f6;
	padding:20px 25px;
	font-size: 14px;
	line-height: 22px;
	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;
	}


/* Æ÷Åä°¶·¯¸® */
#smart_editor2{width:100% important}

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

.photoList .photoPost::after {
    position: absolute;
    z-index: 9;
    bottom: 50px;
    right: 1px;
    content: '';
    width: 0;
    height: 3px;
    background-color: #2888ff;
    transition: .3s;
}
.photoList .photoPost:hover::before {
  width: calc(100% - 2px);
}
.photoList .photoPost:hover::after {
  width: calc(100% - 2px);
}

.photoList .photoPost_img {
	position: relative;
	width: 100%;
	/*overflow: hidden;*/
	border: 2px solid #ddd;
	box-sizing: border-box;
	padding: 15px;
}
.photoList .photoPost_img a {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	height: 0;
  padding-bottom: 100%;
	}
.photoList .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);}

.photoList .photoPost_img::before {
    position: absolute;
    z-index: 9;
    top: 0px;
    left: -1px;
    content: '';
    width: 3px;
    height: 0;
    background-color: #2888ff;
    transition: .3s;
}
.photoList .photoPost_img::after {
    position: absolute;
    z-index: 9;
    bottom: 0px;
    right: -1px;
    content: '';
    width: 3px;
    height: 0;
    background-color: #2888ff;
    transition: .3s;
}
.photoList .photoPost:hover .photoPost_img::before {
  height: 100%;
}
.photoList .photoPost:hover .photoPost_img::after {
  height: 100%;
}
.photoList .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;
}

.photoList-L {border-top: 1px solid #ddd;padding-top: 20px;}
.photoList-L .photoPost {width:100%;display:flex;gap:40px;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 5px;}
.photoList-L .photoPost_img {width:240px;height: fit-content;border: 2px solid #ddd;}
.photoList-L .photoPost:hover .photoPost_img {border-color: #2888ff;}
.photoList-L .photoPost a.title {width:80%;text-align: left; font-size: 18px;line-height: 2;padding: 0;}
.photoList-L .photoPost::before, .photoList-L .photoPost::after, .photoList-L .photoPost_img::before, .photoList-L .photoPost_img::after {display:none;}
.photoList-L .detail-list {}
.photoList-L .detail-list li {text-align: left;font-weight: 400;line-height: 1.8;font-size: 16px;letter-spacing: -0.5px;color: #666;}
.photoList-L .detail-list li span.tit {font-weight:500;display: inline-block;margin-right: 5px;color: #111;}

.photoList-P .detail-list {display:none;}

.photoList .photoPostCer .photoPost_img a {padding-bottom: 140%;}

.photoList .photoPost2 {position:relative;background-color: #232733;transition:.2s;}
.photoList .photoPost2:hover {background-color: #002886;transition:.2s;}
.photoList .photoPost2 .photoPost_img {padding: 0;border:none;}
.photoList .photoPost2 a.title {width: calc(100% - 30px);padding: 0 15px 20px 15px;text-align: left;font-size: 18px;font-weight: 500;color:#fff;line-height: 75px;}
.photoList .photoPost2 .wdate {position: absolute;left: 15px;bottom: 25px;font-size: 13px;font-weight: 300;color: #fff;opacity: .7;letter-spacing: 0;}
.photoList .photoPost2::before, .photoList .photoPost2::after,
.photoList .photoPost2 .photoPost_img::before, .photoList .photoPost2 .photoPost_img::after {display:none;}



.conwrap{}
.conwrap .txtarea{box-sizing:border-box;}
.conwrap .txtarea h4{text-align: center;margin-bottom:35px;font-size:45px;color:#262626;font-weight:500;line-height:1.3em;letter-spacing: -3.5px;}
.conwrap .txtarea h4 span {font-weight:500;}



.story_top .tit_box { display: flex; align-items: center; justify-content: center; }
.story_top .tit { 
  position: relative; 
  display: inline-flex; 
  flex-direction: column;
  align-items: center; 
  justify-content: center; 
  font-size: 60px; 
  letter-spacing:-4px;
  font-weight: 700; 
  text-align: center; 
  line-height: 1.3;
}
.story_top .tit span {
    background: linear-gradient(to right, rgb(38,38,38) 50%, rgba(38,38,38,0.2) 50%);
    background-size: 200% 100%;
    background-position-x: 100%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    display: inline;
}
.story_top .tit b {
	font-size:30px;
	letter-spacing: -2.5px;
	background: linear-gradient(to right, rgb(42, 85, 141) 50%, rgba(42, 85, 141,0.3) 50%);
	background-size: 200% 100%;
    background-position-x: 100%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    display: inline;
}
.story_top .tit div {
	font-size:24px;
	letter-spacing:-1px;
	font-weight: 500;
	background: linear-gradient(to right, rgb(38, 38, 38) 50%, rgba(38,38,38,0.05) 50%);
	background-size: 200% 100%;
    background-position-x: 100%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    display: inline;
	margin-top:25px;
}
.story_top .wide_img {position:relative;width:100%;height:600px;overflow:hidden;margin-bottom: -24px;}
.story_top .wide_img .txt-wrap {position: absolute;top: 0;width: 100%;height: 100%;padding: 100px 0 70px 0;box-sizing: border-box;text-align: center;}
.story_top .wide_img .txt-wrap .txt-wrap-tit {font-size: 32px;letter-spacing: -2px;font-weight: 500;color: #fff;line-height: 1.5;}
.story_top .wide_img .txt-wrap .txt-wrap-bar {width: 1px;height: 48px;background: #fff;opacity: .4;margin: 30px auto 25px auto;}
.story_top .wide_img .txt-wrap .txt-wrap-txt {font-size: 20px;letter-spacing: -1px;color: #fff;line-height: 1.8;font-weight: 300;}
.story_top .wide_img .txt-wrap .txt-wrap-txt p {font-size: 23px;letter-spacing: -1px;color: #fff;font-weight: bold;}

.greeting {width: 100%;position: absolute;top:0;}
.greeting-tit {width: 1520px;margin: 30px auto;text-align: center;font-size: 45px;font-weight: 700;letter-spacing: -3px;color: #383838;line-height: 1.2;}
.greeting-tit span  {font-weight: 700;color: #002886;}
.greeting-txt {width: 1520px;margin: 0 auto 100px auto;text-align: center;font-size: 19px;line-height: 1.8;color: #727272;font-weight: 500;letter-spacing: -1px;}
.greeting-tit2 {width: 1520px;margin: 0 auto 20px auto;font-size: 32px;font-weight: 700;color: #383838;letter-spacing: -2px;}
.greeting-tit3 {display: flex;width: fit-content;font-size: 19px;background: #2888ff; color: #fff; padding: 3px 7px;margin-bottom:15px;}
.greeting-tit4 {display: flex;width: fit-content;font-size: 21px;font-weight:500;background: #010c2a; color: #fff; padding: 3px 7px;}
.gray-bg {background:#f3f3f3;padding:80px 0 0px 0;margin-bottom:0;}
.gray-bg2 {background:#f3f3f3;padding:80px 0;margin-bottom:-24px;}
.gray-bg3 {background:#f3f3f3;padding:80px 0 0px 0;margin-bottom:-24px;}

.flex-photo {display: flex;gap: 10px;}
.flex-photo img {width: 100%;}

.product-bg {padding:25px 0;background-image:linear-gradient(120deg, #000839 0%, #145997 80%);}
.product-bg .d_width {display: flex;gap: 40px;align-items: center;}
.product-top {position:relative;width: 50%;line-height: 0;overflow: hidden;}
.product-slide .swiper-slide:not(.swiper-slide-active) {opacity: 0 !important;}
.product-slide .swiper-slide.off {opacity: 0 !important;}
.product-slide-arrow {position:absolute;width: 100%;top: calc(50% - 25px); z-index: 1;}
.product-slide-arrow div {position: absolute;width: fit-content;cursor:pointer;opacity:.6;}
.product-slide-arrow div:hover {opacity:1;}
.product-slide-prev {left:20px;}
.product-slide-next {right: 20px;}
.product-txt-box {width: 50%;padding: 150px 30px;box-sizing: border-box;}
.product-eng {color: #2888ff;font-size: 32px;font-weight: 700;font-family: 'RobotoSemiCondensed';margin-bottom: 10px;}
.product-kor {font-size: 58px;letter-spacing: -2px;font-weight: 700;color: #fff;margin-bottom: 20px;line-height: 1.2;}
.product-kor span {font-size: 32px;line-height: 1;font-weight: 500;}
.product-txt {font-size: 19px;letter-spacing: -0.5px;color: #fff;line-height: 1.7;opacity:.6;word-break: keep-all;}
.product-bg2 {background:#030f1d;padding:110px 0 70px 0;}
.product-tit {font-size: 32px;letter-spacing: -2px;color: #fff;font-weight: 700;margin-bottom: 30px;}
.product-tit2 {font-size: 27px;letter-spacing: -1.5px;color: #fff;font-weight: 700;margin-bottom: 10px;}
.product-tit .txt99 {margin-left: 20px;}
.product-bg2 .product-txt {color:#fff;}
.product-bg2 .product-txt p {font-size: 18px;font-weight:bold;margin-bottom:5px;}
.product-ul-wrap {display: flex;gap: 35px;}
.product-ul {width: 25%;position:relative;}
.product-ul::before {content:'';position:absolute;width:1px;height:100%;right:-14px;background:rgba(255,255,255,.3);}
.product-ul:last-child::before {display:none;}
.product-ul ul li {font-size: 16.5px;}

.product-photo-wrap {display: flex;flex-wrap: wrap;gap: 40px;margin-bottom: 70px;}
.product-photo-wrap .flip-container {height:300px;width: calc(25% - 30px);}
.product-photo-wrap img {border-radius: 15px;}
.product-photo-wrap .flip-container .front {width:100%;line-height: 0;}
.product-photo-wrap .flip-container .front img {width:100%;cursor:pointer;}
.product-photo-wrap .flip-container .back {width:100%;line-height: 0;}
.product-photo-wrap .flip-container .back img {width:100%;cursor:pointer;}

.greeting-tit2 .txt99 {margin-left: 20px;}
.product-photo-wrap3 .flip-container {height:auto;width: calc(33.33% - 30px);}
.product-photo-wrap3 .flip-container p {font-size: 20px;font-weight: 600;letter-spacing: -1px;margin-bottom: 15px;}
.product-photo-wrap3 .flip-container .flipper { border-radius: 15px;height:300px;border: 1px solid #ddd;}
.product-photo-wrap3 .flip-container span {display: block;position:relative;font-size: 18px; font-weight: 400; letter-spacing: -1px; line-height: 1.6;margin: 20px 0 25px 0;word-break: keep-all;}
.product-photo-wrap3 img {}
.product-photo-wrap3 .flip-container .front, .product-photo-wrap .flip-container .back {display: flex;align-items: center;justify-content: center;}
.product-photo-wrap3 .flip-container .front img, .product-photo-wrap .flip-container .back img {width:auto;max-width: 100%;height:300px;}
.product-photo-wrap3 video {width: 100%;height: 300px;object-fit: cover;}

.fancybox-opened .fancybox-skin {padding:0 !important;border-radius: 0 !important;}
.fancybox-close {top:10px !important;}
.fancybox-title-over-wrap {bottom:0 !important;}

.service-wrap {display: flex;width: 100%;margin: 40px auto;}
.service-wrap li {width:33.33%;box-sizing: border-box;padding: 30px 50px;text-align: center;border-right: 1px solid #ddd;}
.service-wrap li:last-child {border:none;}
.service-wrap li img {}
.service-wrap li p {font-size:18px;font-weight:400;letter-spacing:-1px;line-height:1.7;color:#000;margin-top: 20px;word-break: keep-all;}
.gray-bg3 {background:#f6f6f6;margin-top: -5px;}
.gray-bg3 .service-wrap {padding:60px 0;margin:0 auto;}

.factory-wrap {display: flex;width: 100%;margin: 0px auto;padding:60px 0;}
.factory-wrap > div {width:33.33%;box-sizing: border-box;padding: 30px 50px;text-align: center;border-right: 1px solid #ddd;}
.factory-wrap > div:last-child {border:none;}
.factory-wrap > div p {text-align: left;color: #002886;font-size: 32px;font-weight: bold;letter-spacing: -1px;}
.factory-wrap > div ul {margin: 15px 0 30px 0;}
.factory-wrap > div ul li {text-align: left;}
.factory-img {display: flex;gap: 10px;flex-direction: column;}
.factory-img img {border-radius: 15px;}

.fac-img-wrap {display: flex;overflow: hidden;justify-content: space-between;margin-bottom:60px;gap: 25px;}
.fac-img-wrap li {width: 100%;}
.fac-img-wrap li img {border: 1px solid #aaa;max-width: 100%;box-sizing: border-box;}
.fac-img-wrap li p {font-size: 18px;font-weight: 500;letter-spacing: -1px;line-height: 1.6;margin-top: 5px;text-align: center;}
.fac-img-wrap3 {flex-wrap: wrap;justify-content: inherit;gap: 15px;margin-bottom:20px;}
.fac-img-wrap3 li {width: auto;text-align: center;}
.fac-img-wrap-flex {flex-wrap: wrap;margin-bottom:0;}
.fac-img-wrap-flex li {width:calc(25% - 42px);}
.fac-img-wrap-flex li.arr {width: fit-content;display: flex;align-items: center;margin-bottom: 38px;}

.client {display: flex; flex-wrap: wrap; gap: 30px;}
.client li {border:1px solid #ddd;box-sizing: border-box;width: calc(25% - 22.5px);}
.ct-img {line-height: 0;padding: 0px 25px;  box-sizing: border-box;}
.ct-img img {width: 100%;}

.p_0301_list {display: flex; gap: 60px;  align-items: center;position: relative;}
.p_0301_list-img {line-height: 0;}
.p_0301_list-txt {}
.p_0301_list p {font-size: 19px;font-weight: 500;margin-bottom: 5px;position: relative;padding-left: 17px;}
.p_0301_list p::before {
content: '';
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #254ffe;
}
.p_0301_list ul {}
.p_0301_list ul li {position: relative;text-align: left;font-size: 17px;letter-spacing: -0.5px;color: #414141;font-weight: 300;line-height: 1.6;padding-left: 17px;margin-left: 15px;}
.p_0301_list ul li::before {
content: '';
  position: absolute;
  top: 12.5px;
  left: 0;
  display: block;
  width: 7px;
  height: 1px;
  border-radius: 50%;
  background-color: #414141;
}

.p_0301_flex {display: flex;gap: 40px;margin-bottom:15px;justify-content: space-between;}
.p_0301_flex_L {width: 50%;display: flex;flex-direction: column;gap: 20px;}
.p_0301_flex_R {}

.recruit-wrap {
display: flex;
  width: 100%;
  gap: 50px;
}
.recruit-wrap:last-child {padding-bottom:0;margin-bottom:0;border:none;}
.recruit-tit {
font-size: 30px;
line-height: 1.3;
  font-weight: 500;
  letter-spacing: -2px;
  color: #383838;
  margin-bottom: 15px;
 }

.recruit-wrap-L {width: 265px;}
.recruit-wrap-R {
width: calc(100% - 315px);
display: flex;
  gap: 30px;
  flex-wrap: wrap;
 }
.recruit-img-wrap {text-align: center;width: calc(25% - 23px);}
.recruit-img-wrap img {width: 100%;margin-bottom: 10px;border-radius: 12px;background: #f0f0f0;}
.recruit-img-wrap p {
font-size: 20px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #252525;
}
.recruit-box {width: 100%;}
.recruit-list {display:flex;}
.recruit-list > div {display: flex;gap: 30px;gap: 30px;width: 33.33%; padding: 10px 70px; border-right: 1px solid #e0e0e0;}
.recruit-list > div:first-child {padding-left:0;}
.recruit-list > div:last-child {border:none;padding-right:0;}
.recruit-list-img {}
.recruit-list-txt {}
.recruit-list-txt p {
font-size: 27px;
  font-weight: 700;
  letter-spacing: -1.5px;
  color: #002886;
  margin-bottom: 10px;
  text-align:center;
}


.tabSubMenuWrap {border-bottom:1px solid #ccc;}
.tabSubMenu {width:1200px; margin:0 auto;display: flex;justify-content: space-between;}
.tabSubMenu > div {width: 100%;text-align: center;}
.tabSubMenu > div > a {position:relative;font-size: 18px;letter-spacing: -1px;font-weight: 500;display: block;padding: 20px 0;color: #111;height: 70px; box-sizing: border-box;}
.tabSubMenu > div > a::before {
  position: absolute;
  bottom: -3px;
  left: 50%;
  width: 0;
  height: 5px;
  background-color: #2888ff;
  content: "";
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.tabSubMenu > div > a:hover::before, .tabSubMenu > div.active > a::before {width: 100%; margin-left: -50%;}
.tabSubMenu > div.active > a {font-size: 26px;color: #023671;line-height: 1;}

@media (max-width:1240px) {
.tabSubMenu {width:100%}
}

.p0201 {margin: 0px 0 -24px 0;}
.p0201 .grid { position:relative; height:500px; background-color:#fafafa}
.p0201 .grid .is-xlarge { max-width:1440px; margin:0 auto;height: 100%;display: flex;align-items: center;}
.p0201 .grid .background { position:absolute; top:0; width:50%; height:500px; background-position:right top;background-size: cover;}
.p0201 .module { position:relative; width:50%; padding:0px 0 0 0px; -webkit-box-sizing:border-box; box-sizing:border-box}
.p0201 .module2 { position:relative; width:50%; padding:0px 0 0 20px; -webkit-box-sizing:border-box; box-sizing:border-box}
.p0201 .sub-title {margin: 0;font-size: 30px;letter-spacing: -2.5px;line-height: 1.3;color:#023671;margin-bottom:15px;}
.p0201 p.desc {margin: 5px 0 0;color: #666666;line-height: 1.7;font-size: 17px;letter-spacing:0pt;}
.p0201 .grid.nth-child-1 .module {  padding-right:10%;}
.p0201 .grid.nth-child-1 .background { right:0; background-image:url('../images/p_0201_01.jpg')}
.p0201 .grid.nth-child-2 .module { left:50%; padding:0px 20px 0 10%}
.p0201 .grid.nth-child-2 .background { right:50%;background-image:url('../images/p_0201_02.jpg')}
.p0201 .grid.nth-child-3 .background {background-image:url('../images/p_0201_03.jpg')}
.p0201 .grid.nth-child-4 .background {background-image:url('../images/p_0201_04.jpg')}
.p0201 .grid.nth-child-5 .background {background-image:url('../images/p_0201_05.jpg')}

.p0201 ul.list { margin-top:25px}
.p0201 ul.list li { position:relative; padding-left:11px; color:#666; font-size:17px; line-height:1.7;letter-spacing:0pt;}
.p0201 ul.list li:before { content:''; position:absolute; top:12px; left:0; display:block; width:4px; height:4px; border-radius:50%; background-color:#666}

@media (max-width:1600px) {
.p0201 .grid.nth-child-1 .module {padding: 0 60px;}
.p0201 .grid.nth-child-2 .module {padding: 0 60px;}
}

@media (max-width:1280px) {
.p0201 .grid, .p0201 .grid .background {height: 420px;}
}

@media (max-width:1024px) {
.p0201 .grid {display:flex;flex-direction: column-reverse;height: auto;gap: 30px;}
.p0201 .grid.nth-child-2 {flex-direction: column;}
.p0201 .grid .background {position:relative;}
.p0201 .grid .is-xlarge {width:100%;}
.p0201 .grid .background {width:100%;height: 240px;}
.p0201 .grid.nth-child-2 .background {right:0;}
.p0201 .module {width: 100%;margin-bottom: 30px;}
.p0201 .grid.nth-child-2 .module {left:0;}
.p0201 .sub-title {font-size: 24px;}
}

@media (max-width:768px) {
.p0201 .grid .background {height: 175px;}
.p0201 .grid.nth-child-1 .module, .p0201 .grid.nth-child-2 .module {padding: 0 25px;}
.p0201 .sub-title {font-size: 20px;letter-spacing: -2px;}
}



.develop-tit {text-align:center;font-size: 40px;letter-spacing: -3.5px;color:#252525;font-weight:500;margin-bottom:15px;}
.develop-txt {text-align:center;font-size: 23px;letter-spacing: -1.7px;line-height: 1.6;color:#787878;}
.develop-box-bg01 {background-image: url('../images/p_0202_bg.jpg');}
.develop-box-bg02 {background-image: url('../images/p_0203_bg.jpg');}
.develop-box-bg03 {background-image: url('../images/p_0204_bg.jpg');}
.develop-box-bg {background-size: cover;background-repeat: no-repeat;background-position-x: center;}
.develop-box-wrap {width: 1520px; margin: 0 auto;display: flex;gap:40px;padding: 265px 0 130px 0;}
.develop-box {width: 100%;background: rgba(255,255,255,.7);border-radius: 10px;padding: 45px 50px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}
.develop-box p {font-size: 27px;letter-spacing: -2.5px;line-height: 1.3;color:#023671;font-weight:500;margin-bottom:15px;}

@media all and (max-width:1600px) {
.develop-box-wrap {width:90%;padding:265px 5% 130px  5%;}
}

@media all and (max-width:1280px) {
.develop-tit {width: 90%;  margin: 0 auto 15px auto;font-size: 36px;letter-spacing: -3px;word-break: keep-all;}
.develop-txt {width: 90%;  margin: 0 auto;font-size: 21px;word-break: keep-all;}
.develop-box-wrap {padding: 180px 5% 80px 5%;gap: 25px;}
.develop-box {padding: 40px;}
}

@media all and (max-width:1024px) {
.develop-tit {font-size: 27px;letter-spacing: -2.5px;}
.develop-txt {font-size: 19px;letter-spacing: -1.5px;}
.develop-box-wrap {padding: 45px 5%;gap: 15px;flex-direction: column;}
.develop-box {padding: 30px 25px;}
.develop-box p {font-size: 24px;letter-spacing: -2px;}
}


@media all and (max-width:1600px) {
.conwrap .txtarea h4 {font-size: 36px;}
.conwrap .txtarea p {font-size: 20px;}
.conwrap .phtarea {width:40%;}
.conwrap .phtarea img {width:100%;}
.recruit-wrap {gap:0;}
.recruit-box img {width:100%;}
.recruit-wrap-L {width: 200px;}
.recruit-wrap-R {width: calc(100% - 200px);}
.recruit-list > div {padding: 10px 40px;}

.greeting-tit {width: 94%;margin: 0 auto 45px auto;font-size: 36px;letter-spacing: -2.5px;}
.greeting-txt {width: 94%;margin: 0 auto 155px auto;}
.greeting-tit2 {width: 100%;font-size:27px;margin: 0 auto 30px auto;font-size: 30px;}
.quotes_tit77 {font-size: 30px;}
.quotes_tit77::before {left: -45px;background-size: 35px;}
.quotes_tit77::after {background-size: 35px;}
.center04 {width:94%;margin-left:auto;margin-right:auto;}

.product-top {width:50%;}
.product-top img {width:100%;}
.product-txt-box {padding: 120px 80px;}
.product-photo-wrap {gap: 30px;}
.product-photo-wrap .flip-container {width:calc(25% - 23px);}
.product-photo-wrap img {width:100%;}

.product-photo-wrap3 .flip-container {width:calc(33.33% - 20px);}
.product-photo-wrap3 .flip-container .flipper {height: 240px;}
.product-photo-wrap3 .flip-container .front img, .product-photo-wrap3 .flip-container .back img {height: 240px;}
.product-photo-wrap3 video {height: 240px;}

.factory-wrap > div p {font-size: 27px;}

.client {gap: 25px;}
.client li {width: calc(25% - 19px);}

.recruit-img-wrap p {line-height: 1.4; word-break: keep-all;}
}

@media all and (max-width:1440px) {
.story_top .tit {font-size: 50px;}
.story_top .tit div {font-size: 21px;}
.story_top .wide_img {height:auto;}
.story_top .wide_img img {width:120%;margin-left:-10%;}
.story_top .wide_img .txt-wrap {padding: 60px 40px;}
.story_top .wide_img .txt-wrap .txt-wrap-tit {font-size: 30px;line-height: 1.4;margin-bottom: 30px;}
.story_top .wide_img .txt-wrap .txt-wrap-bar {display:none;}
.story_top .wide_img .txt-wrap .txt-wrap-txt {line-height: 1.7;}
}

@media all and (max-width:1280px) {
.conwrap .txtarea h4 {font-size: 32px;}

.product-photo-wrap3 .flip-container .flipper {height: 185px;}
.product-photo-wrap3 .flip-container .front img, .product-photo-wrap3 .flip-container .back img {height: 185px;}
.product-photo-wrap3 video {height: 185px;}

.factory-wrap > div {padding: 30px 30px;}

.recruit-list > div {padding: 10px 30px;}
.recruit-list-img {width:30%;}
.recruit-list-img img {width:100%;}
.recruit-list-txt p {font-size: 24px;}

.story_top .wide_img {height: fit-content;}
.story_top .wide_img img {display:none;}
.story_top .wide_img .txt-wrap {position: relative;padding: 60px;}
.story_top .wide_img .txt-wrap .txt-wrap-tit {color:#262626;}
.story_top .wide_img .txt-wrap .txt-wrap-bar {background:#262626;}
.story_top .wide_img .txt-wrap .txt-wrap-txt, .story_top .wide_img .txt-wrap .txt-wrap-txt p {color:#262626;}
}

@media all and (max-width:1024px) {
.gray-bg {padding: 60px 0 0 0;}
.gray-bg2 {padding: 60px 0;}
.gray-bg3 {padding: 60px 0 0 0;}

.conwrap {flex-direction: column;align-items: center; margin: 0 auto;}
.conwrap .phtarea {width: auto; max-width: 100%;margin-bottom: 40px;}
.conwrap .txtarea {width:100%;}
.conwrap .txtarea h4 {font-size: 30px;margin-bottom: 20px;}
.conwrap .txtarea p {font-size: 18px;margin-bottom: 20px;}
.conwrap .txtarea b {margin-top: 40px; font-size: 22px;}

.greeting {position: relative;}
.greeting-tit {font-size: 24px;letter-spacing: -1.5px;word-break: keep-all;line-height: 1.3;margin: 0 auto 20px auto;}
.greeting-txt {font-size: 17px; line-height: 1.5;margin: 0 auto 40px auto;}
.greeting-tit2 {font-size: 22px;margin: 0 auto 15px auto;}

.flex-photo {flex-wrap:wrap;}
.flex-photo img {width: calc(50% - 5px);}

.product-bg {padding: 60px 0;}
.product-txt-box {padding: 80px 50px;}
.product-slide-arrow div {width:20px;}
.product-eng {font-size: 22px;margin-bottom: 5px;}
.product-kor {font-size: 32px;  letter-spacing: -1.5px;margin-bottom: 15px;}
.product-txt {font-size: 17px;}
.product-bg2 {padding: 80px 0 50px 0;}

.product-tit {font-size: 22px;  margin: 0 auto 15px auto;}
.product-photo-wrap {gap: 20px;} 
.product-photo-wrap .flip-container {height: auto;}
.product-photo-wrap .flip-container .front {display:none;}
.product-photo-wrap3 .flip-container .front img, .product-photo-wrap .flip-container .back img {height: auto;}

.service-wrap {margin: 30px auto;flex-direction: column;}
.service-wrap li {width:100%;border-right:none;border-bottom:1px solid #ddd;padding: 25px 0px;}
.service-wrap li p {font-size: 17px;line-height: 1.6;margin-top: 15px;}
.greeting-tit2 .txt99 {margin-left: 10px;}
.product-photo-wrap3 .flip-container .flipper {height: 120px;}
.product-photo-wrap3 .flip-container .front img, .product-photo-wrap3 .flip-container .back img {height: 120px;}
.product-photo-wrap3 video {height: 120px;}
.gray-bg3 .service-wrap {padding:40px 0;}

.factory-wrap {flex-direction: column;padding: 40px 0;}
.factory-wrap > div {width: 100%;padding: 0 15px 30px 15px;margin-bottom: 30px;border-right:none;border-bottom:1px solid #ddd;}
.factory-wrap > div p {font-size: 24px;}
.factory-wrap > div:last-child {margin:0;padding-bottom:0;}
.fac-img-wrap {flex-wrap: wrap;justify-content: center;gap: 15px;}
.fac-img-wrap li {width: calc(33.33% - 12px);text-align: center;}
.fac-img-wrap li p {font-size: 16px;}
.fac-img-wrap-flex li {width: calc(25% - 40.5px);}

.client {gap: 15px;}
.client li {width: calc(33.33% - 10px);}

.product-ul-wrap {flex-direction: column;}
.product-ul {width: 100%;}
.product-ul::before {width: 100%;height: 1px;right: 0;bottom: -19px;}
.product-bg2 .product-txt p {font-size: 17px;line-height: 1.4;word-break: keep-all;}
.product-ul ul li {font-size: 15px; line-height: 1.5;word-break: keep-all;}

.greeting-tit3 {font-size: 17px;letter-spacing: -0.5px;font-weight:500;}
.greeting-tit4 {font-size: 17px;letter-spacing: -0.5px;font-weight:500;}
.p_0301_list {display: flex; flex-direction: column;gap: 25px;}
.p_0301_list img {max-width:540px;width:100%;position: relative;top: inherit !important;margin: 0 auto;}
.p_0301_list p {font-size: 17px;}
.p_0301_list ul li {font-size: 15px; line-height: 1.5;}
.p_0301_list ul li::before {top: 10.5px;}
.p_0301_flex {flex-direction: column-reverse;gap:20px;}
.p_0301_flex_L, .p_0301_flex_R {width:100%;}
.p_0301_flex_R img{width:100%;}

.recruit-wrap {flex-direction: column;gap: 25px;}
.recruit-wrap-L {width:100%;}
.recruit-wrap-R {width:100%;gap: 15px;}
.recruit-tit {font-size: 27px;letter-spacing: -1.5px;margin-bottom: 10px;}
.recruit-img-wrap {width: calc(25% - 12.5px);}
.recruit-list-txt p {font-size: 24px;}

.story_top .tit {font-size: 30px;   letter-spacing: -2px;}
.story_top .tit b {font-size: 24px;}
.story_top .tit div {font-size: 19px;  word-break: keep-all;}
.story_top .wide_img .txt-wrap {padding: 40px 4% 60px 4%;}
.story_top .wide_img .txt-wrap .txt-wrap-tit {font-size: 21px;letter-spacing: -1.5px;word-break: keep-all;}
.story_top .wide_img .txt-wrap .txt-wrap-txt {font-size: 18px;line-height: 1.8;word-break: keep-all;}
.story_top .wide_img .txt-wrap .txt-wrap-txt p {font-size: 19px;}

.tabSubMenu > div > a {font-size: 17px;height: auto;}
.tabSubMenu > div.active > a {font-size: 17px;}
.tabSubMenu > div > a::before {height: 2px;bottom:-2px;}
}


@media all and (max-width:768px) {
.gray-bg {padding: 45px 0 0 0;}
.gray-bg2 {padding: 45px 0;}
.gray-bg3 {padding: 45px 0 0 0;}
.quotes_tit77 {font-size:24px;}
.quotes_tit77::before {top: -10px;left: -30px;background-size: 25px;}
.quotes_tit77::after {top: 45px;background-size: 25px;}
.center04 {font-size: 17px;line-height: 1.6;word-break: keep-all;margin-bottom: 0;}

.product-bg .d_width {flex-direction: column;}
.product-top {width:90%;margin-left: 0;}
.product-txt-box {width:90%;padding: 0;}

.product-bg2 {padding: 50px 0 20px 0;}
.product-photo-wrap {flex-wrap: wrap;gap: 10px;margin-bottom: 40px;}
.product-photo-wrap .flip-container {width: calc(50% - 5px);}

.gray-bg3 .service-wrap {padding:30px 0;}

.client {gap: 10px;}
.client li {width: calc(50% - 5px);}

.fac-img-wrap {gap: 12px;}
.fac-img-wrap li {width: calc(50% - 6px);}
.fac-img-wrap-flex {flex-direction: column;}
.fac-img-wrap-flex li {width:100%;}
.fac-img-wrap-flex li.arr {transform: rotate(90deg); justify-content: center; width: 100%;margin:0;}

.conwrap .txtarea h4 {font-size: 24px;letter-spacing: -2px;word-break: keep-all;}
.recruit-tit {font-size: 21px;font-weight:bold;}
.recruit-txt {font-size: 17px; line-height: 1.5;}
.recruit-wrap-R {flex-direction: column;gap: 0px;}
.recruit-img-wrap {width: 100%;}
.recruit-img-wrap img {margin-bottom: 5px;}
.recruit-img-wrap p {font-size: 18px;}
.recruit-list {flex-direction: column;}
.recruit-list > div {width:100%;border:none;border-bottom:1px solid #e0e0e0;padding:15px !important;box-sizing: border-box;}
.recruit-list > div:first-child {padding-top:0 !important;}
.recruit-list > div:last-child {padding-bottom:0 !important;}
.recruit-list-txt {width:100%;}
.recruit-list-txt p {font-size: 21px;margin-bottom: 5px;}
.recruit-list-txt span {font-size: 17px; line-height: 1.5;}
.recruit-list-img {width: 20%;}

.tabSubMenuWrap {border:none;margin-bottom:15px;}
.tabSubMenu {flex-direction: column;gap:5px;}
.tabSubMenu > div > a {font-size: 16px;padding:7px 0;background:#f8f8f8}

}




.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:15px; color:#000; margin-bottom:10px; line-height:18px;}
.info div b {font-size:15px;font-weight:bold;}
.info .tel {font-size:16px;}
.info .txt { font-size:15px; 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:20px;}

.map_wrap { padding:20px 30px; border-bottom:1px solid #c0c0c0; font-size:15px; 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; 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; background:#2888ff; color:#fff; border: 0 none;cursor: pointer;text-align: center;}

@media screen and (max-width:1024px){
.root_daum_roughmap {width:100% !important;}
.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:767px){
.map_wrap { padding:20px 20px; }
.map_wrap ul li.mapStart { width:100%; padding:0 0 0 60px; background:none; }
.map_wrap ul li.mapArrival { width:100%; margin-top:10px; }
}
@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; }
}



.history_wrap{display:inline-block;box-sizing:border-box;width:100%;margin:0;padding:0px 0 0;}
.history_wrap .his_title{position:relative;box-sizing:border-box;width:100%;height:270px;margin-bottom:80px;padding:100px 20px;text-align:center;}
.history_wrap .his_title span{display:inline-block;width:30%;margin-top:-12px;text-shadow:0px 0px 5px rgba(0,0,0,0.3); color:#fff;font-size:16px;font-weight:300;text-align:left;}
.history_wrap .his_title b{margin-right:110px;text-shadow:0px 0px 5px rgba(0,0,0,0.3); color:#fff;font-size:40px;font-weight:500;}
.history_wrap .his_title b:after{position:absolute;width:69px;height:64px;margin:-50px 0 0;content:'';}
.history_wrap .history{display:inline-block;position:relative;width:100%;margin:0;padding:0;background:none;}
.history_wrap .history:before{position:absolute;height:calc(100% + 40px);margin:0 0 0 50%;padding:0;border-left:1px solid #e3e4e5;content:'';}
.history_wrap .history dt{position:relative;z-index:0;margin:0 auto;text-align:center;}
.history_wrap .history dt + dd{margin-top:114px;}
.history_wrap .history dd{box-sizing:border-box;width:100%;}
.history_wrap .history dd.box_left{position:relative;float:left;padding-right:52%;text-align:right;}
.history_wrap .history dd.box_right{position:relative;float:right;padding-left:52%;text-align:left;}
.history_wrap .history dd.box_left img {position:absolute;top:0px;right:1.5%;width:565px;}
.history_wrap .history dd.box_right img {position:absolute;top:0px;left:1.5%;width:565px;}
.history_wrap .history dd strong{font-family: 'RobotoSemiCondensed';display:inline-block;position:relative;margin-bottom:30px;padding:0;color:#2888ff;font-size:45px;line-height:34px;}
.history_wrap .history dd strong span {  font-weight: bold;font-size:42px;}
.history_wrap .history div.txt{margin-top:7px;padding:0;color:#1a25a9;font-size:17px;line-height:34px;font-weight: bold;}
.history_wrap .history dd strong:before{position:absolute;top:50%;width:28px;height:39px;content:'';transform:translateY(-50%);}
.history_wrap .history dd.new strong:before{position:absolute;top:50%;width:28px;height:39px;content:'';transform:translateY(-50%);}
.history_wrap .history dd.new:before{position:absolute;left: 50%;height:118px;margin-top:-120px;border-left:1px solid #2888ff;content:'';}
.history_wrap .history dd.new strong:after{border-bottom:1px solid #0c2e86;}
.history_wrap .history dd.box_left strong,.history_wrap .history dd.box_left ul{margin-right:35px;}
.history_wrap .history dd.box_right strong,.history_wrap .history dd.box_right ul{margin-left:32px;}
.history_wrap .history dd.box_left strong:before{right:-50px;}
.history_wrap .history dd.box_right strong:before{left:-45px;}
.history_wrap .history dd ul {}
.history_wrap .history dd ul li{position:relative;display: flex;align-items: center;min-height:auto;font-size:20px;letter-spacing: -1.2px; margin:0px 0 3px 0px;word-break: keep-all;padding-left:11px;/*color: #727272*/}
.history_wrap .history dd ul li:before { content:''; position:absolute; top:calc(50% - 2px); left:0; display:block; width:4px; height:4px; border-radius:50%; background-color:#666}
.history_wrap .history dd ul li .red05 {font-size:23px;letter-spacing: 0;font-family: 'RobotoSemiCondensed';}
.history_wrap .history dd ul li .red06 {line-height:25px;padding-bottom:10px}
.history_wrap .history dd.box_right ul li{position:relative;}
.history_wrap .history dd.box_right ul span{display:block;float:left;margin:2px 10px 0px 0;font-weight: bold;white-space: nowrap;}
.history_wrap .history dd.box_right ul span.web_br {float:none;margin:0;}
.history_wrap .history dd.box_right ul p{/*float:left;*/margin:0;padding:0;}
.history_wrap .history dd.box_left ul li{position:relative;display:flex;flex-direction: row-reverse;align-items: center;padding:0 11px 0 0;}
.history_wrap .history dd.box_left ul li:before {left:inherit;right:0;}

.history_wrap .history dd.box_left ul p{display:block;float:left;width:calc(100% - 48px);margin:0;line-height:22px}
.history_wrap .history dd.box_left ul span{display:block;float:right;font-weight: bold;white-space: nowrap;margin: 0 0 0px 10px;}
.history_wrap .history dd.box_left ul span.web_br {float:none;margin:0;}
.history_wrap .history dd ul li + li{margin-top:5px;}
.history_wrap .history dd + dd{margin-top:20px;}
.history_wrap .history dd ul li div:after{display:block;clear:both;content:'';}
.history_wrap .history dd.box_left ul em,.history_wrap .history dd.box_right ul em{display:block;}


@media all and (max-width:1420px) {
.history_wrap .history dt img {display:none;}
.history_wrap .history dd.box_right img {left:0;}
.history_wrap .history dd.box_left img {right:0;}
.history_wrap .history dd.box_right strong, .history_wrap .history dd.box_right ul {margin-left:12px;}
.history_wrap .history dd.box_left strong, .history_wrap .history dd.box_left ul {margin-right:12px;}
}


@media all and (max-width:1240px) {
.history_wrap .history::before {display:none;}
.history_wrap .history dd.new::before {margin-top:-90px;height:80px;}
.history_wrap .history dd.box_right {float: none;padding-left: 0%;}
.history_wrap .history dd.box_left {float: none;padding-right: 0%;text-align:left;}
.history_wrap .history dd.box_right img, .history_wrap .history dd.box_left img {position:relative;width:100%;top:0px;left:0;right:0;margin:15px 0 10px 0;}
.history_wrap .history dt + dd {margin-top:0px;}
.history_wrap .history dd.box_right strong, .history_wrap .history dd.box_right ul {margin-left:0px;}
.history_wrap .history dd.box_left strong, .history_wrap .history dd.box_left ul {margin:0px;}
.history_wrap .history dd strong {font-size:27px;margin-top:10px;margin-bottom:15px !important;}
.history_wrap .history dd strong span {font-size:26px;}
.history_wrap .history dd ul li + li {margin-top:7px;}
.history_wrap .history dd.box_right ul span.web_br {display:none;}
.history_wrap .history dd.box_left ul span.web_br {display:none;}
.history_wrap .history dd ul {margin-bottom:30px !important;}
.history_wrap .history dd ul.last {margin-bottom:0px !important;}
.history_wrap .history dd.box_left ul span {float: left;margin:0 10px 0 0;}
.history_wrap .history dd.box_left ul li {padding:0 0 0 11px;}
.history_wrap .history dd.box_left ul li::before {left: 0;right:inherit;}
.history_wrap .history dd ul li .red05 {font-size: 18px;}

.history_wrap .history dd.box_right ul span, .history_wrap .history dd.box_left ul span {max-width: max-content;min-width: 90px;text-align: left;}
.history_wrap .history dd.box_left ul li {flex-direction: row;}
.history_wrap .history dd ul li {font-size: 17px;}
}



.flex-wrap {display:flex;gap:30px;}


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

@media all and (max-width:1024px) {
.w100 {width:100%;}
.w90 {display: block;width:90%;margin:0 auto;}

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;}
input[type="text"], input[type="password"], input[type="date"] {width: 100%; box-sizing: border-box;}
.flex-wrap {flex-direction: column;align-items: baseline;}
.select-wrap {flex-wrap: wrap;gap: 5px;}

.sub-search-wrap {margin-bottom:10px;}
.search-box {flex-direction: column;float:none;width:100%;height: auto;padding: 20px 5% 30px 5%;}
.search-tit {float:none;width:100%;height:auto;font-size:24px;line-height: 34px;text-align:center;background:none;margin:0 0 12px 0;}
.search-select {width: 50%;height: 42px;margin: 0 1% 0 0;font-size: 14px;padding: 0 20px 0 10px;}
.search-form {height: 42px;}
.search-form #search-form-text {padding: 0 30px 0 10px;font-size: 14px;}
.search-form #search-form-btn {top: 13px;right: 10px;width: 18px;}
.search-form #search-form-btn img {width:100%;}

.historic-site-list {width:33.33%;}
.historic-site-s-title {font-size: 17px;}
.historic-site-title {font-size: 20px;margin: 3px 0 7px 0;}
.historic-site-add {font-size: 16px;}
.historic-site-desc {margin-top: 20px; font-size: 16px; line-height: 1.7;}

.location_detail{flex-direction:column;gap: 15px;}
.location_detail .parking_info{width:100%;}
.location_detail .parking_info .data_cell {padding: 30px 20px 30px 110px;}
.location_detail .icon {width:50px;margin-top:-25px;}
.location_detail .icon img {width:100%;}

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

.p_0502 {padding: 60px 0;}
.p_0502 .down-btn {margin: 25px 0 40px 0;}
.his_list_wrap {gap: 20px; margin-top: 60px; flex-direction: column;}
.his_list_wrap > p {font-size: 27px;}
.his_list {width:100%;}
.his_list .p_box h3 {font-size: 27px;}

.p_0503 {padding: 60px 0;}
.p_0503_top {gap: 40px;margin: 0 auto 40px auto;}
.p_0503_tit {font-size: 27px;letter-spacing: -2px;line-height: 1.4;}
.p_0503_txt {font-size: 19px;}

.flex_con_wrap li a span {font-size: 17px;}
.flex_con_wrap li a b {font-size: 19px;}
.flex_con_wrap li:first-child a b {left: -7%;}
.flex_con_wrap li:last-child a b {left: 4%;}

.quotes_tit {font-size: 19px;letter-spacing: -1px;word-break: keep-all;margin-bottom:30px;}
.quotes_tit:before, .quotes_tit:after  {display:none;}

.red08 {line-height: 1.7; font-size: 19px;}

.flex_con_time li {width: calc(20% - 23px);}
.time_con .flex_con {margin:40px 0 0;gap: 20px;}
.time_con .flex_con .tit {font-size: 24px;min-width: 100px;}
.time_con .flex_con ul {width:calc(100% - 100px);}

.caption {margin-top: 0;margin-right: 35px;}
}

@media all and (max-width:900px) {
.right {text-align:left;}

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

.tbl_view img {width:100%;}

h2.v {margin: 0 0px 10px 0px;font-size:21px;letter-spacing: -1.5px;}
h3 {margin: 0 0px 5px 0px;font-size:19px;letter-spacing:0px;}
h4.v {font-size: 18px;}

.p_0101 {font-size: 16px;}
.dept03 li {font-size: 16px;}
.dept033 li {font-size: 17px;}
.dept033 li::before {top: 12.5px;}
.dept04 li  {font-size: 16px;}

.down-btn {flex-direction: column;gap: 7px;}
.down-btn a  {width:100%;box-sizing: border-box;}
.down-btn a.icon {padding: 15px 30px;}
.p_0503 .down-btn {gap: 7px;}

.flex_con_time li {width: calc(25% - 23px);}
}


@media all and (max-width:768px) {
.search-box form {flex-wrap: wrap;gap: 5px;}
.search-select {margin: 0;width:calc(50% - 2.5px);}
.search-form #search-form-text {min-width: inherit;}

.paginate2 a {width: 18px;padding:0;font-size: 12px;line-height: 31px;}
.paginate2 span.next, .paginate2 a.next, .paginate2 span.next2, .paginate2 a.next2, .paginate2 span.pre, .paginate2 a.pre, .paginate2 span.pre2, .paginate2 a.pre2 {width: 15px;padding:0;}
.paginate2 img {width:100%;}

table.pyo col {width:auto !important;}
table.pyo th {font-size:15px;padding:7px;}
table.pyo td{padding:7px 5px; font-size:14px;}
table.pyo td ul li { font-size:14px;line-height: 21px;background-position-y:8px;margin-left:0;}
.right02 {display:block;float:none;margin:0;text-align:center;}

.tbl_style_01 tbody th, .tbl_style_01 tbody th label {padding-left:0px;font-size: 16.5px;}

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

.photoList {gap:10px;}
.photoList .photoPost {width: calc(50% - 5px);margin-bottom: 0;}
.photoList .photoPost a.title {width: calc(100% - 15px);padding: 0 7.5px 15px 7.5px;font-size: 15px;line-height: 40px;}
.photoList .photoPost2 .wdate {left: 7.5px; bottom: 10px;}
.photoList .photoPost::after {bottom: 40px;}
.photoList .photoPost_img {border: 1px solid #aaa;}
.photoList-L .photoPost_img {width: 100px;min-width: 100px;height: fit-content;}
.photoList-L .photoPost {width:100%;gap: 15px;}
.photoList-L .photoPost a.title {width: 100%;line-height: 1;}

#smart_editor2 {width:100% !important;}

.list_search_inp {padding: 15px;}
.list_search_inp label select {width: 70px; height: 30px;font-size: 14px; padding-left: 10px; background-position-x: calc(100% - 10px);}
.list_search_inp input#searchInput {width: calc(100% - 145px); height: 30px;font-size: 14px;}
.list_search_inp input[type="image"] {height:30px;}

.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_st_04 {padding: 10px 30px; font-size: 15px;}

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

.border-box2 {font-size: 17px;padding: 40px 35px;}
.border-box3 {font-size: 17px;padding: 40px 35px;}
.right03 {font-size: 17px;}

}



@media all and (max-width:600px) {
.w600 {display:block;}
table.pyo600 {width:600px;}
}

@media all and (max-width:540px) {
.w540 {display:block;}
}