@charset "UTF-8";
/* 변수선언
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
:root {
  --bg_color: #f8f8f8;
  --red: #e64444;
  --blue02:#4969f2;
  --green1: #35b597;
  --black1: #212121;
}

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub-visual {position: relative; height: 280px; background-image: url('/images/kor16r-22-0457/sub/sub_top_bg.jpg'); background-repeat:no-repeat; background-position:bottom right;}
.sub-visual p {width: 100%; text-align: center; position: absolute; top:46%; left: 0; font-size: 4.0rem; color:#212121; z-index: 1; /*line-height:0.9;*/ font-weight:500;}
.sub-visual p.s-tit {font-size: 16px; margin-top: 70px; font-weight: 300; letter-spacing: 0.5px;}
.sub-visual.sub-visual05 p {top: 48%;}

@media screen and (max-width: 1200px) {
	.sub-visual {background-size:40%;}
	.sub-visual-bg {width: 90%; background-size:30%;}
	.sub-visual p {font-size: 5.5rem;}
}
@media screen and (max-width: 768px) {
	.sub-visual {height: 250px; background-image: none;}
	.sub-visual p {font-size: 4.5rem;}
}
@media screen and (max-width: 500px) {
	.sub-visual {background:#fff;;}
	/*.sub-visual p {font-size: 4.5rem;}*/
	.sub-visual p.s-tit {font-size: 12px; margin-top: 55px;}
	.sub-visual p {font-size: 4rem;}
}

.sub-tab {position: relative; width: 100%; height: 6rem; margin-top: -7.5rem;}
.sub-tab ul {width: 1260px; margin: 0 auto; display: flex; justify-content: center;}
.sub-tab ul li {position: relative; margin:0 6px;}
.sub-tab ul li:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); z-index: 5;}
.sub-tab ul li a {position: relative; display: block; width: 13rem; height: 2.7rem; background: var(--black1); text-align: center; border-radius:20px;}
.sub-tab ul li a span {display: inline-block; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.3rem; color: #fff; font-weight: 500;}
.sub-tab ul li a:hover {background: var(--green1);
}

.sub-tab ul li:last-child a {
  /*border-top-right-radius: 20px;*/
}

.sub-tab ul li.active a {
  background: var(--green1);
}


.sub-tab ul.col-2 li {
  /*width: 50%;*/
}

.sub-tab ul.col-3 li {
  /*width: 33.33%;*/
}

.sub-tab ul.col-4 li {
  width: 25%;
}

.sub-tab ul.col-5 li {
  width: 20%;
}

@media screen and (max-width: 1320px) {
  .sub-tab ul {
    width: 99%;
    margin-right: 1%;
  }
}

/* 서브메뉴 모바일화면 상단고정
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.sub-tab.fixed{z-index:555;position:fixed;top:80px;left:0;width:100%;background:#fff;}
	.sub-tab.fixed ul{margin:0 auto;width:auto;}
	.sub-tab.fixed a{ border-bottom:0;border-top:0;}

	@media only screen and (max-width:1200px) {
		.sub-tab.fixed {top:10rem;}
		.sub-tab li:first-child a{border-left:0;}

		/*.sub-tab .col-1 li{width:100%;}
		.sub-tab .col-2 li{width:50%;}
		.sub-tab .col-3 li{width:33.33%;}*/
		.sub-tab .col-4 li{width:25%;}
	}

	@media only screen and (max-width:768px) {
		.sub-tab.fixed {top:10rem; padding-top:20px;}
		#header > div.inner {height: 100px;}
		.sub-tab{height:4rem; margin-top:-6rem;position:relative;}

		.sub-tab li a{height:7rem; line-height:7rem; font-size:16px;background:#fff;}
		.sub-tab li.active a{ color:#fff; background:#f37321}

		.whois-sub-page-guide .whois-sub-page-guide-navi { width:100%; padding:14px 0 14px 0; float:right; }
	}

	@media only screen and (max-width:480px) {
		.sub-tab li a{font-size:14px;}
	}
	@media only screen and (max-width:440px) {
		.sub-tab li a{font-size:12px;}
	}
	@media only screen and (max-width:400px) {
		.sub-tab li a{font-size:11px;}
	}



/* Sub Contents (서브 콘텐츠 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#subContents {
  margin-top: 9rem;
}

.sub_member .box_area {
  border-radius: 10px;
  padding: 100px;
  background: #fff;
}

@media screen and (max-width: 1220px) {
  .sub_member .box_area {
    padding: 90px 70px;
  }
}

@media screen and (max-width: 1220px) and (max-width: 768px) {
  .sub_member .box_area {
    padding: 50px 40px;
    border-radius: 5px;
  }
}

@media screen and (max-width: 1220px) and (max-width: 480px) {
  .sub_member .box_area {
    padding: 40px 20px;
  }
}

/* 게시판 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 일반게시판 List */
.whois-board-list {
  display: inline-block;
  padding: 0;
  font-size: 13px;
}

.whois-board-list .whois-board-row {
  width: 100%;
  margin: 0 0 0 0;
  padding: 15px 0 15px 0;
  float: left;
  border-bottom: 1px solid #eee;
  color: #000000;
  font-size: 15px;
}

.whois-board-list .whois-board-row:first-child {
  border-top: 1px solid #444;
}

/* Line 색상 */
.whois-board-list .whois-board-row .whois-board-row-subject {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
}

.whois-board-list .whois-board-row .whois-board-row-info {
  color: #acacac;
}

.whois-board-list .whois-board-row .whois-board-row-info .whois-board-row-author {
  max-width: 33vw;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

/* 일반게시판 view */
.whois-board-view {
  display: inline-block;
  border-top: 1px solid #444;
}

/* Line 색상 */
.whois-board-view .whois-board-view-row {
  width: 100%;
  margin: 0;
  padding: 0;
  padding: 10px 0 10px 0;
  float: left;
  border-bottom: 1px solid #eee;
}

.whois-board-view .whois-board-view-row .whois-board-view-subject {
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  float: left;
  font-size: 18px;
  font-weight: 600;
}

.whois-board-view .whois-board-view-row .whois-board-view-author {
  width: 100%;
  margin: 0 0 5px 0;
  padding: 0;
  float: left;
  font-size: 13px;
  font-weight: 600;
}

.whois-board-view .whois-board-view-row .whois-board-view-info {
  width: 100%;
  margin: 0;
  padding: 0 0 10px 0;
  float: left;
  color: #acacac;
}

.whois-board-view .whois-board-view-row .whois-board-view-content {
  width: 100%;
  margin: 0;
  padding: 10px 0 10px 0;
  float: left;
  font-size: 16px;
  line-height: 26px;
}

.whois-board-list .whois-board-row.view .whois-board-row-content {
  font-size: 16px;
  line-height: 26px;
}

.whois-board-view .whois-board-view-files {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}

.whois-board-view .whois-board-view-files .whois-board-view-file {
  width: 100%;
  margin: 0;
  padding: 5px 0;
  float: left;
  font-size: 12px;
}

.whois-board-view .whois-board-view-files .whois-board-view-file .whois-board-view-file-count {
  font-size: 11px;
  color: #c4c4c4;
}

/* 게시판 버튼 */
.sub_con .btn_search, .sub_con .btn-search {
  display: inline-block;
  width: 80px;
  height: 5rem;
  line-height: 5rem;
  background: #666;
  font-weight: 500;
  color: #fff;
  font-size: 1.6rem;
  padding: 0;
  text-align: center;
  border-radius: 5px;
}

.sub_con .btn_search:hover, .sub_con .btn_search:focus, .sub_con .btn-search:hover, .sub_con .btn-search:focus {
  text-decoration: none !important;
}

.sub_con .whois-button-submit {
  display: inline-block;
  width: 80px;
  height: 5rem;
  line-height: 5rem;
  background: #fff;
  font-weight: 500;
  color: #303030;
  font-size: 1.6rem;
  padding: 0;
  text-align: center;
  border: 1px solid #d6dadd;
  border-radius: 5px;
}

.sub_con .whois-button-submit:hover {
  -webkit-box-shadow: 0 8px 16px rgba(172, 172, 172, 0.2);
          box-shadow: 0 8px 16px rgba(172, 172, 172, 0.2);
}

.sub_con .whois-button-submit:active {
  background: #eceef2;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sub_con .align_left .btn-default {
  display: inline-block;
  width: 80px;
  height: 5rem;
  line-height: 5rem;
  background: #fff;
  font-weight: 500;
  color: #303030;
  font-size: 1.6rem;
  padding: 0;
  text-align: center;
  border: 1px solid #d6dadd;
  border-radius: 5px;
}

.sub_con .align_left .btn-default:hover {
  -webkit-box-shadow: 0 8px 16px rgba(172, 172, 172, 0.2);
          box-shadow: 0 8px 16px rgba(172, 172, 172, 0.2);
}

.sub_con .align_left .btn-default:active {
  background: #eceef2;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sub_con .form-group .input-group .whois-button-submit {
  background: var(--sky_blue);
  color: #fff;
  border: none;
}

.sub_con .form-group .input-group .whois-button-submit:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.board_top {
  margin-bottom: 2rem;
}

.board_top .bold p {
  font-size: 1.4rem;
  color: var(--black);
}

.board_top .bold p span {
  color: var(--sky_blue);
}

.board_top .f_search select {
  background: #fff;
  height: 5rem;
  line-height: 5rem;
  padding: 0 10px;
  min-width: 100px;
  vertical-align: top;
  font-size: 1.4rem;
  color: var(--black);
  border-radius: 5px;
}

.board_top .f_search .board_input {
  background: #fff;
  height: 5rem;
  line-height: 5rem;
  padding: 0 10px;
  min-width: 160px;
  vertical-align: top;
  font-size: 1.4rem;
  color: var(--black);
  border: 1px solid var(--br_color);
  border-radius: 5px;
}

.list-inline select {
  background: #fff;
  height: 5rem;
  line-height: 5rem;
  padding: 0 10px;
  min-width: 100px;
  vertical-align: top;
  font-size: 1.4rem;
  color: var(--black);
  border-radius: 5px;
}

.list-inline .form-control {
  background: #fff;
  height: 5rem;
  line-height: 5rem;
  padding: 0 10px;
  min-width: 160px;
  vertical-align: top;
  font-size: 1.4rem;
  color: var(--black);
  border: 1px solid var(--br_color);
  border-radius: 5px;
}

/* 게시판 공통 */
.sub-box {
  margin-right: 5px;
  background-color: #ce112d;
  border: 0;
  color: #ffffff;
  display: inline-block;
}

.sub-box.sm {
  font-size: 12px;
  padding: 2px 5px;
}

.sub-box.m {
  font-size: 14px;
  padding: 4px 8px;
}

.sub-box.lg {
  font-size: 16px;
  padding: 6px 12px;
}

.sub-border {
  border: 1px solid #ce112d;
}

.sub-border-t {
  border-top: 1px solid #ce112d;
}

.sub-border-r {
  border-right: 1px solid #ce112d;
}

.sub-border-b {
  border-bottom: 1px solid #ce112d;
}

.sub-border-l {
  border-left: 1px solid #ce112d;
}

.sub-bg {
  background-color: #ce112d;
}

.sub-bg-hover:hover {
  background-color: #e64600;
}

.sub-content {
  width: 100%;
}

.paginate_regular {
  margin-top: 30px;
}

/* 신청폼. 상단에 apply_form이라는 class명으로 감싸줍니다 */
.apply_form label {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--black);
}

.apply_form select, .apply_form input {
  font-size: 1.6rem;
  color: var(--gray);
  line-height: 2.4rem;
}

.apply_form .whois-button-submit {
  display: block;
  width: 80px;
  height: 5rem;
  line-height: 5rem;
  background: var(--blue);
  font-weight: 500;
  color: #fff;
  font-size: 1.6rem;
  padding: 0;
  text-align: center;
  border-radius: 5px;
  margin: 0 auto;
}

.apply_form .whois-button-submit:hover {
  -webkit-box-shadow: 0 8px 16px rgba(172, 172, 172, 0.2);
          box-shadow: 0 8px 16px rgba(172, 172, 172, 0.2);
}

.apply_form .whois-button-submit:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: var(--blue);
}

/* 다목적 List */
.sub_con .board th {
  border-top: 1px solid var(--blue);
  background: none;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
  border-bottom: 1px solid #ddd;
  line-height: 1.5;
  padding: 2.3rem 0;
}

.sub_con .board td {
  color: var(--black);
  font-size: 1.6rem;
  padding: 1.8rem 1rem;
  border-bottom: 1px solid var(--br_color);
}

.sub_con .board button {
  width: 70px;
  height: 3rem;
  background: var(--sky_blue);
  text-align: center;
  line-height: 3rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  border-radius: 4px;
}

/* 다목적 view */
.sub_con .board_view {
  border-top: 1px solid var(--blue);
}

.sub_con .board-view-table {
  margin-bottom: 2rem;
}

.sub_con .board-view-table th, .sub_con .board-view-table td {
  border-bottom: 1px solid var(--br_color);
  font-size: 1.6rem;
  padding: 2rem;
}

.sub_con .board-view-table th {
  width: 30%;
  background: var(--bg_color);
  font-weight: 500;
}

.sub_con .board-view-table td {
  width: 70%;
}


/* 뉴스형게시판 List
.webzine-content-left a {
  position: relative;
  display: block;
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: #f9f9f9;
}

.webzine-content-left a img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.webzine-content-right .webzine-title a {
  font-size: 18px;
  color: #111;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
.webzine-content-right .webzine-title a {
    font-size: 16px;
  }
}

.webzine-content-right .webzine-title a:hover {
  color: #227353;
}

.webzine-content-right p {
  font-size: 1.1em;
  color: #111;
  font-weight: 300;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
.webzine-content-right p {
    font-size: 15px;
  }
}
*/


/* 로그인/회원가입 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.material-form {
  margin: 0 auto;
  background: #fff;
}

.material-form .header {
  padding: 50px 10px;
  background: #6498fe;
  font-size: 16px;
  color: #fff;
}

.material-form .header h3 {
  font-size: 30px;
}

.material-form .header p,
.material-form .header span {
  margin-top: 15px;
  font-size: 16px;
  color: #fff;
}

.material-form .sub-header h4 {
  font-weight: bold;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
}

.material-form .sub-content .form-group:last-child {
  margin: 0;
}

.material-form .input-group {
  position: relative;
  border: 0;
}

.material-form .input-group .input-group-addon {
  padding-right: 6px;
  padding-left: 6px;
  background: #fff;
  border: 0;
}

.material-form .form-control,
input[type='text'].whois,
input[type='password'].whois,
select.whois {
 /* border: 1px solid #ccc;*/
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

/*.material-form .btn:first-child,*/
.material-form .input-group .form-control:first-child,
.material-form .input-group .form-control.first,
.material-form .input-group .th + .form-control,
.th + input[type='text'].whois,
.th + input[type='password'].whois,
.th + select.whois {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

/*.material-form .btn:last-child,*/
.material-form .input-group .form-control:last-child,
.material-form .input-group .form-control.last,
.material-form .input-group .input-group-btn:last-child,
.material-form .input-group .input-group-btn:last-child button,
.material-form .input-group .input-group-btn:last-child .btn {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.material-form .form-group {
  margin-bottom: 15px;
  overflow: visible;
}

.material-form .form-group.success .form-control {
  color: #5cb85c;
}

.material-form .form-group.failed .form-control {
  color: #d9534f;
}

.material-form .form-control[readonly] {
  background: #fff;
}

.material-form .btn {
  height: 38px;
}

.material-form .btn-default {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.material-form .input-group input,
.material-form .input-group select,
input[type='text'].whois,
input[type='password'].whois,
select.whois {
  z-index: 10;
}

.input-group label.th {
  z-index: 9;
  display: none;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  height: 20px;
  color: #ccc;
}

.input-group label.th.ie9 {
  z-index: 11;
  display: block;
}

.material-form .desc {
  padding: 10px 0;
}

.chkbox {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.chk-block,
.chk-block span {
  display: block;
  text-align: center;
  width: 100%;
}

.chkbox input[type='radio'],
.chkbox input[type='checkbox'] {
  display: none;
}

.chkbox input[type='radio'] ~ .rbtn {
  padding: 6px 12px;
  line-height: 27px;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
}

.chkbox input[type='radio']:checked ~ .rbtn {
  background: #ccc;
  color: #fff;
}

.chkbox input[type='radio'] ~ .box,
.chkbox input[type='checkbox'] ~ .box {
  display: block;
  color: #bbb;
  cursor: pointer;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.chkbox input[type='radio'] ~ .box:before,
.chkbox input[type='checkbox'] ~ .box:before {
  display: inline-block;
  margin-right: 8px;
  padding: 2px;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
  vertical-align: middle;
  color: #cfcfcf;
  font-family: 'Glyphicons Halflings';
}

.chkbox input[type='radio'] ~ .box:before {
  content: "\e165";
}

.chkbox input[type='checkbox'] ~ .box:before {
  content: "\e013";
}

.chkbox input[type='radio']:checked ~ .box,
.chkbox input[type='checkbox']:checked ~ .box {
  color: #0288de;
}

.chkbox input[type='radio']:checked ~ .box:before,
.chkbox input[type='checkbox']:checked ~ .box:before {
  color: #0288de;
}

/* 이용약관
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.agree_txt p {
  font-size: 1.6rem;
  color: var(--black);
  line-height: 2.8rem;
}

.agree_txt p b {
  display: inline-block;
  font-weight: 500;
  color: var(--blue);
  margin-bottom: 1rem;
}


.agree_txt p.body_box {margin-bottom:5rem;}
.agree_txt p.s_tit {padding-bottom: 1rem; font-size: 2.4rem; font-weight: 600;}
.agree_txt p.s_tit2 {font-size: 2rem; font-weight: 600;}
.agree_txt p.s_body {font-weight: 400;line-height: 2.6rem; font-size: 1.8rem;}
.agree_txt p.s_list {margin-top:2rem; line-height: 3rem; font-weight: 400;}
.agree_txt p.s_list2 {margin-top:1.5rem; line-height: 3rem; font-weight: 400;}
.agree_txt p.s_word {margin-bottom:1rem; line-height: 2.4rem; font-weight: 400;}

/* FAQ
----------------------------------------------------------------------------------------------------------------------------------------------------------
상단디자인 <div class="faq">
하단디자인 </div>
*/
.faq .whois-board-list .whois-board-row .whois-board-row-subject {
  position: relative;
  padding: 2rem 10rem 2rem 5rem;
}

.faq .whois-board-list .whois-board-row .whois-board-row-subject:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 1rem;
  /*content: "\e941";*/
  font-size: 2.4rem;
  font-weight: 900;
  font-family: 'xeicon';
  color: var(--blue);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*.faq .whois-board-list .whois-board-row.view .whois-board-row-subject:after {
  content: "e944";
}*/

.faq .title {
  font-size: 1.8rem;
  color: var(--black);
  font-weight: 400;
}

.faq .icon-q {
  width: auto;
  height: auto;
  font-size: 2.2rem;
  font-weight: 900;
  color: #111;
  margin-right: 60px;
  background: none;
}

.faq .whois-board-list .whois-board-row .whois-board-row-content {
  position: relative;
  font-size: 1.6rem;
  color: var(--black);
  padding: 4rem 5rem 4rem 10.5rem;
}

.faq .whois-board-list .whois-board-row .whois-board-row-content * {
  line-height: 2.4rem;
}

.faq .whois-board-list .whois-board-row .whois-board-row-content:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 5rem;
  content: 'A';
  font-size: 2.2rem;
  font-weight: 900;
  color: var(--sky_blue);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .faq .whois-board-list .whois-board-row .whois-board-row-subject {
    padding: 2rem 5rem 2rem 2rem;
  }
  .faq .icon-q {
    margin-right: 20px;
  }
  .faq .whois-board-list .whois-board-row .whois-board-row-content {
    padding: 2rem 2rem 2rem 6rem;
  }
  .faq .whois-board-list .whois-board-row .whois-board-row-content:before {
    left: 2rem;
  }
}

/* sub contents
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub_con .inner {width: 1260px; margin: 0 auto;}
.sub_con .c_red {color: #e64444;}

.sub_con .c_tit {
  line-height: 2.5;
  /*margin-top: 100px;*/
  background: url('/images/kor16r-22-0457/sub/contit_icon.png') no-repeat center 0px;
  position: relative;
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 50px;
  text-align:center;
  color: var(--black);
  display:none; /* 250831 */
}
/*.sub_con .c_tit {
  position: relative;
  font-size: 3rem;
  font-weight: 700;
  color: var(--blue);
  line-height: 1;
  margin-bottom: 50px;
}

.sub_con .c_tit:before {
  content: '';
  display: block;
  position: absolute;
  top: -26px;
  left: -30px;
  width: 71px;
  height: 71px;
  background: rgba(75, 184, 181, 0.15);
  border-radius: 50%;
}*/

.sub_con .b_tit {
  font-size: 3rem;
  font-weight: 700;
  color: var(--black);
  line-height: 4rem;
  word-break: keep-all;
}

.sub_con .b_tit .dot {
  color: var(--sky_blue);
}

.sub_con .txt {
  font-size: 1.8rem;
  color: var(--black);
  line-height: 3.2rem;
}

.sub_con .txt .line {
  position: relative;
  display: inline-block;
  font-weight: 400;
}

.sub_con .txt .line:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.4rem;
  background: rgba(255, 238, 0, 0.5);
  z-index: -1;
}

.sub_con .txt_gray {
  font-size: 1.6rem;
  color: #444;
  line-height: 2.4rem;
  word-break: keep-all;
}

.sub_con .txt_gray b {
  color: var(--black);
  font-weight: 500;
}

.sub_con .img_area {
  margin-top: 50px;
}

.sub_con .flex_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sub_con .flex_area > div {
  width: 48%;
}

.sub_con ol.numList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sub_con ol.numList li:not(:last-child) {
  margin-bottom: 2rem;
}

.sub_con ol.numList li .num {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: var(--sky_blue);
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  line-height: 26px;
  text-align: center;
  margin-right: 12px;
  vertical-align: text-bottom;
}

.sub_con ol.numList li .num_txt {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: var(--black);
  margin-top: 2px;
}

.sub_con .bg_half {
  position: relative;
  width: 100%;
}

.sub_con .bg_half:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: var(--bg_color);
  z-index: -1;
}

.sub_con section.bgY {
  /*background: var(--bg_color);
  padding: 120px 0;*/
}

.sub_con ul.dotList li {
  position: relative;
  padding-left: 18px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: var(--black);
}

.sub_con ul.dotList li:not(:last-child) {
  margin-bottom: 12px;
}

.sub_con ul.dotList li:before {
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  background: var(--blue);
  border-radius: 50%;
}

.sub1 section .embed-youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.sub1 section .embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 1320px) {
  .sub_con .inner {
    width: 100%;
    padding: 0 30px;
  }
}

@media screen and (max-width: 980px) {
  .sub_con .img_area {margin-top: 50px;}
  .sub_con .flex_area > div {width: 100%;}
  .sub_con .flex_area > div:last-child { /*margin-top: 4rem;*/}
}

@media screen and (max-width: 768px) {
	.sub_con .flex_area {overflow: auto;}
	table.ta1 {width: 768px;}
  .sub_con section.bgY {
    padding: 0;
  }
  .sub_con .inner {
    padding: 0 2rem;
  }
  .sub_con .c_tit {
    margin-bottom: 20px;
  }
  .sub_con .c_tit:before {
    top: -20px;
    left: -20px;
    width: 51px;
    height: 51px;
  }
  .sub_con ol.numList li .num {
    margin-right: 8px;
  }
  .sub_con ol.numList li .num_txt {
    margin-top: 4px;
  }
  .sub_con ul.dotList li {
    padding-left: 12px;
  }
  .sub_con ul.dotList li:before {
    width: 4px;
    height: 4px;
    top: 7px;
  }
}

.sub1_2 .flex_area {
  margin-top: 7rem;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
  -webkit-box-shadow:0 0 20px rgb(165 164 164 / 30%);
          box-shadow:0 0 20px rgb(165 164 164 / 30%);
  height: 500px;
}

@media screen and (max-width: 980px) {
  .sub1_2 .flex_area {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
  }
}

.sub1_2 .flex_area .map_area {
  width: 60%;
}

.sub1_2 .flex_area .map_area .root_daum_roughmap {
  border-top-left-radius: 100px;
  width: 100%;
}

.sub1_2 .flex_area .txt_area {
  width: 40%;
}

.sub1_2 .flex_area .txt_area .tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 200px;
  text-align: center;
  background: #0288de;
}

.sub1_2 .flex_area .txt_area .tel dl {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.sub1_2 .flex_area .txt_area .tel dt {
  font-size: 2.3rem;
  line-height: 1;
  font-weight: 700;
  color:#fff;
}

.sub1_2 .flex_area .txt_area .tel dd {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2rem;
  color:#fff;
}

.sub1_2 .flex_area .txt_area .info {
  height: 270px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub1_2 .flex_area .txt_area .info > div {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 75%;
}

.sub1_2 .flex_area .txt_area .info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.8rem;
  line-height: 2.8rem;
  padding: 2rem 0;
}

.sub1_2 .flex_area .txt_area .info dl:not(:last-child) {
  border-bottom: 1px solid var(--br_color);
}

.sub1_2 .flex_area .txt_area .info dl:first-child {
  padding-top: 0;
}

.sub1_2 .flex_area .txt_area .info dl:last-child {
  padding-bottom: 0;
}

.sub1_2 .flex_area .txt_area .info dt {
  width: 100%;
  font-weight: 700;
  color: var(--blue3);
  line-height:3.5rem;
}

.sub1_2 .flex_area .txt_area .info dd {
  width: 100%;
  font-size: 1.65rem;
}

@media screen and (max-width: 980px) {
  .sub1_2 .flex_area {
    height: auto;
  }
  .sub1_2 .flex_area .map_area {
    width: 100%;
  }
  .sub1_2 .flex_area > div.txt_area {
    width: 100%;
    margin-top: 0;
  }
  .sub1_2 .flex_area > div.txt_area .tel {
    height: auto;
    display: block;
    padding: 5rem;
  }
  .sub1_2 .flex_area > div.txt_area .info {
    height: auto;
    padding: 5rem;
  }
  .sub1_2 .flex_area > div.txt_area .info > div {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .sub1_2 .root_daum_roughmap {
    height: 350px !important;
  }
}

.sub2 .box_area {
 /* -webkit-box-shadow:0 0 20px rgb(165 164 164 / 30%);
          box-shadow: 0 0 20px rgb(165 164 164 / 30%);
  border-radius: 100px;
  padding: 70PX 80PX 90px 80PX;
  background: #fff;
 margin-top: 70px;*/
}

.sub2 ol.numList {
  margin-top: 40px;
}

.sub2 .sort .tit, .sub2 .commi .tit {
  font-size: 2.4rem;
  font-weight: 500;
  color: var(--black);
  line-height: 1;
  border-bottom: 1px solid var(--br_color);
  padding: 1rem 0 2rem 0;
}

.sub2 .sort .txt_box {
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  width: 100%;
  border-radius: 10px;
  background:#7b80df;
  height: 2.4rem;
  line-height: 2.2rem;
}

.sub2 .commi {width:100%; margin:0;}
.sub2 .commi h4 {font-size: 1.7rem; width: 100%; color: #243bad; padding-bottom:0.5rem;}
.sub2 .commi h4 i {font-size: 1.3rem;}
.sub2 .commi h4 .glyphicon {font-size: 1.3rem;}
.sub2 .commi .commi_name {font-size: 1.9rem; line-height: 2.3rem; padding:1rem 0 1.3rem 3rem; font-weight:500;}
.sub2 .commi .commi_name > span {font-size: 1.3rem; color:#6f6e6e;}
.sub2 .commi p.col-md-4:last-child {padding-bottom:0;}
.sub2 .commi > div {padding: 2.5rem 0 0.5rem 0;}

.sub2 .sort .txt_gray {margin-top: 0;}

.sub2 .sort > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem 0;
  border-bottom: 1px solid var(--br_color);
}

.sub2 .sort > div p:last-child {
  text-align: right;
}

.sub2 .dotList {
 /* border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--br_color);
  padding: 4rem 0;
  margin-top: 7rem;*/
}

@media screen and (max-width: 1220px) {
  .sub2 .box_area {
    padding: 30px;
  }
  .sub2 .box_area .flex_area .sort {
    width: 100% !important;
  }
  .sub2 .box_area .flex_area .sort:last-child {
    margin-top: 4rem;
  }
.sub2 .commi {margin:0;}
}


@media screen and (max-width: 990px) {
.sub2 .commi .commi_name {width:50%; float:left;}
.sub2 .commi > div {display: flow-root;}
.sub2 .commi p.col-md-4 {width:50%;}
}
@media screen and (max-width: 890px) {
.sub2 .commi p.col-md-4 {width:100%;}
}
@media screen and (max-width: 650px) {
.sub2 .commi .commi_name {width:100%;}
}


@media screen and (max-width: 768px) {
  .sub2 .box_area {
    /*padding: 0px 40px;
    border-radius: 50px;
    margin-top: 25px;*/
  }
  .sub2 ol.numList {
    margin-top: 20px;
  }
}

@media screen and (max-width: 480px) {
  .sub2 .box_area {
    padding: 40px 20px;
    border-radius: 40px;
  }
  .sub2 .box_area .sort > div .txt_box {
    width: 100% !important;
    margin-bottom: 5px;
  }
}

.sub2_1 .box_area .flex_area .sort_img {margin:0 auto; /*text-align:center;*/}
.sub2_1 .box_area .flex_area .sort_img > img {width:100%;}
/*.sub2_1 .box_area .flex_area .sort {width: calc(50% - 25px);}*/
.sub2_1 .box_area .flex_area .sort > div .txt_box {width: 60px;}

/*.sub2_1 .box_area .flex_area .sort:first-child > div p:nth-child(2) {width: calc(100% - 200px);}
.sub2_1 .box_area .flex_area .sort:first-child > div p:last-child {width: 120px;}

.sub2_1 .box_area .flex_area .sort:last-child > div p:nth-child(2) {width: calc(100% - 280px);}
.sub2_1 .box_area .flex_area .sort:last-child > div p:last-child {width: 200px;}*/


@media screen and (max-width: 768px) {
  .sub2_1 .box_area .flex_area .sort > div .txt_box {
    width: 100%;
	margin-bottom:10px;
  }
  /*.sub2_1 .box_area .flex_area .sort:first-child > div p:nth-child(2) {
    width: calc(100% - 160px);
  }
  .sub2_1 .box_area .flex_area .sort:first-child > div p:last-child {
    width: 100px;
  }
  .sub2_1 .box_area .flex_area .sort:last-child > div p:nth-child(2) {
    width: 100%;
  }
  .sub2_1 .box_area .flex_area .sort:last-child > div p:last-child {
    width: 160px;
  }*/
}

@media screen and (max-width: 480px) {
  /*.sub2_1 .box_area .flex_area .sort:first-child > div p:nth-child(2) {
    width: calc(100% - 110px);
  }
  .sub2_1 .box_area .flex_area .sort:last-child > div p:nth-child(2) {
    width: calc(100% - 170px);
  }*/
}

.sub2_2 .box_area .flex_area .sort {
  width: calc(50% - 25px);
}

.sub2_2 .box_area .flex_area .sort > div .txt_box {
  width: 60px;
}

.sub2_2 .box_area .flex_area .sort > div p:nth-child(2) {
  width: calc(100% - 290px);
}

.sub2_2 .box_area .flex_area .sort > div p:last-child {
  width: 210px;
}

@media screen and (max-width: 768px) {
  .sub2_2 .box_area .flex_area .sort > div .txt_box {
    width: 50px;
  }
  .sub2_2 .box_area .flex_area .sort > div p:nth-child(2) {
    width: calc(100% - 230px);
  }
  .sub2_2 .box_area .flex_area .sort > div p:last-child {
    width: 170px;
  }
}

@media screen and (max-width: 480px) {
  .sub2_2 .box_area .flex_area .sort > div p:nth-child(2) {
    width: calc(100% - 180px);
  }
}

.sub2_3 .box_area .sort > div .txt_box {
  width: 115px;
}

.sub2_3 .box_area .sort > div p:nth-child(2) {
  width: calc(100% - 255px);
}

.sub2_3 .box_area .sort > div p:last-child {
  width: 120px;
}

@media screen and (max-width: 768px) {
  .sub2_3 .box_area .sort > div .txt_box {
    width: 90px;
  }
  .sub2_3 .box_area .sort > div p:nth-child(2) {
    width: calc(100% - 190px);
  }
  .sub2_3 .box_area .sort > div p:last-child {
    width: 80px;
  }
}

@media screen and (max-width: 480px) {
  .sub2_3 .box_area .sort > div p:nth-child(2) {
    width: calc(100% - 90px);
  }
}

.sub2_4 .box_area .flex_area .sort {
  width: calc(50% - 25px);
}

.sub2_4 .box_area .flex_area .sort > div .txt_box {
  width: 60px;
}

.sub2_4 .box_area .flex_area .sort:first-child > div p:nth-child(2) {
  width: calc(100% - 200px);
}

.sub2_4 .box_area .flex_area .sort:first-child > div p:last-child {
  width: 120px;
}

.sub2_4 .box_area .flex_area .sort:last-child > div p:nth-child(2) {
  width: calc(100% - 280px);
}

.sub2_4 .box_area .flex_area .sort:last-child > div p:last-child {
  width: 200px;
}

@media screen and (max-width: 768px) {
  .sub2_4 .box_area .flex_area .sort > div .txt_box {
    width: 50px;
  }
  .sub2_4 .box_area .flex_area .sort:first-child > div p:nth-child(2) {
    width: calc(100% - 160px);
  }
  .sub2_4 .box_area .flex_area .sort:first-child > div p:last-child {
    width: 100px;
  }
  .sub2_4 .box_area .flex_area .sort:last-child > div p:nth-child(2) {
    width: calc(100% - 220px);
  }
  .sub2_4 .box_area .flex_area .sort:last-child > div p:last-child {
    width: 160px;
  }
}

@media screen and (max-width: 480px) {
  .sub2_4 .box_area .flex_area .sort:first-child > div p:nth-child(2) {
    width: calc(100% - 110px);
  }
  .sub2_4 .box_area .flex_area .sort:last-child > div p:nth-child(2) {
    width: calc(100% - 170px);
  }
}


/* 컨텐츠 테이블
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
table.ta1{width:100%; border-collapse:collapse; border:0; border-top:2px solid #000; border-bottom:1px solid #000; border-right:0px solid #c8afdf; border-left:0px solid #e1e1e1; background:#fff;}
table.ta1 caption{padding:0; font-size:0; line-height:0;overflow:hidden}
table.ta1 tr{text-align:center}
table.ta1 th, table.ta1 td{padding:15px 5px;font-size:1.6rem; color:#333; border:0px solid #ccc; border-width:1px 1px 0px 0px; vertical-align:top; white-space: pre-line;}
table.ta1 th:last-child, table.ta1 td:last-child {border-right:0px; border-left:1px solid #ccc;}
table.ta1 thead th{color:#333 ;font-weight:600; text-align:center; border-width:0 1px 1px 0; vertical-align:middle; background:#dbe9ff; border-bottom:1px solid #4aaddd;}
table.ta1 thead th, table.ta1 th, table.ta1 td {border-right: 1px solid #ccc; white-space: normal;}
table.ta1 td.line_none {border-left:0;}
table.ta1 td div.play_down {display:inline; float:left; text-align:right;}
/*table.ta1 td div.play_down > a {margin:0 5px 0 5px; }*/

table.ta1 tbody th{color:#333; font-weight:600; text-align:center; padding-top:20px;}
table.ta1 tbody td{text-align:center;}
table.ta1 tbody td.pro_type {background:#f7faff;}
table.ta1 tbody td.tit_bg {background:#f8faf9;}

table.ta1 tbody tr td > p {text-align:left; position: relative; padding-left:60px; line-height:1.4; margin:0px 20px;}
table.ta1 tbody tr td > p.pro_tit {background: url('/images/kor16r-22-0457/sub/pro_tit.png') no-repeat left 0px top 2px; padding-bottom:6px; white-space: pre-line; word-break: keep-all; font-size:1.5rem;}
/*table.ta1 tbody tr td > p.pro_tit > span {padding-right:10px;}*/
table.ta1 tbody tr td > p.pro_tit a > img {margin-right:10px;}
table.ta1 tbody tr td > p.pro_tit2 {background: url('/images/kor16r-22-0457/sub/pro_tit.png') no-repeat left 0px top 2px; padding:26px 0 15px 0; position: relative; white-space: pre-line; word-break: keep-all; font-size:1.5rem;}
table.ta1 tbody tr td > p.pro_tit2 > span {display:block; text-align:left; font-size:1.2rem;}
table.ta1 tbody tr td > p.pro_tit3 {background: url('/images/kor16r-22-0457/sub/pro_tit3.png') no-repeat left 0px top 2px; padding-left: 87px;}

table.ta1 tbody tr td > p.pro_name, table.ta1 tbody tr td > div.pro_name {background: url('/images/kor16r-22-0457/sub/pro_name.png') no-repeat left 0px top 2px;}
table.ta1 tbody tr td > div.pro_name {padding-left:60px;}
table.ta1 tbody tr td > p.pro_name > span, table.ta1 tbody tr td > div.pro_name > span, table.ta1 tbody tr td > p.pro_name2 > span, table.ta1 tbody tr td > p.pro_name_no > span {font-size:1.3rem; padding-left:5px;}
/*table.ta1 tbody tr td > p.pro_name > span, table.ta1 tbody tr td > div.pro_name > span {padding-right:5px; font-size: 1.3rem;}*/
table.ta1 tbody tr td > p.pro_name2 {background: url('/images/kor16r-22-0457/sub/pro_name.png') no-repeat left 0px top 2px; padding-top:26px; padding-left:0; position: relative; font-size:1.5rem;}
table.ta1 tbody tr td > p.pro_name2 > span

table.ta1 tbody tr td > p.pro_name_no {background:none; text-align:center;}

table.ta1 tbody tr td > p.down_video {background: url('/images/kor16r-22-0457/sub/down_video.png') no-repeat left 0px;}
table.ta1 tbody tr td > p.down_data {background: url('/images/kor16r-22-0457/sub/down_data.png') no-repeat left 0px;}

table.ta1 tfoot th, table.ta1.tar tfoot td{font-weight:600; text-align:center; border-width:1px 1px 0 0; border-color:#ccc; background:#f7f3f0; vertical-align:middle}


@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
	table.ta1 {margin-top:0px}
	table.ta1 thead th, table.ta1 tbody th, table.ta1 td{padding:10px 2px; font-size:1.6rem}
	table.ta1 tbody th{padding:12px 2px; font-size:0.875em;}
}


.fa-solid, .glyphicon {padding:0 5px; color:#243bad;} /* 영상보기, 다운로드 아이콘 */
.glyphicon-play {margin-left:10px;}

#divWMSSLLoading{
  display: none !important;
}



/* 24년 프로그램
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.section03 .section_inner {padding:0 0 40px 0; margin: 0 auto; max-width: 1150px; text-align: center;}
.section03 .txt-area dt {display: inline-block; font-size:1.8rem; line-height:1.6; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding:12px 50px 8px 50px; text-align: center; vertical-align: middle; border-radius: 20px; color: #555; background: #efefef;}

p.exp {display:none;}
.program_con {}
table.session {width:100%; table-layout: fixed;  margin:0 auto; border:1px solid #afc0dd;}
table.session col.time {width: 12%; text-align: center;}
table.session thead tr {width: 100%;}
table.session thead th.time, table.session thead th.track {background-color: #b4cdfb; text-align: center;}
table.session thead th.track {border-left:1px solid #d4e2fd;}

tr {font-size:1.6rem; }
/*th, td {padding:1em 1.2em 0.9em 1.2em;}*/
td {border-left:0px solid #ccc;}

table.session th.time {background:#eef3fb; text-align: center; font-weight:600; border-right: 1px solid #afc0dd;}
table.session th.time i {display:none;}
/* 제목 스타일 */
td.speaker .title {margin:0; padding:0;}
td.speaker .title, td.speaker_pm .title {font-weight: 600; line-height:1.3; display: block; letter-spacing: -0.3px; color:#333; word-break: keep-all;}
/* 발표자 스타일 */
td.speaker .speaker-name strong, td.speaker_pm .speaker-name strong {font-size:1.5rem; font-weight:500; margin-right:0.8rem; color:#333;} 
td.speaker .speaker-name, td.speaker_pm .speaker-name {font-size:1.2rem; font-weight: 400; color:#000; }
td.speaker .speaker-name i.fa-solid, td.speaker_pm .speaker-name i.fa-solid {padding:0 !important;}
td.speaker_pm .speaker-name {margin-top:1.2rem;}


/* 오전 - 제목/발표자 이미지 */
table.session td.speaker .title:before {content:''; background: url('/images/kor16r-22-0457/sub/tit_img.png') no-repeat left center; display:inline-block; width:45px; height:15px; position:relative; top:0.2rem; margin-right:0.9rem;}
table.session td.speaker .speaker-name:before {content:''; background: url('/images/kor16r-22-0457/sub/name_img.png') no-repeat left center; display:inline-block; width:45px; height:15px; position:relative; top:0.2rem; margin-right:0.9rem;}
/* 오후 - 제목/발표자 이미지 */
table.session td.speaker_pm .title:before {content:''; background: url('/images/kor16r-22-0457/sub/tit_img.png') no-repeat left center; display:block; width:45px; height:15px; position:relative; top:0rem; margin-bottom:0.6rem;}
table.session td.speaker_pm .speaker-name:before {content:''; background: url('/images/kor16r-22-0457/sub/name_img.png') no-repeat left center; display:block; width:45px; height:15px; position:relative; top:0; margin-bottom:0.5rem;}


/* 오후 - 구분 항목 바탕색 */
/*.row {--bs-gutter-x: 0; margin:0; padding:0;}*/
.program_bg {margin:0;}
.program_bg01, .program_bg02, .program_bg03 {text-align:center; padding:1em 1.2em 0.9em 1.2em;}
.program_bg01 {background-color: #cfe2f9;}
.program_bg02 {background-color: #c7f3f3; border-left:1px solid #afc0dd; border-right:1px solid #afc0dd;}
.program_bg03 {background-color: #e9f9ca;}

/* 오후 프로그램 */
td.speaker_pm {padding:0;}

/* 프로그램 테두리 */
th.time, td.speaker, .speaker_pm .row .col-4 {border-bottom:1px solid #afc0dd;}
.speaker_pm .row .col-4 {padding:1em 1.2em 0.9em 1.2em;}
.speaker_pm.all_no_line .col-4 {border-bottom:0;}
tr.etc td.top_line, .top_line {border-top:1px solid #afc0dd;}
td.speaker_pm .row div:nth-child(2) {border-left:1px solid #afc0dd; border-right:1px solid #afc0dd;}
thead th.time.no_line_bottom, .speaker_pm .row .col-4.no_line {border-bottom:0;}

/* 점심시간, Break, 폐회식 */
tr.etc {text-align: center; background:#f8f9f9; font-weight:500; }
tr.etc td {letter-spacing: 0.3rem;}
tr.etc .speaker .title:before {margin-right:0; display:block;}
tr.etc .speaker .title.left_a:before {margin-right:0;}
tr.etc .speaker .speaker-name.left_a {margin-top:1.2rem; text-align: left;}

table.session td.speaker_pm .col-4.no_tit_img .title:before {background:none; height:0;}
table.session td.speaker p.no_tit_img .title:before {background:none; height:0;}
table.session td.speaker p.no_tit_img .title > img {margin-bottom:3px;}

tr.gray_bg {background:#eef3fb; border-bottom:1px solid #afc0dd; text-align:center;}
td.speaker.spee_loca {width:100%; text-align:center; background:#eef3fb;}


@media only screen and (max-width: 1320px) {
	table.session {width:100%;}
}
@media only screen and (max-width: 980px) {
	td.speaker .title, td.speaker .speaker-name.col-md-4 {width:100%; padding-right:0; padding-left:0;}
}
@media only screen and (max-width: 768px) {
	.program_con {overflow: auto;}
	table.session {width:768px; caption-side: top; border:0;}
	p.exp {letter-spacing: -0.1rem; color: #5f84c7; display:inline-block; width: 100%; text-align: center; margin-bottom:1rem;}
	p.exp i {color: #5f84c7;}
	table.session col.time {width: 100%;}
	table.session th.time i {display:inline-block; margin-right:12px;}
	table.session [data-cell-header]:before {content: attr(data-cell-header); display: block; margin: 0 0 1em; font-size: 0.8em; text-align: left; opacity: 0.8; background: #fff; border-radius: 2px; padding: 0.3em 0.6em; box-shadow: 1px 1px 2px #bbb; color: #333;}
	table.session th, table.session td {display: block; width: auto; font-size:1.8rem;}
	table.session th.time {text-align: left; font-weight: 700; color:#fff; background:#6e99e7; letter-spacing: 0.25rem;}
	table.session thead th.time {display:none;}
	table.session thead th.track {text-align:left; font-size:2rem; display:none;}

	td.speaker .title, td.speaker_pm .title {font-weight:600; font-size:1.7rem; padding-bottom:0.5rem;}
	td.speaker .speaker-name strong, td.speaker_pm .speaker-name strong {font-size: 1.7rem; font-weight:600;}
	td.speaker .speaker-name, td.speaker_pm .speaker-name {font-size: 1.6rem;}
	.span_inline {padding-left: 2rem; padding-right: 2rem;}

	tr.etc {background:none;}
	tr.etc td {text-align:left; padding-left: 5.5rem; font-size:2rem}
	tr.etc td.top_line, .top_line {border:0;}
	/*tr.etc .speaker .speaker-name{margin-top:1.2rem; padding-left: 0rem;}
	tr.etc .speaker .title:before {display:block;}*/

	td.speaker.spee_loca p {text-align:left;}

	tr.gray_bg {text-align:left;}
	.col-md-3 {padding-left:0;}
}
@media only screen and (max-width: 586px) {
	.program_con {overflow: auto;}
	table.session {width:586px;}
	.span_inline span {display:block;}
	.span_inline span:first-child {float:none;}
	.span_inline span:last-child {float:none;}
}



/* 25년 프로그램
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.p_wrap {display: flex; flex-direction: column; width: 100%; max-width: 1200px;}
.p_wrap > :not(style):not(style) {margin: 0px;}
.p_cont {display: flex; flex-direction: column; -webkit-box-align: center; align-items: center;}
.p_time_body {background-color: #a7b6c1; border-radius: 10px; width: 100%; padding: 12px 24px;}
.p_time_body02 {background-color: #00BCD4; border-radius: 10px; width: 100%; padding: 12px 24px;}
.p_time_body02_a {background-color: #7db2fc; border-radius: 10px; width: 100%; padding: 12px 24px;}
.p_time_body03 {background-color: #38b3a8; border-radius: 10px; width: 100%; padding: 12px 24px; margin-top:10px;}
.p_time_body03_a {background-color: #66c9f2; border-radius: 10px; width: 100%; padding: 12px 24px; margin-top:10px;}
.p_time_body04 {background-color: #8b9cfe; border-radius: 10px; width: 100%; padding: 12px 24px; margin-top:10px;}
.p_time_body04_a {background-color: #9C27B0; border-radius: 10px; width: 100%; padding: 12px 24px; margin-top:10px;}
.p_time_text {display: flex; flex-direction: row; -webkit-box-align: center; align-items: center;}
.p_time_text > :not(style):not(style) {margin: 0px;}
.p_time_text_s {color: #fff; font-family: SamsungOne; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; text-transform: lowercase;}
.p_text_ss {margin: 0px; font-size: 15px; font-weight: 500; white-space: pre-wrap; color:#fff;}
.p_info {display: flex; flex-direction: column;  -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(246, 246, 246); width: 100%; padding: 25px; border-radius:10px;}
.p_info_text {display: flex; flex-direction: column;}
.p_info02 {display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(246, 246, 246); width: 100%; padding: 24px; border-radius:10px;}
.sdc_scheduleDesc__h3w4M {color: #313131; font-size: 1.6rem; font-weight: 300; line-height: 32px;}
.p_info_all {-webkit-box-flex: 1; flex-grow: 1; padding-top: 40px; padding-bottom: 24px;}
.p_info_all_layout {box-sizing: border-box;}
.p_info03 {background-color: rgb(246, 246, 246); width: 100%; padding: 24px; border-radius:10px;}

.p_info_all_box {box-sizing: border-box; margin: 0px; flex-direction: row; flex-basis: 100%; -webkit-box-flex: 0; flex-grow: 0; max-width: 100%;}
@media (min-width: 1280px) {
	.p_info_all_box {flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%;}
}
@media (min-width: 960px) {
	.p_info_all_box {flex-basis: 25%; -webkit-box-flex: 0; flex-grow: 0; max-width: 25%;}
}
.p_info_all_box1 {background-color: rgb(255, 255, 255); font-size: 1rem; color: rgb(158, 158, 158); font-weight: 400; line-height: 1.5rem; white-space: pre-wrap; padding:20px 24px; border-radius: 8px; width: 32.9%; margin:0 0.2rem 4px 0.2rem; float: left;}
@media (max-width: 1043px) {
	.p_info_all_box1 {width: 49.3%;}
}
@media (max-width: 593px) {
	.p_info_all_box1 {width: 99%;}
}

.no1 {background:#fff url('/images/kor16r-22-0457/sub/no1.png') no-repeat right 10px  bottom 5px;}
.no2 {background:#fff url('/images/kor16r-22-0457/sub/no2.png') no-repeat right 10px  bottom 5px;}
.no3 {background:#fff url('/images/kor16r-22-0457/sub/no3.png') no-repeat right 10px  bottom 5px;}
.no4 {background:#fff url('/images/kor16r-22-0457/sub/no4.png') no-repeat right 10px  bottom 5px;}
.no5 {background:#fff url('/images/kor16r-22-0457/sub/no5.png') no-repeat right 10px  bottom 5px;}
.no6 {background:#fff url('/images/kor16r-22-0457/sub/no6.png') no-repeat right 10px  bottom 5px;}


.p_info_all_box2 {background-color:#fff; font-size: 1rem; color: rgb(158, 158, 158); font-weight: 400; line-height: 1.5rem; white-space: pre-wrap; padding:20px 24px; border-radius: 8px; width: 24.6%; margin: 0 0.2rem; float: left;}
@media (max-width: 1120px) {
	.p_info_all_box2 {width: 49.4%; margin:2px; height:100px;}
}
@media (max-width: 787px) {
	.p_info_all_box2 {width: 49.3%;}
}
@media (max-width: 664px) {
	.p_info_all_box2 {width: 49.2%;}
}
@media (max-width: 593px) {
	.p_info_all_box2 {width: 99%;}
}
@media (max-width: 384px) {
	.p_info_all_box2 {height:100px;}
}

.p_info_all_box3 {height:115px; background-color: rgb(255, 255, 255); font-size: 1rem; color: rgb(158, 158, 158); font-weight: 400; line-height: 1.5rem; white-space: pre-wrap; padding:20px 24px; border-radius: 8px; width: 24.6%; margin: 0 0.2rem; float: left;}
@media (max-width: 1120px) {
	.p_info_all_box3 {width: 49.4%; margin:2px; height:100px;}
}
@media (max-width: 787px) {
	.p_info_all_box3 {width: 49.3%;}
}
@media (max-width: 664px) {
	.p_info_all_box3 {width: 49.2%;}
}
@media (max-width: 593px) {
	.p_info_all_box3 {width: 99%;}
}
@media (max-width: 384px) {
	.p_info_all_box3 {height:100px;}
}

.p_info_all_box4 {background-color: rgb(255, 255, 255); font-size: 1rem; color: rgb(158, 158, 158); font-weight: 400; line-height: 1.5rem; white-space: pre-wrap; padding:20px 24px; border-radius: 8px; width: 49.3%; margin:0 0.2rem 4px 0.2rem; float: left;}
@media (max-width: 593px) {
	.p_info_all_box4 {width: 99%;}
}
@media (max-width: 384px) {
	.p_info_all_box4 {height:100px;}
}

.p_info_body {display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; height: 100%; margin-top:-3rem;}
.p_info_btn {display: flex; padding-top: 0px; gap: 8px; -webkit-box-align: center; align-items: center; flex-wrap: wrap; display:none;}
.p_info_text_s {color: #2088fd; font-size:1.5rem; margin-bottom:7px;}

.p_info_text_s_line {color: #2088fd; font-size:14px;}
@media (max-width: 593px) {
    .p_info_text_s_line {display: block; margin-bottom: 5px;}
}
.p_info_text_s2 small {margin-right:20px; color:#5e5e5e; font-size:12px;}
.p_info_text_s small, .p_info_text_s2 small {margin-left:5px; color:#5e5e5e; font-size:12px;}

.p_info_text_t {color: #fff; font-size: 1.6rem; font-weight:600;}
@media (max-width: 766px) {
	.p_info_text_t {color: #fff; font-size: 1.8rem;}
}

.p_time_text small {margin-left:5px;}
.p_time_text span.p_text_ss {margin-left:15px;}
@media (max-width: 593px) {
	.p_info_text_t span.p_text_ss {margin-top:3px; display: block;}
}

.p_info_text_s2 {color: #363636; font-feature-settings: "liga" off, "clig" off; font-style: normal; font-weight: 700; line-height: 24px;}
.p_text_ss3 {margin: 0px; font-size: 1.5rem; color:#333; font-weight: 600; line-height:1.3; white-space: pre-wrap;}
.p_info_text_s3 { color: var(--Gray-600, #7c7c7c);  font-size: 13px; font-style: normal; font-weight: 400; line-height: 20px;}
.p_info_btn_s {display: flex; padding: 8px; align-items: flex-start; border-radius: 999px; background-color:#555}
.p_btn_ss {margin: 0px; font-size: 11.5px; font-weight: 400; line-height: 2rem; white-space: pre-wrap; color:#fff;}

m_b_3 {margin-bottom:3px;}
m_l_20 {margin-left:20px;}
m_r_20{margin-right:20px;}
p_l_10 {padding-left:10px;}
p_b_6 {padding-bottom: 6px;}

.h_t1000 {height:85px;}
.h_t1300_1 {height:110px;}
@media (max-width: 1120px) {
	.h_t1300_1 {height:85px;}
}
@media (max-width:930px) {
	.h_t1300_1 {height:105px;}
}
@media (max-width:593px) {
	.h_t1300_1 {height:85px;}
}
@media (max-width:500px) {
	.h_t1300_1 {height:105px;}
}

.h_t1300_2 {height:110px;}
@media (max-width: 1196px) {
	.h_t1300_2 {height:130px;}
}
@media (max-width: 1120px) {
	.h_t1300_2 {height:85px;}
}
@media (max-width: 1074px) {
	.h_t1300_2 {height:105px;}
}
@media (max-width: 631px) {
	.h_t1300_2 {height:130px;}
}
@media (max-width: 593px) {
	.h_t1300_2 {height:85px;}
}
@media (max-width: 570px) {
	.h_t1300_2 {height:105px;}
}
@media (max-width: 320px) {
	.h_t1300_2 {height:130px;}
}

.h_t1500_1 {height:150px;}
@media (max-width: 1120px) {
	.h_t1500_1 {height:85px;}
}
@media (max-width: 941px) {
	.h_t1500_1 {height:130px;}
}
@media (max-width: 593px) {
	.h_t1500_1 {height:85px;}
}
@media (max-width: 503px) {
	.h_t1500_1 {height:105px;}
}

.h_t1500_2 {height:130px;}
@media (max-width: 1120px) {
	.h_t1500_2 {height:110px;}
}
@media (max-width: 737px) {
	.h_t1500_2 {height:120px;}
}
@media (max-width: 593px) {
	.h_t1500_2 {height:100px;}
}
@media (max-width: 400px) {
	.h_t1500_2 {height:125px;}
}

.h_t1500_3 {height:85px;}
@media (max-width: 1193px) {
	.h_t1500_3 {height:110px;}
}
@media (max-width: 1043px) {
	.h_t1500_3 {height:85px;}
}
@media (max-width: 837px) {
	.h_t1500_3 {height:110px;}
}
@media (max-width: 768px) {
	.h_t1500_3 {height:100px;}
}
@media (max-width: 593px) {
	.h_t1500_3 {height:85px;}
}
@media (max-width: 445px) {
	.h_t1500_3 {height:105px;}
}


/* 25년 발표자
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
        .grid-item {
            width: 390px;
            padding: 15px;
        }


/* 출연연 오픈소스 협의회
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub_all .inner {width: 1260px; margin: 0 auto; margin-bottom:70px;}
.sub_all .c_red {color: #e64444;}
.sub_all .c_tit {position: relative; font-size:2.5rem; font-weight: 700; color:#7578c3; line-height: 1; margin-bottom:20px;}
.sub_all .c_tit:before {content: ''; display: block; position: absolute; top: -26px; left: -30px; width:60px; height:60px; background:rgb(83 89 235 / 8%); border-radius: 50%;}
.sub_all .b_tit {font-size: 3rem; font-weight: 700; color: var(--black); line-height: 4rem;}
.sub_all .txt {font-size:18px; color: var(--black); line-height: 3.2rem; margin-bottom:20px;}
.sub_all .txt .line {position: relative; display: inline-block; font-weight: 400;}
.sub_all .txt .line:before {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height:1.4rem; background: rgba(255, 238, 0, 0.5); z-index: -1;}
.sub_all .txt_gray {font-size: 1.6rem; color:#333; line-height: 2.4rem;}
.sub_all .txt_gray b {color: var(--black); font-weight: 500;}
.sub_p03 ol.numList {}
.sub_all .img_area {margin-top: 100px;}
.sub_all .flex_area {width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.sub_all .flex_area > div {width: 48%;}
.sub_all .flex_area > div.flex_area_t {width: 30%;}
.sub_all .flex_area > div.flex_area_b {width: 70%;}
.sub_all ol.numList li {display: -webkit-box; display: -ms-flexbox; display: flex;}
.sub_all ol.numList li:not(:last-child) {margin-bottom:1.5rem;}
.sub_all .num {display: inline-block; width:26px; height:26px; background:#4969f2; border-radius:50%; font-size:15px; font-weight:500; color:#fff; line-height:24px; text-align: center; margin-right:10px; vertical-align:text-bottom;}
.sub_all .num_txt {display: inline-block; font-size: 1.8rem; line-height: 2.2rem; color: var(--black);}
.sub_all .num_txt_s {display: inline-block; font-size: 1.6rem; line-height: 2.2rem; word-break: keep-all;}
.sub_all .bg_half {position: relative; width: 100%;}
.sub_all .bg_half:before {content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 50%; background: var(--bg_color); z-index: -1;}
/*.sub_all section.bgY {background: var(--bg_color); padding: 120px 0;} 바탕색, 세션 상하 공백*/
.sub_all ul.dotList li {position: relative; padding-left: 18px; font-size: 1.6rem; line-height:2.8rem; color:var(--black);}
.sub_all ul.dotList li:before {content: ''; display: block; position: absolute; top:12px; left: 0; width:8px; height:8px; background:#6167ef; border-radius: 50%;}
.sub_all ul.dotList li.dot_no {margin-bottom:3px;}
.sub_all ul.dotList li.dot_no:before {top: 0px; left: 0; width: 0px; height:0px;}

@media screen and (max-width: 1320px) {
	.sub_all .inner {width: 100%; padding: 0 30px;}
}
@media screen and (max-width: 980px) {
	.sub_all .inner {margin-bottom:80px;}
	.sub_all .img_area {margin-top: 50px;}
	.sub_all .flex_area > div, .sub_all .flex_area > div.flex_area_t, .sub_all .flex_area > div.flex_area_b {width: 100%;}
	.sub_all .flex_area > div:last-child {margin-top: 2.5rem;}
}
@media screen and (max-width: 768px) {
	/*.sub_all section.bgY {padding: 80px 0;} */
	.sub_all .c_tit {margin-bottom: 20px;} 
	.sub_all .c_tit:before {top: -20px; left: -20px; width: 51px; height: 51px;} 
	.sub_all .num {margin-right: 8px;} 
	.sub_all .num_txt {margin-top: 4px;} 
	.sub_all .dotList li {padding-left: 12px;} 
	.sub_all .dotList li:before {width:4px; height: 4px; top: 7px;}
}

.box_area {border-radius:10px; padding:50px 40px; background:#f6f6f6; /*margin-top: 20px; -webkit-box-shadow: 0 0 25px rgba(75, 184, 181, 0.15); 점선박스 그림자 box-shadow: 0 0 25px rgba(75, 184, 181, 0.15);*/}
.sub_p03 .sort .tit {font-size: 2rem; font-weight: 500; color: var(--black); line-height: 1; border-bottom: 1px solid var(--br_color); padding-bottom: 2rem;}
.sub_p03 .sort .txt_box {font-size: 1.6rem; color: #fff; text-align: center; width: 100%; border-radius: 10px; background:var(--sky_blue); height: 2.8rem; line-height: 2.8rem;}
.sub_p03 .sort .txt_gray {margin-top: .3rem;}
.sub_p03 .sort > div {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2rem 0; border-bottom: 1px solid var(--br_color);}
.sub_p03 .sort > div p:last-child {text-align: right;}
.sub_p03 .dotList.gap_s1 {border-top: 1px solid var(--black); border-bottom: 1px solid var(--br_color); padding: 4rem 0; margin-top: 7rem;}

@media screen and (max-width: 1220px) {
	.sub_p03 .box_area {padding:30px;} 
	.sub_p03 .box_area .flex_area .sort {width: 100% !important;} 
	.sub_p03 .box_area	.flex_area .sort:last-child {margin-top: 4rem;}
}

@media screen and (max-width: 768px) {
	.sub_p03 .box_area {padding: 20px 25px; margin-top: 25px;}
	.sub_p03 ol.numList {margin-top: 20px;}
	.sub_all .inner {margin-bottom: 60px;}
}
@media screen and (max-width: 480px) {
	/*.sub_p03 .box_area {padding: 40px 20px; border-radius: 40px;} */
	.sub_p03 .box_area .sort > div .txt_box {width: 100%!important; margin-bottom: 5px;}
}

.sub_p0301 .box_area .flex_area .sort {width: calc(50% - 25px);}
.sub_p0301 .box_area .flex_area .sort > div .txt_box {width: 60px;}
.sub_p0301 .box_area .flex_area .sort:first-child > div p:nth-child(2) {width: calc(100% - 200px);}
.sub_p0301 .box_area .flex_area .sort:first-child > div p:last-child {width: 130px;}
.sub_p0301 .box_area .flex_area .sort:last-child > div p:nth-child(2) {width: calc(100% - 280px);}
.sub_p0301 .box_area .flex_area .sort:last-child > div p:last-child {width: 200px;}

@media screen and (max-width: 768px) {
	.sub_p0301 .box_area .flex_area .sort > div .txt_box {width: 50px;}
	.sub_p0301 .box_area .flex_area .sort:first-child > div p:nth-child(2) {width: calc(100% - 160px);}
	.sub_p0301 .box_area .flex_area .sort:first-child > div p:last-child {width: 100px;}
	.sub_p0301 .box_area .flex_area .sort:last-child > div p:nth-child(2) {width: calc(100% - 220px);}
	.sub_p0301 .box_area .flex_area .sort:last-child > div p:last-child {width: 160px;}
}
@media screen and (max-width: 480px) {
	.sub_p0301 .box_area .flex_area .sort:first-child > div p:nth-child(2) {width: calc(100% - 110px);}
	.sub_p0301 .box_area .flex_area .sort:last-child > div p:nth-child(2) {width: calc(100% - 170px);}
}


.conf_tit {margin-bottom:20px; line-height: 1; font-size:3.5rem; font-weight: 700;}
.conf_t1 {font-size:1.6rem; line-height:1.3; margin-top: 16px !important; word-break: keep-all;}

.sub_section {line-height: 2.4rem; margin-bottom:40px; word-break: keep-all;}
.bor_st01 {border-radius: 10px; /*border:1px dashed #a5a9ad;*/}
.bor_st01 h4 {font-weight:600; line-height:2;}

.text-leader2 {font-size:2rem; font-weight: 300; line-height: 1.3;}


.m_t_10 {margin-top:10px;}
.m_t_15 {margin-top:15px;}
.m_t_50 {margin-top:50px;}
.mt-2 {margin-top: 8px !important;}
.mt-6 {margin-top: 24px !important;}

.p_0 {padding:0;}
.p-4 {padding: 16px !important;}
.p_30_35_40_35 {padding:30px 35px 40px 35px;}

@container (min-width: 768px) {
	.pr-10-md {padding-right: 40px !important;}
}