@charset "UTF-8";

.totop{
position: fixed;
right: 10px;
bottom: 50px;
background: rgb(47,17,52);
width: 50px;
height: 50px;
}

.w_full{width: 100%!important; clear: both!important; float:none!important; }

.beforpage{ color: #2D477A; font-size: 2rem;}
.iBtn.arrow_left.beforpage::before{ background-size: .8rem auto; background-position-y: center; vertical-align: baseline;}
.iBtn.arrow_left.beforpage:hover{ background: transparent;  color: #D02829; }
.iBtn.arrow_left.beforpage:hover::before{background-position-y: 25%;}

/* location */
.locationArea{ margin-bottom: 40px; }
.locationInner{ max-width: 1920px; height: 50px; margin: 0 auto;position: relative; }
.location{width:100%; height: 100%; position: absolute; background: #fff; }
.location li{
float: left;
height: 100%;
position: relative;
}
.location .lo_home{
background: #ddd;
width: 50px;
}
.location .lo_home a{
background: url('../img/icons/home.png') no-repeat center -7px;
display: block;
width: 100%;
height: 100%;
background-clip: content-box;
background-size: auto 40px;
padding: 14px;
}


.location li.lo_depth{
min-width: 120px;
}

.location li.depth1::after{ display: none; }

.location .lo_depth{ display: block; }
.location .lo_depth .lo_select, .location .lo_depth a{ display: block; width: 100%; height: 100%; line-height: 50px; padding:0 20px; cursor: pointer; }
.location .lo_depth .lo_select{padding-right: 40px;}
.location .lo_depth .lo_depLi{border:1px solid #ccc; opacity: 0; height: 0; background: #fff; overflow: hidden; }
.location .lo_depth .lo_depLi li{
float: none;
border-bottom: 1px solid #ccc;
border-right: none;
}
.location .lo_depth .lo_depLi li:last-child{
border-bottom: none;
}
.location .lo_depth .lo_depLi li a{
padding-right: 20px;
text-align : left;
}
.location .lo_depth .lo_depLi a:hover, .lo_select:hover{
background: #eee;
}


.locaIcon{
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%) rotate(-90deg);
transform-origin: center;
content: "";
display: block;
width: 14px;
height: 8px;
overflow: hidden;
margin-left: 10px;
background: url('../img/icons/arrow_down.png') no-repeat center / cover;
transition-duration: 1s;
}
/* location End */

/* ?占쎌넂 뜝 뜾 쇀 뜝占 ? 넭怨ｋ쳲占쎈렰 css  뜝 럥 돯占쎄껀 뜝占 ? */
.relation-search {
	display:none;
  z-index: 20;
  position: absolute;
  min-width: 300px;
  width: 460px;
  min-height: 300px;
  max-height: 60vh;
  height: auto;
  background: #fff;
  color: #333;
  padding: 10px;
  padding-bottom: 50px;
  left: 0;
  border: 1px solid #ccc;
  text-align: left;
  overflow: hidden;
  overflow-y: auto;
}

.result-list li{ padding:5px; }

#dq_auto2{ border-top:1px solid #db504a; border-bottom:1px solid #db504a; padding: 10px 0;}
.result-img-list li{
    margin-bottom:10px;
}
.result-img-list li a {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.result-img-list li a:hover {
    color: #2D477A;
}
.result-img-list .list-img {
    width: 40%;
    height: 80px;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #eee;
}
.result-img-list .list-img img {
    width: 100%;
    display: block;
}
.result-img-list p.list-txt {
    padding: 0 10px;
}
.result-img-list p.list-txt b {
    margin-right: 10px;
}
.relation-search-footer{
  padding: 10px 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 96%;
}
.relation-search-footer a.btn_auto_all {
  color: #fff;
  float: left;
  background-color: #ff8b48c8;
}
.relation-search-footer a.relation-result-close {
  float: right;
}
.relation-search-footer a.btn_auto_all:hover {
  color: #fff;
/*   background-color: #ff8b48; */
  font-weight: bold;
}
.relation-search-footer a.relation-result-close:hover{
    color: #fff;
    font-weight: bold;
}
/* ?占쎌넂 뜝 뜾 쇀 뜝占 ? 넭怨ｋ쳲占쎈렰 css  뜝 럥 돯占쎄껀 뜝占 ? - END*/

/* container */
.container{ padding: 0 5%; max-width: 1920px; margin: 0 auto; position: relative; z-index : 0; }

.sub_wrap{ position: relative; overflow: hidden; }
.subTitle{
	margin-top: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 20px;
}

/* sub_con */
.sub_con{ 
  /* padding: 0 5%;  */
  position: relative; 
  min-height: 60vh; 
}
.sub_con.rt_sub_con{ padding-left: 400px; }
/* sub_con - End */

.subDetailTitle{
  width: 100%; height: auto;
  padding-bottom: 20px;
  display: flex; justify-content: flex-start; align-items: center;
  color: #333;
  margin-left: 50px;
/*   font-weight: bold; */
  font-size: 3rem;
}

/* board */
.boardControl{
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}
.boardControl *{vertical-align: middle; margin-right: 5px;}
.boardControl div{ display: inline-block; padding: 5px; margin-left: 0;}
.re_searchBtn{
  width: 24px;
  height: 24px;
  padding: 3px;  
  background-position-y: top;
}
.re_searchBtn:hover{
  background-color: transparent;
  background-position-y: center;
}
/* board - End */


/* left Nav Area */

.leftArea{ width: 300px; float: left; position: relative; /* left:40px; top:0; */ z-index: 1;}

/* leftNav */
.leftNav li{ width: 100%; }
.leftNav li:last-child{ border-bottom: none; }
.leftNav li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding: 10px 30px 10px 20px;
  line-height: 2rem;
  width: 100%;
  min-height: 40px;
  word-break: keep-all;
  text-align: left;
}

.leftNav li .l_dep1_mn{background: #2D477A; color: #fff; position: relative; overflow: hidden; height: 0; }
.leftNav li .l_dep1_mn:hover{background: #365491; color: #fff; }
.leftNav li .l_dep1_mn.mnTarget{background: #365491; color: #fff; }
.leftNav li .l_dep1_mn:hover::after,
.leftNav li .l_dep1_mn.mnTarget::after{
  content:"";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('../img/icons/arrow_right.png') no-repeat center;
  background-position: bottom;
  background-size: 8px;
  margin-right: 10px;
  vertical-align: middle;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.leftNav li .l_dep2_mn{background: #fff; }

.leftNav .l_nav_dep2{ display: none; max-height: 500px; overflow-wrap: anywhere; overflow-y: auto;}
.leftNav .l_nav_dep3{ position: absolute; width: 100%; top: 0; left:100%; background: #eee; }
.leftNav .l_nav_dep3 li{border-bottom-color: #fff;}

.leftNav li a:hover{    
	background: #eee;
    color: #365491; }
.leftNav li a.mnTarget{
  background: #eee;
    color: #365491;
}
.l_dep1_mn .dataNum{ margin-left: 10px; color:#FFC45E; white-space: nowrap; }

/* .mnOpen ul{display:block;} */
/* leftNav - End */

/* keywords */
.keywords{
margin-top: 30px; border-top: 2px solid #333;
}
.keywords .keyTit{ height: 40px; line-height: 40px; padding:0 20px; font-weight: bold; font-size: 1.8rem;}
.keywords .keyTit::before{
content:"";
display: inline-block;
width: 14px;
height: 14px;
background: url('../img/icons/arrow_yellow.png') no-repeat center / contain;
margin-right: 10px;
vertical-align: middle;
}
.keywords .keyList{
padding: 10px;
background: #f6f6f6;
font-size: 1.6rem;
margin-bottom: 5%;
text-align : left;
}
.tags{
display: inline-block;
background: #fff;
border: 1px solid #FFC45E;
border-radius: 3px;
padding: 5px 10px;
height: auto;
line-height: normal;
margin: 5px;
color:#365491;
cursor: pointer;
max-width: 100%;
overflow : hidden;
}
.tags:hover{
color: #365491;
background: #F0F3FA;
}
/* keywords - End */
/* left Nav Area - End */



/* pagenation */
.pagenation{ text-align: center; margin: 30px; }

.pg_act{ background-color:#2D477A; color:#fff; }

.pagenation *{
display: inline-flex; justify-content: center; align-items: center; width: 50px; height: 30px; text-align: center; padding: 0;overflow: hidden;
background-repeat: no-repeat; background-position: center; margin: 0px 2px;
}
.pagenation ul{ width: auto; vertical-align: middle; }
.pagenation .page_num a:hover{
	background-color:#365491;
	color:#fff; }

.pagenation .firstPg,
.pagenation .prevPg,
.pagenation .nextPg,
.pagenation .lastPg{
vertical-align: middle;
border:1px solid #ddd;
background-color: #fff;
}
.pagenation .firstPg:hover,
.pagenation .prevPg:hover,
.pagenation .nextPg:hover,
.pagenation .lastPg:hover{
border:1px solid #365491; background-color: #eee;
}
.pagenation .firstPg::before,
.pagenation .prevPg::before,
.pagenation .nextPg::before,
.pagenation .lastPg::before{
margin-right: 0;
display: block;
background-position: top;
}
.pagenation .firstPg:hover::before,
.pagenation .prevPg:hover::before,
.pagenation .nextPg:hover::before,
.pagenation .lastPg:hover::before{
background-position: center;
}
/* pagenation - End */

/* post_pagenation */
.post_pagenation{
	margin : auto;
	width: inherit;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.post_pagenation .firstPg::before,
.post_pagenation .prevPg::before,
.post_pagenation .nextPg::before,
.post_pagenation .lastPg::before{
background-position: bottom !important;
}

/* .post_pagenation a:{ color: #333; } */
/* post_pagenation - End */


/* thumbnail_list */
.my_list_box { height: 400px; overflow-y: auto; padding: 20px; background: #f6f6f6; }
.thumbnail_list li{ margin-bottom: 10px; border: 1px solid #eee; border-radius: 4px; background: #fff; display: flex; justify-content: space-between;}
.thumbnail_list a{ display: block; padding: 10px; overflow: hidden; width: 100%; }
.thumbnail_list .thumb_li_img{ float: left; width: 80px; height: 80px; overflow: hidden; display: flex; justify-content: center; align-items: center; border: 1px solid #eee; }
.thumbnail_list .thumb_li_img img{ width: 100%;}
.thumbnail_list .thumb_li_text{ float: left; padding: 10px 20px; width: calc(100% - 100px); }

#my_transcription .thumbnail_list.my_list_box .thumb_li_data a{display:inline;}
#my_transcription .thumbnail_list.my_list_box li{ padding:10px;}

/* thumbnail_list - End */


/*  tab */
.tab{ overflow: hidden;}
.tabCon_item{display: none; position: relative; margin: 40px 0;}
.tabMenu{ overflow: hidden; }

.tabMenu a{
/* 	width: 50%; */
	height: 60px;
	min-width: 20%;
	font-size: 1.8rem;
	padding: 0 20px;
	margin-bottom: 1px;
	}

.tab_btn{display: flex; justify-content: center; align-items: center; float: left; background: #eee;}
.tab_btn.active_bg{background: #e17373;}
/* .tab_btn:first-child{ border-left: 1px solid #ccc; } */
.tab_btn:hover{   
	color: #e17373;
    background: #fff;
    border: 1px solid #e17373;
    }
/*  tab - End */


/* gallery */
.viewGall_Btn{ background: #D02829; }
.viewGall_Btn:hover{ background: #d95050;}
.gallery ul{overflow: hidden; }
.gallery ul .gall_item {float: left; width: 21%; min-height: 150px; margin: 2%;}
.spanData{display: inline-block; color:#666; font-size: 1.3rem; margin-right: 10px;}

/* gallery - End */

/* thumbnail */
.thumbnail{display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.thumbnail:hover{font-weight: normal;}
.thumbnail .thumbImg{ height: 240px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.thumbnail img{ height: 100%; margin-right: -1px; }
.thumbnail:hover img{ opacity: .8; }
.thumbnail .caption{ width: 100%; height: auto;  background: #fff; }
.thumbnail .caption dt, .thumbnail .caption dd {padding: 5px 10px; height : 60px; }
.thumbnail .caption dt{ font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }


.thumbScale img{
	height: 100%;
	margin-right: -1px;
	transform: scale(1);
  	-webkit-transform: scale(1);
  	-moz-transform: scale(1);
  	-ms-transform: scale(1);
  	-o-transform: scale(1);
  	transition: all 0.3s ease-in-out; 	
	}

.thumbScale:hover img{
	opacity: .8;
	transform: scale(1.2);
  	-webkit-transform: scale(1.2);
  	-moz-transform: scale(1.2);
  	-ms-transform: scale(1.2);
  	-o-transform: scale(1.2);
	}



/* thumbnail - End */

/* slick */
.slick-prev, .slick-next{
  position: absolute; top:50%;
  text-indent: -999999px; font-size: 0; color: #fff;
  width: 30px;
  height: 30px; padding: 0;
  background-color: transparent;
}
.slick-prev{
  left:0; transform: translate(-100%, -50%);
}
.slick-next{
  right:0; transform: translate(100%, -50%);
}
.slick-prev:hover, .slick-next:hover{ background-color: transparent; }
.slick-prev::before, .slick-next::before{
  content: "";
  display: block;
  margin: 0 auto;
  width: 18px;
  height: 18px;
  background-position: center bottom -17px;
  background-repeat: no-repeat;
  background-size: 9px;
}
.slick-prev::before{
  background-image: url(../img/icons/arrow_left.png);
}
.slick-next::before{
  background-image: url(../img/icons/arrow_right.png);
}
.slick-prev:hover::before, .slick-next:hover::before{   background-position: center bottom -51px; }

.slick-dots{ overflow: hidden; text-align: center; padding: 5px; }
.slick-dots li{display: inline-block; margin-right: 10px;}
.slick-dots li:last-child{ margin-right: 0; }
.slick-dots button{
  padding: 0; text-indent: -999999px; font-size: 0; color: #fff; background: #ccc;
  width: 8px; height: 8px; border-radius: 4px;
}
.slick-active button{background: #D02829; }
/* slick - End*/

/* post_board */
.board_head{
  background: #eee; overflow: hidden;
  display: flex; align-items: center;
}
.head_Area{
  float: left; width: 100%; min-width: 700px; border-right: 1px solid #fff;
}

.board_head .head_Area .post_title,
.board_head .head_Area .board_ctrlBox,
.board_head .head_Area .board_public_date{
	padding: 10px 20px;
    display: flex;
    height: 100%;
    min-height: 50px;
    align-items: center;
}

.board_head .head_Area .post_title{ overflow: hidden; }
.head_Area h4{ overflow: hidden; font-size: 1.6rem; font-weight: bold; display:-webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }

.board_ctrlBox{text-align: right; }


.board_head .dataBtn {
  text-align: right;  width: 40%; min-width: 530px; padding: 0 10px;
}
.board_head .dataBtn dl{
	overflow: hidden;
/* 	max-height: 60px; */
	margin-bottom: 10px;
	}
.board_head .dataBtn dl:last-child{margin-bottom: 0;}
.board_head .dataBtn dt,
.board_head .dataBtn dd{ float: left; align-items: center; height: 100%; }
.board_head .dataBtn dt{ 
/* 	width: 80px; */
	height: 100%;
	margin-right: 1%;
	}

.board_public_date{ text-align: left; }
.board_ctrlBox .bo_ctrl_Date {  float: left; }
.board_ctrlBox .bo_ctrl_Date input { float: left; background: transparent; border:0; border-bottom: 1px solid #2D477A; }
/* board_head - icons  */
.board_ctrlBox button{ background-color: #fff; color: #333; margin-right: 10px; }
.board_ctrlBox button:last-child{margin-right: 0;}
.board_ctrlBox button:hover{background-color: #F0F3FA;}
.board_ctrlBox .dataInfoIcon{ background-color: #FFC45E; }
.board_ctrlBox .dataInfoIcon:hover{ background-color: #FAC974; }
.board_ctrlBox .inforIcon{ background-color: #D02829; color: #fff;}
.board_ctrlBox .inforIcon:hover{ background-color: #d95050; }
.board_ctrlBox .inforIcon::before{ background-position: bottom;}
.board_ctrlBox .arrow_left::before,
.board_ctrlBox .arrow_right::before{ background-size: 7px;}

.dataBtn dl dt { float : left; }

/* board_head - icons - End  */
/* board_view  */
.board_view {padding: 0; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.board_view_con { width: 65%; margin: 50px auto; line-height: 3.3vh; color: #808080; }
/* board_view - End */
/* post_board */
.post_board .hi_Con_summery{ background: #333; color:#fff; font-weight: bold; font-size: 2.4rem; padding: 10px; display: inline-block; margin-bottom: 40px;}
.post_board p { font-family: inherit; }
.post_board .post_imgLink{ width: 80%; max-width: 900px; display: block; margin: 40px auto; color: #2196f3; }
.post_board .post_imgLink img{ max-width: 100% !important; /*max-height:600px !important;*/ margin: auto; display: block;}
.post_board a.post_imgLink p{ 
    font-size: 1.6rem;
    text-align: center;
    margin-top: 10px;
    text-decoration: underline;
    color: #d4393a;
}

.post_board .editor-txt{
	width: 80%;
    margin: 40px auto;
    line-height: 3vh;
    color: #808080;
}
.post_board .hi_quotation{ width: 80%; margin: 40px auto; }
.post_board .hi_quo_inner{ padding: 30px 10%; border: 1px dashed #ddd; background: #f6f6f6; font-size: 1.6rem; color:#666; }
.post_board .hi_quo_inner *{ font-size: inherit; }
.post_board .postExcerpt{font-size: 1.4rem; color: #999; margin-top: 10px;}
.post_board .hi_quo_inner p.hi_quo_tit{ font-weight: bold; font-size: 2rem; margin-bottom: 30px;}
.post_board .hi_quo_inner p.hi_quo_seal{ margin-top:20px;}
.post_board .hi_quo_inner p.hi_quo_seal span{ text-align: right; font-weight: bold; display: block;}

/* tooltip - ?占썩뫁占썬꺃 닎 뜝 럥 맗?*/
.poExc{position: relative;}
.poExc::before{
  content: attr(data-poExc);
  color:#FA9429;
  cursor: pointer;
  font-size: 80%;
  vertical-align: top;
}
.poExc:hover .poExc_tip{
  visibility: visible;
}
.poExc_tip{
  visibility: hidden;
  width: 300px;
  background: rgba(255, 255, 255, .8);
  border:1px solid #ccc;
  padding: 10px;
  color: #333;
  text-align: left;
  border-radius: 6px;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1;
  font-size: 1.4rem;
  font-weight: normal;
  overflow: hidden;
}
.poExc_tip .Exc_t{ font-weight: bold; display: block; width: 100%; margin-bottom: 10px;}

/* tooltip - ?占썩뫁占썬꺃 닎 뜝 럥 맗?- End */
/* post_board - End */


/* boTable - table */
  /* .bo_tr{width: 100%; overflow: hidden; display: grid; grid-template-columns:repeat(auto-fill, minmax(10%,auto)); border-bottom: 1px solid #f6f6f6; }
  .bo_th, .bo_td{ display: inline-block; padding: 20px; border-right: 1px solid #eee;}

  .bo_1{grid-column: auto / span 1}
  .bo_2{grid-column: auto / span 2}
  .bo_3{grid-column: auto / span 3}
  .bo_4{grid-column: auto / span 4}
  .bo_5{grid-column: auto / span 5}
  .bo_6{grid-column: auto / span 6}
  .bo_7{grid-column: auto / span 7}
  .bo_8{grid-column: auto / span 8}
  .bo_9{grid-column: auto / span 9}
  .bo_10{grid-column: auto / span 10} */

  .boTable{ display: table; table-layout: fixed; width: 100%; border: 1px solid #eee;  }
  .bo_tr{ display: table-row; width: 100%;  }
  .bo_tr:nth-child(odd){ background: #F0F3FA}

  .bo_th, .bo_td{display: table-cell; padding: 10px; vertical-align: middle; text-align: center; border-right: 1px solid #eee; font-size:1.6rem; }
  .bo_th:last-child, .bo_td:last-child{ border-right: 0; }

  .cell_wide{width: 60%; }
  .cell_long{width: 40%; }

  .bo_tbl_head.bo_tr { background: #2D477A; color: #fff;}
  .bo_tbl_foot.bo_tr { background: #f6f6f6; }
/* boTable - table - End */
	.inquiryForm_display{position: relative; }
	.inquiryForm_display button.delBtn{ position:absolute; right:0; top:70px;}
	.buy-list-select{margin-bottom:10px;}
	.buy-list-select input{vertical-align:middle;}
	.buy-list-select a{ display:inline-block; height:100%;vertical-align:middle;}
	.buy-photo-info{ display:inline-block; pasdding:10px;vertical-align:middle;}

/* ----------------- sub page style - Start ----------------- */


/* //// collections - css style //// */
.infor{
    position: relative;
    margin-bottom: 30px;
    padding: 0px 40px 30px 40px;
    /* border-bottom: 1px solid #ccc; */
    margin-bottom: 40px;
    overflow: hidden;
}
.inforInner{ height: auto; overflow: hidden;}
.infor h4{ font-weight: bold; color: #2D477A; margin-bottom: 20px; text-align: center; font-size: 3rem; }
.infor p{
	margin: auto;
    line-height: 3rem;
    height: auto;
    color: #808080;
    width: 75%;
    text-align: justify;
/*     font-weight : bold; */
}

.inf_OpBtn{
  width: 60px;
  background-size: inherit;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: center;
}
.inf_OpBtn:hover{
  background-position-y: -36px;
  background-color: transparent;
}
/* //// collections - css style - End //// */

/* //// collections_detail - css style //// */

/* 
.recommend_display{padding: 30px 40px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 40px 0; overflow: hidden;}
.recommendList{ overflow: hidden; padding: 10px 0; }
.recommendList li{ float: left; width: 18%; margin: 1%; }
*/
.recommend_display{padding: 10px 40px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 10px 0; overflow: hidden;}
.recommend_tit{ font-size: 1.8rem; font-weight: bold; margin-bottom: 10px;}
.recommendList li{ margin-right: 10px; }
.recommendList .slick-dots{ position: absolute; width: 100%;}
.recommendList::before { background: linear-gradient(to right,#fff 0%,rgba(22,24,26,0) 100%);
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 1;
    }
    
.recommendList::after {     background: linear-gradient(to right,rgba(22,24,26,0) 0%,#fff 100%);
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    right:0;
    top: 0;
    width: 50px;
    z-index: 1;
    }    

.imgDetail{ 
	height: calc( 90vh - 266px ); 
	min-height: 400px; 
	overflow: hidden;
	background: #666; 
	border:1px solid #ddd;
	 margin: 1% auto 3%; 
	 position: relative;
 }
.imgView,.detail_infor_Area{float: left;}
.imgView{width: 60%; height: 100%; position:relative; }
.viewImg{min-height: 400px;}
.viewImg img {
/*   width: fit-content!important; */
  height: fit-content;
/*   max-width: 100%; */
/*   max-height: none;  */
/* 	top:50%!important; 
	left:50%!important;
	transform:translate(-50%, -50%)!important; */
} 
.viewContral {
    width: 100%;
    position: absolute;
    top: 50%;
}
.imgView.noneText{ width: 100%; }
/* detail_infor_Area */

/* detail_Infor_con */
.detail_infor_Area{ width: 40%; height: 100%; background: #fff; }
.detail_Infor_con{padding: 30px; overflow-y: auto; height: 100%}
.detailTit{
	padding: 0 10px; 
	height: 40px; 
	line-height: 40px; 
/* 	font-weight: bold;  */
	font-size: 1.8rem; 
	border-bottom: 1px solid #2D477A; 
	margin-bottom: 20px;
	color: #333333;
}

.detail_infor_Area{ width: 40%; height: 100%; background: #fff; }

.oral_downlod { margin : 0px 2px 0 0 !important; }

/* detail_Infor */
.detail_Infor dl{margin-bottom: 10px; border: 0; padding: 0; overflow: hidden; min-height: 30px;}
.detail_Infor dl.layout2{ width: 100%; display: block; padding: 0; border: 0;}
.detail_Infor dt, .detail_Infor dd{ float: left; display: inline-block; padding: 0; margin: 0; }
.detail_Infor dt{ 
	font-weight: bold; 
	color: #2D477A; 
	min-width: 100px; 
	height: 30px; 
	line-height: 30px; 
	min-height: 30px; 
	line-height: 30px;
}
.detail_Infor dd{ width: calc(100% - 100px); min-width: 120px; color:#808080; line-height: 30px;}
.detail_Infor .snsShares a{margin: 2px;}
.detail_Infor a.aBtn, .dataBtn a.aBtn{background: #fff; border: 1px solid #2D477A; color: #808080; margin: 2px 2px 0 0; float: left; }
.detail_Infor a.aBtn::before, .dataBtn a.iBtn::before{width: 12px; height: 14px; background-position-y:top; }
.detail_Infor div {
	width: 100%;
    margin: auto;
    color: #808080;
    text-align: left;
    line-height : 3.5vh;
}


/* detail_Infor_con - End */

/* licenseInfor_More */
.licenseInfor{ background: #eee; padding: 20px; margin-top: 30px; position: relative; display:block!important;}
.licenseInfor dl{margin-bottom: 20px; padding: 0; border:0; }
.licenseInfor dl:last-child{margin-bottom: none;}
.licenseInfor dt,.licenseInfor dd{ float: none; padding: 0; margin-bottom: 0; }
.licenseInfor dt{ 
/* 	font-weight: bold;  */
	font-size: 1.8rem; 
	width: auto;
	font-weight: bold;
    color: #D02829;
}
.licenseInfor dd{padding: 10px 0; width: auto; font-size: 1.6rem;}
.licenseInfor .licenseInfor_More{ position: absolute; right: 20px; top:20px; color:#D02829; text-decoration: underline;}
.licenseInfor .licenseInfor_More::after{
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/icons/arrow_right.png") no-repeat;
  background-position: center -14px;
  background-size:8px;
  margin-left: 10px;
  vertical-align: middle;
}
/* error_More */
.licenseInfor .error_More{ position: relative; right: 20px; bottom:20px; float: right; color:#D02829; text-decoration: underline;}
/* //// collections_detail - css style - End //// */

/* //// story_detail - css style -  //// */
.storyCon .thumbnail .caption dt, .storyCon .thumbnail .caption dd p{
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.storyCon .thumbnail .caption dt{ white-space: nowrap; }
.storyCon .thumbnail .caption dd p{ display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.5rem;}

.talk-people-mini{padding: 10px 0; }
.talk-people-mini li.detail_infThumb {display:inline-block; overflowL:hidden;}
.talk-people-mini li.detail_infThumb a div {width:120px; height:80px; display:flex; justify-content:center; align-items:center; overflow:hidden;  }
.talk-people-mini li.detail_infThumb a img{ width:100%; height: 100%; }
.talk-people-mini li.detail_infThumb a .name{ margin-top:10px; margin-bottom:5px; }
.talk-people-mini li.detail_infThumb a .other_content{font-size: 1.6rem; }
.other_content { display : none; }
/* //// story_detail - css style - End //// */


/* //// searchDetail //// */
.leftNav li.all_sch_result .l_dep1_mn{background: #fff; color:#2D477A;}
.leftNav li.all_sch_result .l_dep1_mn:hover::after, .leftNav li.all_sch_result .l_dep1_mn.mnTarget::after{
  background-position-y: -15px;
}
.searchForm_inner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.searchForm_display h3{margin-bottom: 40px;}
.searchForm_display span{margin-right: 5px;}
.schDetail{background-color: #2D477A; }
.schDetail.search_btn::before{ width: 1.6rem; height: 1.6rem; vertical-align: sub; background-position-y:bottom;}

.dataNum{ margin-left: 10px; color:#d95050; white-space: nowrap; }

.searchForm_display .form_bottom .search_btn{
  background-color: #D02829;
}
.searchForm_display .form_bottom .search_btn:hover{
  background-color: #d95050;
}
.searchForm_display .form_bottom .search_btn::before{
  width: 1.4rem; height: 1.4rem; background-position:bottom;
}
.searchForm_display .keyboard{ background-color: #FFC45E; border:none; background-size: 2rem; width: 30px; background-clip: inherit; }
.searchForm_display .form_section dt{width: 120px; min-width: 80px; text-align: right; float: left; }
.searchForm_display .form_section dd{ margin-right: -3px; float: left;}


/* //// searchDetail - css style //// */


/* //// searchList - css style //// */

.searchTextBox { height: auto; }

/* searchList_area */
.searchList_area{ padding: 40px 0; }
/* searchList_data */
.searchList_data{ text-align: center; }
.searchList_data p{ font-size: 2.4rem; padding: 0 20px; display: inline-block; vertical-align: sub; }
.searchList_data span{color:#D02829;}
/* searchList_boxs */
.searchList_boxs{ overflow: hidden; }
.searchList_boxs .searchList_category{
	position: relative;
    margin-bottom: 2%;
    overflow: hidden;
    width: 49%;
    float: left;
    margin-right: 2%;
}
.searchList_boxs .searchList_category:nth-child(even){ margin-right: 0;}
.searchList_boxs .searchList_category:last-child{ margin-bottom: 0;}

.searchList_boxs .search_liTit{ background: #2D477A; color:#fff; font-size: 1.6rem;height: 40px; line-height: 40px; padding: 0 20px; position: relative; }
.searchList_boxs .search_liTit span{ color:#FFC45E; font-size: 1.6rem; font-weight: bold; display: inline-block; margin-left: 10px;}

.searchList_boxs .search_liCon {border:1px solid #ddd;}
.searchList_boxs .search_liCon li {
	border-bottom: 1px solid #ddd;
    height: 235px;
}
.searchList_boxs .search_liCon li:last-child {border-bottom:none;}
.searchList_boxs .search_liCon li a{cursor: pointer; display: block; padding: 10px; height: 100%;}
.searchList_boxs .search_liCon li a:hover{font-weight: normal; color: inherit; background: #f6f6f6; }

.searchList_boxs .search_liCon .list_img{ 
	width: 35.8%;
    height: 100%;
    float: left;
    margin-right: 10px;
/*     border: 1px solid #eee; */
    overflow: hidden;
    position: relative;
}
.searchList_boxs .search_liCon img{ 
	height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute; 
}

.searchList_boxs .search_liCon li dt{
	height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 1.8rem;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; 
}
.searchList_boxs .search_liCon li dt::before{
content: "";
display: inline-block;
width: 1.6rem; height: 1.6rem;
margin-right: 10px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.searchList_boxs .search_liCon li dt.doc_icon::before{ background-image: url('../img/icons/documentIcon.png'); }
.searchList_boxs .search_liCon li dt.pic_icon::before{ background-image: url('../img/icons/imageIcon.png'); }
.searchList_boxs .search_liCon li dt.mv_icon::before{ background-image: url('../img/icons/movieIcon.png'); }
.searchList_boxs .search_liCon li dd p{
	font-size: 1.6rem;
    display: -webkit-box;
    overflow: hidden;
/*     text-overflow: ellipsis; */
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.searchList_boxs .search_liCon li dd .search_liCon_data,
.thumbnail_list .thumb_li_data{
   color:#666; 
/*    text-overflow: ellipsis;  */
   overflow: hidden; 
   -webkit-line-clamp:1; 
   -webkit-box-orient: vertical;
 }
.searchList_boxs .search_liCon li dd .search_liCon_data span,
.thumbnail_list .thumb_li_data span { 
	display: -webkit-box;
	padding: 0 10px;
	margin-top: 10px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
/* 	border-left: 1px solid #999;  */
}
.searchList_boxs .search_liCon li dd .search_liCon_data span:first-child,
.thumbnail_list .thumb_li_data span:first-child{ 
	padding-left: 0px; 
	border-left: none; 
}



/* searchList_area - End*/

/* //// searchList - css style - End //// */


/* //// information - css style //// */
.pointBox{ background: #F0F3FA; }
.section{overflow:hidden;}

.inforCon .section{ padding:50px 20px; border-bottom: 1px solid #D02829;}
.inforCon .section:last-child{ border-bottom: 0; }
.inforCon h4{ margin-bottom: 20px; text-align: center; font-size: 3rem; margin-top: 5%; }
.inforCon h6{ margin-top: 20px; text-align: center; font-size: 1.8rem;}
.inforCon .inforText *{ font-size: 1.6rem; word-break: break-all; }
.inforCon p{ padding: 20px 0;}
.inforCon a{ color: #2196f3; text-decoration: underline;}
.inforCon a.aBtn{ color: #fff; }
.inforCon .bod-img{ width: fit-content; margin:30px auto;}
.text-center{text-align:center; }

.inforCon .lists, .inforCon ol.numberlist {
/* 	width: fit-content;  */
/* 	min-width:80%;  */
	max-width:80%; 
	margin: 0 auto; 
	padding:30px 10px 30px 10px; 
/* 	min-width: auto; */
	}
.inforCon ol.numberlist li{ list-style: decimal; list-style-position: inside;}

.inforCon .lists li dl,
.inforCon ol.numberlist li dl{
  margin-bottom: 10px;  width: calc(100% - 20px);
}
.inforCon .lists li::before{
content: "";
color: #2D477A;
}

.inforCon .lists li *, .inforCon ol.numberlist li *{ display: inline-block; width: fit-content;}
.inforCon .lists li span, .inforCon ol.numberlist li span{ text-indent: 15px;}

.inforCon .lists li ul, .inforCon ol.numberlist li ul{
border: 1px solid #eee; background:#f6f6f6; padding: 20px;  margin: 10px 0; display:block;
}
.inforCon .lists li ul li, 
.inforCon ol.numberlist li ul li{
	display:inherit;
}


.inforCon .lists dt{ width: 80px; font-weight: bold; position: relative; }
.inforCon .lists dd{ padding: 0 10px; width: calc(100% - 85px); display: inline-block; vertical-align: top; }

.inforCon .downloadForm p{ padding-top: 0; text-align : center; }
.inforCon .downloadForm button{ margin-right: 5px; }

.inforCon span.red{ display: inline-block; color: #D02829; font-weight: bold; text-indent: inherit!important;}
.inforCon span.bl{ display: inline-block; color: #365491; font-weight: bold; text-indent: inherit!important; }
.inforCon span.gr{ display: inline-block; color: #3FC98F; font-weight: bold; text-indent: inherit!important; }
.inforCon span.yllw{ display: inline-block; color: #FFC45E; font-weight: bold; text-indent: inherit!important; }
.inforCon span.wt{ display: inline-block; color: #fff; font-weight: bold; text-indent: inherit!important; }
.inforCon span.gray{ display: inline-block; color: #ddd; font-weight: bold; text-indent: inherit!important; }


.inforText{ margin: 0 auto; overflow: hidden;}
.inforText h4, .inforItems h4{ font-size: 3rem!important; }
.inforText p{ 
	width: 56%;
    margin: 0 auto;
    line-height: 3vh;
}

.inforItems{ border-radius: 10px; overflow: hidden; height: auto; margin: 30px auto; }
.inforItems div{ padding: 10px; border-radius: 10px; overflow: hidden; margin: auto; }
.inforWidth { width : 55%; }

.w_2layout{
    float: left;
    width: 23%;
    margin: 1%;
    padding: 30px 0;
    border-radius: 10px;
}
.w_2layout_img_box { display: inline-block;
  width: 165px;
  height: 145px;
  margin: auto;
  position: relative;
}
.w_2layout_img_box>img {
	height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.w_2layout:last-child{margin-right: 0;}

.w_4lasyout { background: #F0F3FA; }


/* openArchive */
.oaCopylight{
  width: 100%; height: 250px;
  position: relative;
  overflow:hidden;
  background: rgb(100,136,134) url(../img/the_flood-YouTube_Moment3.jpg)no-repeat;
  backgorund-size : cover;
}
.oaCopylight p{
  font-size: 2.4rem; padding: 20px;
  text-shadow: 0px 0px 5px #333; color: #fff;
  position: absolute; top: 40%; left: 3%; z-index: 1;
}

.openApi_con .inforItems{ overflow: hidden; margin: 30px 0; height: fit-content; }

.award, .legacyService{ height: 250px; text-align: center; }
/* .legacyService p{ margin: 20px;} */
.legacyService ul li{margin-bottom: 20px;}

.nState_list ul{
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.nState_list li:nth-child(odd) {
  background: #F0F3FA;
}
.nState_list dl{
  overflow: hidden;
}
.nState_list dl dt,.nState_list dl dd{
  float: left; width: 50%; height: 40px; line-height: 40px;
}
p.nStateTitle{
  padding: 0 20px; height: 40px; line-height: 40px;
  background: #365491; color: #fff;
}

p.nStateCaption{ text-align: left; color: #888; }
p.nStateInfo{ color: #D02829; }

/* .contact .inforItems{
  background: #F0F3FA; border: 1px solid #eee; border-radius: 10px; overflow: hidden;
} */

/* .connect .downloadForm .fromDw_hwp{ background-color: #3B91F6; } */
/* .connect .downloadForm .fromDw_pdf{ background-color: #B91A4E; } */
/* .connect .downloadForm .fromDw_dosx{ background-color: #1E286A; } */


.picResource .resourceInfor{ overflow: auto; }
.picResource .reso_exImg, .picResource .reso_exInfo{ float: left; padding: 20px; }
.picResource .reso_exImg{
  display: flex;
  justify-content: center;
  align-items: center;
}
.reso_exImg { width : 40% }
.picResource .reso_exImg img{ width: 70%; }

.picUseExemple .picUse_ex_li{overflow: hidden; }
.picUseExemple .picUse_ex_li .picUse_ex{float: left; width: 23.3%; margin-right: 1%; }
.picUseExemple .picUse_ex_li .picUse_ex:last-child{ margin-right: 0; }
.picUseExemple .picUse_ex_li .picUse_ex_img { display: flex; justify-content:center; align-items: center; margin: 0 auto; width: 100%;height: 200px; overflow: hidden; }
.picUseExemple .picUse_ex_li .picUse_ex_img img{ display: block; margin: 0 auto; height: 100%; }
.picUseExemple .picUse_ex_li p{ padding:20px 5%; text-align: center; }
/* connect End */

/* publishDown - slick */
.publishDown .slick-slide{ height: 300px;}
.publishDown .slider{ height: 300px; }
.publishDown .slick-slide{
   margin: 0 20px; overflow: hidden; text-align: center;
   position: relative; text-align: center;
/*    background: #f6f6f6; */
   border: 1px solid #eee;
 }
.publishDown .slick-slide img{ 
	height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

	 }
.publishDown .slick-slide .slid_caption{ display: inline-block; width: 100%; position: absolute; bottom: 0; left: 0;}
.publishDown .slick-slide .slid_caption dl{ text-align: left; padding: 5px; background: #ffffffc4;}
.publishDown .slick-slide .slid_caption dt{ font-weight: bold; padding: 5px;}
.publishDown .slick-slide .slid_caption dd{ padding: 5px;}
/* publishDown - slick - End */

/* visit */
.visit_stepImg .processInfor, .participation_step .processInfor {grid-template-columns: repeat(auto-fill, minmax(20%,auto));}
.lawinfor p{ width: 100%; }
.visitReque_Btn{background: #D02829; height: 40px; padding: 0px 10px; font-size: 1.8rem; }
.visitReque_Btn:hover{background: #FFA770; }
.QnAlist_Btn{background: #3A9C9C; }
.QnAlist_Btn:hover{background: hsl(180,46%,48%); }
/* visit - End */

/* donation */
.dona_data_type{
  overflow: hidden;
  background: #F0F3FA;
  border-radius: 10px;
  padding: 0;
}

.donation .lists dt::after { content: ":"; position: absolute; right: 0px; }
.dona_step{ overflow: hidden;}
.dona_step .dona_ask, .dona_step .infortext{ height: 100%; padding: 0; }
.dona_step div:last-child{margin-right: 0;}

.processInfor{
  margin: 60px 0;
  display: grid; column-gap: 2%; row-gap:40px; grid-template-columns: repeat(auto-fill, minmax(16%,auto));
  counter-reset: decimal;
}
.processInfor li{
  float: left; overflow: hidden; padding: 20px;
  border-radius: 10px; box-shadow: 2px 3px 6px #ccc;
  background: #f6f6f6; position: relative;
}

.processInfor li::before{
  counter-increment: decimal; content: counter(decimal);
  display: flex; height: 40px; width: 40px; background: #D02829; padding: 10px; border-radius: 0 0 10px 0; align-items: center; justify-content: center;
  text-align: center; font-size:3rem; color:#fff; position: absolute; top: 0; left: 0;
}

.processInfor li img{ display: block; width: 60%; margin: 0 auto; margin-bottom: 20px; }
.processInfor li dt{ font-weight: bold; font-size: 2rem; padding: 5px; text-align: center}
.processInfor li dd{ padding:10px 0; border-top: 1px solid #D02829; }


.dona_infor{ height: 200px; clear: both; }
.dona_ask p{height: 50%; }
 .dona_ask .downloadForm{height: 50%; display: flex; justify-content: center; align-items: center; }
.dona_infor .quotation{
  display: flex; justify-content: flex-end; align-items: flex-end;
  border-radius: 10px; height: 100%; padding: 40px;
  color:#fff; font-size: 1.8rem; text-shadow: 1px 1px 3px #333;
  overflow: hidden; position: relative;
}
.quotation::after{
  content: "";
  display: block; width: 105%; height: 105%;
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  z-index: -1;
  background: url(../img/00917022_0001.jpg) no-repeat center top -65px / cover;
  background-color: #999;
  background-blend-mode: luminosity;
  filter: blur(1px) contrast(0.5) sepia(0.2);
}

.downloadForm{
  overflow: hidden;
/*   background: #F0F3FA; */
  padding: 3%;
  border-radius: 10px;
/*   border-top: 1px solid #fff; */
  text-align: center;
  margin: 0 auto;
}
/* donation - End */
.inquiryForm_display{ padding: 0;}
.inquiryForm_display .inqVisit_Btn{ color:#fff; background-color: #D02829; height: 40px; padding: 0 20px;}
.inquiryForm_display .inqVisit_Btn:hover{ margin-right: 0!important; background: #d95050; border: none; }

.agreement{padding: 20px; background: #f6f6f6;}
.agreement dl{overflow: hidden; display: flex; flex-wrap: wrap; border:1px solid #ccc; overflow: hidden; border-radius: 4px;}
.agreement dt,.agreement dd{padding: 10px;margin-bottom: 5px;}
.agreement dt{overflow: hidden; width: 30%; background: #F0F3FA; }
.agreement dd{overflow: hidden; width: 70%; background: #fff;}
.agreement dt:nth-last-child(2), .agreement dd:last-child{margin-bottom: 0}
p.agreement_check{padding: 10px;}


/* //// information - css style - End //// */


/* //// demoHistory - css style //// */
.demohistory_con{ position: relative; overflow:inherit;}
.demohistory_con .tabCon_item { padding: 0;}

.h_listView{ overflow: hidden; width: 100%; }
.listVw_display{width: 100%; margin: 0 auto; border: 1px solid #eee; }

/* demoHistory tab */
.historyView{
  position: absolute; top: 0px; right: 0;
}
.historyView .tab_btn.listvwBtn, .historyView .tab_btn.calvwBtn, .historyView .tab_btn.sortBtn{
  display: inline-block;
  width: 40px; height: 40px; min-width:inherit;
}
.tab_btn.listvwBtn{background: url('../img/icons/slideList.png') no-repeat center / contain; }
.tab_btn.calvwBtn{background: url('../img/icons/calendal.png') no-repeat center / contain; }
.tab_btn.sortBtn{background: url('../img/icons/category.png') no-repeat center / contain; }

.historyView .tab_btn.listvwBtn:hover,
.historyView .tab_btn.listvwBtn.active_bg{
  background: url('../img/icons/slideList_act.png') no-repeat center / contain; border:none;
}
.historyView .tab_btn.calvwBtn:hover,
.historyView .tab_btn.calvwBtn.active_bg{
  background: url('../img/icons/calendal_act.png') no-repeat center / contain; border:none;
}
.historyView .tab_btn.sortBtn:hover,
.historyView .tab_btn.sortBtn.active_bg{
  background: url('../img/icons/category_act.png') no-repeat center / contain; border:none;
}
.historyView .active_border{ border: 0;}
  .historyView .tab_btn.tab_btn:first-child{border-left: 0;}
/* demoHistory tab End */

.listVw_year, .listVw_month{ overflow: hidden; background: #fff; margin-bottom: 1px; padding: 0 50px;}
.listVw_month{padding: 0;}
.listVw_dateSelect{ background: #eee; }
.listVw_dateSelect ul{
  width: 100%; margin: 0 auto;
  position: relative;
}
.listVw_dateSelect .slick-prev, .listVw_dateSelect .slick-next{
  width: 18px; height: 18px;
}
.listVw_month ul {display: flex; align-items: center; }
.listVw_year li{min-width: 100px;}
.listVw_year li, .listVw_month li{
  height: 50px;
  border-right: 1px solid #eee; cursor: pointer;
}
.listVw_dateSelect li a{ display: flex; justify-content: center; align-items: center; width: 102%; height: 100%; position: relative; }
.listVw_year li:hover, .listVw_month li:hover{
  background-color: #FFC45E;
}
.listVw_month li {width: 20%}
.listVw_year li:last-child, .listVw_month li:last-child{
  border-right: 0;
}

.ymactive {
    background-color: #FFC45E;
    color: #365491;
    font-weight: bold;
}

/* .ymdot::after{ */
/*   content: "●"; */
/*   position: absolute; */
/*   bottom: 0px; */
/*   left: 50%; */
/*   transform: translateX(-50%); */
/*   color: #d95050; */
/*   font-size: 1rem; */
/* } */
/* .ymdot2::after{ */
/*   content: "●"; */
/*   position: inherit; */
/*   bottom: -2px; */
/*   left: 50%; */
/*   transform: translateX(-50%); */
/*   color: #d95050; */
/*   font-size: 1rem; */
/* } */
/* listVw_dateSelect - view select button end */

.demohistory_con .tabCon{ overflow: hidden;}
.listVw_lists_Area{background: #f6f6f6; }

.listVw_lists{ 
	padding: 30px; 
/* 	column-count: 4;  */
/* 	width: 20%; */
}
.vwList{
	display: inline-block; 
	overflow: hidden; 
	padding: 5px 10px; 
	border-bottom: 1px solid #ccc; 
	width: 24.7%;
}

.calVw_lists .vwList{display: block; overflow: hidden; padding: 5px 10px; border-bottom: 1px solid #ccc; width: 100%;}
.vwList a{
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 48px;
  text-overflow: ellipsis;
  overflow: hidden;
  }
.vwList span{ color: #2D477A;}
.vwList .calVw_span{line-height: 48px;}
.vwList span::after{
  content: ""; display: inline-block; vertical-align: middle;
  width: 16px; height: 16px; overflow: hidden;
  background: url('../img/icons/minus.png') no-repeat center top / cover;
  margin: 0 5px;
}
.vwList p{font-size: 12px; padding-top: 15px; margin-bottom: -25px;}
/* lists content end*/

/* h_listView end*/

.calendal_display{ max-height: 800px; overflow: hidden; }
.special-buttons{display: none;}

.calVw_dateSelect{
  width: 48%; height: 800px; float: left; display: flex; justify-content: center; align-items: center;
}

.calVw_dateSelect{
  width: 48%; height: 550px; float: left; 
}

.calVw_lists_Area{
  float: right; overflow: hidden;
  width: 50%; padding: 30px; height: 700px;
  background: #fff; border:1px solid #eee; border-radius: 10px;

}
.calVw_lists{
  float: right; overflow-y: auto;
  width: 100%; height: 100%;
}

.cateVw_lists .vwList {   width: 100%;
}
/*  h_calendalView end */
/* //// demoHistory - css style - End //// */


/* //// transcription_participation - css style //// */
.inforCon.participation p{padding: inherit;}
.trScription_step { background: none; margin: 0; background: #F0F3FA; padding: 30px; }
.trScription_step li { overflow: inherit; background: none; box-shadow: none; padding:0; padding-top: 80px; text-align: center; font-weight: bold; font-size: 2rem; }
.inforCon .trScription_step li p { font-size: inherit; padding: 0; }
.trScription_step li::before {
  background: #ccc;
  top: 10px; left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.trScription_step .trStep_this::before{ background: #D02829; }
.trScription_step li::after { content: ''; display: block; position: absolute; top:50%; right: 0; transform: translate(150%,-50%); width: 15px; height: 30px; background: url('../img/icons/arrow_right.png') no-repeat center / cover; }
.trScription_step li:last-child::after { display: none;}
.participation .imgDetail{margin-bottom: 0;}
.participation form{ width: 100%;}
.partici_step_head P{text-align: center; padding: 0;}
.tranPage_check{ overflow: hidden; display: flex;  justify-content: center; }
.tranPage_check span{
   display: flex; width: 30px; height: 30px; justify-content: center; align-items: center; text-align: center; margin-right: 5px; border: 1px solid #2D477A;
 }
.tranPage_check span:last-child{ margin-right: 0;}
.tran_selectPage .tr_pg_slct{background: #2D477A; color:#fff;}

.part_data{ display: flex; justify-content: space-around;padding: 30px 0;  background:#f6f6f6;}
.part_data .partici_num, .part_data .form_section{ width: 50%;}
.part_data .partici_num{padding: 30px;}
.part_data span{display: inline-block;}
.part_data .partici_num div p{display: inline-block; padding: 0; }

.part_data .form_section{ border: 0; border-left: 1px solid #ccc; }
.participation .form_bottom .temporary_Btn{height: auto; padding: 10px 20px; background: #aaa; }
.participation .form_bottom .temporary_Btn:hover{ background: #bbb; }
.participation .form_bottom .tranPart_Btn{height: auto; padding: 10px 20px; background: #D02829; }
.participation .form_bottom .tranPart_Btn:hover{ background: #d95050; }
.tr_textarea {height: calc(100% - 60px); padding: 0 20px 20px; }
/* .tr_textarea .writeBox{ display: block; width: 100%; height: 100%; overflow: hidden;} */
/* .writeBox textarea{width: 100%; height: 100%;} */

 .myTrPg_data{ font-size: initial; font-weight: normal; text-align: right; border-width: 1px 0 0 0; border-style: solid; border-color: #ccc; }
.zoomViewer{
    width: 100%;
    height: 100%;
    min-height:400px;
    border: 1px solid black;
    position: relative;
}
.iviewer_zoom_zero, .iviewer_zoom_status,.iviewer_rotate_left,.iviewer_rotate_right{display: none;}
.iviewer_zoom_fit {left:90px;}
.inforCon.participation .detailTit{ padding: 0 10px;}
/* //// transcription_participation - css style - End //// */



/* //// join, login - css style //// */
.snsAccount{ text-align: center; padding: 40px 0; border-top: 1px solid #2D477A; padding: 40px 0;}
.emailAccount p, .snsAccount p{ margin-bottom: 30px; text-align: center;}
.emailAccount_inner, .snsAccount_inner{ text-align: center; width: fit-content; margin: 0 auto; }
.snsAccount_inner button{width: 300px; margin-bottom: 10px; background: #fff; position: relative;overflow: hidden;}
.snsAccount_inner button::before{
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
background-size: 18px!important;
}
.snsAccount_inner label{ display: block; }

.snsAccount_inner .naverIcon{ color:#fff; border: 0; background-color: #228900; }
.snsAccount_inner .kakaoIcon{ color: #333; background-color: #F9E000; }
.snsAccount_inner .goolgeIcon{ color: #333;border: 1px solid #4285F4; }
.snsAccount_inner .facebookIcon{ color: #333; border: 1px solid #1877F2; }

.loginBtn, .joinBtn, .joinLinkBtn{ width: 300px; margin-right: 0!important; color:#fff; background-color: #D02829; text-align: center; }
.joinLinkBtn{color:#fff; background-color: #333; }
.loginBtn:hover, .joinBtn:hover{ margin-right: 0!important; background: #d95050; border: none; }


.forget{margin: 30px 0; color:#999; }
.forget a{color:#2D477A; text-decoration: underline;}


.emailAccount_inner .form_bottom label{ display: block; margin-bottom: 20px; text-align: center; }
/* //// join, login - css style - End //// */


/* //// siteMap - css style //// */
.siteMap{ overflow: hidden; display: grid; column-gap: 2%; row-gap:30px; grid-template-columns: repeat(auto-fill, minmax(20%,auto));}
.siteMap a{ display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 20px;}

.siteMap .siteMap_menu { border-radius: 4px; overflow: hidden; }
.siteMap .manuTit{background: #2D477A; color: #fff; height: 50px; line-height: 50px; text-align: center; font-size: 1.8rem;}
.siteMap .manuTit:hover{ background: #365491; color: #fff;}

.allmn_dep2{padding:20px 30px; border: 1px solid #eee; border-top: 0;}
.allmn_dep2 .allmn_dep2_li{margin-bottom: 20px;}

.dep2_manuTit{ font-weight:bolder; font-size:1.6rem; }
.dep2_manuTit:hover{ color: #D02829; background: transparent;}
.allmn_dep3{ padding: 0; border:0; }
.dep2_manuTit li, .allmn_dep3 li{  border: 0; width: 100%; }
.allmn_dep3 li{  border-bottom: 1px solid #eee; text-align: left; font-size : 1.4rem; }
.allmn_dep3 li a:hover{  background: #f6f6f6; color:#D02829; }

.allmn_dep3 li a::before{
content: "";
margin-right: 10px;
color: #2D477A;
}
.allmn_dep3 li a:hover::before{color: #D02829;}
/* .allmn_dep3 li:last-child{border-bottom: 0; } */
/* //// siteMap - css style - End //// */

/* //// mypage - css style //// */
.my_acc_area{display: flex; justify-content: space-between; align-items: center;}
.my_acc_data{width: 100%;}
.edit_account{ width: 500px; min-width:300px; text-align: right; }
.edit_account button{ margin: 2px; }
.edit_account .edit_email{ background: #F0F3FA; color:#2D477A; border: 1px solid #2D477A; }
.edit_account .edit_email:hover{  background: #365491; color:#fff; border: 1px solid transparent; }
.edit_account .edit_password{ background: #F0F3FA; color:#2D477A; border: 1px solid #2D477A; }
.edit_account .edit_password:hover{  background: #365491; color:#fff; border: 1px solid transparent; }
.edit_account .withdraw{  background: #fff; color:#666; border: 1px solid #666; }
.edit_account .withdraw:hover{  background: #eee; color:#666; border: 1px solid #666; }
.my_acc_data{overflow: hidden;}
.my_acc_data dt, .my_acc_data dd { float: left; display: inline-block; padding: 10px; vertical-align: middle; }

.thumbnail_list .my_reDwBtn{ display: flex; justify-content: center; align-items: center; width: 100px; }
.my_list_cate li, .my_lists li{ display: flex; justify-content: space-around; align-items: center; height: 40px;}
.my_list_cate li span, .my_lists li span{ display: block; text-align: center; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0 10px; }
.my_list_cate li{ background: #333; color:#fff; }

/* //// mypage - css style - End //// */

/* //// forgot - css style  //// */
.forgot{width: 60%; margin: 0 auto;}
/* //// forgot - css style - End //// */


.digital-img-registration {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    color:#ccc;
}

.digital-img-registration img {
    width: 20%;
    margin:20px;
}

.visit-open-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    color:#ccc;
}

.visit-open-info img {
    width: 30%;
    margin:20px;
}

.isadlist dl.layout2{width:100%}

/* post_board - End */

/* ----------------- sub page style - End ----------------- */

/* ?占쎌넂 뜝 뜾 쇀 뜝占 ? 넭怨ｋ쳲占쎈렰 css  뜝 럥 돯占쎄껀 뜝占 ? _junk_220112 */
.relation-search {
	display:none;
    z-index: 20;
    position: absolute;
    min-width: 300px;
    width: 488px;
    min-height: 300px;
    max-height: 60vh;
    height: auto;
    background: #fff;
    color: #333;
    padding: 10px;
    left: 0;
    border: 1px solid #ccc;
    text-align: left;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 50px;
}

.result-list li{ padding:5px; }

#dq_auto2{ border-top:1px solid #db504a; border-bottom:1px solid #db504a; padding: 10px 0;}
.result-img-list li{
    margin-bottom:10px;
}
.result-img-list li a {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.result-img-list li a:hover {
    color: #2D477A;
}
.result-img-list .list-img {
    width: 20%;
    height: 80px;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #eee;
    position: relative;
}
.result-img-list .list-img img {
    height: 100%;
    margin: auto;
    display: block;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.result-img-list p.list-txt {
    padding: 0 10px;
}
.result-img-list p.list-txt b {
    margin-right: 10px;
}

.relation-search-footer{
  margin-top: 10px;
  padding: 10px 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 96%;
}
.relation-search-footer a.btn_auto_all {
  color: #fff;
  float: left;
  background-color: #365491;
}
.relation-search-footer a.relation-result-close {
  float: right;
}
.relation-search-footer a.btn_auto_all:hover {
  color: #fff;
/*   background-color: #ff8b48; */
  font-weight: bold;
}
.relation-search-footer a.relation-result-close:hover{
    color: #fff;
    font-weight: bold;
}

#searchInput {
    width: 170px;
    font-size: 16px;
}

.lastCate {
	width: 100% !important;
}

.introduce {
  border-top: 1px solid #333;
  width: 100%;
  margin: 30px auto 0px;
}
.introduce_head {
  height: 40px; line-height: 40px; padding:0 20px; font-weight: bold; font-size: 1.8rem;
}
.introduce_head::before{
  content:"";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('../img/icons/arrow_yellow.png') no-repeat center / contain;
  margin-right: 10px;
  vertical-align: middle;
  }
.introduce_contents {
  padding: 10px;
  text-align: justify;
  font-size: 1.6rem;
  color : #808080;
}

.non-depth {
    font-size: 1.6rem;
}

.l_nav_dep2 li {
    font-size: 1.6rem;
}
.legacyCenter, .devCenter {
	text-align: center;
}
.legacyCenter p {
	padding : 0;
}
.vistCenter {
	width: 100%;
}
.opneCenter {
	text-align: center;
}
.downloadForm img:hover {
	cursor: pointer;
}



.mobileBtn {
	display:none;
	color: #fff;
    background-color: #2D477A;
    right: 0;
    border-radius: 12px;
    padding: 5px 12px 5px 12px;
    float : right;
}

.legacyService.pointBox.w_2layout p { text-align : center; font-size: 1.6rem;}

.contents-detail-inner div p { font-size : 1.7rem; }





.summeryCon div {
	margin: auto;
	line-height: 3rem;
	height: auto;
	color: #808080;
	width: 75%;
	text-align: justify;
}

.summeryCon p span {
	font-family : SpoqaHanSansNeo-R !important;
	font-size: 1.8rem !important;
	margin: auto;
	line-height: 3rem;
	height: auto;
	color: #808080 !important;
	width: 75%;
	text-align: justify;
}

.detail_Infor div p span {
	font-size : 1.8rem !important;
	font-family : SpoqaHanSansNeo-R !important;
}








.board_foot {
	width : 55%;
	margin : auto;
}

.post-cont, .post-cont2 {
	float:left;
	width:50%;
    padding: 1.5%;
    height: 130px;
/*     border: 1px solid #dadada; */
/*     background-color: #eeeeee; */
}

.post-cont2 {
	float:right;
}

.pager-txt p.title {
	margin: 2% 0 0 0;
    font-size: 1.8rem;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pager-img {
	width : 40%;
	height : 100%;
	float : left;
	}
	
.pager-txt { margin-left: 42%; }

.content_prevPg { float : left; }
/* .prevPg::before { width:0; } */

.content_nextPg { float : right; }
/* .nextPg::before { width:0; } */

.board_foot_btn {
    /* background-color: coral; */
    margin: auto;
    width: 96%;
    display: flow-root;
}

.content_prevPg, .content_nextPg {
	text-align : center;
/* 	width : 15%; */
	background-color: #365491;
    color: #fff;
    font-weight: normal;
    display: inline-block;
/*     border-radius: 5px; */
/*     padding : 3px 5px; */
}

.content_prevPg:hover, .content_nextPg:hover {
	color : #fff !important;
	cursor: pointer;
}


.content_prevPg::before {
	background: url(../img/icons/arrow_fill_right.png) no-repeat center / cover;
}



.nextPg_2::after {
	content: "";
    display: inline-block;
    width: 2.2rem;
    height: 2.2rem;
    vertical-align: middle;
    margin-left: 5px;
    background-position: center;
    background-size: cover;
}

.nextPg::before { display : none; }

.nextPg::after {
	background: url(../img/icons/arrow_fill_right.png) no-repeat center / cover;
	background-position: bottom;
}