@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');


*{box-sizing: border-box; padding: 0px; margin: 0px; font-family: "Noto Sans KR", sans-serif;}
ul,li{list-style: none; padding: 0px; margin: 0px;}

body,html{position: relative; width: 100%;}

body::-webkit-scrollbar{display: none; }

:root{
    --main-bg-color:#fff;
    --main-color:rgb(77, 146, 251);
    --sub-color:#888;
    --black-color:#000;
    --border-color:rgb(238, 238, 238);
}

.wrapper{width: 100%; position: relative; background: #ddd;  height: 100vh; overflow-y: hidden;overflow-x: hidden;}

.searchtong_cont{max-width: 692px; width: 100%; background: var(--main-bg-color); margin:0 auto; box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 5px; height: 100%; overflow-y: auto;}
.searchtong_cont::-webkit-scrollbar{display: none;}


/*header*/
.searchtong_cont header{display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; padding: 0 15px; height: 50px; font-size: 1.3em; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.06);  position: relative;  }

.searchtong_cont header .header_back{width: 22px; height: 22px;}
.searchtong_cont header .header_back img{width: 100%; height: 100%;}

.searchtong_cont header h4.login_tit{position:absolute; left:50%; transform: translateX(-50%); font-weight: normal; font-size: .9em; margin:0px;}



/*sub_header*/
.sub_header{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;  padding:20px 15px;}
.bg_gray{background: #f9f9f9;}

.sub_header .sh_l span{font-size: 1em;}
.sub_header .sh_l b.research_num{ color:var(--main-color); font-size: 1em;}

.sub_header .sh_r > select{width: 100%; border:none; font-size: 1em; text-align: center; max-width: 120px; cursor:pointer;}
.sub_header .sh_r > select:optional{font-size: 1em;}

.sub_header .sh_input{display: flex; width: 100%; }
.sub_header .sh_input input{width: 100%; padding: 0 15px; height: 42px; border-radius: 8px; background: #f6f9fe; border:none; font-size:.9em; color:#000;}


/*main__cont*/
/* .main__cont{max-height: 778px;} */
.main__cont{max-height: 100%;}
.main__cont, .login__cont{width: 100%; overflow-y: auto; height: 100%;height: calc(100vh - 175px); }


/*poll_report_cont*/
.poll_report_cont{width: 100%; display: flex; padding:0 15px; flex-direction: column; }
.poll_report_cont .poll_report_tit{font-size: 1em; width: 100%; display: flex; justify-content: space-between; align-items: center; margin:20px auto 10px; }
.poll_report_cont .poll_report_tit span{font-weight: normal; color:var(--sub-color); font-size: .9em;cursor: pointer; font-weight: 400; }

.poll_report_list {width: 100%; display: flex; flex-direction: column; margin: 0px 0px 20px 0px; padding: 0px;}
.poll_report_list li{display: flex; flex-direction: row; justify-content:flex-start; width: 100%; margin-bottom: 20px;}
.poll_report_list li > img.prl_img{width: 160px; height: 90px; object-fit: cover; border-radius: 10px; margin-right: 15px;}
.poll_report_list li .prl_txt{display: flex; flex-direction: column; justify-content: space-between; 
align-items: flex-start; width: calc(100% - 175px);  }
.poll_report_list li .prl_txt > span.prl_txt_tit{font-size: .9em; font-weight: 600; width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;  }
.poll_report_list li .prl_txt > input{border:none; }
.poll_report_list li .prl_txt > input:disabled{background: none; color:var(--sub-color); font-size: .9em;}
.poll_report_list li .prl_txt > input[type="date"]::-webkit-inner-spin-button,
.poll_report_list li .prl_txt > input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

/*main_banner*/
.main_banner{width: 100%; position: relative; margin-bottom: 20px;}

.main_banner_cont{width: 100%; display: flex; justify-content: space-between; flex-direction: row; background: #f6f9fe; min-height: 150px; max-height: 150px;   border:1px solid var(--border-color); padding:20px 15px; }

.main_banner_cont .main_banner_icon {width: 120px;}
.main_banner_cont .main_banner_icon > img{ width: 100%; object-fit: cover; }

.main_banner_txt{display: flex; flex-direction: column; justify-content: space-between; width: 100%;}
.main_banner_txt .mbt_top .mbt_top_sub{display: block; margin-bottom: 5px; font-size: 1em; color:#515151;}
.main_banner_txt .mbt_top .mbt_top_main{color:#4d92fb; font-size: 1.4em; font-weight: bold;}
.main_banner_txt .mbt_bottom{display: flex; align-items: center; font-size: 1em; cursor: pointer; text-decoration: underline; color:#4d92fb;}


/*research_survey_cont*/
.research_survey_cont{width: 100%; padding:0 15px; position: relative;}

.research_survey_cont ul{ display: flex; flex-direction: column; width: 100%; list-style: none; margin: 0px; padding: 0px;}
.research_survey_cont ul li {display: flex; flex-direction: column; width: 100%; border-radius: 20px; margin-bottom: 20px; }

.rsc_thum{height: 210px; width: 100%; position: relative;}
.rsc_thum .rsc_thum_img{width: 100%; object-fit: cover;
border-radius: 16px; height: 100%; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}

.rsc_thum .rsc_thum_txt .badge{position: absolute; top: 15px; left:20px; display: block; z-index:1; font-size: .8em; background:#13b755; color:#fff; width: 60px;  height: 22px; border-radius: 30px; text-align: center; line-height: 22px; }
.rsc_thum .rsc_thum_txt .badge2{background:rgb(77, 146, 251);}
.rsc_thum .rsc_thum_txt .badge3{background:#6618e4; }
.rsc_thum .rsc_thum_txt .rsc_tit{position: absolute; bottom: 20px; left:20px; right:20px; font-size: 1em; color:#fff; font-weight: 700; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.rsc_info{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding:10px 30px 10px 20px; box-shadow: rgba(136, 136, 136, 0.1) 0px 1px 6px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
.rsc_info .rsc_info_num > input{border:none; font-size: 1em;}
.rsc_info .rsc_info_num > label{font-size: 1em;}
.rsc_info .rsc_info_num > input:disabled{background: none;}
.rsc_info .rsc_info_num > img{margin-right: 10px; width: 12px; height: 12px;}

.rsc_info .rsc_info_num > input[type="date"]::-webkit-inner-spin-button,
.rsc_info .rsc_info_num > input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}


/*searchtong_report_cont*/
.searchtong_report_cont{width: 100%; padding: 0 15px;}
.searchtong_report_cont .searchtong_report_tit{font-size: 1em; width: 100%; display: flex; justify-content: space-between; align-items: center; margin:20px auto; }
.searchtong_report_cont .searchtong_report_tit span{font-weight: normal; color:var(--sub-color); font-size: .9em;cursor: pointer; font-weight: 400; }

.searchtong_report_list {width: 100%; display: flex; flex-direction: column; margin: 0px 0px 20px 0px; padding: 0px; box-sizing: border-box;}
.searchtong_report_list li{display: flex; flex-direction: row; cursor: pointer; justify-content:flex-start; width: 100%; margin-bottom: 20px;}
.searchtong_report_list li > img.prl_img{width: 160px; min-width: 160px; height: 90px; object-fit: cover; border-radius: 10px; margin-right: 15px;}
.searchtong_report_list li .prl_txt{display: flex; flex-direction: column; justify-content: space-between;  width: calc(100% - 175px);
align-items: flex-start;  }
.searchtong_report_list li .prl_txt > span.prl_txt_tit{font-size: .9em; font-weight: 600; 
  width:  100%;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical; }

.searchtong_report_list li .prl_txt div{display: flex; flex-direction: row; align-items: center; width: 100%;}
.searchtong_report_list li .prl_txt div img{width: 15px; height: 15px;}
.searchtong_report_list li .prl_txt div > input{border:none; margin-left: 5px; color:var(--sub-color); font-size: .9em;}
.searchtong_report_list li .prl_txt div > input:disabled{background: none; color:var(--sub-color); font-size: .9em;}




/*사이드 메뉴*/
   
#main_nav_overlay{
    height: 100%;
    width: 692px;
    position: fixed;
    z-index: 10;
    display: none;
    top: 0;
    left: calc((100% - 692px) /2);
    background-color: rgba(0, 0, 0, 0.3);
    overflow-x: hidden;
}
.main_nav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: calc((100% - 692px) /2);
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
}
  
.main_nav_cont{width: 100%; display: flex; padding: 35px 15px;}
.main_nav_cont ul{width: 100%; display:flex; flex-direction: column;}
.main_nav_cont ul li{display: flex; width: 100%; flex-direction: row; justify-content: flex-start; align-items: center; margin:10px 0;  }
 
hr.line{height: 1px; background: #f5f5f5; border:none; width: 100%; display: block; margin:10px 0;}

.menu_login{cursor: pointer;}
.ml{display: flex; align-items: center;}
.menu_login > img{width: 27px; margin-right: 20px; height: 27px;}
.menu_login > span{font-size: 1.7em;}
.main_nav_cont ul li > img{width: 26px; margin-right: 15px; cursor: pointer;}
.main_nav_cont ul li >span{font-size: .8em; font-weight: 500; cursor: pointer;}

.main_nav_cont ul li > .menu_list_arrow{position: absolute; right:15px; width: 6px; margin-right: 0px; cursor: pointer;}
.main_nav_cont ul li.menu_login > .menu_login_arrow{ width: 6px; margin-left: 10px; display: block; height: 12px; margin-right: 0px;}

/*로그인 후 main-002*/
.menu_login_ok{display: flex; justify-content:space-between; width: 100%;}
.menu_login_ok > div{display: flex; width: 100%; justify-content: flex-start; align-items: center; margin-right: 5px;}
.menu_login_ok > div img{border-radius: 50%; width: 22px; height: 22px; object-fit: cover; margin-right: 15px;}
.menu_login_ok > div img.mlo_img{border-radius: 50%; width: 30px; height: 30px; object-fit: cover; margin-right: 15px;}
.menu_login_ok > div span{font-size: 1em; color:#222; font-weight: 500;}
.menu_login_ok > div span> b{font-size: 1em; color:#222; font-weight: 500;}

.mlo_tt > div {cursor: pointer;}
.mlo_tt > div span{font-size: .8em; color:#222; font-weight: normal;}
.mlo_tt > div span> b{font-size: .8em; color:#222; font-weight: normal;}


.menu_login_ok > input.panel_btn{background: var(--main-color); border:none; border-radius: 30px; padding:5px 10px; color:#fff; font-size: .7em; cursor: pointer;}
.menu_login_ok > input[type="text"]{text-align: right; border: none; max-width: 120px; }
.menu_login_ok > input[type="text"]:disabled{background: none; color:#000; font-size: .75em;}

/*로그인 화면 sign-001*/
.login__cont{position: relative; padding:35px 15px; overflow-x: hidden; width: 100%; }

.login__cont .lc_tit{font-size: 1.1em; font-weight: normal; color:#222; text-align: center; margin: 0px;}
.login__cont .lc_txt{font-size: 1em; color:#000; margin:12px auto 25px; text-align: center;}

.login__cont .lc_txt_link{color:#4d92fb; font-weight: 500; text-align: center; margin:30px auto 0; display: block; cursor: pointer; width: 120px; font-size: 1em; }

.login_input_cont{width: 100%; display: flex; flex-direction: column; max-width: 500px; margin:0 auto;}
.login_input_cont .login_input_num{display: flex; width: 100%; justify-content: flex-start; margin-bottom: 6px;}

.login_input_cont .login_input_num input{height: 48px; line-height: 48px; font-size: 1em; padding: 0 15px; width: 100%; border:1px solid #f1f1f1; border-radius: 6px; }

.login_input_cont .login_input_num input.login_input_num4{height: 48px; line-height: 48px; font-size: 1em; padding: 0 15px; width: 100%; border:1px solid #f1f1f1; border-radius: 6px; color:#000;}
.login_input_cont .login_input_num input.login_input_num4::placeholder{color:#000;}

.login_input_cont .login_input_num input.country_code{max-width:80px; margin-right:6px; text-align: center;}




.login_btn{ border:none;  background-color: rgb(77, 146, 251); opacity: 0.2; border-radius: 6px; height: 46px; color:#fff; font-size: 1em;}

.login_footer_cont{width: 100%; position: absolute;  bottom: 75px; left:50%; transform: translateX(-50%); padding:0 30px; display: flex; flex-direction: column; align-items: center;max-width: 500px; }
.login_footer_cont2{width: 100%; padding:0 15px; display: flex; flex-direction: row; align-items: center; max-width: 500px; justify-content: space-between; margin:30px auto 0; }

.ctm_delete_btn{width: 100%; height: 45px; background: none; border-radius: 8px; border:1px solid #4d92fb; color:#4d92fb; font-size: 1em; max-width: 500px; margin:0 auto; cursor: pointer;}
.login_footer_cont2 .ctm_delete_btn{width: 49%; height: 45px; color:#4d92fb; border:1px solid #4d92fb; border-radius: 8px; background: none; font-size: 1em;  cursor: pointer; }
.login_footer_cont2 .ctm_edit_btn{width: 49%; height: 45px; background: #4d92fb; border-radius: 8px; color:#fff; border:none;  font-size: 1em; cursor: pointer;}


.login_footer_cont > span{color: #353941; font-weight: 500; font-size: 1em; margin-bottom: 13px; display: block; }
.login_footer_cont > span.lfc_txt_c{margin:0 auto 30px; }
.login_footer_cont > span.lfc_link{border:none; color:rgb(77, 146, 251); font-size: 1.1em; background: none; cursor: pointer; font-weight: 500; text-align: center; display: block; margin-bottom: 0px;}


/*로그인 sign-002*/
.login_footer_cont > input.verification_code_btn{width: 100%; box-sizing: border-box;border:none;   border-radius: 6px; height: 46px; background:rgb(77, 146, 251); font-size: 1em; color:#fff; cursor: pointer; opacity: .2;}

.main_app_modal{display: none;}


/*비밀번호입력 sign-003*/
.login_pwd_cont{width: 100%; display: flex; flex-direction: column;}
.login_pwd_cont .lpc_info{width: 100%; margin-bottom: 15px; display: flex; flex-direction: column; align-items: center;}
.login_pwd_cont .lpc_info > img{width: 70px; height: 70px; object-fit: cover; border-radius: 50%;}
.login_pwd_cont .lpc_info > input{border:none; color:#000; margin-top: 6px; font-size: 1em; text-align: center; font-weight: 500; }

.login_pwd_cont .lpc_input_pwd{height: 46px; border-radius: 6px; border:1px solid #f1f1f1; padding:0 15px; font-size: 1em; color:#000; max-width: 500px; width: 100%;  margin:0 auto; box-sizing: border-box;}

.login_pwd_cont .lpc_input_pwd::placeholder{color:#000;}

.login_pwd_cont .lpc_pwd_reset{
  display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.login_pwd_cont .lpc_pwd_reset .lpc_pwd_reset_txt{color:#353941; font-weight: normal; margin:25px auto 10px; display: block;}
.login_pwd_cont .lpc_pwd_reset .lpc_pwd_reset_link{color:#4d92fb; font-weight: 500; }

/*비밀번호 재설정 sign-004-002*/
.pwd_new_cont{width: 100%; display: flex; flex-direction: column;}

.pwd_new_cont .pnc_input{background: none; border:none; margin-bottom: 6px; font-size: 1em; color:#000;}

.pnc_list{width: 100%; display: flex; flex-direction: column;}
.pnc_list li{margin-bottom: 10px; width: 100%; display: flex; flex-direction: column;}
.pnc_list li input{border:1px solid #f1f1f1; border-radius: 6px; height: 48px; padding:0 15px; font-size: .9em;}
.pnc_list li input::placeholder{color:#000;}
.pnc_list li span{color:#4d92fb; font-size: .9em; font-weight: 400; margin-top: 4px;}


/*설정 system-001*/
.system_cont{width: 100%; padding:20px 15px 60px;}
.system_cont ul{width: 100%; display: flex; flex-direction: column;}
.system_cont ul li{width: 100%; display: flex; flex-direction: column; margin-bottom: 20px;}

.system_cont ul li h4.sc_tit{color:#222; font-weight: bold; font-size: 1em;}
.system_cont ul li .sc_cont{background: #f7f7f7; border-radius: 10px; padding:15px; width: 100%; display: flex; flex-direction: column; }

.system_cont ul li .sc_cont .sc_txt{color:#999999; font-size: 0.85em; margin-top: 12px; letter-spacing: -1px;}

.system_cont ul li .sc_cont hr.line3{border:none; background: #ebebeb !important; margin:12px 0; height: 1px; width: 100%;}

.system_cont ul li .sc_cont_sub{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.system_cont ul li .sc_cont_sub .sc_cont_l{display: flex; flex-direction: column;}
.system_cont ul li .sc_cont_sub .sc_cont_l2{display: flex; flex-direction: row;}
.system_cont ul li .sc_cont_sub .sc_cont_l2 > img{width: 25px; height: 25px; border-radius: 50%; object-fit: cover; margin-right: 6px;}
.system_cont ul li .sc_cont_sub .sc_cont_l .sc_cont_l_tit{color:#222; font-size: 1em;}
.system_cont ul li .sc_cont_sub .sc_cont_l .sc_cont_l_name{color:#999999; font-size: .9em;}

.system_cont ul li .sc_cont_sub .sc_cont_r{display: flex; align-items: center;}
.system_cont ul li .sc_cont_sub .sc_cont_r span{cursor: pointer;}
.system_cont ul li .sc_cont_sub .sc_cont_r input[type="checkbox"]{
	height: 0;
	width: 0;
	visibility: hidden;
}
.system_cont ul li .sc_cont_sub .sc_cont_r label {
	cursor: pointer;
	text-indent: -9999px;
	width: 45px;
	height: 24px;
	background: #c4c4c4;
	display: block;
	border-radius: 100px;
	position: relative;
}
.system_cont ul li .sc_cont_sub .sc_cont_r label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 100px;
	transition: 0.3s;
}
.system_cont ul li .sc_cont_sub .sc_cont_r input:checked + label {background: #4d92fb;}
.system_cont ul li .sc_cont_sub .sc_cont_r input:checked + label:after {
	left: calc(100% - 3px);
	transform: translateX(-100%);
}

.system_cont .sc_secession_link{text-decoration: underline; display: block; color:#222; font-weight: 500; font-size: 1em; text-align: center; margin: 10px auto 0; cursor: pointer; width: 70px; }

/*rpt-001.htm*/
.rpt__cont{width: 100%;}

.rpt_cont .tab {
  overflow: hidden;
}
.rpt_cont .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0px; margin-right: 15px;
  transition: 0.3s;
  font-size: .9em;
  color:#222; font-weight: normal;
}

.rpt_cont .tab button.active {
  color:#4d92fb;
  font-weight: 500;
}
.rpt_cont .tabcontent {
  display: none;
  padding: 0;
}

.rpt_cont{padding:0 15px ; width: 100%;}
.rpt_cont2{padding:20px 15px; width: 100%;}
.rpt_cont_header{display: flex; flex-direction: row; width: 100%;  justify-content: space-between; align-items: center; margin-top: 20px; margin-bottom: 10px;}
.rch{justify-content: flex-end;}
.rpt_cont_header select{border:none; width: 100%; max-width: 85px; font-size: .9em; padding: 0px; box-sizing: border-box; }
.rpt_cont_header select option{font-size: 0.9em; padding:0px;}
.rpt_cont_header span b{color:#4d92fb;}


.rpt_s_cont, .rpt_p_cont{
  overflow-y: auto;
  overflow-x:hidden;
}
.rpt_s_cont::-webkit-scrollbar, .rpt_p_cont::-webkit-scrollbar{display: none;}


.rpt_cont2 .tab {
  overflow: hidden;
  background: #eeeeee;
  display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; height: 34px; padding: 0 2px; border-radius: 8px;
}
.rpt_cont2 .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  width: 33.3%;
  padding: 0px; 
  height: 30px; line-height: 30px; 
  transition: 0.3s; border-radius: 6px;
  font-size: .9em;
  color:#222; font-weight: normal;
}

.rpt_cont2 .tab button.active {
  color:#4d92fb;
  font-weight: 500;
  background: #fff;
}
.rpt_cont2 .tabcontent {
  display: none;
  padding: 20px 0 0;
  font-size: 1em;
}

/*progress bar*/
.progress_bar_cont{width: 100%; display:flex; flex-direction: column;}
.progress_bar_cont li{display: flex; width: 100%; flex-direction: column; margin-bottom: 30px;}
.pbc_tit {
	float: left;
	clear: right;
	width: 100%;
	margin: 0px;
  font-size: 1.1em;
	text-align: left;
	font-weight: 500;
  margin-bottom: 15px;
}
.pbc_progress_bar{
	float: left;
	clear: right;
	width: 100%;
	margin: 2px 0px 0px 0px;
}
.pbc_progress_bar .progress-bar{box-shadow: none;}
.pbc_progress_bar .progress-bar-info{background: #4d92fb; border-radius: 6px;}
.pbc_progress_bar .progress2 .progress-bar-info{background: #d8dde4; border-radius: 6px;}
.pbc_progress_bar .progress {
	background:#f6f9fe; box-shadow: none;
	height:42px; border-radius: 6px; margin-bottom: 6px; position: relative;
}
.pbc_progress_bar .progress2 .pbc_txt_l{color:#555555; font-size:15px;}
.pbc_progress_bar .progress2 .pbc_txt_r{color:#9ca4ae; font-size:15px;}

.pbc_progress_bar .progress .pbc_txt_l{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color:#16325c; font-size:15px;}
.pbc_progress_bar .progress .pbc_txt_r{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color:#16325c; font-size:15px;}
/*progress bar*/

.rpt_s03{width: 100%; margin:0 auto; text-align: center; }
.rpt_s03 > h4{color: #222222; font-size: 1.3em; font-weight: bold; margin:10px auto 0;}
.rpt_s03 > img{width: 150px; object-fit: cover; margin:20px auto 30px;}
.rpt_s03 > ul{display: flex; width: 100%; flex-direction: column; align-items: flex-start; margin:0 auto; max-width: 390px; text-align: left;}


.sh_info{width: 100%;}

.sh_info_t{display: flex; width: 100%; justify-content: flex-start; align-items: flex-start;}
.sh_info_t > img{width: 60px; height: 40px; border-radius: 6px; object-fit: cover; margin-right: 10px;}
.sh_info_t > span{color:#222; font-size: 1em; font-weight: 500;}

.sh_info_b > .rsc_info { border-radius: 0; box-shadow: none; padding:0px; }


/*rpt-002-002.htm*/
.rpt_file_cont{padding:0 15px; width: 100%;}

.rpt_file_cont .rfc_t{display: flex; width: 100%; flex-direction: column; align-items: center;}
.rpt_file_cont .rfc_t h4{display: flex; width: 100%; flex-direction: row; color:#999; font-size: 0.9em;}
.rpt_file_cont .rfc_t h4 > img{margin-left: 4px; width: 12px; height: 12px;}

.rpt_file_cont .rfc_t .rfc_box{width: 100%; background: #f6f9fe; border-radius: 10px; padding:20px; position: relative; height: 80px; margin-bottom: 15px;}
.rpt_file_cont .rfc_t .rfc_box .rfc_box_link{position: absolute; right:10px; bottom:10px;}

.rpt_index_cont{width: 100%;}
.rpt_index_cont .rfc_index_btn{width: 100%; max-width: 500px; border:1px solid #4d92fb; height: 45px; border-radius: 8px; color:#4d92fb; background: none; font-size: 1em; margin:0 auto 20px; display: block;}

.rpt_index_cont .rfc_index_list li{cursor: pointer;}


/*myp-001.htm*/
.myp__cont{width: 100%; padding:20px 15px; overflow-y: auto;}

.mc_profile{display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: center;}

.mc_profile .mc_profile_info{display: flex; align-items: center; margin-bottom: 15px;}
.mc_profile .mc_profile_info img{width: 45px; height: 45px; margin-right: 16px;}
.mc_profile .mc_profile_info span{font-size: 1em; color:#222; font-weight: 500;}
.mc_profile .mc_wallet_btn{background: #4d92fb; color:#fff; border:none; border-radius: 4px; height: 27px; width: 86px; cursor: pointer;}


.mc_wallet{width: 100% ;background: #f6f9fe; border-radius: 10px; padding: 15px;}
.mc_wallet ul{width: 100%;}
.mc_wallet ul li{width: 100%; display: flex; align-items: center;   flex-direction: row; justify-content: space-between;}
.mc_wallet ul li .mw_l{display: flex; align-items: center;}
.mc_wallet ul li .mw_l img{width: 20px; height: 20px; margin-right: 15px;}
.mc_wallet ul li .mw_l span{font-size: .9em;}
.mc_wallet ul li input{border:none;  background: none; text-align: right; color:#000; font-size: .9em; width: 100%; max-width:130px;}

.mc_pannel_btn{background: #f6f9fe; color:#000; font-size: 1em;border:none; border-radius: 10px;max-width: 500px; margin:20px auto 30px; display: block; width: 100%; height: 50px; cursor: pointer;}

.mc_pannel_info{width: 100%;}
.mc_pannel_info h4{font-size: 1em; color:#000;  text-align: center; border-bottom:2px solid #4d92fb; padding-bottom: 15px; font-weight: 400;}
.mc_pannel_info .mc_pannel_cont span{color:#999999; text-align: center; font-size: 1em; display: block; padding:30px 30px 20px;}
.mc_pannel_info .mc_pannel_cont{width: 100%;}
.mc_pannel_info .mc_pannel_cont table{width: 100%; box-sizing: border-box;}
.mc_pannel_info .mc_pannel_cont table tbody{width: 100%;}
.mc_pannel_info .mc_pannel_cont table tr td{text-align: center; color:#999999; font-size: .9em; padding:10px 0 5px; letter-spacing: -.8px;}
.mc_pannel_info .mc_pannel_cont table tr:first-child td{color:#000;}

.mc_pannel_info .mc_pannel_cont table tr td.mpct_name{cursor: pointer;}
.mc_pannel_info .mc_pannel_cont table tr td.mpct_name:hover{color:#4d92fb;}

.mc_pannel_info .mc_pannel_cont table tr td input{background: none; border:none; font-size: 1em; color:#999999; text-align: center; width: 100%;}
.mc_pannel_info .mc_pannel_cont table tr td input[type="date"]::-webkit-inner-spin-button,
.mc_pannel_info .mc_pannel_cont table tr td input[type="date"]::-webkit-calendar-picker-indicator{display: none;}

.mc_ttco_benefit{width: 100%;}
.mc_ttco_benefit span.mtb_tit{display: block; text-align: center; color:#999; font-size: 1em; font-weight: 500; margin:10px auto 20px; }

.mc_ttco_benefit ul{width: 100%; }

.mc_ttco_benefit ul li{display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%;}
.mc_ttco_benefit ul li .mtb_l{display: flex; flex-direction: column; width: 80%;}
.mc_ttco_benefit ul li .mtb_l > span{color:#969696; font-size: 1em;}
.mc_ttco_benefit ul li .mtb_l .mtb_l_t{display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 3px;}
.mc_ttco_benefit ul li .mtb_l .mtb_l_t img{margin-right: 10px; width: 24px; height: 24px;}
.mc_ttco_benefit ul li .mtb_l .mtb_l_t span{color:#000; font-weight: 500; font-size: 1em;}

.mc_ttco_benefit ul li .mtb_r_btn{background: #4d92fb; border:none; color:#fff; width: 95px; height: 30px; border-radius: 4px; cursor: pointer;}

/*모달*/
#profile_edit_modal .modal-header{position: relative; border-bottom:none;}
#profile_edit_modal .modal-header h5{text-align: center; font-size: 1.1em;}
#profile_edit_modal .modal-header .close,
#sc_secession_modal .modal-header .close{
  opacity: 1;  
  margin: 0px; right:15px; top: 15px; position:absolute;
}
#profile_edit_modal .modal-dialog .modal-content .modal-body{padding-top: 0px;}
#profile_edit_modal .modal-dialog .modal-content .modal-body .profile_edit_cont{display: flex; flex-direction: column; width: 100%;}
#profile_edit_modal .modal-dialog .modal-content .modal-body .profile_edit_cont .profile_edit_input{
  height: 42px; max-width: 500px; margin:0 auto;
  padding:0 15px; background: #f6f9fe; color:#555555; font-size: 1em; border:none; box-shadow: none; width: 100%;} 
#profile_edit_modal .modal-dialog .modal-content .modal-footer{display: flex; justify-content: center; border-top:none; background: none; padding-top: 0px;}
#profile_edit_modal .modal-dialog .modal-content .modal-footer button{width: 50%; background: #4d92fb; border:none; height: 38px; } 


#sc_secession_modal .modal-header{position: relative; border-bottom:none;}
#sc_secession_modal .modal-header h5{text-align: center; font-size: 1.1em;}
#sc_secession_modal .modal-body{text-align: center; color:#000; font-weight: 400; }
#sc_secession_modal .modal-dialog .modal-content .modal-footer{display: flex; justify-content: center; border-top:none; background: none; padding-top: 0px;}
#sc_secession_modal .modal-dialog .modal-content .modal-footer button{width: 50%; background: #4d92fb; border:none; height: 38px; } 

.col-ting {
  width:100%;
  margin: 0 auto;
}
.file-upload .image-box {
  margin: 0 auto;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  background: url(../img/ic_user.svg)no-repeat;
  background-size: 100%;
  cursor: pointer;
  overflow: hidden;
  border: 3px solid #fff;
}
.file-upload .image-box img {
  height: 100%;
  display: none;
}
.file-upload .image-box p {
  position: relative;
  top: 45%;
  color: #fff;
}


/*고객센터 ctm-001*/
.ctm__cont{width: 100%; padding-bottom: 60px; display: flex; flex-direction: column;}
.ctm__cont ul.ctm__cont_list{width: 100%; display: flex; flex-direction: column;}
.ctm__cont ul.ctm__cont_list li{border-bottom:1px solid #f5f5f5; padding:20px 15px; color:#222; font-weight: 500; font-size: 1em; cursor: pointer;}

.ctm__cont ul.ctm__cont_list li.notice_list{display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: center;}
.ctm__cont ul.ctm__cont_list li.notice_list > img{width: 22px; height: 22px;}
.ctm__cont ul.ctm__cont_list li.notice_list .ccl_l{display: flex; flex-direction: column; }
.ctm__cont ul.ctm__cont_list li.notice_list .ccl_l span{margin-bottom: 5px; color:#222; font-size: 1em; font-weight: 500;}
.ctm__cont ul.ctm__cont_list li.notice_list .ccl_l input{border:none; background: none; font-size: .9em; color:#999999; }

.notice_cont{padding:20px 15px;}
.notice_cont_reply_txt{padding:20px 0;}

/*문의내역 ctm-003-002*/
.ccl_l2{display: flex; flex-direction: column; align-items: flex-start;}
.ccl_l2 .icu_b1{ font-size: .78em; text-align: center; margin-bottom: 5px; width: 64px; height: 22px; line-height: 20px; border:1px solid #4d92fb; color:#4d92fb;border-radius:4px; box-sizing: border-box;}
.ccl_l2 .icu_b2{ font-size: .78em; text-align: center; margin-bottom: 5px; width: 64px; height: 22px; line-height: 20px; border:1px solid #999; color:#999;border-radius:4px; box-sizing: border-box;}

.notice_cont_txt{color:#999;}


/*문의하기 ctm-003-001.htm*/
.inquiry_cont{width: 100%;}
.inquiry_cont textarea{border:none; padding:15px; width: 100%; resize: none;}
.login_footer_cont > input.inquiry_btn{width: 100%; box-sizing: border-box;border:none;   border-radius: 6px; height: 46px; background:rgb(77, 146, 251); font-size: 1em; color:#fff; cursor: pointer; opacity:1;}

.ctm__cont_list li.ccl_list_li{display: flex; justify-content: center;}
.ctm__cont_list li input.inquiry_btn{width: 100%; box-sizing: border-box; border:none;   border-radius: 6px; height: 46px; background:rgb(77, 146, 251); font-size: 1em; color:#fff; cursor: pointer; opacity:1; max-width: 500px; }
.inquiry_cont.p15px, .p15px{padding:15px;}
.inquiry_cont span{font-weight: 500; font-size: 1em; color:#222; 
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical; }
.inquiry_cont .inquiry_cont_ul{display: flex; flex-direction: column; width: 100%;}
.inquiry_cont .inquiry_cont_ul li{border-bottom:1px solid #f5f5f5; padding:15px 0; display: flex; width: 100%; justify-content: space-between; align-items: center; cursor: pointer;}
.inquiry_cont .inquiry_cont_ul li .icu_l{display: flex; flex-direction: column; align-items: flex-start; width: calc(100% - 70px);}

.ctm__cont_list .ccl_input_tit > input{border:none; width: 100%; height: 40px; font-size: 1em;}


.notice_cont_reply {display: flex; flex-direction: column; margin-bottom: 60px;}
.inquiry_cont .inquiry_cont_ul li .icu_b1, .notice_cont_reply .ccl_l .icu_b1{ font-size: .78em; text-align: center;margin-left: 10px; width: 64px; height: 22px; line-height: 20px; border:1px solid #4d92fb; color:#4d92fb;border-radius:4px; box-sizing: border-box;}
.inquiry_cont .inquiry_cont_ul li .icu_b2{ font-size: .78em; text-align: center;margin-left: 10px;  width: 64px; height: 22px; line-height: 20px; border:1px solid #999; color:#999; border-radius:4px; box-sizing: border-box;}

.notice_cont_reply .ccl_l3{display: flex; flex-direction: row; align-items: center;}
.notice_cont_reply .ccl_l3 span{display: block;}
.notice_cont_reply .ccl_l3 span.icu_manager{font-size: 1em; font-weight: 500;}
.notice_cont_reply .ccl_l3 .icu_b2{ font-size: .78em; text-align: center;  width: 42px; height: 22px; line-height: 20px; border:1px solid #999; color:#999;  margin-right: 5px;border-radius:4px; box-sizing: border-box; display: block;}
.notice_cont_reply .icu_dtl_input{border:none; background: none; font-size: .8em;}



.inquiry_cont .inquiry_cont_ul li .icu_l input[type="datetime-local"]{border:none; background: none;color:#999; margin-top: 5px; }



/*자주묻는 질문 ctm-004.htm*/
.ctm_list_tit {display: flex; align-items: center; }
.ctm_list_tit > img{width: 20px; height: 20px; margin-right: 10px;}








/*반응형*/
@media screen and (max-width:1200px){
    .wrapper{background: #fff; overflow-y: visible;}
    .searchtong_cont{ box-shadow: none;}
    /* .main__cont, .rpt_s_cont, .rpt_p_cont {
        max-height: calc(100vh - 200px);
    } */
    .searchtong_report_cont{max-height: 686px;}
}
@media screen and (max-width:480px) and (min-width:700px){
    .wrapper{overflow-y: visible;  background: #fff; }
    .main_nav {left: 0; }
    .searchtong_cont{ width: 100%; background: var(--main-bg-color); margin:0 auto; box-shadow: none; height: 100%;}
    .main__cont {
        max-height: 100%;
    }
}
@media screen and (max-width:480px) {
    .wrapper{padding-bottom: 0px;overflow-y: visible; background: #fff;}

    .menu_login_ok > input[type="text"]{width: 100%; font-size: .75em;}
   
    .menu_login_ok > div span{font-size: .9em;}

    .mlo_tt > div span{font-size: .75em; color:#222; font-weight: normal;}

    .main_nav_cont{padding: 15px 15px 60px;}
    .main_nav_cont ul li{margin:10px 0 ;}
    .main_nav_cont ul li >span{font-size: 0.75em; font-weight: 500;}

    .searchtong_cont{ width: 100%; background: var(--main-bg-color); margin:0 auto; box-shadow: none; height: 100%;}
    .main__cont {
        max-height: 100%;
        overflow-x: hidden;
    }
    .searchtong_report_cont{padding-bottom: 30px;}

    .main_banner_cont{min-height: 150px;}
    .main_banner_cont .main_banner_icon{position:absolute; right:30px; bottom:10px;}
    .main_banner_cont .main_banner_icon > img{width: 100px; }

    .main_banner_txt .mbt_top .mbt_top_sub{font-size: 0.9em;}
    .main_banner_txt .mbt_top .mbt_top_main{font-size: 1.3em;}

    .main_banner_txt .mbt_bottom{font-size: 0.9em;}

    .main_nav {left: 0; height:100%; }

    .searchtong_cont header h4.login_tit{font-size: .9em; font-weight: 500;}

    .login_footer_cont{width: 100%; position: absolute; bottom: 75px; }
 


    .main_app_modal{display: flex; width: 100%; position: fixed; bottom:50px; background: #fff;height: 210px; z-index: 100000; border-top-left-radius: 28px; border-top-right-radius: 28px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); padding:40px 35px 20px;}
    .main_app_modal .mam_close{position: absolute; right:20px; top: 20px; background: #4d92fb; color:#fff; border-radius: 50%;  width: 24px; height: 24px; text-align: center; line-height: 24px; font-size: .9em; font-weight: bold;}
    .main_app_modal .mam_cont{width: 100%; display: flex; flex-direction: column; align-items: center;}

    .main_app_modal .mam_cont .mam_t{display: flex; flex-direction: row; align-items: center; align-items: center;  margin-bottom: 20px;}
    .main_app_modal .mam_cont .mam_t > img{width: 45px; margin-right: 10px; object-fit: cover;}

    .main_app_modal .mam_cont .mam_t .mam_tit{display: flex; flex-direction: column;}
    .main_app_modal .mam_cont .mam_t .mam_tit_t{color:#4d92fb; font-weight: bold; font-size: 1.2em;}
    .main_app_modal .mam_cont .mam_t .mam_tit_b{font-size: 1em; color:#222; letter-spacing: -1px;}

    .main_app_modal .mam_cont .mam_btn{background: #4d92fb; border-radius: 25px; width: 190px; margin:0 auto; display: block; height: 40px; color:#fff; border:none; margin-bottom: 10px; box-sizing: border-box;}

    .main_app_modal .mam_cont .mam_link{text-decoration: underline; display: block; margin:0 auto; font-size: .9em;}

    #profile_edit_modal,
    #sc_secession_modal{max-width: 300px; margin-left: 0px; transform: translateX(-50%); left:50%; top: 30%; }
}


/*main-003*/
.alert_cont{width: 100%; position: relative; display: flex; flex-direction: column;}
.alert_cont .alert_cont_btn{ cursor: pointer; width: 115px; display: inline-block; position: absolute; right:15px; top: 15px; font-size: .9em; text-decoration: underline; color:#222;}

.alert_content{position: absolute; width: 100%;  top: 50px; height: 900px; overflow-y: scroll; }

:root {
    --dark-gray: #444444;
    --light-gray: #c9c9c5;
  }
  
  .accordian {
    
    width: 100%;
    color: #b9b9b9;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    font-weight: 100;
    letter-spacing: 0.035em;
    font-size: 14px;
    margin: 0 auto;
  }
 
  .accordian h3 {
    cursor: pointer;
    padding: 15px;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    display: block;
    font-weight: 100;
    letter-spacing: 0.035em;
    position: relative;
    font-size: 1.1em;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-radius: 3px;
  }
  .accordian h3:hover, .accordian h3.closed {
    color: #000;
    background-color: #fff;
  }
  .accordian h3:hover .arrow {
    border-top: 2px solid var(--dark-gray);
    border-right: 2px solid var(--dark-gray);
  }
  .accordian ul.acc_list ul {
    display: none;
    height: 100%;
    margin-bottom: -7px;
  }
  .accordian ul.acc_list ul li {
    padding:10px 15px 20px;
    display: flex; flex-direction: column;
    color: #999;
    font-size: 1em;
    font-weight: normal;
    box-shadow: none;
  }
  .accordian ul.acc_list ul li p {
    transition: all 0.5s;
    transform: translatey(-20px);
    color:#000;
  }

  .accordian ul.acc_list ul li input[type="button"]{
    width: 144px;
    border:none;
    background: #4d92fb;
    color:#fff;
    height: 32px;
    line-height: 32px;
    border-radius:25px;
    font-size:.9em;
    margin:10px auto 0;
    display: block;
    cursor: pointer;
  }
  .accordian ul.acc_list ul.open{background: #f5f5f5;}
  .accordian ul.acc_list ul.open p {
    opacity: 1;
    transform: translatey(0px);
  }
  .accordian .arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--light-gray);
    border-right: 2px solid var(--light-gray);
    transform: rotate(135deg);
    transform-origin: center;
    position: absolute; right:15px; top :calc(50% - 8px); 
    transition: transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1);
  }
  .accordian .arrow.closed {
    margin-top: 4px;
    transform: rotate(-45deg);
    border-top: 2px solid var(--dark-gray);
    border-right: 2px solid var(--dark-gray);
  }
  
  .sidebarNav {
    max-width: 300px;
    border: 1px solid #9999993b;
  }
  .sidebarNav h3 {
    border-radius: 0;
    box-shadow: none;
    background: none;
    margin-bottom: 0;
  }
  .sidebarNav h3:hover, .sidebarNav h3.closed {
    background: none;
  }
  .sidebarNav ul > li {
    margin: 0;
  }
  .sidebarNav ul ul li {
    padding: 0;
    background: none;
    border: 0;
  }
  .sidebarNav ul ul li a {
    color: var(--darkgray);
    padding: 1rem 0 1rem 3em;
    display: block;
    text-decoration: none;
  }
  .sidebarNav ul ul li a:hover {
    text-decoration: underline;
  }

.acc_list_tit.alt_on{position: relative;}
.acc_list_tit.alt_on span{padding-left: 15px;}
.acc_list_tit.alt_on::before{position: absolute; left:0; top: 8px; width: 7px; height: 7px; content: ''; background: #4d92fb; border-radius: 50%;}


.acc_list_tit{display: flex; flex-direction: column; width: 100%; }
.acc_list_tit span{color:#000; font-weight: normal; font-size: 1.04em; }
.acc_list_tit input[type="datetime-local"]{border:none; background: none; margin-top: 10px;}


@media screen and (max-width:480px){
  .alert_cont{padding-bottom: 60px;}
  .alert_content{height: 500px; overflow-y: scroll; }


  .searchtong_report_list li .prl_txt{width: calc(100% - 110px);}
  .searchtong_report_list li > img.prl_img{width: 100px; min-width: 100px; height: 60px; object-fit: cover; border-radius: 10px; margin-right: 10px;}

  .rpt__cont, .myp__cont{padding-bottom: 60px;}

  .ctm_delete_btn{max-width: 250px;}

  .poll_report_list li > img.prl_img{width: 100px; height: 60px; object-fit: cover; border-radius: 10px; margin-right: 10px;}

  .poll_report_list li .prl_txt{
    width: calc(100% - 110px);  }
}