@charset "UTF-8";
@import url("/res/css/ko/board_poster.css");
@import url("/res/css/ko/program_put.css");
@import url("/res/css/ko/event_schedule.css");
@import url("/res/css/ko/eduView.css");
@import url("/res/css/ko/board_video.css");
@import url("/res/css/ko/board_faq.css");
@import url("/res/css/ko/board_photo_nolink.css");
@import url("/res/css/ko/board_photo_nocategory.css");
@import url("/res/css/ko/calendarCss.css");
@import url("/res/css/ko/snsLogin.css");

/* 서브 */

header#mqHeader, .header_submenu_bg {
	background-color:rgba(0, 0, 0, 0.5);
}

header#mqHeader > div > nav > ul > li > a {
	color:#fff;
}

#mqSection .visual-0 {
	background:url("/res/img/sub/subVisual_01.jpg") no-repeat center center;
	background-size:cover;
}

#mqSection .visual-1 {
	background:url("/res/img/sub/subVisual_01.jpg") no-repeat center center;
	background-size:cover;
}

#mqSection .visual-2 {
	background:url("/res/img/sub/subVisual_02.jpg") no-repeat center center;
	background-size:cover;
}

#mqSection .visual-3 {
	background:url("/res/img/sub/subVisual_03.jpg") no-repeat center center;
	background-size:cover;
}

#mqSection .visual-4 {
	background:url("/res/img/sub/subVisual_04.jpg") no-repeat center center;
	background-size:cover;
}

#mqSection .visual-5 {
	background:url("/res/img/sub/subVisual_05.jpg") no-repeat center center;
	background-size:cover;
}

#mqSection .visual-6 {
	background:url("/res/img/sub/subVisual_06.jpg") no-repeat center center;
	background-size:cover;
}

#mqSection .visual-7 {
	background:url("/res/img/sub/subVisual_07.jpg") no-repeat center center;
	background-size:cover;
}

#mqSection .visual-8 {
	background:url("/res/img/sub/subVisual_08.jpg") no-repeat center center;
	background-size:cover;
}

/* 공통 타이틀, 텍스트*/

/* 공통 hover 효과 */
.hover {max-width:100%; background-color:rgba(0,0,0,0.5);  text-align:center; transition:all 0.8s, color 0.3s 0.3s; }
.hover:hover{color:#fff;}
.effect1:hover{box-shadow:100% 0 0 0 rgba(0,0,0,0.8) inset;}
.effect2:hover{box-shadow:-100% 0 0 0 rgba(0,0,0,0.8) inset;}
.effect3:hover{box-shadow:0 150px 0 0 rgba(0,0,0,0.8) inset;}
.effect4:hover{box-shadow:0 -150px 0 0 rgba(0,0,0,0.8) inset;}
.effect5:hover{box-shadow:0 0 0 10px rgba(0,0,0,0.8) inset;}
.effect6:hover{box-shadow:0 0 0 2px rgba(0,0,0,0.8) inset, 0 0 0 150px rgba(255,255,255,0.5) inset; color:#484848 !important;}
.effect7:hover{box-shadow:400px 0 0 0  rgba(0,0,0,0.8) inset, -400px 0 0 0  rgba(0,0,0,0.8) inset;}
.effect8:hover{box-shadow:0 80px 0 0  rgba(0,0,0,0.8) inset, 0 -80px 0 0  rgba(0,0,0,0.8) inset;}
.effect9:hover{box-shadow:0 80px 0 0  rgba(0,0,0,0.25) inset, 0 -80px 0 0  rgba(0,0,0,0.25) inset;}
.effect10:hover {box-shadow:50% 40px 0 0 rgba(0,0,0,0.5) inset, -50% -40px 0 0 rgba(0,0,0,0.5) inset;}
					        
/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:639px) {
	.tit{font-size:1.4em;padding:10px 0px 15px;}
	.txt span{display:block;padding-bottom:5px;}
}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {
	.tit{font-size:1.6em;padding:15px 0px 30px;}
	.txt span{display:block; line-height:1.8;}
}

/* 애니메이션 */
@keyframes infiniteBackground {
	0% { background-position:center 0%; }
	5% { background-position:center 0%; }
	45% { background-position:center 100%; }
	55% { background-position:center 100%; }
	95% { background-position:center 0%; }
	100% { background-position:center 0%; }
}

/* 게시판 - 공통 (페이징) */
div.paging { text-align:center; margin-top:15px; }
div.paging > ul { font-size:.9em; display:inline-block; }
div.paging > ul > li { display:inline-block; }
div.paging > ul > li > a { min-width:34px; display:block; padding:5px 10px; }
div.paging > ul > li > ul > li > a { min-width:34px; display:block; padding:5px 10px; border:1px solid #ccc; }
div.paging > ul > li > ul a:focus,
div.paging > ul > li > ul a:hover { border-color:#3f76a5; color:#000; }
div.paging > ul > li > ul {  }
div.paging > ul > li > ul > li { display:inline-block; }
div.paging > ul > li > ul > li > a.enter { font-weight:600; border:1px solid #3f76a5; background-color:#3f76a5; color:#ff0; text-decoration:underline; }


/* 게시판 - 공통 (목록) */
/*#ly-Sub-Content-Data.sub-board div.board-list-head form fieldset { display:-ms-flexbox; display:flex; }*/

.sub-content {
  width: 100%;
}

div.board-list-head form fieldset div.default {
  display: flex;
  display: -ms-flexbox;
}
div.board-list-head form fieldset button[type="submit"] {
  border: none;
  background: url(/res/img/common/img-search.png) no-repeat center center;
  border: 1px solid #e4e4e4;
  border-left: 0px;
  color: #484848;
  padding-left: 16px;
  padding-right: 16px;
}
/* 20180601 edit -  margin-right:5px comment*/
/*div.board-list-head form fieldset :not(:last-child) { margin-right:5px; }*/
div.board-list-head form fieldset input {
  border: 1px solid #e4e4e4;
  border-left: 0px;
  border-right: 0px;
}
div.board-list-head form fieldset select {
  border: 1px solid #e4e4e4;
}
/* add 20171207 */
div.board-list-head .right {
  display: block;
}

div.board-list-head .right p,
div.board-list-head p.left {
  text-align: right;
  font-size: 0.8em;
  padding-top: 10px;
}
div.board-list-head form fieldset input[type="text"],
div.board-list-head form fieldset select,
div.board-list-head form fieldset button[type="submit"] {
  min-height: 35px;
  vertical-align: top;
  font-size: 0.9em;
}
div.board-list-head form fieldset input[type="text"] {
  padding-left: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}

table.board-list {
  border-top: 2px solid #666;
}
table.board-list thead {
  border-bottom: 1px solid #666;
  background-color: #f7f7f7;
}
table.board-list thead th:not(:first-of-type),
table.board-list tbody td:not(:first-of-type) {
  border-left: 1px solid #dadada;
}
table.board-list tbody tr {
  border-bottom: 1px solid #ccc;
}
table.board-list tbody tr:hover {
  background-color: #fafafa;
}

/* 게시판 - 기본 (열람) */
h3.board-view-title {
  background-color: #215796;
  color: #fff;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
div.board-view-info {
  font-size: 0.8em;
  background-color: #fcfcfc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 15px;
}
div.board-view {
  border: 1px solid #ccc;
  margin-top: 10px;
  padding: 20px;
  position: relative;
}
div.board-view div.board-view-data {
  word-break: break-all;
}
div.board-view-info dt,
div.board-view-info dd {
  display: inline-block;
}
div.board-view-file {
  margin-bottom: 15px;
}
div.board-view-file dt a {
  padding: 5px 12px 5px 36px;
}
div.board-view-file dd {
  margin-top: 10px;
}
div.board-view-file dt {
  font-size: 0.9em;
}
div.board-view-file dt a {
  background: url("../img/sub/img-file.png") 12px center no-repeat;
  border: 1px solid #dadada;
}
div.board-view-file dt a.active {
  border-color: #080;
  color: #080;
}
div.board-view-file dd {
  font-size: 0.7em;
  border: 1px solid #000;
  display: none;
}
div.board-view-file dd p {
  padding: 7px 9px;
  background-color: #fff;
}
div.board-view-file dd p.file {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
div.board-view-file dd p.file a {
  margin-left: 40px;
}
div.board-view-file dd p:hover {
  background-color: #eee;
}
div.board-view-file dd p span {
  padding-left: 16px;
  background: url("../img/sub/img-download.png") left center no-repeat;
}
div.board-view-file dd p a {
  display: block;
  text-align: right;
  word-break: keep-all;
  font-weight: 500;
}
div.board-view-button {
  margin-top: 10px;
}
p.img {
  margin-bottom: 10px;
  text-align: center;
}
p.img img {
  max-width: 100%;
  max-height: 100%;
}
div.board-view-data img {
  max-width: 100%;
  max-height: 100%;
}

/* 콘텐츠 */
div#subContent {
  width: 1500px;
  padding-top: 180px;
  padding-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

#subContent header .navi b {
	font-weight:400;
}

#subContent header .navi b a {
    color: #fff;
    font-weight: 400;
}

#subContent header h3,
#subContent header p {
  display: inline-block;
}
#subContent header h3 {
  font-size: 1.6em;
  color: #000;
  font-weight: 500;
  transform: translateY(-50px);
}
#subContent header p.descript {
  margin-left: 20px;
  font-size: 0.8em;
}
#subContent header div {
  position: absolute;
  top: 25px;
  right: 0;
  font-size: 0.8em;
}

/* 기본 게시판 */

div.board-list-head {
  position: relative;
  display: flex;
  width: 100%;
  height: 100px;
  background-color: #f7f6f6;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}

div.board-list-head .right {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  height: 40px;
}

div.board-list-head .right form .default {
  position: relative;
  diplay: flex;
  align-itmes: center;
  width: 400px;
  height: 40px;
}

div.board-list-head .right form .default select {
  width: 170px;
  height: 100%;
  padding: 0 10px;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

div.board-list-head .right form .default input {
  width: 230px;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding-left: 20px;
}

div.board-list-head .right form .default button {
  position: absolute;
  width: 40px;
  height: 90%;
  top: 50%;
  transform: translateY(-50%);
  right: 2px;
  background-color: #fff;
}

div.board-list-head .right form .default button span {
  position: static;
  color: #fff;
  font-weight: 500;
}

/* -------------------------------- */

/* table.board-list { margin-top:30px; } */
table.board-list thead th {
  padding: 14px 12px;
}
table.board-list tbody tr {
  font-size: 0.9em;
}
table.board-list tbody td {
  padding: 12px;
}

table.board-list tbody tr td:first-child span {
  background-color: #004c92;
  color: #fff;
  width: 60px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  border-radius: 5px;
  margin: 0 auto;
}

/* -------------------------------- */

/* table.board-list { margin-top:30px; } */
table.board-list thead th {
  padding: 14px 12px;
}
table.board-list tbody tr {
  font-size: 0.9em;
}
table.board-list tbody td {
  padding: 12px;
}

table.board-list tbody tr td:first-child span {
  background-color: #004c92;
  color: #fff;
  width: 60px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  border-radius: 5px;
  margin: 0 auto;
}

.noticeBoardStyle {
  color: #004c92;
  font-weight: 500;
}

/* 게시판 - 갤러리 (목록) */
#ly-Sub-Content-Data.sub-board div.board-list-gallery { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
#ly-Sub-Content-Data.sub-board div.board-list-gallery a { display:block; text-align:center; font-size:.9em; position:relative; margin-bottom:30px; }
#ly-Sub-Content-Data.sub-board div.board-list-gallery a p span { width:100%; height:100%; display:block; font-size:4em; font-weight:600; position:absolute; top:-99999px; left:0; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; background-color:rgba(0, 0, 0, .4); }
#ly-Sub-Content-Data.sub-board div.board-list-gallery a:focus p span,
#ly-Sub-Content-Data.sub-board div.board-list-gallery a:hover p span { top:0; }
#ly-Sub-Content-Data.sub-board div.board-list-gallery a p span b { -ms-flex-align:center; align-self:center; color:rgba(255, 255, 255, .3); }
#ly-Sub-Content-Data.sub-board div.board-list-gallery a p img { border:1px solid #dadada; }
#ly-Sub-Content-Data.sub-board div.board-list-gallery a dl { margin-top:4px; }
#ly-Sub-Content-Data.sub-board div.board-list-gallery a dd { font-size:.8em; color:#757575; }

/* 갤러리 등록된 글 없을때  */
p.nothing-data{text-align: center; width: 100%; height: 50px; line-height: 50px; border: 1px solid #ccc; margin: 0 auto;    font-size: .9em; font-weight: 600;}


div#mqSubInfo > dl { text-align:center; }
div#mqSubInfo > dl > dt { color:#fff; }
div#mqSubInfo > dl > dd { color:rgba(255, 255, 255, .7); }

nav#mqSubNavi { background-color:#205b20; }

div#mqSubFlag { background-color:#665aa7; }

div#subContent img { min-width:1%; max-width:100%; min-height:1%; max-height:100%; }


/* table skin */ 
table.default { border-top:3px solid #ccc; }
table.default > * > tr > * { border:1px solid #dadada; }
table.default > thead > tr > * { padding:10px 5px; background-color:#f7f7f7; }
table.default > tbody > tr > * { padding:8px 5px; font-size:.9em; }
table.default > tbody > tr td { text-align:center; }

table.table1 { border-top:2px solid #666; }
table.table1 thead { border-bottom:1px solid #ccc; background-color:#f7f7f7; }
table.table1 thead th{font-weight:600;}
table.table1 thead th:not(:first-of-type),
table.table1 tbody td:not(:first-of-type) { border-left:1px solid #dadada; }
table.table1 tbody td.center{text-align:center;}
table.table1 tbody tr { border-bottom:1px solid #ccc; }
table.table1 > thead > tr > * { padding:15px 10px;  }
table.table1 > tbody > tr > * { padding:15px 15px; font-size:.9em; background:#fff;}

/* 로그인 */
form#loginForm { border-top:2px solid #666; border-bottom:1px solid #666;  overflow:hidden; padding-top:50px; padding-bottom:50px; }
form#loginForm > p { font-weight:600; }
form#loginForm > div { margin-left:auto; margin-right:auto; }
form#loginForm > div > *,
form#loginForm > div > div > dl > * { float:left; }
form#loginForm > div > div { width:72%; margin-right:3%; }
form#loginForm > div > div > dl > dt { width:26%; font-weight:600; margin-top:8px; }
form#loginForm > div > div > dl > dd { width:74%; height:50px; }
form#loginForm > div > div > dl > dd > input { width:100%; font-size:1.1em; padding:6px; border:3px solid #bbb; }
form#loginForm > div > p { width:25%; }
form#loginForm > div > p > button { width:100%; height:85px; border:1px solid #5c7888; background-color:#5c7888; color:#fff; cursor:pointer; }

div#subLogin > p#errors { color:#f00; text-align:center; padding-top:20px; padding-bottom:20px; font-weight:600; }

/* 회원 가입 */
div.subSignup.stepAgreement * { line-height:1.4; }
div.subSignup.stepAgreement > dl > dd { overflow-y:scroll; }

div.subSignup.stepComplete > p { text-align:center; }
div.subSignup.stepComplete > p.msg { margin-bottom:20px; font-weight:600; border-bottom:1px solid #dadada; }

div.subSignup.stepForm > p.txt { font-size:1.1em; font-weight:600; }
div.subSignup.stepForm > div.auth { margin-bottom:20px; text-align:center; }
div.subSignup.stepForm > div.auth > p { text-align:center; font-size:1.1em; font-weight:600; margin-top:40px; margin-bottom:30px; }
div.subSignup.stepForm > div.auth > ul { overflow:hidden; }

div.subSignup.stepForm > div.auth > ul > li { background-position:center 20px; background-repeat:no-repeat; padding-top:140px; margin-bottom:40px; }
div.subSignup.stepForm > div.auth > ul > li:nth-of-type(1) { background-image:url('../img/sub/cont/member/img_auth_phone.png'); }
div.subSignup.stepForm > div.auth > ul > li:nth-of-type(2) { background-image:url('../img/sub/cont/member/img_auth_ipin.png'); }
div.subSignup.stepForm > div.auth > ul > li > a { width:150px; display:inline-block; padding-top:10px; padding-bottom:10px; background-color:#4e4e4e; color:#fff; font-size:1.2em; font-weight:600; }
div.subSignup.stepForm > div.auth > ul > li > a:focus,
div.subSignup.stepForm > div.auth > ul > li > a:hover { background-color:#080; }

div.subSignup.stepForm table th { width:25%; background-color:#f1f1f1; }
div.subSignup.stepForm > p.button { text-align:center; margin-top:20px; }
div.subSignup.stepForm > form > p.button { text-align:center; margin-top:20px; }

/* 계정 찾기 */
div#subFind > p.txt { font-size:1em; font-weight:600; }
div#subFind > div.auth { margin-top:30px; margin-bottom:20px; text-align:center; }
div#subFind > div.auth > p { text-align:center; font-size:1.1em; font-weight:600; margin-top:40px; margin-bottom:30px; }
div#subFind > div.auth > ul { overflow:hidden; }
div#subFind > div.auth > ul > li { background-position:center 20px; background-repeat:no-repeat; padding-top:140px; margin-bottom:40px; }
div#subFind > div.auth > ul > li:nth-of-type(1) { background-image:url('../img/sub/cont/member/img_auth_phone.png'); }
div#subFind > div.auth > ul > li:nth-of-type(2) { background-image:url('../img/sub/cont/member/img_auth_ipin.png'); }
div#subFind > div.auth > ul > li > a { width:150px; display:inline-block; padding-top:10px; padding-bottom:10px; background-color:#4e4e4e; color:#fff; font-size:1.2em; font-weight:600; }
div#subFind > div.auth > ul > li > a:focus,
div#subFind > div.auth > ul > li > a:hover { background-color:#080; }

/* 비번밀호 찾기 완료 */
div#subFindResult > div > dl { padding-left:30px; padding-right:30px; }
div#subFindResult p.txt { text-align:center; padding:210px 20px 30px 20px; margin-bottom:40px; border:1px solid #ccc; background:#fff url('../img/sub/img_pwfind_icon.png') no-repeat center 30px; }
div#subFindResult p.txt span { margin-top:0px; }

/* 이용약관 */
div#contToc { line-height:1.6; }

/* 개인정보처리방침 */
div#contPrivacy { line-height:1.6; }

/* 이메일무단수집거부 */
div#contMail { line-height:1.6; }
div#contMail > p { border:1px solid #dadada; padding:20px; }

/* 뷰어 내려받기 */
div#contViewer > div { border:1px solid #dadada; }
div#contViewer > div:not(:first-of-type) { margin-top:20px; }
div#contViewer > div > dl > dt { font-weight:600; }
div#contViewer > div > dl > dd { margin-top:5px; font-size:.9em; }

/* 회원가입 */
div.mqSubFlag { bottom:0px; background-color:#665aa7; display:flex; display:-ms-flexbox; width:100%; }
div.mqSubFlag ul { width:1200px; display:flex; display:-ms-flexbox; margin-right:auto; margin-left:auto; }
div.mqSubFlag ul li { flex:1; -ms-flex:1; text-align:center; color:#fff; font-size:1.2em; font-weight:bold; }
div.mqSubFlag ul li span { display:block; padding:15px 0; }
div.mqSubFlag ul li span.active { background-color:#fff; color:#333; }

/* 회원가입 완료 */
.subSignup.stepComplete { display:block; text-align:center; -ms-flex-align:center; align-self:center; }
.subSignup.stepComplete span { display:block; }
.subSignup.stepComplete p.m-t { margin:30px 0 25px 0; letter-spacing:-2px; }
.subSignup.stepComplete p.s-t { margin-bottom:30px; }

div.subSignup.stepAgreement dt { margin-bottom:20px; color:#d52323; font-weight:600; border-left:5px solid #dadada; padding-left:16px; padding-bottom:12px; }
/* div.subSignup.stepAgreement input[type="checkbox"] { border:1px solid #b2b2b2; } */

/* 정보수정  */
.subSignup.stepForm.cont { position:relative; }
.subSignup.stepForm.cont p.check { border:1px dashed #ccc; position:absolute; top:50%; margin-top:-164px; text-align:center; background-color:#f00; font-weight:bold; background:#fff url('../img/sub/img_edit_complete.png') no-repeat center 40px; }
.subSignup.stepForm.cont p.check span { display:block; margin-top:140px; }
.subSignup.stepForm.cont p.check a { display:inline-block; border-radius:5px; font-size:1em; font-weight:600; margin-top:40px; padding:10px 30px; background-color:#297ca8; color:#fff; }
.subSignup.stepForm.cont p.check a:hover,
.subSignup.stepForm.cont p.check a:focus { background-color:#ff0; color:#444; }


/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:639px) {
	nav#mqSubNavi { display:none; }

	div#mqSubInfo { min-height:240px; }
	div#mqSubInfo > dl { padding-top:124px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; }
	div#mqSubInfo > dl > dt { font-weight:600; font-size:2em; }
	div#mqSubInfo > dl > dd { margin-top:15px; font-size:.8em; }
	div#subIntro > p { margin-top:20px; }

	div#mqSubFlag > ul { display:-ms-flexbox; display:flex; }
	div#mqSubFlag > ul > li { -ms-flex:1; flex:1; }
	div#mqSubFlag > ul > li > span { display:block; color:#fff; text-align:center; padding-top:14px; padding-bottom:14px; font-weight:600; font-size:.9em; }
	div#mqSubFlag > ul > li > span.active { color:#000; background-color:#fff; }

	/* 게시판 - 공통 (목록) */
	div.board-list-head p { padding-bottom:10px; margin-bottom:10px; }
	div.board-list-head form fieldset input[type="text"] { -ms-flex:1; flex:1; }
	table.board-list thead th,
	table.board-list tbody td { padding:8px; }
	
	/* 게시판 - 기본 (열람)*/
	div.board-view-info dl.read { border-top:1px dashed #ccc; margin-top:10px; padding-top:10px; }
	div.board-view-file { margin-bottom:20px; text-align: left;}
	div.board-view-file dt a { display:block; padding:8px 12px 8px 36px; }
	

	/* 로그인 */
	div#subLogin > div { padding-top:30px; padding-bottom:30px; border-bottom:2px solid #dadada; }
	div#subLogin > div > dl { text-align:center; }
	div#subLogin > div > dl:not(:first-of-type) { border-top:1px solid #dadada; padding-top:30px; margin-top:30px; }
	div#subLogin > div > dl > dt { font-weight:600; }
	div#subLogin > div > dl > dd { margin-top:15px; font-size:.9em; word-break:keep-all; }

	form#loginForm > p { font-size:1.4em; }
	form#loginForm > div { width:300px; margin-top:40px; }
	form#loginForm > div > div > dl > dt { width:34%; font-size:.9em; }
	form#loginForm > div > div > dl > dd { width:66%; }
	form#loginForm > div > p > button { font-size:1em; }

	/* 회원 가입 */
	div.subSignup.stepComplete > p.msg { font-size:1.6em; padding-bottom:30px; }

	#ly-Sub-Parent.agree { height:auto; padding-bottom:0px; }
	#ly-Sub-Parent.agree div.mqSubFlag { margin-top:50px; }
	
	div.mqSubFlag ul li { font-size:1em;}
	
	div.subSignup.stepForm > div.auth > p { font-size:1em; }
	div.subSignup.stepForm > div.auth > ul > li {}
	div.subSignup.stepForm > div.auth > ul > li > a { font-size:0.85em; }
	div.subSignup.stepForm > div.auth > ul > li:first-of-type { border-bottom:1px dashed #dadada; padding-bottom:40px; }
	
	/* 회원가입 정보입력 */
	div.subSignup.stepForm table.table1,
	div.subSignup.stepForm table.table1 tbody,
	div.subSignup.stepForm table.table1 tbody tr { display:block; }
	div.subSignup.stepForm table.table1 tbody td, 
	div.subSignup.stepForm table.table1 tbody th { width:100%; display:block; border-left:1px solid #ccc; border-right:1px solid #ccc; }
	div.subSignup.stepForm table.table1 tbody th { border-bottom:1px solid #ccc; }
	
	div.subSignup.stepForm table.table1 p.hint { margin-top:10px; }
	
	/* 회원가입 완료 */
	.subSignup.stepComplete p.m-t { font-size:1.4em; }
	

	/* 계정 찾기 */
	div#subFind p.txt { font-size:0.85em; }
	div#subFind > div.auth > ul > li:first-of-type { border-bottom:1px solid #dadada; padding-bottom:40px; }
	div#subFind > div.auth > ul > li > a { font-size:0.85em; }
	
	div#subFindResult > div { padding-top:30px; padding-bottom:30px; border-top:2px solid #dadada; border-bottom:2px solid #dadada; }
	div#subFindResult > div > dl { text-align:center; }
	div#subFindResult > div > dl:not(:first-of-type) { border-top:1px solid #dadada; padding-top:30px; margin-top:30px; }
	div#subFindResult > div > dl > dt { font-weight:600; }
	div#subFindResult > div > dl > dd { margin-top:15px; font-size:.9em; word-break:keep-all; }
	
	
	div#signUp ul > li:not(:last-of-type) { margin-bottom:15px; }
	div#signUp dl { overflow:hidden; font-weight:600; border:1px solid #4d5164; border-left:0px; background-color:#fff; }
	div#signUp dl > * { float:left; }
	div#signUp dl > dt { padding:10px 20px; background-color:#4d5164; color:#fff;  }
	div#signUp dl > dd { font-size:0.95em; padding-top:10.5px; padding-left:30px; }
	
	/* 정보수정  */
	.subSignup.stepForm.cont p.check { left:50%; margin-left:-141px; padding:20px 60px; font-size:1em; } 
	
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1216px) {
	/* 서브 */
	#ly-Sub { margin-top:101px; }
	#ly-Sub-Parent {margin-bottom:0px !important}
	#ly-Sub-Parent dt { font-size:1.8em; }
	#ly-Sub-Parent dd { margin-top:6px; font-size:.8em; }

	/* 콘텐츠 */
	/**#subContent header h3 + * { background-color:#f7f7f7; }**/
	#subContent header p.descript { text-align:center; padding-top:6px; padding-bottom:6px; font-size:.8em; }
	#subContent header div p { display:inline-block; }

	/* 게시판 - 공통 (목록) */
	div.board-list-head { font-size:.9em; }
	table.board-list { margin-top:15px; }
	table.board-list tbody tr { font-size:.8em; }
	
	/* 회원가입 */
	div.subSignup.stepAgreement { padding:20px 0; }
	div.subSignup.stepAgreement > dl > dt { font-size:1.2em; }
	div.subSignup.stepAgreement > dl > dd { padding:20px; border:1px solid #ccc; height:400px; }
	div.subSignup.stepAgreement > p { margin-top:20px; margin-bottom:20px; }
	
	/* 회원가입 완료 */
	.subSignup.stepComplete { padding:50px 0; }
	
	/* 로그인 페이지 */
	form#loginForm { background-color:#FFF; }
	

	/* 계정 찾기 */
	div#subFind { padding:20px; }
	div#subFind > div.auth { border-top:1px solid #dadada; border-bottom:1px solid #dadada; }
	
	div#subFindResult { padding:20px; }

	/* 뷰어 내려받기 */
	div#contViewer > div { padding:20px; }
	div#contViewer > div > p { margin-top:10px; }
}

/*** Tablet ***/
@media screen and (min-width:640px) and (max-width:1216px) {
	nav#mqSubNavi > ul { display:-ms-flexbox; display:flex; }
	nav#mqSubNavi > ul > li { -ms-flex:1; flex:1; }
	nav#mqSubNavi > ul > li > a { display:block; color:#fff; text-align:center; padding-top:16px; padding-bottom:16px; font-weight:600; }
	nav#mqSubNavi > ul > li > a:focus,
	nav#mqSubNavi > ul > li > a:hover { color:#000; background-color:#ccebcc; }
	nav#mqSubNavi > ul > li > a.active { color:#000; background-color:#fff; }

	div#mqSubFlag > ul { display:-ms-flexbox; display:flex; }
	div#mqSubFlag > ul > li { -ms-flex:1; flex:1; }
	div#mqSubFlag > ul > li > span { display:block; color:#fff; text-align:center; padding-top:16px; padding-bottom:16px; font-weight:600; }
	div#mqSubFlag > ul > li > span.active { color:#000; background-color:#fff; }

	div#mqSubInfo { min-height:300px; }
	div#mqSubInfo > dl { padding-top:154px; margin-left:auto; margin-right:auto; }
	div#mqSubInfo > dl > dt { font-weight:600; font-size:2.5em; }
	div#mqSubInfo > dl > dd { margin-top:15px; font-size:.9em; }
	
	
	div#subContent .cont,
	#bbsList,#bbsPhotoList,#bbsView{padding:20px;}

	/* 게시판 - 공통 (목록) */
	div.board-list-head { display:-ms-flexbox; display:flex;     -ms-flex-pack: right;  -ms-flex-pack: end;  justify-content: flex-end;}
	table.board-list thead th { padding:12px; }
	table.board-list tbody td { padding:10px 12px; }
	

	/* 로그인 */
	div#subLogin > div > dl { padding-left:20px; padding-right:20px; }

	/* 회원 가입 */
	#ly-Sub-Parent.agree { height:auto; padding-bottom:0px; }
	#ly-Sub-Parent.agree div.mqSubFlag { margin-top:70px; }
	div.subSignup.stepComplete > p.msg { font-size:1.8em; padding-bottom:35px; }
	
	

	/* 계정 찾기 */
	div#subFindResult > div > dl { padding-left:20px; padding-right:20px; }
	div#subFindResult p.txt span { font-size:1.4em; }
}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {
	/* 게시판 - 기본 (열람) */
	div.board-view-info { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
	div.board-view-file { text-align:right; }
	div.board-view-file dd { position:absolute; right:20px; }
	
	/* 회원가입 */
	div.mqSubFlag ul li { font-size:1.2em;}
	div.subSignup.stepForm > div.auth > ul > li { width:50%; float:left; }
	div.subSignup.stepForm > div.auth > ul > li:first-of-type { border-right:1px solid #dadada; }
	
	/* 회원가입 완료 */
	.subSignup.stepComplete p.m-t { font-size:2.5em;  }
	
	/* 로그인 */
	div#subLogin > div { display:-ms-flexbox; display:flex; padding-top:30px; padding-bottom:30px;  border-bottom:2px solid #dadada; }
	div#subLogin > div > dl { -ms-flex:1; flex:1; }
	div#subLogin > div > dl:nth-of-type(2) { border-left:1px solid #dadada; border-right:1px solid #dadada; }
	div#subLogin > div > dl > dt { font-weight:600; }
	div#subLogin > div > dl > dd { margin-top:15px; font-size:.9em; word-break:keep-all; }

	form#loginForm > p { font-size:1.6em; }
	form#loginForm > div { width:500px; margin-top:50px; }
	form#loginForm > div > div > dl > dt { width:26%; font-size:1.1em; }
	form#loginForm > div > div > dl > dd { width:74%; }
	form#loginForm > div > p > button { font-size:1.2em; }

	/* 계정 찾기 */
	div#subFind > div.auth > ul > li:first-of-type { border-right:1px solid #dadada; }
	div#subFind > div.auth > ul > li { width:50%; float:left; } 
	
	div#subFindResult > div { display:-ms-flexbox; display:flex; padding-top:30px; padding-bottom:30px; border-top:2px solid #dadada; border-bottom:2px solid #dadada; }
	div#subFindResult > div > dl { -ms-flex:1; flex:1; }
	div#subFindResult > div > dl:nth-of-type(2) { border-left:1px solid #dadada; border-right:1px solid #dadada; }
	div#subFindResult > div > dl > dt { font-weight:600; }
	div#subFindResult > div > dl > dd { margin-top:15px; font-size:.9em; word-break:keep-all; }
	
	/* 정보수정  */
	.subSignup.stepForm.cont p.check { width:550px; left:50%; margin-left:-275px; padding:40px 170px; font-size:1.3em; } 
	
}

/*** Desktop ***/
@media screen and (min-width:1217px) {
	nav#mqSubNavi > ul { width:1200px; margin-left:auto; margin-right:auto; display:-ms-flexbox; display:flex; position:relative;}
	nav#mqSubNavi > ul > li { -ms-flex:1; flex:1; }
	nav#mqSubNavi > ul > li > a { display:block; color:#fff; text-align:center; padding-top:16px; padding-bottom:16px; font-weight:600; }
	nav#mqSubNavi > ul > li > a:focus,
	nav#mqSubNavi > ul > li > a:hover { color:#000; background-color:#ccebcc; }
	nav#mqSubNavi > ul > li > a.active { color:#000; background-color:#fff; }
	
	/* 3 dept  menu */
	nav#mqSubNavi div { width:1200px; position:absolute; left:0; padding:10px; background-color:#fff; border-left:1px solid rgba(0, 95, 140, .8); border-right:1px solid rgba(0, 95, 140, .8); border-bottom:1px solid rgba(0, 95, 140, .8); font-size:.9em; display:none }
	nav#mqSubNavi div.on{display:block !important;}
	nav#mqSubNavi div li { display:inline-block; margin-right:5px; }
	nav#mqSubNavi div a { display:block; border:1px solid #ccc; border-radius:200px; padding:8px 30px; }
	nav#mqSubNavi div a.active{ border-color:#013959; background-color:#000; color:#fff;}
	nav#mqSubNavi div a:focus,
	nav#mqSubNavi div a:hover { border-color:#013959; background-color:#000; color:#fff; }
	

	div#mqSubFlag > ul { width:1200px; margin-left:auto; margin-right:auto; display:-ms-flexbox; display:flex; }
	div#mqSubFlag > ul > li { -ms-flex:1; flex:1; }
	div#mqSubFlag > ul > li > span { display:block; color:#fff; text-align:center; padding-top:16px; padding-bottom:16px; font-weight:600; }
	div#mqSubFlag > ul > li > span.active { color:#000; background-color:#fff; }

	div#mqSubInfo { min-height:350px; }
	div#mqSubInfo > dl { width:1200px; padding-top:172px; margin-left:auto; margin-right:auto; }
	div#mqSubInfo > dl > dt { font-weight:600; font-size:3em; }
	div#mqSubInfo > dl > dd { margin-top:15px; }
	
	/* 서브 */
	#ly-Sub { margin-top:111px; }
	#ly-Sub div.frame { width:1200px; margin:auto; padding-top:40px; padding-bottom:40px; }
	#ly-Sub-Parent dt { font-size:2.2em; }
	#ly-Sub-Parent dd { margin-top:8px; }

	#ly-Sub-Navi li.home-data{width:59px; background:#f4c120 url(/res/img/sub/img-home.png) no-repeat center center;border-left:1px solid transparent; }
	#ly-Sub-Navi li.home-data a{display:block;width:100%; height:100%; }
	#ly-Sub-Navi li.parent-data:first-of-type { border-left:1px solid transparent; }

	#ly-Sub-Navi a.parent-link:hover,
	#ly-Sub-Navi a.parent-link:focus { background-color:rgba(233, 169, 50, .3); color:#484848 }
	#ly-Sub-Navi a.parent-link.active { background-color:#fff; color:#000; }
	#ly-Sub-Navi div.on{display:block !important;}
	#ly-Sub-Navi p { display:block; padding:20px 35px; }

	/* 콘텐츠 */
	div#subContent { width:1200px; padding-top:60px; padding-bottom:60px; margin-left:auto; margin-right:auto; }
	#subContent header h3,
	#subContent header p { display:inline-block; }
	#subContent header h3 { font-size:1.6em; color:#000;  font-weight:600;}
	#subContent header p.descript { margin-left:20px; font-size:.8em; }
	#subContent header div { position:absolute; top:14px; right:10px; font-size:.8em; }

	/* 로그인 페이지 */
	form#loginForm { background-color:#fafafa; }
	.login_title{padding-top:35px;}

	/* 게시판 - 공통 (목록) */
	div.board-list-head { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between;  -ms-flex-pack: right;  -ms-flex-pack: end;  justify-content: flex-end; }
	table.board-list { margin-top:30px; }
	table.board-list thead th { padding:14px 12px; }
	table.board-list tbody tr { font-size:.9em; }
	table.board-list tbody td { padding:12px; }

	/* 게시판 - 기본 (열람) */
	h3.board-view-title { margin-top:10px; }

	/* 회원 가입 */
	#ly-Sub-Parent.agree { position:relative; }
	div.mqSubFlag { position:absolute; }
	div.subSignup.stepAgreement > dl { margin-bottom:15px; }
	div.subSignup.stepAgreement > dl:last-of-type { margin-top:50px; }
	div.subSignup.stepAgreement > dl > dt { font-size:1.4em; }
	div.subSignup.stepAgreement > dl > dd { height:333px; border:1px solid #dadada; }
	div.subSignup.stepAgreement > dl > dd > div { padding:20px; }
	div.subSignup.stepAgreement > p.btn { margin-top:50px; }

	
	div.subSignup.stepComplete > p.msg { font-size:2em; padding-bottom:40px; }

	div.subSignup.stepForm > div.auth { border:1px solid #dadada; }
	div.subSignup.stepForm p.hint { margin-top:10px; }
	
	.subSignup.stepComplete p.m-t { font-size:2.5em; }
	.subSignup.stepComplete p.s-t { margin-bottom:30px; }
	

	/* 로그인 */
	div#subLogin > div > dl { padding-left:30px; padding-right:30px; }

	/* 계정 찾기 */
	div#subFind > div.auth { border:1px solid #dadada; }

	div#subFindResult p.txt span {font-size:1.5em; }
	
	/* 뷰어 내려받기 */
	div#contViewer > div { padding:20px 25px; display:-ms-flexbox; display:flex; }
	div#contViewer > div > dl { width:85%; }
	div#contViewer > div > p { width:15%; text-align:right; }
	
	div.waring_text > p.t { margin-left:130px; }
}

/* 서브 헤더 메뉴 */
#ly-Sub {
  margin-top: 111px;
}
#ly-Sub div.frame {
  width: 1200px;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

#ly-Sub-Parent {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 410px;
  background-color:#6A6D77;
  /* background: url(/res/img/sub/sub_bg.jpg) no-repeat center center;
  background-size: cover; */
}

#ly-Sub-Parent dl {
  margin-top:90px;
  text-align: center;
  color: #fff;
}

#ly-Sub-Parent dt {
  font-size: 35px;
}

#ly-Sub-Parent dd {
  margin-top: 8px;
}

#ly-Sub-Navi {
  width: 100%;
  position: absolute;
  top: 410px;
  z-index: 2;
  background-color: #e5f2fa;
}

#ly-Sub-Navi ul.parent {
  width: 1200px; /*서브 2차 메뉴 라인 기존1400*/
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}

#ly-Sub-Navi li.home-data {
  display: none;
  width: 59px;
  background: #f4c120 url(/res/img/sub/img-home.png) no-repeat center center;
  border-left: 1px solid transparent;
}

#ly-Sub-Navi li.home-data a {
  display: block;
  width: 100%;
  height: 100%;
}
#ly-Sub-Navi li.parent-data:first-of-type {
  border-left: 1px solid transparent;
}

#ly-Sub-Navi li.parent-data:last-child {
  border-right:none;
}

#ly-Sub-Navi li.parent-data {
  border-right: 1px solid #fff;
  flex: 1;
  -ms-flex: 1;
}

#ly-Sub-Navi a.parent-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #e5f2fa;
  padding: 10px 10px;
  color: #000;
  font-weight: 400;
  text-align: center;
}

#ly-Sub-Navi a.parent-link:hover,
#ly-Sub-Navi a.parent-link:focus {
  background-color: rgba(233, 169, 50, 0.3);
  color: #484848;
}

#ly-Sub-Navi a.parent-link.active {
  background-color: #fff;
  color: #0084ce;
}

#ly-Sub-Navi div {
  width: 100%;
  min-height:50px;
  position: absolute;
  left: 0;
  bottom:0;
  transform:translateY(100%);
  background-color: #fff;
  font-size: 15px;
  border-bottom: 1px solid #e5f2fa;
  display: none;
}

#ly-Sub-Navi div .child {
  width: 1200px;
  margin: 0 auto;
}

#ly-Sub-Navi div.on {
  display: block !important;
}

#ly-Sub-Navi div li {
  display: inline-block;
  margin-right: 15px;
  padding: 10px 0;
}

#ly-Sub-Navi div a {
  display: block;
  color: rgba(0, 0, 0, 0.9);
}

#ly-Sub-Navi div a.active {
  border-color: #013959;
  background-color: #fff;
  color: #000;
  font-weight: 600;
}

#ly-Sub-Navi div a:focus,
#ly-Sub-Navi div a:hover {
  color: #000;
}

#ly-Sub-Navi p {
  display: block;
  padding: 20px 35px;
}

/* 콘텐츠 */
div#subContent {
  position:relative;
  width: 1200px; /*서브본문 전체영역 기존 1400*/
  padding-top: 180px;
  padding-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

#subContent header {
  position: absolute;
  width: 100%;
  left: 0;
  top: -30px;
  color: #fff;
  display: flex;
  padding: 10px 0px;
}
#subContent header h3,
#subContent header p {
  display: inline-block;
}
#subContent header h3 {
	display:none;
  font-size: 1.6em;
  color: #000;
  font-weight: 600;
  transform: translateY(-50px);
}
#subContent header p.descript {
  margin-left: 20px;
  font-size: 0.8em;
}
#subContent header div {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
}

#subContent .cont {
	/* border-left:1px solid rgba(0,0,0,0.2);
	border-right:1px solid rgba(0,0,0,0.2);  서브본문 사이드 라인*/
}

/* 일반 게시판 */

div.board-list-head .right {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  height: auto;
}

div.board-list-head .right form .default {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 40px;
}

div.board-list-head .right form .default select {
  width: 100px;
  height: 100%;
  padding: 0 10px;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin-right: 10px;
}

div.board-list-head .right form .default input {
  width: 230px;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding-left: 20px;
}

div.board-list-head .right form .default button {
  position: absolute;
  width: 76px;
  height: 90%;
  top: 50%;
  transform: translateY(-50%);
  right: 2px;
  background-color: #5e97b6;
}

div.board-list-head .right form .default button span {
  position: static;
  color: #fff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

div.board-list-head .right p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 500;
  font-size: 15px;
  width: auto;
}

div.board-list-head p.left {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 500;
  font-size: 15px;
  width: 250px;
}






/* 반응형 */
/* 데스크탑 */
@media screen and (max-width:1450px) {
	#ly-Sub-Navi ul.parent, div#subContent, .cont {
		width:90vw;
	}
	
	#ly-Sub-Navi div .child {
		width:90vw;
		padding:0;
	}
	
	#ly-Sub-Navi ul.parent {
		flex-wrap:wrap;
		background-color:#E5F2FA;
	}
	
	#ly-Sub-Navi li.parent-data {
		flex:none;
		width:20%;
		border-bottom:1px solid #fff;
	}
	
	#ly-Sub-Navi li.parent-data:last-child {
		border-right:1px solid #fff;
	}
	
	#ly-Sub-Navi li.parent-data:nth-child(6n) {
		border-right:none;
	}
	
	#ly-Sub-Navi a.parent-link {
		font-size:15px;
	}
	
	#subContent .cont {
		padding:30px 80px;
	}
}

/* 테블릿 */
@media screen and (max-width:1023px) {
	#ly-Sub-Navi li.parent-data {
		width:25%;
	}
	
	#ly-Sub-Navi li.parent-data:nth-child(6n) {
		border-right:1px solid #fff;
	}
	
	#ly-Sub-Navi li.parent-data:nth-child(4n + 5) {
		border-right:none;
	}
	
	#subContent .cont {
		padding:30px 50px;
	}
}

/* 모바일 */
@media screen and (max-width:767px) {
	#ly-Sub-Navi li.parent-data {
		width:33.33333%;
	}
	
	#ly-Sub-Navi li.parent-data:nth-child(4n + 5) {
		border-right:1px solid #fff;
	}
	
	#ly-Sub-Navi li.parent-data:nth-child(3n + 1) {
		border-right:none;
	}
	
	#subContent .cont {
		padding:30px 10px;
	}
}

@media screen and (max-width: 900px) {
  div.board-list-head {
    height: auto;
    padding: 20px;
    flex-direction: column-reverse;
  }

  div.board-list-head .right form .default {
    margin: 0 auto;
  }

  div.board-list-head p.left {
    align-self: flex-end;
    width: auto;
  }
}

@media screen and (max-width: 800px) {
  /* div.board-list-head .right form .default select {
			width:15%;
		}
		
		div.board-list-head .right form .default input {
			width:65%;
		}
		
		div.board-list-head .right form .default button {
			width:15%;
		}
		
		div.board-list-head .right form .default select {
			padding:0;
		} */
  div.board-list-head .right p,
  div.board-list-head p.left {
    font-size: 12px;
  }

  /* ---------- 게시판 반응형 변형 ---------- */

  .board-list thead {
    display: none;
  }

  .bbsList {
    position: relative;
  }

  #bbsList {
    overflow: hidden;
  }

  .board-list {
    width: 100%;
  }

  .tbody {
    width: 100%;
  }

  .board-list tbody tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 50px;
    width: 100%;
    height: 100%;
    border-top: 2px solid rgba(0, 0, 0, 0.3);
  }

  .board-list tbody tr td {
    display: flex;
    font-size: 16px;
  }

  .board-list tbody tr td span {
    display: block;
    width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
  }

  .board-list tbody tr td:nth-child(1)::before {
    content: "번호";
    display: block;
    width: 100px;
    font-weight: 500;
  }

  .board-list tbody tr td:nth-child(2)::before {
    content: "제목";
    display: block;
    width: 100px;
    font-weight: 500;
    text-align: center;
  }

  .board-list tbody tr td:nth-child(3)::before {
    content: "작성자";
    display: block;
    width: 100px;
    font-weight: 500;
  }

  .board-list tbody tr td:nth-child(4)::before {
    content: "작성일";
    display: block;
    width: 100px;
    font-weight: 500;
  }

  .board-list tbody tr td:nth-child(5)::before {
    content: "조회";
    display: block;
    width: 100px;
    font-weight: 500;
  }

  table.board-list thead th:not(:first-of-type),
  table.board-list tbody td:not(:first-of-type) {
    border-left: none;
  }
}

@media screen and (max-width: 800px) {
  div.board-list-head .right p,
  div.board-list-head p.left {
    font-size: 12px;
  }
}

@media screen and (max-width: 730px) {
  .histroy-lesson div.board-list-head .right {
    flex-direction: column;
  }

  .histroy-lesson div.board-list-head .right p {
    margin-top: 10px;
    align-self: flex-end;
  }
}
	
@media screen and (max-width: 700px) {
  div.board-list-head .right {
    flex-direction: column;
  }

  div.board-list-head .right p,
  div.board-list-head p.left {
    margin-top: 10px;
    align-self: flex-end;
  }

  .right fieldset {
    display: flex;
    align-items: center;
  }

  div.board-list-head .right form .default {
    width: auto;
  }

  div.board-list-head .right form .default select {
    width: 100px;
  }
}



	/* border-left:1px solid rgba(0,0,0,0.2);
	border-right:1px solid rgba(0,0,0,0.2);  서브본문 사이드 라인*/