@charset "utf-8";

/********************
* common
********************/



:root {
  --default_color:#4a60e5;
  --pink:#f6294b;
  --black:#1b1d26;
  --default_font:'Pretendard';
  --blue:#1383cf;
  --light_yellow:#f2f0e6;
  --noto_font:'Noto Sans KR';
  --jalnan_font:'jalnan';
  --bg_gray:#f3f5f7;
  --border_color:#ccc;
  --bor_radius:10px;
  --scdream_font:"scdream";
  --gray:#646360;
  --sky:#eef5ff;
  --yellow:#f3d324;
}


.tooltip {font-size: 13px; font-family: "Pretendard"; }
.tooltip.bs-tooltip-right {margin-left: 7px;}
.tooltip.bs-tooltip-bottom{ left: 0 !important;}
.tooltip.bs-tooltip-top{ margin-bottom: 3px;}


.icon_checkbox input[type="checkbox"] + label::before {content: '\e989';}
.icon_checkbox {margin-top: 0;}

html {width:100vw; overflow: hidden;}
html,
body {height: 100dvh;  min-width: 320px; width:100vw; font-family: "Pretendard"; font-size: 16px;  font-weight: 400;   color: #1a2027; background-color: #f2f4f7; overflow: hidden; letter-spacing: 0em;}
img[usemap] {  border: none;  height: auto;  width: auto;  max-width: 100%;}
img {  max-width: 100%;}
map area {  cursor: pointer;}
html[hc="a0"] {  -webkit-filter:none !important}

.uppercase {text-transform: uppercase;}

.pointer {cursor: pointer;}
button {position: relative;}



@media only screen and (max-width:2000px){
  html,
  body {font-size: 14px;  }
}



select,
input[type="text"],
input[type="password"],
textarea,
.input_file .file_name,
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  height:30px;line-height:30px;
  vertical-align: middle;
  padding: 0px 15px; 
  border: 1px solid #cfd3d7;
  font-size: 100%;
  width: 100%;
  border-radius: 7px;
}




.t_c00{color: var(--default_color)  !important; }
.t_c01{color: #cf556f !important; }
.t_c02{color:#028c08 !important;}
.t_c03{color: #2f417a !important; }
.t_c04{color: #e38600 !important;}
.t_c05{color: #378ed8 !important; }
.t_c06{color:#6362e7 !important;}
.t_gray{color:#969cb0 !important;}
.t_lightgray{color:#e4e4e4 !important; }
.t_white{color:#fff !important;}
.t_black{color: #060b19 !important; }

/* 버튼 컬러 */
.btnPack{ background-color:var(--default_color);  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); font-weight: 500;}
.btnPack > i {}

.btnPack.c01{background-color: #cf556f; }
.btnPack.c02{background-color:#028c08;}
.btnPack.c03{background-color: #2e49a1; }
.btnPack.c04{background-color: #e38600; }
.btnPack.c05{background-color: #378ed8; }
.btnPack.c06{background-color:#6362e7;}
.btnPack.gray{background-color:#8f97b2;}
.btnPack.lightgray{background-color:#f2f4f7; color:#696a71 !important;}
.btnPack.white{background-color:#fff; color: #666 !important;}
.btnPack.black{background-color: #333436; }
.btnPack.deepgray { background-color: #64697a; }

.btnPack.border {border:1px solid #a2b4ca !important; ; background-color: #fff; color: var(--default_color) !important; }
.btnPack.border_c01 {border:1px solid ; background-color: #fff; border-color: #dab3b7 !important; color:#cf556f !important;}
.btnPack.border_c02 {border:1px solid ; background-color: #fff; border-color: #93c494 !important; color:#028c08 !important;}
.btnPack.border_c03{border:1px solid ; background-color: #fff; border-color: #8398dd !important; color:#14339b !important;}
.btnPack.border_c04 {border:1px solid ; background-color: #fff; border-color: #d4ad9e !important; color:#e38600 !important;}
.btnPack.border_c05 {border:1px solid ; background-color: #fff; border-color: #86bcec !important; color:#378ed8 !important;}
.btnPack.border_c06 {border:1px solid ; background-color: #fff; border-color: #acacf1 !important; color:#6362e7 !important;}
.btnPack.border_black {border:1px solid ; background-color: #fff; border-color: #a3a5ad !important; color:#191f2e !important;}
.btnPack.border_gray {border:1px solid #cfd3d7 !important;  background-color: #f4f4f5; color: #6b6b6b !important; }
.btnPack.border_lightgray {border:1px solid #cfd3d7 !important;  background-color: #fff; color: #6b6b6b !important; }

.dropdown-menu.show {width: 100%;}

/********************** 뷰어 css *******************/

.viewer_layout {position: relative;}
.viewer_left_wrap {display: block; margin-right: 430px; position: relative; transition: all 0.6s;}
.viewer_right_wrap {position: absolute; width: 430px; right:0; top:0; bottom: 0px; transition: all 0.6s;  animation: first_motion 0.7s cubic-bezier(0.36,0.07,0.19,0.97) both; z-index: 90;}
/*
.viewer_right_wrap::before {content:''; position: absolute; right:60%; background-image: url(/module/admin/images/renewal/logo_default.png); bottom:-50px; width: 500px; height: 500px; filter: grayscale(1); opacity: 0.1; background-size: 100% auto; background-repeat: no-repeat;}
*/
@-webkit-keyframes first_motion {
  0% {   transform: translateX(400%);   }
  100% {  transform: translateX(0%); ;  }
}

.viewer_layout.right_hide .viewer_left_wrap{margin-right: 0px;}
.viewer_layout.right_hide .viewer_right_wrap{right:-460px;}


@media only screen and (max-width:1200px){
  .viewer_layout .viewer_left_wrap{margin-right: 0px;}
  .viewer_layout .viewer_right_wrap{right:-460px !important;}
}

/* 뷰어 본문 */
.viewer_con_wrap {max-width: 1200px; margin: 0 auto; padding: 0 25px; position: relative;}
.viewer_areabox {position: relative;}
.viewer_top {height: 80px; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; position: relative;}
.viewer_top > .viewer_logo{ display: flex; align-items: center;}
.viewer_top > .viewer_logo img{ height: 35px; margin-right: 5px;}
.viewer_top > .viewer_logo strong{font-weight: 700; font-size: 120%; color: #3d3d3d; 
}
.viewer_top > .viewer_locatioin{display: flex; align-items: center; font-weight: 700; line-height: 28px; font-size: 105%;}
.viewer_top > .viewer_locatioin > i{color: #bec0cf; padding: 0 10px;}
.viewer_top > .viewer_locatioin > em{background-color: rgba(0, 0, 0, 0.09); display: inline-block; padding: 0 12px; border-radius: 4px; margin-right: 12px;}

.mobile_close_btn {display: none; position: absolute; right: 10px; top:50%; transform: translateY(-90%);}

@media only screen and (max-width:991px){
  .viewer_top {flex-wrap: wrap; font-size:90%; align-content: space-evenly;}
  .viewer_top > .viewer_logo {}
  .viewer_top > .viewer_logo img{ height: 25px; }
  .viewer_top > .viewer_logo, .viewer_top > .viewer_locatioin{ width: 100%; justify-content: left;}
  .mobile_close_btn {display: block;}
}
@media only screen and (max-width:761px){
  .viewer_top { font-size: 80%; }
  .viewer_top > .viewer_logo, 
  .viewer_top > .viewer_locatioin{width: 100%;justify-content: left;line-height: 18px;letter-spacing:-0.05em;flex-wrap: wrap;}
  .viewer_top > .viewer_locatioin {font-size: 110%; }
.viewer_top > .viewer_locatioin > em{display:none;}
.viewer_top > .viewer_locatioin > i {padding:0 4px;}

}



.viewer_content_wrap {display: block;background-color: #fff;border-radius: 0;position: relative;height: calc(100dvh - 150px);box-shadow: 0px 0px 20px rgba(107,114,152, 0.15);overflow-y: auto;transition:all 1s;}
.viewer_content_top { padding: 0px 0px 30px 0px; }
.assem_stit {display: flex; justify-content: space-between; font-size: 100%; color: #555;}
.assem_big_tit { text-align: center; }
.assem_big_tit.v_foot { margin-top: 50px; font-size: 110%;}

.assem_big_tit .assem_tit_name{ font-size: 220%;  padding: 25px 0 15px 0; display: flex; justify-content: center;  align-items: center;}
.assem_big_tit .assem_tit_name > a{color: #bec0cf; padding-top: 3px;}
.assem_big_tit .assem_tit_name strong{font-weight: 700; padding: 0 20px; line-height: 100%;}
.assem_big_tit .assem_viewer_num ul{display: flex; justify-content: center;}
.assem_big_tit .assem_viewer_num ul li{margin: 0 2px; width: 25px; height: 25px; line-height: 25px; position: relative;}
.assem_big_tit .assem_viewer_num ul li a{ position: relative; font-size: 85%; color: #555; display: block;}
.assem_big_tit .assem_viewer_num ul li.active::before{content: ''; position: absolute; left:0; top:0; width: 25px; height: 25px; border-radius: 50%; background-color: #d6e6ff; }
.assem_big_tit .assem_viewer_num ul li.active a{ color: #000; }

.viewer_content_menu{ position: sticky;border-radius:20px 20px 0 0; top:0px; display: flex; justify-content: space-between;  align-items: center; box-shadow: 0px 5px 4px rgba(107,114,152, 0.07); background-color: #fff; padding: 0px 25px; z-index: 9;}
.viewer_content_menu .viewer_menu {}
.viewer_content_menu .viewer_menu > ul { display: flex;}
.viewer_content_menu .viewer_menu > ul > li {position: relative;}
.viewer_content_menu .viewer_menu > ul > li + li:after {content:''; position: absolute; top:20px; bottom:20px; left:0; background-color: rgba(0, 0, 0, 0.07); width: 2px;}
.viewer_content_menu .viewer_menu > ul > li > a{ font-size: 100%; font-weight: 700; line-height: 55px; padding: 0 25px; white-space: nowrap; color: #909299; transition: all 0.3s;}
.viewer_content_menu .viewer_menu > ul > li > a:hover{color:#222}
.viewer_content_menu .viewer_menu > ul > li.active > a{font-weight: 700; color: var(--default_color);}
.viewer_content_menu .viewer_menu > ul > li.active::before{ content: ''; position: absolute; left:5px; right:5px; bottom:-1px; height: 3px; background-color: var(--default_color);}

.viewer_content_menu .viewer_menu_btn > ul {display: flex; justify-content:right ;}
#mobile_searchbtn {display: none;}

#font_set_btn {}
#font_set_btn.active {background-color: #8c90a4;}
#font_set_btn.active * {color: #fff !important;}
#font_set_btn > i {font-size: 120%;}

.viewer_content_menu .view_popup_box {}

@media only screen and (max-width:761px){
.viewer_content_menu{  padding: 0px 10px;}
.viewer_content_menu .viewer_menu > ul > li > a {line-height:45px}
.assem_big_tit .assem_tit_name strong {padding:0 10px}


.viewer_content_menu .view_popup_box {left:10px !important; right:10px !important;top:45px !important; }

}

@media only screen and (max-width:540px){
.viewer_content_menu .view_popup_box {min-width:auto !important; }
	}


/* 본문 폰트크기, 줄간격, 문단 간격 조절 */
.viewer_content_box {padding:40px 35px 250px 35px; font-size: 100%; line-height: 170%;}
.viewer_content_box a:hover {text-decoration: underline;}

.view_content_head {margin-bottom: 50px; border-bottom: 1px solid #eceff7;}
.view_content_head .view_assem_info {padding-bottom: 30px; }
.view_content_head .view_assem_info p{padding: 2px 0;}
.view_content_head .view_assem_bill {border-top: 1px solid #eceff7;}
.view_content_head .view_assem_bill strong {font-size: 130%;font-weight: 700;flex:0 0 250px;width: 250px;margin-bottom: 10px;word-break: keep-all;}
.view_content_head .view_assem_bill ul li {padding:3px 0; display: flex; }
.view_content_head .view_assem_bill ul li a{color: #424fa3;}
.view_content_head .view_assem_bill ul li i{margin-right: 2px;}



.view_content_body {}
.view_content_item {padding: 40px 0; display: flex;  }
.view_content_item .content_name {flex: 0 0 250px; font-size: 115%; width: 250px;padding-right: 25px; margin-bottom: 15px;}
.view_content_item .content_name .icon_checkbox {padding-top:0;}
.view_content_item .content_name .icon_checkbox label{font-weight: 700;white-space:inherit;line-height: inherit;word-break:keep-all;padding-left: 27px;}
.view_content_item .content_name .icon_checkbox label > span{display:inline-block}
.view_content_item .content_name .icon_checkbox input[type="checkbox"] + label::before {line-height: inherit;}
.view_content_item .content_name strong{color: #505db1; font-weight: 700;}
.view_content_item .content_name strong i{color: #c5cad3; }
.view_content_item .content_speech p:first-child{margin-top: 0;}
.view_content_item .content_speech p:last-child{margin-bottom: 0;}
.view_content_item .content_speech p{margin: 18px 0;}


@media only screen and (max-width:760px){
  .assem_stit { flex-wrap: wrap; text-align: center; justify-content: center; }
  .assem_stit > span {width:100%;}
  .assem_big_tit .assem_tit_name {font-size: 140%;}
  .viewer_content_box {padding:20px 15px 250px 15px; }
}




/********************** 폰트 설정 css *******************/
/* 폰트 사이즈 */
.view_fs80 {font-size: 80%;}
.view_fs90 {font-size: 90%;}
.view_fs100 {font-size: 100%;}
.view_fs110 {font-size: 110%;}
.view_fs120 {font-size: 120%;}
.view_fs130 {font-size: 130%;}
.view_fs140 {font-size: 140%;}
.view_fs150 {font-size: 150%;}


/* 글꼴 설정 */
.view_font_Pretendard {font-family: 'Pretendard';} /* Pretendard */
.view_font_Scdream {font-family: 'scdream'; } /* 에스코어드림 */
.view_font_Bongodic {font-family: 'Noto Sans KR';} /* 본고딕  */
.view_font_GulimChec {font-family: 'GulimChe', '굴림체';} /* 굴림체  */
.view_font_DotumChe {font-family: 'Dotum', '돋움';} /* 돋움체 */
.view_font_BatangChe {font-family: 'BatangChe', sans-serif; } /* 바탕체 */
.view_font_GungsuhChe {font-family: 'GungsuhChe', sans-serif; } /* 궁서체 */


/* 줄간격 설정 */
.view_l_height80 {line-height: 130%;}
.view_l_height90 {line-height: 150%;}
.view_l_height100 {line-height: 170%;} /* 170%가 기본 */
.view_l_height110 {line-height: 190%;}
.view_l_height120 {line-height: 210%;}
.view_l_height130 {line-height: 230%;}
.view_l_height140 {line-height: 250%;}
.view_l_height150 {line-height: 270%;}

/* 단락 간격 */
.view_paragraph80 .content_speech p{margin: 10px 0;}
.view_paragraph90 .content_speech p{margin: 15px 0;}
.view_paragraph100 .content_speech p{margin: 18px 0;} /* 18px 가 기본 */
.view_paragraph110 .content_speech p{margin: 23px 0;}
.view_paragraph120 .content_speech p{margin: 30px 0;}
.view_paragraph130 .content_speech p{margin: 35px 0;}
.view_paragraph140 .content_speech p{margin: 40px 0;}
.view_paragraph150 .content_speech p{margin: 45px 0;}


/*폰트 키울시 체크박스 여백 조절 */
.view_fs110 .view_content_item .content_name .icon_checkbox label{padding-left: 32px;}
.view_fs120 .view_content_item .content_name .icon_checkbox label{padding-left: 36px;}
.view_fs130 .view_content_item .content_name .icon_checkbox label{padding-left: 40px;}





.profile_img {display: block; font-size: 80%; letter-spacing: -0.08em; color: #999; margin-left: 23px; margin-top: 10px;}
.img_wrap {width: 60px; height: 60px;  border-radius: 50%; overflow: hidden; border: 1px solid #d7dae4; transition: all 0.3s; margin-top: 5px; background-color: #e8e9ed;}
.img_wrap img{mix-blend-mode: darken;}

/*
.profile_img:hover .img_wrap{border-color: #d7dae4; }
*/

.view_time {font-size: 90%; color: #787878; }



.bill_item {padding: 50px 0 0 0; border-top: 1px solid #d7dbe6; margin-top: 50px;}
.view_content_body #bills_0.bill_item {margin-top:0; padding-top:0;}
.bill_item .view_content_item:last-child {padding-bottom:0;}
.bill_title {display: flex; align-items: flex-start; padding: 0px 5px;}
/*
.bill_title {display: flex; align-items: flex-start; justify-content: space-between; padding: 20px 25px; border-radius: 10px; background-color: #f2f4f7;}
*/
.bill_title > strong{ display: inline-flex; font-weight:700; font-size: 135%; padding-right: 10px; }
.bill_title > strong > i{ padding-right: 10px; font-size: 90%; margin-top: 5px;}
.bill_file_btn {display: inline-flex; }


.bill_title > strong.bill_mic {color:#2339b9;}


/* 안건 첨부파일 */
.pdf_add_box { padding: 20px 30px; margin-left: 250px; background-color: #f6f8fa; border-radius: 5px; border: 1px solid #e0e0e0;}
.pdf_add_box .pdf_contentbox{}
.pdf_add_box .pdf_add_tit{font-weight:700; font-size: 110%;}
.pdf_add_box .pdf_bill a{display: block; position: relative; color: #444; font-size: 95%;  margin: 2px 0;}
.pdf_add_box .pdf_bill a::before{content: '\ea94'; display: inline-block; line-height:inherit;  color: #797d8f; font-family: 'xeicon'; margin-right: 4px; font-size: 90%;}
.pdf_add_box .tar {font-size: 90%; color: #555; padding-bottom: 5px;}

/* 첨부링크 부분 */
.pdf_add_box .pdf_bill ul li {display:flex; }

.view_con {font-size: 105%; padding: 2px 0; color: #555;}


.view_content_foot {padding:30px 0;  border-top: 1px solid #eceff7; border-bottom: 1px solid #eceff7; margin-top:40px;}
.view_content_foot .foot_content{padding: 15px 0; }
.view_content_foot .foot_content dl dt{font-weight: 700; padding-bottom: 5px;}
.view_content_foot .foot_content dl dd{padding-left: 18px;}







@media only screen and (max-width:1200px){
  #mobile_searchbtn {display: block;}
  }
  
  @media only screen and (max-width:991px){
    .view_content_item {flex-wrap: wrap; }
  
    .view_content_head .view_assem_bill strong {flex:0 0 100%; width: 100%;}
    .view_content_item .content_name {flex: 0 0 100%; width: 100%;}
    .view_content_item .content_speech {padding-left: 20px;}
  
    .viewer_content_menu .viewer_menu > ul > li > a{ font-size: 90%; padding: 0 10px; }
    .pdf_add_box {  margin-left: 0px;}
  
  }
  @media only screen and (max-width:540px){
    .viewer_con_wrap {padding: 0px;}
  
    .viewer_menu_btn > ul > li > button > span{ display: none;}
  /*
    html,body { background-color: #1a2027; }
    */
    
    .bill_title > strong {font-size:120%;}
  }
  
  
  












/* 뷰어 기능아이콘 왼쪽*/
.viewer_icon {position: fixed; left:30px; top:50%; transform: translateY(-60%); z-index: 999; transition: all 0.6s;}
.viewer_icon > ul > li {padding:10px 5px; position: relative; animation-name:fadeInUp;     display: block; animation-duration: 0.5s; }
.viewer_icon > ul > li .icon_btn{ display: block; width: 45px; height: 45px; background-color: #fff; text-align: center; line-height: 45px; border-radius: 12px; box-shadow: 0px 0px 15px rgba(107,114,152, 0.2); color: #65676e; font-size: 17px; transition: all 0.3s;}
.viewer_icon > ul > li .icon_btn:hover {color: #060b19; box-shadow: 0px 0px 15px rgba(129, 136, 156, 0.5)}
.viewer_icon > ul > li .icon_btn.active {color: #fff; box-shadow: 0px 0px 15px rgba(129, 136, 156, 0.5); background-color: #55596f; }
.viewer_icon > ul > li .down_num{position: absolute; top:-5px; right: -5px; width:22px; height: 22px;  line-height: 23px; border-radius: 50%; background-color: var(--default_color); display: flex; justify-content: center; align-items: center;}
.viewer_icon > ul > li .down_num span{color: #fff; font-size: 11px; text-align: center; line-height: inherit;}

.viewer_icon > ul > li:nth-child(1) {-webkit-animation-delay:0.4s; animation-delay:0.4s;}
.viewer_icon > ul > li:nth-child(2) {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.viewer_icon > ul > li:nth-child(3) {-webkit-animation-delay:0.8s; animation-delay:0.8s;}
.viewer_icon > ul > li:nth-child(4) {-webkit-animation-delay:1s; animation-delay:1s;}
.viewer_icon > ul > li:nth-child(5) {-webkit-animation-delay:1.2s; animation-delay:1.2s;}









/* 뷰어 기능아이콘 */
.inner_viewer_icon {position: absolute; left:50%; transform: translateX(-50%); bottom:30px;  z-index: 999; width: 100%; display: flex; padding: 0 50px; justify-content: right;}
.inner_viewer_icon .icon_area { display: flex; justify-content: center; width: calc(100% - 40px); flex: 1 0 calc(100% - 40px);  animation: inner_icon_motion 0.8s cubic-bezier(0.36,0.07,0.19,0.97) both; }
.inner_viewer_icon .icon_area > ul {display: flex; background-color: #fff;  box-shadow: 0px 0px 15px rgba(107,114,152, 0.2); border-radius: 40px; padding: 0 20px; }
.inner_viewer_icon .icon_area > ul > li {padding:5px 5px;  }
.inner_viewer_icon .icon_area > ul > li .icon_btn{  height: 40px;  text-align: center; line-height: 40px; border-radius: 12px; color: #65676e; transition: all 0.3s; padding: 0 15px; display: flex; align-items: center; white-space: nowrap;}
.inner_viewer_icon .icon_area > ul > li .icon_btn.active, 
.inner_viewer_icon .icon_area > ul > li .icon_btn:hover {color: #060b19;    background-color: #f2f4f7; }

.inner_viewer_icon .icon_area > ul > li .icon_btn.active {   border: 1px solid #c0c2c9;
   box-shadow: 1px 1px 5px rgba(107, 114, 152, 0.25);}

.inner_viewer_icon .icon_area > ul > li .down_num{ width:22px; height: 22px; line-height: 23px; border-radius: 50%; background-color: var(--default_color); display: flex; justify-content: center; align-items: center; margin-left: 5px; font-size: 11px; }
.inner_viewer_icon .icon_area > ul > li .down_num span{color: #fff; text-align: center;}
.inner_viewer_icon .icon_area > ul > li .icon_btn > span {; display: inline-block; padding-left: 5px; font-size:90%; }

.inner_viewer_icon .icon_area > ul > li .view_popup_box { min-width: 500px; left:200px; right:170px;}
@media only screen and (max-width:991px){
	.inner_viewer_icon .icon_area > ul > li .view_popup_box {  left:0px; right:-40px; min-width:auto;}
}
.top_btn {width: 40px;  }

.down_num.plus_motion {animation: plus_motion 0.6s cubic-bezier(0.36,0.07,0.19,0.97) both; }


@-webkit-keyframes inner_icon_motion {
  0% { transform: translateY(50%);  opacity: 0; }
  100% {transform: translateY(0%);opacity: 1;}
}

@-webkit-keyframes plus_motion {
  0% { transform:scale(1); }
  50% { transform: scale(1.3); background-color: #007bff; }
  100% {transform: scale(1);}
}

/*최상단으로 이동*/
.back-to-top {display:none;width:40px !important;height:40px !important;border-radius:100%;text-align:center;line-height:40px !important; background-color: #a3a9b0; box-shadow: 0px 0px 10px rgba(107,114,152, 0.4); transition: all 0.4s; opacity: 0.7;}
.back-to-top:before{content:'\f062';font-size:1.1em;color:rgba(255,255,255,1);font-family:'FontAwesomeS';}
.back-to-top:hover{ background-color:#383846; opacity: 1;}
.back-to-top:hover:before{color:rgba(255,255,255,1);}



@media only screen and (max-width:1700px){
  .viewer_icon {  animation: icon_hide_motion 2s cubic-bezier(0.36,0.07,0.19,0.97) both;}
  
@-webkit-keyframes icon_hide_motion {
  0% {    left:30px;  }
  50% {    left:-200px;    opacity: 0;  }
  100% {    left:-200px;    opacity: 0;    display: none;  }
}
}


@media only screen and (max-width:761px){
  .inner_viewer_icon {padding: 0 10px;}
  .inner_viewer_icon .icon_area > ul > li .icon_btn > span {display: none;}
  .inner_viewer_icon .icon_area > ul > li {padding:0px;}
  .inner_viewer_icon .icon_area > ul > li .icon_btn{  font-size: 13px; }
}







/* 뷰어 검색 영역  */
.viewer_search_box {height: 80px; display: flex; width: 100%; align-items: center;}
.viewer_search_box .search_title{width: 90px; flex: 0 0 90px; font-size: 80%; text-align: right; padding-right:20px; font-weight: 700; }
.viewer_search_box .search_title strong{font-weight: 700; color: var(--default_color); display: block; font-size: 120%; }
.viewer_search_box .search_btn{width: 70px;  flex: 0 0 70px; padding-left: 0px;}
.viewer_search_box .search_btn .keyword_search_btn{width: 40px; height: 40px; line-height: 40px; color: #fff; background-color: #9195b4; border-radius: 50%;}

.viewer_search_box .keyword_slide_wrap{ display: block; flex:0 0 calc(100% - 140px); width: calc(100% - 140px); border-bottom: 1px solid #ddd;}
.viewer_search_box .keyword_slide_wrap .keyword_slider {padding: 0 10px; transition: all 0.4s; position: relative; border-radius: 5px;}
.viewer_search_box .keyword_slide_wrap .keyword_slider:hover {background-color: rgba(0, 0, 0, 0.05)}
.viewer_search_box .keyword_slide_wrap .keyword_slider .keyword_more_btn { position: absolute; right:5px; line-height: 40px; width: 30px; top:3px; z-index: 10;}
.viewer_search_box .keyword_slide_wrap .keyword_slider a {display: block;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  line-height: 40px;margin:2px; font-weight: 700; }

.keyword_listbox {position: absolute; left:-5px; top:-5px; right:0; z-index: 105; background-color: #fff; padding: 10px 20px; box-shadow: 0px 0px 20px rgba(107,114,152, 0.3); border-radius: 15px;display: none; }
.keyword_listbox ul {}
.keyword_listbox ul li + li { border-top: 1px dashed #eee;}
.keyword_listbox ul li a{display: block;  line-height: 40px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; font-weight: 700; padding: 0 10px; transition: all 0.4s;}
.keyword_listbox ul li a em {color: var(--default_color); display: inline-block; padding-right: 5px; }
.keyword_listbox ul li a:hover {background-color: #eef0f3;}

.word_cell {display: inline-block; background-color: #fff21c; }
.word_cell.active {background-color: #e3498e; color: #fff;}


.search_input_box {position: absolute; box-shadow: 0px 0px 20px rgba(107,114,152, 0.2); background-color: #fff; display: none; align-items: center; line-height: 40px; top:17px;  padding: 3px 15px; border-radius: 30px; justify-content: space-between; transition: all 0.6s; z-index: -1; opacity: 0;}
.search_input_box.show {z-index: 999; display: flex;}
.search_input_box > i {color: #9699a4;}
.search_input_box > .input_box {flex: 1 0 auto; margin: 0 7px;}
.search_input_box > .input_box input{line-height: 40px; border: none; }
.search_input_box > .result_num { display: flex; font-size: 12px; flex: 0 0 50px; white-space: nowrap;}
.search_input_box > .result_num em{ font-weight: 900; display: inline-block; padding-right: 4px; }
.search_input_box > .result_btn {display: flex; flex: 0 0 75px; }
.search_input_box > .result_btn button{padding: 0 5px;}

/* 오른쪽 상단 검색 위치 */
.viewer_search_box .search_input_box { }
.viewer_search_box .search_input_box.show {left:0; right:10px;  animation: search_default 1s cubic-bezier(0.36,0.07,0.19,0.97) both;}

/* 왼쪽 검색 위치 */
.search_input_box.left_pos{  top:auto; width: 340px; left:60px;  }
.search_input_box.left_pos.show {bottom:10px;  animation: search_left_pos 1s cubic-bezier(0.36,0.07,0.19,0.97) both;}
.search_input_box.left_pos > .input_box input{ width: 150px; font-size: 13px;}

/* 본문 하단 검색 위치 */
.search_input_box.bottom_pos {/* width: 310px; */top:auto;left: 0;right: -40px;}
.search_input_box.bottom_pos.show { bottom:60px; animation: search_bottom_pos 1s cubic-bezier(0.36,0.07,0.19,0.97) both; }
.search_input_box.bottom_pos > .input_box input{ width: 142px;}


@-webkit-keyframes search_default {
  0% { transform: translateX(200%);  opacity: 0;  display: none; }
  100% {transform: translateX(0%);opacity: 1; display: flex;} 
}

@-webkit-keyframes search_left_pos {
  0% { transform: translateY(70px);  opacity: 0;  display: none; }
  100% {transform: translateY(0px);opacity: 1; display: flex;}
}

@-webkit-keyframes search_bottom_pos {
  0% { transform: translateY(70px);  opacity: 0; display: none;  }
  100% {transform: translateY(0px);opacity: 1; display: flex;}
}

@media only screen and (max-width:1500px){
.search_input_box > .input_box {margin:0;}
}



/* 뷰어 오른쪽박스 영역  */
.viewer_right_box { display: block; background-color: #fff; border-radius: 20px 0 0 20px; position: relative; height: calc(100dvh - 115px);  box-shadow: 0px 0px 20px rgba(107,114,152, 0.15); }

.viewer_title {padding:20px 30px 15px 30px;}
.viewer_title .title_box {display: flex; justify-content: space-between; align-items: center; }
.viewer_title .title_box strong{font-size: 100%; font-weight: 700;}
.viewer_title .title_box strong span{color: #6176f3;}
.viewer_title .title_box .title_btn{}
.viewer_title .title_box .title_btn > ul{display: flex;}
.viewer_title .title_box .title_btn > ul > li {margin: 0 7px;}
.viewer_title .title_box .title_btn > ul > li .pop_btn {transition: all 0.3s; border-radius: 50%; color: #65676e; font-size: 90%;}
.viewer_title .title_box .title_btn > ul > li .pop_btn.active {background-color: #f2f4f7; }

.viewer_title > p{ font-size: 70%; color: #777; margin-top: 5px;}

/* 뷰어 영상회의록록 영역  */
.viewer_vod_wrap {padding:0 0px 25px 0; border-bottom: 1px solid #eceff7; position: absolute; right: 0; left: 0; top: 0; height: 280px;}
.vod_wrap {margin:0 30px; padding-bottom:47%; position: relative; }
.vod_wrap > video {position: absolute; left:0; right:0; top:0; height:100%; background-color:#000;}

/* 뷰어 요약박스 영역  */
.viewer_ai_box {position: absolute; top: 280px; left:0; right:0; bottom: 0;}
.viewer_ai_box .viewer_title{box-shadow: 0px 5px 4px rgba(107,114,152, 0.07);}
.viewer_ai_box .ai_content_box {position: relative; overflow-y: auto;  transition:all 1s; padding: 25px 30px 100px 30px; bottom:0; height: calc(100% - 83px); line-height: 160%; font-size: 95%; color: #555;}
.viewer_ai_box .ai_content_box.choice_member_height { height: calc(100% - 131px); }
.viewer_ai_box .ai_content_box > * {padding: 10px 0; }
.viewer_ai_box .ai_content_box strong {font-weight: 600; display: block; color: #111;}
.viewer_ai_box .ai_content_box p > strong {display: inline-block; padding: 0;}



/* 발언자별 의원 슬라이드 */
.choice_member_list {margin-top: 15px;}
.member_slider .slider {margin:0 5px;}
.member_slider .slider .slick-slide {margin: 0 3px;}
.member_slider .slider .choice_member_cell {display: inline-block; margin: 2px 0px; background-color: #f2f4f7; padding: 0 10px 0 13px; border-radius: 25px; font-size: 12px; font-weight: 600; line-height:28px; transition: all 0.3s; color: #666;}
.member_slider .slider .choice_member_cell:hover {background-color: #e5e8ec; }
.member_slider .slider .choice_member_name {  }
.member_slider .slider .choice_member_del span::before {  }
.member_slider .slick_prev {left:-25px;  }
.member_slider .slick_next {right:-25px; }



/* 발언자별 의원 요약 화면 */
.choice_member_wrap {}
.choice_member_wrap br{ margin: 5px 0; display: block; height: 10px;}
.member_summary_cell + .member_summary_cell {margin-top: 40px;}
.member_summary_cell > h4{ font-weight: 700; margin-bottom: 10px; color: #222; font-size: 110%;}
.member_summary_cell > h4 > span{ color:#5462b6; font-size: 90%;}

.viewer_ai_box .ai_content_box .no_member {padding:10% !important; display: block;}
.viewer_ai_box .ai_content_box .no_member i{font-size: 300%; color:#ced1df;}





/* 뷰어 스크롤바  */
.viewer_scroll_state {position: fixed; bottom: 0; left:0; right:0; cursor: pointer; z-index: 101;}
.viewer_scroll_state .viewer_scroll_state_bg {background-color: #d5d8e4; height: 16px;}
.viewer_scroll_state .viewer_scroll_state_bg .viewer_scroll_bar{background-color: #6176f3; position: relative; padding: 0 20px; text-align: right; line-height: 16px; font-size: 12px; color: #fff; transition: all 0.3s;}
.viewer_scroll_state .viewer_scroll_state_bg .viewer_scroll_bar span{}


#right_slide_btn {position: fixed; right:415px; top:49%;  transition: all 0.7s; animation: fadeinbtn 1s cubic-bezier(0.36,0.07,0.19,0.97) both; z-index: 100;}
#right_slide_btn i{display: block; width: 30px; height: 30px; background-color: #fff; line-height: 30px; text-align: center; border-radius: 50%;  box-shadow: 0px 0px 20px rgba(107,114,152, 0.4); transition: all 0.6s;}
#right_slide_btn:hover i {box-shadow: 0px 0px 10px rgba(107,114,152, 0.8);  }
#right_slide_btn span{display: none; }

#right_slide_btn.r_hide {right: 0px;}
#right_slide_btn.r_hide i{display: none; }
#right_slide_btn.r_hide span{display: block; background-color: #fff; height: 40px; line-height: 40px; padding: 0 25px 0 10px; box-shadow: 5px 10px 20px rgba(107,114,152, 0.4); transition: all 0.6s; border-radius: 30px 0 0 30px; font-size: 14px; font-weight: 900; background: linear-gradient(90deg, #fff, #fff, #fff, #d1d1d1);   animation: right_motion 1s cubic-bezier(0.36,0.07,0.19,0.97) both;}
#right_slide_btn.r_hide span em {display: inline-block; color:#3451fe;  width: 24px; height: 24px; line-height: 20px; border-radius: 50%; border: 2px solid #c1c8f8;  font-size: 12px; background: linear-gradient(140deg, #fff, #fff, #afb7e7); font-weight: 700; transition: all 0.3s; }
#right_slide_btn.r_hide:hover span {box-shadow: 3px 3px 20px rgba(107,114,152, 0.7); }
#right_slide_btn.r_hide:hover span em {color:#fff;  border: 2px solid #c1c8f8;  font-size: 12px; background: #6176f3; border-color: #6176f3;}

.r_disabled {filter: grayscale(100%) contrast(90%) opacity(80%);}


@-webkit-keyframes right_motion {
  0% { transform: translateX(800%);  opacity: 1; }
  100% {transform: translateX(0%);opacity: 1;}
}

@-webkit-keyframes fadeinbtn {
  0% {   opacity: 0; }
  100% { opacity: 1; }
}



/* 슬라이드  */
.slickwrap{position:relative;}
.slick-track {}
.slick-slide img {display: inline-block !important;}
.slickwrap .slider {}
.slickwrap .slider .item{vertical-align:top;}
.slick_nav {position:absolute;  z-index: 2; left:0; right:0; top:0; right: 0;  }
.slick_nav button {  overflow:hidden; border:0; color:transparent !important; white-space:nowrap; vertical-align:top; z-index: 2; width:32px; height:32px; line-height:32px;  transition: all 0.6s; }
.slick_count {font-size: 90%; font-weight: 300; text-align: center; }
.slick_count em{ font-weight: 700; }
.slick_nav button span{position: absolute; left:-9999999999px}
.slick_nav button.active {display: block;}
.slick_nav > * {margin-right:0px}
.slick_prev {left:1px; position: absolute; }
.slick_next {right:1px; position: absolute; }
.slick_prev:before, .slick_next:before, .slick_play:before, .slick_pause:before {  font-size:18px; color:rgba(0,0,0,0.6);font-family: 'xeicon';text-align:center; line-height:32px; display: block; transition: all 0.6s; }
.slick_prev:before {content:'\e93b'; }
.slick_next:before  {content:'\e93e'; }
.slick_play:before {content:'\ea3e';  }
.slick_pause:before  {content:'\ea3d'; }
.slick_nav button:hover,
.slick_nav button:focus{}
.slick_nav button:hover::before,
.slick_nav button:focus::before{color: #000;}
.slick_nav .ctrl_area > .active {} 
.slick_nav .ctrl_area > .active::before {}  





/**************************** 뷰어 팝업  *********************************/
.view_popup_box { position: absolute; min-width: 500px; z-index: 99999;  box-shadow: 0px 0px 20px rgba(107,114,152, 0.35); border-radius: 10px; font-size: 14px; display: none;}
.view_popup_box .view_popup_head{ display: flex; justify-content: space-between; background-color: #f2f4f7; line-height: 25px; padding: 14px 25px; border-radius: 10px 10px 0 0; /* border: 1px solid #e5e5e5; border-bottom: none; */}
.view_popup_box .view_popup_head .popup_tit {font-weight: 700; font-size: 105%;}
.view_popup_box .view_popup_head .popup_tit h4 > span {color: var(--default_color);}
.view_popup_box .view_popup_body{ background-color: #fff; padding: 20px 25px 35px 25px; overflow-y: auto; max-height: 400px ; position: relative; min-height:200px;}
.view_popup_box .view_popup_body:last-child{ background-color: #fff; border-radius: 0 0 10px 10px;}
.view_popup_box .view_popup_body + .view_popup_foot { display: flex; padding: 10px 25px; justify-content: center; background-color: #fff; border-radius: 0 0 10px 10px;}
.view_popup_box .view_popup_body p {color: #999;}

.pop_con_tit {font-weight: 700; display: block; padding: 10px 5px;}
.pop_con_tit > span { color: #777; font-weight: 500; font-size: 80%;}
.pop_line_box + .pop_con_tit {border-top: 1px solid rgba(0, 0, 0, 0.09); padding-top: 30px;}
.pop_line_box {display: block; padding:2% 0;  background-color: #fff; border-radius:5px; margin:0px 0; }
.down_file_list li a{display: block; color: #777; transition: all 0.4s; border: 1px solid #fff; position: relative; line-height: 18px; padding: 2px 15px; border-radius: 10px; font-size: 12px;}
.down_file_list li a:before{ content: ''; position: absolute; top:9px; left:5px; width:4px; height: 4px; background-color: #bbb; border-radius: 50%; }
.down_file_list li a:hover{text-decoration: underline;}

.tabbox_area {}
.tabbox_area .tabnav { margin-bottom: 20px; background-color: #edeff1;  border-radius: 5px; }
.tabbox_area .tabnav > ul { display: flex;}
.tabbox_area .tabnav > ul > li { flex: 1 0 auto; padding:0px;}
.tabbox_area .tabnav > ul > li,
.tabbox_area .tabnav > ul > li > a { line-height: 40px; font-size: 97%;  text-align: center; display: block; color: #777;  font-weight: 600;   }
.tabbox_area .tabnav > ul > li > a { border-radius: 5px; display: flex; align-items: center; justify-content: center;}
.tabbox_area .tabnav > ul > li > a span { }
.tabbox_area .tabnav > ul > li > a .down_num{position:relative; top:auto; right: auto;  display: inline-flex; margin: 0 5px;}

.tabbox_area .tabnav > ul > li.active > a { color:#222;   border: 1px solid #a4a8b7; background-color: #fff; box-shadow: 1px 1px 5px rgba(107,114,152, 0.25);}

.tabbox_area .tabcontent {display: block;} 
#bill_popup.view_popup_box .view_popup_body {background-color: rgba(255,255,255,0.9) !important;}
.view_popup_box {}

/* 동일회기 목록 */
.same_assem_wrap > .assem_cate {}

.same_assem_wrap > .same_assem_list > li{position: relative;  max-width: 500px;}
.same_assem_wrap > .same_assem_list > li + li{border-top: 1px dashed #e0e0e0;}
.same_assem_wrap > .same_assem_list > li > a{display:block; color: #999; transition: all 0.4s; border: 1px solid #fff; position: relative; line-height: 20px; padding: 10px 25px; border-radius: 10px; font-weight: 500; white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden; font-size: 12px; }
.same_assem_wrap > .same_assem_list > li > a:hover{   border: 1px solid #7d818f; box-shadow: 0px 0px 5px rgba(107,114,152, 0.4); background-color: #f7f8fa; color: #000; font-weight: 700; }
.same_assem_wrap > .same_assem_list > li > a:before{ content: ''; position: absolute; top:20px; left:15px; width:4px; height: 4px; background-color: #bbb; border-radius: 50%; }


.same_assem_wrap .sort_item {display: inline-flex; color: #fff; font-size: 11px; width: 17px; height: 17px; line-height: 17px;  border-radius: 3px; justify-content: center; margin-right: 5px; font-weight: 500; }
.same_assem_wrap .sort_item.All {background-color: #111;}
.same_assem_wrap .sort_item.s01 {background-color: #195596;}
.same_assem_wrap .sort_item.s01 {background-color: #195596;}
.same_assem_wrap .sort_item.s02 {background-color: #10804b;}
.same_assem_wrap .sort_item.s03 {background-color: #563eda;}
.same_assem_wrap .sort_item.s04 {background-color: #b93561;}
.same_assem_wrap .sort_item.s05 {background-color: #a57b3c;}
.same_assem_wrap .sort_item.s00 {background-color: #777c81;}

.assem_sort {font-size: 12px;  margin-bottom:10px; border-bottom: 1px solid rgba(0, 0, 0, 0.09); padding-bottom: 5px;}
.assem_sort > strong { display: block; border-top:1px solid #e3e5ec; line-height: 25px; font-weight: 700; color: #666; padding: 0 20px; margin-left: 5px; text-align: center;}
.assem_sort > ul {display: flex; flex-wrap: wrap;  padding: 5px;}
.assem_sort > ul > li {width: 25%;}
.assem_sort > ul > li a{ padding:3px 5px; display: block; border-radius: 7px; font-weight: 400; color: #888;}
.assem_sort > ul > li.active a{font-weight: 800; text-decoration: underline; color: #000;}

.same_assem_num {font-size: 14px; color: #777; display: block; padding: 5px 10px;}
.same_assem_num > span{font-weight: 700; color: #000;}


.sns_list {width: auto; padding: 10px;}
.sns_list ul{justify-content: center;}
.sns_list li {flex: 0 1 auto; padding: 0 5px;}

/* 안건 팝업 */
.item_legend {color: #787878; font-size: 13px; margin-bottom: 10px; display: block;}
.item_legend ul {display: flex; justify-content: right;}
.item_legend ul li + li{margin-left: 20px;}

.pop_assem_bill_list > ul > li{position: relative;  }
.pop_assem_bill_list > ul > li + li{border-top: 1px dashed #e0e0e0;}
.pop_assem_bill_list > ul > li {}
.pop_assem_bill_list > ul > li > a{display: flex; color: #787878 ; transition: all 0.4s; border: 1px solid #fff; position: relative; line-height: 20px; padding: 10px 15px; border-radius: 10px; font-weight: 500; justify-content: left; }
.pop_assem_bill_list > ul > li > a:hover{ border: 1px solid #7d818f; box-shadow: 0px 0px 5px rgba(107,114,152, 0.4); background-color: #f7f8fa; color: #000; font-weight: 700;}
.pop_assem_bill_list > ul > li > a > i {margin-right: 3px; flex: 0 1 20px; color: #444; font-weight: 700; line-height: inherit;}
.pop_assem_bill_list > ul > li > a > i {}
.pop_assem_bill_list > ul > li.bill_mic *{color:#2339b9}


/* 발언자 팝업 */
.speaker_list { position: relative;}
.speaker_list > ul {display: flex;flex-wrap: wrap;justify-content: flex-start; width: 100%;}
.speaker_list > ul > li {flex:1 1 20%;max-width: 20%;padding:0 20px;margin: 10px 0 30px 0;}
.speaker_list > ul > li > .check_box {   /* justify-content: center;*/}
.speaker_list > ul > li > .check_box label{font-weight: 600;font-size: 15px;white-space: normal;flex-wrap: wrap;font-size: 100%;padding-right: 0;height: 25px; word-break: keep-all;}

.speaker_list > ul > li > .speaker_img{padding-left: 15px; margin-top: 0px; margin-bottom:5px;}
.speaker_list > ul > li > .speaker_img .img_wrap{width: 80px;height: 80px;border: 3px solid transparent;transition: all 0.3s;border-radius: 15px;/* margin:0 auto;*/}

.speaker_list > ul > li[tooltip]:not([flow])::before,
.speaker_list > ul > li[tooltip]:not([flow])::after,
.speaker_list > ul > li[tooltip][flow^="up"]::before,
.speaker_list > ul > li[tooltip][flow^="up"]::after {  left: 40%;  transform: translate(-50%, -.5em);}

.speaker_list > ul > li[tooltip]::before {  border-top-color: var(--default_color);}
.speaker_list > ul > li[tooltip]::after {  background-color: var(--default_color);}

.speaker_list > ul > li > .hover_profile {position: relative;}
.speaker_list > ul > li > .hover_profile .img_wrap:hover{ border-color:var(--default_color)}

.no_member {padding:10% !important; display: block; color:#464957; word-break:keep-all;}
.no_member strong{display:block;font-weight:700; padding-top:10px; font-size:120%}
.no_member i{font-size: 300%; color:#ced1df; line-height: normal;}



@media only screen and (max-width:1500px){
  .speaker_list > ul > li {flex:1 1 25%; max-width: 25%; }
}
@media only screen and (max-width:880px){
  .speaker_list > ul > li {flex:1 1 33.33333%; max-width: 33.33333%; }

  .speaker_list > ul > li > .speaker_img .img_wrap{width: 60px; height: 60px;  border: 3px solid transparent; transition: all 0.3s;}
  .speaker_list > ul > li > .check_box label {font-size: 95%; height:33px; line-height:17px; }
  .speaker_list > ul > li > .speaker_img {margin-top:5px}
}
@media only screen and (max-width:650px){
  .pop_assem_bill_list > ul > li > a{ padding: 5px 5px;  }


}
@media only screen and (max-width:590px){
  .speaker_list {padding:0}
  .speaker_list > ul > li {flex:1 1 50%; max-width: 50%;padding:0}
.assem_sort > ul > li {width: 33.33333%;}
.assem_sort > ul > li a{ font-size:90%; padding:3px 0; letter-spacing:-0.07em}
	
.view_popup_box .view_popup_head{  padding: 14px 15px; }
.view_popup_box .view_popup_body{  padding: 20px 15px 35px 15px; }

}



/* 발언자 호버 프로필 */
.hover_profile_box{position: absolute;background-color: #fff;z-index: 999999;width: 400px;padding: 25px 20px;border: 1px solid #c1c2c5;box-shadow: 3px 3px 20px rgba(107,114,152, 0.25);border-radius: 10px;/* animation-name:fadeInUp;*/display: none;/* animation: inner_icon_motion 1s cubic-bezier(0.36,0.07,0.19,0.97) both;*//* display: block !important; */}
.hover_profile_box .profile_box {display: flex; justify-content: space-between;}
.hover_profile_box .profile_box .pop_profile_img {width: 100px; flex: 0 0 100px; padding-top: 5px;}
.hover_profile_box .profile_box .pop_profile_img > strong{ font-weight: 700; display: block; text-align: center; font-size: 110%; color: #000;}
.hover_profile_box .profile_box .pop_profile_img > strong > span{font-size: 70%;color: #666;display: block;font-weight: 500;}
.hover_profile_box .profile_box .img_wrap{width: 80px; height: 80px; margin: 0 auto;}
.hover_profile_box .profile_box .profile_info_box {flex:0 0 calc(100% - 100px); padding-left: 10px;}
.hover_profile_box .profile_box .profile_info_box dl{display: flex; font-size: 14px; padding:7px 5px; font-weight: 600;}
.hover_profile_box .profile_box .profile_info_box dl + dl {border-top: 1px dashed #eee;}
.hover_profile_box .profile_box .profile_info_box dl dt{flex: 0 0 40px; width:40px; text-align: right; color: #999; margin-right: 15px;}
.hover_profile_box .profile_box .profile_info_box dl dd{flex: 0 1 auto;word-break: break-all;/* word-wrap: break-word; */}


@media only screen and (max-width:650px){
  .hover_profile_box { width: 300px; padding: 20px 10px; }
  .hover_profile_box .profile_box { flex-wrap: wrap; justify-content: center;}
  .hover_profile_box .profile_box .pop_profile_img {margin-bottom: 15px;}
  .hover_profile_box .profile_box .img_wrap{margin:0 auto; }
  .hover_profile_box .profile_box .profile_info_box{width: 100%; flex: 0 0 100%;}
}

/* 보기 설정 팝업 */
.view_font_setting {margin-bottom: 15px;}
.view_font_setting > li > dl {display: flex; display: flex; font-size: 14px; padding:4px 5px; font-weight: 600; line-height: 32px;}
.view_font_setting > li + li {border-top: 1px dashed #eee;}
.view_font_setting > li > dl > dt { flex: 0 0 80px; width:80px; color: #222; margin-right: 15px; font-weight: 600;}
.view_font_setting > li > dl > dt > i {color: #bdc1c9; font-size: 120%; width: 22px;}
.view_font_setting > li:first-child > dl > dt > i {font-size: 140%;}
.view_font_setting > li > dl > dd {flex:1 0 auto}
.view_font_setting > li > dl > dd .size_set{display: flex; justify-content: space-between; width: 100%; align-items: center; }
.view_font_setting > li > dl > dd > select {font-weight: 600; font-size: 100% !important;}


/* 음성읽기 팝업 */
.voice_speed {margin-bottom: 35px; display: flex;}
.voice_speed li{flex: 1 0 auto; }

.view_audio_player {width: 100%; text-align: center; border: 1px solid #dadde2; border-radius: 10px; padding:15px 20px; box-shadow: 0px 0px 20px rgba(107, 114, 152, 0.15) inset; font-size: 120%;}
.view_audio_player audio{width: 100%;}
.view_audio_player button.active{ border-color:var(--default_color) !important; color:var(--default_color) !important;}

/* 동영상 팝업 */
#view_vod_popup { cursor: grab;}





@media only screen and (max-width:761px){
  .view_popup_box { min-width: auto;}

}









/*********************************** 툴팁 **********************************/

/* START TOOLTIP STYLES */
[tooltip] {  position: relative; /* opinion 1 */  z-index: 50;}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {  text-transform: none; /* opinion 2 */  font-size: 13px; /* opinion 3 */  line-height: 1;  user-select: none;  pointer-events: none;  position: absolute;  display: none;  opacity: 0;}
[tooltip]::before {
  content: '';  border: 5px solid transparent; /* opinion 4 */  z-index: 100100; /* absurdity 1 */}
[tooltip]::after {  content: attr(tooltip); /* magic! */
  min-width: 3em;  max-width: 21em;  white-space: nowrap; text-align: center;  overflow: hidden;  text-overflow: ellipsis;  padding: 1ch 1.5ch;  border-radius: .3ch;  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);  background: #111;  color: #fff;  z-index: 1002; /* absurdity 2 */}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after{  display: block;}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after,
.hide[tooltip]:hover::before,
.hide[tooltip]:hover::after {  display: none !important;}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {  bottom: 100%;  border-bottom-width: 0;  border-top-color: #111;}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {  bottom: calc(100% + 5px);}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {  left: 50%;  transform: translate(-50%, -.5em);}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {  top: 100%;  border-top-width: 0;  border-bottom-color: #111;}
[tooltip][flow^="down"]::after {  top: calc(100% + 5px);}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {  left: 50%;  transform: translate(-50%, .5em);}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;  border-right-width: 0;  border-left-color: #111;  left: calc(0em - 10px);  transform: translate(-.5em, -50%);}
[tooltip][flow^="left"]::after {  top: 50%;  right: calc(100% + 10px);  transform: translate(-.5em, -50%);}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {  top: 50%;  border-left-width: 0;  border-right-color: #111;  right: calc(0em - 10px);  transform: translate(.5em, -50%);}
[tooltip][flow^="right"]::after {  top: 50%;  left: calc(100% + 10px);  transform: translate(.5em, -50%);}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to { opacity: .9; transform: translate(-50%, 0);  }
}
@keyframes tooltips-horz {
  to { opacity: .9; transform: translate(0, -50%);  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}







@media only screen and (max-width:1100px){
  html, body {font-size: 14px; }
}




/* 20250304 김은오 동영상 팝업 사이즈 조절 */
.resizer {
  position: absolute;
  width: 15px;
  height: 15px;
  z-index: 10;
}

.resizer.top-left {
  top: -8px;
  left: -8px;
  cursor: nwse-resize;
}

.resizer.top-right {
  top: -8px;
  left: calc(100% - 8px);
  cursor: nesw-resize;
}

.resizer.bottom-left {
  top: calc(100% - 8px);
  left: -8px;
  cursor: nesw-resize;
}

.resizer.bottom-right {
  top: calc(100% - 8px);
  left: calc(100% - 8px);
  cursor: nwse-resize;
}
/* 20250304 김은오 동영상 팝업 사이즈 조절 */



.viewer_link_btn {position: fixed; bottom:0; right:0; left:0; padding:5px 10px; background-color:#fff; display:flex;justify-content:center; border-top:1px solid #eee;  }

    .playerModal.pdfModal {border: 0px solid #eee; height:auto; border-radius:10px; box-shadow:3px 3px 13px rgba(0,0,0,0.2) }
    .playerModal.pdfModal .profileTitle {float: unset;  font-size: 14px;  line-height: 22px; min-height: 42px; background:rgb(17, 121, 225); border-bottom:none; height:auto; padding:10px 40px 10px 15px;}
    .playerModal.pdfModal .profileTitle ul li{ font-weight:600;}
    .playerModal.pdfModal .result_terms {padding:5px 15px;}
    #supplementList a {line-height:25px; margin:5px 0}
    #supplementList a span{display:inline-block; background-color:#686d7b; padding:0 4px; border-radius:3px; color:#fff; width:20px; height:20px; line-height:20px; text-align:center;}


.loading_icon {position: absolute;left:0;right:0;top:0;bottom: 0;background-color: rgb(255, 255, 255, 1);display: flex;align-items: center;justify-content: center;z-index: 99;}
.loading_icon > div {display: flex;align-items: center;background-color: rgb(255, 255, 255, 1); border: 2px solid #e8eaf5;padding: 20px 30px;border-radius: 20px;font-size: 120%;color: #536dd1;font-weight: 700;}
.loading_icon i {font-size: 200%; margin-right: 10px; }


.error_icon {position: absolute;left:0;right:0;top:0;bottom: 0;background-color: rgb(255, 255, 255, 1);display: flex;align-items: center;justify-content: center;z-index: 99;}
.error_icon > div {display: flex; justify-content: center; flex-wrap:wrap; align-items: center;background-color: rgb(255, 255, 255, 1); border: 2px solid #e9e9e9;padding: 20px 30px;border-radius: 20px;font-size: 120%;color: #dd2c3b ;font-weight: 700; text-align:center; }
.error_icon i {font-size: 200%; margin-right: 10px; color: #dd2c3b ; }
.error_icon span {display:block; width:100%; padding-top:5px;}