@charset "utf-8";

@font-face {
	font-family: 'cafe_surrair';
	src: url(/font/Cafe24Ssurroundair.ttf);
	src: url(/font/Cafe24Ssurroundair.ttf?#iefix) format('embedded-opentype'),
		 url(/font/Cafe24Ssurroundair.woff) format('woff')
}

@font-face {
	font-family: 'cafe_surr';
	src: url(/font/Cafe24Ssurround.ttf);
	src: url(/font/Cafe24Ssurround.ttf?#iefix) format('embedded-opentype'),
		 url(/font/Cafe24Ssurround.woff) format('woff')
}

@font-face {
	font-family: 'openSans';
	src: url(/font/OpenSans-Bold.ttf);
	src: url(/font/OpenSans-Bold.ttf?#iefix) format('embedded-opentype'),
		 url(/font/OpenSans-Bold.woff) format('woff')
}


span.onp_ico01{ display:inline-block; padding:7px; border-radius:5px; background:#7268fe; font-size:12px; color:#fff; }
span.onp_sico01{ display:inline-block; padding:3px 4px; border-radius:5px; background:#7268fe; vertical-align:top; font-size:12px; color:#fff; }
span.onp_ico02{ display:inline-block; padding:7px; border-radius:5px; background:#68cefe; font-size:12px; color:#fff; }
span.onp_ico03{ display:inline-block; padding:7px; border-radius:5px; background:#ffa532; font-size:12px; color:#fff; }
span.onp_ico_tbc{ display:inline-block; padding:20px 10px; border-radius:30px; background:#fe4d39; font-size:12px; color:#fff; }

select::-ms-expand{ display:none; }
7select.shs_select{ height:32px; padding:0 15px; border-radius:20px; background:#7d87a8 url('/images/mobile/nhi/common/bg_select.gif') no-repeat 91% center; background-size:12px 6px; -webkit-appearance:none;-moz-appearance:none; appearance:none; font-size:15px; color:#fff; }

/* 소행성_모바일 */
.shs_con{ margin-top:4px; }

ul.shs_tab{ display:table; width:100%; }
ul.shs_tab li{ display:table-cell; width:50%; text-align:center; }
ul.shs_tab li a{ display:block; padding:15px 0; background:#4a4a4a; font-size:16px; font-weight:600; color:#fff; }
ul.shs_tab li a.on{  background:#43c3d1;}

.shs_tab_con{ display:none; padding:12px; }
.m_onword_box{ margin-bottom:50px; border:2px solid #818baa; border-radius:6px; }
.m_onword_box .m_onword_top{ overflow:hidden; padding:10px 15px; }
.m_onword_box .m_onword_top strong{ display:inline-block; float:left; margin-top:10px; font-weight:bold; font-size:16px; color:#364779; }
.m_onword_box .m_onword_top a.btn_arrow{ display:inline-block; float:right; padding:9px 30px 9px 13px; border-radius:6px; background:#364779 url('/images/mobile/nhi/common/ico_arrw_up.gif') no-repeat 87% center; background-size:11px 6px; color:#fff;}
.m_onword_box .m_onword_top a.btn_arrow.on{ background:#364779 url('/images/mobile/nhi/common/ico_arrw_dwn.gif') no-repeat 87% center; background-size:11px 6px; color:#fff; }
.m_onword_box .m_onword_con{ padding:10px 15px; text-align:center; }
.m_onword_box .m_onword_con span.cfe_air_tit{ display:block; margin-bottom:3px; font-family:"cafe_surrair"; font-weight:normal; font-size:26px; color:#364779; }
.m_onword_box .m_onword_con strong.cfe_tit{ display:block; margin-bottom:10px; font-family:"cafe_surr"; font-weight:bold; font-size:26px; color:#364779; }
.m_onword_box .m_onword_con p{ margin-bottom:15px; line-height:20px; color:#555555; }
.m_onword_box .m_onword_con img{ width:100%; }

.m_onword_rep_top{  position:relative; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #364779; }
.m_onword_rep_top h4{ display:inline-block; margin:7px 0; font-size:16px; color:#364779; }
.m_onword_rep_top .m_onword_repbtn_box{ overflow:hidden; margin-bottom:15px; }
.m_onword_rep_top .m_onword_repbtn_box select.shs_select{ width:150px; }
.m_onword_rep_top .m_onword_repbtn_box select::-ms-expand{ display:none; }
.m_onword_rep_top .m_onword_repbtn_box  a.onw_btn_blu{ float:right; }

.m_onword_rep_top .m_onword_rep_tit{ clear:both; text-align:center; }
.m_onword_rep_top .m_onword_rep_tit a{ display:inline-block; margin-right:30px; vertical-align:7px; }
.m_onword_rep_top .m_onword_rep_tit a img{ width:16px; }
.m_onword_rep_top .m_onword_rep_tit a:last-child{ margin-left:30px; }
.m_onword_rep_top .m_onword_rep_tit strong{ display:inline-block; font-family:"cafe_surr"; font-size:32px; font-weight:bold; color:#364779; }

a.onw_btn_blu{ display:inline-block; padding:9px 13px; border-radius:6px; background:#364779; color:#fff; }

.m_onword_rep_list{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #818baa; }
.m_onword_rep_list:last-child{ margin-bottom:0;}
.m_onword_rep_list .m_onword_rep_img{ position:relative; width:100%; margin-bottom:10px; }
.m_onword_rep_list .m_onword_rep_img img{ width:100%; }
.m_onword_rep_list .m_onword_rep_img span.onp_ico_tbc{ position:absolute; top:10px; left:-8px; }
.m_onword_rep_list .m_onword_rep_txt{ padding-top:5px; }
.m_onword_rep_list .m_onword_rep_txt span.yym{ display:block; margin-bottom:7px; font-size:14px; color:#494949; }
.m_onword_rep_list .m_onword_rep_txt strong{ display:block; margin-bottom:5px; font-size:16px; font-weight:bold; color:#494949; }
.m_onword_rep_list .m_onword_rep_txt strong span{ margin-right:3px; vertical-align:1px; }
.m_onword_rep_list .m_onword_rep_txt p{ overflow:hidden; height:20px; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.m_onword_rep_list .m_onword_rep_txt span.cher{ display:block; margin-bottom:10px; color:#8f8f8f; }
.m_onword_rep_list .m_onword_rep_txt .m_orl_ut{  }
.m_onword_rep_list .m_onword_rep_txt .m_orl_ut a{ display:inline-block; margin-right:20px; }
.m_onword_rep_list .m_onword_rep_txt .m_orl_ut a:last-child{ margin-right:0;  vertical-align:3px; }
.m_onword_rep_list .m_onword_rep_txt .m_orl_ut a img{ width:22px; }
.m_onword_rep_list .m_onword_rep_txt .m_orl_ut a span{ display:inline-block; padding:10px 0 10px 32px; font-size:13px; color:#494949; }
.m_onword_rep_list .m_onword_rep_txt .m_orl_ut a span.like{ background:url('/images/mobile/nhi/common/ico_like.png') no-repeat left 7px; background-size:26px 22px; }
.m_onword_rep_list .m_onword_rep_txt .m_orl_ut a span.retxt{ background:url('/images/mobile/nhi/common/ico_retxt.png') no-repeat left 6px; background-size:24px 22px; }

.advance_box{ position:relative; padding-bottom:15px; border-bottom:1px solid #364779; text-align:center; }
.advance_box img.ab_img{ display:block; width:100%; margin-bottom:15px; }
.advance_box iframe{ width:100%; min-height:200px; margin-bottom:15px }
.advance_box a.sg_go{ display:inline-block; padding:10px 15px; border-radius:6px; font-weight:bold; background:#364779; color:#fff;  }

h4.shs_h4{ margin-bottom:10px; font-size:16px; color:#364779; }

.division_list{ overflow:hidden; position:relative; margin-bottom:10px; padding:10px; border-radius:12px; border:2px solid #808aab; }
.division_list strong{ display:inline-block; position:absolute; top:19px; left:10px; width:70px;  color:#364779; }
.division_list .division_con { margin-left:75px; }
.division_list .division_con select{ font-size:12px; }
.division_list .division_con .dc_slt01{ width:40%; margin-bottom:5px; }
.division_list .division_con .dc_slt02{ width:100%; background-position:95% center; }
.division_list .division_con .dc_input { padding:5px 8px; border-radius:20px; border:2px solid #ccc; }
.division_list .division_con .dc_input input{ width:100%; border:none; }
.division_list .division_con .dc_textar{ padding:15px; border-radius:20px; border:2px solid #ccc; }
.division_list .division_con .dc_textar textarea{ width:100%; height:150px; border:none; }

.shs_btnbox{ margin-bottom:100px; text-align:center; }
a.shs_btn_ty01{ display:inline-block; width:80px; padding:12px 0; border-radius:8px; background:#364779; text-align:center; font-size:14px; font-weight:bold; color:#fff; }
a.shs_btn_ty02{ display:inline-block; width:80px; padding:12px 0; border-radius:8px; background:#7d7d7d; text-align:center; font-size:14px; font-weight:bold; color:#fff; }

.division_top_box{ overflow:hidden; margin-bottom:20px; }
.division_top_box .dtb_search{ position:relative; }
.division_top_box .dtb_search .dtb_search_con{ position:relative; margin-right:88px; padding:3px 15px 3px 0; border-radius:20px; border:1px solid #364779; }
.division_top_box .dtb_search .dtb_search_con select{ position:absolute; top:0; left:0; width:80px; height:32px; padding:0 15px; border:none; background:url('/images/mobile/nhi/common/bg_select_srh.gif') no-repeat 91% center; background-size:12px 6px; -webkit-appearance:none;-moz-appearance:none; appearance:none; font-size:15px;  }
.division_top_box .dtb_search .dtb_search_con .dsc_int{ margin-left:90px; padding:5px; }
.division_top_box .dtb_search .dtb_search_con .dsc_int input{ width:100%; border:none; }
.division_top_box .dtb_search a{ display:inline-block; position:absolute; top:0; right:0; width:80px; padding:12px 0; border-radius:8px; background:#364779; text-align:center; font-size:14px; font-weight:bold; color:#fff; }
.division_top_box strong{ display:inline-block; margin:10px 0; font-size:14px; color:#364779; }
.division_top_box strong span{ display:inline-block; margin:0 3px; font-weight:bold; color:#767983; }

ul.m_paging{ margin:40px 0 100px 0; text-align:center; }
ul.m_paging li{ display:inline-block; }
ul.m_paging li a{ display:inline-block; width:25px; height:15px; margin:0 1px; padding:5px 0; font-size:12px; text-align:center;color:#999;}
ul.m_paging li a:hover{ border-radius:20px; background:#0e457a; color:#fff; }
ul.m_paging li.active a{ border-radius:20px; background:#0e457a; color:#fff; }

table.division_tb{ border-top:3px solid #364779; border-bottom:1px solid #818baa;  }
table.division_tb tr th{ padding:12px 0 12px 5px; text-align:left; font-size:14px; font-weight:600; color:#364779; }
table.division_tb tr td{ padding:12px 0; text-align:center; font-size:14px; font-weight:600; color:#494949; }
table.division_tb tr td.al{ padding:12px 0 12px 5px; text-align:left; }


ul.m_paging li a.first span{
	display:inline-block;
	width:15px;
	height:15px;
	text-indent:-2000px;
	background:url('/images/mobile/nhi/common/bg_page_first.png') no-repeat center center;
	background-size:100% 100%;
	font-size:0;
}
ul.m_paging li a.prev span{
	display:inline-block;
	width:8px;
	height:15px;
	text-indent:-2000px;
	background:url('/images/mobile/nhi/common/bg_page_left.png') no-repeat center center;
	background-size:100% 100%;
	font-size:0;
}

ul.m_paging li a.next span{
	display:inline-block;
	width:8px;
	height:15px;
	text-indent:-2000px;
	background:url('/images/mobile/nhi/common/bg_page_right.png') no-repeat center center;
	background-size:100% 100%;
	font-size:0;	
}
ul.m_paging li a.end span{
	display:inline-block;
	width:15px;
	height:15px;
	text-indent:-2000px;
	background:url('/images/mobile/nhi/common/bg_page_end.png') no-repeat center center;
	background-size:100% 100%;
	font-size:0;	
}
ul.m_paging li a.first, ul.m_paging li a.prev, ul.m_paging li a.next, ul.m_paging li a.end{ vertical-align: -4px; }
ul.m_paging li a.first:hover, ul.m_paging li a.prev:hover, ul.m_paging li a.next:hover, ul.m_paging li a.end:hover{ background:none; }


/* 안녕가치들어요 */
/* 안녕가치들어요 */
.sg_golist{ margin-bottom:20px; border-radius:15px; background:#364779; }
.sg_golist strong.sg_go_tit{ display:block; padding:15px 0; border-bottom:1px solid #bdc5dd; line-height:18px; font-weight:bold; font-size:16px; color:#fff; }
.sg_golist .sg_ol{ padding:10px 10px 30px 10px; }
.sg_golist .sg_ol ol { margin-bottom:20px; }
.sg_golist .sg_ol ol li{ overflow:hidden; margin-bottom:2px; padding:15px; background:#f5f6fa; font-weight:600; text-align:left; }
.sg_golist .sg_ol ol li span{ display:block; margin:11px 0; font-size:16px; color:#00a0e9; }
.sg_golist .sg_ol ol li a{ display:inline-block; float:right; padding:9px 13px; border-radius:6px; border:2px solid #00a0e9; background:#fff; font-size:16px; color:#00a0e9;  }
.sg_golist .sg_ol p{ margin-bottom:20px; font-weight:600; line-height:18px; color:#fff; }
.sg_golist .sg_ol p span{ font-weight:normal; }
.sg_golist .sg_ol a.way_btn{ border-bottom:2px solid #00a0e9; font-weight:bold; font-size:18px; color:#00a0e9; }

p.gachi_txt { font-weight:bold;line-height:18px;  color:#b56465; }

/* 소행성 썸네일 슬라이드 20210302추가 */
.m_shs_thumbox{ overflow:hidden; margin-bottom:20px; }
.m_shs_thumbox .shs_zoom_img{ width:100%; height:250px; margin-bottom:20px; }
.m_shs_thumbox .shs_zoom_img img{ width:100%; height:100%; }
.m_shs_thumbox .shs_thumb_box{ max-width:1028px; width:100%;  }
.m_shs_thumbox ul.shs_thumb { white-space:nowrap; overflow-y:hidden; overflow-x:auto; }
.m_shs_thumbox ul.shs_thumb li{ display:inline-block; width:28%; margin-right:3px; white-space: initial; }
.m_shs_thumbox ul.shs_thumb li:last-child{ margin-right:0; }
.m_shs_thumbox ul.shs_thumb li img.symb_img{ width:100%; height:60px; margin-bottom:10px; }
.m_shs_thumbox ul.shs_thumb li .symb_txt{ padding:4px; }
.m_shs_thumbox ul.shs_thumb li .symb_txt span.onp_sico01{ margin-bottom:7px; font-size:11px; }
.m_shs_thumbox ul.shs_thumb li .symb_txt p{ overflow:hidden; height:35px; margin-bottom:2px; font-weight:600; font-size:13px; line-height:18px; color:#555; }
.m_shs_thumbox ul.shs_thumb li .symb_txt span.yym{ font-size:11px; color:#555; }
.m_shs_thumbox ul.shs_thumb li a{ display:block; position:relative; }
/*.m_shs_thumbox ul.shs_thumb li.on a{ height:100px; background:#364779;}
.m_shs_thumbox ul.shs_thumb li.on a p{ color:#fff; }
.m_shs_thumbox ul.shs_thumb li.on a span.yym{ color:#fff; } */
.m_shs_thumbox ul.shs_thumb li.on a::before{ content:''; position:absolute; top:0; left:0; width:99.3%; height:97.5%; border:2px solid #364779; }

.m_thum_txt_top{ margin-bottom:40px; }
.m_thum_txt_top .thumtxt_toptit{ letter-spacing:-1px; font-weight:600; font-size:18px; color:#494949; }
.m_thum_txt_top .thumtxt_toptit span.onp_ico01{ margin-right:7px; padding:5px; vertical-align:2px; }
.m_thum_txt_top .thumtxt_toptit p{ margin:6px 0; font-weight:400; font-size:12px; }
.m_thum_txt_top span.thum_yym{ display:block; font-size:13px; }

.m_thum_ut{ margin-top:20px; }
.m_thum_ut a{ display:inline-block; margin-right:20px; }
.m_thum_ut a:last-child{ margin-right:0;  vertical-align:4px; }
_:-ms-fullscreen, :root .m_thum_ut a:last-child{ vertical-align:-6px; }
.m_thum_ut a img{ width:22px; }
.m_thum_ut a span{ display:inline-block; padding:10px 0 10px 32px; font-size:13px; color:#494949; }
.m_thum_ut a span.like{ background:url('/images/mobile/nhi/common/ico_like.png') no-repeat left 7px; background-size:26px 22px; }
.m_thum_ut a span.like_on{ background:url('/images/mobile/nhi/common/ico_like_on.png') no-repeat left 7px; background-size:26px 22px; }
.m_thum_ut a span.retxt{ background:url('/images/mobile/nhi/common/ico_retxt.png') no-repeat left 7px; background-size:24px 22px; }

.thum_txt_input{ overflow:hidden;}
.thum_txt_input .txt_ipt_box{ width:30%; height:20px; margin-bottom:10px; padding:13px; border:2px solid #c9c9c9; }
.thum_txt_input .txt_ipt_box input{ width:100%; border:none; }
.thum_txt_input .txt_ipt_box.txt{ width:inherit; }

.thum_txt_input .txt_input_btn{ clear:both; margin-bottom:15px; text-align:right; }

span.coment_yym{ display:block; margin-bottom:7px; font-size:13px; color:#494949; }
span.coment_yym em{ display:inline-block; margin-left:5px; font-size:13px; color:#494949; }
p.coment_txt{ font-size:15px; color:#181818; }

.check_wrap { display: inline-table; vertical-align: top; position: relative; margin-right: 30px; line-height: 1.2; min-height: 20px; }
.check_wrap .checkbox { display: block; position: absolute; left: 0; top: 0.8em; transform: translateY(-50%); }
.check_wrap .checkbox + label { position: relative; padding-left: 24px; display: table-cell; vertical-align: middle; }
.check_wrap .checkbox + label:before { content: '';  position:absolute; top:1px; left:0; width:16px; height:16px; background:url('../../../images/mobile/nhi/common/bg_check_off.png') no-repeat; background-size: 16px;}
.check_wrap .checkbox:checked + label:before { background: url('../../../images/mobile/nhi/common/bg_check_on.png') no-repeat; background-size: 16px;  }
.check_wrap .checkbox:focus + label:before { outline: 2px solid #a6c8ff;}
.sg_golist .sg_ol ol li .check_wrap{display:block;float:left;font-size:14px;color:#00a0e9;}
a.all_chk{ display:inline-block; margin-bottom:20px; padding:9px 13px; border-radius:6px; border:2px solid #c4cae1; background:#fff; font-size:16px; font-weight:600; color:#02337f; }
/* 디지털 리터러시 */
.m_digital_sub{ background: url('../../../images/mobile/nhi/common/bg_digitalsub_top.png') no-repeat center top; background-size:100% auto; }
.m_digital_sub .digital_sub_top{ height:220px; padding:25px 0; text-align:center; }
.m_digital_sub .digital_sub_top strong{ display:block; margin-bottom:15px; font-size:18px; font-weight:bold; font-family:"cafe_surr"; color:#364779; }
.m_digital_sub .digital_sub_top p{ margin-bottom:8px; font-size:14px; font-family:"cafe_surrair"; color:#364779; }

.digital_sub_con{ padding:10px; }
.digital_sub_con .dlm_btnlist{  }
.digital_sub_con .dlm_btnlist strong.dlm_tit{ display:block; margin-bottom:10px; padding:13px 0 12px 0; border-radius:10px; background:#364779; text-align:center; font-weight:bold; font-size:15px; color:#fff; }
.digital_sub_con .dlm_btnlist a.dlm_btn{ position:relative; display:block; margin-bottom:10px; padding:12px 19px; border-radius:10px; background:#ecf0ff; line-height:20px; font-size:15px; text-align:center; font-weight:bold; color:#364779; }
.digital_sub_con .dlm_btnlist a.dlm_btn:hover::before{ content:''; position:absolute; top:0; left:0; border-radius:10px; width:98.5%; height:98.5%; border:2px solid #364779; }

.digital_sub_con .dlm_btnlist .dlm_consc{ position:relative; margin-bottom:10px; padding:11px 10px; border-radius:10px; background:#ecf0ff; text-align:center; }
.digital_sub_con .dlm_btnlist .dlm_consc strong{ display:block; margin-bottom:10px; font-size:15px; font-weight:bold; color:#364779; }
.digital_sub_con .dlm_btnlist .dlm_consc a{ display:inline-block; width:45.5%; margin: 0 2px 10px 0; padding:12px 5px; border-radius:10px; background:#fff; font-size:13px; }
.digital_sub_con .dlm_btnlist .dlm_consc a:last-child{ margin-bottom:0; margin-right:0; }
.digital_sub_con .dlm_btnlist .dlm_consc a:hover::before{ content:''; position:absolute; top:0; left:0; border-radius:10px; width:98.5%; height:95.5%; border:2px solid #364779;  }
.digital_sub_con .dlm_btnlist .dlm_consc.plus{ margin-bottom:33px;  }
.digital_sub_con .dlm_btnlist .dlm_consc.plus::before{ content:''; position:absolute; bottom:-23px; left:50%; width:16px; height:16px; margin-left:-7px; background:url('../../../images/mobile/nhi/common/bg_plus.png') no-repeat center top; background-size:100% auto; }

.digital_sub_con .dlm_btnlist .dlm_consc.dlmp02 { overflow:hidden; }
.digital_sub_con .dlm_btnlist .dlm_consc.dlmp02 a{ display:block; width:auto;  }
.digital_sub_con .dlm_btnlist .dlm_consc.dlmp02 a:last-child{ margin-bottom:0; }

.digital_sub_con .dlm_btnlist .dlm_consc.dlm03 { overflow:hidden;  }
.digital_sub_con .dlm_btnlist .dlm_consc.dlm03 a{ width:29%; margin-right:2px;  }
.digital_sub_con .dlm_btnlist .dlm_consc.dlm03 a:last-child{ margin-right:0; }

.digital_sub_con .dlm_btnlist .dlm_consc.dlm04 { overflow:hidden;  }
.digital_sub_con .dlm_btnlist .dlm_consc.dlm04 a{ width:20%; margin:0 2px 0 0;  }
.digital_sub_con .dlm_btnlist .dlm_consc.dlm04 a:last-child{ margin-right:0; }

.digital_sub_con .dlm_btnlist .dlm_consc.dlm05 { overflow:hidden; }
.digital_sub_con .dlm_btnlist .dlm_consc.dlm05 a.first{ display:block; width:auto !important; }
.digital_sub_con .dlm_btnlist .dlm_consc.dlm05 a{ width:45%; margin-right:2px; }
.digital_sub_con .dlm_btnlist .dlm_consc.dlm05 a.fls{ margin-bottom:0; }
.digital_sub_con .dlm_btnlist .dlm_consc.dlm05 a+a+a+a+a+a+a{ margin-bottom:0; }
.digital_sub_con .dlm_btnlist .dlm_consc.dlm05 a:last-child{ margin-bottom:0; margin-right:0; }

p.digital_info_btm{ margin:20px 0 50px 0; text-align:center; font-family:"cafe_surr"; font-weight:bold; font-size:16px; color:#364779; }

/* 디지털적용_목록 */
.m_digital_listbox{ padding:10px; margin-bottom:50px; }
ul.m_digital_tab{ overflow:hidden; margin-bottom:20px; border-radius:30px; background:#cdd4ec; }
ul.m_digital_tab li{ width:25%;  float:left; }
ul.m_digital_tab li a{ display:block; padding:17px 0; font-weight:bold; line-height: 16px; text-align:center; color:#333333; }
ul.m_digital_tab li a.on{ background:#36487a; color:#fff; }

.m_digital_serch_box{ overflow:hidden; position:relative; margin-bottom:20px; padding:10px; border:2px solid #90a5f6; border-radius:10px; }
.m_digital_serch_box .m_digital_select{ width:48.5%; float:left; margin:0 10px 10px 0; }
.m_digital_serch_box .m_digital_select select{ 
	width: 100%;
    height: 34px;
    padding: 0 15px;
    border: none;
    background:#e9edfd url('../../../images/mobile/nhi/common/bg_digital_select.png') no-repeat 91% center;
    background-size: 12px 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 15px; 
	color:#555555;
}
.m_digital_serch_box .m_digital_select+.m_digital_select{ float:right; margin-right:0; }

.m_digital_serch_box .m_digital_serch{ position:relative; clear: both; margin-top:10px; }
.m_digital_serch_box .m_digital_serch .mds_input{ margin-right:37px; padding:8px; background:#e9edfd; }
.m_digital_serch_box .m_digital_serch .mds_input input{ width:100%; border:none; background:#e9edfd; }
.m_digital_serch_box .m_digital_serch a.srh_btn{ display:inline-block; position:absolute; top:0; right:0; padding:7px; background:#90a5f6; }


.digital_text_top{ margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #36487a; overflow:hidden; }
.digital_text_top p{ font-size:16px;  float: left;  }
.digital_text_top p strong{ font-weight:bold; color:#90a5f6; }
.digital_text_top .digital_view_btn { float:right; }
.digital_text_top .digital_view_btn .v_btn { background:none; position:relative; padding-left:5px; border:none;}
.digital_text_top .digital_view_btn .v_btn:hover { font-weight:bold;}
.digital_text_top .digital_view_btn .v_btn:hover:after { content:''; position:absolute; bottom:-5px; left:5px; width:38px; height:2px; background: #555;}


ul.digital_list_box{ overflow:hidden; }
ul.digital_list_box li{ width:100%; margin-bottom:25px; cursor: pointer; }
ul.digital_list_box li:last-child{ margin-bottom:0; }
ul.digital_list_box li .dit_top{ overflow:hidden; padding:10px 8px; background:#7d87a8; color:#fff; }
ul.digital_list_box li .dit_top strong{ float:left; }
ul.digital_list_box li .dit_top strong span{ font-weight:normal; }
ul.digital_list_box li .dit_top span.yym{ float:right; }
ul.digital_list_box li .dit_img { margin-bottom:18px; }
ul.digital_list_box li .dit_img img{ width:100%; }
ul.digital_list_box li p{ margin:0 0 12px 0; padding-bottom:12px; border-bottom:1px solid #cbcbcb; line-height:18px; font-size:15px; font-weight:bold; color:#444444; }
ul.digital_list_box li .dit_bottom:after { content:''; display:block; clear:both; } 
ul.digital_list_box li .dit_bottom span.txt_btm{ display:inline-block; float:left; padding-top:3px; font-size:13px; }

.heart_svg {  float:right;}
.heart_svg .heart_num { display:inline-block; vertical-align:top; padding: 3px 5px}


.m_digital_con{ display:none; }


ul.paging{ margin:40px 0 100px 0; text-align:center; }
ul.paging li{ display:inline-block; }
ul.paging li a{ display:inline-block; width:40px; height:30px; margin:0 1px; padding:5px 0; font-size:16px; text-align:center;color:#999;}
ul.paging li a:hover{ border-radius:20px; background:#0e457a; color:#fff; }
ul.paging li.active a{ border-radius:20px; background:#0e457a; color:#fff; }

ul.paging li a.first span{
	display:inline-block;
	width:15px;
	height:20px;
	text-indent:-2000px;
	background:url('../../../images/mobile/nhi/common/bg_page_first.png') no-repeat center center;
	background-size:100% 100%;
	font-size:0;
}
ul.paging li a.prev span{
	display:inline-block;
	width:10px;
	height:20px;
	text-indent:-2000px;
	background:url('../../../images/mobile/nhi/common/bg_page_left.png') no-repeat center center;
	background-size:100% 100%;
	font-size:0;
}

ul.paging li a.next span{
	display:inline-block;
	width:10px;
	height:20px;
	text-indent:-2000px;
	background:url('../../../images/mobile/nhi/common/bg_page_right.png') no-repeat center center;
	background-size:100% 100%;
	font-size:0;	
}
ul.paging li a.end span{
	display:inline-block;
	width:15px;
	height:20px;
	text-indent:-2000px;
	background:url('../../../images/mobile/nhi/common/bg_page_end.png') no-repeat center center;
	background-size:100% 100%;
	font-size:0;	
}
ul.paging li a.first, ul.paging li a.prev, ul.paging li a.next, ul.paging li a.end{ vertical-align: -4px; }
ul.paging li a.first:hover, ul.paging li a.prev:hover, ul.paging li a.next:hover, ul.paging li a.end:hover{ background:none; }


/* view */
.m_dit_view_top{ overflow:hidden; margin-bottom:30px; padding:12px; border:2px solid #36487a; border-radius:10px; }
.m_dit_view_top strong{ float:left; font-size:16px; font-weight:bold; color:#000000; }
.m_dit_view_top strong span{ font-weight: normal; }
.m_dit_view_top span.yym{ float:right; font-size:16px; }

.m_dit_view_con{ margin-bottom:22px; padding-bottom:22px; border-bottom:2px solid #36487a; }
.m_dit_view_con strong.dit_view_con_tit{ display:block; margin-bottom:16px; padding-bottom:29px; border-bottom:1px solid #cbcbcb; font-size:28px; font-weight:bold; color:#444444; }

.m_dit_view_con .m_dit_view_con_text:after { content:''; display:block; clear:both}

.m_dit_view_con p.m_dit_lookup{ margin-bottom:15px; color:#444444; float:left; }
.m_dit_view_con p.m_dit_lookup span{ display:inline-block; padding:5px 10px; background:#90a5f6; border-radius:5px; font-size:15px; vertical-align: -1px; color:#fff; }

.m_view_box{ width:100%; background:#e3e3e3; }
.m_view_box img{ width:100%; }

.m_list_btn{ text-align:right; }
.m_list_btn a{ display:inline-block; width:88px; padding:15px 0; border-radius:6px; background:#36487a; font-size:15px; font-weight:bold;  text-align: center; color:#fff; }


/* mian_media */

@media screen and (min-width:700px) and (max-width:1020px) {
	.digital_sub_con .dlm_btnlist .dlm_consc a{ width:48%; }
	.digital_sub_con .dlm_btnlist .dlm_consc.dlm03 a{ width:31%; }
	.digital_sub_con .dlm_btnlist .dlm_consc.dlm04 a{ width:22.5%; }
	.digital_sub_con .dlm_btnlist .dlm_consc.dlm05 a{ width:47.8%; }
}

@media screen and (min-width:480px) and (max-width:699px) {
	.digital_sub_con .dlm_btnlist .dlm_consc a{ width:47%; }
	.digital_sub_con .dlm_btnlist .dlm_consc.dlm03 a{ width:30%; }
	.digital_sub_con .dlm_btnlist .dlm_consc.dlm04 a{ width:21.6%; }
	.digital_sub_con .dlm_btnlist .dlm_consc.dlm05 a{ width:46.5%; }
}

@media screen and (min-width:380px) and (max-width:479px) {
	.digital_sub_con .dlm_btnlist .dlm_consc a{ width:46%; }
	.digital_sub_con .dlm_btnlist .dlm_consc.dlm03 a{ width:29%; }
	.digital_sub_con .dlm_btnlist .dlm_consc.dlm04 a{ width:20%; }
	.digital_sub_con .dlm_btnlist .dlm_consc.dlm05 a{ width:45.8%; }
}


/* dumicode */
.digital_intro {padding:10px; margin-bottom:50px;}
.digital_intro p {font-size:12px; line-height:16px; word-break:keep-all;}
.d_intro_txt .di_tit {margin-top:10px; color:#008098; font-size:15px; line-height:18px; font-weight:800;}
.d_intro_txt .di_txt {margin-top:3px; font-size:12px; line-height:16px;}

.d_intro_txt .txt_bg {width:320px; margin:25px auto 0; background:url('../../../images/mobile/nhi/common/bg_digital_txt_bg.jpg') no-repeat right center; background-size:234px;}
.d_intro_txt .txt_bg .di_stit {padding:12px 0; font-size:13px; line-height:17px; font-weight:800;}
.d_intro_txt .txt_bg .di_stit.color01 {color:#2c2f45;}
.d_intro_txt .txt_bg .di_stit.color02 {color:#0680c3;}
.d_intro_txt .txt_bg .di_stit.color03 {color:#07a398;}
.d_intro_txt .txt_bg .di_stit.color04 {color:#90c221;}
.d_intro_txt .txt_bg .di_stit.color05 {color:#fba200;}

.rerush_tit {font-family: 'cafe_surr'; margin-top:35px; padding:12px; border-radius:4px; background:#52b3b7; color:#fff; font-size:15px; line-height:18px; font-weight:400; text-align:center;}
.rerush_btns {font-family: 'cafe_surr'; display:flex; flex-wrap:wrap; padding:8px 4px;}
.rerush_btns li {width:50%; padding:4px; box-sizing:border-box;}
.rerush_btns li .btn {display:flex; justify-content:center; align-items:center; align-content:center; height:100%; padding:10px 0; border:1px solid #b5b5b5;border-radius:20px; color:#555; font-size:11px; line-height:13px; text-align:center; box-sizing:border-box;  word-break:keep-all;}
.rerush_btns li .btn.bg01 {background: #fff;}
.rerush_btns li .btn.bg02 {background: #dde4ff;}
.rerush_btns li .btn.bg03 {background: #cbe3ff;}
.rerush_btns li .btn.bg04 {background: #ddfdff;}

.tipbox {padding:20px 8px; font-size:0; line-height:0;}
.tipbox span {display:inline-flex; align-items:center; align-content:center; margin:10px 0 0 0; color:#959595; font-size:11px; line-height:13px; word-break:keep-all;}
.tipbox span {margin-right:35px;}
.tipbox span .bg {display:inline-block; flex:0 0 40px; width:40px; height:35px; margin-right:5px; border:1px solid #b5b5b5; box-shadow:0 2px 2px rgba(0,0,0,0.1); border-radius:5px; vertical-align:top; box-sizing:border-box;}
.tipbox span .bg.bg02 {background:#dde4ff;}
.tipbox span .bg.bg03 {background:#cbe3ff;}
.tipbox span .bg.bg04 {background: #ddfdff;}

.subtitle {position:relative; margin-top:50px; color:#2c2c2c; font-size:16px; line-height:20px; font-weight:800;}
.subtitle .cnt {position:absolute; right:0; bottom:0; font-size:16px; line-height:20px; font-weight:400;}
.subtitle .cnt em {color:#90a5f6; font-weight:800;}
.board_list {width:100%; margin-top:10px; border-top:1px solid #017f98;}
.board_list table {width:100%; table-layout:fixed;}
.board_list thead th {padding:10px 0; color:#017f98; font-size:13px; line-height:18px; font-weight:800; text-align:center;}
.board_list tbody td {height:41px; padding:6px 4px; border-top:1px solid #c3c3c3; color:#494949; font-size:12px; line-height:15px; text-align:center; box-sizing:border-box;}
.board_list tbody td .btn_go {display:inline-block; padding:0 5px; border-radius:4px; background:#017f98; color:#fff; font-size:11px; line-height:28px;}
.board_list .board_list_head {border-top:1px solid #3197ab; border-bottom:1px solid #c3c3c3;}
.board_list.scroll .board_list_head {padding-right:10px;}
.board_list .board_list_body {height:216px; margin-top:-1px; border-bottom:1px solid #c3c3c3; overflow:auto; box-sizing:border-box;}
.board_list .board_list_body::-webkit-scrollbar{
  width: 10px;
  height: 10px;
  background-color:#cdcdcd;
}
.board_list .board_list_body::-webkit-scrollbar-thumb{
	background-color:#fff;
	border:2px solid #cdcdcd;
}
.board_list .board_list_body::-webkit-scrollbar-track{
	background-color:#cdcdcd;
}

.cmt_wrap {margin-top:10px;}
.cmt_wrap .writebox {display:flex; padding:10px 8px;; background:#efefef;}
.cmt_wrap .writebox textarea.textarea {flex-grow:1; height:80px; padding:12px 15px; border:1px solid #c3c3c3; background:#fff; box-sizing:border-box; resize:none; font-size:13px; line-height:17px; letter-spacing:-1px; letter-spacing:-1.8px\0;}
.cmt_wrap .writebox .btn_sbmt {width:48px; height:80px; margin-left:5px; padding:0; border:none; border-radius:4px; background:#017f98; color:#fff; font-size:13px; line-height:80px; font-weight:800; text-align:center;}
.cmt_wrap .cmt_list {margin-top:20px; border-top:1px solid #c3c3c3;}
.cmt_wrap .cmt_list .cmt_item {padding:12px 15px; border-bottom:1px solid #c3c3c3;}
.cmt_wrap .cmt_list .cmt_item .nm_date {color:#959595; font-size:13px; line-height:17px;}
.cmt_wrap .cmt_list .cmt_item .cmt_txt {margin-top:15px; color:#494949; font-size:13px; line-height:17px;}

ul.m_paging.color_type02 {margin-bottom:50px;}
ul.m_paging.color_type02 li a:hover,
ul.m_paging.color_type02 li.active a{background:#017f98;}
ul.m_paging.color_type02 li a.first:hover,
ul.m_paging.color_type02 li a.prev:hover,
ul.m_paging.color_type02 li a.next:hover,
ul.m_paging.color_type02 li a.end:hover{ background:none; }

.family_links {display:flex; flex-wrap:wrap; margin-top:10px; border-top:1px solid #c3c3c3; border-top:1px solid #c3c3c3; border-left:1px solid #c3c3c3; box-sizing:border-box;}
.family_links li {flex-grow:1; width:33.3333%; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; box-sizing:border-box;}
.family_links li .inbox {display:flex; justify-content:center; align-items:center; align-content:center; height:100%; padding:10px 5px; box-sizing:border-box; text-align:center;}
.family_links li .inbox a {color:#494949; font-size:12px; line-height:16px; word-break:keep-all;}
.family_links li .inbox a:hover {color:#017f98;}

/* 디지털 아카데미 안내 임시 */

.col_mblue { color:  #364779; }
.col_sblue { color:  #0090ff; }
.col_gr { color:  #7da911; }
.col_cy { color:  #32bea5; }
.col_pi { color:  #fc87e2; }
.font_sur { font-family: 'cafe_surr'; }
.digiaca_wrap { padding: 0 10px; }

.digiaca_wrap .digiaca_info { 
	margin-top: 30px;
	letter-spacing: -0.03em; 
	border-radius: 12px;
	border:2px solid #7e87a9;
}
.digiaca_wrap .digiaca_info_top {
	position: relative;
	padding: 15px 28px 15px;
	border-bottom: 2px solid #7e87a9;
}

.digiaca_wrap .digiaca_info_top .btn_allview {
	box-sizing: border-box;
	position: absolute;
	color: #fff;
	font-size: 15px;
	width: 96px;
	height: 33px;
	border-radius: 6px;
	right: 9px;
	top: 7px;
	background: #364779 url(../../../images/mobile/nhi/common/ico_arrw_dwn.gif) 87% center no-repeat;
	background-size: 12px 6px;
	padding-right: 16px;
}

.digiaca_wrap .digiaca_info_top .btn_allview.on { 
	background: #364779 url(../../../images/mobile/nhi/common/ico_arrw_up.gif) 87% center no-repeat;
	background-size: 12px 6px;
}

.digiaca_wrap .digiaca_info_top .info_tit { 
	font-size: 18px;	
}

.digiaca_wrap .digiaca_info_cont {
	padding: 27px 29px;
}

.digiaca_wrap .digiaca_info_cont .info_cont { 
	padding: 5px 0;
	padding-right: 20px;
	overflow: auto;
	transition: height 0.5s;
}
.digiaca_wrap .digiaca_info_cont .info_cont.sm_view {
	height: 405px !important;
}

.digiaca_wrap .digiaca_info_cont .info_cont::-webkit-scrollbar{
	width: 5px;
	height: 10px;
	background-color:#364779;
}
.digiaca_wrap .digiaca_info_cont .info_cont::-webkit-scrollbar-thumb{
	background-color:#364779;
	border:none;
}
.digiaca_wrap .digiaca_info_cont .info_cont::-webkit-scrollbar-track{
	background-color:#cdcdcd;
}

.digiaca_wrap .digiaca_info_cont .cont_tit { 
	font-size: 24px;
	letter-spacing: -1px;
	margin-bottom: 20px;
}

.digiaca_wrap .digiaca_info_cont .cont_txt1 { 
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 15px;
}

.digiaca_wrap .digiaca_info_cont .cont_bdbox {
	box-sizing: border-box;
	border: 5px solid #eee;
	margin-bottom: 15px;
}

.digiaca_wrap .digiaca_info_cont .cont_bdbox .bd_cont {
	overflow: hidden;
}

.digiaca_wrap .digiaca_info_cont .cont_bdbox .bd_cont::after {
	content: '';
	display: table;
	clear: both;
}

.digiaca_wrap .digiaca_info_cont .cont_bdbox .bd_cont > li {
	box-sizing: border-box;
	width: 33.3333%;
	float: left;
	text-align: center;
	height: 230px;
	padding-top: 170px;
}

.digiaca_wrap .digiaca_info_cont .cont_bdbox .bd_cont > li:first-child {
	background: url(../../../images/mobile/nhi/common/man.png   ) top 19px center no-repeat;
}

.digiaca_wrap .digiaca_info_cont .cont_bdbox .bd_cont > li:nth-child(2) {
	background: url(../../../images/mobile/nhi/common/woman.png) top 19px center no-repeat;
}

.digiaca_wrap .digiaca_info_cont .cont_bdbox .bd_cont > li:nth-child(3) {
	background: url(../../../images/mobile/nhi/common/face.png) top 19px center no-repeat;
}

.digiaca_wrap .digiaca_info_cont .cont_bdbox .txt_voice {
	font-size: 15px;
	line-height: 1.4;
	font-weight: 600;
	color: #555;
}

.digiaca_wrap .digiaca_info_cont .cont_txt2 { 
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 30px;
}

.digiaca_wrap .digiaca_info_cont .cont_sm_tit {
	font-size: 19px;
	margin-bottom: 10px;
}

.digiaca_wrap .digiaca_info_cont .cont_txt3 { 
	font-size: 16px;
	line-height: 1.5;
}

.digiaca_wrap .digiaca_info_cont .cont_txt3 + .cont_sm_tit {
	margin-top: 24px;
}

.digiaca_wrap .digiaca_preview { margin-top: 30px; }

.digiaca_wrap .digiaca_preview .digiaca_preview_wrap {
	margin: 0 auto;
	width: 100%;
    max-width: 900px;
	height: 95vw;
	max-height: 800px;
	background: url(../../../images/mobile/nhi/common/digital_abil.png) no-repeat;
	position: relative;
	z-index: 1;
}

.digiaca_wrap .digiaca_preview .pre_wrap {
	display: inline-block;
	cursor: help;
	position: absolute;
}

.digiaca_wrap .digiaca_preview .pre_wrap::after {
	content: '';
	position: absolute;
	z-index: -1;
}

.digiaca_wrap .digiaca_preview .pre_wrap .pre_item {
	font-size: 0;
}

.digiaca_wrap .digiaca_preview .pre_wrap .pre_detail {
	display: none;
	position: absolute;
	width: 430px;
	background: #fff;
	border-radius: 20px 20px 20px 0;
	border: 2px solid #2066b7;
	padding: 10px 15px;
	z-index: 5;
}

.digiaca_wrap .digiaca_preview .pre_wrap .pre_detail dt {
	font-size: 13px;
	padding-bottom: 15px;
}

.digiaca_wrap .digiaca_preview .pre_wrap .pre_detail dd {
	line-height: 1.2;
	word-break: keep-all;
}

.digiaca_wrap .digiaca_preview .pre_wrap:hover .pre_detail {
	display: block;
}



.digiaca_wrap .digiaca_preview .data_li .pre_wrap {
	width: 142px;
    height: 46px;
    left: 336px;
    top: 407px;
	transform: translateX(-50%);
}

.digiaca_wrap .digiaca_preview .data_li .pre_wrap:after {
	left: -160px;
    top: -39px;
	width: 154px;
	height: 144px;
}

.digiaca_wrap .digiaca_preview .data_li .pre_wrap .pre_detail {
	left: -50px;
    top: -89px;
}


.digiaca_wrap .digiaca_preview .media_li .pre_wrap {
	width: 142px;
    height: 46px;
    left: 336px;
    top: 296px;
	transform: translateX(-50%);
}

.digiaca_wrap .digiaca_preview .media_li .pre_wrap:after {
	left: -112px;
    top: -138px;
	width: 145px;
	height: 144px;
}

.digiaca_wrap .digiaca_preview .media_li .pre_wrap .pre_detail {
	left: -5px;
    top: -179px;
}

.digiaca_wrap .digiaca_preview .digi_co .pre_wrap {
	width: 138px;
    height: 46px;
    left: 453px;
    top: 217px;
	transform: translateX(-50%);
}

.digiaca_wrap .digiaca_preview .digi_co .pre_wrap:after {
	left: -5px;
    top: -162px;
    width: 144px;
    height: 156px;
}

.digiaca_wrap .digiaca_preview .digi_co .pre_wrap .pre_detail {
	left: 100px;
    top: -202px;
}

.digiaca_wrap .digiaca_preview .digi_eth .pre_wrap {
	width: 153px;
    height: 46px;
    left: 494px;
    top: 296px;
}

.digiaca_wrap .digiaca_preview .digi_eth .pre_wrap:after {
	left: 112px;
    top: -138px;
    width: 145px;
    height: 144px;
}

.digiaca_wrap .digiaca_preview .digi_eth .pre_wrap .pre_detail {
	left: -299px;
    top: -42px;
	border-radius: 20px 0 20px 20px;
}


.digiaca_wrap .digiaca_preview .digi_te .pre_wrap {
	width: 152px;
    height: 47px;
    left: 495px;
    top: 406px;
}

.digiaca_wrap .digiaca_preview .digi_te .pre_wrap:after {
	left: 157px;
    top: -38px;
    width: 156px;
    height: 144px;
}

.digiaca_wrap .digiaca_preview .digi_te .pre_wrap .pre_detail {
	left: -251px;
    top: 58px;
	border-radius: 20px 0 20px 20px;
}


.digiaca_wrap .digiaca_preview .digi_abil .pre_wrap {
	width: 251px;
    height: 180px;
    left: 317px;
    top: 511px;
}

.digiaca_wrap .digiaca_preview .digi_abil .pre_wrap .pre_detail {
	left: 124px;
    top: -95px;
	border-radius: 20px 20px 20px 0;
}

/* 20220407_테마로 보는 디지털 아카데미_모바일 관련 배너 추가_ 시작 */

@media (max-width:900px){
    
    .digital_theme_con {
    margin-top: 10px;
}

    .theme_cont_banner {
        padding-top: 12px;
        border-top: 2px solid #592aca;
    }

    .theme_cont_banner img {
        width: 100%;
    }

    .digital_theme {
       padding:10px;
    }

}

/* 20220407_테마로 보는 디지털 아카데미_모바일 관련 배너 추가_ 끝 */



.digiaca_wrap .digiaca_edu { position: relative; margin-top: 10px; 
	max-width: 100%;
    overflow: visible;
}

.digiaca_wrap .open_popup {
	background: none;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	border:none;
}

.digiaca_wrap .open_popup:hover {
	text-decoration: underline;
}


.digiaca_wrap .digiaca_edu .hrd_str {
	position: absolute;
	margin-left: 75px;
	top: 0;
	left: 0;
	width: 756px;
	overflow: visible;
}

.digiaca_wrap .digiaca_edu .hrd_str > li {
	position: relative;
	width: 25%;
	float: left;
	height: 52px;
	cursor: help;
}



.digiaca_wrap .digiaca_edu .hrd_str .hrd_detail {
	display: none;
	position: absolute;
	max-width: 60vw;
    width: 430px;
    background: #fff;
    border-radius: 20px 20px 20px 0;
    border: 2px solid #2066b7;
    padding: 10px 15px;
    z-index: 5;
	left: 84px;
    bottom: 40px;
}

.digiaca_wrap .digiaca_edu .hrd_str .digi_cm .hrd_detail {
	left: auto;
	right: 94px;
	border-radius: 20px 20px 0 20px; 
}
.digiaca_wrap .digiaca_edu .hrd_str .digi_gov .hrd_detail { 
	left: auto;
	right: 94px;
	border-radius: 20px 20px 0 20px; 
}

.hrd_detail dt {
	font-size: 13px;
    padding-bottom: 15px;
}

.hrd_detail dd {
	line-height: 1.2;
	word-break: keep-all;
}

.digiaca_wrap .digiaca_edu .hrd_str > li:hover .hrd_detail {
	display: block;
}


.digiaca_wrap .digiaca_edu .edu_cont {
	position: relative;
	width: 768px;
	/* height: 609px; */
	background: url(../../../images/mobile/nhi/common/edu_bg.png) no-repeat;
	padding: 192px 0 0 74px;
}

.digiaca_wrap .digiaca_edu .edu_cont .edu_cont_list {
	height: 415px;
	position: relative;
}

.digiaca_wrap .digiaca_edu .edu_cont .edu_cont_list > li {
	position: absolute;
}

.digiaca_edu .edu_cont_list a { 
	display: block;
	color: #47596f;
	border: 2px solid #93a8bb;
	font-size: 11px;
	font-weight: 700;
	box-sizing: border-box;
	width: inherit;
	height: inherit;
	line-height: inherit;
	border-radius: 5px;
	text-align: center;
	background: #fff;
	letter-spacing: -1.3px;
}

.digiaca_edu .edu_cont_list a br { 
	line-height: 1 !important;
}

.digiaca_edu .edu_cont_list a:hover { 
	background: #efefef;
}

.txt_col_vi { color: #47596f !important; }
.txt_col_vb { color: #00016e !important; }
.txt_col_bl { color: #010101 !important; }

.bd_col_gr { border-color: #93a8bb !important; }
.bd_col_pp { border-color: #cea5e7 !important; }
.bd_col_br { border-color: #79c0ff !important; }
.bd_col_yl { border-color: #f1c141 !important; }

.digiaca_edu .edu_cont_list .data_1 { left: 0; top: 7px; height: 35px; line-height: 33px; width: 136px; }
.digiaca_edu .edu_cont_list .data_2 { left: 140px; top: 7px; height: 35px; line-height: 33px; width: 136px; } 
.digiaca_edu .edu_cont_list .data_3 { left: 0; top: 45px; height: 35px; line-height: 33px; width: 222px; }
.digiaca_edu .edu_cont_list .data_4 { left: 280px; top: 7px; height: 35px; line-height: 33px; width: 95px; }
.digiaca_edu .edu_cont_list .data_5 { left: 379px; top: 7px; height: 35px; line-height: 33px; width: 95px; }
.digiaca_edu .edu_cont_list .data_6 { left: 281px; top: 45px; height: 35px; line-height: 33px; width: 95px; }
.digiaca_edu .edu_cont_list .data_7 { left: 379px; top: 45px; height: 35px; line-height: 33px; width: 95px; }
.digiaca_edu .edu_cont_list .data_8 { left: 478px; top: 7px; height: 35px; line-height: 33px; width: 95px; }
.digiaca_edu .edu_cont_list .data_9 { left: 577px; top: 7px; height: 35px; line-height: 1.3; width: 95px; }
.digiaca_edu .edu_cont_list .data_9 > a { padding-top: 2px; }
.digiaca_edu .edu_cont_list .data_10 { left: 534px; top: 45px; height: 35px; line-height: 1.3; width: 86px; }
.digiaca_edu .edu_cont_list .data_10 > a { padding-top: 2px; } 
.digiaca_edu .edu_cont_list .data_11 { left: 676px; top: 7px; height: 35px; line-height: 33px; width: 80px; }
.digiaca_edu .edu_cont_list .data_12 { left: 676px; top: 45px; height: 35px; line-height: 33px; width: 80px; }
.digiaca_edu .edu_cont_list .common_1 { left: 226px; top: 45px; height: 325px;  width: 22px; }
.digiaca_edu .edu_cont_list .common_1 > a { padding-top: 80px; }
.digiaca_edu .edu_cont_list .common_2 { left: 256px; top: 45px; height: 325px;  width: 22px; line-height: 23px; }
.digiaca_edu .edu_cont_list .common_2 > a { padding-top: 76px; }
.digiaca_edu .edu_cont_list .common_3 { left: 479px; top: 45px; height: 325px;  width: 22px; line-height: 27px; }
.digiaca_edu .edu_cont_list .common_3 > a { padding-top: 75px; }
.digiaca_edu .edu_cont_list .common_4 { left: 508px; top: 45px; height: 325px;  width: 22px; line-height: 23px; }
.digiaca_edu .edu_cont_list .common_4 > a { padding-top: 76px; }
.digiaca_edu .edu_cont_list .common_5 { left: 624px; top: 45px; height: 325px;  width: 22px; line-height: 24px; }
.digiaca_edu .edu_cont_list .common_5 > a { padding-top: 76px; }
.digiaca_edu .edu_cont_list .common_6 { left: 650px; top: 45px; height: 325px;  width: 22px; line-height: 24px; }
.digiaca_edu .edu_cont_list .common_6 > a { padding-top: 76px; }
.digiaca_edu .edu_cont_list .media_1 { left: 0; top: 91px; height: 70px; line-height: 68px; width: 222px; }
.digiaca_edu .edu_cont_list .media_2 { left: 282px; top: 91px; height: 70px; line-height: 68px; width: 193px; }
.digiaca_edu .edu_cont_list .mediacom { left: 534px; top: 91px; height: 152px; line-height: 1.5; width: 22px; }
.digiaca_edu .edu_cont_list .mediacom > a { padding-top: 18px; }

.digiaca_edu .edu_cont_list .comm_1 { left: 0; top: 172px; height: 72px; line-height: 70px; width: 222px; }
.digiaca_edu .edu_cont_list .comm_2 { left: 282px; top: 172px; height: 35px; line-height: 33px; width: 193px; }
.digiaca_edu .edu_cont_list .comm_3 { left: 282px; top: 210px; height: 34px; line-height: 33px; width: 193px; }
.digiaca_edu .edu_cont_list .comm_4 { left: 559px; top: 172px; height: 71px; line-height: 1.2; width: 62px; }
.digiaca_edu .edu_cont_list .comm_4 > a { padding-top: 21px; } 
.digiaca_edu .edu_cont_list .eth_1 { left: 0; top: 253px; height: 35px; line-height: 33px; width: 109px; }
.digiaca_edu .edu_cont_list .eth_2 { left: 113px; top: 253px; height: 35px; line-height: 33px; width: 109px; }
.digiaca_edu .edu_cont_list .eth_3 { left: 0; top: 291px; height: 35px; line-height: 33px; width: 109px; }
.digiaca_edu .edu_cont_list .eth_4 { left: 113px; top: 291px; height: 35px; line-height: 33px; width: 109px; }
.digiaca_edu .edu_cont_list .eth_5 { left: 282px; top: 253px; height: 35px; line-height: 33px; width: 193px; }
.digiaca_edu .edu_cont_list .eth_6 { left: 282px; top: 291px; height: 35px; line-height: 33px; width: 94px; }
.digiaca_edu .edu_cont_list .eth_7 { left: 381px; top: 291px; height: 35px; line-height: 33px; width: 94px; }
.digiaca_edu .edu_cont_list .eth_8 { left: 534px; top: 253px; height: 73px; line-height: 1.2; width: 87px; }
.digiaca_edu .edu_cont_list .eth_8 > a { padding-top: 16px;}

.digiaca_edu .edu_cont_list .tech_1 { left: 0; top: 335px; height: 35px; line-height: 33px; width: 109px; }
.digiaca_edu .edu_cont_list .tech_2 { left: 113px; top: 335px; height: 35px; line-height: 33px; width: 109px; }
.digiaca_edu .edu_cont_list .tech_3 { left: 0; top: 374px; height: 35px; line-height: 33px; width: 109px; }
.digiaca_edu .edu_cont_list .tech_4 { left: 113px; top: 374px; height: 35px; line-height: 33px; width: 165px; }
.digiaca_edu .edu_cont_list .tech_5 { left: 282px; top: 335px; height: 74px; line-height: 72px; width: 94px; }
.digiaca_edu .edu_cont_list .tech_6 { left: 381px; top: 335px; height: 74px; line-height: 72px; width: 94px; }
.digiaca_edu .edu_cont_list .tech_7 { left: 479px; top: 374px; height: 35px; line-height: 33px; width: 52px; }
.digiaca_edu .edu_cont_list .tech_8 { left: 534px; top: 335px; height: 35px; line-height: 33px; width: 87px; }
.digiaca_edu .edu_cont_list .tech_9 { left: 534px; top: 374px; height: 35px; line-height: 33px; width: 222px; }

.digiaca_wrap .digiaca_edu .bottom_info {
	margin-top: 10px;
	text-align: right;
}

.digiaca_wrap .digiaca_edu .bottom_info .info_list {
	display: inline-block;
	overflow: hidden;
}

.digiaca_wrap .digiaca_edu .bottom_info .info_list::after {
	content: '';
	display: table;
	clear: both;
}

.digiaca_wrap .digiaca_edu .bottom_info .info_list > li {
	float: left;
}

.digiaca_wrap .digiaca_edu .bottom_info .info_list > li + li {
	margin-left: 25px;
}

.digiaca_wrap .digiaca_edu .info_item {
	position: relative;
	padding-left: 21px;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
}

.digiaca_wrap .digiaca_edu .info_item > span {
	position: absolute;
	left: 0;
	display: inline-block;
	box-sizing: border-box;
	width: 13px;
	height: 13px;
	border-radius: 3px;
	border: 3px solid #ccc;
	top: 1px;
}

.digiaca_met {
	margin-top: 80px;
	position: relative;
	overflow: visible;
}

.img_layerpopup {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0px;
	display: none;
	width: 1000px;
    height: 650px;
	border: 1px solid #222;
	background: #fff;
	padding: 40px 20px 20px 20px;
	box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.3);
	z-index: 6;
}

.img_layerpopup .img_wrap {
	height: 100%;
}

.img_layerpopup .img_wrap img {
	width: 100%;
	height: 100%;
}

.img_layerpopup._show {
	display: block;
}

.img_layerpopup .close_popup {
	border:none;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: none;
	overflow: hidden;
}

.img_layerpopup .close_popup span {
	display: block;
	width: 40px;
	height: 40px;
	font-size: 0;
	background: url(../../../images/mobile/nhi/common/bg_plus.png) center no-repeat;
	transform: rotate(45deg);
}

.subtitle.pre_wrap {
	position: relative;
}

.subtitle.pre_wrap .tit_txt {
	cursor: help;
}

.subtitle.pre_wrap .pre_detail {
	display: none;
	font-weight: normal;
	font-size: 12px;
	left: 150px;
	bottom: 19px;
	position: absolute;
	border-radius: 20px 20px 20px 0;
	width: calc(48vw - 10px);
	max-width: 765px;
	border: 2px solid #2066b7;
	padding: 10px 15px;
	z-index: 5;
	background: #fff;
	line-height: 1.2;
}

.subtitle.pre_wrap .tit_txt:hover + .pre_detail {
	display: block;
}

.digiaca_edu .digiedu_mob_info {
	display: none;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(255,255,255,0.8);
	border: 2px dashed #222;
	height: 100%;
	z-index: 10;
}

.digiaca_edu .digiedu_mob_info p {
	padding: 20px 20px;
	text-align: left;
	line-height: 1.5;
	font-weight: 700;
	font-size: 18px;
}

.digiaca_edu._offinfo .digiedu_mob_info {
	display: none;
}

@media (max-width:1024px){
	.img_layerpopup {
		width: 95vw;
		height: auto;
	}
}

@media (max-width:920px){
	.digiaca_wrap .digiaca_preview .digiaca_preview_wrap {
		margin: 0 auto;
		width: 100%;
		max-width: 702px;
		height: 109vw;
		max-height: 800px;
		background: url(../../../images/mobile/nhi/common/digital_abil_mob.png) no-repeat;
		background-size: contain;
	}

	.digiaca_wrap .digiaca_preview .data_li .pre_wrap {
	    width: 21%;
		height: 7%;
		left: 33%;
		top: 50%;
		transform: translateX(-50%);
	}
	
	.digiaca_wrap .digiaca_preview .data_li .pre_wrap:after {
		left: -106%;
		top: -61%;
		width: 104%;
		height: 265%;
	}
	
	.digiaca_wrap .digiaca_preview .data_li .pre_wrap .pre_detail {
		left: -39%;
		top: auto;
		bottom: 69%;
		max-width: 40vw;
	}
	
	
	.digiaca_wrap .digiaca_preview .media_li .pre_wrap {
		width: 21%;
		height: 6%;
		left: 33%;
		top: 37%;
		transform: translateX(-50%);
	}
	
	.digiaca_wrap .digiaca_preview .media_li .pre_wrap:after {
		left: -76%;
		top: -285%;
		width: 98%;
		height: 302%;
	}
	
	.digiaca_wrap .digiaca_preview .media_li .pre_wrap .pre_detail {
		left: -6%;
		top: auto;
		bottom: 238%;
		max-width: 40vw;
	}
	
	.digiaca_wrap .digiaca_preview .digi_co .pre_wrap {
		width: 20%;
		height: 6%;
		left: 49.5%;
		top: 27%;
		transform: translateX(-50%);
	}
	
	.digiaca_wrap .digiaca_preview .digi_co .pre_wrap:after {
		left: -2%;
		top: -335%;
		width: 102%;
		height: 322%;
	}
	
	.digiaca_wrap .digiaca_preview .digi_co .pre_wrap .pre_detail {
		left: 45%;
		bottom: 278%;
		top: auto;
		max-width: 40vw;
	}
	
	.digiaca_wrap .digiaca_preview .digi_eth .pre_wrap {
		width: 22%;
		height: 6%;
		left: 55%;
		top: 37%;
	}
	
	.digiaca_wrap .digiaca_preview .digi_eth .pre_wrap:after {
		left: auto;
		right: -70%;
		top: -285%;
		width: 98%;
		height: 302%;
	}
	
	.digiaca_wrap .digiaca_preview .digi_eth .pre_wrap .pre_detail {
		left: auto;
		right: -24%;
		top: -98%;
		max-width: 40vw;
		border-radius: 20px 0 20px 20px;
	}

	.digiaca_wrap .digiaca_preview .digi_te .pre_wrap {
		width: 22%;
		height: 6%;
		left: 55%;
		top: 51%;
	}
	
	.digiaca_wrap .digiaca_preview .digi_te .pre_wrap:after {
		left: auto;
		right: -103%;
		top: -83%;
		width: 102%;
		height: 302%;
	}
	
	.digiaca_wrap .digiaca_preview .digi_te .pre_wrap .pre_detail {
		left: auto;
		right: -57%;
		top: 122%;
		max-width: 40vw;
		border-radius: 20px 0 20px 20px;
	}

	.digiaca_wrap .digiaca_preview .digi_abil .pre_wrap {
		width: 35%;
		height: 23%;
		left: 30%;
		top: 64%;
	}
	
	.digiaca_wrap .digiaca_preview .digi_abil .pre_wrap .pre_detail {
		max-width: 40vw;
		left: 50%;
		top: auto;
		bottom: 97%;
		border-radius: 20px 20px 20px 0;
	}
}

@media (max-width:800px){
	.digiaca_wrap .digiaca_info_cont .cont_bdbox .bd_cont > li {
		width: 100%;
	}
}

@media (max-width:862px){
	.digiaca_edu .digiedu_mob_info {
		display: block;
	}

	.digiaca_wrap .digiaca_edu .bottom_info {
		text-align: left;
	}
	.digiaca_wrap .digiaca_edu {
		overflow: auto;
	}
	.digiaca_wrap .digiaca_edu .hrd_str .hrd_detail {
		bottom: auto;
		top: 42px;
		border-radius: 0 20px 20px 20px;
	}
	.digiaca_wrap .digiaca_edu .hrd_str .digi_cm .hrd_detail {
		border-radius: 20px 0 20px 20px;
	}
	.digiaca_wrap .digiaca_edu .hrd_str .digi_gov .hrd_detail {
		border-radius: 20px 0 20px 20px;
	}
}

/* 티키타카 */
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}

.mtikitaka_con { padding:12px;}
.mtikitaka_con .tikitaka_box { margin-top:10px;}
.mtikitaka_con .m_onword_box.tikitaka_box .m_onword_top a.mypage{ display:inline-block; float:right; padding:9px 13px 9px 13px; border-radius:6px; background:#364779; color:#fff; margin-right:5px;}

.mtikitaka_con .tikitaka_box .standard_box { color:#1c77d5;}
.mtikitaka_con .tikitaka_box .standard_box strong { display:inline-block; padding-bottom:5px; line-height:1.2}
.mtikitaka_con .tikitaka_box .standard_box p { line-height:16px; margin-bottom:0; color:#1c77d5;}
.mtikitaka_con .tikitaka_box .standard_box img { width:17px;}
.mtikitaka_con .tikitaka_box .preview_box p { font-size:14px; font-weight:600;}
.mtikitaka_con .tikitaka_box .preview_box .prev_slide div ~ div { margin-right:10px; }

/* 211026 텍스트 수정(s) */
.mtikitaka_con .tikitaka_box .m_onword_con { text-align:left;}
.mtikitaka_con .tikitaka_box .new_title { display:block; font-family: "cafe_surr";
    font-weight: bold; font-size: 25px; color:#fdd600; margin-bottom: 10px; text-align:center;}
.mtikitaka_con .tikitaka_box .new_text_box { line-height:20px; margin-bottom:25px;}
.mtikitaka_con .tikitaka_box .new_text_box em.bold { font-weight: 600;}
.mtikitaka_con .tikitaka_box .new_text_box em.fc_blue { color:#364779; font-weight:600 }
.mtikitaka_con .tikitaka_box .new_text_box h3 { font-size:20px; color:#364779; line-height:1.2; margin-bottom:10px; text-align:center;  }
/* 211026 텍스트 수정(e) */

.mtikitaka_con .tikitaka_box .new_text_box p { margin-bottom:0;}
.mtikitaka_con .tikitaka_box .new_text_box ul { margin:5px 0;}
.mtikitaka_con .tikitaka_box .new_text_box ul li { padding:3px 0; line-height:1.2}

/* 211025 텍스트 수정(s) */
.mtikitaka_con .tikitaka_box .new_text_box p.big_tit { font-size:18px; color:#000; font-weight:700}
.mtikitaka_con .tikitaka_box .new_text_box .text_box_img {margin:10px 0;}

.mtikitaka_con .tikitaka_box .new_text_box .s_table { margin: 10px 0; width:100%; border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #555; }
.mtikitaka_con .tikitaka_box .new_text_box .s_table thead tr { border-bottom: 1px solid #555; }
.mtikitaka_con .tikitaka_box .new_text_box .s_table th, 
.mtikitaka_con .tikitaka_box .new_text_box .s_table td { padding: 10px; text-align:center; border-right:1px solid #555; }

.tiki_top .top_title { background: #f5f5f5; }
.tiki_top .top_title:after { content:''; display:block; clear:both; }
.tiki_top .top_title .schedule { width:100%; padding:10px 0; position:relative;background: #364779; }
.tiki_top .top_title .schedule_view { display:inline-block; height:100%; background: #364779 url(/images/mobile/nhi/common/ico_ham.png) no-repeat left 15px center/13.2px 11.4px; color:#fff; font-size:14px ; padding:0 10px 0 40px; border:none;  }
.tiki_top .top_title .schedule_list { display:none; position:absolute; width:100%; top:40px; left:0; padding:10px; border:1px solid #364779; box-sizing:border-box; background:#fff;  z-index:1;  }
.tiki_top .top_title .schedule_list.on { display:block; }
.tiki_top .top_title .schedule_list li {  padding:3px 0; }
.tiki_top .top_title .schedule_list li > a { display:block; color:#364779; width:80%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.tiki_top .top_title .tit { display:block; padding:12px 0px 12px 5px; color:#364779; font-size:14px; line-height:1.2   }

.tiki_top .tiki_video { width:100% }
.tiki_top .tiki_video img { width:100% }

.tiki_top .tiki_video iframe { max-width: 100% !important;}

video[poster]{
	 width:100%; height:100%;
}

.tiki_top .tiki_answer .answer_top { margin:10px 0;}
.tiki_top .tiki_answer .answer_top:after { content:''; display:block; clear:both; }
.tiki_top .tiki_answer .answer_top p.suc { display:inline-block; float:left; padding:5px; background: #9eb75c; color: #fff; border-radius:5px;   }  
.tiki_top .tiki_answer .answer_top .select_custom { float:left; position:relative;}
.tiki_top .tiki_answer .answer_top .select_custom button.file_open { display:block; position:relative; border:none; margin-left:5px; color:#fff; background: #1c77d5; padding:5px 25px 5px 10px; border-radius:5px; font-size:12px;} 
.tiki_top .tiki_answer .answer_top .select_custom button.file_open:after { content:''; position:absolute; top: 6px;right:8px; width:6px; height:6px; border-bottom:2px solid #fff; border-left:2px solid #fff; transform: rotate(-45deg);}
.tiki_top .tiki_answer .answer_top .select_custom button.file_open.on:after { top: 9px; transform: rotate(135deg);  }
.tiki_top .tiki_answer .answer_top .select_custom .select_list { display:none; position:absolute; width:200px; top:25px; left:5px; border:1px solid #9a9a9a; border-radius:5px; padding:10px; background:#fff; }
.tiki_top .tiki_answer .answer_top .select_custom .select_list li a { position:relative; display:inline-block; padding:2px 0; line-height:1.2}
.tiki_top .tiki_answer .answer_top .select_custom .select_list li a:hover:after { content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px;}
.tiki_top .tiki_answer .answer_top .select_custom .select_list li.all a { font-weight:600; margin-bottom:5px;}

.tiki_top .tiki_answer .top_text_wrap .text_tit { display:block; font-size:14px; line-height: 1.2; color: #494949; margin-bottom:10px; }
.tiki_top .tiki_answer .top_text_wrap span { font-size:12px; line-height:1.2;color: #595959; }

.tiki_top .tiki_answer .answer_btn {background: #1c77d5; text-align: center; margin:15px 0 5px 0; }
.tiki_top .tiki_answer .answer_btn > a { display:block; color:#fff; padding:10px 30px;}
.tiki_top .tiki_answer .answer_btn > a em { display:inline-block; padding:5px 25px; background:url(/images/mobile/nhi/common/ico_answer_white.png) no-repeat center left/20px auto  }
.tiki_top .tiki_answer .answer_bottom { background:#104ca3; padding:10px 15px; }
.tiki_top .tiki_answer .answer_bottom:after { content:""; display:block; clear:both}
.tiki_top .tiki_answer .answer_bottom .btm_txt { float:left; color:#ffe600; font-weight:600; line-height:1.3; margin-right:15px; font-size:16px;  }
.tiki_top .tiki_answer .answer_bottom .date_num { font-family:"openSans"; display:inline-block; color:#fff; padding:2px 0 5px 0;  font-size:16px; }
.tiki_top .tiki_answer .answer_bottom .date { font-family:"openSans"; color:#fff; font-size:16px; }
.tiki_top .tiki_answer .answer_bottom .video_click {  display:block; border:1px solid #ffe600; float:right; padding:20px 25px 6px 25px; background:url(/images/mobile/nhi/common/ico_triangle.png) no-repeat center top 5px; background-size:9px auto; color: #ffe600; font-size:13px }

.tiki_top .tiki_answer .current_answer:after { content:""; display:block; clear:both}
.tiki_top .tiki_answer .current_answer p { color:#000; float:left; padding-top:10px;  }
.tiki_top .tiki_answer .current_answer p > span { color: #104ca3; font-size:16px; font-weight: 600;}
.tiki_top .tiki_answer .current_answer .btn_wrap { float:right; margin:5px 0; }
.tiki_top .tiki_answer .current_answer .share_btn { display:inline-block; }
.tiki_top .tiki_answer .current_answer .share_btn button { width: 22.4px; height:24.8px; border:none; background:url(/images/mobile/nhi/common/ico_share.png) no-repeat left; background-size:100% }

/* 공통카운트버튼 */
.mtikitaka_con .tiki_count_btn { display:inline-block}
.mtikitaka_con .tiki_count_btn a{ display:inline-block;}
.mtikitaka_con .tiki_count_btn a span{ display:inline-block; padding:5px 0 5px 32px; font-size:13px; color:#494949; }
.mtikitaka_con .tiki_count_btn a span input { background:transparent; border-width:0}
.mtikitaka_con .tiki_count_btn a span.like{ background:url(/images/mobile/nhi/common/ico_like.png) no-repeat left center; background-size:26px 22px; }
.mtikitaka_con .tiki_count_btn a span.like_on{ background:url(/images/mobile/nhi/common/ico_like_on.png) no-repeat left center; background-size:26px 22px; }
.mtikitaka_con .tiki_count_btn a span.count{ background:url(/images/mobile/nhi/common/ico_answer.png) no-repeat left center; background-size:24px 24px; }
.mtikitaka_con .tiki_count_btn .mento { display:inline-block;padding:10px 0;  background:url(/images/mobile/nhi/common/ico_mento.png) no-repeat right/32.2px 30.8px; margin-right:20px;}
.mtikitaka_con .tiki_count_btn .mento span { display:inline-block;padding-right:38px; padding-top:10px; font-family: 'cafe_surr'; color: #1c77d5; }
.mtikitaka_con .tiki_count_btn .ico_select { display:inline-block; width:40px; vertical-align: middle; margin-right:20px;}
.mtikitaka_con .tiki_count_btn .ico_select img { width:100%;}

.mtikitaka_con .new_btn_wrap { text-align:right; font-size:0; margin:10px 0;}
.mtikitaka_con .new_btn_wrap.clear:after { content:''; display:block; clear:both;}
.mtikitaka_con .new_btn_wrap .gray_btn { background: #a3a3a3; border:none; color:#fff; padding:10px 15px; border-radius:5px;; font-size:14px; margin-left:5px;}
.mtikitaka_con .new_btn_wrap .fl_left { float:left; margin-left:0}
.mtikitaka_con .btn_close { display:inline-block; }
.mtikitaka_con .btn_close button { width:12px; height:12px; background:url(/images/mobile/nhi/common/ico_close.png) no-repeat center; border:none; }
.mtikitaka_con .tiki_input { width: 100%; height: 30px; font-size: 12px; padding-left: 10px; box-sizing: border-box; }

/* 211028 input -> textarea 로 변경하기위해 태그추가(s) */
.mtikitaka_con .tiki_input.txta { height:50px;padding:5px 65px 5px 5px; }
/* 211028 input -> textarea 로 변경하기위해 태그추가(e) */

.tiki_bottom .board_area { position:relative; }
.tiki_bottom .board_area h3 { font-size:18px; color: #1c77d5; font-weight:600; margin:10px 0 15px 0;}
.tiki_bottom .board_area .board_category:after { content:""; display:block; clear:both}
.tiki_bottom .board_area .board_category .category_list { float:left;}
.tiki_bottom .board_area .board_category .category_list li { display:inline-block; padding: 5px 5px 5px 0;}
.tiki_bottom .board_area .board_category .category_list li > a { display:block; }
.tiki_bottom .board_area .board_category .category_list li.on > a { color:#1c77d5 }
.tiki_bottom .board_area .board_category .total { float:right; padding-top:5px; padding-bottom:5px;color:#999; }
.tiki_bottom .board_area .board_category .total > span { color:#494949;} 

.tiki_bottom .board_area ul.board_list { border-top: 2px solid #1c77d5;; margin-top:0; }
.tiki_bottom .board_area ul.board_list li {padding:15px 4px; border-bottom:1px solid #cacaca; min-height: 104px;} 
.tiki_bottom .board_area ul.board_list li:hover { background:#ecf4fc}
.tiki_bottom .board_area ul.board_list li .board_desc:after { content:""; display:block; clear:both;}
.tiki_bottom .board_area ul.board_list li .board_desc .tiki_count_btn { float:left;}
.tiki_bottom .board_area ul.board_list li .board_desc .info { float:right;}
.tiki_bottom .board_area ul.board_list li .board_desc .info p { display:inline-block; padding-top:7px; color:#494949}
.tiki_bottom .board_area ul.board_list li .board_desc .info p.name{ padding-right:10px;}
.tiki_bottom .board_area ul.board_list li .board_desc .info .btn_close { margin-left:5px }
.tiki_bottom .board_area ul.board_list li .board_desc .info .btn_close button { margin-bottom:2px;}
.tiki_bottom .board_area ul.board_list .board_tit { display:block; font-size:16px; font-weight:600; padding:10px 0; color:#494949;}
.tiki_bottom .board_area ul.board_list .board_con p.board_txt { line-height:1.4; color:#595959;}

/* 210902 3줄이상 말줄임표 추가 */
/* .tiki_bottom .board_area ul.board_list .board_con p.board_txt.text_ellipsis { overflow:hidden; text-overflow: ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} */
.tiki_bottom .board_area ul.board_list .board_con p.board_txt > a { display:block; line-height:1.4;color:#595959;}

.tiki_bottom .board_area ul.board_list .board_con.ico { position:relative;}
.tiki_bottom .board_area ul.board_list .board_con.ico p.board_txt { width:80%; }
.tiki_bottom .board_area ul.board_list .board_con.ico p.board_ico { position:absolute; top:50%; transform:translateY(-50%); right:0; width:50px;  }
.tiki_bottom .board_area ul.board_list .board_con.ico p.board_ico img { width:100%;} 
.tiki_bottom .board_area ul.board_list .recomment_area { margin: 20px 0; }
.tiki_bottom .board_area ul.board_list .recomment_area .open_btn_wrap:after { content:''; display:block; clear:both; }
.tiki_bottom .board_area ul.board_list .recomment_area .open_btn_wrap button {background:transparent; font-weight:600; border:none; }
.tiki_bottom .board_area ul.board_list .recomment_area .open_btn_wrap .recomment_view { position:relative; float:left; }
.tiki_bottom .board_area ul.board_list .recomment_area .open_btn_wrap .recomment_view:after { content:""; position:absolute; top:2px; right:-15px; width:6px; height:6px; border-bottom:2px solid #494949; border-left:2px solid #494949; transform: rotate(-45deg); } 
.tiki_bottom .board_area ul.board_list .recomment_area .open_btn_wrap .recomment_view.on:after { top:6px; transform: rotate(135deg); }
.tiki_bottom .board_area ul.board_list .recomment_area .open_btn_wrap .recomment_write { float:right; }
.tiki_bottom .board_area ul.board_list .recomment_area .recomment_wrap { display:none;}
.tiki_bottom .board_area ul.board_list .recomment_area .recomment_input { position:relative; margin:10px 0;}

/* 211028 input -> textarea 로 변경하기위해 태그수정(s) */
.tiki_bottom .board_area ul.board_list .recomment_area .recomment_input .recomment_save { display:inline-block; height:calc(100% - 2px); background: #a3a3a3; border:none; color: #fff; padding: 0 20px; position:absolute; right:0}
/* 211028 input -> textarea 로 변경하기위해 태그수정(e) */

.tiki_bottom .board_area ul.board_list .recomment_area .recomment_txt li { position:relative; padding:5px 0 5px 10px; border-bottom:none; }
.tiki_bottom .board_area ul.board_list .recomment_area .recomment_txt li:after { content:''; position:absolute; left:0; top:14px; width:5px; height:5px; border-bottom:1px solid #494949; border-left:1px solid #494949; }
.tiki_bottom .board_area ul.board_list .recomment_area .recomment_txt li p.txt_name {padding: 7px 0 10px;}
.tiki_bottom .board_area ul.board_list .recomment_area .recomment_txt li p.txt_name > strong { font-size:14px; margin-right:10px; }
.tiki_bottom .board_area ul.board_list .recomment_area .recomment_txt li p.txt_name.on > strong { background: #1c77d5; padding:5px; border-radius:15px; color:#fff }
.tiki_bottom .board_area ul.board_list .recomment_area .recomment_txt li p.txt_name > em { font-size:13px; }
.tiki_bottom .board_area ul.board_list .recomment_area .recomment_txt li .txt_con { display:inline-block; width:90%;  font-size:13px; line-height:1.2}
.tiki_bottom .board_area ul.board_list .recomment_area .recomment_txt li .btn_close { position:absolute; top: 50%; transform: translateY(-50%); right:0;}

/* 티키타카_답변등록 */
.tiki_bottom .board_area .register_tbl {border-top: 2px solid #1c77d5; border-bottom:1px solid #cacaca; }
.tiki_bottom .board_area .register_tbl tr th { text-align:left; padding:10px 0; color:#494949; font-size:12px; }
.tiki_bottom .board_area .register_tbl tr td { padding:10px 0; font-size:12px;}
.tiki_bottom .board_area .register_tbl tr td textarea { width:100%; padding:10px; font-size:12px; line-height:1.6; color:#595959; box-sizing: border-box; }
.tiki_bottom .board_area .register_txt {display:block; font-size:12px; margin-top:10px; color:#595959; line-height:1.2}

/* 티키타카 상세 */
.tiki_bottom .board_area span.ans_tit { display:block; font-weight:600; margin-bottom:10px; color:#555}
.tiki_bottom .board_area .comment_box .c_box { position:relative; border:1px solid #ccc; margin-bottom:10px; background:#fff; }
.tiki_bottom .board_area .comment_box .c_box.c1 { padding: 10px; }
.tiki_bottom .board_area .comment_box .c_box .radio_wrap { width:49%; margin-bottom:10px; display:inline-block; color:#595959;}
.tiki_bottom .board_area .comment_box .c_box .c_textarea { width: 100%; height:100%; border:none; box-sizing:border-box; padding:10px;}
.tiki_bottom .board_area .comment_box .c_box .c_submit { width:100%; background:transparent; border:none; outline:1px solid #1c77d5; color: #1c77d5; padding:10px 0;}

.tikitaka_quick {position: fixed; bottom:0; right: 18px; padding: 10px; background: #fff; width:auto; border:1px solid #c9ccd8; color: #c9ccd8; border-radius:50px;}
.tikitaka_quick a.tiki_quick { display:block; text-align: center; padding:40px 0 20px 0; font-size:13px; color:#818baa; background-repeat: no-repeat; background-position: center top;  background-size:30px auto;  font-weight: 600;}
.tikitaka_quick a.tiki_quick:hover { color: #0090ff;}
.tikitaka_quick a.tiki_quick.quick1 { background-image: url(/images/mobile/nhi/common/quick01_off.png);}
.tikitaka_quick a.tiki_quick.quick1:hover { background-image: url(/images/mobile/nhi/common/quick01_on.png)  }
.tikitaka_quick a.tiki_quick.quick2 { background-image: url(/images/mobile/nhi/common/quick02_off.png)  }
.tikitaka_quick a.tiki_quick.quick2:hover { background-image: url(/images/mobile/nhi/common/quick02_on.png)  }
.tikitaka_quick a.tiki_quick.quick3 { background-image: url(/images/mobile/nhi/common/quick03_off.png)  }
.tikitaka_quick a.tiki_quick.quick3:hover { background-image: url(/images/mobile/nhi/common/quick03_on.png)  }
.tikitaka_quick a.tiki_quick.quick4 { background-image: url(/images/mobile/nhi/common/quick04_off.png); padding-bottom:0; }
.tikitaka_quick a.tiki_quick.quick4:hover { background-image: url(/images/mobile/nhi/common/quick04_on.png); padding-bottom:0; }

/* 티키타카 팝업 */
.popup_inner { width:100%; height:100%; box-sizing: border-box;}
.tiki_popup { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10;}
.tiki_popup.popup_show { display:block; }
.tiki_popup .bg_dim { position:absolute; top:0; left:0; width:100%; height:100vh; background: rgba(0,0,0,0.5)}
.tiki_popup .popup_outer { position:relative; height:100vh; vertical-align: middle; text-align: center; box-sizing: border-box;}


/* 211027 바로 아래 .popup_inner영역에 max-width:800px; 추가해주세요. */
.tiki_popup .popup_inner { position:absolute; width:80%; max-width:800px; height: 450px; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; }
.tiki_popup .popup_inner .popup_close { position:absolute; width:15px; height:15px; top:10px; right:20px; background:url(/images/mobile/nhi/common/ico_close.png) no-repeat center; border:none; z-index:11}
.tiki_popup .popup_inner .popup_cont.pop_common { padding:20px; height:450px; box-sizing: border-box; overflow-y:auto;}

.tiki_popup .popup_cont .pop_head { font-size:24px; color:#364779; margin-bottom:10px;}
.tiki_popup .popup_cont .pop_head > span { font-weight:600; }
.tiki_popup .popup_cont .learning_info { border:1px solid #818baa; border-radius:10px; }
.tiki_popup .popup_cont .learning_info .info_left { height:100%; padding:10px; background: #f6f6f6;  border-top-left-radius: 10px; border-top-right-radius: 10px;  }
.tiki_popup .popup_cont .learning_info .info_left p.learning_time { line-height:1.3; margin-bottom:20px; color: #494949; font-size:14px; word-break: keep-all;}
.tiki_popup .popup_cont .learning_info .info_left p.learning_time span { color: #364779; font-weight:600;}
.tiki_popup .popup_cont .learning_info .info_left .info_box { display:flex; justify-content: space-between;}
.tiki_popup .popup_cont .learning_info .info_left .info_box:after { content:''; display:block; clear:both;}
.tiki_popup .popup_cont .learning_info .info_left .info_box li {  background: #364779; padding:10px 15px; border-radius:10px; width: 32.7%; position: relative;}
.tiki_popup .popup_cont .learning_info .info_left .info_box li:nth-child(odd) { margin-right:10px; margin-left:10px;}
/* .tiki_popup .popup_cont .learning_info .info_left .info_box li + li { margin-left:10px; } */
.tiki_popup .popup_cont .learning_info .info_left .info_box li.learn01 { background:#364779 url(/images/mobile/nhi/common/ico_learn01.png) no-repeat bottom 36px center;}
.tiki_popup .popup_cont .learning_info .info_left .info_box li.learn02 { background:#364779 url(/images/mobile/nhi/common/ico_learn02.png) no-repeat bottom 36px center;}
.tiki_popup .popup_cont .learning_info .info_left .info_box li.learn03 { background:#364779 url(/images/mobile/nhi/common/ico_learn03.png) no-repeat bottom 36px center;}
.tiki_popup .popup_cont .learning_info .info_left .info_box li.learn04 { background:#364779 url(/images/mobile/nhi/common/ico_learn04.png) no-repeat bottom 36px center;}
.tiki_popup .popup_cont .learning_info .info_left .info_box li p { color: #fff; text-align:center; }
.tiki_popup .popup_cont .learning_info .info_left .info_box li p > span { display:inline-block; color:#71e6ff; font-weight: 600; font-size: 16px;}
.tiki_popup .popup_cont .learning_info .info_left .info_box li p:nth-child(1) { padding-bottom:45px; min-height: 2em; }
.tiki_popup .popup_cont .learning_info .info_right { padding:10px;}
.tiki_popup .popup_cont .learning_info .info_right p { color: #494949; font-weight:600; padding:5px 0 10px 0; font-size:15px;}
.tiki_popup .popup_cont .learning_info .info_right .badge_list { height:150px; overflow-y: auto;}
.tiki_popup .popup_cont .learning_info .info_right .badge_list li { width:55px; display:inline-block; margin:5px;   }
.tiki_popup .popup_cont .learning_info .info_right .badge_list li img { width: 100%;}

.tiki_popup .popup_cont .learning_tbl { max-height:300px; overflow-y:auto; margin-top:20px;}
.tiki_popup .popup_cont .learning_tbl thead tr { border-top:1px solid #364779; border-bottom:1px solid #364779;  }
.tiki_popup .popup_cont .learning_tbl thead tr th { text-align:center; color: #364779; padding:18px 0; } 
.tiki_popup .popup_cont .learning_tbl thead tr th > span { display:inline-block; color:#494949; font-size:12px; font-weight:400; padding-top:2px;}
.tiki_popup .popup_cont .learning_tbl tbody tr { border-bottom:1px solid #cacaca; }
.tiki_popup .popup_cont .learning_tbl tbody td { text-align:center; padding:12px 0;}
.tiki_popup .popup_cont .learning_tbl tbody td a.link { display:inline-block; background: #364779; padding:5px; border-radius:5px; color:#fff; }
.tiki_popup .popup_cont .learning_tbl tbody td p { display:inline-block; width:10px}
.tiki_popup .popup_cont .learning_tbl tbody td p img { width:100%;}


@media (max-width:380px){
	.tiki_popup .popup_cont .learning_info .info_left .info_box li { width: calc((100% - 5px) / 3); }

	.tiki_popup .popup_cont .learning_info .info_left .info_box li + li { margin-left:5px; }
}

@media (max-width:360px){
	.tiki_popup .popup_cont .learning_info .info_left .info_box { flex-wrap: wrap;}

	.tiki_popup .popup_cont .learning_info .info_left .info_box li { width: 100%; }

	.tiki_popup .popup_cont .learning_info .info_left .info_box li + li { margin-left:0px; }
}


/*211026 팝업 테이블 가로스크롤 위해 소스 추가(e)*/
@media (max-width:700px){
	.tiki_popup .popup_cont .learning_tbl table { width:600px; overflow-x:auto; }	
}
/*211026 팝업 테이블 가로스크롤 위해 소스 추가(e)*/

/* 공유 팝업 */
.tiki_popup .popup_inner.small { height: auto; text-align:left; padding: 20px }
.tiki_popup .popup_inner.small .share_tit { font-family: 'cafe_surr'; font-size:20px; color:#364779; padding-bottom:10px; }
.tiki_popup .popup_inner.small .share_wrap { position:relative; border:1px solid #364779; border-radius:10px; padding:12px 0; }
.tiki_popup .popup_inner.small .share_wrap .share_address { font-size:14px; color:#364779; padding-left:5px;}
.tiki_popup .popup_inner.small .copy_btn { position:absolute; font-size:14px; right:0px; top:0; background:#364779;color:#fff; height:100%; padding:0 15px; height:100%;; border-radius:8px; border:0}

/* 팝업_티키타카슬라이드 */
.tikitaka_slide .slick-slide { height:450px; overflow-y: auto;}
.tikitaka_slide .pop_slide { padding:20px 20px 35px 20px; box-sizing: border-box;}
.tikitaka_slide .pop_slide h2 { font-family: 'cafe_surr'; font-size:20px; color:#364779; line-height:1.2; margin:10px 0; }
.tikitaka_slide .pop_slide h2.txt_c { text-align:center}

/* 211026 text-align 추가(s) */
.tikitaka_slide .pop_slide.pop1 ul.q_list li { padding:2px 0; text-align:left;}
/* 211026 text-align 추가(e) */

.tikitaka_slide .pop_slide.pop1 .scroll_img { width:100%; }
.tikitaka_slide .pop_slide.pop1 .scroll_img > a { display:block;  }
.tikitaka_slide .pop_slide.pop1 .scroll_img img { width:100%; }

.tikitaka_slide .pop_slide.pop1 p.txt_bold { font-weight:600; font-size:14px; margin:10px 0}
.tikitaka_slide .pop_slide.pop1 .teacher_intro { display:block; margin-bottom:10px;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro strong { display:block; margin:40px 0 10px 0; font-size: 18px; }

.tikitaka_slide .pop_slide.pop1 .teacher_intro .t_img { max-width:200px; }

/* 211026 텍스트 text-align 추가(s) */
.tikitaka_slide .pop_slide.pop1 .teacher_intro .t_img img { width:100%;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro p {font-weight:600; font-size:16px; text-align:left; }
.tikitaka_slide .pop_slide.pop1 .teacher_intro ul li { padding:3px 0; text-align:left;}
/* 211026 텍스트 text-align 추가(e) */

.tikitaka_slide .pop_slide.pop1 .teacher_intro ul.book_img {font-size:0;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro ul.book_img li { display:inline-block; width:calc((100% - 10px)/2); height: auto;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro ul.book_img li:first-child {margin-right:10px;}
.tikitaka_slide .pop_slide.pop1 .teacher_intro ul.book_img li img { width:100%; height:100%;}
/* 211006 팝업수정(e) */


.tikitaka_slide .top5_area .top5_tab { font-size:0; margin:20px 0;}
.tikitaka_slide .top5_area .top5_tab li {display:inline-block; margin-right:10px; }
.tikitaka_slide .top5_area .top5_tab li:last-child { margin-right:0;}
.tikitaka_slide .top5_area .top5_tab li button { border:1px solid #858fad; background:#858fad; color:#fff; border-radius:5px; padding:7px; }
.tikitaka_slide .top5_area .top5_tab li.on button { background: #1c77d5; }
.tikitaka_slide .top5_area .top5_tablist { margin-top:20px; }
.tikitaka_slide .top5_area .top5_tablist .ranking { display:none; border:1px solid #858fad; border-radius:10px; padding: 0px 30px;}
.tikitaka_slide .top5_area .top5_tablist .ranking.on { display:block; }
.tikitaka_slide .top5_area .top5_tablist .ranking li { display:flex; flex-direction: row; justify-content: space-between; align-items: center; padding:20px 0;}
.tikitaka_slide .top5_area .top5_tablist .ranking li .rank {  font-family: 'cafe_surr'; color: #1c77d5; font-size:16px; }
.tikitaka_slide .top5_area .top5_tablist .ranking li .who { font-size:16px; color: #494949; font-weight:600; }
.tikitaka_slide .top5_area .top5_tablist .ranking li .num { font-size:16px; color: #494949; font-weight:600; }

.tikitaka_slide .pop_slide.pop3 { background:url(/images/mobile/nhi/common/popup_bg.jpg) no-repeat center; background-size: cover;}
.tikitaka_slide .pop_slide.pop3 .bg_title { width:100%;}
.tikitaka_slide .pop_slide.pop3 .bg_title span {  font-family: 'cafe_surr'; display:inline-block; font-size:24px; color:#fff; line-height:1.3}
.tikitaka_slide .pop_slide.pop3 .great_box .great_tit { display:block; font-family: 'cafe_surr'; color: #1c77d5; font-size:26px; padding:10px 0;   }
.tikitaka_slide .pop_slide.pop3 .great_box .great_scroll { border:1px solid #ccc; background-color:#fff; padding:20px;border-radius:10px; width:70%; margin:0 auto; height:300px; overflow-y: auto; }
.tikitaka_slide .pop_slide.pop3 .great_box .great_list { width:100;  margin-bottom:20px;}
.tikitaka_slide .pop_slide.pop3 .great_box .great_list:last-child { margin-bottom:0;}
.tikitaka_slide .pop_slide.pop3 .great_box .great_list:after { content:''; display:block; clear:both;}
.tikitaka_slide .pop_slide.pop3 .great_box .great_list p { font-family: 'cafe_surrair'; font-size:20px; font-weight:600; float:left; color: #1c77d5;}
.tikitaka_slide .pop_slide.pop3 .great_box .great_list ul { float:right; }
.tikitaka_slide .pop_slide.pop3 .great_box .great_list ul li { padding-bottom:10px; font-weight:600;}

.tikitaka_slide .slick-dots { position: absolute; bottom:10px;}
.tikitaka_slide .slick-dots li{ width:auto;height:14px;margin:0 3px}
.tikitaka_slide .slick-dots li button{display:block;width:14px;height:14px;border-radius:14px;background-color:#d3d3d3;line-height:14px;content:'';opacity:1;}
.tikitaka_slide .slick-dots li button::before{display:none}
.tikitaka_slide .slick-dots li.slick-active button{width:30px;background-color:#0090ff} 
.tikitaka_slide.slick-dotted.slick-slider { margin-bottom: 0px; }

@media (max-width:480px){
    .m_onword_box.tikitaka_box .m_onword_top strong { float: none; margin-bottom:5px; display: block; }
}

/* 211028 새로운 팝업 추가(s) */
.tiki_popup .popup_inner .popup_close.white { background:url(/images/mobile/nhi/common/ico_close_white.png) no-repeat center;}
.tiki_popup .popup_inner.small_pop .popup_cont.pop_common { padding:0}
.tiki_popup .popup_inner.dark_bg { background: #1f3164; }
.tiki_popup .popup_inner.dark_bg .popup_cont .pop_head { font-family:'cafe_surr'; color:#fff; text-align:left; font-size:18px; }
.tiki_popup .popup_inner.dark_bg .popup_cont .new_pop_btn { text-align:center; margin-top:20px}
.tiki_popup .popup_inner.dark_bg .popup_cont .new_pop_btn > a {  display:inline-block; font-family:'cafe_surr'; padding: 15px 25px; border-radius:5px; color:#fff; background:#5c84f4; font-size:15px; }

.dig_wrap .desc { text-align:left;}
.dig_wrap .desc p { color:#96b2ff; font-size:12px; padding-bottom:5px; }
.dig_wrap .desc p.fzbig {font-size:12px; margin-top:10px; line-height:1.4}
.dig_wrap .desc p > em { color:#fff;}

.dig_wrap .question_wrap {  background: #fff; padding:5px; margin-top:5px;  }
.dig_wrap .question_wrap .question_list { border-top:2px solid #364779; height:350px; overflow-y:auto ; }
.dig_wrap .question_wrap .question_list li { border-bottom:2px solid #364779;  }
.dig_wrap .question_wrap .question_list li .question { padding:10px 8px; border-bottom:1px solid #364779; text-align:left; vertical-align: middle; line-height:1.2 }
.dig_wrap .question_wrap .question_list li .question > span { font-family:"cafe_surr"; color:#5d78c8; vertical-align: middle; }
.dig_wrap .question_wrap .question_list .answer { padding:5px 8px; text-align:left; }
.dig_wrap .question_wrap .question_list .answer .table_check { display:inline-block; padding: 2px; margin:5px 0; }

/* 표 안에 체크박스 */
.table_check { position:relative; }
/* 211102 아래 type="checkbox"를 radio로 변경함 */
.table_check input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.table_check input[type="radio"] + label { display: inline-block; position: relative; vertical-align: middle; cursor: pointer; padding-left: 25px; }
.table_check input[type="radio"] + label:after { content: ''; position: absolute; left: 0; top: 50%;  transform: translateY(-50%); width: 18px; height: 18px; border-radius:4px; line-height: 20px; text-align: center; background: #eeee; border:1px solid #e2e2e2; }
.table_check input[type="radio"]:checked + label:after { background: #5d78c8; border:1px solid #5d78c8; }
.table_check input[type="radio"]:checked + label > span { display: block; position: absolute; top:-1px; left:4px; z-index: 1;width: 10px; height: 7px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }

.result_wrap .my_result { position:relative; text-align:center; padding: 110px 0 10px; background:url(/images/mobile/nhi/common/m_result_bg01.png) no-repeat center/220px auto; background-size:contain  }
.result_wrap .my_result p.my_score { font-family:"cafe_surr"; font-size: 16px; color:#fff; text-align:center;  }
.result_wrap .my_result p.my_score > span {  color:#e3a1ff; font-size:20px; }
.result_wrap .result_box { position:relative; background:#fff; height:170px; border-radius:5px;}
.result_wrap .result_box .gauge_wrap { position:absolute; width: calc(100% - 70px); top:50%; left:50%; transform: translate(-50%, -50%); }
.result_wrap .result_box .gauge_wrap .gauge {  position:relative; width:100%; height:15px; border-radius:15px; background: #1f3164; }
.result_wrap .result_box .gauge_wrap .gauge .my_score { position:absolute; width:70px; top:-38px; transform: translateX(-50%); text-align:center; color:#e3a1ff; font-size:16px; font-family:"cafe_surr"; z-index:1}
.result_wrap .result_box .gauge_wrap .gauge .my_score:after { content:''; position:absolute; top:18px; left:50%; transform: translateX(-50%); width:31px; height:27px; background: url(/images/mobile/nhi/common/ico_arrw.png) no-repeat center; background-size:100% }
.result_wrap .result_box .gauge_wrap .gauge .bar_pos { position:absolute;  top:-6px; left:0; width:3px; height:26px; background:#5c84f4; }
.result_wrap .result_box .gauge_wrap .gauge .average_wrap { position:absolute; width:125px; transform: translateX(-50%); margin-top:45px; text-align: center; letter-spacing: -1px; font-weight:600; }
.result_wrap .result_box .gauge_wrap .gauge .average_wrap.left { transform: translateX(0%); }
.result_wrap .result_box .gauge_wrap .gauge .average_wrap.right { transform: translateX(-100%); }
.result_wrap .result_box .gauge_wrap .gauge .average_wrap .avg_score { font-family:'cafe_surr'; font-size: 12px; color:#1f3164; }
.result_wrap .result_box .gauge_wrap .gauge .average_wrap .avg_num { font-size:12px; color:#1f3164; margin:3px 0;}
	
.result_wrap .result_box .gauge_wrap .score { width:100%; margin:10px 0;}
.result_wrap .result_box .gauge_wrap .score:after { content:''; display:block; clear:both;}
.result_wrap .result_box .gauge_wrap .score p {  font-family:'cafe_surr'; font-size:12px; color:#444; }
.result_wrap .result_box .gauge_wrap .score .min { float:left; }
.result_wrap .result_box .gauge_wrap .score .max { float:right;  }

.result_wrap .result_bottom { text-align:center; margin-top:20px;}
.result_wrap .result_bottom .recom { color:#fff; line-height:1.2 }
.result_wrap .result_bottom .letgo {  font-family:"cafe_surr"; font-size: 14px; color:#fff; margin-top:20px; line-height:1.4}
.result_wrap .result_bottom .letgo > em { color:#9eb8ff; }

.new_pop { font-size:14px; text-align:center; background: url(/images/mobile/nhi/common/ico_illust_bg.png) no-repeat top; padding: 20px; background-size: 100%;  }

/* 211102 팝업수정 (s) */
.new_pop .title_area { padding-top:20px; }
.new_pop .title_area .top{ color:#fff; line-height:1.4; padding-bottom:10px; font-size:12px}
.new_pop .title_area .tit { font-family:'cafe_surr'; font-size:24px; color:#fff; margin:0;}
/* 211102 팝업수정 (e) */
.new_pop .title_area .tit em { color:#efeabb;}
.new_pop .title_area .tit span { color:#c96df0;}
.new_pop .title_area .desc { color:#fff; line-height:1.3; margin:15px 0; font-size:12px; } 
.new_pop .title_area .sub_desc { font-size:14px; color:#8aa7f9; }
.new_pop .title_area .sub_desc > em { font-family:'cafe_surr'; font-weight:600; vertical-align: middle;}
.new_pop .center_img { max-width:250px; margin:20px auto;  }
.new_pop .center_img img { width:100% }

.new_pop .bottom_area .click { margin:20px 0;}
.new_pop .bottom_area .click > a { font-family:'cafe_surr'; display:block; color:#fff; padding: 15px 0; border-radius:5px;}
.new_pop .bottom_area .click .start { width:100%; background:#c96df0; margin-bottom:10px; }
.new_pop .bottom_area .click .share { width:100%; background:#5c84f4 }
.new_pop .bottom_area .total_num { color:#fff; font-size:16px; }
.new_pop .bottom_area .total_num > span { font-family:'cafe_surr'; font-weight:600; color:#f3ff6d; vertical-align: middle;}
.new_pop .bottom_area .info { display:block; font-size:12px; font-family:'cafe_surr'; color:#f3ff6d; margin:15px 0 10px;}
.new_pop .bottom_area .desc { font-size:12px; color:#fff; line-height:1.4}


/* 211028 새로운 팝업 추가(e) */

/* 211102 css 추가 */
.close_check {color:#fff; text-align:left; margin:10px;}

/* 시즌2 */
.tikitaka_intro_left .intro_season2 { font-size: 16px; }
.m_onword_box .m_onword_con .intro_season2 p{ margin-bottom:0px; }
.intro_season2 .s2_tit { font-family: 'cafe_surr'; margin-bottom: 15px;  font-size: 17px; }
.intro_season2 .s2_tit.color_rb { color: #3787c5; }
.intro_season2 .s2_tit.color_b { color: #4e51bc; }
.intro_season2 .s2_tit.color_gr { color: #239189; }
.intro_season2 .s2_tit.color_or { color: #db643a; }

.intro_season2 .intro_img { position: relative; min-height: 500px; margin-bottom: 50px; text-align: center; }
.intro_season2 .intro_img img {
	opacity: 0.2;
	max-width: 100%;
	width: auto;
}

.intro_season2 .intro_img .intro_txt { 
	text-align: left;
	margin: auto;
    margin-top: -418px;
    padding: 0;
    max-width: 500px;
	position: relative;
}

@media (max-width:840px) {
	.intro_season2 .intro_img { min-height: auto; padding-top: 73%; margin-bottom: 0; text-align: left; }
	.intro_season2 .intro_img img { 
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%); 
	}
	.intro_season2 .intro_img .intro_txt { 
		margin-top: -57%;
		box-sizing: border-box;
		padding: 0 12% 40px;
		max-width: none;
	}
}

@media (max-width:320px) {
	.intro_season2 .intro_img .intro_txt { 
		padding: 0 4% 40px;
	}
}

.intro_season2 .intro_img .intro_txt p {
	color: #111;
	letter-spacing: -1px;
}

.intro_season2 .intro_img .intro_txt .head_tit { font-size: 20px; font-weight: bold; font-family: 'cafe_surr'; color: #444; line-height: 1.2; word-break: keep-all; }

.intro_season2 .intro_img .intro_txt .head_tit + .head_tit { margin-top: 6px; }
.intro_season2 .intro_img .intro_txt .head_tit + .head_txt { margin-top: 20px; }
.intro_season2 .intro_img .head_txt { font-size: 14px; font-weight: 400; word-break: keep-all; }

.intro_season2 .intro_img .head_txt span {
	background: #bdff5e;
	color: #000;
    padding: 4px 5px;
    border-radius: 4px;
	font-weight: 600;
	cursor: help;
	display: inline-block;
}

.intro_season2 .intro_img .head_txt span i { 
	display: none;
	font-weight: normal;
	font-size: 13px;
}

._ptech i { width: 320px; left: 50%; top: -30px; transform: translateX(-50%); }
._mtrend i { width: 270px; left: 50%; bottom: -30px; transform: translateX(-50%); }

.intro_season2 .intro_img .head_txt span:hover { background: none;
	color: inherit;
    padding: 0;
    border-radius: 0;
	cursor: auto;
	display: inline 
}
.intro_season2 .intro_img .head_txt span:hover i { font-style: normal; display: inline; }

.intro_season2 .intro_img .intro_txt .head_txt + .head_txt { margin-top: 8px; }

.intro_season2 .intro_img .bot_txt { font-size: 14px; word-break: keep-all; }
.intro_season2 .intro_img .bot_txt + .bot_txt { margin-top: 5px; }

.intro_season2 .intro_img .head_txt + .bot_txt { margin-top: 25px; }

.intro_season2 .intro_img + .intro_wrap { position: relative; }
.intro_season2 .intro_wrap { font-size: 16px; padding: 0 10px; }
.intro_season2 .intro_wrap + .intro_wrap { margin-top: 50px; }
.intro_wrap .intro_reco { display: flex; position: relative; padding-top: 10px; flex-direction: column; }
.intro_wrap .intro_reco::before { 
	content: '';
    background: #a5e7f6;
    height: 100%;
    left: 50px;
    position: absolute;
    top: 5px;
    width: 1px;
}
.intro_wrap .intro_reco > li { box-sizing: border-box; display: flex; align-items: center; position: relative; width: 100%; padding: 0 0 0 120px; min-height: 100px; }
.intro_wrap .intro_reco > li + li { margin-top: 20px; }
.intro_wrap .intro_reco > li:first-child { background: url(/images/mobile/nhi/s2/s2_reco_img1.png) left center no-repeat; background-size: 100px; }
.intro_wrap .intro_reco > li:nth-child(2) { background: url(/images/mobile/nhi/s2/s2_reco_img2.png) left center no-repeat; background-size: 100px; }
.intro_wrap .intro_reco > li:nth-child(3) { background: url(/images/mobile/nhi/s2/s2_reco_img3.png) left center no-repeat; background-size: 100px; }
.intro_wrap .intro_reco > li p { font-size: 14px; line-height: 1.4; }


.intro_season2 .intro_wrap .nor_txt { font-size: 14px; margin-bottom: 10px !important; line-height: 1.3; word-break: keep-all; }
.intro_season2 .intro_wrap .nor_txt._bold { font-weight: bold; margin-bottom: 0; }
.intro_wrap .thm_list { margin-bottom: 25px;}
.intro_wrap .thm_list > li { display: flex; align-items: center; }
.intro_wrap .thm_list > li + li { margin-top: 8px; }

.intro_wrap .thm_list .thm_tit + span { width: 0; flex:auto; font-size: 15px; color: #444; font-weight: 700; margin-left: 10px; word-break: keep-all; }

.intro_wrap .dash_list {}
.intro_wrap .dash_list > li { padding-left: 12px; position: relative; line-height: 1.5; font-size: 14px; }
.intro_wrap .dash_list > li::before { content: '-'; position: absolute; left: 0; top: 0px; }
.intro_wrap .dash_list > li + li { margin-top:1px; }
.intro_wrap .nor_txt + .dash_list {
	margin-top: 4px;
}


.thm_tit { font-size: 13px; font-weight: 700; color: #fff; background: #4e51bc; border-radius: 20px; padding: 3px 14px; }

.problem_list .thm_tit { display: inline-block; margin-top: 10px; }

.intro_wrap .num_list > li { padding-left: 20px; position: relative; font-weight: bold; font-size: 14px; line-height: 1.4; }
.intro_wrap .num_list > li > .num_s { position: absolute; left: 0; top: 0; line-height: 1.4; }
.intro_wrap .num_list > li img { max-width: 100%; width: auto; }
.intro_wrap .num_list > li + li { margin-top: 3px; }
.intro_wrap .num_list .txt_badge { font-size: 14px; font-weight: normal; margin-top: 3px; }

.intro_wrap .link_txt { color: #db643a; font-size: 16px; font-weight: 600; }
.intro_wrap .link_txt:hover { text-decoration: underline; }

.answer_dt { padding: 5px 0; line-height: 1.3; }

.ant_uni { 
	margin-top: 20px;
	border-top: 1px solid #aaa;
    padding: 15px 0;
    border-bottom: 1px double #aaa;
    margin-bottom: 20px;
}
.ant_uni .m_shs_thumbox { margin-bottom: 0; }
.ant_uni .m_shs_thumbox .shs_thumb_box { max-width: none; }
.ant_uni .m_shs_thumbox ul.shs_thumb li { max-width: 280px; }
.ant_uni .m_shs_thumbox ul.shs_thumb li a img { width: 100%; }
.ant_uni .ant_uni_tit { font-size: 15px; margin-bottom: 10px; font-weight: 600; }
.ant_uni .thm_tit { display: inline-block; font-size: 11px; margin-bottom: 5px; }
.ant_uni .ant_uni_info { font-size: 15px; font-weight: 600; color: #1c77d5; margin-bottom: 10px; background: #104ca3; padding: 10px; }
.ant_uni .ant_uni_info .ant_uni_info_tit { color: #ffe600; margin-bottom: 5px; }
.ant_uni .ant_uni_info .ant_uni_info_bot { color: #fff; }
.ant_uni_info_bot span + .ant_uni_info_date { padding-left: 20px; position: relative; }
.ant_uni_info_bot span + .ant_uni_info_date::before { 
	content: '';
	width: 4px;
    height: 4px;
    border-radius: 4px;
    background: white;
    position: absolute;
    left: 6px;
    top: 8px;
}


/* 20221103 교육안내 */
.slick-initialized .slick-slide.pop_slide.pop1 {
	display: flex;
    flex-direction: column;
}

.edct_info_cont {
	padding: 30px 0 0;
	text-align: left;

    overflow-y: auto;
    box-sizing: border-box;
}

.edct_info_cont * {
	box-sizing: border-box;
}

.edct_info_cont .tit {
	color: #3787c5;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1.3;
	word-break: keep-all;
}

.edct_info_cont ol > li:nth-child(4) .tit {
	margin-bottom: 20px;
}

.edct_info_box  {
	padding: 0 12px;
}

.edct_info_box + .edct_info_box  {
	margin-top: 22px;
}

.edct_info_box._take1 {
	/* background: url(/images/mobile/nhi/s2/bg_box1.png) right 60px top 10px no-repeat; */
}

.edct_info_box._take2 {
	/* background: url(/images/mobile/nhi/s2/bg_box2.png) left 40px top 22px no-repeat; */
	padding-bottom: 55px;
}

.edct_info_box._take3 {
	/* background: url(/images/mobile/nhi/s2/bg_box3.png) left 82px bottom 44px no-repeat; */
}

.edct_info_box._take4 {
	/* background: url(/images/mobile/nhi/s2/bg_box4.png) right 108px top no-repeat; */
	padding-bottom: 55px;
}

.edct_info_box._take5 {
	/* background: url(/images/mobile/nhi/s2/bg_box5.png) left 50px bottom 140px no-repeat; */
	padding-bottom: 44px;
}


.edct_info_row {
	align-items: center;
	display: flex;
	font-family: 'Nanum Gothic';
	letter-spacing: -0.05em;
	min-height: 82px;
	padding-left: 104px;
	word-break: keep-all;
}

.edct_info_row + .edct_info_row {
	margin-top: 22px;
}

.edct_info_row.img_cha1 {
	background: url(/images/mobile/nhi/s2/s2_edu_ico1.png) top left no-repeat;
	background-size: 80px;
}

.edct_info_row.img_cha2 {
	background: url(/images/mobile/nhi/s2/s2_edu_ico2.png) top left no-repeat;
	background-size: 80px;
}

.edct_info_row.img_cha3 {
	background: url(/images/mobile/nhi/s2/s2_edu_ico3.png) top right no-repeat;
	background-size: 80px;
}

.edct_info_row.img_cha4 {
	background: url(/images/mobile/nhi/s2/s2_edu_ico4.png) top right no-repeat;
	background-size: 80px;
}

.edct_info_row.to_right {
	justify-content: flex-end;
	padding-left: 0;
	padding-right: 104px;
}

.edct_info_row > span {
	align-items: center;
	background: #f3f3f3;
	border-radius: 14px;
	color: #000;
	display: inline-flex;
	line-height: 1.5;
	min-height: 54px;
	padding: 16px 24px;
	
}

.edct_info_row.to_right > span {
	background: #3787c5;
	color: #fff;
}


.edct_info_teacher_box {
	
}

.edct_info_teacher_box .teacher_txt {
	color: #444;
	font-size: 16px;
	text-align: center;
	line-height: 1.3;
}

.edct_info_teacher_box .teacher_list {
	background: #e7f4ff;
	letter-spacing: -0.08em;
	margin-top: 20px;
	padding: 32px 22px;
	word-break: keep-all;
}

.edct_info_teacher_box .teacher_list > li {
	background: #fff;
	border: 2px solid #3787c5;
	border-radius: 14px;
	padding: 26px 15px 24px;
	position: relative;
	width: 100%;
}

.edct_info_teacher_box .teacher_list > li + li {
	margin-top: 20px;
}

.edct_info_teacher_box .teacher_list > li::before {
	content: '';
	height: 81px;
	position: absolute;
	right: 36px;
	top: -13px;
	width: 81px;
}

.edct_info_teacher_box .teacher_list > li:first-child::before {
	background: url(/images/mobile/nhi/s2/s2_edu_ico3.png) no-repeat;
	background-size: cover;
}

.edct_info_teacher_box .teacher_list > li:nth-child(2)::before {
	background: url(/images/mobile/nhi/s2/s2_edu_ico4.png) no-repeat;
	background-size: cover;
}

.edct_info_teacher_box .teacher_list .tc_name {
	color: #3787c5;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

.edct_info_teacher_box .teacher_list .tc_cur {
	color: #444;
	font-family: 'Nanum Gothic';
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 8px;
}

.edct_info_teacher_box .teacher_list .tc_dash {
	font-family: 'Nanum Gothic';
	font-size: 14px;
}

.edct_info_teacher_box .teacher_list .tc_dash > li {
	line-height: 1.3;
	padding-left: 8px;
	position: relative;
	word-break: keep-all;
}

.edct_info_teacher_box .teacher_list .tc_dash > li::before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}

.edct_info_teacher_box .teacher_list .tc_dash > li + li {
	margin-top: 3px;
}


@media (max-width:640px){
	.edct_info_cont .tit {
		font-size: 16px;
	}

	.edct_info_row {
		padding-left: 72px;
	}

	.edct_info_row.to_right {
		padding-right: 72px;
	}

	.edct_info_row.img_cha1 {
		background: url(/images/mobile/nhi/s2/s2_edu_ico1.png) center left no-repeat;
		background-size: 60px;
	}
	
	.edct_info_row.img_cha2 {
		background: url(/images/mobile/nhi/s2/s2_edu_ico2.png) center left no-repeat;
		background-size: 60px;
	}
	
	.edct_info_row.img_cha3 {
		background: url(/images/mobile/nhi/s2/s2_edu_ico3.png) center right no-repeat;
		background-size: 60px;
	}
	
	.edct_info_row.img_cha4 {
		background: url(/images/mobile/nhi/s2/s2_edu_ico4.png) center right no-repeat;
		background-size: 60px;
	}

	.edct_info_row > span {
		padding: 8px 12px;
	}

	.edct_info_teacher_box .teacher_txt {
		font-size: 15px;
	}

	.edct_info_teacher_box .teacher_list > li::before {
		height: 60px;
		right: 13px;
		width: 60px;
	}

	.edct_info_teacher_box .teacher_list .tc_name {
		font-size: 16px;
		padding-right: 70px;
	}

	.edct_info_teacher_box .teacher_list .tc_cur {
		font-size: 14px;
	}

	.edct_info_teacher_box .teacher_list .tc_dash {
		font-size: 13px;
	}
}