@charset "UTF-8";
/*-------------------------------------------------
Title       : 서브01
Author      : 권혁
Create date : 2025-03-05
-------------------------------------------------*/

.bl20 {
    margin: 10px 20px 20px 20px;
}

.pt15 {padding:5px 0; display:inline-block;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mr10 {margin-right:10px;}
.mr30 {margin-right:30px;}
.ml10 {margin-left:10px;}
.mgt5  {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt70 {margin-top:70px !important;}
.mgt100 {margin-top:100px !important;}
.tac {text-align:center !important; margin:0 auto;}
.tal {text-align:left !important;}

.col-blue{color:#0085ff !important}
.col-pp{color:#6462fc !important}
.col-red{color:#e43232 !important}
.txt_B{ font-weight:bold;}
.fontTy01{ font-size:0.85rem; line-height:1.3; margin-bottom:15px;}
a.link{ text-decoration:underline; color:#007bc7;}
a.link:visited{ color:#007bc7;}

.tit_01{ font-size:2.5rem; line-height:1.4; color:#000000; font-weight: 600; }
.tit_02{ font-size:2rem; line-height:1.4; color:#000000; font-weight: 600; background:url("../img/sub/bul_01.gif") no-repeat 0 6px; padding-left:22px; }
.tit_03{ font-size:1.9rem; line-height:1.4; color:#0474c4; font-weight: 600; /* background:url("../img/sub/bul_02.gif") no-repeat 0 7px; */ }
.bul_03 {
    background: url("../img/sub/bul_imp.gif") no-repeat 0 0.85rem;
    padding-left: 13px;
    line-height: 1.7;
}

.wi20 {width:20px;}
.d-flex {display:flex; justify-content: center;}
.gry_box{ background:#f8f8f8; padding:20px 25px; color:#222; text-align:justify; clear:both;}
.gry_box2{ background:#f8f8f8; padding:15px 20px; color:#222; text-align:justify; clear:both;}
.txt_box{ background:#fff; color:#333; margin:10px 0; line-height:1.5; text-align:justify; clear:both;}
.top_box{ background: #f6f9fc url(../img/sub/check_icon.svg) no-repeat 98% 10%;
    border: 1px solid #dee7ed; padding: 90px 15% 90px 30px; background-size:15%;
    text-align: center;
    font-size: 24px; border-radius:30px }


.tab02 { position:relative; margin:0 0 25px 0; clear:both; border:1px solid #ddd; overflow:hidden; background:#f8f8f8; }
.tab02 button { display:none; }
.tab02 ul{width:100%; overflow:hidden; padding:2%; }
.tab02 li {float:left; width:14.5%; text-align:center; margin:5px 1%;}
.tab02 li a {display:block; font-size:16px; border:1px solid #ccc; color:#2f2f2f; background:#fff; }
.tab02 li a span {width:1%; height:40px; vertical-align:middle; display:table-cell; *line-height:32px}
.tab02 li a:hover{ color:#0c4ca3; text-decoration:underline;}
.tab02 li.on a {color:#fff; background-image:none; background-color:#1965ab; border:1px solid #0c4ca3; }

@media (max-width:800px) {
	.tab02 li {width:23%;}
	.tab02 li a{ letter-spacing:-1px; }
}


@media (max-width:690px) {
	.tab02 li {width:31.3%;}
}


.bu_list_02 > li {
    color: #444;
    line-height: 1.8;
    background: url(../img/sub/bul_dot.gif) no-repeat 0 1.3rem;
    padding-left: 10px;
    font-size: 1.7rem;
}

.ol_list > li{ position:relative; color:#444; line-height:1.7; padding-left:15px; }
.ol_list > li span{ position:absolute; top:0; left:0; }

.tblTy01{overflow:hidden; border-top:2px solid #5b90b6; color:#4c4d4f; position:relative; font-size:1.5rem; margin-top:10px;}
.tblTy01 table{ width:100%; margin-left:-1px;}
.tblTy01 th, .tblTy01 td { padding:15px; border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
.tblTy01 th { text-align:center; color:#111; background:#f9f9f9;     font-size: 1.8rem;}
.tblTy01 td { text-align:center; word-break:keep-all;     font-size: 1.7rem;}
.tblTy01 thead th { border-bottom:1px solid #acc3d3; padding:12px; background:#f5f7f9; }
.tblTy01 tbody th { color:#4c4d4f; }
.tblTy01 a { color:#4c4d4f; }
.tblTy01 a:hover{ text-decoration:underline;}
.tblTy01 td.td_bg1{ background:#f2fbfe; }
.tblTy01 tr.bg1 th,
.tblTy01 tr.bg1 td{ background:#f9f8f2; }
.tblTy01 .gry_box { padding:10px;}
.tblTy01 .gry_box .bu_list_02 li{ font-size:0.7rem;}
.tblTy01 .bul_02{ font-size:0.7rem;}
.bd_bt_non{ border-bottom:0 !important}


.scroll_info {
    display: none;
}

.scroll_info {
    display: none;
}

@media (max-width: 600px) {
    .scrollx-500 {
        width: 100%;
        overflow-x: auto;
    }
    .scroll_info {
        display: block;
    }
}

table.min-width-500 {
    min-width:500px;
}

.btn-prev {
	padding: .8rem 2.8rem .8rem 4.5rem;
    background: url(../img/sub/ico_visual_prev.png) no-repeat center left 1.3rem;
    font-size: 1.8rem; height: 5rem;line-height: 34px;
    font-weight: 500;
    display: inline-block;
    color: #555;
    background-size: 26px;
    margin:0 10px;border: 1px solid #bbb; border-radius: 3rem;
}

.btn-next {
	padding: .8rem 4.5rem .8rem 2.8rem;
    background: #115eb4  url(../img/sub/ico_visual_next_wh.png) no-repeat center right 1.3rem;
	height: 5rem;
    border-radius: 3rem;    line-height: 34px;
    font-size: 1.8rem;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background-size: 26px;
    margin:0 10px;border: 1px solid #115eb4;
}

.btn-cancel {
	padding: .8rem 2.8rem;
    border: 1px solid #bbb;
	height: 5rem;
    border-radius: 3rem;    line-height: 34px;
    font-size: 1.8rem;
    font-weight: 500;
    display: inline-block;
    color: #555;
    margin:0 10px;
}

.btn-small {
	padding: .5rem 2rem;
    border: 1px solid #bbb;
    border-radius: .8rem;    line-height: 30px;
    font-size: 1.6rem;
    font-weight: 500;
    display: inline-block;

}

.btn-normal {
	padding: .8rem 2.8rem;
    border: 1px solid #115eb4;
	height: 5rem;
    border-radius: .8rem;    line-height: 34px;
    font-size: 1.6rem;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    margin:0 10px;
    background: #115eb4;
}

.btn-move {
    padding: .8rem 4.5rem .8rem 2.8rem;
    border: 1px solid #115eb4;
	height: 5rem;
    border-radius: .8rem;    line-height: 34px;
    font-size: 1.6rem;
    background: #115eb4 url(../../main/img/main/ico_visual_link.png) no-repeat center right 1.3rem;
    font-weight: 500;
    color: #fff; display:inline-block;
}

.btn-picture {
    padding: .5rem 2.8rem;
    border: 1px solid #115eb4;
    background: #115eb4;
    width:92%;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff; display:inline-block;
}


.navigation_menu {
  width: 100%;
}

.navigation_tabs {
   counter-reset: step;
}

/* one item */
.navigation_tabs li:first-child:nth-last-child(1) {
  width: 100%;
}

/* two items */
.navigation_tabs li:first-child:nth-last-child(2),
.navigation_tabs li:first-child:nth-last-child(2) ~ li {
  width: 49%;
}

/* three items */
.navigation_tabs li:first-child:nth-last-child(3),
.navigation_tabs li:first-child:nth-last-child(3) ~ li {
  width: 30.3333%;
}

/* four items */
.navigation_tabs li:first-child:nth-last-child(4),
.navigation_tabs li:first-child:nth-last-child(4) ~ li {
  width: 24%;
}

/* five items */
.navigation_tabs li:first-child:nth-last-child(5),
.navigation_tabs li:first-child:nth-last-child(5) ~ li {
  width: 19%;
}

/* six items */
.navigation_tabs li:first-child:nth-last-child(6),
.navigation_tabs li:first-child:nth-last-child(6) ~ li {
  width: 16%;
}

.navigation_tabs li {
  list-style: none;
  display: inline-block;
  position: relative;
  text-align: center;
  cursor: pointer;
}

a {
  color: inherit;
}

.navigation_tabs li a {
  text-decoration: none;      
  display: grid;
}

.navigation_tabs li:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  line-height : 30px;
  border: 1px solid #ddd;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #fff;
}
.navigation_tabs li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #ddd;
  top: 13px;
  left: -50%;
  z-index : -1;
}

.navigation_tabs li:first-child:after {
  content: none;
}

.navigation_tabs li.tab_active,
.navigation_tabs li.tab_inactive,
.navigation_tabs li.tab_active a,
.navigation_tabs li.tab_inactive a{
  color: #1965ab;
}

.navigation_tabs li.tab_active a:hover,
.navigation_tabs li.tab_inactive a:hover {
  font-weight: bold;
}


.navigation_tabs li.tab_active:before {
    background: #1965ab;
    color: #fff;
    box-shadow: 0px 0px 0px 6px #0c8bff;
}

.navigation_tabs li.tab_inactive:before {
  border-color: #1965ab;
  background-color: #1965ab;
  color: #fff;
  content: "\2713";
}


.navigation_tabs li.tab_inactive + li:after {
  background-color: #1965ab;
}


@media (max-width: 600px) {

	.navigation_menu {
	  font-size:12px;
	}
		
	.navigation_tabs li:first-child:nth-last-child(6),
	.navigation_tabs li:first-child:nth-last-child(6) ~ li {
	  width: 15%;
	}


	.btn-prev {
		padding: .6rem 2rem .6rem 4rem;
	    font-size: 1.4rem;
	    margin:0 5px;
	}
	
	.btn-next {
		padding: .6rem 4rem .6rem 2rem;
        font-size: 1.4rem;
        margin: 0 5px;
	}
	
	.btn-cancel {
		padding: .6rem 2rem;
	    font-size: 1.4rem;
	    margin:0 5px;
	}
	
	.btn-normal {
		padding: .6rem 2rem;
	    font-size: 1.4rem;
	    margin:0 5px;
	}



}

.side-line {
	    border-left: 1px solid #d0d0d0;
	    border-right: 1px solid #d0d0d0;
}

.bg-gr {
	    background: #f5f7f9;
}

img.pic_person {
	width:180px;
	height:230px;
}

input.wi20 {
	width:20px;
	height:20px;
	cursor:pointer;
}

.map-view {
	display: inline-block;
    background: #115eb4;
    color: #fff !important;
    padding: 5px 10px;
}

.selectdiv {
    position: relative;
    min-width: 200px;
    display: inline-block;
    margin-top:10px;
}


select::-ms-expand {
display: none;
}

.selectdiv:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
 
  display: block;
  width: 100%;
  max-width: 320px;
  height: 50px;
  float: right;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 3px solid #115eb4;
  -ms-word-break: normal;
  word-break: normal;
}

.board_info .form .form_select {
  display: inline-block;
  max-width: 14rem;
  height: 4.3rem;
}
.board_info .form .form_select select {
  height: 4.3rem;
  border-radius: 6px;
  border: 0 none;
}
.board_info .form .form_textbox {
  display: inline-block;
  width: auto;
  height: 4.3rem;
  border-radius: 6px;
  border: 0 none;
}
.board_info .form .search_box .item {
  display: inline-block;
}
.board_info .form .search_box .item + .item {
  margin-left: 0.7rem;
}
.board_info .form .search_box .item.btn {
  width: 7.8rem;
  vertical-align: middle;
}
.board_info .form .search_box .item.btn button {
  width: 7.8rem;
  height: 4.5rem;
  line-height: 4.1rem;
  border: 2px solid #115cb2;
  background-color: #115cb2;
  border-radius: 6px;
}

.board_info .form .search_box .form_select {
  width: 14rem;
}
.board_info .form .search_div {
  padding: 2rem 0;
  text-align: center;
  border-bottom: 1px solid #999;
}
.board_info .form .search_div .search_box .item.type1 {
  max-width: 30rem;
}
.board_info .form .search_div .search_box .item.long {
  max-width: 50rem;
}
.board_info .form .search_div .search_box .item.long input[type=text] {
  max-width: 50rem;
}
.board_info .form .label_check input[type=checkbox] {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.board_info .form .label_check input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  padding: 0 1.5rem;
  line-height: 3.5rem;
  background-color: #fff;
  cursor: pointer;
  border-radius: 3rem;
}
.board_info .form .label_check input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  border-radius: 3rem;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.board_info .form .label_check input[type=checkbox]:checked + label::before {
  border: 2px solid #1E4567;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.board_info .form .label_check input[type=checkbox]:focus {
  outline: none;
}
.board_info .form .label_check input[type=checkbox]:focus-visible {
  outline: none;
}
.board_info .form .label_check input[type=checkbox]:focus-visible + label {
  outline: 2px solid #000;
}
.board_info.type1 {
  /* 검색조건 여러줄 - 테이블 */
  position: relative;
  padding-top: 8px;
}
.board_info.type1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  /* background: transparent -webkit-gradient(linear, left top, right top, from(#0b66b7), color-stop(45%, #0582cb), to(#4ebfff)) 0% 0% no-repeat padding-box; */
  /* background: transparent linear-gradient(90deg, #0b66b7 0%, #0582cb 45%, #4ebfff 100%) 0% 0% no-repeat padding-box; */
}

.board_info.type1::after {
  content: "";
  display: block;
  clear: both;
}
.board_info.type1 form {
  float: none;
}
.board_info.type1 .form {
  display: block;
}
.board_info.type1 .form > * {
  display: block;
}
.board_info.type1 .form .form_textbox {
  background-color: #F3F3F3;
}

.board_info.type1 .form .form_select select {
  background-color: #F3F3F3;
}
.board_info.type1 .form .date_form input {
  width: 45%;
  max-width: 18rem;
}
.board_info.type1 .form .search_box .item.type1 {
  width: 100%;
  max-width: 50rem;
}
.board_info.type1 .form .search_box .item.type1 input[type=text] {
  width: 100%;
}
.board_info.type1 .form .search_box .item.type2 {
  width: 100%;
  max-width: 30rem;
}
.board_info.type1 .form .search_box .item.type2 input[type=text] {
  width: 100%;
}
.board_info.type1 .form .search_box .form_select {
  width: 14rem;
}
.board_info.type1 .search_table table {
  table-layout: fixed;
  border-bottom: 1px solid #999;
}
.board_info.type1 .search_table table tr:first-child th, .board_info.type1 .search_table table tr:first-child td {
  border-top: 0 none;
}
.board_info.type1 .search_table table th, .board_info.type1 .search_table table td {
  padding: 2rem 0;
  border-top: 1px solid #ddd;
  color: #222;
  font-size: 1.6rem;
}
.board_info.type1 .search_table table th strong, .board_info.type1 .search_table table td strong {
  display: block;
  padding-left: 2rem;
  text-align: left;
}
.board_info.type1 .list_select {
  float: right;
  margin-top: 5rem;
  padding-right: 0;
}
.board_info.type1 .list_select > * {
  display: inline-block;
  height: 4.3rem;
  vertical-align: middle;
}
.board_info.type1 .list_select .form_select {
  width: auto;
  max-width: none;
}
.board_info.type1 .list_select .form_select > * {
  display: inline-block;
}
.board_info.type1 .list_select .form_select label {
  color: #333;
  margin-right: 0.7rem;
}
.board_info.type1 .list_select .form_select select {
  width: auto;
  min-width: 7.7rem;
}
.board_info.type1 .list_select .list_btn {
  margin-left: 1.7rem;
}
.board_info.type1 .list_select .list_btn button {
  width: 4.3rem;
  height: 4.3rem;
  line-height: 4.3rem;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 6px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.board_info.type1 .list_select .list_btn button:hover, .board_info.type1 .list_select .list_btn button:focus {
  border-color: #222;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.board_info.type1 .list_select .list_btn button.active {
  background-color: #222;
  border-color: #222;
  color: #fff;
}
.board_info.type1 .list_select .list_btn button.active:hover, .board_info.type1 .list_select .list_btn button.active:focus {
  color: #222;
  background-color: #fff;
}
.board_info.type1 .list_select .list_btn button i {
  display: block;
  width: 4rem;
  height: 4rem;
  background-position: center;
  background-repeat: no-repeat;
}
.board_info.type1 .list_select .list_btn button.type1 i {
  background-image: url("../img/board/list_btn01_off.png");
}
.board_info.type1 .list_select .list_btn button.type1.active i {
  background-image: url("../img/board/list_btn01_on.png");
}
.board_info.type1 .list_select .list_btn button.type1.active:hover i, .board_info.type1 .list_select .list_btn button.type1.active:focus i {
  background-image: url("../img/board/list_btn01_off.png");
}
.board_info.type1 .list_select .list_btn button.type2 i {
  background-image: url("../img/board/list_btn02_off.png");
}
.board_info.type1 .list_select .list_btn button.type2.active i {
  background-image: url("../img/board/list_btn02_on.png");
}
.board_info.type1 .list_select .list_btn button.type2.active:hover i, .board_info.type1 .list_select .list_btn button.type2.active:focus i {
  background-image: url("../img/board/list_btn02_off.png");
}
.board_info.type1 .page {
  margin-top: 3rem;
  padding-top: 0 !important;
}


/* 게시판 상단 */
.board_info { overflow: hidden; line-height: 4rem; }
.board_info + * {margin-top: 1rem;}

.board_info .search_wrapper{float:right}

/* 게시판 목록 페이지 수 */
.board_info .page { float: left; }
.board_info .page span { display: inline-block; vertical-align: top; }
.board_info .page span + span::before { display: inline-block; width: 1px; height: 1.5rem; margin: 0 1rem 0 0.5rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_info .page strong, .board_info .page b { font-weight: 500; color: #000; }

/* 게시판 목록 검색 */
/* .board_info form { float: right; } */
.board_info .form { display: table; width: calc(100% + 0.5rem); table-layout: fixed; font-size: 1.5rem; width: auto; }
.board_info .form > * { display: table-cell; padding-right: 0.5rem; vertical-align: top; }
.board_info .form .item.type1 { padding-right: 0; }
.board_info .form .btn { width:7.8rem !important; }
.board_info .form .btn button { width: 100%; height: 4rem; border: 1px solid #000; background-color: #000; color: #fff; text-align: center; transition: all 0.2s; }
.board_info .form .form_select {width: 100%;}

/* 게시판 목록 RSS */
.board_info .icon_rss { display: inline-block; width: 2.5rem; height: 2.5rem; margin-left: 0.5rem; font-size: 2rem; text-align: center; line-height: 2.5rem; vertical-align: middle; }
.board_info .icon_rss::before { display: block; width: 100%; height: 100%; font-family: 'xeicon'; color: #ee802f; content: ''; }

/* 게시판 페이징 */
* + .board_pager { margin-top: 4rem; }
.board_pager { font-size: 1.5rem; text-align: center; }
.board_pager a { display: inline-block; overflow: hidden; width: 4rem; height: 4rem; border-radius: 100%; text-align: center; line-height: 4rem; vertical-align: top;transition: all .3s; }
.board_pager a.arr { border: 1px solid #ddd;    line-height: 3.7rem; }
.board_pager a.arr::before { display: block; width: 100%; height: 100%; text-align: center; line-height: inherit; }
.board_pager a.active { background-color: #115cb2; color: #fff; }
.board_pager a:hover{background-color: #f5f5f5; color: #333;}
.board_pager a.active:hover { background-color: #115cb2; color: #fff; }
.board_pager .group { margin: 0 0.5rem; }

/* 게시판 목록 */
.board_list {
    overflow: hidden;
    border-top: 2px solid #555;
    border-bottom: 1px solid #aaa;
}
.board_list thead th { font-size: 1.6rem; padding: 1.25rem 0.7rem; border-bottom: 1px solid #aaa; font-weight: 500; color: #222; text-align: center;  }
.board_list td { font-size: 1.6rem; padding: 2rem 0.5rem; border-bottom: 1px solid #ddd; color: #666; text-align: center; line-height: 2.2rem;  }
.board_list td a{ overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; display: inline-block; position: relative;  max-width: 100%; vertical-align: middle;}
/* .board_list .tstyle_list td.txt_left a::after{position: absolute; left: 0; bottom: 0.5rem; width: 0; height: 1px;background-color: #000; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s;}
.board_list .tstyle_list td.txt_left a:hover::after{width: 100%;}
.board_list .tstyle_list td.txt_left a:focus::after{width: 100%;} */
/*.board_list td[aria-label="첨부파일"] img { width: 2.5rem; }*/
.board_list td.txt_left a { font-size: 1.6rem; display: inline-block; max-width: 100%; overflow: visible; white-space: normal; text-overflow: initial; line-height: 2.2rem; color: #333; vertical-align: middle; }
.board_list td.txt_left i.xi-lock + a{max-width: calc(100% - 3rem);}

/* 게시판 목록 아이콘 */
.board_list .xi-new { font-size: 2.2rem; /* float: right;*/ margin: 0 0.5rem 0 0; color: #116eb4; vertical-align: top;}
.board_list .xi-lock { display: inline-block; position: relative; top: -0.1rem; font-size: 2rem; color: #222; vertical-align: middle; }

/* 게시판 목록 상태 아이콘 */
.board_list .icon { display: inline-block; width: 6.3rem; min-width: 6.3rem; height: 2.75rem; border-radius: 0.5rem; border-radius: 16px; background-color: #eee; font-size: 1.5rem; color: #333; text-align: center; line-height: 2.75rem; }
.board_list .icon[data-label="처리완료"] {background-color: #000; color: #fff;}
.board_list .icon[data-label="답변완료"] {background-color: #777; color: #fff;}
.board_list .icon[data-label="진행중"] {background-color: #116eb4; color: #fff;}
.board_list .icon_notice { display: inline-block; width: 3.5rem; height: 3.5rem; border-radius: 100%; background-color: #333; font-size: 1.3rem; color: #fff; vertical-align: middle; }

.board_list .new { display: inline-block; width: 3.5rem; height: 3.6rem; border-radius: 100%; background-color: #333; color: #fff; line-height: 3.6rem;}
.board_list .new::before{ display: block; }

.board_list .icon2 { display: inline-block; width: 7.2rem; min-width: 7.2rem; height: 2.75rem;  background-color: #eee; font-size: 1.5rem; color: #333; text-align: center; line-height: 2.75rem; }
.board_list .icon3 { display: inline-block; width: 7.2rem; min-width: 7.2rem; height: 2.75rem; background-color: #fff; font-size: 1.5rem; color: #333; text-align: center; line-height: 2.75rem; border: 1px solid #ddd; }
.board_list .icon3.state01 { border-color: #20AF63;}
.board_list .icon3.state02 { border-color: #FF6600;}
.board_list .icon3.state03 { background-color: #F3F3F3;}

.blog_view > .list { padding-top: 4rem; border-top: 1px solid #777;}
.blog_view .icon { display: block; width: 6.3rem; min-width: 6.3rem; height: 2.75rem; border-radius: 0.5rem; border-radius: 16px; margin-bottom: 1rem; background-color: #eee; font-size: 1.5rem; color: #333; text-align: center; line-height: 2.75rem; }
.board_view .label01, .blog_view .label01, .board_list .label01 { background-color: #0373A5; color: #fff;}
.board_view .label02, .blog_view .label02, .board_list .label02 { background-color: #074780; color: #fff;}
.board_view .label03, .blog_view .label03, .board_list .label03 { background-color: #058A73; color: #fff;}
.board_view .label04, .blog_view .label04, .board_list .label04 { background-color: #303DAE; color: #fff;}
.board_view .label05, .blog_view .label05, .board_list .label05 { background-color: #1E2E61; color: #fff;}
.board_view .label06, .blog_view .label06, .board_list .label06 { background-color: #3A3A3A; color: #fff;}
.board_view .label07, .blog_view .label07, .board_list .label07 { background-color: #006352; color: #fff;}
.board_view .label08, .blog_view .label08, .board_list .label08 { background-color: #007D74; color: #fff;}

.board_list.type1 .btn_line.view { width: 3.5rem; min-width: 0; height: 3.5rem; overflow: hidden; padding: 0; }
.board_list.type1 .btn_line.view i { display: block; width: 3.3rem;  line-height: 3.3rem; text-align: center; margin-left: 0; }
.board_list.type1 td{color: #222; }
.board_list.type1 td.txt_left strong { font-weight: 400;}
.board_list.type1 td.txt_left a ,
.board_list.type1 td.author { overflow: visible; white-space:normal; text-overflow:initial;line-height: 2.2rem; }
.board_list.type1 tbody tr:hover { background-color: #F2F6F9; transition: background-color 0.2s; }

/* 게시판 내용 */
.board_view { border-top: 2px solid #555; }
.board_view > .title { font-size: 1.8rem; padding: 2rem 0; border-bottom: 1px solid #ddd; font-weight: 700; color: #333; text-align: center; word-break: keep-all; }
.board_view > .title .category { display: block; font-size: 1.6rem; color: #999; }
.board_view > .title .category::before { display: inline-block; position: relative; top: -0.2rem; width: 1rem; height: 1rem; margin-right: 0.75rem; border-radius: 100%; content: ''; vertical-align: middle; }
.board_view > .title .cateC01::before {background: #F6C375;}
.board_view > .title .cateC02::before {background: #DF7373;}
.board_view > .title .icon2 { display: inline-block; margin-right: 1rem; padding:0 1rem; line-height: 3rem; font-size: 1.6rem; font-weight: 100; color: #fff; background-color: #0373A5;}

.board_view .info { padding: 1.8rem 0; border-bottom: 1px solid #ddd; color: #666; text-align: center; }
.board_view .info.type2 { background-color: #f7f7f7; }
.board_view .info li { display: inline-block; vertical-align: top; }
.board_view .info li + li::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 1.5rem 0 1rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_view .info strong { margin-right: 0.75rem; font-weight: 400; color: #000; }
.board_view .contents { padding: 4rem; border-bottom: 1px solid #ddd; }
.board_view .contents .cont_bg { margin: 0 -4rem; padding: 4.6rem 4rem; background-color: #F7F7F7;}
.board_view .contents .cont_bg.type2{margin: 0 ;}
.board_view .contents .cont_line { margin: 0 -4rem; padding: 4.6rem 4rem; border: 6px solid #F2F6F9; border-radius: 6px; margin-bottom: 3rem;}
.board_view .contents .img { margin-top: 2rem; }
.board_view .contents .img + .img { margin-top: 1rem; }
.board_view .txt_center { margin-bottom: 2rem; }

.board_view.type2 .contents{padding: 4rem 0;}
.board_view.type2 .contents img{display: block; margin: 0rem auto 4rem;}
.board_view.type2 .detail_box{margin-top: 5rem;}
.board_view.type2 .detail_box .source{background-color: #F7F7F7; padding: 1.5rem 3rem; display: flex; margin-bottom: 3rem;}
.board_view.type2 .detail_box .source .title{font-weight: 500; margin-right: 1rem;}
.board_view.type2 .detail_box .txt{background-color: #F7F7F7; padding: 4rem 3rem; margin: 1rem 0 4rem;}
.board_view.type2 .detail_box .num_list .item{font-weight: 300; padding-left: 3rem; position: relative;}
.board_view.type2 .detail_box .num_list .item + .item{margin-top: .5rem;}
.board_view.type2 .detail_box .num_list .num{ position: absolute; left: 0; top: 0; font-weight: 500;}

/* 게시판 내용 파일 */
.board_view .file { position: relative; padding: 2rem 0 2rem 14.5rem; border-bottom: 1px solid #ddd; }
.board_view .file .title { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 14.5rem; font-weight: 500; color: #333; text-align: center; }
.board_view .file .list li { overflow: hidden; position: relative; min-height: 3.5rem; padding-right: 21rem; text-overflow: ellipsis; white-space: nowrap; line-height: 3rem; }
.board_view .file .list li + li {margin-top: 0.5rem;}
.board_view .file .list li > a { color: #444; -webkit-transition: all 0.2s; transition: all 0.2s; }
.board_view .file .list .link { position: absolute; right: 0; top: 0; }
.board_view .file .list .link a{font-size: 1.4rem;width: auto; line-height: 3.3rem; height: 3.5rem; min-width: 5rem;padding:.6rem .8rem;border: 1px solid #999; transition: all .2s;}
.board_view .file .list .link i { line-height: 2.8rem; }
.board_view .file .list .txt { font-size: 1.2rem; color: #999; }

/* 게시판 이전글 다음글 */
.prevnext { margin-top: 4rem; border-bottom: 1px solid #aaa; }
.prevnext li { overflow: hidden; padding: 2rem 0; border-top: 1px solid #ddd; color: #333; }
.prevnext span { float: left; width: 15rem; color: #666; }
.prevnext a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right; width: calc(100% - 15rem); }


.form_select { display: inline-block; position: relative; height: 4rem; color: #333; }
.form_select select { width: 100%; height: 4rem; padding: 0 3rem 0 1rem; border: 1px solid #ddd; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; 
    background:#fff url(../img/sub/select_arrow.png) right 1.2rem center no-repeat; background-size: 1.6rem; appearance:none;}
.form_select select:focus {  border: 1px solid #222 !important; background-color: #fff !important; color: #222; }


.txt_left {
    text-align: left !important;
}

.form_textbox {
    width: 100%;
    height: 4rem;
    max-height: 100%;
    padding: 0 1rem;
    border: 1px solid #ddd;
    text-align: left;
    vertical-align: top;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}


.board_btns { margin-top: 3rem; text-align: center; }
.board_btns .txt { margin: -2rem 0 1rem; font-size: 1.5rem; color: #999; text-align: left; }
.board_btns .btn { height: 4.3rem; border: 2px solid #115cb2; line-height: 3.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 12rem; padding: 0 2rem; border-radius: 6px; background-color: #115cb2; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; font-weight: 500; margin: 0 0.25rem; }


.mo_view {display:none;}

@media (max-width: 768px) 
{

  .mo_view {display: inline-block;
        padding: 0 10px;
        margin: 3px 5px;
        width: 127px;
        font-weight: 800;}
        
  .mo_view_address {
  	display: inline-block;
        padding: 0 10px;
        margin: 4px 10px;}
	
  .board_info.type1 .form {
    background-color: #fff;
    padding: 1rem 1.5rem;
  }
  
  .search_length {
    margin-left:0 !important;
    margin-top:10px !important;
}
  
  .board_info.type1 .search_table {
    border-bottom: 0 none !important;
  }
  .board_info.type1 .search_table table, .board_info.type1 .search_table tbody, .board_info.type1 .search_table tr, .board_info.type1 .search_table th, .board_info.type1 .search_table td {
    display: block;
    width: 100%;
  }
  .board_info.type1 .search_table tr:first-child th strong {
    padding-top: 0 !important;
  }
  .board_info.type1 .search_table th, .board_info.type1 .search_table td {
    padding: 0 !important;
    border-top: 0 none !important;
    border-bottom: 0 none !important;
  }
  .board_info.type1 .search_table th strong, .board_info.type1 .search_table td strong {
    padding-left: 0 !important;
  }
  .board_info.type1 .search_table th strong {
    padding-top: 1rem !important;
  }
  .board_info.type1 .search_box .item {
    width: auto;
  }
  .board_info.type1 .search_box .item.type1 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .board_info.type1 .search_box .item.type1 input[type=text] {
    width: 45%;
  }
  .board_info.type1 .search_box .item.btn {
    width: 100% !important;
    margin-top: 1rem;
    margin-left: 0 !important;
  }
  .board_info.type1 .search_box .item.btn button {
    width: 100% !important;
  }
  .board_info.type1 .search_box .item.long {
    max-width: 45%;
  }
  .board_info.type1 .search_box .item.long input[type=text] {
    max-width: 45%;
  }
  .board_info.type1 .search_div {
    border-bottom: 0 none;
  }
  .board_info.type1 .search_div .search_box .item.type1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 1rem;
    margin-left: 0;
  }
  .board_info.type1 .search_div .search_box .item.type2 {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 1rem;
    margin-left: 0;
  }
  .board_info.type2 .form {
    border: 0 none;
  }
  .board_info.type2 .form .left, .board_info.type2 .form .right {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
  }
  .board_info.type2 .form .left {
    margin-bottom: 1rem;
  }
  .board_info.type2 .form .left .form_select {
    width: 100%;
    max-width: 100%;
  }
  .board_info.type2 .form .item {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .board_info.type2 .form .item > * {
    width: 100%;
    max-width: 100%;
  }
  .board_info.type2 .form .item .label {
    margin-right: 0;
  }
  .board_info.type2 .form .item + .item {
    margin-left: 0;
    margin-top: 1rem;
  }
  .board_info.type2 .form .item.btn {
    width: 100% !important;
    max-width: 100% !important;
  }
  .board_info.type2 .form .item.btn button {
    width: 100%;
    max-width: 100%;
  }
  .sch_box .form-line {
    display: block;
  }
  .sch_box .form-line .form-select {
    width: 100%;
    display: block;
    margin-bottom: 1rem;
  }
  .sch_box .form-line .form-control {
    width: calc(100% - 11rem);
  }
  .sch_box .form-line .btn {
    width: 10rem;
  }
  .sch_box .form-line .group:nth-child(1) {
    margin-bottom: 1rem;
    text-align: center;
  }
  .sch_box .form-line .group:nth-child(2) {
    text-align: center;
  }

	.board_box.type2 { padding: 2rem; padding-left: 22rem; }
    .board_box.type2 .img { width: 20rem; padding: 2rem; }
    .board_btns .btn { min-width: 0 !important; }

    .board_list .tstyle_write th { display: block; padding: 0 1rem !important; border-bottom: 0 none; }
    .board_list .tstyle_write td { padding: 0 1rem !important; }
    .board_list .tstyle_write .file { border: 0 none; }
    .board_list .tstyle_write .file th::after { display: block; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 300; color: #555; content: 'hwp,xls,doc,ppt,pdf,zip,jpg,gif,png 파일만, 5MB까지 업로드가 가능합니다.'; line-height: 1.2; }
    .board_list .tstyle_write .file .form_file .txt { color: transparent; }
    .board_list .tstyle_write .file .form_file .txt.active { color: #555; }
    .board_list .tstyle_write .file + .file { padding-top: 0; }
    .board_list .tstyle_write .file + .file th { display: none; }
    .board_list .tstyle_write .file:last-child { padding-bottom: 1.5rem; }
    .board_list .tstyle_write .form_radio label::before, .board_list .tstyle_write .form_radio label::after, .board_list .tstyle_write .form_check label::before, .board_list .tstyle_write .form_check label::after { margin-top: -0.2rem; } 

	.board_info .search_wrapper{float:none}

    /* 게시판 페이징 */
	.board_pager .group { margin: 0 2rem; }
	.board_pager .group a { display: none; }
	.board_pager .group a:last-child,
	.board_pager .group .active { display: inline; }
	.board_pager .group .active { background: none; font-weight: 600; color: #333; }
	.board_pager .group .active::after { font-weight: 300; content: ' / ' }

	/* 게시판 목록 정보 */
	.board_info { margin-bottom: 1rem; }
	.board_info .page_info,
	.board_info form { float: none; }	
	.board_info .form { width: 100%; margin-bottom: 1rem; padding: 1rem; border: 1px solid #ddd; background-color: #f8f8f8; }
	.board_info .form .item { width: 12rem; }
	.board_info .form .item.type1 {width: auto;}
    
	/* 게시판 목록 기본 */
	.board_list table { table-layout: fixed; }
	.board_list tr { display: block; padding: 1rem 0.5rem; border-bottom: 1px solid #ddd; }
	.board_list colgroup, .board_list thead { display: none; }
	.board_list td { display: block; padding: 0; border: 0 none; text-align: left; line-height: 1.5; }
  
	/* 게시판 목록 */
	.board_list .tstyle_list td { padding: 0.4rem 0; }
	.board_list .tstyle_list td[aria-label]::before { margin-right: 2rem; font-weight: 400; color: #333; content: attr(aria-label); }
	.board_list .tstyle_list td.m_hidden, 
	.board_list .tstyle_list td[aria-label="분류"]::before, 
	.board_list .tstyle_list td[aria-label="첨부파일"],
	.board_list .tstyle_list td[aria-label="처리상태"]::before { display: none; }
	.board_list .tstyle_list td[aria-label="처리상태"] {margin-top: 0.5rem;}
	.board_list .tstyle_list td[aria-label="제목"] a { font-size: 1.8rem; margin-bottom: 0.5rem; font-weight: 500; color: #000; white-space: normal; }
	.board_list .tstyle_list td[aria-label="과제구분"]::before,
    .board_list .tstyle_list td[aria-label="제목"]::before,
	.board_list .tstyle_list td[aria-label="링크"]::before { display: none; }
	.board_list .tstyle_list td[aria-label="링크"] { margin-top: 0.5rem; }
	  
	/* 게시판 목록 아이콘 */
	.board_list .xi-lock {top: -0.3rem;}
	.board_list .xi-new { margin-top: 0.25rem; float: left;}
	  
	/* 게시판 내용보기 */
	.board_view .contents { padding: 1.5rem 0; }
    .board_view .contents .cont_line, 
    .board_view .contents .cont_bg { margin-left: 0; margin-right: 0;}
	
	/* 게시판 내용보기 파일 */
	.blog_view .file { padding: 1.5rem; }
	.blog_view .file .title { display: block; position: static; width: auto; margin-bottom: 1rem; text-align: left; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
	.blog_view .file .list .txt { display: none; }

	.blog_view .file { padding: 1.5rem; }
	.blog_view .file .title { display: block; position: static; width: auto; margin-bottom: 1rem; text-align: left; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
	.blog_view .file .list .txt { display: none; }

	/* 게시판 답변 */
	.board_reply { background-position: top 40px left 20px; }
	.board_reply .file { margin: 1.5rem 0 -1.5rem; padding: 1rem 0; }
	
	/* 게시판 답변상황 */
	.board_state .form ul { display: block; margin: 0; }
	.board_state .form li { display: block; margin-bottom: 0.5rem; }
	.board_state .form li + li::before { display: none; }
	.board_state .form label { float: left; width: 7rem; margin: 0; }
	.board_state .form .btn { width: 15rem; margin: 1rem 0 0 7rem; }

	/* 게시판 코멘트 */
	.comment .list li {padding: 1.5rem 0;}
	.comment .list .btn {right: 0.5rem; top: 1rem;}
    .comment .list .re {padding-left: 2rem;}

    /* 이북형 */
    .board_ebook { display: block; width: 100%; margin: 0; }
    .board_ebook > * { display: block; clear: none; float: none; width: 100%; margin-right: 0; }
    .board_ebook > * + * { margin-top: 0; }
    .board_ebook li { overflow: hidden; padding: 1.5rem; overflow: visible; }
    .board_ebook li::after{ content: ''; display: block; clear: both;}
    .board_ebook li:nth-child(n + 2) { border-top: 1px solid #ddd; }
    .board_ebook .group { padding: 1rem 0 0 2rem; }

    /* PDF형 */
    .board_pdf { display: inline-block; width: calc(100% + 0px); }
    .board_pdf > * { clear: none; float: left; width: calc(33.33333% - 0px); margin-right: 0px; }
    .board_pdf > *:nth-child(n + 4) { margin-top: 0px; }
    .board_pdf > *:nth-child(2n + 1) { clear: none; }
    .board_pdf > *:nth-child(3n + 1) { clear: both; } 


    /* 자료회원가입 테이블 라디오 버튼 */
    .board_list .tstyle_write .form_radio label::before { top: 0.6rem;left: 0rem; }
    .board_list .tstyle_write .form_radio label::after { top: 1.2rem;left: 0.6rem; }

    /* 공모전 */
    .blog_list.type2 .info{ position: static;  }
}

.ipt-box {
    appearance: none;
    width: 100%;
    height: 32px;
    border-radius: 0;
    border: 1px solid #d0d0d0;
    padding: 6px;
}

.plans {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  max-width: 970px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-radius: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.plans .plan input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.plans .plan {
  cursor: pointer;
  width: 100%;
}

.plans .plan .plan-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e1e2e7;
  border-radius: 10px;
  -webkit-transition: -webkit-box-shadow 0.4s;
  transition: -webkit-box-shadow 0.4s;
  -o-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
  transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
  position: relative;
  justify-content: center;
}

.plans .plan .plan-content img {
  margin-right: 30px;
  height: 72px;
}

.plans .plan .plan-details span {
  margin-bottom: 10px;
  display: block;
  font-size: 20px;
  line-height: 24px;
  color: #252f42;
}

.container .title {
  font-size: 20px;
  font-weight: 500;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  color: #252f42;
  margin-bottom: 20px;
}

.plans .plan .plan-details p {
  color: #646a79;
  font-size: 16px;
  line-height: 18px;
}

.plans .plan .plan-content:hover {
  -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
  box-shadow: 0px 3px 5px 0px #e8e8e8;
}

.plans .plan input[type="radio"]:checked + .plan-content:after {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  background: #216fe0;
  right: 20px;
  top: 20px;
  border-radius: 100%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0px 0px 0px 2px #0066ff;
  box-shadow: 0px 0px 0px 2px #0066ff;
}

.plans .plan input[type="radio"]:checked + .plan-content {
  border: 2px solid #216ee0;
  background: #eaf1fe;
  -webkit-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
}

@media screen and (max-width: 991px) {
  .plans {
    margin: 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px;
  }

  .plans .plan {
    width: 100%;
  }

  .plan.complete-plan {
    margin-top: 20px;
  }

  .plans .plan .plan-content .plan-details {
    width: 70%;
    display: inline-block;
  }

  .plans .plan input[type="radio"]:checked + .plan-content:after {
    top: 45%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}

@media screen and (max-width: 767px) {
  .plans .plan .plan-content .plan-details {
    width: 60%;
    display: inline-block;
  }
}

@media screen and (max-width: 540px) {
  .plans .plan .plan-content img {
    margin-bottom: 20px;
    height: 56px;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
  }

  .plans .plan input[type="radio"]:checked + .plan-content:after {
    top: 20px;
    right: 10px;
  }

  .plans .plan .plan-content .plan-details {
    width: 100%;
  }

  .plans .plan .plan-content {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

/* inspiration */
.inspiration {
  font-size: 12px;
  margin-top: 50px;
  position: absolute;
  bottom: 10px;
  font-weight: 300;
}

.inspiration a {
  color: #666;
}
@media screen and (max-width: 767px) {
  /* inspiration */
  .inspiration {
    display: none;
  }
}

.ip-phone .form-item.id .form-input {
    display: inline-block;
    width: 35%;
    margin-right: 0;
}

.ip-phone .form-item input[type="text"], .ip-phone .form-item input[type="password"], .ip-phone .form-item input[type="email"], .ip-phone .form-item input[type="tel"] {
    width: 100%;
    display: inline-block;
    height: 5rem;
    padding: 0 1.2rem;
    border: 1px solid #D9DFE2;
    border-radius: .8rem;
    font-size: 1.8rem;
}

.ip-phone .form-item.id .form-input + button {
    width: 15%;
}

.ip-phone .form-item .btn-input-row {
    display: inline-block;
    width: auto;
    height: 5rem;
    border-radius: .8rem;
    background-color: #5A5F6E;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 44px;
    color: #fff;
}


.alert_design_form {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0,0,0,.3);
}
.alert_design_form__inner {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 40px;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
	width: 90%;
	max-width: 534px;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #242424;
	margin-top: -30px;
	transition: .2s all ease-in-out;
}
.alert_design_form.on .alert_design_form__inner {
	margin-top: 0;
}
.alert_design_form__inner__cont h2 {
	font-size: 24px;
	font-weight: 600;
}
.alert_design_form__inner__cont p {
    height: 5rem;
	font-weight: 300;
	margin-top: 20px;
}
.alert_design_form__inner__btn {
	margin-top: 30px;
}
.alert_design_form__inner__btn a {
    padding: .8rem 2.8rem;
    background: #115eb4;
    height: 5rem;
    border-radius: .8rem;
    line-height: 34px;
    font-size: 1.6rem;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    background-size: 26px;
    margin: 0 10px;
    border: 1px solid #115eb4;
}

.ck01 {
	width:22px;
	height:22px;vertical-align: text-top; cursor:pointer;
	
}

.ck02 {
	width:22px;
	height:22px;vertical-align: text-top;
	margin-left:15px; cursor:pointer;
}


.ip-msg .msg {
	margin-top: 1.5rem;
}

.ip-msg .msg li {
	position: relative;
	padding-left: 1.5rem;
	font-size: 1.5rem;
	color: #494D59;
}

.ip-msg .msg li:before {
	content: '';
	display: block;
	position: absolute;
	top: .8rem;
	left: 0;
	width: .9rem;
	height: .5rem;
	border-width: 0 0 .1rem .1rem;
	border-style: solid;
    border-color: #5A5F6E;
    transform: rotate(-45deg);
}

.ip-msg .msg li ~ li {
	margin-top: .3rem;
}

.ip-msg .msg li b {
	font-weight: 600;
	color: #292F37;
}


.defaultSearchOptBox {position:relative;padding:28px 40px;background:#fff;border:1px solid #d1d1d1;border-radius: 10px;}
.defaultSearchOptBox .optList {display:flex;}
.defaultSearchOptBox .optList>li {flex:1;margin-right: 40px;}
.defaultSearchOptBox .optList>li:last-of-type {margin-right: 0;}
.defaultSearchOptBox .optList .opt {display:flex;align-items: center;}
.defaultSearchOptBox .optList .opt .tit {margin-right: 20px;font-weight: 700;}
.defaultSearchOptBox .optList .opt .area {flex:1;}
.defaultSearchOptBox.typeBtn .optList {padding-right: 82px;;}
.defaultSearchOptBox.typeBtn .btn {position:absolute;right:40px;top:28px;}
.defaultSearchOptBox.typeBtn .btnSch {width:74px;height:46px;border-radius: 8px;background:#666666;color:#fff;display:flex;align-items: center;justify-content: center;}


/* selectBox */
.selectBase{position:relative;display:inline-block;width:100%;height:46px;padding:0 35px 0 16px;font-size:18px;box-sizing:border-box;text-align:left;background-color:transparent;border:1px solid #C6C6C6;-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;background-image:url(../img/sub/icon_select_arrB.svg);background-position: top 50% right 16px;background-repeat: no-repeat;vertical-align: middle;border-radius: 8px;}
.selectBase:focus {border-color:var(--primary);outline:none; }
.selectBase::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
.selectBase::placeholder {-webkit-text-fill-color: currentcolor;opacity: 1;color:#666;}
.selectBase option {color:#000} 
.selectBase[readonly] {background-color: #F5F5F5;color:#8E8E8E;opacity: 1;-webkit-text-fill-color: currentcolor;opacity: 1;}


/* 250221 접근성 모바일 수정 */
.inputBox>input{z-index: 10;cursor:pointer;}
.inputBox>input:disabled{cursor:default;}


/* button */
.baseBtn{width:auto;height:48px;box-sizing:border-box;display:inline-block;}
.baseBtn>.base{display:flex;justify-content: center;align-items: center;color:#fff;width:100%;height:100%;min-width:120px;padding:0 30px;box-sizing:border-box;text-align:center;background-color:var(--primary);border-radius: 28px;font-size:18px;font-weight:500;background-color: #115eb4;}

.baseBtn2{width:auto;height:48px;box-sizing:border-box;display:inline-block;margin: 5px;
    vertical-align: middle;}
.baseBtn2>.base{display:flex;justify-content: center;align-items: center;color:#115eb4;border:1px solid #115eb4; width:100%;height:100%;min-width:120px;padding:0 30px;box-sizing:border-box;text-align:center;background-color:var(--primary);border-radius: 28px;font-size:18px;font-weight:500;background-color: #fff;}




.btnArea{width:calc(100% + 10px);margin-top:35px;text-align:center;font-size:0;margin-left:-5px;}
.btnArea .baseBtn{margin:5px;vertical-align:middle;}



@media only screen and (max-width:1400px){
    .defaultSearchOptBox .optList {flex-wrap: wrap;}
    .defaultSearchOptBox .optList>li {width:calc(50% - 10px);flex:inherit;margin-right: 0;}
    .defaultSearchOptBox .optList>li:nth-child(odd) {margin-right: 20px;}
    .defaultSearchOptBox .optList>li:nth-child(n+3) {margin-top:10px;}
    .defaultSearchOptBox .optList>li.full {width:100%;margin-right: 0;}
    .defaultSearchOptBox.typeBtn .optList {padding-right: 100px;}
    .defaultSearchOptBox.typeBtn .btn {height: calc(100% - 55px);}
    .defaultSearchOptBox.typeBtn .btnSch {height:100%}
}




@media only screen and (max-width:600px){
    .defaultSearchOptBox .optList .opt {display:block;}
    .defaultSearchOptBox .optList .opt .tit {margin-bottom: 7px;margin-right: 0;}
    .defaultSearchOptBox .optList>li {width:100%;}
    .defaultSearchOptBox .optList>li:nth-child(odd) {margin-right:0;}
    .defaultSearchOptBox .optList>li~li {margin-top:15px;}
    .defaultSearchOptBox.typeBtn .btn {position:relative;top:auto;right:auto;}
    .defaultSearchOptBox.typeBtn .optList{padding-right: 0;margin-bottom: 10px;}
    .defaultSearchOptBox.typeBtn .btnSch {width:100%;height:45px;}


    .areaSelect{display:block;}
    .areaSelect .tit{margin-bottom:7px;margin-right:0;}
    .areaSelect .area .inputBox{margin-right:0;width:calc(50% - 8px);}
    .btnArea {display:grid}
}

.no_article {
    width: 100%;
    height: auto;
    padding: 160px 0 64px 0;
    font-size: 18px;
    line-height: 30px;
    background: url(../img/sub/ico_bigExam_blue.svg) no-repeat left 50% top 64px;
    text-align: center;
    color: #666;
    font-weight: 500;
}

.payment-box {
	background: #edf6ff;
    padding: 30px;
    margin-top: 10px;
    line-height: 36px;
    border-radius: 10px;
}

.btn-confirm-ok {
	width: 100%;
    height: 6rem;
    margin-top: 6rem;
    border-radius: .8rem;
    background-color: #292F37;
    font-weight: 500;
    text-align: center;
    color: #fff;
}




.ok-box {
	max-width: 75rem;
	margin: 3rem auto 0;
	padding: 5rem 6rem;
	border-radius: 3rem;
	box-shadow: 1.6rem 3rem 8rem rgba(32, 70, 121, .08);
	background-color: #fff;
}

.ok-box .login-input {
	position: relative;
}

.ok-box .login-input ~ .login-input {
	margin-top: 1.2rem;
}

.ok-box .login-input input[type="text"],
.ok-box .login-input input[type="password"],
.ok-box .login-input select {
	width: 100%;
	height: 5rem;
	border: 1px solid #D0D4DA;
	border-radius: .8rem;
	font-weight: 500;
	text-indent: 1.6rem;
	color: #1E1E1E;
}

.ok-box .login-input input[type="text"]:placeholder,
.ok-box .login-input input[type="password"]:placeholder {
	font-weight: 400;
}

.ok-box .login-input input[type="text"]:focus,
.ok-box .login-input input[type="password"]:focus {
	font-weight: 400;
	color: #494D59;
}

.ok-box .login-input .pw-view {
	position: absolute;
	top: 1.5rem;
	right: 1.6rem;
	width: 2rem;
	height: 2rem;
	background: url(../img/sub/ico_pw_show.svg) no-repeat;
	background-size: cover;
}

.ok-box .login-input .pw-view.show {
	top: 1.7rem;
	right: 1.6rem;
	height: 1.6rem;
	background: url(../img/sub/ico_pw_hide.svg) no-repeat;
	background-size: cover;
}

.ok-box .login-option {
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
}

.ok-box .login-option .login-save {
	color: #494D59;
}

.ok-box .login-option .login-save input[type="checkbox"] {
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
  }

.ok-box .login-option .login-save label {
	position: relative;
	padding-top: .1rem;
	padding-left: 3.3rem;
	cursor: pointer;
}

.ok-box .login-option .login-save label:before,
.ok-box .login-option .login-save label:after {
	display: block;
	position: absolute;
}

.ok-box .login-option .login-save label:before {
	content: '';
	top: 0;
	left: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: .4rem;
	background-color: #F0F3F6;
}

.ok-box .login-option .login-save label:after {
	top: .5rem;
	left: .6rem;
	width: 1.3rem;
	height: .9rem;
	border-width: 0 0 .2rem .2rem;
	border-style: solid;
    border-color: #fff;
    transform: rotate(-45deg);
}

.ok-box .login-option .login-save input[type="checkbox"]:checked + label:before {
	background-color: #0097F8;
}

.ok-box .login-option .login-save input[type="checkbox"]:checked + label:after {
	content: '';
}

.ok-box .btn-login {
	margin-top: 2.8rem;
}

.ok-box .btn-login button {
	width: 100%;
	height: 6rem;
	border-radius: .8rem;
	background-color: #292F37;
	font-weight: 500;
	text-align: center;
	color: #fff;
}

.ok-box .member-info {
	display: flex;
	align-items: center;
	margin-top: 3rem;
}

.ok-box .member-info a {
	position: relative;
    padding: 0 2.5rem;
    color: #494D59;
}

.ok-box .member-info .member-line {
	display: block;
    width: .1rem;
    height: 1.6rem;
    background-color: #D9DFE2;
}



.modify-box {
	max-width: 60rem;
	margin: 0 auto;
	padding: 5rem 6rem 6rem;
	border-radius: 3rem;
	box-shadow: 1.6rem 3rem 8rem rgba(32, 70, 121, .08);
	background-color: #fff;
}

.modify-box .login-input {
	position: relative;
}

.modify-box .login-input ~ .login-input {
	margin-top: 1.2rem;
}

.modify-box .login-input input[type="text"],
.modify-box .login-input input[type="password"],
.modify-box .login-input select {
	width: 100%;
	height: 5rem;
	border: 1px solid #D0D4DA;
	border-radius: .8rem;
	font-weight: 500;
	text-indent: 1.6rem;
	color: #1E1E1E;
}

.modify-box .login-input input[type="text"]:placeholder,
.modify-box .login-input input[type="password"]:placeholder {
	font-weight: 400;
}

.modify-box .login-input input[type="text"]:focus,
.modify-box .login-input input[type="password"]:focus {
	font-weight: 400;
	color: #494D59;
}

.modify-box .login-input .pw-view {
	position: absolute;
	top: 1.5rem;
	right: 1.6rem;
	width: 2rem;
	height: 2rem;
	background: url(../img/sub/ico_pw_show.svg) no-repeat;
	background-size: cover;
}

.modify-box .login-input .pw-view.show {
	top: 1.7rem;
	right: 1.6rem;
	height: 1.6rem;
	background: url(../img/sub/ico_pw_hide.svg) no-repeat;
	background-size: cover;
}

.modify-box .login-option {
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
}

.modify-box .login-option .login-save {
	color: #494D59;
}

.modify-box .login-option .login-save input[type="checkbox"] {
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
  }

.modify-box .login-option .login-save label {
	position: relative;
	padding-top: .1rem;
	padding-left: 3.3rem;
	cursor: pointer;
}

.modify-box .login-option .login-save label:before,
.modify-box .login-option .login-save label:after {
	display: block;
	position: absolute;
}

.modify-box .login-option .login-save label:before {
	content: '';
	top: 0;
	left: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: .4rem;
	background-color: #F0F3F6;
}

.modify-box .login-option .login-save label:after {
	top: .5rem;
	left: .6rem;
	width: 1.3rem;
	height: .9rem;
	border-width: 0 0 .2rem .2rem;
	border-style: solid;
    border-color: #fff;
    transform: rotate(-45deg);
}

.modify-box .login-option .login-save input[type="checkbox"]:checked + label:before {
	background-color: #0097F8;
}

.modify-box .login-option .login-save input[type="checkbox"]:checked + label:after {
	content: '';
}

.modify-box .btn-login {
	margin-top: 2.8rem;
}

.modify-box .btn-login button {
	width: 100%;
	height: 6rem;
	border-radius: .8rem;
	background-color: #292F37;
	font-weight: 500;
	text-align: center;
	color: #fff;
}

.modify-box .member-info {
	display: flex;
	align-items: center;
	margin-top: 3rem;
}

.modify-box .member-info a {
	position: relative;
    padding: 0 2.5rem;
    color: #494D59;
}

.modify-box .member-info .member-line {
	display: block;
    width: .1rem;
    height: 1.6rem;
    background-color: #D9DFE2;
}

.btn-ask {
	color: #fff;
    padding: 0 30px;
    height: 4rem;
    line-height: 4rem;
    background-color: #115cb2;
    border-radius: 6px;
    float: right;
    margin-top: -48px;
    font-size: 1.5rem;
}

.reply-box {
	font-size: 1.7rem;
    display: block;
    padding: 10px 20px;
    background: #fff;
}

.btn-reply-delete {
	padding: 5px;
    border-radius: 12px;
    margin-left: 5px;
    line-height: 20px;
    background: #4d77d5 url(../img/sub/ico_mypage_close.svg) no-repeat center;
    width: 15px;
    height: 15px;
    background-size: 9px;
    vertical-align: top;
    margin-top: 5px;
}

.input-reply {
	width: 250px !important;
    height: 4rem !important;
    border: 1px solid #D0D4DA !important;;
    border-radius: .8rem !important;;
    font-weight: 500 !important;;
    text-indent: 1.6rem !important;;
    color: #1E1E1E !important;;
}

.fl {float:left}

.btn-reply-confirm {
	background: #000000;
    padding: 10px 30px;
    color: #fff;
    border-radius: 20px;
    margin-top: 37px;
    vertical-align: top;
}

.input-reply-box { margin-right:20px; }

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

	.input-reply {
	    width: 100% !important;
	}
	
	.input-reply-box { width:100%; margin-right:0; }
	.reply-confirm-box {text-align:center;}

}

.passed_list ul {
	margin-top:20px;
	text-align:left;
}

.member-type .item.passed01:before {
    background: url(../img/sub/passed01.gif) no-repeat;
    background-size: cover;
}

.member-type .item.passed02:before {
    background: url(../img/sub/passed02.gif) no-repeat;
    background-size: 200px;
    width: 20rem;
    height: 20rem;
    top: 3rem;
}

.btn-non-passed {
	height: 5rem;
    margin-top: 2rem;
    border-radius: 50em;
    background-color: #292F37;
    font-weight: 500;
    text-align: center;
    color: #fff;
    min-width:320px;
}

.member-type .item.alone:before {
    background: url(../img/sub/alone.png) no-repeat;
    background-size: cover;
}

.notice_table tbody td {
	    border-left: none !important;
}

.search_length {
	max-width: calc(100% - 280px) !important;
}

.btn-small2 {
	border:1px solid #115eb4;
	background: #fff;
    color: #115eb4 !important;
    font-size: 1.5rem;
    padding: 5px 10px 5px 29px;
    border-radius: 16px;
    background: url(../img/sub/ico-map.svg) no-repeat;
    background-size: 25px;
    background-position: 5px;
}

.btn-small3 {
	background: #fff;
    border: 1px solid #2063b4;
    color: #2063b4 !important;
    font-size: 1.5rem;
    padding: 8px 25px;
    margin-left:10px;
}

.choice_table thead th:last-child {
	width:180px;
}